@lyc305213781/split-pane

vue3版本的可拖拽窗口组件 a split-pane component for vue3

Compile and Hot-Reload for Development

pnpm dev

How to use

pnpm add @lyc305213781/vue3-split-pane

<split-pane :min-percent='20' :default-percent='30' layout="vertical">
    <template #paneL>
    A
    </template>
    <template #paneR>
    B
    </template>
</split-pane>

Props

| Property | Description | type | default | | ----------------- | ---------------- | :--------: | :----------: | | layout | the split type |String [horizontal,vertical] |must choose one type | | min-percent | paneL max-min-percent |Number | 10 | | max-percent | paneL max-percent |Number | 10 |

Events

| Property | Description | type | default | | ----------------- | ---------------- | :--------: | :----------: | | resize | resize event | (leftPercent:number) => void | |