straw-ui-vue 0.1.61 → 0.1.63

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

@@ -33,6 +33,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StCas
     showPath: boolean;
     defaultExpandedAll: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, {}, {}, 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/desktop/types/st-cascade-desktop.d.ts

@@ -36,6 +36,8 @@ export interface StCascadeDesktopProps {
 	defaultExpandedAll?: boolean;
 	/** 是否启用浮动占位标签（placeholder 在聚焦或有值时缩到左上角） */
 	floatingLabel?: boolean;
+	/** 弹出层宽度是否锁定为触发输入框宽度：true 等宽（超长节点省略号截断），false 以触发输入框宽度为最小宽度、由内容撑开 */
+	matchTriggerWidth?: boolean;
 	/** 弹出层的类名 */
 	popoverClass?: ClassValue;
 	/** 弹出层的样式 */

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

@@ -21,6 +21,7 @@ export declare const StCascade: {
         expandOnClick: boolean | "auto";
         showPath: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -43,6 +44,7 @@ export declare const StCascade: {
         expandOnClick: boolean | "auto";
         showPath: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -69,6 +71,7 @@ export declare const StCascade: {
     expandOnClick: boolean | "auto";
     showPath: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./index.ts').StCascadeSlots;
 }) & {
@@ -258,6 +261,7 @@ export declare const StCascade: {
             showPath: boolean;
             defaultExpandedAll: boolean;
             floatingLabel: boolean;
+            matchTriggerWidth: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -288,6 +292,7 @@ export declare const StCascade: {
             showPath: boolean;
             defaultExpandedAll: boolean;
             floatingLabel: boolean;
+            matchTriggerWidth: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -320,6 +325,7 @@ export declare const StCascade: {
         showPath: boolean;
         defaultExpandedAll: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: import('./index.ts').StCascadeDesktopSlots;
     });
@@ -627,6 +633,7 @@ export declare const StCascadeDesktop: {
         showPath: boolean;
         defaultExpandedAll: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -657,6 +664,7 @@ export declare const StCascadeDesktop: {
         showPath: boolean;
         defaultExpandedAll: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -689,6 +697,7 @@ export declare const StCascadeDesktop: {
     showPath: boolean;
     defaultExpandedAll: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./index.ts').StCascadeDesktopSlots;
 });

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

@@ -27,6 +27,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StCas
     expandOnClick: boolean | "auto";
     showPath: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, {}, {}, 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-select/desktop/st-select-desktop.d.ts

@@ -27,6 +27,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StSel
     placeholder: string;
     clearable: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
     filterable: boolean;
     remote: boolean;
     loadingText: string;

package/dist/components/st-select/desktop/types/st-select-desktop.d.ts

@@ -38,6 +38,8 @@ export interface StSelectDesktopProps {
 	group?: boolean;
 	/** 是否启用浮动占位标签（placeholder 在聚焦或有值时缩到左上角） */
 	floatingLabel?: boolean;
+	/** 下拉面板宽度是否锁定为触发器宽度：true 等宽（超长选项省略号截断），false 以触发器宽度为最小宽度、由内容撑开 */
+	matchTriggerWidth?: boolean;
 	/** popover 下拉菜单的类名 */
 	popoverClass?: ClassValue;
 	/** popover 下拉菜单的样式 */

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

@@ -16,6 +16,7 @@ export declare const StSelect: {
     }, import('vue').PublicProps, {
         deviceType: import('../../types.ts').DeviceType | "auto";
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -34,6 +35,7 @@ export declare const StSelect: {
     }>, import('./index.ts').StSelectExpose, {}, {}, {}, {
         deviceType: import('../../types.ts').DeviceType | "auto";
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -55,6 +57,7 @@ export declare const StSelect: {
 }, string, {
     deviceType: import('../../types.ts').DeviceType | "auto";
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./index.ts').StSelectSlots;
 }) & {
@@ -170,6 +173,7 @@ export declare const StSelect: {
     StSelectDropdown: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             disabled: boolean;
+            matchTriggerWidth: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -179,12 +183,14 @@ export declare const StSelect: {
             Defaults: {};
         }, Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, {
             disabled: boolean;
+            matchTriggerWidth: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         disabled: boolean;
+        matchTriggerWidth: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: import('./types/st-select-dropdown').StSelectDropdownSlots;
     });
@@ -358,6 +364,7 @@ export declare const StSelect: {
             placeholder: string;
             clearable: boolean;
             floatingLabel: boolean;
+            matchTriggerWidth: boolean;
             filterable: boolean;
             remote: boolean;
             loadingText: string;
@@ -389,6 +396,7 @@ export declare const StSelect: {
             placeholder: string;
             clearable: boolean;
             floatingLabel: boolean;
+            matchTriggerWidth: boolean;
             filterable: boolean;
             remote: boolean;
             loadingText: string;
@@ -423,6 +431,7 @@ export declare const StSelect: {
         placeholder: string;
         clearable: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
         filterable: boolean;
         remote: boolean;
         loadingText: string;
@@ -714,6 +723,7 @@ export declare const StSelectContent: {
 export declare const StSelectDropdown: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         disabled: boolean;
+        matchTriggerWidth: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -723,12 +733,14 @@ export declare const StSelectDropdown: {
         Defaults: {};
     }, Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, {
         disabled: boolean;
+        matchTriggerWidth: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     disabled: boolean;
+    matchTriggerWidth: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./types/st-select-dropdown').StSelectDropdownSlots;
 });
@@ -903,6 +915,7 @@ export declare const StSelectDesktop: {
         placeholder: string;
         clearable: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
         filterable: boolean;
         remote: boolean;
         loadingText: string;
@@ -934,6 +947,7 @@ export declare const StSelectDesktop: {
         placeholder: string;
         clearable: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
         filterable: boolean;
         remote: boolean;
         loadingText: string;
@@ -968,6 +982,7 @@ export declare const StSelectDesktop: {
     placeholder: string;
     clearable: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
     filterable: boolean;
     remote: boolean;
     loadingText: string;

package/dist/components/st-select/st-select-dropdown.d.ts

@@ -2,6 +2,7 @@ import { StSelectDropdownProps, StSelectDropdownSlots } from './types/st-select-
 type __VLS_Slots = StSelectDropdownSlots;
 declare const __VLS_base: import('vue').DefineComponent<StSelectDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StSelectDropdownProps> & Readonly<{}>, {
     disabled: boolean;
+    matchTriggerWidth: boolean;
 }, {}, {}, {}, 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-select/st-select.d.ts

@@ -20,6 +20,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StSel
 }>, {
     deviceType: import('../../types.ts').DeviceType | "auto";
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, {}, {}, 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-select/types/st-select-dropdown.d.ts

@@ -10,6 +10,8 @@ export interface StSelectDropdownProps {
 	popoverClass?: ClassValue;
 	/** 下拉面板样式 */
 	popoverStyle?: StyleValue;
+	/** 面板宽度是否锁定为触发器宽度：true 等宽（超长内容省略号截断），false 以触发器宽度为最小宽度、由内容撑开 */
+	matchTriggerWidth?: boolean;
 }
 
 /**

package/dist/components/st-tree/types/st-tree-group-checkbox.d.ts

@@ -1,5 +1,16 @@
+import type { ClassValue, StyleValue } from 'vue';
+
 /** 树多选框组件属性接口 */
-export interface StTreeGroupCheckboxProps {}
+export interface StTreeGroupCheckboxProps {
+	/** 多选框盒子类名 */
+	boxClass?: ClassValue;
+	/** 多选框盒子样式 */
+	boxStyle?: StyleValue;
+	/** 多选框图标类名 */
+	coreClass?: ClassValue;
+	/** 多选框图标样式 */
+	coreStyle?: StyleValue;
+}
 
 /** 树多选框组件插槽接口 */
 export interface StTreeGroupCheckboxSlots {}
@@ -10,4 +21,4 @@ export interface StTreeGroupCheckboxEmits {
 	change: [event: MouseEvent];
 }
 
-export {};
+export {};

package/dist/components/st-tree/types/st-tree-node.d.ts

@@ -21,6 +21,42 @@ export interface StTreeNodeProps {
 	labelClass?: ClassValue;
 	/** 标签样式 */
 	labelStyle?: StyleValue;
+	/** 节点行类名 */
+	nodeClass?: ClassValue;
+	/** 节点行样式 */
+	nodeStyle?: StyleValue;
+	/** 箭头外层附加区类名 */
+	arrowAddonClass?: ClassValue;
+	/** 箭头外层附加区样式 */
+	arrowAddonStyle?: StyleValue;
+	/** 多选框外层附加区类名 */
+	checkboxAddonClass?: ClassValue;
+	/** 多选框外层附加区样式 */
+	checkboxAddonStyle?: StyleValue;
+	/** 多选框类名 */
+	checkboxClass?: ClassValue;
+	/** 多选框样式 */
+	checkboxStyle?: StyleValue;
+	/** 多选框盒子类名 */
+	checkboxBoxClass?: ClassValue;
+	/** 多选框盒子样式 */
+	checkboxBoxStyle?: StyleValue;
+	/** 多选框图标类名 */
+	checkboxCoreClass?: ClassValue;
+	/** 多选框图标样式 */
+	checkboxCoreStyle?: StyleValue;
+	/** 操作区外层附加区类名 */
+	actionAddonClass?: ClassValue;
+	/** 操作区外层附加区样式 */
+	actionAddonStyle?: StyleValue;
+	/** 子节点容器类名 */
+	childrenClass?: ClassValue;
+	/** 子节点容器样式 */
+	childrenStyle?: StyleValue;
+	/** 子组容器类名 */
+	subGroupClass?: ClassValue;
+	/** 子组容器样式 */
+	subGroupStyle?: StyleValue;
 }
 
 /** 树内部递归渲染器插槽接口 */

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

@@ -56,6 +56,42 @@ export interface StTreeProps {
 	labelClass?: ClassValue;
 	/** 标签 style */
 	labelStyle?: StyleValue;
+	/** 节点行 class */
+	nodeClass?: ClassValue;
+	/** 节点行 style */
+	nodeStyle?: StyleValue;
+	/** 箭头外层附加区 class */
+	arrowAddonClass?: ClassValue;
+	/** 箭头外层附加区 style */
+	arrowAddonStyle?: StyleValue;
+	/** 多选框外层附加区 class */
+	checkboxAddonClass?: ClassValue;
+	/** 多选框外层附加区 style */
+	checkboxAddonStyle?: StyleValue;
+	/** 多选框 class */
+	checkboxClass?: ClassValue;
+	/** 多选框 style */
+	checkboxStyle?: StyleValue;
+	/** 多选框盒子 class */
+	checkboxBoxClass?: ClassValue;
+	/** 多选框盒子 style */
+	checkboxBoxStyle?: StyleValue;
+	/** 多选框图标 class */
+	checkboxCoreClass?: ClassValue;
+	/** 多选框图标 style */
+	checkboxCoreStyle?: StyleValue;
+	/** 操作区外层附加区 class */
+	actionAddonClass?: ClassValue;
+	/** 操作区外层附加区 style */
+	actionAddonStyle?: StyleValue;
+	/** 子节点容器 class */
+	childrenClass?: ClassValue;
+	/** 子节点容器 style */
+	childrenStyle?: StyleValue;
+	/** 子组容器 class */
+	subGroupClass?: ClassValue;
+	/** 子组容器 style */
+	subGroupStyle?: StyleValue;
 }
 /** 树组件插槽接口 */
 export interface StTreeSlots {

package/dist/straw-ui.js

@@ -4502,23 +4502,23 @@ var En = ["data-index"], Dn = /* @__PURE__ */ I({
 	setup(e, { emit: t }) {
 		let n = J();
 		X();
-		let r = e, i = Vn(), a = Un(), o = O(() => a ? i?.modelValue.value === a.value.value : !1), s = O(() => r.disabled || (a?.disabled.value ?? !1)), c = d({
+		let r = e, i = Vn(), a = Un(), o = O(() => a ? i?.modelValue.value === a.value.value : !1), s = O(() => !a || i?.selection.value ? !1 : i?.modelValue.value === a.value.value), c = O(() => !a || !i?.selection.value ? !1 : i?.selectedKeys?.value.includes(a.value.value) ?? !1), u = O(() => r.disabled || (a?.disabled.value ?? !1)), f = d({
 			base: "flex items-center gap-default rounded",
 			variants: { selected: {
 				true: "bg-primary/10 text-primary",
 				false: "text-foreground hover:bg-accent"
 			} }
-		}), u = O(() => l(c({ selected: o.value }), n.class)), f = O(() => {
+		}), p = O(() => l(f({ selected: o.value }), s.value && "is-active", c.value && "is-checked", n.class)), m = O(() => {
 			let e = a?.indentOffset.value ?? 0;
 			return [n.style, { paddingLeft: e > 0 ? `${e}px` : void 0 }];
 		});
-		function p() {
-			a && !s.value && i?.setSelected(a.value.value);
+		function h() {
+			a && !u.value && i?.setSelected(a.value.value);
 		}
 		return (e, t) => (H(), j("div", {
-			class: B(["st-tree-group-node", u.value]),
-			style: V(f.value),
-			onClick: p
+			class: B(["st-tree-group-node", p.value]),
+			style: V(m.value),
+			onClick: h
 		}, [G(e.$slots, "default")], 6));
 	}
 }), Kn = /* @__PURE__ */ I({
@@ -4787,34 +4787,72 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 	name: "StTreeGroupCheckbox",
 	inheritAttrs: !1,
 	__name: "st-tree-group-checkbox",
+	props: {
+		boxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		boxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		coreClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		coreStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
 	emits: ["change"],
 	setup(e, { emit: t }) {
 		let n = J();
 		X();
-		let r = t, i = Vn(), a = Un(), o = O(() => a?.value.value), s = O(() => a?.disabled.value ?? !1), c = O(() => i?.indeterminateKeys.value.has(o.value) ?? !1), l = O({
-			get: () => i?.selectedKeys.value.includes(o.value) ? o.value : !1,
+		let r = t, i = e, a = Vn(), o = Un(), s = O(() => o?.value.value), c = O(() => o?.disabled.value ?? !1), l = O(() => a?.indeterminateKeys.value.has(s.value) ?? !1), u = O({
+			get: () => a?.selectedKeys.value.includes(s.value) ? s.value : !1,
 			set: () => {
-				a && i?.toggleChecked(a.value.value);
+				o && a?.toggleChecked(o.value.value);
 			}
 		});
-		function u(e) {
+		function d(e) {
 			r("change", e);
 		}
 		return (e, t) => (H(), j("span", {
 			class: "st-tree-group-checkbox inline-flex",
 			onClick: t[1] ||= Te(() => {}, ["stop"])
 		}, [F(tr, {
-			modelValue: l.value,
-			"onUpdate:modelValue": t[0] ||= (e) => l.value = e,
+			modelValue: u.value,
+			"onUpdate:modelValue": t[0] ||= (e) => u.value = e,
+			"box-class": i.boxClass,
+			"box-style": i.boxStyle,
 			class: B(q(n).class),
-			disabled: s.value,
-			indeterminate: c.value,
+			"core-class": i.coreClass,
+			"core-style": i.coreStyle,
+			disabled: c.value,
+			indeterminate: l.value,
 			style: V(q(n).style),
-			"true-value": o.value,
-			onChange: u
+			"true-value": s.value,
+			onChange: d
 		}, null, 8, [
 			"modelValue",
+			"box-class",
+			"box-style",
 			"class",
+			"core-class",
+			"core-style",
 			"disabled",
 			"indeterminate",
 			"style",
@@ -4907,6 +4945,132 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			String,
 			Object,
 			Array
+		] },
+		nodeClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		nodeStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		arrowAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		arrowAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxBoxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxBoxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxCoreClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxCoreStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		actionAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		actionAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		childrenClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		childrenStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		subGroupClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		subGroupStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
 		] }
 	},
 	setup(e, { emit: t }) {
@@ -4914,18 +5078,24 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 		return (e, t) => {
 			let r = pe("st-tree-node", !0);
 			return H(), k(ar, {
+				class: B(a.subGroupClass),
 				disabled: m.value,
 				indent: a.indent,
+				style: V(a.subGroupStyle),
 				value: o.value
 			}, {
 				default: $(() => [F(Gn, {
-					class: B(["st-tree-node", q(n).class]),
+					class: B(["st-tree-node", [a.nodeClass, q(n).class]]),
 					disabled: m.value,
-					style: V(q(n).style),
+					style: V([a.nodeStyle, q(n).style]),
 					value: o.value
 				}, {
 					default: $(() => [
-						F(nn, { align: "inline-start" }, {
+						F(nn, {
+							class: B(["st-tree-arrow-addon", a.arrowAddonClass]),
+							style: V(a.arrowAddonStyle),
+							align: "inline-start"
+						}, {
 							default: $(() => [F(Kn, {
 								class: B(a.arrowClass),
 								style: V(a.arrowStyle)
@@ -4934,14 +5104,30 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 								_: 3
 							}, 8, ["class", "style"])]),
 							_: 3
-						}),
+						}, 8, ["class", "style"]),
 						l.value ? (H(), k(nn, {
 							key: 0,
+							class: B(["st-tree-checkbox-addon", a.checkboxAddonClass]),
+							style: V(a.checkboxAddonStyle),
 							align: "inline-start"
 						}, {
-							default: $(() => [F(nr)]),
+							default: $(() => [F(nr, {
+								"box-class": a.checkboxBoxClass,
+								"box-style": a.checkboxBoxStyle,
+								class: B(a.checkboxClass),
+								"core-class": a.checkboxCoreClass,
+								"core-style": a.checkboxCoreStyle,
+								style: V(a.checkboxStyle)
+							}, null, 8, [
+								"box-class",
+								"box-style",
+								"class",
+								"core-class",
+								"core-style",
+								"style"
+							])]),
 							_: 1
-						})) : A("", !0),
+						}, 8, ["class", "style"])) : A("", !0),
 						F(qn, {
 							class: B(a.labelClass),
 							style: V(a.labelStyle)
@@ -4951,11 +5137,13 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 						}, 8, ["class", "style"]),
 						u.value ? (H(), k(nn, {
 							key: 1,
+							class: B(["st-tree-action-addon", a.actionAddonClass]),
+							style: V(a.actionAddonStyle),
 							align: "inline-end"
 						}, {
 							default: $(() => [G(e.$slots, "action", { item: a.node })]),
 							_: 3
-						})) : A("", !0)
+						}, 8, ["class", "style"])) : A("", !0)
 					]),
 					_: 3
 				}, 8, [
@@ -4963,7 +5151,11 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 					"disabled",
 					"style",
 					"value"
-				]), p.value ? (H(), k(ir, { key: 0 }, {
+				]), p.value ? (H(), k(ir, {
+					key: 0,
+					class: B(a.childrenClass),
+					style: V(a.childrenStyle)
+				}, {
 					default: $(() => [(H(!0), j(E, null, W(c.value, (t) => (H(), k(r, R({ ref_for: !0 }, a, {
 						key: t[a.valueKey],
 						node: t
@@ -4972,11 +5164,13 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 						fn: $((n) => [G(e.$slots, t, R({ ref_for: !0 }, n))])
 					}))]), 1040, ["node"]))), 128))]),
 					_: 3
-				})) : A("", !0)]),
+				}, 8, ["class", "style"])) : A("", !0)]),
 				_: 3
 			}, 8, [
+				"class",
 				"disabled",
 				"indent",
+				"style",
 				"value"
 			]);
 		};
@@ -5152,6 +5346,132 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			String,
 			Object,
 			Array
+		] },
+		nodeClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		nodeStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		arrowAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		arrowAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxBoxClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxBoxStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxCoreClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		checkboxCoreStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		actionAddonClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		actionAddonStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		childrenClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		childrenStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		subGroupClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		subGroupStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
 		] }
 	}, {
 		modelValue: {},
@@ -5315,7 +5635,25 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			default: $(() => [x.value.length > 0 ? (H(!0), j(E, { key: 0 }, W(x.value, (t) => (H(), k(or, {
 				"arrow-class": o.arrowClass,
 				"arrow-style": o.arrowStyle,
+				"action-addon-class": o.actionAddonClass,
+				"action-addon-style": o.actionAddonStyle,
+				"arrow-addon-class": o.arrowAddonClass,
+				"arrow-addon-style": o.arrowAddonStyle,
+				"checkbox-addon-class": o.checkboxAddonClass,
+				"checkbox-addon-style": o.checkboxAddonStyle,
+				"checkbox-box-class": o.checkboxBoxClass,
+				"checkbox-box-style": o.checkboxBoxStyle,
+				"checkbox-class": o.checkboxClass,
+				"checkbox-core-class": o.checkboxCoreClass,
+				"checkbox-core-style": o.checkboxCoreStyle,
+				"checkbox-style": o.checkboxStyle,
+				"children-class": o.childrenClass,
 				"children-key": o.childrenKey,
+				"children-style": o.childrenStyle,
+				"node-class": o.nodeClass,
+				"node-style": o.nodeStyle,
+				"sub-group-class": o.subGroupClass,
+				"sub-group-style": o.subGroupStyle,
 				indent: o.indent,
 				key: g(t),
 				"label-class": o.labelClass,
@@ -5326,17 +5664,7 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			}, N({ _: 2 }, [W(h.value, (t) => ({
 				name: t,
 				fn: $((n) => [G(e.$slots, t, R({ ref_for: !0 }, n))])
-			}))]), 1032, [
-				"arrow-class",
-				"arrow-style",
-				"children-key",
-				"indent",
-				"label-class",
-				"label-key",
-				"label-style",
-				"node",
-				"value-key"
-			]))), 128)) : i.empty ? G(e.$slots, "empty", {}, void 0, void 0, 1) : (H(), k(ur, { key: 2 }))]),
+			}))]), 1032, /* @__PURE__ */ "arrow-class.arrow-style.action-addon-class.action-addon-style.arrow-addon-class.arrow-addon-style.checkbox-addon-class.checkbox-addon-style.checkbox-box-class.checkbox-box-style.checkbox-class.checkbox-core-class.checkbox-core-style.checkbox-style.children-class.children-key.children-style.node-class.node-style.sub-group-class.sub-group-style.indent.label-class.label-key.label-style.node.value-key".split(".")))), 128)) : i.empty ? G(e.$slots, "empty", {}, void 0, void 0, 1) : (H(), k(ur, { key: 2 }))]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -5397,6 +5725,10 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -5484,7 +5816,14 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			}
 			let e = Ht(r.value);
 			return e === void 0 ? T(i.value) : E(e);
