straw-ui-vue 0.1.6 → 0.1.8

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=(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;
+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-sm gap-sm`,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}),g.value?``: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);function y(e){g.value||c(`click`,e)}return(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)([m.value,`st-button`]),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

@@ -29,7 +29,7 @@ var h = ["disabled"], g = /*@__PURE__*/ s({
 	emits: ["click"],
 	setup(s, { emit: g }) {
 		let _ = p(), v = m(), y = g, b = s, x = {
-			default: "h-default px-xl text-3.5 gap-default",
+			default: "h-default px-xl text-sm gap-sm",
 			icon: "w-default h-default"
 		}, S = {
 			primary: "bg-primary text-primary-foreground",
@@ -63,11 +63,12 @@ var h = ["disabled"], g = /*@__PURE__*/ s({
 			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 ? "" : 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);
+		function A(e) {
 			D.value || y("click", e);
-		};
+		}
 		return (t, r) => (u(), a("button", {
-			class: c(T.value),
+			class: c([T.value, "st-button"]),
 			disabled: D.value,
 			style: l(f(_).style),
 			onClick: A

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

@@ -25,17 +25,17 @@ export interface ButtonProps {
 	/** 后缀图标名称 */
 	suffixIcon?: string;
 	/** 前缀图标类名 */
-	prefixIconClass?: commonClass;
+	prefixIconClass?: ClassValue;
 	/** 前缀图标样式 */
-	prefixIconStyle?: commonStyle;
+	prefixIconStyle?: StyleValue;
 	/** 后缀图标类名 */
-	suffixIconClass?: commonClass;
+	suffixIconClass?: ClassValue;
 	/** 后缀图标样式 */
-	suffixIconStyle?: commonStyle;
+	suffixIconStyle?: StyleValue;
 	/** loading图标类名 */
-	loadingIconClass?: commonClass;
+	loadingIconClass?: ClassValue;
 	/** loading图标样式 */
-	loadingIconStyle?: commonStyle;
+	loadingIconStyle?: StyleValue;
 }
 
 /**

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

@@ -4,36 +4,36 @@ export declare const StCascade: import("@/utils/with-install.ts").SFCWithInstall
         multipleValue?: (string | number)[][];
     }> & Readonly<{
         onClear?: () => any;
-        "onUpdate:modelValue"?: (...args: unknown[]) => any;
         onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => 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;
+        "update:modelValue": (...args: unknown[]) => 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;
+        placeholder: string;
         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;
+        separator: string;
+        multiple: boolean;
+        triggerClass: ClassValue;
+        triggerStyle: StyleValue;
+        popoverClass: ClassValue;
+        popoverStyle: StyleValue;
+        panelClass: ClassValue;
+        panelStyle: StyleValue;
+        menuItemClass: ClassValue;
+        menuItemStyle: StyleValue;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -46,29 +46,29 @@ export declare const StCascade: import("@/utils/with-install.ts").SFCWithInstall
         multipleValue?: (string | number)[][];
     }> & Readonly<{
         onClear?: () => any;
-        "onUpdate:modelValue"?: (...args: unknown[]) => any;
         onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => 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;
+        placeholder: string;
         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;
+        separator: string;
+        multiple: boolean;
+        triggerClass: ClassValue;
+        triggerStyle: StyleValue;
+        popoverClass: ClassValue;
+        popoverStyle: StyleValue;
+        panelClass: ClassValue;
+        panelStyle: StyleValue;
+        menuItemClass: ClassValue;
+        menuItemStyle: StyleValue;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -78,36 +78,36 @@ export declare const StCascade: import("@/utils/with-install.ts").SFCWithInstall
     multipleValue?: (string | number)[][];
 }> & Readonly<{
     onClear?: () => any;
-    "onUpdate:modelValue"?: (...args: unknown[]) => any;
     onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+    "onUpdate:modelValue"?: (...args: unknown[]) => 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;
+    "update:modelValue": (...args: unknown[]) => 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;
+    placeholder: string;
     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;
+    separator: string;
+    multiple: boolean;
+    triggerClass: ClassValue;
+    triggerStyle: StyleValue;
+    popoverClass: ClassValue;
+    popoverStyle: StyleValue;
+    panelClass: ClassValue;
+    panelStyle: StyleValue;
+    menuItemClass: ClassValue;
+    menuItemStyle: StyleValue;
 }, {}, 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;

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

@@ -1 +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;
+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-sm`},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,modelValue:l.value,"onUpdate:modelValue":a[0]||=e=>l.value=e,"expanded-keys":u.value,"onUpdate:expandedKeys":a[1]||=e=>u.value=e,"children-key":o.childrenKey,"label-key":o.labelKey,list:o.options,"node-class":o.menuItemClass,"node-content-style":o.menuItemStyle,"value-key":o.valueKey,onSelect:_},null,8,[`modelValue`,`expanded-keys`,`children-key`,`label-key`,`list`,`node-class`,`node-content-style`,`value-key`])):((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

@@ -4,7 +4,7 @@ import { createBlock as n, createElementBlock as r, createTextVNode as i, define
 //#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"
+	class: "st-cascade-panel__empty p-4 text-center text-muted-foreground text-sm"
 }, m = /*@__PURE__*/ a({
 	name: "StCascadePanel",
 	inheritAttrs: !1,
@@ -82,26 +82,26 @@ var p = {
 			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,
+			"children-key": h.childrenKey,
+			"label-key": h.labelKey,
+			list: h.options,
+			"node-class": h.menuItemClass,
+			"node-content-style": h.menuItemStyle,
+			"value-key": h.valueKey,
 			onSelect: E
 		}, null, 8, [
-			"list",
-			"label-key",
-			"value-key",
+			"modelValue",
+			"expanded-keys",
 			"children-key",
+			"label-key",
+			"list",
 			"node-class",
 			"node-content-style",
-			"modelValue",
-			"expanded-keys"
+			"value-key"
 		])) : (c(), r("div", p, [u(a.$slots, "empty", {}, () => [l[2] ||= i("暂无数据", -1)])]))], 6));
 	}
 });

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

