straw-ui-vue 0.1.4 → 0.1.6

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

@@ -1,11 +1,11 @@
-export declare const StButton: import('../../utils/with-install.js').SFCWithInstall<{
+export declare const StButton: import("@/utils/with-install.ts").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").ButtonProps> & Readonly<{
         onClick?: (event: MouseEvent) => any;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (event: MouseEvent) => any;
     }, import("vue").PublicProps, {
-        variant: import("./types.d.ts").ButtonVariant;
         type: import("./types.d.ts").ButtonType;
+        variant: import("./types.d.ts").ButtonVariant;
         disabled: boolean;
         loading: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -18,8 +18,8 @@ export declare const StButton: import('../../utils/with-install.js').SFCWithInst
     }, Readonly<import("./types.d.ts").ButtonProps> & Readonly<{
         onClick?: (event: MouseEvent) => any;
     }>, {}, {}, {}, {}, {
-        variant: import("./types.d.ts").ButtonVariant;
         type: import("./types.d.ts").ButtonType;
+        variant: import("./types.d.ts").ButtonVariant;
         disabled: boolean;
         loading: boolean;
     }>;
@@ -31,20 +31,12 @@ export declare const StButton: import('../../utils/with-install.js').SFCWithInst
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
 }, string, {
-    variant: import("./types.d.ts").ButtonVariant;
     type: import("./types.d.ts").ButtonType;
+    variant: import("./types.d.ts").ButtonVariant;
     disabled: boolean;
     loading: 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;
-    } & {
-        prefixIcon?: (props: {}) => any;
-    } & {
-        default?: (props: {}) => any;
-    } & {
-        suffixIcon?: (props: {}) => any;
-    };
+    $slots: import("./types.d.ts").ButtonSlots;
 })>;
 export default StButton;
-export type * from './types.d.ts';
+export type { ButtonProps, ButtonSlots, ButtonEmits } from './types.d.ts';

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