-		}), ee = O(() => d.placeholder || "请选择"), te = O(() => !d.clearable || d.disabled || !m.value ? !1 : D.value.length > 0), A = O(() => d.popoverStyle ? d.popoverStyle : h.value > 0 ? { minWidth: `${h.value}px` } : {});
+		}), ee = O(() => d.placeholder || "请选择"), te = O(() => !d.clearable || d.disabled || !m.value ? !1 : D.value.length > 0), A = O(() => {
+			if (d.popoverStyle) return d.popoverStyle;
+			if (h.value > 0) {
+				let e = `${h.value}px`;
+				return d.matchTriggerWidth ? { width: e } : { minWidth: e };
+			}
+			return {};
+		});
 		function j() {
 			d.multiple || (g.value = [...i.value], i.value.length > 0 && (_.value = [.../* @__PURE__ */ new Set([..._.value, ...i.value.slice(0, -1)])])), d.defaultExpandedAll && (_.value = [...v.value.values()].filter((e) => !e.isLeaf).map((e) => e.path[e.path.length - 1]));
 		}
@@ -5576,6 +5915,7 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			}, [d.list.length > 0 ? (H(), k(zn, {
 				key: 0,
 				class: "flex max-h-280px flex-col",
+				"content-class": "w-full",
 				vertical: "",
 				"view-class": "min-h-0 flex-1"
 			}, {
@@ -8028,6 +8368,10 @@ var si = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -8181,6 +8525,7 @@ var si = /* @__PURE__ */ I({
 			"floating-label": c.floatingLabel,
 			"label-key": c.labelKey,
 			list: c.list,
+			"match-trigger-width": c.matchTriggerWidth,
 			multiple: c.multiple,
 			"panel-class": c.panelClass,
 			"panel-style": c.panelStyle,
@@ -8223,6 +8568,7 @@ var si = /* @__PURE__ */ I({
 			"floating-label",
 			"label-key",
 			"list",
+			"match-trigger-width",
 			"multiple",
 			"panel-class",
 			"panel-style",
@@ -18563,14 +18909,25 @@ var wf = /* @__PURE__ */ I({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	setup(e) {
 		let t = e;
 		X();
 		let n = Sf();
 		if (!n) throw Error("StSelectDropdown must be used within a StSelectContainer");
-		let r = O(() => t.popoverStyle ? t.popoverStyle : n.triggerWidth.value > 0 ? { width: `${n.triggerWidth.value}px` } : {});
+		let r = O(() => {
+			if (t.popoverStyle) return t.popoverStyle;
+			if (n.triggerWidth.value > 0) {
+				let e = `${n.triggerWidth.value}px`;
+				return t.matchTriggerWidth ? { width: e } : { minWidth: e };
+			}
+			return {};
+		});
 		return (e, i) => (H(), k(Qt, {
 			"content-class": t.popoverClass,
 			"content-style": r.value,
@@ -18712,6 +19069,7 @@ var wf = /* @__PURE__ */ I({
 			class: B(n.value),
 			"show-track": !1,
 			style: V(q(t).style),
+			"content-class": "w-full",
 			"device-type": "desktop",
 			vertical: "",
 			"view-class": "min-h-0 flex-1 px-1 py-1.5"
@@ -18720,7 +19078,7 @@ var wf = /* @__PURE__ */ I({
 			_: 3
 		}, 8, ["class", "style"]));
 	}
-}), kf = { class: "flex-1 truncate text-foreground" }, Af = {
+}), kf = { class: "min-w-0 flex-1 truncate text-foreground" }, Af = {
 	key: 0,
 	class: "st-select__check text-primary"
 }, jf = /* @__PURE__ */ I({
@@ -18785,7 +19143,7 @@ var wf = /* @__PURE__ */ I({
 	setup(e) {
 		let t = J(), n = e;
 		if (!Sf()) throw Error("SelectGroup must be used within a Select");
-		let r = O(() => l("st-select__group-label", "px-3 py-2 text-xs font-semibold text-muted-foreground", t.class));
+		let r = O(() => l("st-select__group-label", "truncate px-3 py-2 text-xs font-semibold text-muted-foreground", t.class));
 		return (e, i) => (H(), j("div", Mf, [M("div", {
 			class: B(r.value),
 			style: V(q(t).style)
@@ -18992,6 +19350,10 @@ var wf = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -19129,6 +19491,7 @@ var wf = /* @__PURE__ */ I({
 		}, {
 			default: $(() => [F(Tf, {
 				disabled: i.disabled,
+				"match-trigger-width": i.matchTriggerWidth,
 				"popover-class": i.popoverClass,
 				"popover-style": i.popoverStyle
 			}, {
@@ -19215,6 +19578,7 @@ var wf = /* @__PURE__ */ I({
 				_: 3
 			}, 8, [
 				"disabled",
+				"match-trigger-width",
 				"popover-class",
 				"popover-style"
 			])]),
@@ -19568,6 +19932,10 @@ var wf = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -19747,6 +20115,7 @@ var wf = /* @__PURE__ */ I({
 			list: c.list,
 			loading: c.loading,
 			"loading-text": c.loadingText,
+			"match-trigger-width": c.matchTriggerWidth,
 			"no-match-text": c.noMatchText,
 			"option-class": c.optionClass,
 			"option-style": c.optionStyle,
@@ -19778,7 +20147,7 @@ var wf = /* @__PURE__ */ I({
 				fn: $(() => [G(e.$slots, "prefix")]),
 				key: "2"
 			} : void 0
-		]), 1032, /* @__PURE__ */ "modelValue.class.clearable.content-class.content-style.debounce.disabled.dropdown-class.dropdown-style.empty-class.empty-style.filterable.floating-label.group.group-label-class.group-label-style.label-key.list.loading.loading-text.no-match-text.option-class.option-style.placeholder.popover-class.popover-style.remote.remote-method.size.style.value-key".split("."))) : (H(), k(qf, {
+		]), 1032, /* @__PURE__ */ "modelValue.class.clearable.content-class.content-style.debounce.disabled.dropdown-class.dropdown-style.empty-class.empty-style.filterable.floating-label.group.group-label-class.group-label-style.label-key.list.loading.loading-text.match-trigger-width.no-match-text.option-class.option-style.placeholder.popover-class.popover-style.remote.remote-method.size.style.value-key".split("."))) : (H(), k(qf, {
 			key: 1,
 			ref_key: "selectRef",
 			ref: l,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "straw-ui-vue",
-	"version": "0.1.61",
+	"version": "0.1.63",
 	"type": "module",
 	"main": "./dist/straw-ui.js",
 	"module": "./dist/straw-ui.js",