You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
628 B
34 lines
628 B
<template>
|
|
<div :class="classes" style="">
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { getCurrentInstance, defineComponent, type SetupContext, watch } from 'vue'
|
|
|
|
export default defineComponent({
|
|
name: 'SplitArea',
|
|
props: {
|
|
size: {
|
|
type: Number,
|
|
default: 50
|
|
},
|
|
minSize: {
|
|
type: Number,
|
|
default: 100
|
|
}
|
|
},
|
|
setup(props, ctx: SetupContext) {
|
|
},
|
|
computed: {
|
|
classes(): string {
|
|
const parent = getCurrentInstance()?.parent
|
|
const a = parent?.props
|
|
return `split split-area split-` + a?.direction
|
|
}
|
|
}
|
|
|
|
})
|
|
</script>
|
|
<style>
|
|
</style>
|