@@ -19,36 +19,36 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, StCascadeExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => any;
-    "update:modelValue": (...args: unknown[]) => any;
     change: (value: (string | number)[] | (string | number)[][]) => any;
+    "update:modelValue": (...args: unknown[]) => any;
     visibleChange: (visible: boolean) => any;
     removeTag: (value: (string | number)[]) => any;
     "update:multipleValue": (value: (string | number)[][]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: () => any;
-    "onUpdate:modelValue"?: (...args: unknown[]) => any;
     onChange?: (value: (string | number)[] | (string | number)[][]) => any;
+    "onUpdate:modelValue"?: (...args: unknown[]) => any;
     onVisibleChange?: (visible: boolean) => any;
     onRemoveTag?: (value: (string | number)[]) => any;
     "onUpdate:multipleValue"?: (value: (string | number)[][]) => any;
 }>, {
     options: CascadeOption[];
     disabled: boolean;
+    placeholder: string;
     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;
+    separator: string;
+    multiple: boolean;
+    triggerClass: ClassValue;
+    triggerStyle: StyleValue;
+    popoverClass: ClassValue;
+    popoverStyle: StyleValue;
+    panelClass: ClassValue;
+    panelStyle: StyleValue;
+    menuItemClass: ClassValue;
+    menuItemStyle: StyleValue;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-const e=require("../../utils/cn.cjs"),t=require("../st-input/st-input.vue.cjs"),n=require("../st-popover/st-popover.vue.cjs"),r=require("../../utils/mergeStyles.cjs"),i=require("./st-cascade-panel.vue.cjs");let a=require("vue");var o=(0,a.defineComponent)({name:`StCascade`,inheritAttrs:!1,__name:`st-cascade`,props:(0,a.mergeModels)({options:{default:()=>[]},placeholder:{default:``},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},labelKey:{default:`label`},valueKey:{default:`value`},childrenKey:{default:`children`},separator:{default:`/`},popoverClass:{default:``},popoverStyle:{default:``},triggerClass:{default:``},triggerStyle:{default:``},panelClass:{default:``},panelStyle:{default:``},menuItemClass:{default:``},menuItemStyle:{default:``}},{modelValue:{default:()=>[]},modelModifiers:{},multipleValue:{default:()=>[]},multipleValueModifiers:{}}),emits:(0,a.mergeModels)([`update:modelValue`,`change`,`clear`,`visibleChange`,`removeTag`],[`update:modelValue`,`update:multipleValue`]),setup(o,{expose:s,emit:c}){(0,a.useSlots)();let l=(0,a.useAttrs)(),u=o,d=c,f=(0,a.useModel)(o,`modelValue`),p=(0,a.useModel)(o,`multipleValue`),m=(0,a.ref)(null),h=(0,a.ref)(null),g=(0,a.ref)(null),_=(0,a.ref)(!1),v=(0,a.ref)(!1),y=(0,a.ref)(0),b=(0,a.ref)([]),x=e=>e[u.labelKey],S=e=>e[u.valueKey],C=e=>e[u.childrenKey],w=e=>{let t=[],n=u.options;for(let r of e){let e=n.find(e=>S(e)===r);if(e)t.push(e),n=C(e)||[];else break}return t},T=e=>w(e).map(e=>x(e)).join(u.separator),E=e=>{let t=C(e);return!t||t.length===0},D=(0,a.computed)(()=>u.multiple?p.value.length===0?``:p.value.map(e=>T(e)).join(`, `):f.value.length===0?``:T(f.value)),O=(0,a.computed)(()=>(u.multiple?p.value.length>0:f.value.length>0)?``:u.placeholder||`请选择`),k=(0,a.computed)(()=>e.cn(`st-cascade`,{"st-cascade--focused":_.value})),A=(0,a.computed)(()=>e.cn(`st-cascade__arrow`,`inline-flex items-center transition-transform duration-200`,{"rotate-180":_.value})),j=(0,a.computed)(()=>!u.clearable||u.disabled?!1:u.multiple?p.value.length>0&&v.value:f.value.length>0&&v.value),M=(0,a.computed)(()=>u.popoverStyle?u.popoverStyle:y.value>0?{minWidth:`${y.value}px`}:{}),N=e=>{_.value=e,d(`visibleChange`,e),e?(h.value&&(y.value=h.value.$el.getBoundingClientRect().width),!u.multiple&&f.value.length>0?b.value=[...f.value]:b.value=[]):b.value=[]},P=e=>{b.value=e},F=(e,t)=>{E(t)&&(u.multiple?p.value.findIndex(t=>JSON.stringify(t)===JSON.stringify(e))===-1&&(p.value=[...p.value,e],d(`update:modelValue`,p.value),d(`change`,p.value)):(f.value=e,d(`update:modelValue`,e),d(`change`,e),_.value=!1))},I=()=>{u.multiple?(p.value=[],d(`update:modelValue`,[]),d(`change`,[])):(f.value=[],d(`update:modelValue`,[]),d(`change`,[])),d(`clear`)},L=()=>{v.value=!0},R=()=>{v.value=!1};return s({focus:()=>{h.value?.focus()},blur:()=>{h.value?.blur()},clear:()=>{I()}}),(o,s)=>((0,a.openBlock)(),(0,a.createBlock)(n.default,{ref_key:`popoverRef`,ref:m,visible:_.value,"onUpdate:visible":s[0]||=e=>_.value=e,disabled:u.disabled,"show-arrow":!1,"content-class":u.popoverClass,"content-style":M.value,placement:`bottom-left`,trigger:`click`,"trigger-class":(0,a.unref)(e.cn)((0,a.unref)(l).class,u.triggerClass),onVisibleChange:N},{trigger:(0,a.withCtx)(()=>[(0,a.createVNode)(t.default,{ref_key:`inputRef`,ref:h,class:(0,a.normalizeClass)(k.value),style:(0,a.normalizeStyle)((0,a.unref)(r.mergeStyles)((0,a.unref)(l).style,u.triggerStyle)),clearable:j.value,disabled:u.disabled,placeholder:O.value,readonly:``,"model-value":D.value,onClear:I,onMouseenter:L,onMouseleave:R},(0,a.createSlots)({suffix:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)(A.value)},[...s[1]||=[(0,a.createElementVNode)(`i`,{class:`i-lucide-chevron-down`},null,-1)]],2)]),_:2},[o.$slots.prefix?{name:`prefix`,fn:(0,a.withCtx)(()=>[(0,a.renderSlot)(o.$slots,`prefix`)]),key:`0`}:void 0]),1032,[`class`,`style`,`clearable`,`disabled`,`placeholder`,`model-value`])]),content:(0,a.withCtx)(()=>[(0,a.createVNode)(i.default,{ref_key:`panelRef`,ref:g,options:u.options,"model-value":b.value,"label-key":u.labelKey,"value-key":u.valueKey,"children-key":u.childrenKey,disabled:u.disabled,"panel-class":u.panelClass,"panel-style":u.panelStyle,"menu-item-class":u.menuItemClass,"menu-item-style":u.menuItemStyle,"onUpdate:modelValue":P,onSelect:F},(0,a.createSlots)({_:2},[o.$slots.empty?{name:`empty`,fn:(0,a.withCtx)(()=>[(0,a.renderSlot)(o.$slots,`empty`)]),key:`0`}:void 0]),1032,[`options`,`model-value`,`label-key`,`value-key`,`children-key`,`disabled`,`panel-class`,`panel-style`,`menu-item-class`,`menu-item-style`])]),_:3},8,[`visible`,`disabled`,`content-class`,`content-style`,`trigger-class`]))}});exports.default=o;
+const e=require("../../utils/cn.cjs"),t=require("../st-input/st-input.vue.cjs"),n=require("../st-popover/st-popover.vue.cjs"),r=require("../../utils/mergeStyles.cjs"),i=require("./st-cascade-panel.vue.cjs");let a=require("vue");var o=(0,a.defineComponent)({name:`StCascade`,inheritAttrs:!1,__name:`st-cascade`,props:(0,a.mergeModels)({options:{default:()=>[]},placeholder:{default:``},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},labelKey:{default:`label`},valueKey:{default:`value`},childrenKey:{default:`children`},separator:{default:`/`},popoverClass:{default:``},popoverStyle:{default:``},triggerClass:{default:``},triggerStyle:{default:``},panelClass:{default:``},panelStyle:{default:``},menuItemClass:{default:``},menuItemStyle:{default:``}},{modelValue:{default:()=>[]},modelModifiers:{},multipleValue:{default:()=>[]},multipleValueModifiers:{}}),emits:(0,a.mergeModels)([`update:modelValue`,`change`,`clear`,`visibleChange`,`removeTag`],[`update:modelValue`,`update:multipleValue`]),setup(o,{expose:s,emit:c}){(0,a.useSlots)();let l=(0,a.useAttrs)(),u=o,d=c,f=(0,a.useModel)(o,`modelValue`),p=(0,a.useModel)(o,`multipleValue`),m=(0,a.ref)(null),h=(0,a.ref)(null),g=(0,a.ref)(null),_=(0,a.ref)(!1),v=(0,a.ref)(!1),y=(0,a.ref)(0),b=(0,a.ref)([]),x=e=>e[u.labelKey],S=e=>e[u.valueKey],C=e=>e[u.childrenKey],w=e=>{let t=[],n=u.options;for(let r of e){let e=n.find(e=>S(e)===r);if(e)t.push(e),n=C(e)||[];else break}return t},T=e=>w(e).map(e=>x(e)).join(u.separator),E=e=>{let t=C(e);return!t||t.length===0},D=(0,a.computed)(()=>u.multiple?p.value.length===0?``:p.value.map(e=>T(e)).join(`, `):f.value.length===0?``:T(f.value)),O=(0,a.computed)(()=>(u.multiple?p.value.length>0:f.value.length>0)?``:u.placeholder||`请选择`),k=(0,a.computed)(()=>e.cn(`st-cascade`,{"st-cascade--focused":_.value})),A=(0,a.computed)(()=>e.cn(`st-cascade__arrow`,`inline-flex items-center transition-transform duration-200`,{"rotate-180":_.value})),j=(0,a.computed)(()=>!u.clearable||u.disabled?!1:u.multiple?p.value.length>0&&v.value:f.value.length>0&&v.value),M=(0,a.computed)(()=>u.popoverStyle?u.popoverStyle:y.value>0?{minWidth:`${y.value}px`}:{}),N=e=>{_.value=e,d(`visibleChange`,e),e?(h.value&&(y.value=h.value.$el.getBoundingClientRect().width),!u.multiple&&f.value.length>0?b.value=[...f.value]:b.value=[]):b.value=[]},P=e=>{b.value=e},F=(e,t)=>{E(t)&&(u.multiple?p.value.findIndex(t=>JSON.stringify(t)===JSON.stringify(e))===-1&&(p.value=[...p.value,e],d(`update:modelValue`,p.value),d(`change`,p.value)):(f.value=e,d(`update:modelValue`,e),d(`change`,e),_.value=!1))},I=()=>{u.multiple?(p.value=[],d(`update:modelValue`,[]),d(`change`,[])):(f.value=[],d(`update:modelValue`,[]),d(`change`,[])),d(`clear`)},L=()=>{v.value=!0},R=()=>{v.value=!1};return s({focus:()=>{h.value?.focus()},blur:()=>{h.value?.blur()},clear:()=>{I()}}),(o,s)=>((0,a.openBlock)(),(0,a.createBlock)(n.default,{ref_key:`popoverRef`,ref:m,visible:_.value,"onUpdate:visible":s[0]||=e=>_.value=e,"content-class":u.popoverClass,"content-style":M.value,disabled:u.disabled,"show-arrow":!1,"trigger-class":(0,a.unref)(e.cn)((0,a.unref)(l).class,u.triggerClass),placement:`bottom-left`,trigger:`click`,onVisibleChange:N},{trigger:(0,a.withCtx)(()=>[(0,a.createVNode)(t.default,{ref_key:`inputRef`,ref:h,class:(0,a.normalizeClass)(k.value),clearable:j.value,disabled:u.disabled,"model-value":D.value,placeholder:O.value,style:(0,a.normalizeStyle)((0,a.unref)(r.mergeStyles)((0,a.unref)(l).style,u.triggerStyle)),readonly:``,onClear:I,onMouseenter:L,onMouseleave:R},(0,a.createSlots)({suffix:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)(A.value)},[...s[1]||=[(0,a.createElementVNode)(`i`,{class:`i-lucide-chevron-down`},null,-1)]],2)]),_:2},[o.$slots.prefix?{name:`prefix`,fn:(0,a.withCtx)(()=>[(0,a.renderSlot)(o.$slots,`prefix`)]),key:`0`}:void 0]),1032,[`class`,`clearable`,`disabled`,`model-value`,`placeholder`,`style`])]),content:(0,a.withCtx)(()=>[(0,a.createVNode)(i.default,{ref_key:`panelRef`,ref:g,"children-key":u.childrenKey,disabled:u.disabled,"label-key":u.labelKey,"menu-item-class":u.menuItemClass,"menu-item-style":u.menuItemStyle,"model-value":b.value,options:u.options,"panel-class":u.panelClass,"panel-style":u.panelStyle,"value-key":u.valueKey,onSelect:F,"onUpdate:modelValue":P},(0,a.createSlots)({_:2},[o.$slots.empty?{name:`empty`,fn:(0,a.withCtx)(()=>[(0,a.renderSlot)(o.$slots,`empty`)]),key:`0`}:void 0]),1032,[`children-key`,`disabled`,`label-key`,`menu-item-class`,`menu-item-style`,`model-value`,`options`,`panel-class`,`panel-style`,`value-key`])]),_:3},8,[`visible`,`content-class`,`content-style`,`disabled`,`trigger-class`]))}});exports.default=o;

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

