savor-ui 0.3.2 → 0.3.3

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [0.3.3](https://gitee.com/mach552/savor-ui/compare/v0.3.2...v0.3.3) (2026-06-09)
+
+
+### Bug Fixes
+
+* **button:** 修复禁用状态样式无效问题 ([604ca42](https://gitee.com/mach552/savor-ui/commits/604ca427631e89bceaada29a04baf75371c77c60))
+* **cascader:** 修复不显示下拉箭头图标问题 ([c2eb385](https://gitee.com/mach552/savor-ui/commits/c2eb38597b79bda04e98c94a0a61bf32b1c6af59))
+* **cascader:** 修复空状态显示样式问题 ([25d0db3](https://gitee.com/mach552/savor-ui/commits/25d0db39d24b889de90ab15d8ccc663dcb04c424))
+* **cascader:** 修复清除图标不显示问题 ([0f6fda6](https://gitee.com/mach552/savor-ui/commits/0f6fda6a85611dce909f72bdc6062a77f348abc0))
+* **grid:** 修复动态增减item时不动态计算位置的问题 ([67785f2](https://gitee.com/mach552/savor-ui/commits/67785f208652f0fd5a66f0e593790461789283ee))
+* **input:** 修复禁用状态hover样式 ([cede93e](https://gitee.com/mach552/savor-ui/commits/cede93e6c8b72e6c608a37f59a6b395f4be4719f))
+* **menu:** 修复折叠时的样式问题 ([9633091](https://gitee.com/mach552/savor-ui/commits/9633091ba4a04f4ce8e18cca24332268b21e7401))
+* **table:** 修复横向滚动条在最右边反复横跳问题 ([a5e1902](https://gitee.com/mach552/savor-ui/commits/a5e19026cfe255fd0e303d7018a6eb69b62d4427))
+* **table:** 修复树形展开时图标不旋转问题 ([6813adb](https://gitee.com/mach552/savor-ui/commits/6813adb8387a3a64ced2f045a9d12d82023aa692))
+* **tree:** 修复各种事件无效问题 ([007a8ae](https://gitee.com/mach552/savor-ui/commits/007a8aecc76a257e61f5985c3e3a8803eb7d2f1e))
+
 ## [0.3.2](https://gitee.com/mach552/savor-ui/compare/v0.3.1...v0.3.2) (2026-06-08)
 
 

package/dist/es/components/index.mjs

@@ -16,12 +16,12 @@ import "./src/badge/index.mjs";
 import "./src/button/index.mjs";
 import "./src/card/index.mjs";
 import "./src/carousel/index.mjs";
+import "./src/empty/index.mjs";
 import "./src/cascader/index.mjs";
 import "./src/checkbox/types.mjs";
 import "./src/checkbox/index.mjs";
 import "./src/collapse/types.mjs";
 import "./src/collapse/index.mjs";
-import "./src/empty/index.mjs";
 import "./src/icon/index.mjs";
 import "./src/tag/index.mjs";
 import "./src/select/index.mjs";

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

@@ -1,17 +1,20 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { useFormItem as t } from "../form/use-form-item.mjs";
-import { SPopover as n } from "../popover/index.mjs";
-import { SInput as r } from "../input/index.mjs";
-import i from "./cascader-column.vue.mjs";
-import { computed as a, createComponent as o, createComponentWithFallback as s, createIf as c, createInvoker as l, createTemplateRefSetter as u, defineVaporComponent as d, delegateEvents as f, mergeModels as p, on as ee, onMounted as m, ref as h, renderEffect as g, resolveComponent as _, setClass as v, setInsertionState as y, template as b, toRefs as x, unref as S, useModel as C, useTemplateRef as w, watch as T, withModifiers as E } from "vue";
+import n from "../../../icons/src/down.vue.mjs";
+import "../../../icons/index.mjs";
+import { SPopover as r } from "../popover/index.mjs";
+import { SInput as i } from "../input/index.mjs";
+import { SEmpty as a } from "../empty/index.mjs";
+import o from "./cascader-column.vue.mjs";
+import { computed as s, createComponent as c, createComponentWithFallback as l, createIf as u, createInvoker as d, createTemplateRefSetter as f, defineVaporComponent as p, delegateEvents as m, mergeModels as h, on as g, onMounted as _, ref as v, renderEffect as y, resolveComponent as b, setClass as x, setInsertionState as S, template as C, toRefs as w, unref as T, useModel as E, useTemplateRef as D, watch as O, withModifiers as k } from "vue";
 //#region ../components/src/cascader/cascader.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var D = b("<div>"), O = b("<div>", 1);
-f("click");
-var k = /*@__PURE__*/ d({
+var ee = C("<div style=\"padding: 12px\">"), A = C("<div>"), j = C("<div>", 1);
+m("click");
+var M = /*@__PURE__*/ p({
 	name: "SCascader",
 	__name: "cascader",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ h({
 		modelValue: {},
 		options: { default: () => [] },
 		placeholder: { default: "请选择" },
@@ -28,6 +31,7 @@ var k = /*@__PURE__*/ d({
 		size: { default: "medium" },
 		error: { type: Boolean },
 		disabled: { type: Boolean },
+		clearable: { type: Boolean },
 		checkStrictly: { type: Boolean },
 		multiple: { type: Boolean }
 	}, {
@@ -38,7 +42,7 @@ var k = /*@__PURE__*/ d({
 		expanded: { default: () => [] },
 		expandedModifiers: {}
 	}),
-	emits: /*@__PURE__*/ p([
+	emits: /*@__PURE__*/ h([
 		"selectItem",
 		"expand",
 		"clear"
@@ -47,107 +51,114 @@ var k = /*@__PURE__*/ d({
 		"update:expandedKeys",
 		"update:expanded"
 	]),
-	setup(d, { emit: f }) {
-		let p = d, b = e("cascader"), k = f, A = C(d, "modelValue"), { size: j, error: M } = x(p), { mergedSize: N, mergedError: P } = t({
-			size: j,
-			error: M
-		}), F = C(d, "expandedKeys"), I = C(d, "expanded"), L = a(() => ({
+	setup(p, { emit: m }) {
+		let h = p, C = e("cascader"), M = m, N = E(p, "modelValue"), { size: P, error: F } = w(h), { mergedSize: I, mergedError: L } = t({
+			size: P,
+			error: F
+		}), R = E(p, "expandedKeys"), z = E(p, "expanded"), B = s(() => ({
 			label: "label",
 			key: "key",
 			children: "children",
-			...p.fieldNames
-		})), R = h(""), z = ({ item: e, expandeds: t }) => {
-			R.value = t.map((e) => e[L.value.label]).join(p.pathSeparator), U(!1), p.pathTextMode ? A.value = t.map((e) => e[L.value.key]).join(p.pathSeparator) : p.pathMode ? A.value = t.map((e) => e[L.value.key]) : A.value = e[L.value.key], k("selectItem", {
+			...h.fieldNames
+		})), V = v(""), H = ({ item: e, expandeds: t }) => {
+			V.value = t.map((e) => e[B.value.label]).join(h.pathSeparator), K(!1), h.pathTextMode ? N.value = t.map((e) => e[B.value.key]).join(h.pathSeparator) : h.pathMode ? N.value = t.map((e) => e[B.value.key]) : N.value = e[B.value.key], M("selectItem", {
 				item: e,
 				expandeds: t
 			});
-		}, B = () => {
-			k("expand", F.value);
-		}, V = w("popoverRef"), H = h(!1), U = (e) => {
-			H.value = e, e ? V.value?.show() : V.value?.hide();
-		}, W = () => {
-			let e = !H.value;
-			e && J(), U(e);
-		}, G = () => {
-			U(!1);
-		}, K = (e, t, n = []) => {
+		}, U = () => {
+			M("expand", R.value);
+		}, W = D("popoverRef"), G = v(!1), K = (e) => {
+			G.value = e, e ? W.value?.show() : W.value?.hide();
+		}, q = () => {
+			let e = !G.value;
+			e && Z(), K(e);
+		}, J = () => {
+			K(!1);
+		}, Y = (e, t, n = []) => {
 			for (let r of e) {
 				let e = [...n, r];
-				if (r[L.value.key] === t) return e;
-				if (r[L.value.children]) {
-					let n = K(r[L.value.children], t, e);
+				if (r[B.value.key] === t) return e;
+				if (r[B.value.children]) {
+					let n = Y(r[B.value.children], t, e);
 					if (n) return n;
 				}
 			}
 			return null;
-		}, q = (e, t) => {
+		}, X = (e, t) => {
 			let n = [], r = e;
 			for (let e of t) {
-				let t = r.find((t) => t[L.value.key] === e);
+				let t = r.find((t) => t[B.value.key] === e);
 				if (!t) return null;
-				n.push(t), r = t[L.value.children] || [];
+				n.push(t), r = t[B.value.children] || [];
 			}
 			return n;
-		}, J = () => {
-			if (A.value !== void 0) {
+		}, Z = () => {
+			if (N.value !== void 0) {
 				let e = null;
-				if (p.pathTextMode && typeof A.value == "string") {
-					let t = A.value.split(p.pathSeparator);
-					e = q(p.options, t);
-				} else e = Array.isArray(A.value) ? q(p.options, A.value) : K(p.options, A.value);
-				e && (F.value = e.map((e) => e[L.value.key]), I.value = e, R.value = e.map((e) => e[L.value.label]).join(p.pathSeparator));
+				if (h.pathTextMode && typeof N.value == "string") {
+					let t = N.value.split(h.pathSeparator);
+					e = X(h.options, t);
+				} else e = Array.isArray(N.value) ? X(h.options, N.value) : Y(h.options, N.value);
+				e && (R.value = e.map((e) => e[B.value.key]), z.value = e, V.value = e.map((e) => e[B.value.label]).join(h.pathSeparator));
 			}
-		}, Y = (e) => {
-			A.value === void 0 ? e.forEach((e) => {
-				F.value.includes(e[L.value.key]) && (R.value = R.value ? `${R.value}${p.pathSeparator}${e[L.value.label]}` : e[L.value.label], e[L.value.children] && Y(e[L.value.children]));
-			}) : J();
-		}, X = () => {
-			A.value = "", k("clear");
+		}, Q = (e) => {
+			N.value === void 0 ? e.forEach((e) => {
+				R.value.includes(e[B.value.key]) && (V.value = V.value ? `${V.value}${h.pathSeparator}${e[B.value.label]}` : e[B.value.label], e[B.value.children] && Q(e[B.value.children]));
+			}) : Z();
+		}, te = () => {
+			N.value = "", M("clear");
 		};
-		T(A, () => {
-			J();
-		}), m(() => {
-			Y(p.options);
+		O(N, () => {
+			Z();
+		}), _(() => {
+			Q(h.options);
 		});
-		let Z = u(), Q = _("SEmpty"), $ = O();
-		return g(() => v($, [S(b).b()])), y($, null, 0), Z(o(S(n), { $: [() => ({
+		let ne = f(), re = b("SIcon"), $ = j();
+		return y(() => x($, [T(C).b()])), S($, null, 0), ne(c(T(r), { $: [() => ({
 			offset: [0, 4],
 			placement: "bottom-start",
 			manual: !0,
-			...d.popoverProps
-		}), { onClickOutside: () => G }] }, {
+			...p.popoverProps
+		}), { onClickOutside: () => J }] }, {
 			content: () => {
-				let e = D();
-				return g(() => v(e, [S(b).e("wrapper")])), y(e, null, 0), c(() => !d.options.length, () => s(Q), () => {
-					let e = D();
-					return g(() => v(e, [S(b).e("panel")])), y(e, null, 0), o(i, {
-						expandTrigger: () => d.expandTrigger,
-						fieldNames: () => d.fieldNames,
-						options: () => d.options,
-						onClickItem: () => z,
-						onExpand: () => B,
-						modelValue: () => A.value,
-						"onUpdate:modelValue": () => (e) => A.value = e,
-						expanded: () => I.value,
-						"onUpdate:expanded": () => (e) => I.value = e,
-						expandedKeys: () => F.value,
-						"onUpdate:expandedKeys": () => (e) => F.value = e
+				let e = A();
+				return y(() => x(e, [T(C).e("wrapper")])), S(e, null, 0), u(() => !p.options.length, () => {
+					let e = ee();
+					return S(e, null, 0), c(T(a)), e;
+				}, () => {
+					let e = A();
+					return y(() => x(e, [T(C).e("panel")])), S(e, null, 0), c(o, {
+						expandTrigger: () => p.expandTrigger,
+						fieldNames: () => p.fieldNames,
+						options: () => p.options,
+						onClickItem: () => H,
+						onExpand: () => U,
+						modelValue: () => N.value,
+						"onUpdate:modelValue": () => (e) => N.value = e,
+						expanded: () => z.value,
+						"onUpdate:expanded": () => (e) => z.value = e,
+						expandedKeys: () => R.value,
+						"onUpdate:expandedKeys": () => (e) => R.value = e
 					}), e;
-				}, 261), ee(e, "click", E(() => {}, ["stop"])), e;
+				}, 261), g(e, "click", k(() => {}, ["stop"])), e;
 			},
-			default: () => o(S(r), {
-				placeholder: () => d.placeholder,
-				disabled: () => d.disabled,
-				error: () => S(P),
-				size: () => S(N),
-				modelValue: () => R.value,
-				"onUpdate:modelValue": () => (e) => R.value = e,
+			default: () => c(T(i), {
+				placeholder: () => p.placeholder,
+				disabled: () => p.disabled,
+				error: () => T(L),
+				size: () => T(I),
+				modelValue: () => V.value,
+				"onUpdate:modelValue": () => (e) => V.value = e,
 				readonly: "",
+				clearable: () => p.clearable,
 				style: "width: 100%",
-				onClear: () => X
-			})
-		}), V, null, "popoverRef"), $.$evtclick = l(W), $;
+				onClear: () => te
+			}, { suffix: () => l(re, {
+				class: () => [T(C).e("suffix-icon")],
+				style: () => ({ transform: G.value ? "rotate(180deg)" : "" })
+			}, () => c(T(n))) })
+		}), W, null, "popoverRef"), $.$evtclick = d(q), $;
 	}
 });
 //#endregion
-export { k as default };
+export { M as default };

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

@@ -26,6 +26,7 @@ export declare const SCascader: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         size?: "mini" | "small" | "medium" | "large" | undefined;
         error?: boolean | undefined;
         disabled?: boolean | undefined;
+        clearable?: boolean | undefined;
         checkStrictly?: boolean | undefined;
         multiple?: boolean | undefined;
         expandedKeys?: Array<string | number> | undefined;

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

@@ -32,6 +32,8 @@ export interface CascaderProps {
     error?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
+    /** 是否可清除 */
+    clearable?: boolean;
     /** 是否严格选择子项 */
     checkStrictly?: boolean;
     /** 是否支持多选 */

package/dist/es/components/src/grid/grid-item.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,9 +1,9 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { gridContextKey as t } from "./types.mjs";
-import { computed as n, createSlot as r, defineVaporComponent as i, inject as a, onMounted as o, onUnmounted as s, renderEffect as c, setClass as l, setInsertionState as u, setStyle as d, template as f, unref as p, useId as m } from "vue";
+import { computed as n, createSlot as r, defineVaporComponent as i, inject as a, onMounted as o, onUnmounted as s, renderEffect as c, setClass as l, setInsertionState as u, setStyle as d, template as f, unref as p, useId as m, watch as h } from "vue";
 //#region ../components/src/grid/grid-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var h = f("<div>", 1), g = /*@__PURE__*/ i({
+var g = f("<div>", 1), _ = /*@__PURE__*/ i({
 	name: "SGridItem",
 	__name: "grid-item",
 	props: {
@@ -11,29 +11,37 @@ var h = f("<div>", 1), g = /*@__PURE__*/ i({
 		offset: { default: 0 }
 	},
 	setup(i) {
-		let f = i, g = e("grid-item"), _ = "grid-item-" + m(), v = a(t, {}), y = n(() => {
-			if (!v?.positionList) return {};
-			let e = v?.positionList.value[_];
+		let f = i, _ = e("grid-item"), v = "grid-item-" + m(), y = a(t, {}), b = n(() => {
+			if (!y?.positionList) return {};
+			let e = y?.positionList.value[v];
 			return e ? { gridColumn: `${e.start} / ${e.end}` } : {};
-		}), b = () => {
-			v?.addGridItem?.({
+		}), x = () => {
+			y?.addGridItem?.({
 				...f,
-				uid: _
+				uid: v
 			});
 		};
 		o(() => {
-			b();
+			x();
+		}), h(() => ({
+			span: f.span,
+			offset: f.offset
+		}), () => {
+			y?.updateGridItem?.({
+				...f,
+				uid: v
+			});
 		}), s(() => {
-			v?.removeGridItem?.({
+			y?.removeGridItem?.({
 				...f,
-				uid: _
+				uid: v
 			});
 		});
-		let x = h();
+		let S = g();
 		return c(() => {
-			l(x, [p(g).b()]), d(x, y.value);
-		}), u(x, null, 0), r(), x;
+			l(S, [p(_).b()]), d(S, b.value);
+		}), u(S, null, 0), r(), S;
 	}
 });
 //#endregion
-export { g as default };
+export { _ as default };

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

@@ -24,7 +24,12 @@ var m = f("<div>", 1), h = /*@__PURE__*/ a({
 				_.value.push(e);
 			},
 			removeGridItem: (e) => {
-				_.value = _.value.filter((t) => t.uid !== e);
+				let t = typeof e == "string" ? e : e.uid;
+				_.value = _.value.filter((e) => e.uid !== t);
+			},
+			updateGridItem: (e) => {
+				let t = _.value.findIndex((t) => t.uid === e.uid);
+				t !== -1 && (_.value[t] = e);
 			},
 			positionList: r(() => {
 				let e = 1, t = {}, n = y.value;

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

@@ -38,6 +38,7 @@ export interface GridChildren {
 export interface GridContext {
     addGridItem?: (item: any) => void;
     removeGridItem?: (item: any) => void;
+    updateGridItem?: (item: any) => void;
     positionList?: ComputedRef<Record<string, {
         start: number;
         end: number;

package/dist/es/components/src/menu/menu-item.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -2,9 +2,9 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { STooltip as t } from "../tooltip/index.mjs";
 import { menuContextKey as n, menuLevelContextKey as r, subMenuContextKey as i } from "./types.mjs";
-import { child as a, createComponent as o, createIf as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, inject as f, next as p, onMounted as m, renderEffect as h, setClass as g, setInsertionState as _, setStaticTemplateRef as v, setText as y, template as b, toDisplayString as x, unref as S, useTemplateRef as C } from "vue";
+import { child as a, createComponent as o, createIf as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, inject as f, onMounted as p, renderEffect as m, setClass as h, setInsertionState as g, setStaticTemplateRef as _, setText as v, template as y, toDisplayString as b, unref as x, useTemplateRef as S } from "vue";
 //#region ../components/src/menu/menu-item.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var w = b(" "), T = b("<div><div></div><div></div></div>"), E = b("<div><div></div><div>"), D = b("<div>", 1);
+var C = y("<div>"), w = y(" "), T = y("<div><div></div></div>"), E = y("<div><div>"), D = y("<div>", 1);
 d("click");
 var O = /*@__PURE__*/ u({
 	name: "SMenuItem",
@@ -16,54 +16,63 @@ var O = /*@__PURE__*/ u({
 		activePosition: { default: "center" },
 		item: {}
 	},
-	setup(u) {
-		let d = u, b = e("menu"), O = C("itemRef"), k = f(n, void 0), A = f(i, void 0), j = f(r, void 0), M = () => {
-			k?.itemClick(d.name, d.item), A?.outsideClick();
+	setup(u, { slots: d }) {
+		let y = u, O = e("menu"), k = S("itemRef"), A = f(n, void 0), j = f(i, void 0), M = f(r, void 0), N = () => {
+			A?.itemClick(y.name, y.item), j?.outsideClick();
 		};
-		m(() => {
-			A?.registerDescendant(d.name), j || O.value?.style.setProperty("--s-menu-level", "0");
+		p(() => {
+			j?.registerDescendant(y.name), M || k.value?.style.setProperty("--s-menu-level", "0");
 		});
-		let N = D();
-		return h(() => g(N, [S(b).e("item")])), _(N, null, 0), s(() => S(k)?.collapsed.value, () => o(S(t), {
+		let P = D();
+		return m(() => {
+			let e = x(O);
+			h(P, [e.e("item"), e.is("collapse", x(A)?.isCollapsed.value)]);
+		}), g(P, null, 0), s(() => x(A)?.collapsed.value && !x(j), () => o(x(t), {
 			mini: "",
 			"popover-props": { placement: "right" }
 		}, {
 			content: () => l("default", null, () => {
 				let e = w();
-				return h(() => y(e, x(u.title))), e;
+				return m(() => v(e, b(u.title))), e;
 			}, 4),
 			default: () => {
-				let e = T(), t = a(e), n = p(t, 1);
-				return h(() => {
-					let n = S(b), r = S(k), i = u.name, a = u.activePosition, o = r.activeKey;
-					g(e, [
-						n.e("item-title"),
-						n.is("disabled", u.disabled),
-						n.is("active", o.value === i && a === "center"),
-						n.is("active-left", o.value === i && a === "left"),
-						n.is("active-right", o.value === i && a === "right")
-					]), g(t, [n.e("item-icon")]);
-				}), _(t, null, 0), l("icon"), h(() => g(n, [S(b).e("item-label")])), _(n, null, 0), l("default", null, () => {
+				let e = T(), t = a(e, 1);
+				return m(() => {
+					let t = x(O), n = x(A), r = u.name, i = u.activePosition, a = n.activeKey;
+					h(e, [
+						t.e("item-title"),
+						t.is("disabled", u.disabled),
+						t.is("active", a.value === r && i === "center"),
+						t.is("active-left", a.value === r && i === "left"),
+						t.is("active-right", a.value === r && i === "right")
+					]);
+				}), g(e, 0, 0), s(() => d.icon, () => {
+					let e = C();
+					return m(() => h(e, [x(O).e("item-icon")])), g(e, null, 0), l("icon"), e;
+				}), m(() => h(t, [x(O).e("item-label")])), g(t, null, 0), l("default", null, () => {
 					let e = w();
-					return h(() => y(e, x(u.title))), e;
-				}), e.$evtclick = c(M), e;
+					return m(() => v(e, b(u.title))), e;
+				}), e.$evtclick = c(N), e;
 			}
 		}), () => {
-			let e = E(), t = a(e), n = p(t, 1);
-			return h(() => {
-				let n = S(b), r = S(k), i = u.name, a = u.activePosition, o = r.activeKey;
-				g(e, [
-					n.e("item-title"),
-					n.is("disabled", u.disabled),
-					n.is("active", o.value === i && a === "center"),
-					n.is("active-left", o.value === i && a === "left"),
-					n.is("active-right", o.value === i && a === "right")
-				]), g(t, [n.e("item-icon")]);
-			}), _(t, null, 0), l("icon"), h(() => g(n, [S(b).e("item-label")])), _(n, null, 0), l("default", null, () => {
+			let e = E(), t = a(e, 1);
+			return m(() => {
+				let t = x(O), n = x(A), r = u.name, i = u.activePosition, a = n.activeKey;
+				h(e, [
+					t.e("item-title"),
+					t.is("disabled", u.disabled),
+					t.is("active", a.value === r && i === "center"),
+					t.is("active-left", a.value === r && i === "left"),
+					t.is("active-right", a.value === r && i === "right")
+				]);
+			}), g(e, 0, 0), s(() => d.icon, () => {
+				let e = C();
+				return m(() => h(e, [x(O).e("item-icon")])), g(e, null, 0), l("icon"), e;
+			}), m(() => h(t, [x(O).e("item-label")])), g(t, null, 0), l("default", null, () => {
 				let e = w();
-				return h(() => y(e, x(u.title))), e;
-			}), e.$evtclick = c(M), e;
-		}, 261), v(N, O, null, "itemRef"), N;
+				return m(() => v(e, b(u.title))), e;
+			}), e.$evtclick = c(N), e;
+		}, 517), _(P, k, null, "itemRef"), P;
 	}
 });
 //#endregion