savor-ui 0.3.1 → 0.3.2

package/dist/es/components/src/back-top/back-top.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -5,11 +5,11 @@ import "../../../hooks/index.mjs";
 import n from "../../../icons/src/up.vue.mjs";
 import "../../../icons/index.mjs";
 import r from "../button/button.vue.mjs";
-import { VaporTransition as i, applyVShow as a, computed as o, createComponent as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, getCurrentInstance as f, onMounted as p, onUnmounted as m, ref as h, renderEffect as g, setClass as _, setInsertionState as v, setStyle as y, template as b, unref as x, withVaporCtx as S } from "vue";
+import { VaporTransition as i, applyVShow as a, computed as o, createComponent as s, createInvoker as c, createSlot as l, defineVaporComponent as u, delegateEvents as d, getCurrentInstance as f, onMounted as p, onUnmounted as m, ref as h, renderEffect as g, setClass as _, setInsertionState as v, setStyle as y, template as b, unref as x } from "vue";
 //#region ../components/src/back-top/back-top.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var C = b("<div>");
+var S = b("<div>");
 d("click");
-var w = /* @__PURE__ */ u({
+var C = /*@__PURE__*/ u({
 	name: "SBackTop",
 	__name: "back-top",
 	props: {
@@ -19,15 +19,14 @@ var w = /* @__PURE__ */ u({
 		visibleHeight: { default: 200 },
 		duration: { default: 200 }
 	},
-	__multiRoot: !1,
 	setup(u) {
-		let d = u, b = t("back-top"), w = f(), T = h(!1), E = h(null), D = o(() => ({
+		let d = u, b = t("back-top"), C = f(), w = h(!1), T = h(null), E = o(() => ({
 			bottom: e(d.bottom),
 			right: e(d.right),
-			position: E.value === window ? "fixed" : "absolute"
-		})), O = () => {
+			position: T.value === window ? "fixed" : "absolute"
+		})), D = () => {
 			if (d.target) return typeof d.target == "string" ? document.querySelector(d.target) || window : d.target;
-			let e = w?.proxy?.$el?.parentElement;
+			let e = C?.proxy?.$el?.parentElement;
 			if (e) {
 				let t = e;
 				for (; t;) {
@@ -37,32 +36,32 @@ var w = /* @__PURE__ */ u({
 				}
 			}
 			return window;
-		}, k = () => E.value === window ? window.pageYOffset || document.documentElement.scrollTop : E.value.scrollTop, A = () => {
-			if (!E.value) return;
-			let e = performance.now(), t = k(), n = (r) => {
+		}, O = () => T.value === window ? window.pageYOffset || document.documentElement.scrollTop : T.value.scrollTop, k = () => {
+			if (!T.value) return;
+			let e = performance.now(), t = O(), n = (r) => {
 				let i = r - e, a = Math.min(i / d.duration, 1), o = t * (1 - (1 - (1 - a) * (1 - a)));
-				E.value === window ? window.scrollTo(0, o) : E.value.scrollTop = o, a < 1 && requestAnimationFrame(n);
+				T.value === window ? window.scrollTo(0, o) : T.value.scrollTop = o, a < 1 && requestAnimationFrame(n);
 			};
 			requestAnimationFrame(n);
+		}, A = () => {
+			k();
 		}, j = () => {
-			A();
-		}, M = () => {
-			T.value = k() >= d.visibleHeight;
+			w.value = O() >= d.visibleHeight;
 		};
 		return p(() => {
-			E.value = O(), E.value?.addEventListener("scroll", M), M();
+			T.value = D(), T.value?.addEventListener("scroll", j), j();
 		}), m(() => {
-			E.value?.removeEventListener("scroll", M);
+			T.value?.removeEventListener("scroll", j);
 		}), s(i, {
-			name: () => "back-top-fade",
-			persisted: () => ""
-		}, { default: S(() => {
-			let e = C();
+			name: "back-top-fade",
+			persisted: ""
+		}, () => {
+			let e = S();
 			return g(() => {
-				_(e, [x(b).b()]), y(e, D.value);
-			}), v(e, null, 0), l("default", null, () => s(r, { secondary: () => "" }, { icon: S(() => s(x(n))) })), a(e, () => T.value), e.$evtclick = c(j), e;
-		}) }, !0);
+				_(e, [x(b).b()]), y(e, E.value);
+			}), v(e, null, 0), l("default", null, () => s(r, { secondary: "" }, { icon: () => s(x(n)) })), a(e, () => w.value), e.$evtclick = c(A), e;
+		}, !0);
 	}
 });
 //#endregion
-export { w as default };
+export { C as default };

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

@@ -2,7 +2,7 @@ import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { computed as t, createIf as n, createSlot as r, defineVaporComponent as i, renderEffect as a, setClass as o, setInsertionState as s, setStyle as c, setText as l, template as u, toDisplayString as d, txt as f, unref as p } from "vue";
 //#region ../components/src/badge/badge.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var m = u("<div>"), h = u("<div> "), g = u("<div>", !0), _ = /* @__PURE__ */ i({
+var m = u("<div>"), h = u("<div> "), g = u("<div>", 1), _ = /*@__PURE__*/ i({
 	name: "SBadge",
 	__name: "badge",
 	props: {
@@ -11,7 +11,6 @@ var m = u("<div>"), h = u("<div> "), g = u("<div>", !0), _ = /* @__PURE__ */ i({
 		dotStyle: {},
 		max: {}
 	},
-	__multiRoot: !1,
 	setup(i, { slots: u }) {
 		let _ = i, v = e("badge"), y = t(() => ({
 			height: "10px",
@@ -21,25 +20,25 @@ var m = u("<div>"), h = u("<div> "), g = u("<div>", !0), _ = /* @__PURE__ */ i({
 		return a(() => {
 			let e = p(v);
 			o(x, [e.b(), { [e.m("no-children")]: !u.default }]);
-		}), s(x, null, 0), r("default", null), s(x, null, 1), n(() => i.dot && i.count && !u.content, () => {
+		}), s(x, null, 0), r(), s(x, null, 1), n(() => i.dot && i.count && !u.content, () => {
 			let e = m();
 			return a(() => {
 				let t = p(v);
 				o(e, [t.e("dot"), t.e("item")]), c(e, y.value);
 			}), e;
-		}, null, 1), s(x, null, 2), n(() => i.count && !i.dot && !u.content, () => {
+		}), s(x, null, 2), n(() => i.count && !i.dot && !u.content, () => {
 			let e = h(), t = f(e);
 			return a(() => {
 				let n = p(v);
 				o(e, [n.e("number"), n.e("item")]), l(t, d(b.value));
 			}), e;
-		}, null, 1), s(x, null, 3), n(() => u.content, () => {
+		}), s(x, null, 3), n(() => u.content, () => {
 			let e = m();
 			return a(() => {
 				let t = p(v);
 				o(e, [t.e("content"), t.e("item")]);
-			}), s(e, null, 0), r("content", null), e;
-		}, null, 1), x;
+			}), s(e, null, 0), r("content"), e;
+		}), x;
 	}
 });
 //#endregion

package/dist/es/components/src/button/button-group.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -3,16 +3,15 @@ import "../../../hooks/index.mjs";
 import { buttonGroupContextKey as t } from "./types.mjs";
 import { createSlot as n, defineVaporComponent as r, provide as i, renderEffect as a, setClass as o, setInsertionState as s, template as c, toRef as l, unref as u } from "vue";
 //#region ../components/src/button/button-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var d = c("<div>", !0), f = /* @__PURE__ */ r({
+var d = c("<div>", 1), f = /*@__PURE__*/ r({
 	name: "SButtonGroup",
 	__name: "button-group",
 	props: { size: { default: "medium" } },
-	__multiRoot: !1,
 	setup(r) {
 		let c = r, f = e("button-group");
 		i(t, { size: l(c, "size") });
 		let p = d();
-		return a(() => o(p, [u(f).b()])), s(p, null, 0), n("default", null), p;
+		return a(() => o(p, [u(f).b()])), s(p, null, 0), n(), p;
 	}
 });
 //#endregion

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

@@ -5,7 +5,7 @@ import "../../../icons/index.mjs";
 import { buttonGroupContextKey as n } from "./types.mjs";
 import { computed as r, createComponent as i, createDynamicComponent as a, createIf as o, createSlot as s, defineVaporComponent as c, inject as l, renderEffect as u, setAttr as d, setClass as f, setInsertionState as p, setProp as m, setText as h, template as g, toDisplayString as _, unref as v } from "vue";
 //#region ../components/src/button/button.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var y = g("<div>"), b = g(" "), x = g("<button>", !0), S = /* @__PURE__ */ c({
+var y = g("<div>"), b = g(" "), x = g("<button>", 1), S = /*@__PURE__*/ c({
 	name: "SButton",
 	__name: "button",
 	props: {
@@ -22,7 +22,6 @@ var y = g("<div>"), b = g(" "), x = g("<button>", !0), S = /* @__PURE__ */ c({
 		link: { type: Boolean },
 		secondary: { type: Boolean }
 	},
-	__multiRoot: !1,
 	setup(c, { slots: g }) {
 		let S = c, C = e("button"), w = l(n, void 0), T = r(() => w?.size?.value || S.size), E = x();
 		return u(() => {
@@ -42,11 +41,11 @@ var y = g("<div>"), b = g(" "), x = g("<button>", !0), S = /* @__PURE__ */ c({
 			]), m(E, "disabled", t || n), d(E, "html-type", c.htmlType);
 		}), p(E, null, 0), o(() => (g.icon || c.icon) && !c.loading, () => {
 			let e = y();
-			return u(() => f(e, [v(C).e("icon")])), p(e, null, 0), s("icon", null, () => a(() => c.icon)), e;
+			return u(() => f(e, [v(C).e("icon")])), p(e, null, 0), s("icon", null, () => a(() => c.icon, null, null, 4)), e;
 		}, () => o(() => c.loading, () => {
 			let e = y();
 			return u(() => f(e, [v(C).e("icon")])), p(e, null, 0), i(v(t)), e;
-		}, null, 1), 5, null, 0), p(E, null, 1), s("default", null, () => {
+		}), 261), p(E, null, 1), s("default", null, () => {
 			let e = b();
 			return u(() => h(e, _(c.label))), e;
 		}), E;

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

@@ -3,7 +3,7 @@ import "../../../hooks/index.mjs";
 import t from "../text/text.vue.mjs";
 import { child as n, createComponent as r, createIf as i, createSlot as a, defineVaporComponent as o, renderEffect as s, setClass as c, setInsertionState as l, setStyle as u, setText as d, template as f, toDisplayString as p, unref as m } from "vue";
 //#region ../components/src/card/card.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var h = f("<div>"), g = f(" "), _ = f("<div><div></div>"), v = f("<div><div>", !0), y = /* @__PURE__ */ o({
+var h = f("<div>"), g = f(" "), _ = f("<div><div></div>"), v = f("<div><div>", 1), y = /*@__PURE__*/ o({
 	name: "SCard",
 	__name: "card",
 	props: {
@@ -13,7 +13,6 @@ var h = f("<div>"), g = f(" "), _ = f("<div><div></div>"), v = f("<div><div>", !
 		shadow: { default: "never" },
 		bodyStyle: {}
 	},
-	__multiRoot: !1,
 	setup(o, { slots: f }) {
 		let y = e("card"), b = v(), x = n(b, 1);
 		return s(() => {
@@ -21,31 +20,31 @@ var h = f("<div>"), g = f(" "), _ = f("<div><div></div>"), v = f("<div><div>", !
 			c(b, [e.b(), e.m(o.shadow)]);
 		}), l(b, 0, 0), i(() => f.image, () => {
 			let e = h();
-			return s(() => c(e, [m(y).e("image")])), l(e, null, 0), a("image", null), e;
-		}, null, 1), s(() => {
+			return s(() => c(e, [m(y).e("image")])), l(e, null, 0), a("image"), e;
+		}), s(() => {
 			c(x, [m(y).e("body")]), u(x, o.bodyStyle);
 		}), l(x, null, 0), i(() => f.title || o.title || f.expand, () => {
 			let e = _(), u = n(e);
 			return s(() => {
 				let t = m(y);
 				c(e, [t.e("header")]), c(u, [t.e("title")]);
-			}), l(u, null, 0), a("title", null, () => r(t, { bar: () => o.bar }, { default: () => {
+			}), l(u, null, 0), a("title", null, () => r(t, { bar: () => o.bar }, () => {
 				let e = g();
 				return s(() => d(e, p(o.title))), e;
-			} })), l(e, null, 1), i(() => f.expand, () => {
+			})), l(e, null, 1), i(() => f.expand, () => {
 				let e = h();
-				return s(() => c(e, [m(y).e("expand")])), l(e, null, 0), a("expand", null), e;
-			}, null, 1), e;
-		}, null, 1), l(x, null, 1), i(() => f.subtitle, () => {
+				return s(() => c(e, [m(y).e("expand")])), l(e, null, 0), a("expand"), e;
+			}), e;
+		}), l(x, null, 1), i(() => f.subtitle, () => {
 			let e = h();
-			return s(() => c(e, [m(y).e("subtitle")])), l(e, null, 0), a("subtitle", null), e;
-		}, null, 1), l(x, null, 2), i(() => f.default, () => {
+			return s(() => c(e, [m(y).e("subtitle")])), l(e, null, 0), a("subtitle"), e;
+		}), l(x, null, 2), i(() => f.default, () => {
 			let e = h();
-			return s(() => c(e, [m(y).e("content")])), l(e, null, 0), a("default", null), e;
-		}, null, 1), l(x, null, 3), i(() => f.footer, () => {
+			return s(() => c(e, [m(y).e("content")])), l(e, null, 0), a(), e;
+		}), l(x, null, 3), i(() => f.footer, () => {
 			let e = h();
-			return s(() => c(e, [m(y).e("footer")])), l(e, null, 0), a("footer", null), e;
-		}, null, 1), b;
+			return s(() => c(e, [m(y).e("footer")])), l(e, null, 0), a("footer"), e;
+		}), b;
 	}
 });
 //#endregion

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

@@ -7,12 +7,12 @@ import r from "../../../icons/src/right.vue.mjs";
 import "../../../icons/index.mjs";
 import { child as i, createComponent as a, createFor as o, createIf as s, createInvoker as c, createTemplateRefSetter as l, defineVaporComponent as u, delegateEvents as d, mergeModels as f, onMounted as p, onUnmounted as m, renderEffect as h, setClass as g, setInsertionState as _, setProp as v, setStyle as y, template as b, unref as x, useModel as S, useTemplateRef as C } from "vue";
 //#region ../components/src/carousel/carousel.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var w = b("<div><img alt>"), T = b("<div>"), E = b("<div><div></div>", !0);
+var w = b("<div><img alt>"), T = b("<div>"), E = b("<div><div></div>", 1);
 d("click");
-var D = /* @__PURE__ */ u({
+var D = /*@__PURE__*/ u({
 	name: "SCarousel",
 	__name: "carousel",
-	props: /* @__PURE__ */ f({
+	props: /*@__PURE__*/ f({
 		modelValue: {},
 		height: { default: "240px" },
 		items: { default: () => [] },
@@ -30,7 +30,6 @@ var D = /* @__PURE__ */ u({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	__multiRoot: !1,
 	setup(u) {
 		let d = u, f = t("carousel"), b = C("listRef"), D = S(u, "modelValue"), O = (e) => {
 			b.value && (b.value.style.transform = `translateX(-${e * 100}%)`, b.value.style.transition = "transform 0.3s"), D.value = e;
@@ -85,7 +84,7 @@ var D = /* @__PURE__ */ u({
 				return n.$evtclick = c(() => P(t.value)), h(() => {
 					g(n, [x(f).e("item-3d")]), v(r, "src", e.value);
 				}), n;
-			}, (e, t) => e, 1), L(e, M, null, "list3DRef"), e;
+			}, (e, t) => e, 9), L(e, M, null, "list3DRef"), e;
 		}, () => {
 			let e = T();
 			return h(() => g(e, [x(f).e("list")])), _(e, null, 0), o(() => u.items, (e) => {
@@ -93,8 +92,8 @@ var D = /* @__PURE__ */ u({
 				return h(() => {
 					g(t, [x(f).e("item")]), v(n, "src", e.value);
 				}), t;
-			}, (e) => e, 1), L(e, b, null, "listRef"), e;
-		}, 5, null, 0), _(R, null, 1), s(() => u.indicator, () => {
+			}, (e) => e, 9), L(e, b, null, "listRef"), e;
+		}, 261), _(R, null, 1), s(() => u.indicator, () => {
 			let e = T();
 			return h(() => {
 				let t = x(f);
@@ -105,20 +104,20 @@ var D = /* @__PURE__ */ u({
 					let e = x(f);
 					g(n, [e.e("indicator-item"), e.is("active", t.value === D.value)]);
 				}), n;
-			}, (e, t) => e, 1), e;
-		}, null, 1), _(R, null, 2), s(() => u.showArrow, () => {
+			}, (e, t) => e, 9), e;
+		}), _(R, null, 2), s(() => u.showArrow, () => {
 			let e = T();
 			return h(() => {
 				let t = x(f);
 				g(e, [t.e("left-arrow"), t.e("arrow")]);
 			}), _(e, null, 0), a(x(n)), e.$evtclick = c(k), e;
-		}, null, 1), _(R, null, 3), s(() => u.showArrow, () => {
+		}), _(R, null, 3), s(() => u.showArrow, () => {
 			let e = T();
 			return h(() => {
 				let t = x(f);
 				g(e, [t.e("right-arrow"), t.e("arrow")]);
 			}), _(e, null, 0), a(x(r)), e.$evtclick = c(A), e;
-		}, null, 1), R;
+		}), R;
 	}
 });
 //#endregion

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

@@ -3,12 +3,12 @@ import "../../../hooks/index.mjs";
 import t from "../../../icons/src/right.vue.mjs";
 import "../../../icons/index.mjs";
 import { SScrollbar as n } from "../scrollbar/index.mjs";
-import { child as r, computed as i, createComponent as a, createComponentWithFallback as o, createFor as s, createIf as c, createInvoker as l, createTemplateRefSetter as u, defineVaporComponent as d, mergeModels as f, nextTick as p, on as m, onMounted as h, ref as g, renderEffect as _, resolveComponent as v, setClass as y, setInsertionState as b, setProp as x, setText as S, template as C, toDisplayString as w, txt as T, unref as E, useModel as D, useTemplateRef as O, watch as k, withModifiers as A, withVaporCtx as j } from "vue";
+import { child as r, computed as i, createComponent as a, createComponentWithFallback as o, createFor as s, createIf as c, defineVaporComponent as l, mergeModels as u, nextTick as d, on as f, onMounted as p, ref as m, renderEffect as h, resolveComponent as g, setClass as _, setInsertionState as v, setProp as y, setStaticTemplateRef as b, setText as x, template as S, toDisplayString as C, txt as w, unref as T, useModel as E, useTemplateRef as D, watch as O, withModifiers as k } from "vue";
 //#region ../components/src/cascader/cascader-column.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var M = C("<div>"), N = C("<div><div> </div>"), P = /* @__PURE__ */ d({
+var A = S("<div>"), j = S("<div><div> </div>"), M = /*@__PURE__*/ l({
 	name: "SCascaderColumn",
 	__name: "cascader-column",
-	props: /* @__PURE__ */ f({
+	props: /*@__PURE__*/ u({
 		options: { default: () => [] },
 		id: { default: 0 },
 		expandTrigger: { default: "click" },
@@ -25,74 +25,74 @@ var M = C("<div>"), N = C("<div><div> </div>"), P = /* @__PURE__ */ d({
 		expanded: { default: () => [] },
 		expandedModifiers: {}
 	}),
-	emits: /* @__PURE__ */ f(["clickItem", "expand"], [
+	emits: /*@__PURE__*/ u(["clickItem", "expand"], [
 		"update:modelValue",
 		"update:expandedKeys",
 		"update:expanded"
 	]),
 	__multiRoot: !0,
-	setup(d, { emit: f }) {
-		let C = f, P = d, F = f, I = e("cascader"), L = i(() => ({
+	setup(l, { emit: u }) {
+		let S = u, M = l, N = u, P = e("cascader"), F = i(() => ({
 			label: "label",
 			key: "key",
 			children: "children",
-			...P.fieldNames
-		})), R = O("scrollbarRef"), z = D(d, "modelValue"), B = D(d, "expandedKeys"), V = D(d, "expanded"), H = g([]), U = g([]), W = g(!0), G = (e) => {
-			K(e), e.isFolder ? (U.value = [], U.value = e.children || [], W.value = !0) : (z.value = e[L.value.key], U.value = [], F("clickItem", {
+			...M.fieldNames
+		})), I = D("scrollbarRef"), L = E(l, "modelValue"), R = E(l, "expandedKeys"), z = E(l, "expanded"), B = m([]), V = m([]), H = m(!0), U = (e) => {
+			W(e), e.isFolder ? (V.value = [], V.value = e.children || [], H.value = !0) : (L.value = e[F.value.key], V.value = [], N("clickItem", {
 				item: e,
-				expandeds: V.value
+				expandeds: z.value
 			}));
-		}, K = (e) => {
-			V.value.splice(P.id + 1), V.value[P.id] = e, B.value.splice(P.id + 1), B.value[P.id] = e[L.value.key], F("expand", B.value);
-		}, q = (e) => {
-			P.expandTrigger === "hover" && (K(e), e.isFolder && (U.value = [], U.value = e[L.value.children] || [], W.value = !0));
-		}, J = () => {
-			U.value = [], H.value.forEach((e) => {
-				e[L.value.children] && e[L.value.children].length > 0 && (e.isFolder = !0, B.value?.[P.id] === e[L.value.key] && (U.value = e[L.value.children], W.value = !0));
+		}, W = (e) => {
+			z.value.splice(M.id + 1), z.value[M.id] = e, R.value.splice(M.id + 1), R.value[M.id] = e[F.value.key], N("expand", R.value);
+		}, G = (e) => {
+			M.expandTrigger === "hover" && (W(e), e.isFolder && (V.value = [], V.value = e[F.value.children] || [], H.value = !0));
+		}, K = () => {
+			V.value = [], B.value.forEach((e) => {
+				e[F.value.children] && e[F.value.children].length > 0 && (e.isFolder = !0, R.value?.[M.id] === e[F.value.key] && (V.value = e[F.value.children], H.value = !0));
 			});
 		};
-		k(() => P.options, () => {
-			W.value = !1, H.value = P.options, J();
-		}, { immediate: !0 }), k(() => [...B.value], () => {
-			J();
-		}), h(() => {
-			p(() => {
+		O(() => M.options, () => {
+			H.value = !1, B.value = M.options, K();
+		}, { immediate: !0 }), O(() => [...R.value], () => {
+			K();
+		}), p(() => {
+			d(() => {
 				requestAnimationFrame(() => {
-					R.value?.scrollToEl(`item-${B.value[P.id]}`, !1);
+					I.value?.scrollToEl(`item-${R.value[M.id]}`, !1);
 				});
 			});
 		});
-		let Y = u(), X = v("CascaderColumn", !0), Z = M();
-		return _(() => y(Z, [E(I).e("column")])), b(Z, null, 0), Y(a(E(n), { height: () => "100%" }, { default: j(() => {
-			let e = M();
-			return _(() => y(e, [E(I).e("list")])), b(e, null, 0), s(() => H.value, (e) => {
-				let n = N(), i = r(n), o = T(i);
-				return _(() => {
-					let t = E(I), r = e.value, a = L.value;
-					y(n, [t.e("item"), t.is("checked", r[a.key] === B.value[d.id])]), y(i, [t.e("label")]), S(o, w(r[a.label]));
-				}), b(n, null, 1), c(() => e.value.isFolder, () => {
-					let e = M();
-					return _(() => y(e, [E(I).e("arrow")])), b(e, null, 0), a(E(t)), e;
-				}, null, 1), m(n, "click", l(A(() => G(e.value), ["stop"]))), m(n, "mouseenter", l(A(() => q(e.value), ["stop"]))), x(n, "id", `item-${e.value[L.value.key]}`), n;
-			}, (e) => e[L.value.key], 1), e;
-		}) }), R, null, "scrollbarRef"), [Z, c(() => U.value.length > 0 && W.value, () => {
-			let e = (e) => C("clickItem", e), t = (e) => C("expand", e);
-			return o(X, {
-				options: () => U.value,
+		let q = g("CascaderColumn", !0), J = A();
+		return h(() => _(J, [T(P).e("column")])), v(J, null, 0), b(a(T(n), { height: "100%" }, () => {
+			let e = A();
+			return h(() => _(e, [T(P).e("list")])), v(e, null, 0), s(() => B.value, (e) => {
+				let n = j(), i = r(n), o = w(i);
+				return h(() => {
+					let t = T(P), r = e.value, a = F.value;
+					_(n, [t.e("item"), t.is("checked", r[a.key] === R.value[l.id])]), _(i, [t.e("label")]), x(o, C(r[a.label]));
+				}), v(n, null, 1), c(() => e.value.isFolder, () => {
+					let e = A();
+					return h(() => _(e, [T(P).e("arrow")])), v(e, null, 0), a(T(t)), e;
+				}), f(n, "click", k(() => U(e.value), ["stop"])), f(n, "mouseenter", k(() => G(e.value), ["stop"])), y(n, "id", `item-${e.value[F.value.key]}`), n;
+			}, (e) => e[F.value.key], 9), e;
+		}), I, null, "scrollbarRef"), [J, c(() => V.value.length > 0 && H.value, () => {
+			let e = (e) => S("clickItem", e), t = (e) => S("expand", e);
+			return o(q, {
+				options: () => V.value,
 				onClickItem: () => e,
 				onExpand: () => t,
-				modelValue: () => z.value,
-				"onUpdate:modelValue": () => (e) => z.value = e,
-				expanded: () => V.value,
-				"onUpdate:expanded": () => (e) => V.value = e,
-				expandedKeys: () => B.value,
-				"onUpdate:expandedKeys": () => (e) => B.value = e,
-				id: () => d.id + 1,
-				fieldNames: () => d.fieldNames,
-				expandTrigger: () => d.expandTrigger
+				modelValue: () => L.value,
+				"onUpdate:modelValue": () => (e) => L.value = e,
+				expanded: () => z.value,
+				"onUpdate:expanded": () => (e) => z.value = e,
+				expandedKeys: () => R.value,
+				"onUpdate:expandedKeys": () => (e) => R.value = e,
+				id: () => l.id + 1,
+				fieldNames: () => l.fieldNames,
+				expandTrigger: () => l.expandTrigger
 			});
-		}, null, 1)];
+		})];
 	}
 });
 //#endregion
-export { P as default };
+export { M as default };