savor-ui 0.2.0 → 0.3.0

package/dist/es/components/src/select/select.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,29 +1,31 @@
 import { debounce as e } from "../../../utils/src/tool.mjs";
 import "../../../utils/index.mjs";
 import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
-import { useRipple as n } from "../../../hooks/src/use-ripple.mjs";
 import "../../../hooks/index.mjs";
-import { useFormItem as r } from "../form/use-form-item.mjs";
+import { useFormItem as n } from "../form/use-form-item.mjs";
+import r from "../../../icons/src/close.vue.mjs";
 import i from "../../../icons/src/down.vue.mjs";
 import a from "../../../icons/src/loading.vue.mjs";
 import "../../../icons/index.mjs";
 import { SPopover as o } from "../popover/index.mjs";
 import { SInput as s } from "../input/index.mjs";
 import { SScrollbar as c } from "../scrollbar/index.mjs";
-import { SEmpty as l } from "../empty/index.mjs";
-import { SIcon as u } from "../icon/index.mjs";
-import { computed as d, createComponent as f, createFor as ee, createIf as p, createInvoker as m, createSlot as h, createTemplateRefSetter as te, defineVaporComponent as g, delegateEvents as _, mergeModels as v, on as ne, onBeforeUnmount as re, onBeforeUpdate as ie, reactive as ae, ref as y, renderEffect as b, setAttr as oe, setClass as x, setInsertionState as S, setText as se, template as C, toDisplayString as ce, toRefs as le, txt as ue, unref as w, useModel as de, useTemplateRef as T, watch as E, withModifiers as D, withVaporCtx as O } from "vue";
+import { SEmpty as ee } from "../empty/index.mjs";
+import { SIcon as l } from "../icon/index.mjs";
+import { STag as te } from "../tag/index.mjs";
+import { child as ne, computed as u, createComponent as d, createFor as re, createIf as f, createInvoker as p, createSlot as ie, createTemplateRefSetter as ae, defineVaporComponent as m, delegateEvents as h, mergeModels as g, on as _, reactive as oe, ref as v, renderEffect as y, setAttr as se, setClass as b, setInsertionState as x, setProp as ce, setText as S, setValue as le, template as C, toDisplayString as w, toRefs as ue, txt as T, unref as E, useModel as de, useTemplateRef as D, watch as fe, withModifiers as O, withVaporCtx as k } from "vue";
 //#region ../components/src/select/select.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var k = C("<div>"), A = C("<li> "), j = C("<ul>"), fe = C("<div>", !0);
