straw-ui-vue 0.1.0

package/dist/components/st-splitter-panel/index.d.ts

@@ -0,0 +1,180 @@
+export declare const StSplitterPanel: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").SplitterPanelProps & {
+            size?: number;
+        }> & Readonly<{
+            "onUpdate:size"?: (value: number) => any;
+        }>, {
+            panelId: import("vue").Ref<string, string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:size": (value: number) => any;
+        }, import("vue").PublicProps, {
+            flex: boolean;
+            visible: boolean;
+            minSize: number;
+            maxSize: number;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").SplitterPanelProps & {
+            size?: number;
+        }> & Readonly<{
+            "onUpdate:size"?: (value: number) => any;
+        }>, {
+            panelId: import("vue").Ref<string, string>;
+        }, {}, {}, {}, {
+            flex: boolean;
+            visible: boolean;
+            minSize: number;
+            maxSize: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").SplitterPanelProps & {
+        size?: number;
+    }> & Readonly<{
+        "onUpdate:size"?: (value: number) => any;
+    }>, {
+        panelId: import("vue").Ref<string, string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:size": (value: number) => any;
+    }, string, {
+        flex: boolean;
+        visible: boolean;
+        minSize: number;
+        maxSize: number;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        [x: string]: any;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").SplitterPanelProps & {
+            size?: number;
+        }> & Readonly<{
+            "onUpdate:size"?: (value: number) => any;
+        }>, {
+            panelId: import("vue").Ref<string, string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:size": (value: number) => any;
+        }, import("vue").PublicProps, {
+            flex: boolean;
+            visible: boolean;
+            minSize: number;
+            maxSize: number;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").SplitterPanelProps & {
+            size?: number;
+        }> & Readonly<{
+            "onUpdate:size"?: (value: number) => any;
+        }>, {
+            panelId: import("vue").Ref<string, string>;
+        }, {}, {}, {}, {
+            flex: boolean;
+            visible: boolean;
+            minSize: number;
+            maxSize: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").SplitterPanelProps & {
+        size?: number;
+    }> & Readonly<{
+        "onUpdate:size"?: (value: number) => any;
+    }>, {
+        panelId: import("vue").Ref<string, string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:size": (value: number) => any;
+    }, string, {
+        flex: boolean;
+        visible: boolean;
+        minSize: number;
+        maxSize: number;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, {
+        [x: string]: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").SplitterPanelProps & {
+        size?: number;
+    }> & Readonly<{
+        "onUpdate:size"?: (value: number) => any;
+    }>, {
+        panelId: import("vue").Ref<string, string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:size": (value: number) => any;
+    }, import("vue").PublicProps, {
+        flex: boolean;
+        visible: boolean;
+        minSize: number;
+        maxSize: number;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").SplitterPanelProps & {
+        size?: number;
+    }> & Readonly<{
+        "onUpdate:size"?: (value: number) => any;
+    }>, {
+        panelId: import("vue").Ref<string, string>;
+    }, {}, {}, {}, {
+        flex: boolean;
+        visible: boolean;
+        minSize: number;
+        maxSize: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").SplitterPanelProps & {
+    size?: number;
+}> & Readonly<{
+    "onUpdate:size"?: (value: number) => any;
+}>, {
+    panelId: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:size": (value: number) => any;
+}, string, {
+    flex: boolean;
+    visible: boolean;
+    minSize: number;
+    maxSize: number;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    [x: string]: any;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & (import("vue").ComponentCustomProps & import("vue").Plugin)));
+export default StSplitterPanel;
+export type * from './types.d.ts';

package/dist/components/st-splitter-panel/st-splitter-panel.vue.cjs