@@ -90,25 +90,25 @@ var S = /*@__PURE__*/ u({
 			ref: O,
 			visible: j.value,
 			"onUpdate:visible": u[0] ||= (e) => j.value = e,
-			disabled: w.disabled,
-			"show-arrow": !1,
 			"content-class": w.popoverClass,
 			"content-style": K.value,
+			disabled: w.disabled,
+			"show-arrow": !1,
+			"trigger-class": _(e)(_(C).class, w.triggerClass),
 			placement: "bottom-left",
 			trigger: "click",
-			"trigger-class": _(e)(_(C).class, w.triggerClass),
 			onVisibleChange: q
 		}, {
 			trigger: x(() => [l(t, {
 				ref_key: "inputRef",
 				ref: k,
 				class: f(U.value),
-				style: p(_(r)(_(C).style, w.triggerStyle)),
 				clearable: G.value,
 				disabled: w.disabled,
+				"model-value": V.value,
 				placeholder: H.value,
+				style: p(_(r)(_(C).style, w.triggerStyle)),
 				readonly: "",
-				"model-value": V.value,
 				onClear: X,
 				onMouseenter: Z,
 				onMouseleave: Q
@@ -121,49 +121,49 @@ var S = /*@__PURE__*/ u({
 				key: "0"
 			} : void 0]), 1032, [
 				"class",
-				"style",
 				"clearable",
 				"disabled",
+				"model-value",
 				"placeholder",
-				"model-value"
+				"style"
 			])]),
 			content: x(() => [l(i, {
 				ref_key: "panelRef",
 				ref: A,
-				options: w.options,
-				"model-value": P.value,
-				"label-key": w.labelKey,
-				"value-key": w.valueKey,
 				"children-key": w.childrenKey,
 				disabled: w.disabled,
-				"panel-class": w.panelClass,
-				"panel-style": w.panelStyle,
+				"label-key": w.labelKey,
 				"menu-item-class": w.menuItemClass,
 				"menu-item-style": w.menuItemStyle,
-				"onUpdate:modelValue": J,
-				onSelect: Y
+				"model-value": P.value,
+				options: w.options,
+				"panel-class": w.panelClass,
+				"panel-style": w.panelStyle,
+				"value-key": w.valueKey,
+				onSelect: Y,
+				"onUpdate:modelValue": J
 			}, c({ _: 2 }, [a.$slots.empty ? {
 				name: "empty",
 				fn: x(() => [g(a.$slots, "empty")]),
 				key: "0"
 			} : void 0]), 1032, [
-				"options",
-				"model-value",
-				"label-key",
-				"value-key",
 				"children-key",
 				"disabled",
+				"label-key",
+				"menu-item-class",
+				"menu-item-style",
+				"model-value",
+				"options",
 				"panel-class",
 				"panel-style",
-				"menu-item-class",
-				"menu-item-style"
+				"value-key"
 			])]),
 			_: 3
 		}, 8, [
 			"visible",
-			"disabled",
 			"content-class",
 			"content-style",
+			"disabled",
 			"trigger-class"
 		]));
 	}

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