-_("mousedown", "click");
-var M = /* @__PURE__ */ g({
+var pe = C(" "), me = C("<input>"), he = C("<span> "), ge = C("<span>"), _e = C("<div><div></div>"), A = C("<div>"), ve = C("<li> "), ye = C("<ul>"), be = C("<div>", !0);
+h("mousedown", "input", "keydown", "click");
+var j = /* @__PURE__ */ m({
 	name: "SSelect",
 	__name: "select",
-	props: /* @__PURE__ */ v({
+	props: /* @__PURE__ */ g({
 		modelValue: {},
 		size: { default: "medium" },
 		placeholder: { default: "请选择" },
 		options: { default: () => [] },
+		multiple: { type: Boolean },
 		clearable: { type: Boolean },
 		maxHeight: { default: "200px" },
 		disabled: { type: Boolean },
@@ -43,179 +45,241 @@ var M = /* @__PURE__ */ g({
 			type: [
 				String,
 				Number,
-				Boolean
+				Boolean,
+				Array
 			],
 			default: void 0
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v([
+	emits: /* @__PURE__ */ g([
 		"change",
-		"selectOption",
-		"clear"
+		"clear",
+		"remove"
 	], ["update:modelValue"]),
 	__multiRoot: !1,
-	setup(g, { expose: _, emit: v }) {
-		let C = g, M = v, N = t("select"), { size: P, error: pe } = le(C), { mergedSize: me, mergedError: he } = r({
-			size: P,
-			error: pe
-		}), F = de(g, "modelValue"), I = y([]), L = y([]), R = d(() => ({
+	setup(m, { expose: h, emit: g }) {
+		let C = m, j = g, M = t("select"), { size: N, error: xe } = ue(C), { mergedSize: Se, mergedError: Ce } = n({
+			size: N,
+			error: xe
+		}), P = de(m, "modelValue"), F = u(() => ({
 			label: "label",
 			value: "value",
 			disabled: "disabled",
 			...C.fieldNames
-		}));
-		ie(() => {
-			I.value = [];
-		}), re(() => {
-			L.value.forEach((e) => e());
-		});
-		let ge = (e, t) => {
-			if (e) {
-				I.value[t] = e;
-				let { cleanup: r } = n(e);
-				L.value.push(r);
-			}
-		}, z = y(!1), B = ae({
+		})), I = v(!1), we = () => {
+			I.value = !0;
+		}, Te = () => {
+			I.value = !1;
+		}, L = v(!1), R = oe({
 			label: "",
 			option: null
-		}), V = T("popoverRef"), H = T("scrollbarRef"), U = T("listRef"), W = y(!1), G = (e) => {
-			e ? (C.filterable && B.label && (B.label = ""), C.filterable && J(B.label), V.value?.show()) : (C.filterable && (B.label = B.option ? B.option[R.value.label] : ""), V.value?.hide(), Y.value = -1), W.value = e;
-		}, _e = () => {
-			C.disabled || (W.value ? G(!1) : G(!0));
-		}, ve = () => {
-			G(!1);
-		}, ye = (e) => C.options.find((t) => t[R.value.value] === e), K = (e) => {
-			e.disabled || (F.value = e[R.value.value]);
-		}, q = y(C.options);
-		E(() => C.options, (e) => {
-			q.value = e;
+		}), z = D("popoverRef"), B = D("scrollbarRef"), V = D("listRef"), H = D("multipleInputRef"), U = v(!1), W = v(""), Ee = u(() => ({
+			mini: "small",
+			small: "small",
+			medium: "medium",
+			large: "large"
+		})[C.size] || "medium"), G = u(() => C.multiple ? (Array.isArray(P.value) ? P.value : []).map((e) => C.options.find((t) => t[F.value.value] === e)).filter(Boolean) : []), De = (e) => C.multiple ? (Array.isArray(P.value) ? P.value : []).includes(e[F.value.value]) : !1, K = (e) => {
+			e ? (C.multiple && C.filterable ? (W.value = "", Y("")) : C.filterable && R.label && (R.label = ""), C.filterable && !C.multiple && Y(R.label), z.value?.show(), C.multiple && C.filterable && setTimeout(() => H.value?.focus(), 0)) : (C.filterable && !C.multiple && (R.label = R.option ? R.option[F.value.label] : ""), C.multiple && C.filterable && (W.value = "", J.value = C.options), z.value?.hide(), X.value = -1), U.value = e;
+		}, Oe = () => {
+			C.disabled || (U.value ? K(!1) : K(!0));
+		}, ke = () => {
+			K(!1);
+		}, q = (e) => C.options.find((t) => t[F.value.value] === e), Ae = (e) => {
+			if (!e.disabled) if (C.multiple) {
+				let t = Array.isArray(P.value) ? [...P.value] : [], n = e[F.value.value], r = t.indexOf(n);
+				r > -1 ? t.splice(r, 1) : t.push(n), P.value = t, C.filterable && (W.value = "", Y(""), setTimeout(() => H.value?.focus(), 0));
+			} else P.value = e[F.value.value];
+		}, J = v(C.options);
+		fe(() => C.options, (e) => {
+			J.value = e;
 		});
-		let be = d(() => C.remote ? 500 : 0), xe = d(() => C.filterable && B.option && W.value ? B.option[R.value.label] : C.placeholder), J = async (e) => {
+		let je = u(() => C.remote ? 500 : 0), Me = u(() => C.filterable && R.option && U.value ? R.option[F.value.label] : C.placeholder), Y = async (e) => {
 			if (C.filterable) {
-				if (C.filterMethod && typeof C.filterMethod == "function") q.value = C.filterMethod(e);
+				if (C.filterMethod && typeof C.filterMethod == "function") J.value = C.filterMethod(e);
 				else if (C.remote && typeof C.remoteMethod == "function") {
-					z.value = !0;
+					L.value = !0;
 					try {
-						q.value = await C.remoteMethod(e);
+						J.value = await C.remoteMethod(e);
 					} catch (e) {
-						console.error("远程筛选出错", e), q.value = [];
+						console.error("远程筛选出错", e), J.value = [];
 					} finally {
-						z.value = !1;
+						L.value = !1;
 					}
-				} else q.value = C.options.filter((t) => t[R.value.label].includes(e));
-				Y.value = -1;
+				} else J.value = C.options.filter((t) => t[F.value.label].includes(e));
+				X.value = -1;
 			}
-		}, Se = e((e) => {
-			J(e);
-		}, be.value), Y = y(-1), X = (e, t) => {
-			let n = q.value;
+		}, Ne = e((e) => {
+			Y(e);
+		}, je.value), X = v(-1), Pe = (e, t) => {
+			let n = J.value;
 			if (n.length === 0) return -1;
 			let r = e, i = t === "down" ? 1 : -1, a = n.length;
-			for (let e = 0; e < a; e++) if (r = (r + i + a) % a, !n[r][R.value.disabled]) return r;
+			for (let e = 0; e < a; e++) if (r = (r + i + a) % a, !n[r][F.value.disabled]) return r;
 			return -1;
-		}, Z = () => {
-			if (Y.value === -1) return;
-			let e = U.value;
+		}, Fe = () => {
+			if (X.value === -1) return;
+			let e = V.value;
 			if (!e) return;
-			let t = e.querySelectorAll("li")[Y.value];
+			let t = e.querySelectorAll("li")[X.value];
 			if (!t) return;
-			let n = H.value, r = null;
+			let n = B.value, r = null;
 			if (n && n.contentRef ? r = n.contentRef : e.parentElement && (r = e.parentElement), r) {
 				let e = t.offsetTop, n = e + t.offsetHeight, i = r.scrollTop, a = i + r.clientHeight;
 				e < i ? r.scrollTop = e : n > a && (r.scrollTop = n - r.clientHeight);
 			}
-		}, Ce = (e) => {
+		}, Ie = (e) => {
 			switch (e.key) {
 				case "Enter":
-					e.preventDefault(), W.value ? Y.value > -1 && q.value[Y.value] ? K(q.value[Y.value]) : G(!1) : G(!0);
+					e.preventDefault(), U.value ? X.value > -1 && J.value[X.value] ? Ae(J.value[X.value]) : K(!1) : K(!0);
 					break;
 				case "Escape":
-					e.preventDefault(), W.value && G(!1);
+					e.preventDefault(), U.value && K(!1);
 					break;
 				case "ArrowUp":
-					if (e.preventDefault(), W.value && q.value.length > 0) {
-						let e = X(Y.value === -1 ? 0 : Y.value, "up");
-						e !== -1 && (Y.value = e, Z());
+					if (e.preventDefault(), U.value && J.value.length > 0) {
+						let e = Pe(X.value === -1 ? 0 : X.value, "up");
+						e !== -1 && (X.value = e, Fe());
 					}
 					break;
 				case "ArrowDown":
-					if (e.preventDefault(), W.value && q.value.length > 0) {
-						let e = X(Y.value === -1 ? -1 : Y.value, "down");
-						e !== -1 && (Y.value = e, Z());
+					if (e.preventDefault(), U.value && J.value.length > 0) {
+						let e = Pe(X.value === -1 ? -1 : X.value, "down");
+						e !== -1 && (X.value = e, Fe());
+					}
+					break;
+				case "Backspace":
+					if (C.multiple && !W.value) {
+						let e = Array.isArray(P.value) ? [...P.value] : [];
+						if (e.length > 0) {
+							let t = e.pop();
+							P.value = e, j("remove", t);
+						}
 					}
 					break;
 				default: break;
 			}
-		}, we = () => {
-			F.value = "", M("clear");
+		}, Z = () => {
+			C.multiple ? P.value = [] : P.value = "", j("clear");
+		}, Le = (e, t) => {
+			t.stopPropagation();
+			let n = Array.isArray(P.value) ? [...P.value] : [], r = e[F.value.value], i = n.indexOf(r);
+			i > -1 && (n.splice(i, 1), P.value = n, j("remove", r));
+		}, Re = (e) => {
+			let t = e.target;
+			W.value = t.value, Y(t.value);
 		};
-		E(F, (e) => {
-			if (e) {
-				let t = ye(e);
-				t ? (B.label = t[R.value.label], B.option = t, M("change", t[R.value.value]), M("selectOption", t), G(!1)) : (B.label = "", B.option = null, M("change", ""), M("selectOption", null));
-			} else B.label = "", B.option = null, M("change", ""), M("selectOption", null);
-		}, { immediate: !0 }), _({
-			open: () => G(!0),
-			close: () => G(!1)
+		fe(P, (e) => {
+			if (C.multiple) {
+				let t = Array.isArray(e) ? e : [];
+				t.map((e) => q(e)).filter(Boolean), j("change", t);
+			} else if (e && !Array.isArray(e)) {
+				let t = q(e);
+				t ? (R.label = t[F.value.label], R.option = t, j("change", t[F.value.value]), K(!1)) : (R.label = "", R.option = null, j("change", ""));
+			} else R.label = "", R.option = null, j("change", "");
+		}, { immediate: !0 }), h({
+			open: () => K(!0),
+			close: () => K(!1)
 		});
-		let Q = te(), $ = fe();
-		return b(() => x($, [w(N).b()])), S($, null, 0), Q(f(w(o), { $: [() => ({
+		let Q = ae(), $ = be();
+		return y(() => {
+			let e = E(M);
+			b($, [
+				e.b(),
+				e.is("readonly", !m.filterable || !U.value),
+				e.is("multiple", m.multiple)
+			]);
+		}), x($, null, 0), Q(d(E(o), { $: [() => ({
 			offset: [0, 4],
 			placement: "bottom-start",
 			width: "sameWidth",
 			manual: !0,
-			...g.popoverProps
-		}), { onClickOutside: () => ve }] }, {
-			content: O(() => {
-				let e = k();
-				return b(() => x(e, [w(N).e("wrapper")])), S(e, null, 0), p(() => z.value, () => {
-					let e = k();
-					return b(() => x(e, [w(N).e("loading")])), S(e, null, 0), f(w(u), null, { default: O(() => f(w(a))) }), e;
-				}, () => p(() => q.value.length === 0, () => {
-					let e = k();
-					return b(() => x(e, [w(N).e("empty")])), S(e, null, 0), h("empty", null, () => f(w(l))), e;
+			...m.popoverProps
+		}), { onClickOutside: () => ke }] }, {
+			content: k(() => {
+				let e = A();
+				return y(() => b(e, [E(M).e("wrapper")])), x(e, null, 0), f(() => L.value, () => {
+					let e = A();
+					return y(() => b(e, [E(M).e("loading")])), x(e, null, 0), d(E(l), null, { default: k(() => d(E(a))) }), e;
+				}, () => f(() => J.value.length === 0, () => {
+					let e = A();
+					return y(() => b(e, [E(M).e("empty")])), x(e, null, 0), ie("empty", null, () => d(E(ee))), e;
 				}, () => {
-					let e = f(w(c), { maxHeight: () => g.maxHeight }, { default: () => {
-						let e = j();
-						return b(() => {
-							let t = w(N);
-							x(e, [t.e("list"), t.m("list-" + w(P))]);
-						}), S(e, null, 0), ee(() => q.value, (e, t) => {
-							let n = A(), r = ue(n);
-							return ne(n, "click", m(D(() => K(e.value), ["stop"]))), b(() => {
-								let i = w(N), a = e.value, o = R.value, s = t.value, c = a[o.label], l = o.label;
-								x(n, [
+					let e = d(E(c), { maxHeight: () => m.maxHeight }, { default: () => {
+						let e = ye();
+						return y(() => {
+							let t = E(M);
+							b(e, [t.e("list"), t.m("list-" + E(N))]);
+						}), x(e, null, 0), re(() => J.value, (e, t) => {
+							let n = ve(), r = T(n);
+							return _(n, "click", p(O(() => Ae(e.value), ["stop"]))), y(() => {
+								let i = E(M), a = e.value, o = F.value, s = a[o.label], c = o.label;
+								b(n, [
 									i.e("item"),
 									i.is("disabled", a[o.disabled]),
-									i.is("active", c === B.label),
-									i.is("highlight", c === q.value[Y.value]?.[l])
-								]), oe(n, "data-index", s), se(r, ce(c)), Q(n, (e) => ge(e, s), !0);
+									i.is("active", m.multiple ? De(a) : s === R.label),
+									i.is("highlight", s === J.value[X.value]?.[c])
+								]), se(n, "data-index", t.value), S(r, w(s));
 							}), n;
-						}, (e, t) => e[R.value.value], 1), Q(e, U, null, "listRef"), e;
+						}, (e, t) => e[F.value.value], 1), Q(e, V, null, "listRef"), e;
 					} });
-					return Q(e, H, null, "scrollbarRef"), e;
-				}, 5, null, 1), 5, null, 0), e.$evtmousedown = m(D(() => {}, ["prevent"])), e;
+					return Q(e, B, null, "scrollbarRef"), e;
+				}, 5, null, 5), 5, null, 4), e.$evtmousedown = p(O(() => {}, ["prevent"])), e;
 			}),
-			default: O(() => f(w(s), {
-				modelValue: () => B.label,
-				"onUpdate:modelValue": () => (e) => B.label = e,
-				disabled: () => g.disabled,
-				placeholder: () => xe.value,
-				readonly: () => !g.filterable || !W.value,
-				clearable: () => g.clearable,
+			default: k(() => f(() => m.multiple, () => {
+				let e = _e(), t = ne(e);
+				return y(() => {
+					let n = E(M);
+					b(e, [n.e("tags-wrapper")]), b(t, [n.e("tags")]);
+				}), x(t, null, 0), re(() => G.value, (e) => {
+					let t = (t) => Le(e.value, t);
+					return d(E(te), {
+						size: () => Ee.value,
+						closeable: () => "",
+						onClose: () => t
+					}, { default: () => {
+						let t = pe();
+						return y(() => {
+							let n = F.value;
+							S(t, w(e.value[n.label]));
+						}), t;
+					} });
+				}, (e) => e[F.value.value], 2), x(t, null, 1), f(() => m.filterable, () => {
+					let e = me();
+					return e.$evtinput = p(Re), e.$evtkeydown = p(Ie), Q(e, H, null, "multipleInputRef"), y(() => {
+						b(e, [E(M).e("input")]), ce(e, "placeholder", G.value.length === 0 ? m.placeholder : ""), le(e, W.value);
+					}), e;
+				}, () => f(() => G.value.length === 0, () => {
+					let e = he(), t = T(e);
+					return y(() => {
+						b(e, [E(M).e("placeholder")]), S(t, w(m.placeholder));
+					}), e;
+				}, null, 1), 5, null, 0), x(e, null, 1), f(() => I.value && Array.isArray(P.value) && P.value.length > 0 && m.clearable, () => {
+					let e = ge();
+					return y(() => b(e, E(M).e("close"))), x(e, null, 0), d(E(r)), _(e, "click", p(O(Z, ["stop"]))), e.$evtmousedown = p(O(() => {}, ["prevent"])), e;
+				}, null, 1), x(e, null, 2), d(E(l), {
+					class: () => [E(M).e("suffix-icon")],
+					style: () => ({ transform: U.value ? "rotate(180deg)" : "" })
+				}, { default: k(() => d(E(i))) }), _(e, "mouseenter", p(we)), _(e, "mouseleave", p(Te)), e;
+			}, () => d(E(s), {
+				modelValue: () => R.label,
+				"onUpdate:modelValue": () => (e) => R.label = e,
+				disabled: () => m.disabled,
+				placeholder: () => Me.value,
+				readonly: () => !m.filterable || !U.value,
+				clearable: () => m.clearable,
 				style: () => "width: 100%",
-				error: () => w(he),
-				size: () => w(me),
-				onInput: () => w(Se),
-				onKeydown: () => Ce,
-				onClear: () => we
-			}, { suffix: O(() => f(w(u), {
-				class: () => [w(N).e("suffix-icon")],
-				style: () => ({ transform: W.value ? "rotate(180deg)" : "" })
-			}, { default: O(() => f(w(i))) })) }))
-		}), V, null, "popoverRef"), $.$evtclick = m(_e), $;
+				error: () => E(Ce),
+				size: () => E(Se),
+				onInput: () => E(Ne),
+				onKeydown: () => Ie,
+				onClear: () => Z
+			}, { suffix: k(() => d(E(l), {
+				class: () => [E(M).e("suffix-icon")],
+				style: () => ({ transform: U.value ? "rotate(180deg)" : "" })
+			}, { default: k(() => d(E(i))) })) }), 5, null, 3))
+		}), z, null, "popoverRef"), $.$evtclick = p(Oe), $;
 	}
 });
 //#endregion
-export { M as default };
+export { j as default };

package/dist/es/components/src/select/types.d.ts

@@ -3,13 +3,15 @@ export interface SelectProps {
     /** 选择器值（v-model） */
     modelValue?: any;
     /** 选择器大小
-     * @default 'medium'
+     * @default medium
      */
     size?: "mini" | "small" | "medium" | "large";
     /** 选择器占位符 */
     placeholder?: string;
     /** 选择器选项 */
     options: any[];
+    /** 选择器是否可多选 */
+    multiple?: boolean;
     /** 是否支持清空选择 */
     clearable?: boolean;
     /** 选择器最大高度 */
@@ -37,11 +39,11 @@ export interface SelectProps {
 }
 export interface SelectEmits {
     /** 选择器值改变时触发 */
-    change: [value: string | number | boolean];
-    /** 选择器选项改变时触发 */
-    selectOption: [option: any];
+    change: [value: string | number | boolean | (string | number | boolean)[]];
     /** 选择器清空时触发 */
     clear: [];
+    /** 多选模式下移除标签时触发 */
+    remove: [value: string | number | boolean];
 }
 export interface SelectSlots {
     /** 空状态 */

package/dist/es/components/src/space/index.d.ts

@@ -11,6 +11,7 @@ export declare const SSpace: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
         fill?: boolean | undefined;
         align?: "center" | "start" | "end" | undefined;
         justify?: "center" | "start" | "end" | "between" | "around" | undefined;
+        wrap?: boolean | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/es/components/src/space/space.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -15,7 +15,8 @@ var d = l("<div>", !0), f = /* @__PURE__ */ i({
 			default: !1
 		},
 		align: { default: "center" },
-		justify: { default: "start" }
+		justify: { default: "start" },
+		wrap: { type: Boolean }
 	},
 	__multiRoot: !1,
 	setup(i) {
@@ -27,6 +28,7 @@ var d = l("<div>", !0), f = /* @__PURE__ */ i({
 				e.m(i.vertical ? "vertical" : "horizontal"),
 				e.m("align-" + i.align),
 				e.m("justify-" + i.justify),
+				e.is("wrap", i.wrap),
 				{ [e.m("fill")]: i.fill }
 			]), c(m, p.value);
 		}), s(m, null, 0), r("default", null), m;

package/dist/es/components/src/space/types.d.ts

@@ -15,6 +15,8 @@ export interface SpaceProps {
      * @default start
      */
     justify?: "center" | "start" | "end" | "between" | "around";
+    /** 是否换行 */
+    wrap?: boolean;
 }
 export interface SpaceSlots {
     /** 默认 */

package/dist/es/components/src/table/table.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -136,14 +136,14 @@ var k = /* @__PURE__ */ p({
 			let t = 0;
 			for (let n = 0; n < e; n++) {
 				let e = H.value[n];
-				e && (e.width ? t += typeof e.width == "number" ? e.width : parseInt(e.width) || 0 : P.value[n] !== void 0 && (t += P.value[n]));
+				e && (e.width && e.width !== "auto" ? t += typeof e.width == "number" ? e.width : parseInt(e.width) || 0 : P.value[n] !== void 0 && (t += P.value[n]));
 			}
 			return t;
 		}, Ce = (e) => {
 			let t = 0;
 			for (let n = 0; n < e; n++) {
 				let e = xe.value[n];
-				if (e) if (e.width) t += typeof e.width == "number" ? e.width : parseInt(e.width) || 0;
+				if (e) if (e.width && e.width !== "auto") t += typeof e.width == "number" ? e.width : parseInt(e.width) || 0;
 				else {
 					let n = H.value.findIndex((t) => t.field === e.field);
 					n !== -1 && P.value[n] !== void 0 && (t += P.value[n]);
@@ -156,11 +156,9 @@ var k = /* @__PURE__ */ p({
 			header: V.value.map((e, t) => e.map((e, n) => W(e, t, n))),
 			body: R.value.map((e, t) => H.value.map((e, t) => W(e, 0, t)))
 		})), W = (t, n, r) => {
-			let i = {
-				width: e(t.width) || void 0,
-				minWidth: e(t.minWidth) || e(t.width),
-				boxSizing: "border-box"
-			}, a = t._fixed || t.fixed, o = t;
+			let i = { boxSizing: "border-box" };
+			t.width === "auto" ? (i.width = "1px", i.whiteSpace = "nowrap") : t.width !== void 0 && t.width !== "" ? (i.width = e(t.width), i.minWidth = e(t.minWidth) || e(t.width)) : i.minWidth = e(t.minWidth) || void 0;
+			let a = t._fixed || t.fixed, o = t;
 			if (a === "left") {
 				let e = -1;
 				e = o._isHeader && o._firstLeafIndex !== void 0 ? o._firstLeafIndex : H.value.findIndex((e) => e.field === t.field), e !== -1 && (i.position = "sticky", i.left = `${Se(e)}px`, i.zIndex = o._isHeader ? 11 : 3, i.insetLeft = `${Se(e)}px`);
@@ -174,7 +172,7 @@ var k = /* @__PURE__ */ p({
 					let e = 0;
 					for (let t = o._firstLeafIndex; t <= o._lastLeafIndex; t++) {
 						let n = H.value[t];
-						n && (n.width ? e += typeof n.width == "number" ? n.width : parseInt(n.width) || 0 : P.value[t] !== void 0 && (e += P.value[t]));
+						n && (n.width && n.width !== "auto" ? e += typeof n.width == "number" ? n.width : parseInt(n.width) || 0 : P.value[t] !== void 0 && (e += P.value[t]));
 					}
 					i.width = `${e}px`, i.minWidth = `${e}px`, i.maxWidth = `${e}px`;
 				}
@@ -237,20 +235,20 @@ var k = /* @__PURE__ */ p({
 		}, ke = () => {
 			J.value === void 0 ? J.value = [] : (J.value = [], A("select", null, -1, []));
 		}, Ae = () => {
-			k.multiple && (J.value = R.value, A("select", null, -1, J.value));
+			k.multiple && (J.value = [...R.value], A("select", null, -1, J.value));
 		}, je = (e, t, n) => {
 			if (k.multiple) {
 				let n = J.value.findIndex((e) => e._id === t._id);
 				if (e) {
 					if (n === -1) {
 						let e = R.value.find((e) => e._id === t._id);
-						J.value.push(e);
+						J.value = [...J.value, e];
 					}
-				} else n !== -1 && J.value.splice(n, 1);
+				} else n !== -1 && (J.value = J.value.toSpliced(n, 1));
 			} else e ? J.value = [R.value.find((e) => e._id === t._id)] : J.value = [];
 			A("select", t, n, J.value);
 		}, Me = (e) => {
-			k.multiple && (e ? J.value = R.value : J.value = [], A("select", null, -1, J.value));
+			k.multiple && (e ? J.value = [...R.value] : J.value = [], A("select", null, -1, J.value));
 		}, Ne = s(() => R.value.length ? J.value.length === R.value.length : !1), Pe = s(() => J.value.length > 0 && J.value.length < R.value.length);
 		ae(() => {
 			q(), K();

package/dist/es/components/src/table/types.d.ts

@@ -6,7 +6,7 @@ export interface TableProps {
     /** 表格高度 */
     height?: string | number;
     /** 表格宽度
-     * @default '100%'
+     * @default 100%
      */
     width?: string | number;
     /** 是否显示边框
@@ -64,7 +64,7 @@ export interface TableColumnProps {
     /** 选择列 */
     type?: "select";
     /** 列对齐方式
-     * @default 'left'
+     * @default left
      */
     align?: "left" | "center" | "right";
     /** 列标题对齐方式（默认使用 align 值） */