straw-ui-vue 0.1.61 → 0.1.62

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/straw-ui.js

@@ -5397,6 +5397,10 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -5484,7 +5488,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 +5587,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 +8040,10 @@ var si = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -8181,6 +8197,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 +8240,7 @@ var si = /* @__PURE__ */ I({
 			"floating-label",
 			"label-key",
 			"list",
+			"match-trigger-width",
 			"multiple",
 			"panel-class",
 			"panel-style",
@@ -18563,14 +18581,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 +18741,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 +18750,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 +18815,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 +19022,10 @@ var wf = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -19129,6 +19163,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 +19250,7 @@ var wf = /* @__PURE__ */ I({
 				_: 3
 			}, 8, [
 				"disabled",
+				"match-trigger-width",
 				"popover-class",
 				"popover-style"
 			])]),
@@ -19568,6 +19604,10 @@ var wf = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -19747,6 +19787,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 +19819,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.62",
 	"type": "module",
 	"main": "./dist/straw-ui.js",
 	"module": "./dist/straw-ui.js",