@@ -31,13 +31,13 @@ export interface CascadePanelProps {
 	/** 是否禁用 */
 	disabled?: boolean;
 	/** 下拉面板的类名 */
-	panelClass?: commonClass;
+	panelClass?: ClassValue;
 	/** 下拉面板的样式 */
-	panelStyle?: commonStyle;
+	panelStyle?: StyleValue;
 	/** 菜单项的类名 */
-	menuItemClass?: commonClass;
+	menuItemClass?: ClassValue;
 	/** 菜单项的样式 */
-	menuItemStyle?: commonStyle;
+	menuItemStyle?: StyleValue;
 }
 
 /**
@@ -75,21 +75,21 @@ export interface StCascadeProps {
 	/** 分隔符 */
 	separator?: string;
 	/** popover 下拉菜单的类名 */
-	popoverClass?: commonClass;
+	popoverClass?: ClassValue;
 	/** popover 下拉菜单的样式 */
-	popoverStyle?: commonStyle;
+	popoverStyle?: StyleValue;
 	/** 触发元素的类名 */
-	triggerClass?: commonClass;
+	triggerClass?: ClassValue;
 	/** 触发元素的样式 */
-	triggerStyle?: commonStyle;
+	triggerStyle?: StyleValue;
 	/** 下拉面板的类名 */
