daydayup001001 / split-pane-v3

A split panel for vue3, using TS

split-pane-v3

中文文档README.zh_CN.md

demo

About

• Split-pane-v3 is a split panel component based on VUE3+TS, this component functions similar to 'vscode' panel splitting, commonly found in online code editors! According to turn,this can be understood as the Vue3 version of the project.

Get Start

download

npm install split-pane-v3 --save

or

npm i split-pane-v3 -S

<template>
	<split-pane :min-percent="0" :default-percent="20" split="vertical">
		<template v-slot:paneL> vertical-A </template>
		<template v-slot:paneR>
			<split-pane split="horizontal" :default-percent="75">
				<template v-slot:paneL> horizontal-B </template>
				<template v-slot:paneR>
					<split-pane split="vertical" :default-percent="75">
						<template v-slot:paneL> vertical-C </template>
						<template v-slot:paneR> vertical-D </template>
					</split-pane>
				</template>
			</split-pane>
		</template>
	</split-pane>
</template>

<script setup lang="ts">
	import { defineAsyncComponent } from "vue";
	const SplitPane = defineAsyncComponent(() => import("split-pane-v3"));
</script>

---

Options

IDX	Name	Type	default	explain
1	minPercent	Number	10	Minimum value of the current panel (%)
2	defaultPercent	Number	50	Default display value of the current panel (%)
3	split	String	-	The display mode of the current panel can be upper or lower or left or right
4	class-name	String	-	The class name of the split gesture for the current panel

---

slot

IDX	Name	explain
1	paneL	First slot inside split panel (left or top)
2	paneR	First slot inside split panel (right or bottom)

split-pane-v3's Issues

License?

Could you add a license file? (ideally open source like MIT below but obv up to you)

(source for copy/paste below: https://opensource.org/license/mit)
Copyright

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.