@@ -1,21 +1,12 @@
-import type { ButtonProps, ButtonType, ButtonVariant } from './types.d.ts';
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    prefixIcon?: (props: typeof __VLS_3) => any;
-} & {
-    default?: (props: typeof __VLS_5) => any;
-} & {
-    suffixIcon?: (props: typeof __VLS_7) => any;
-};
+import type { ButtonProps, ButtonSlots, ButtonType, ButtonVariant } from './types.d.ts';
+type __VLS_Slots = ButtonSlots;
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
     onClick?: (event: MouseEvent) => any;
 }>, {
-    variant: ButtonVariant;
     type: ButtonType;
+    variant: ButtonVariant;
     disabled: boolean;
     loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`disabled`],i={key:0,class:`i-lucide-loader-2 animate-spin`},a=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-button`,props:{variant:{default:`default`},type:{default:`default`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},prefixIcon:{},suffixIcon:{}},emits:[`click`],setup(a,{emit:o}){let s={default:`h-9 px-4 text-3.5 gap-1.5`,icon:`w-9 h-9`},c={primary:`bg-primary text-primary-foreground`,default:`bg-secondary text-secondary-foreground`,ghost:`bg-transparent text-foreground`},l={primary:`hover:bg-primary/90`,default:`hover:bg-secondary/80`,ghost:`hover:bg-accent`},u=a,d=(0,n.useAttrs)(),f=o,p=(0,n.useSlots)(),m=t.cva({base:`inline-flex items-center justify-center rounded font-default transition-all duration-150 ease-in-out border-none outline-none select-none`,variants:{variant:{primary:c.primary,default:c.default,ghost:c.ghost},type:{default:s.default,icon:s.icon},disabled:{true:`opacity-50 cursor-not-allowed`},loading:{true:`cursor-not-allowed`}},defaultVariants:{variant:`default`,type:`default`}}),h=(0,n.computed)(()=>e.cn(m({variant:u.variant,type:u.type,disabled:u.disabled,loading:u.loading}),!u.disabled&&!u.loading?l[u.variant]:``,d.class)),g=(0,n.computed)(()=>u.type===`icon`),_=(0,n.computed)(()=>u.disabled||u.loading),v=(0,n.computed)(()=>u.prefixIcon||p.prefixIcon),y=(0,n.computed)(()=>u.suffixIcon||p.suffixIcon),b=e=>{_.value||f(`click`,e)};return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)(h.value),style:(0,n.normalizeStyle)((0,n.unref)(d).style),disabled:_.value,onClick:b},[u.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`i`,i)):(0,n.createCommentVNode)(``,!0),g.value?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[u.prefixIcon?((0,n.openBlock)(),(0,n.createElementBlock)(`i`,{key:0,class:(0,n.normalizeClass)(u.prefixIcon)},null,2)):(0,n.renderSlot)(e.$slots,`default`,{key:1})],64)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[v.value?(0,n.renderSlot)(e.$slots,`prefixIcon`,{key:0},()=>[(0,n.createElementVNode)(`i`,{class:(0,n.normalizeClass)(u.prefixIcon)},null,2)]):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(e.$slots,`default`),y.value?(0,n.renderSlot)(e.$slots,`suffixIcon`,{key:1},()=>[(0,n.createElementVNode)(`i`,{class:(0,n.normalizeClass)(u.suffixIcon)},null,2)]):(0,n.createCommentVNode)(``,!0)],64))],14,r))}});exports.default=a;
+const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`disabled`],i=(0,n.defineComponent)({name:`StButton`,inheritAttrs:!1,__name:`st-button`,props:{variant:{default:`default`},type:{default:`default`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},prefixIcon:{},suffixIcon:{},prefixIconClass:{},prefixIconStyle:{},suffixIconClass:{},suffixIconStyle:{},loadingIconClass:{},loadingIconStyle:{}},emits:[`click`],setup(i,{emit:a}){let o=(0,n.useAttrs)(),s=(0,n.useSlots)(),c=a,l=i,u={default:`h-default px-xl text-3.5 gap-default`,icon:`w-default h-default`},d={primary:`bg-primary text-primary-foreground`,default:`bg-secondary text-secondary-foreground`,ghost:`bg-transparent text-foreground`},f={primary:`hover:bg-primary/90`,default:`hover:bg-secondary/80`,ghost:`hover:bg-accent`},p=t.cva({base:`inline-flex items-center justify-center rounded transition-all duration-150 ease-in-out border-none outline-none select-none`,variants:{variant:{primary:d.primary,default:d.default,ghost:d.ghost},type:{default:u.default,icon:u.icon},disabled:{true:`opacity-50 cursor-not-allowed`},loading:{true:`cursor-not-allowed`}},defaultVariants:{variant:`default`,type:`default`}}),m=(0,n.computed)(()=>e.cn(p({variant:l.variant,type:l.type,disabled:l.disabled,loading:l.loading}),!l.disabled&&!l.loading?f[l.variant]:``,o.class)),h=(0,n.computed)(()=>l.type===`icon`),g=(0,n.computed)(()=>l.disabled||l.loading),_=(0,n.computed)(()=>l.prefixIcon||s.prefixIcon),v=(0,n.computed)(()=>l.suffixIcon||s.suffixIcon),y=e=>{g.value||c(`click`,e)};return(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)(m.value),disabled:g.value,style:(0,n.normalizeStyle)((0,n.unref)(o).style),onClick:y},[l.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`i`,{key:0,class:(0,n.normalizeClass)((0,n.unref)(e.cn)(`i-lucide-loader-2 animate-spin`,l.loadingIconClass)),style:(0,n.normalizeStyle)(l.loadingIconStyle)},null,6)):(0,n.createCommentVNode)(``,!0),h.value?(0,n.renderSlot)(t.$slots,`default`,{key:1}):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[_.value?(0,n.renderSlot)(t.$slots,`prefixIcon`,{key:0},()=>[(0,n.createElementVNode)(`i`,{class:(0,n.normalizeClass)((0,n.unref)(e.cn)(l.prefixIcon,l.prefixIconClass)),style:(0,n.normalizeStyle)(l.prefixIconStyle)},null,6)]):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(t.$slots,`default`),v.value?(0,n.renderSlot)(t.$slots,`suffixIcon`,{key:1},()=>[(0,n.createElementVNode)(`i`,{class:(0,n.normalizeClass)((0,n.unref)(e.cn)(l.suffixIcon,l.suffixIconClass)),style:(0,n.normalizeStyle)(l.suffixIconStyle)},null,6)]):(0,n.createCommentVNode)(``,!0)],64))],14,r))}});exports.default=i;

package/dist/components/st-button/st-button.vue_vue_type_script_setup_true_lang.js

@@ -2,10 +2,8 @@ import { cn as e } from "../../utils/cn.js";
 import { cva as t } from "../../utils/cva/index.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, unref as f, useAttrs as p, useSlots as m } from "vue";
 //#region src/components/st-button/st-button.vue?vue&type=script&setup=true&lang.ts
-var h = ["disabled"], g = {
-	key: 0,
-	class: "i-lucide-loader-2 animate-spin"
-}, _ = /*@__PURE__*/ s({
+var h = ["disabled"], g = /*@__PURE__*/ s({
+	name: "StButton",
 	inheritAttrs: !1,
 	__name: "st-button",
 	props: {
@@ -20,32 +18,38 @@ var h = ["disabled"], g = {
 			default: !1
 		},
 		prefixIcon: {},
-		suffixIcon: {}
+		suffixIcon: {},
+		prefixIconClass: {},
+		prefixIconStyle: {},
+		suffixIconClass: {},
+		suffixIconStyle: {},
+		loadingIconClass: {},
+		loadingIconStyle: {}
 	},
 	emits: ["click"],
-	setup(s, { emit: _ }) {
-		let v = {
-			default: "h-9 px-4 text-3.5 gap-1.5",
-			icon: "w-9 h-9"
-		}, y = {
+	setup(s, { emit: g }) {
+		let _ = p(), v = m(), y = g, b = s, x = {
+			default: "h-default px-xl text-3.5 gap-default",
+			icon: "w-default h-default"
+		}, S = {
 			primary: "bg-primary text-primary-foreground",
 			default: "bg-secondary text-secondary-foreground",
 			ghost: "bg-transparent text-foreground"
-		}, b = {
+		}, C = {
 			primary: "hover:bg-primary/90",
 			default: "hover:bg-secondary/80",
 			ghost: "hover:bg-accent"
-		}, x = s, S = p(), C = _, w = m(), T = t({
-			base: "inline-flex items-center justify-center rounded font-default transition-all duration-150 ease-in-out border-none outline-none select-none",
+		}, w = t({
+			base: "inline-flex items-center justify-center rounded transition-all duration-150 ease-in-out border-none outline-none select-none",
 			variants: {
 				variant: {
-					primary: y.primary,
-					default: y.default,
-					ghost: y.ghost
+					primary: S.primary,
+					default: S.default,
+					ghost: S.ghost
 				},
 				type: {
-					default: v.default,
-					icon: v.icon
+					default: x.default,
+					icon: x.icon
 				},
 				disabled: { true: "opacity-50 cursor-not-allowed" },
 				loading: { true: "cursor-not-allowed" }
@@ -54,28 +58,35 @@ var h = ["disabled"], g = {
 				variant: "default",
 				type: "default"
 			}
-		}), E = r(() => e(T({
-			variant: x.variant,
-			type: x.type,
-			disabled: x.disabled,
-			loading: x.loading
-		}), !x.disabled && !x.loading ? b[x.variant] : "", S.class)), D = r(() => x.type === "icon"), O = r(() => x.disabled || x.loading), k = r(() => x.prefixIcon || w.prefixIcon), A = r(() => x.suffixIcon || w.suffixIcon), j = (e) => {
-			O.value || C("click", e);
+		}), T = r(() => e(w({
+			variant: b.variant,
+			type: b.type,
+			disabled: b.disabled,
+			loading: b.loading
+		}), !b.disabled && !b.loading ? C[b.variant] : "", _.class)), E = r(() => b.type === "icon"), D = r(() => b.disabled || b.loading), O = r(() => b.prefixIcon || v.prefixIcon), k = r(() => b.suffixIcon || v.suffixIcon), A = (e) => {
+			D.value || y("click", e);
 		};
-		return (e, t) => (u(), a("button", {
-			class: c(E.value),
-			style: l(f(S).style),
-			disabled: O.value,
-			onClick: j
-		}, [x.loading ? (u(), a("i", g)) : i("", !0), D.value ? (u(), a(n, { key: 1 }, [x.prefixIcon ? (u(), a("i", {
+		return (t, r) => (u(), a("button", {
+			class: c(T.value),
+			disabled: D.value,
+			style: l(f(_).style),
+			onClick: A
+		}, [b.loading ? (u(), a("i", {
 			key: 0,
-			class: c(x.prefixIcon)
-		}, null, 2)) : d(e.$slots, "default", { key: 1 })], 64)) : (u(), a(n, { key: 2 }, [
-			k.value ? d(e.$slots, "prefixIcon", { key: 0 }, () => [o("i", { class: c(x.prefixIcon) }, null, 2)]) : i("", !0),
-			d(e.$slots, "default"),
-			A.value ? d(e.$slots, "suffixIcon", { key: 1 }, () => [o("i", { class: c(x.suffixIcon) }, null, 2)]) : i("", !0)
+			class: c(f(e)("i-lucide-loader-2 animate-spin", b.loadingIconClass)),
+			style: l(b.loadingIconStyle)
+		}, null, 6)) : i("", !0), E.value ? d(t.$slots, "default", { key: 1 }) : (u(), a(n, { key: 2 }, [
+			O.value ? d(t.$slots, "prefixIcon", { key: 0 }, () => [o("i", {
+				class: c(f(e)(b.prefixIcon, b.prefixIconClass)),
+				style: l(b.prefixIconStyle)
+			}, null, 6)]) : i("", !0),
+			d(t.$slots, "default"),
+			k.value ? d(t.$slots, "suffixIcon", { key: 1 }, () => [o("i", {
+				class: c(f(e)(b.suffixIcon, b.suffixIconClass)),
+				style: l(b.suffixIconStyle)
+			}, null, 6)]) : i("", !0)
 		], 64))], 14, h));
 	}
 });
 //#endregion
-export { _ as default };
+export { g as default };

package/dist/components/st-button/types.d.ts

@@ -1,16 +1,16 @@
 /**
  * 按钮变体类型
- */
+ * */
 export type ButtonVariant = 'primary' | 'default' | 'ghost';
 
 /**
  * 按钮类型
- */
+ * */
 export type ButtonType = 'default' | 'icon';
 
 /**
  * 按钮组件属性
- */
+ * */
 export interface ButtonProps {
 	/** 按钮变体类型 */
 	variant?: ButtonVariant;
@@ -20,15 +20,27 @@ export interface ButtonProps {
 	disabled?: boolean;
 	/** 是否显示加载状态 */
 	loading?: boolean;
-	/** 前缀图标名称（Lucide 图标，不含 i-lucide- 前缀） */
+	/** 前缀图标名称 */
 	prefixIcon?: string;
-	/** 后缀图标名称（Lucide 图标，不含 i-lucide- 前缀） */
+	/** 后缀图标名称 */
 	suffixIcon?: string;
+	/** 前缀图标类名 */
+	prefixIconClass?: commonClass;
+	/** 前缀图标样式 */
+	prefixIconStyle?: commonStyle;
+	/** 后缀图标类名 */
+	suffixIconClass?: commonClass;
+	/** 后缀图标样式 */
+	suffixIconStyle?: commonStyle;
+	/** loading图标类名 */
+	loadingIconClass?: commonClass;
+	/** loading图标样式 */
+	loadingIconStyle?: commonStyle;
 }
 
 /**
  * 按钮组件插槽类型
- */
+ * */
 export interface ButtonSlots {
 	/** 默认插槽 */
 	default?: () => unknown;
@@ -40,10 +52,10 @@ export interface ButtonSlots {
 
 /**
  * 按钮组件事件类型
- */
+ * */
 export interface ButtonEmits {
 	/** 点击事件 */
 	click: [event: MouseEvent];
 }
 
-export {};
+export {};

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

@@ -0,0 +1,177 @@
+export declare const StCascade: import("@/utils/with-install.ts").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").StCascadeProps & {
+        modelValue?: (string | number)[];
+        multipleValue?: (string | number)[][];
+    }> & Readonly<{
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+        onVisibleChange?: (visible: boolean) => any;
+        onRemoveTag?: (value: (string | number)[]) => any;
+        "onUpdate:multipleValue"?: (value: (string | number)[][]) => any;
+    }>, import("./types.d.ts").StCascadeExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        clear: () => any;
+        "update:modelValue": (...args: unknown[]) => any;
+        change: (value: (string | number)[] | (string | number)[][]) => any;
+        visibleChange: (visible: boolean) => any;
+        removeTag: (value: (string | number)[]) => any;
+        "update:multipleValue": (value: (string | number)[][]) => any;
+    }, import("vue").PublicProps, {
+        options: import("./types.d.ts").CascadeOption[];
+        disabled: boolean;
+        labelKey: string;
+        valueKey: string;
+        separator: string;
+        multiple: boolean;
+        placeholder: string;
+        clearable: boolean;
+        childrenKey: string;
+        triggerClass: commonClass;
+        triggerStyle: commonStyle;
+        popoverClass: commonClass;
+        popoverStyle: commonStyle;
+        panelClass: commonClass;
+        panelStyle: commonStyle;
+        menuItemClass: commonClass;
+        menuItemStyle: commonStyle;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").StCascadeProps & {
+        modelValue?: (string | number)[];
+        multipleValue?: (string | number)[][];
+    }> & Readonly<{
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+        onVisibleChange?: (visible: boolean) => any;
+        onRemoveTag?: (value: (string | number)[]) => any;
+        "onUpdate:multipleValue"?: (value: (string | number)[][]) => any;
+    }>, import("./types.d.ts").StCascadeExpose, {}, {}, {}, {
+        options: import("./types.d.ts").CascadeOption[];
+        disabled: boolean;
+        labelKey: string;
+        valueKey: string;
+        separator: string;
+        multiple: boolean;
+        placeholder: string;
+        clearable: boolean;
+        childrenKey: string;
+        triggerClass: commonClass;
+        triggerStyle: commonStyle;
+        popoverClass: commonClass;
+        popoverStyle: commonStyle;
+        panelClass: commonClass;
+        panelStyle: commonStyle;
+        menuItemClass: commonClass;
+        menuItemStyle: commonStyle;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").StCascadeProps & {
+    modelValue?: (string | number)[];
+    multipleValue?: (string | number)[][];
+}> & Readonly<{
+    onClear?: () => any;
+    "onUpdate:modelValue"?: (...args: unknown[]) => any;
+    onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+    onVisibleChange?: (visible: boolean) => any;
+    onRemoveTag?: (value: (string | number)[]) => any;
+    "onUpdate:multipleValue"?: (value: (string | number)[][]) => any;
+}>, import("./types.d.ts").StCascadeExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => any;
+    "update:modelValue": (...args: unknown[]) => any;
+    change: (value: (string | number)[] | (string | number)[][]) => any;
+    visibleChange: (visible: boolean) => any;
+    removeTag: (value: (string | number)[]) => any;
+    "update:multipleValue": (value: (string | number)[][]) => any;
+}, string, {
+    options: import("./types.d.ts").CascadeOption[];
+    disabled: boolean;
+    labelKey: string;
+    valueKey: string;
+    separator: string;
+    multiple: boolean;
+    placeholder: string;
+    clearable: boolean;
+    childrenKey: string;
+    triggerClass: commonClass;
+    triggerStyle: commonStyle;
+    popoverClass: commonClass;
+    popoverStyle: commonStyle;
+    panelClass: commonClass;
+    panelStyle: commonStyle;
+    menuItemClass: commonClass;
+    menuItemStyle: commonStyle;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?: (props: {}) => any;
+    } & {
+        empty?: (props: {}) => any;
+    };
+})>;
+export default StCascade;
+export declare const StCascadePanel: import("@/utils/with-install.ts").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").CascadePanelProps> & Readonly<{
+        onSelect?: (value: (string | number)[], option: import("./types.d.ts").CascadeOption) => any;
+        "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+        onExpand?: (level: number, value: string | number) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (value: (string | number)[], option: import("./types.d.ts").CascadeOption) => any;
+        "update:modelValue": (value: (string | number)[]) => any;
+        expand: (level: number, value: string | number) => any;
+    }, import("vue").PublicProps, {
+        options: import("./types.d.ts").CascadeOption[];
+        disabled: boolean;
+        modelValue: (string | number)[];
+        labelKey: string;
+        valueKey: string;
+        childrenKey: string;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").CascadePanelProps> & Readonly<{
+        onSelect?: (value: (string | number)[], option: import("./types.d.ts").CascadeOption) => any;
+        "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+        onExpand?: (level: number, value: string | number) => any;
+    }>, {}, {}, {}, {}, {
+        options: import("./types.d.ts").CascadeOption[];
+        disabled: boolean;
+        modelValue: (string | number)[];
+        labelKey: string;
+        valueKey: string;
+        childrenKey: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").CascadePanelProps> & Readonly<{
+    onSelect?: (value: (string | number)[], option: import("./types.d.ts").CascadeOption) => any;
+    "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+    onExpand?: (level: number, value: string | number) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: (string | number)[], option: import("./types.d.ts").CascadeOption) => any;
+    "update:modelValue": (value: (string | number)[]) => any;
+    expand: (level: number, value: string | number) => any;
+}, string, {
+    options: import("./types.d.ts").CascadeOption[];
+    disabled: boolean;
+    modelValue: (string | number)[];
+    labelKey: string;
+    valueKey: string;
+    childrenKey: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        empty?: (props: {}) => any;
+    };
+})>;
+export type { StCascadeProps, StCascadeSlots, StCascadeEmits, CascadePanelProps, CascadePanelEmits, } from './types.d.ts';

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

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

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

@@ -0,0 +1,29 @@
+import type { CascadeOption, CascadePanelProps } from './types.d.ts';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CascadePanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: (string | number)[], option: CascadeOption) => any;
+    "update:modelValue": (value: (string | number)[]) => any;
+    expand: (level: number, value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<CascadePanelProps> & Readonly<{
+    onSelect?: (value: (string | number)[], option: CascadeOption) => any;
+    "onUpdate:modelValue"?: (value: (string | number)[]) => any;
+    onExpand?: (level: number, value: string | number) => any;
+}>, {
+    options: CascadeOption[];
+    disabled: boolean;
+    modelValue: (string | number)[];
+    labelKey: string;
+    valueKey: string;
+    childrenKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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-cascade/st-cascade-panel.vue.js

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

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

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs"),t=require("../st-tree/st-tree.vue.cjs");let n=require("vue");var r={key:1,class:`st-cascade-panel__empty p-4 text-center text-muted-foreground text-3.5`},i=(0,n.defineComponent)({name:`StCascadePanel`,inheritAttrs:!1,__name:`st-cascade-panel`,props:{options:{default:()=>[]},modelValue:{default:()=>[]},labelKey:{default:`label`},valueKey:{default:`value`},childrenKey:{default:`children`},disabled:{type:Boolean,default:!1},panelClass:{},panelStyle:{},menuItemClass:{},menuItemStyle:{}},emits:[`update:modelValue`,`select`,`expand`],setup(i,{emit:a}){let o=i,s=a,c=(0,n.ref)([]),l=(0,n.ref)(void 0),u=(0,n.ref)([]),d=e=>e[o.valueKey],f=e=>e[o.childrenKey],p=e=>{let t=f(e);return t&&t.length>0},m=(e,t)=>{for(let n of e){if(d(n)===t)return n;if(p(n)){let e=m(f(n),t);if(e)return e}}},h=(e,t,n=[])=>{for(let r of e){let e=d(r),i=[...n,e];if(e===t)return i;if(p(r)){let e=h(f(r),t,i);if(e)return e}}return null},g=e=>e.length<=1?[]:e.slice(0,-1),_=e=>{if(o.disabled)return;let t=m(o.options,e);if(!t||t.disabled)return;let n=h(o.options,e);if(n)if(!p(t))c.value=n,s(`update:modelValue`,n),s(`select`,n,t);else{let r=d(t);u.value.indexOf(r)>-1?u.value=u.value.filter(e=>e!==r):u.value=[...u.value,r],c.value=n,s(`update:modelValue`,n),s(`expand`,n.length-1,e)}};return(0,n.watch)(c,e=>{e&&e.length>0?(u.value=g(e),l.value=e[e.length-1]):(u.value=[],l.value=void 0)},{deep:!0}),(0,n.watch)(u,e=>{if(e.length>0){let t=e[e.length-1];if(t!==c.value[c.value.length-1]){let e=h(o.options,t);e&&(c.value=e)}}},{deep:!0}),(0,n.watch)(()=>o.modelValue,e=>{e&&e.length>0?c.value=[...e]:c.value=[]},{immediate:!0,deep:!0}),(i,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)((0,n.unref)(e.cn)(`st-cascade-panel`,o.panelClass)),style:(0,n.normalizeStyle)(o.panelStyle)},[o.options.length>0?((0,n.openBlock)(),(0,n.createBlock)(t.default,{key:0,list:o.options,"label-key":o.labelKey,"value-key":o.valueKey,"children-key":o.childrenKey,"node-class":o.menuItemClass,"node-content-style":o.menuItemStyle,modelValue:l.value,"onUpdate:modelValue":a[0]||=e=>l.value=e,"expanded-keys":u.value,"onUpdate:expandedKeys":a[1]||=e=>u.value=e,onSelect:_},null,8,[`list`,`label-key`,`value-key`,`children-key`,`node-class`,`node-content-style`,`modelValue`,`expanded-keys`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,r,[(0,n.renderSlot)(i.$slots,`empty`,{},()=>[a[2]||=(0,n.createTextVNode)(`暂无数据`,-1)])]))],6))}});exports.default=i;

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

@@ -0,0 +1,109 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "../st-tree/st-tree.vue.js";
+import { createBlock as n, createElementBlock as r, createTextVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderSlot as u, unref as d, watch as f } from "vue";
+//#region src/components/st-cascade/st-cascade-panel.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 1,
+	class: "st-cascade-panel__empty p-4 text-center text-muted-foreground text-3.5"
+}, m = /*@__PURE__*/ a({
+	name: "StCascadePanel",
+	inheritAttrs: !1,
+	__name: "st-cascade-panel",
+	props: {
+		options: { default: () => [] },
+		modelValue: { default: () => [] },
+		labelKey: { default: "label" },
+		valueKey: { default: "value" },
+		childrenKey: { default: "children" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		panelClass: {},
+		panelStyle: {},
+		menuItemClass: {},
+		menuItemStyle: {}
+	},
+	emits: [
+		"update:modelValue",
+		"select",
+		"expand"
+	],
+	setup(a, { emit: m }) {
+		let h = a, g = m, _ = l([]), v = l(void 0), y = l([]), b = (e) => e[h.valueKey], x = (e) => e[h.childrenKey], S = (e) => {
+			let t = x(e);
+			return t && t.length > 0;
+		}, C = (e, t) => {
+			for (let n of e) {
+				if (b(n) === t) return n;
+				if (S(n)) {
+					let e = C(x(n), t);
+					if (e) return e;
+				}
+			}
+		}, w = (e, t, n = []) => {
+			for (let r of e) {
+				let e = b(r), i = [...n, e];
+				if (e === t) return i;
+				if (S(r)) {
+					let e = w(x(r), t, i);
+					if (e) return e;
+				}
+			}
+			return null;
+		}, T = (e) => e.length <= 1 ? [] : e.slice(0, -1), E = (e) => {
+			if (h.disabled) return;
+			let t = C(h.options, e);
+			if (!t || t.disabled) return;
+			let n = w(h.options, e);
+			if (n) if (!S(t)) _.value = n, g("update:modelValue", n), g("select", n, t);
+			else {
+				let r = b(t);
+				y.value.indexOf(r) > -1 ? y.value = y.value.filter((e) => e !== r) : y.value = [...y.value, r], _.value = n, g("update:modelValue", n), g("expand", n.length - 1, e);
+			}
+		};
+		return f(_, (e) => {
+			e && e.length > 0 ? (y.value = T(e), v.value = e[e.length - 1]) : (y.value = [], v.value = void 0);
+		}, { deep: !0 }), f(y, (e) => {
+			if (e.length > 0) {
+				let t = e[e.length - 1];
+				if (t !== _.value[_.value.length - 1]) {
+					let e = w(h.options, t);
+					e && (_.value = e);
+				}
+			}
+		}, { deep: !0 }), f(() => h.modelValue, (e) => {
+			e && e.length > 0 ? _.value = [...e] : _.value = [];
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (a, l) => (c(), r("div", {
+			class: o(d(e)("st-cascade-panel", h.panelClass)),
+			style: s(h.panelStyle)
+		}, [h.options.length > 0 ? (c(), n(t, {
+			key: 0,
+			list: h.options,
+			"label-key": h.labelKey,
+			"value-key": h.valueKey,
+			"children-key": h.childrenKey,
+			"node-class": h.menuItemClass,
+			"node-content-style": h.menuItemStyle,
+			modelValue: v.value,
+			"onUpdate:modelValue": l[0] ||= (e) => v.value = e,
+			"expanded-keys": y.value,
+			"onUpdate:expandedKeys": l[1] ||= (e) => y.value = e,
+			onSelect: E
+		}, null, 8, [
+			"list",
+			"label-key",
+			"value-key",
+			"children-key",
+			"node-class",
+			"node-content-style",
+			"modelValue",
+			"expanded-keys"
+		])) : (c(), r("div", p, [u(a.$slots, "empty", {}, () => [l[2] ||= i("暂无数据", -1)])]))], 6));
+	}
+});
+//#endregion
+export { m as default };

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

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