-	panelClass?: commonClass;
+	panelClass?: ClassValue;
 	/** 下拉面板的样式 */
-	panelStyle?: commonStyle;
+	panelStyle?: StyleValue;
 	/** 菜单项的类名 */
-	menuItemClass?: commonClass;
+	menuItemClass?: ClassValue;
 	/** 菜单项的样式 */
-	menuItemStyle?: commonStyle;
+	menuItemStyle?: StyleValue;
 }
 
 /**

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

@@ -2,11 +2,11 @@ export declare const StCheckbox: import("@/utils/with-install.ts").SFCWithInstal
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").CheckboxProps & {
         modelValue?: boolean | string | number;
     }> & Readonly<{
-        "onUpdate:modelValue"?: (...args: unknown[]) => any;
-        onChange?: (value: string | number | boolean) => any;
+        onChange?: (event: MouseEvent) => any;
+        "onUpdate:modelValue"?: (value: string | number | boolean) => any;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (...args: unknown[]) => any;
-        change: (value: string | number | boolean) => any;
+        change: (event: MouseEvent) => any;
+        "update:modelValue": (value: string | number | boolean) => any;
     }, import("vue").PublicProps, {
         disabled: boolean;
         trueValue: boolean | string | number;
@@ -21,8 +21,8 @@ export declare const StCheckbox: import("@/utils/with-install.ts").SFCWithInstal
     }, Readonly<import("./types.d.ts").CheckboxProps & {
         modelValue?: boolean | string | number;
     }> & Readonly<{
-        "onUpdate:modelValue"?: (...args: unknown[]) => any;
-        onChange?: (value: string | number | boolean) => any;
+        onChange?: (event: MouseEvent) => any;
+        "onUpdate:modelValue"?: (value: string | number | boolean) => any;
     }>, {}, {}, {}, {}, {
         disabled: boolean;
         trueValue: boolean | string | number;
@@ -34,11 +34,11 @@ export declare const StCheckbox: import("@/utils/with-install.ts").SFCWithInstal
 } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").CheckboxProps & {
     modelValue?: boolean | string | number;
 }> & Readonly<{
-    "onUpdate:modelValue"?: (...args: unknown[]) => any;
-    onChange?: (value: string | number | boolean) => any;
+    onChange?: (event: MouseEvent) => any;
+    "onUpdate:modelValue"?: (value: string | number | boolean) => any;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: unknown[]) => any;
-    change: (value: string | number | boolean) => any;
+    change: (event: MouseEvent) => any;
+    "update:modelValue": (value: string | number | boolean) => any;
 }, string, {
     disabled: boolean;
     trueValue: boolean | string | number;
@@ -46,5 +46,59 @@ export declare const StCheckbox: import("@/utils/with-install.ts").SFCWithInstal
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: import("./types.d.ts").CheckboxSlots;
 })>;
+export declare const StCheckboxGroup: import("@/utils/with-install.ts").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").CheckboxGroupProps & {
+        modelValue?: (string | number | boolean)[];
+    }> & Readonly<{
+        onChange?: (event: MouseEvent) => any;
+        "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (event: MouseEvent) => any;
+        "update:modelValue": (value: (string | number | boolean)[]) => any;
+    }, import("vue").PublicProps, {
+        disabled: boolean;
+        list: import("./types.d.ts").CheckboxGroupItem[];
+        labelKey: string;
+        valueKey: string;
+        direction: import("./types.d.ts").CheckboxGroupDirection;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").CheckboxGroupProps & {
+        modelValue?: (string | number | boolean)[];
+    }> & Readonly<{
+        onChange?: (event: MouseEvent) => any;
+        "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        list: import("./types.d.ts").CheckboxGroupItem[];
+        labelKey: string;
+        valueKey: string;
+        direction: import("./types.d.ts").CheckboxGroupDirection;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").CheckboxGroupProps & {
+    modelValue?: (string | number | boolean)[];
+}> & Readonly<{
+    onChange?: (event: MouseEvent) => any;
+    "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (event: MouseEvent) => any;
+    "update:modelValue": (value: (string | number | boolean)[]) => any;
+}, string, {
+    disabled: boolean;
+    list: import("./types.d.ts").CheckboxGroupItem[];
+    labelKey: string;
+    valueKey: string;
+    direction: import("./types.d.ts").CheckboxGroupDirection;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./types.d.ts").CheckboxGroupSlots;
+})>;
 export default StCheckbox;
-export type { CheckboxProps, CheckboxSlots, CheckboxEmits } from './types.d.ts';
+export type { CheckboxProps, CheckboxSlots, CheckboxEmits, CheckboxGroupProps, CheckboxGroupSlots, CheckboxGroupEmits, } from './types.d.ts';

package/dist/components/{st-checkbox-group → st-checkbox}/st-checkbox-group.vue.d.ts

@@ -1,27 +1,22 @@
-import type { CheckboxGroupItem, CheckboxGroupProps } from './types.d.ts';
+import type { CheckboxGroupItem, CheckboxGroupProps, CheckboxGroupSlots } from './types.d.ts';
+type __VLS_Slots = CheckboxGroupSlots;
 type __VLS_Props = CheckboxGroupProps;
 type __VLS_ModelProps = {
     modelValue?: (string | number | boolean)[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_7: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
-};
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (event: MouseEvent) => any;
     "update:modelValue": (value: (string | number | boolean)[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: (event: MouseEvent) => any;
     "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
 }>, {
     disabled: boolean;
-    labelClass: commonClass;
     list: CheckboxGroupItem[];
     labelKey: string;
     valueKey: string;
     direction: import("./types.d.ts").CheckboxGroupDirection;
-    wrapperClass: commonClass;
-    wrapperStyle: commonStyle;
-    itemClass: commonClass;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/{st-checkbox-group → st-checkbox}/st-checkbox-group.vue.js

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

package/dist/components/st-checkbox/st-checkbox-group.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs"),n=require("./st-checkbox.vue.cjs");let r=require("vue");var i=(0,r.defineComponent)({name:`StCheckboxGroup`,inheritAttrs:!1,__name:`st-checkbox-group`,props:(0,r.mergeModels)({list:{default:void 0},labelKey:{default:`label`},valueKey:{default:`value`},disabled:{type:Boolean,default:!1},direction:{default:`horizontal`},itemClass:{},itemStyle:{},labelClass:{},labelStyle:{},boxClass:{},boxStyle:{},iconClass:{},iconStyle:{}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:(0,r.mergeModels)([`change`],[`update:modelValue`]),setup(i,{emit:a}){let o=(0,r.useModel)(i,`modelValue`),s=(0,r.useAttrs)();(0,r.useSlots)();let c=a,l=i,u=(0,r.computed)(()=>l.list?.length>0),d=t.cva({base:`flex`,variants:{direction:{horizontal:`flex-row flex-wrap gap-lg`,vertical:`flex-col gap-default`}}}),f=(0,r.computed)(()=>e.cn(d({direction:l.direction}),s.class));function p(e){let t=e[l.valueKey];return typeof t==`boolean`?String(t):t}function m(e){return e[l.labelKey]}function h(e){c(`change`,e)}return(0,r.provide)(`checkboxGroup`,{disabled:(0,r.computed)(()=>l.disabled),modelValue:o,updateValue:(e,t)=>{let n=[...o.value];if(t)n.includes(e)||n.push(e);else{let t=n.indexOf(e);t>-1&&n.splice(t,1)}o.value=n}}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([f.value,`st-checkbox-group`]),style:(0,r.normalizeStyle)((0,r.unref)(s).style)},[u.value?((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,{key:0},(0,r.renderList)(l.list,e=>((0,r.openBlock)(),(0,r.createBlock)(n.default,{key:p(e),"box-class":l.boxClass,"box-style":l.boxStyle,class:(0,r.normalizeClass)(l.itemClass),disabled:l.disabled,"icon-class":l.iconClass,"icon-style":l.iconStyle,"label-class":l.labelClass,"label-style":l.labelStyle,style:(0,r.normalizeStyle)(l.itemStyle),"true-value":p(e),onChange:h},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(m(e)),1)]),_:2},1032,[`box-class`,`box-style`,`class`,`disabled`,`icon-class`,`icon-style`,`label-class`,`label-style`,`style`,`true-value`]))),128)):(0,r.renderSlot)(e.$slots,`default`,{key:1})],6))}});exports.default=i;