@@ -0,0 +1 @@
+var e=require("./st-splitter-panel.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/st-splitter-panel/st-splitter-panel.vue.d.ts

@@ -0,0 +1,33 @@
+import type { SplitterPanelProps } from './types.d.ts';
+type __VLS_Props = SplitterPanelProps;
+type __VLS_ModelProps = {
+    /**
+     * 面板尺寸双向绑定
+     * */
+    'size'?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    panelId: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:size": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:size"?: (value: number) => any;
+}>, {
+    flex: boolean;
+    visible: boolean;
+    minSize: number;
+    maxSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/st-splitter-panel/st-splitter-panel.vue.js

@@ -0,0 +1,5 @@
+import e from "./st-splitter-panel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/st-splitter-panel/st-splitter-panel.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/st-splitter-panel/st-splitter-panel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t=[`data-active`],n=(0,e.defineComponent)({name:`StSplitterPanel`,inheritAttrs:!1,__name:`st-splitter-panel`,props:(0,e.mergeModels)({minSize:{default:0},maxSize:{default:1/0},flex:{type:Boolean,default:!1},visible:{type:Boolean,default:!0}},{size:{default:200},sizeModifiers:{}}),emits:[`update:size`],setup(n,{expose:r}){let i=(0,e.useAttrs)();function a(){return`panel-${Date.now()}-${Math.random().toString(36).slice(2,9)}`}function o(e){return .5-Math.cos(e*Math.PI)/2}function s(e){let{startSize:t,targetSize:n,duration:r=300,onUpdate:i,onComplete:a}=e,s=Date.now(),c=()=>{let e=Date.now()-s,l=Math.min(e/r,1);if(l>=1){i(n),a?.();return}let u=o(l);i(t+(n-t)*u),requestAnimationFrame(c)};requestAnimationFrame(c)}let c=n,l=(0,e.useModel)(n,`size`),u=(0,e.ref)(a()),d=(0,e.ref)(!1),f=(0,e.inject)(`splitterContext`);if(!f)throw Error(`st-splitter-panel must be used inside st-splitter`);let p=(0,e.computed)(()=>f.panels.value.filter(e=>e.visible).findIndex(e=>e.id===u.value)),m=(0,e.computed)(()=>{let e=f.panels.value.find(e=>e.id===u.value);if(!e||!e.visible)return{display:`none`};let t=f.direction.value===`horizontal`?`width`:`height`,n=e.size,r={[t]:`${n}px`,flexShrink:0,flexGrow:0,overflow:`hidden`},a=i.style;return a?{...a,...r}:r}),h=(0,e.computed)(()=>{let e=f.panels.value.filter(e=>e.visible),t=e.findIndex(e=>e.id===u.value);return t>=0&&t<e.length-1}),g=(0,e.computed)(()=>f.activeGutter.value===p.value),_=(0,e.ref)(!1),v=(0,e.useTemplateRef)(`gutterContainerRef`),y=(0,e.computed)(()=>{if(!f.mousePosition.value||!v.value)return{};let e=v.value.getBoundingClientRect(),{x:t,y:n}=f.mousePosition.value;if(f.direction.value===`horizontal`){let t=n-(e.top+e.height/2),r=e.height/2-40/2;return{transform:`translateY(${Math.max(-r,Math.min(r,t))}px)`}}let r=t-(e.left+e.width/2),i=e.width/2-40/2;return{transform:`translateX(${Math.max(-i,Math.min(i,r))}px)`}}),b=(0,e.computed)(()=>({[f.direction.value===`horizontal`?`width`:`height`]:`1px`,flexShrink:0})),x=e=>{let t=p.value;t>=0&&f.startResize(t,e)},S=e=>{_.value=!0,f.isHoveringGutter.value=p.value,f.mousePosition.value={x:e.clientX,y:e.clientY}},C=e=>{f.mousePosition.value={x:e.clientX,y:e.clientY}},w=()=>{_.value=!1,f.isHoveringGutter.value=null,f.mousePosition.value=null};return(0,e.onMounted)(()=>{l.value<c.minSize&&(l.value=Math.max(200,c.minSize));let e={id:u.value,size:l.value,minSize:c.minSize,maxSize:c.maxSize,flex:c.flex,visible:c.visible};f.registerPanel(e)}),(0,e.onUnmounted)(()=>{f.unregisterPanel(u.value)}),(0,e.watch)(()=>l.value,e=>{let t=f.panels.value.find(e=>e.id===u.value);t&&t.visible&&(t.size=e,t.desiredSize=e)}),(0,e.watch)(()=>c.visible,(e,t)=>{if(e===t)return;let n=f.panels.value.find(e=>e.id===u.value);if(n)if(e)n.visible=!0,n.size=0,n.desiredSize=l.value||200,s({startSize:0,targetSize:l.value||200,onUpdate:e=>{n.size=e,f.updateFlexPanelSize()},onComplete:()=>{f.updateFlexPanelSize()}});else{d.value=!0;let e=n.size;s({startSize:e,targetSize:0,onUpdate:e=>{n.size=e,f.updateFlexPanelSize()},onComplete:()=>{n.visible=!1,d.value=!1,f.updateFlexPanelSize()}})}}),(0,e.watch)(()=>f.panels.value.find(e=>e.id===u.value)?.size,e=>{let t=f.panels.value.find(e=>e.id===u.value);e!==void 0&&e!==l.value&&t?.visible&&!d.value&&(l.value=e)}),r({panelId:u}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([(0,e.unref)(i).class,`relative flex flex-col h-full box-border overflow-hidden`]),style:(0,e.normalizeStyle)(m.value)},[(0,e.renderSlot)(n.$slots,`default`)],6),h.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,ref_key:`gutterContainerRef`,ref:v,class:(0,e.normalizeClass)([`flex items-center justify-center select-none box-border relative z-1`,`bg-border`,(0,e.unref)(f).direction.value===`horizontal`?`cursor-ew-resize`:`cursor-ns-resize`]),style:(0,e.normalizeStyle)(b.value),onMousedown:x,onMouseenter:S,onMousemove:C,onMouseleave:w},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`absolute`,(0,e.unref)(f).direction.value===`horizontal`?`w-2 h-full -translate-x-1/2 left-1/2`:`h-2 w-full -translate-y-1/2 top-1/2`])},null,2),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`rounded-radius transition-[opacity,height,width] duration-200`,(0,e.unref)(f).direction.value===`horizontal`?`w-0.5 h-6 data-[active=true]:h-10`:`h-0.5 w-6 data-[active=true]:w-10`,g.value||_.value?`opacity-100 bg-primary`:`opacity-0 bg-border`]),"data-active":g.value,style:(0,e.normalizeStyle)(y.value)},null,14,t)],38)):(0,e.createCommentVNode)(``,!0)],64))}});exports.default=n;

package/dist/components/st-splitter-panel/st-splitter-panel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,164 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, inject as o, mergeModels as s, normalizeClass as c, normalizeStyle as l, onMounted as u, onUnmounted as d, openBlock as f, ref as p, renderSlot as m, unref as h, useAttrs as g, useModel as _, useTemplateRef as v, watch as y } from "vue";
+//#region src/components/st-splitter-panel/st-splitter-panel.vue?vue&type=script&setup=true&lang.ts
+var b = ["data-active"], x = /*@__PURE__*/ a({
+	name: "StSplitterPanel",
+	inheritAttrs: !1,
+	__name: "st-splitter-panel",
+	props: /*@__PURE__*/ s({
+		minSize: { default: 0 },
+		maxSize: { default: Infinity },
+		flex: {
+			type: Boolean,
+			default: !1
+		},
+		visible: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		size: { default: 200 },
+		sizeModifiers: {}
+	}),
+	emits: ["update:size"],
+	setup(a, { expose: s }) {
+		let x = g();
+		function S() {
+			return `panel-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+		}
+		function C(e) {
+			return .5 - Math.cos(e * Math.PI) / 2;
+		}
+		function w(e) {
+			let { startSize: t, targetSize: n, duration: r = 300, onUpdate: i, onComplete: a } = e, o = Date.now(), s = () => {
+				let e = Date.now() - o, c = Math.min(e / r, 1);
+				if (c >= 1) {
+					i(n), a?.();
+					return;
+				}
+				let l = C(c);
+				i(t + (n - t) * l), requestAnimationFrame(s);
+			};
+			requestAnimationFrame(s);
+		}
+		let T = a, E = _(a, "size"), D = p(S()), O = p(!1), k = o("splitterContext");
+		if (!k) throw Error("st-splitter-panel must be used inside st-splitter");
+		let A = t(() => k.panels.value.filter((e) => e.visible).findIndex((e) => e.id === D.value)), j = t(() => {
+			let e = k.panels.value.find((e) => e.id === D.value);
+			if (!e || !e.visible) return { display: "none" };
+			let t = k.direction.value === "horizontal" ? "width" : "height", n = e.size, r = {
+				[t]: `${n}px`,
+				flexShrink: 0,
+				flexGrow: 0,
+				overflow: "hidden"
+			}, i = x.style;
+			return i ? {
+				...i,
+				...r
+			} : r;
+		}), M = t(() => {
+			let e = k.panels.value.filter((e) => e.visible), t = e.findIndex((e) => e.id === D.value);
+			return t >= 0 && t < e.length - 1;
+		}), N = t(() => k.activeGutter.value === A.value), P = p(!1), F = v("gutterContainerRef"), I = t(() => {
+			if (!k.mousePosition.value || !F.value) return {};
+			let e = F.value.getBoundingClientRect(), { x: t, y: n } = k.mousePosition.value;
+			if (k.direction.value === "horizontal") {
+				let t = n - (e.top + e.height / 2), r = e.height / 2 - 40 / 2;
+				return { transform: `translateY(${Math.max(-r, Math.min(r, t))}px)` };
+			}
+			let r = t - (e.left + e.width / 2), i = e.width / 2 - 40 / 2;
+			return { transform: `translateX(${Math.max(-i, Math.min(i, r))}px)` };
+		}), L = t(() => ({
+			[k.direction.value === "horizontal" ? "width" : "height"]: "1px",
+			flexShrink: 0
+		})), R = (e) => {
+			let t = A.value;
+			t >= 0 && k.startResize(t, e);
+		}, z = (e) => {
+			P.value = !0, k.isHoveringGutter.value = A.value, k.mousePosition.value = {
+				x: e.clientX,
+				y: e.clientY
+			};
+		}, B = (e) => {
+			k.mousePosition.value = {
+				x: e.clientX,
+				y: e.clientY
+			};
+		}, V = () => {
+			P.value = !1, k.isHoveringGutter.value = null, k.mousePosition.value = null;
+		};
+		return u(() => {
+			E.value < T.minSize && (E.value = Math.max(200, T.minSize));
+			let e = {
+				id: D.value,
+				size: E.value,
+				minSize: T.minSize,
+				maxSize: T.maxSize,
+				flex: T.flex,
+				visible: T.visible
+			};
+			k.registerPanel(e);
+		}), d(() => {
+			k.unregisterPanel(D.value);
+		}), y(() => E.value, (e) => {
+			let t = k.panels.value.find((e) => e.id === D.value);
+			t && t.visible && (t.size = e, t.desiredSize = e);
+		}), y(() => T.visible, (e, t) => {
+			if (e === t) return;
+			let n = k.panels.value.find((e) => e.id === D.value);
+			if (n) if (e) n.visible = !0, n.size = 0, n.desiredSize = E.value || 200, w({
+				startSize: 0,
+				targetSize: E.value || 200,
+				onUpdate: (e) => {
+					n.size = e, k.updateFlexPanelSize();
+				},
+				onComplete: () => {
+					k.updateFlexPanelSize();
+				}
+			});
+			else {
+				O.value = !0;
+				let e = n.size;
+				w({
+					startSize: e,
+					targetSize: 0,
+					onUpdate: (e) => {
+						n.size = e, k.updateFlexPanelSize();
+					},
+					onComplete: () => {
+						n.visible = !1, O.value = !1, k.updateFlexPanelSize();
+					}
+				});
+			}
+		}), y(() => k.panels.value.find((e) => e.id === D.value)?.size, (e) => {
+			let t = k.panels.value.find((e) => e.id === D.value);
+			e !== void 0 && e !== E.value && t?.visible && !O.value && (E.value = e);
+		}), s({ panelId: D }), (t, a) => (f(), r(e, null, [i("div", {
+			class: c([h(x).class, "relative flex flex-col h-full box-border overflow-hidden"]),
+			style: l(j.value)
+		}, [m(t.$slots, "default")], 6), M.value ? (f(), r("div", {
+			key: 0,
+			ref_key: "gutterContainerRef",
+			ref: F,
+			class: c([
+				"flex items-center justify-center select-none box-border relative z-1",
+				"bg-border",
+				h(k).direction.value === "horizontal" ? "cursor-ew-resize" : "cursor-ns-resize"
+			]),
+			style: l(L.value),
+			onMousedown: R,
+			onMouseenter: z,
+			onMousemove: B,
+			onMouseleave: V
+		}, [i("div", { class: c(["absolute", h(k).direction.value === "horizontal" ? "w-2 h-full -translate-x-1/2 left-1/2" : "h-2 w-full -translate-y-1/2 top-1/2"]) }, null, 2), i("div", {
+			class: c([
+				"rounded-radius transition-[opacity,height,width] duration-200",
+				h(k).direction.value === "horizontal" ? "w-0.5 h-6 data-[active=true]:h-10" : "h-0.5 w-6 data-[active=true]:w-10",
+				N.value || P.value ? "opacity-100 bg-primary" : "opacity-0 bg-border"
+			]),
+			"data-active": N.value,
+			style: l(I.value)
+		}, null, 14, b)], 38)) : n("", !0)], 64));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/st-splitter-panel/types.d.ts

@@ -0,0 +1,27 @@
+import type { SplitterInternalContext, SplitterPanelConfig } from '../st-splitter/types.d.ts';
+
+export type { SplitterInternalContext, SplitterPanelConfig };
+
+/**
+ * 面板组件属性接口
+ * */
+export interface SplitterPanelProps {
+	/**
+	 * 最小尺寸
+	 * */
+	minSize?: number;
+	/**
+	 * 最大尺寸
+	 * */
+	maxSize?: number;
+	/**
+	 * 是否为弹性面板，自动填充剩余空间
+	 * */
+	flex?: boolean;
+	/**
+	 * 是否可见
+	 * */
+	visible?: boolean;
+}
+
+export {};

package/dist/components/st-splitter-panel.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../utils/with-install.cjs"),t=require("./st-splitter-panel/st-splitter-panel.vue.cjs");var n=e.withInstall(t.default);exports.StSplitterPanel=n,exports.default=n;

package/dist/components/st-splitter-panel.js

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-splitter-panel/st-splitter-panel.vue.js";
+//#region src/components/st-splitter-panel/index.ts
+var n = e(t);
+//#endregion
+export { n as StSplitterPanel, n as default };

package/dist/components/st-splitter.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../utils/with-install.cjs"),t=require("./st-splitter/useSplitter.cjs"),n=require("./st-splitter/st-splitter.vue.cjs");var r=e.withInstall(n.default);exports.StSplitter=r,exports.default=r,exports.useSplitter=t.useSplitter;

package/dist/components/st-splitter.js

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../utils/with-install.js";
+import { useSplitter as t } from "./st-splitter/useSplitter.js";
+import n from "./st-splitter/st-splitter.vue.js";
+//#region src/components/st-splitter/index.ts
+var r = e(n);
+//#endregion
+export { r as StSplitter, r as default, t as useSplitter };

package/dist/components/st-toggle/index.d.ts

@@ -0,0 +1,159 @@
+export declare const StToggle: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").ToggleProps> & Readonly<{
+            "onUpdate:modelValue"?: (value: boolean) => any;
+            "onPressed-change"?: (pressed: boolean) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+            "pressed-change": (pressed: boolean) => any;
+        }, import("vue").PublicProps, {
+            variant: import("./types.d.ts").ToggleVariant;
+            disabled: boolean;
+            modelValue: boolean;
+            defaultPressed: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").ToggleProps> & Readonly<{
+            "onUpdate:modelValue"?: (value: boolean) => any;
+            "onPressed-change"?: (pressed: boolean) => any;
+        }>, {}, {}, {}, {}, {
+            variant: import("./types.d.ts").ToggleVariant;
+            disabled: boolean;
+            modelValue: boolean;
+            defaultPressed: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").ToggleProps> & Readonly<{
+        "onUpdate:modelValue"?: (value: boolean) => any;
+        "onPressed-change"?: (pressed: boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+        "pressed-change": (pressed: boolean) => any;
+    }, string, {
+        variant: import("./types.d.ts").ToggleVariant;
+        disabled: boolean;
+        modelValue: boolean;
+        defaultPressed: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        [x: string]: any;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").ToggleProps> & Readonly<{
+            "onUpdate:modelValue"?: (value: boolean) => any;
+            "onPressed-change"?: (pressed: boolean) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+            "pressed-change": (pressed: boolean) => any;
+        }, import("vue").PublicProps, {
+            variant: import("./types.d.ts").ToggleVariant;
+            disabled: boolean;
+            modelValue: boolean;
+            defaultPressed: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").ToggleProps> & Readonly<{
+            "onUpdate:modelValue"?: (value: boolean) => any;
+            "onPressed-change"?: (pressed: boolean) => any;
+        }>, {}, {}, {}, {}, {
+            variant: import("./types.d.ts").ToggleVariant;
+            disabled: boolean;
+            modelValue: boolean;
+            defaultPressed: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").ToggleProps> & Readonly<{
+        "onUpdate:modelValue"?: (value: boolean) => any;
+        "onPressed-change"?: (pressed: boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+        "pressed-change": (pressed: boolean) => any;
+    }, string, {
+        variant: import("./types.d.ts").ToggleVariant;
+        disabled: boolean;
+        modelValue: boolean;
+        defaultPressed: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, {
+        [x: string]: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").ToggleProps> & Readonly<{
+        "onUpdate:modelValue"?: (value: boolean) => any;
+        "onPressed-change"?: (pressed: boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+        "pressed-change": (pressed: boolean) => any;
+    }, import("vue").PublicProps, {
+        variant: import("./types.d.ts").ToggleVariant;
+        disabled: boolean;
+        modelValue: boolean;
+        defaultPressed: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").ToggleProps> & Readonly<{
+        "onUpdate:modelValue"?: (value: boolean) => any;
+        "onPressed-change"?: (pressed: boolean) => any;
+    }>, {}, {}, {}, {}, {
+        variant: import("./types.d.ts").ToggleVariant;
+        disabled: boolean;
+        modelValue: boolean;
+        defaultPressed: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").ToggleProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    "onPressed-change"?: (pressed: boolean) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    "pressed-change": (pressed: boolean) => any;
+}, string, {
+    variant: import("./types.d.ts").ToggleVariant;
+    disabled: boolean;
+    modelValue: boolean;
+    defaultPressed: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    [x: string]: any;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & (import("vue").ComponentCustomProps & import("vue").Plugin)));
+export default StToggle;
+export type * from './types.d.ts';

package/dist/components/st-toggle/st-toggle.vue.cjs

@@ -0,0 +1 @@
+var e=require("./st-toggle.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/st-toggle/st-toggle.vue.d.ts

@@ -0,0 +1,25 @@
+import type { ToggleProps, ToggleVariant } from './types.d.ts';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    "pressed-change": (pressed: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    "onPressed-change"?: (pressed: boolean) => any;
+}>, {
+    variant: ToggleVariant;
+    disabled: boolean;
+    modelValue: boolean;
+    defaultPressed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/st-toggle/st-toggle.vue.js

@@ -0,0 +1,5 @@
+import e from "./st-toggle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/st-toggle/st-toggle.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/st-toggle/st-toggle.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`disabled`,`aria-pressed`],i=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-toggle`,props:{variant:{default:`default`},disabled:{type:Boolean,default:!1},modelValue:{type:Boolean,default:void 0},defaultPressed:{type:Boolean,default:!1}},emits:[`update:modelValue`,`pressed-change`],setup(i,{emit:a}){let o={default:`bg-transparent text-muted-foreground`,outline:`bg-transparent text-muted-foreground border border-input`},s={default:`hover:bg-muted hover:text-muted-foreground`,outline:`hover:bg-muted hover:text-muted-foreground hover:border-muted-foreground/20`},c={default:`bg-accent text-accent-foreground`,outline:`bg-accent text-accent-foreground border-accent-foreground/30`},l=i,u=a,d=(0,n.useAttrs)(),f=(0,n.ref)(l.defaultPressed),p=(0,n.computed)(()=>l.modelValue===void 0?f.value:l.modelValue),m=(0,n.computed)(()=>l.disabled),h=t.cva({base:`inline-flex items-center justify-center rounded-radius font-default transition-all duration-150 ease-in-out outline-none select-none h-10 min-w-10 px-3 gap-2`,variants:{variant:{default:o.default,outline:o.outline},disabled:{true:`opacity-50 cursor-not-allowed`}},defaultVariants:{variant:`default`}}),g=(0,n.computed)(()=>e.cn(h({variant:l.variant,disabled:l.disabled}),!l.disabled&&!p.value?s[l.variant]:``,p.value?c[l.variant]:``,d.class)),_=()=>{if(m.value)return;let e=!p.value;l.modelValue===void 0&&(f.value=e),u(`update:modelValue`,e),u(`pressed-change`,e)};return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)(g.value),style:(0,n.normalizeStyle)((0,n.unref)(d).style),disabled:m.value,"aria-pressed":p.value,onClick:_},[(0,n.renderSlot)(e.$slots,`default`)],14,r))}});exports.default=i;