savor-ui 0.4.1 → 0.5.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 
 
+# [0.5.0](https://gitee.com/mach552/savor-ui/compare/v0.4.1...v0.5.0) (2026-06-19)
+
+
+### Bug Fixes
+
+* **tree:** 修复容器高度计算错误问题 ([a769600](https://gitee.com/mach552/savor-ui/commits/a769600d9771ccfe5e75ff1cd6ea15559ab733bd))
+
+
+### Features
+
+* **expand-card:** 新增展开卡片组件 ([2bf0bda](https://gitee.com/mach552/savor-ui/commits/2bf0bdaa7d21f550089c83c62c549acbc2762d90))
+* **icon:** 新增动画和加载效果 ([6cab674](https://gitee.com/mach552/savor-ui/commits/6cab674844a32cf45d01b6a19a6f463d4bcd89ca))
+* **menu:** 新增`circle`激活样式 ([30ca3ed](https://gitee.com/mach552/savor-ui/commits/30ca3ede06a2d3b93094179643a90d7215c9eef5))
+
 ## [0.4.1](https://gitee.com/mach552/savor-ui/compare/v0.4.0...v0.4.1) (2026-06-17)
 
 

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

@@ -21,6 +21,7 @@ export * from './src/divider';
 export * from './src/drawer';
 export * from './src/dropdown';
 export * from './src/empty';
+export * from './src/expand-card';
 export * from './src/form';
 export * from './src/galleria';
 export * from './src/grid';

package/dist/es/components/index.mjs

@@ -38,6 +38,7 @@ import "./src/divider/index.mjs";
 import "./src/drawer/index.mjs";
 import "./src/dropdown/types.mjs";
 import "./src/dropdown/index.mjs";
+import "./src/expand-card/index.mjs";
 import "./src/galleria/index.mjs";
 import "./src/grid/types.mjs";
 import "./src/grid/index.mjs";

package/dist/es/components/src/expand-card/expand-card.d.ts

@@ -0,0 +1,23 @@
+import { ExpandCardExpose, ExpandCardProps, ExpandCardSlots } from './types';
+import { PublicProps, ShallowUnwrapRef, VNode } from 'vue';
+declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & __VLS_PrettifyLocal<ExpandCardProps & {
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: ShallowUnwrapRef<ExpandCardExpose>) => void;
+    attrs: any;
+    slots: ExpandCardSlots;
+    emit: ((evt: "opened") => void) & ((evt: "closed") => void);
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/es/components/src/expand-card/expand-card.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./expand-card.vue_vue_type_script_setup_true_vapor_true_lang.mjs";
+//#region ../components/src/expand-card/expand-card.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,121 @@
+import { getElementFromBlock as e } from "../../../utils/src/nodes.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
+import { useZIndex as n } from "../../../hooks/src/use-zIndex.mjs";
+import "../../../hooks/index.mjs";
+import { VaporTeleport as r, child as i, computed as a, createComponent as o, createDynamicComponent as s, createIf as c, createInvoker as l, createSlot as u, createTemplateRefSetter as d, defineVaporComponent as f, delegateEvents as p, nextTick as m, onBeforeUnmount as h, onMounted as g, ref as _, renderEffect as v, setClass as y, setInsertionState as b, setStyle as x, template as S, unref as C, useId as w, useSlots as T, useTemplateRef as ee } from "vue";
+//#region ../components/src/expand-card/expand-card.vue?vue&type=script&setup=true&vapor=true&lang.ts
+var E = S("<div>"), D = S("<div><div>");
+p("click");
+var O = /*@__PURE__*/ f({
+	name: "SExpandCard",
+	__name: "expand-card",
+	props: {
+		item: {},
+		duration: { default: 500 },
+		showMask: {
+			type: Boolean,
+			default: !0
+		},
+		targetHeight: { default: "auto" },
+		targetWidth: { default: "50%" },
+		placeholderClassName: {}
+	},
+	emits: ["opened", "closed"],
+	__multiRoot: !0,
+	setup(f, { expose: p, emit: S }) {
+		let O = f, k = S, A = t("expand-card"), j = T(), M = "expand-card-" + w(), { nextZIndex: N } = n(), P = _(0), F = _(!1), I = _(!1), L = _(""), R = _(!1), z = ee("modelRef"), B = A.is("expanded", !0), V = null, H = null, U = null, W = null, G = a(() => {
+			let e = O.duration;
+			return typeof e == "number" ? [e, e] : e;
+		}), K = (e, t) => {
+			if (typeof e == "number") return e;
+			let n = String(e).trim();
+			return n.endsWith("%") ? t * parseFloat(n) / 100 : parseFloat(n) || 0;
+		}, q = (e) => `width ${e}ms cubic-bezier(0.22,1,0.36,1), height ${e}ms cubic-bezier(0.22,1,0.36,1), top ${e}ms cubic-bezier(0.22,1,0.36,1), left ${e}ms cubic-bezier(0.22,1,0.36,1), border-radius ${e}ms ease, box-shadow ${e}ms ease`, J = () => {
+			H &&= (clearTimeout(H), null);
+		}, Y = (e) => {
+			e.style.transition = "", e.style.position = "", e.style.width = "", e.style.height = "", e.style.top = "", e.style.left = "", e.style.zIndex = "", e.style.borderRadius = "";
+		}, X = (e) => {
+			let t = K(O.targetWidth, window.innerWidth), n, r = O.targetHeight;
+			if (r === "auto" || r === "" || r == null) {
+				let r = e.style.width, i = e.style.height;
+				e.style.width = t + "px", e.style.height = "auto", n = e.scrollHeight, e.style.width = r, e.style.height = i, e.offsetHeight;
+			} else n = K(r, window.innerHeight);
+			return {
+				w: t,
+				h: n
+			};
+		}, Z = async () => {
+			if (R.value || F.value) return;
+			let e = V;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), [n] = G.value;
+			R.value = !0, P.value = N(), e.classList.add(B), await m();
+			let r = z.value;
+			if (!r) {
+				R.value = !1, e.classList.remove(B);
+				return;
+			}
+			r.style.transition = "none", r.style.position = "fixed", r.style.width = t.width + "px", r.style.height = t.height + "px", r.style.top = t.top + "px", r.style.left = t.left + "px", r.style.zIndex = String(N()), r.style.borderRadius = "12px", r.offsetHeight, U = requestAnimationFrame(() => {
+				U = null;
+				let { w: e, h: t } = X(r), i = (window.innerWidth - e) / 2, a = (window.innerHeight - t) / 2;
+				r.offsetHeight, L.value = `opacity ${n}ms ease`, I.value = !0, r.style.transition = q(n), r.style.width = e + "px", r.style.height = t + "px", r.style.top = a + "px", r.style.left = i + "px", r.style.borderRadius = "16px";
+			}), J(), H = setTimeout(() => {
+				H = null, R.value = !1, F.value = !0, k("opened");
+			}, n);
+		}, Q = () => {
+			if (R.value || !F.value) return;
+			let e = V, t = z.value;
+			if (!e || !t) return;
+			R.value = !0;
+			let [, n] = G.value;
+			L.value = `opacity ${n}ms ease`, I.value = !1;
+			let r = e.getBoundingClientRect();
+			t.style.transition = q(n), t.style.width = r.width + "px", t.style.height = r.height + "px", t.style.top = r.top + "px", t.style.left = r.left + "px", t.style.borderRadius = "12px", J(), H = setTimeout(() => {
+				H = null, R.value = !1, F.value = !1, e.classList.remove(B), k("closed");
+			}, n);
+		}, $ = () => {
+			W && cancelAnimationFrame(W), W = requestAnimationFrame(() => {
+				if (W = null, !F.value || R.value) return;
+				let e = z.value;
+				if (!e) return;
+				let { w: t, h: n } = X(e);
+				e.style.transition = "none", e.style.width = t + "px", e.style.height = n + "px", e.style.top = (window.innerHeight - n) / 2 + "px", e.style.left = (window.innerWidth - t) / 2 + "px";
+			});
+		}, te = a(() => {
+			let t = j.default?.();
+			if (!t) return null;
+			let n = e(t);
+			return n ? (V !== n && (V?.removeEventListener("click", Z), n.addEventListener("click", Z), n.id = M, V = n), n) : null;
+		});
+		g(() => {
+			window.addEventListener("resize", $);
+		}), h(() => {
+			window.removeEventListener("resize", $), U && cancelAnimationFrame(U), W && cancelAnimationFrame(W), J(), V &&= (V.removeEventListener("click", Z), V.classList.remove(B), null);
+			let e = z.value;
+			e && Y(e);
+		}), p({
+			open: Z,
+			close: Q
+		});
+		let ne = d();
+		return [s(() => te.value), o(r, { to: "body" }, () => c(() => F.value || R.value, () => {
+			let e = D(), t = i(e, 1);
+			return v(() => y(e, [C(A).e("wrapper")])), b(e, 0, 0), c(() => f.showMask && (F.value || R.value), () => {
+				let e = E();
+				return e.$evtclick = l(Q), v(() => {
+					let t = I.value;
+					y(e, [C(A).e("mask")]), x(e, {
+						zIndex: P.value,
+						opacity: +!!t,
+						transition: L.value,
+						pointerEvents: t ? "auto" : "none",
+						backgroundColor: "rgba(0, 0, 0, 0)"
+					});
+				}), e;
+			}), v(() => y(t, [C(A).e("model")])), b(t, null, 0), u("model", { item: () => f.item }), ne(t, z, null, "modelRef"), e;
+		}, null, 129))];
+	}
+});
+//#endregion
+export { O as default };

package/dist/es/components/src/expand-card/index.d.ts

@@ -0,0 +1,27 @@
+import { ExpandCardSlots, ExpandCardExpose } from './types';
+import { PublicProps, ShallowUnwrapRef, VNode, Plugin } from 'vue';
+export declare const SExpandCard: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: ExpandCardSlots;
+    emit: ((evt: "opened") => void) & ((evt: "closed") => void);
+}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: PublicProps & {
+        item?: any;
+        duration?: number | [number, number] | undefined;
+        showMask?: boolean | undefined;
+        targetHeight?: number | string | undefined;
+        targetWidth?: number | string | undefined;
+        placeholderClassName?: string | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    } & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: ShallowUnwrapRef<ExpandCardExpose>) => void;
+    attrs: any;
+    slots: ExpandCardSlots;
+    emit: ((evt: "opened") => void) & ((evt: "closed") => void);
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+}) & Plugin;
+export * from './types';

package/dist/es/components/src/expand-card/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./expand-card.vue.mjs";
+//#region ../components/src/expand-card/index.ts
+var n = e(t);
+//#endregion
+export { n as SExpandCard };

package/dist/es/components/src/expand-card/types.d.ts

@@ -0,0 +1,34 @@
+export interface ExpandCardProps {
+    /** 卡片数据 */
+    item?: any;
+    /** 动画时长，单位毫秒，number表示展开和收起的时长相同，[number, number]表示展开和收起的时长 */
+    duration?: number | [number, number];
+    /** 是否显示遮罩 */
+    showMask?: boolean;
+    /** 展开高度，支持 number | string（如 460 / '460px' / '80%' / 'auto' / ''） */
+    targetHeight?: number | string;
+    /** 展开宽度，支持 number | string（如 600 / '600px' / '80%'） */
+    targetWidth?: number | string;
+    /** 占位元素类名 */
+    placeholderClassName?: string;
+}
+export interface ExpandCardSlots {
+    /** 默认插槽，只支持传入一个元素 */
+    default?: () => any;
+    /** 展开的内容 */
+    model?: (props: {
+        item: any;
+    }) => any;
+}
+export interface ExpandCardEmits {
+    /** 开始展开 */
+    opened: [];
+    /** 结束展开 */
+    closed: [];
+}
+export interface ExpandCardExpose {
+    /** 展开卡片 */
+    open: () => void;
+    /** 收起卡片 */
+    close: () => void;
+}

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

@@ -2,24 +2,36 @@ import { getSize as e } from "../../../utils/src/tool.mjs";
 import "../../../utils/index.mjs";
 import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { computed as n, createSlot as r, defineVaporComponent as i, renderEffect as a, setClass as o, setInsertionState as s, setStyle as c, template as l, unref as u } from "vue";
+import { computed as n, createIf as r, createSlot as i, defineVaporComponent as a, renderEffect as o, setClass as s, setInsertionState as c, setStyle as l, template as u, unref as d } from "vue";
 //#region ../components/src/icon/icon.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var d = l("<div>", 1), f = /*@__PURE__*/ i({
+var f = u("<div><svg viewBox=\"0 0 24 24\"><circle cx=12 cy=12 r=8>", 1), p = u("<div>", 1), m = /*@__PURE__*/ a({
 	name: "SIcon",
 	__name: "icon",
 	props: {
 		size: {},
-		color: {}
+		color: {},
+		anime: { type: Boolean },
+		animeType: { default: "shake" },
+		loading: { type: Boolean }
 	},
-	setup(i) {
-		let l = i, f = t("icon"), p = n(() => ({
-			fontSize: e(l.size),
-			color: l.color
-		})), m = d();
-		return a(() => {
-			o(m, [u(f).b()]), c(m, p.value);
-		}), s(m, null, 0), r(), m;
+	setup(a) {
+		let u = a, m = t("icon"), h = n(() => ({
+			fontSize: e(u.size),
+			color: u.color
+		})), g = n(() => u.animeType === "shake" ? m.is("shake", u.anime) : u.animeType === "scale" ? m.is("scale", u.anime) : u.animeType === "moveUp" ? m.is("moveUp", u.anime) : u.animeType === "rotate" ? m.is("rotate", u.anime) : "");
+		return r(() => a.loading, () => {
+			let e = f();
+			return o(() => {
+				let t = d(m);
+				s(e, [t.b(), t.is("loading", a.loading)]), l(e, h.value);
+			}), e;
+		}, () => {
+			let e = p();
+			return o(() => {
+				s(e, [d(m).b(), g.value]), l(e, h.value);
+			}), c(e, null, 0), i(), e;
+		}, 261);
 	}
 });
 //#endregion
-export { f as default };
+export { m as default };

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

@@ -8,6 +8,9 @@ export declare const SIcon: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
     props: PublicProps & {
         size?: string | number | undefined;
         color?: string | undefined;
+        anime?: boolean | undefined;
+        animeType?: "shake" | "scale" | "moveUp" | "rotate" | undefined;
+        loading?: boolean | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

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

@@ -3,6 +3,14 @@ export interface IconProps {
     size?: string | number;
     /** 图标颜色 */
     color?: string;
+    /** 是否开启动画 */
+    anime?: boolean;
+    /** 动画类型（shake：抖动，scale：缩放，moveUp：上移，rotate：旋转）
+     * @default shake
+     */
+    animeType?: "shake" | "scale" | "moveUp" | "rotate";
+    /** 是否显示加载状态 */
+    loading?: boolean;
 }
 export interface IconSlots {
     /** 默认 */

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

@@ -28,7 +28,7 @@ export declare const SMenuItem: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         name: string | number;
         title?: string | undefined;
         disabled?: boolean | undefined;
-        activePosition?: "left" | "center" | "right" | undefined;
+        activePosition?: "left" | "center" | "right" | "circle" | undefined;
         item?: any;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -44,7 +44,8 @@ var O = /*@__PURE__*/ u({
 						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")
+						t.is("active-right", a.value === r && i === "right"),
+						t.is("active-circle", a.value === r && i === "circle")
 					]);
 				}), g(e, 0, 0), s(() => d.icon, () => {
 					let e = C();
@@ -61,9 +62,10 @@ var O = /*@__PURE__*/ u({
 				h(e, [
 					t.e("item-title"),
 					t.is("disabled", u.disabled),
-					t.is("active", a.value === r && i === "center"),
+					t.is("active-center", a.value === r && i === "center"),
 					t.is("active-left", a.value === r && i === "left"),
-					t.is("active-right", a.value === r && i === "right")
+					t.is("active-right", a.value === r && i === "right"),
+					t.is("active-circle", a.value === r && i === "circle")
 				]);
 			}), g(e, 0, 0), s(() => d.icon, () => {
 				let e = C();

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

@@ -33,7 +33,7 @@ export interface MenuItemProps {
     /** 是否禁用 */
     disabled?: boolean;
     /** 激活标识位置 */
-    activePosition?: "left" | "center" | "right";
+    activePosition?: "left" | "center" | "right" | "circle";
     /** 菜单项数据 */
     item?: any;
 }

package/dist/es/components/src/tree/tree.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 t from "./node.vue.mjs";
 import { treeContextKey as n } from "./types.mjs";
-import { VaporTransitionGroup as r, computed as i, createComponent as a, createFor as o, defineVaporComponent as s, mergeModels as c, provide as l, ref as u, renderEffect as d, setClass as f, setInsertionState as p, setStyle as m, template as h, unref as g, useModel as _, useSlots as v, watch as y } from "vue";
+import { VaporTransitionGroup as r, computed as i, createComponent as a, createFor as o, defineVaporComponent as s, mergeModels as c, nextTick as l, provide as u, ref as d, renderEffect as f, setClass as p, setInsertionState as m, setStaticTemplateRef as h, setStyle as g, template as _, unref as v, useModel as y, useSlots as b, watch as x } from "vue";
 //#region ../components/src/tree/tree.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var b = h("<div>", 1), x = /*@__PURE__*/ s({
+var S = _("<div>", 1), C = /*@__PURE__*/ s({
 	name: "STree",
 	__name: "tree",
 	props: /*@__PURE__*/ c({
@@ -51,15 +51,19 @@ var b = h("<div>", 1), x = /*@__PURE__*/ s({
 		"update:expandedKeys"
 	]),
 	setup(s, { emit: c }) {
-		let h = s, x = c, S = e("tree"), C = _(s, "selectKeys"), w = _(s, "checkedKeys"), T = _(s, "indeterminateKeys"), E = _(s, "expandedKeys"), D = u(0), O = () => j.value.length * 31 - 4, k = u([]), A = (e, t) => {
-			let { label: n, key: r, children: i } = h.fieldNames, a = (e, t) => e?.length ? e.map((e) => {
+		let _ = s, C = c, w = e("tree"), T = y(s, "selectKeys"), E = y(s, "checkedKeys"), D = y(s, "indeterminateKeys"), O = y(s, "expandedKeys"), k = d(), A = d(0), j = async () => {
+			await l();
+			let e = k.value?.firstElementChild;
+			e && (A.value = e.scrollHeight);
+		}, M = d([]), N = (e, t) => {
+			let { label: n, key: r, children: i } = _.fieldNames, a = (e, t) => e?.length ? e.map((e) => {
 				let o = e[i] || [], s = {
 					label: e[n],
 					key: e[r],
 					children: [],
 					rawNode: { ...e },
 					level: t ? t.level + 1 : 0,
-					isLeaf: e.isLeaf ? e.isLeaf : h.loadMore ? !1 : !o?.length,
+					isLeaf: e.isLeaf ? e.isLeaf : _.loadMore ? !1 : !o?.length,
 					disabled: !!e.disabled,
 					parentKey: t?.key
 				};
@@ -67,75 +71,75 @@ var b = h("<div>", 1), x = /*@__PURE__*/ s({
 			}) : [];
 			return Array.isArray(e) ? a(e, t) : [];
 		};
-		y(() => h.data, (e) => {
-			k.value = A(e);
+		x(() => _.data, (e) => {
+			M.value = N(e);
 		}, { immediate: !0 });
-		let j = i(() => {
-			let e = k.value || [];
+		let P = i(() => {
+			let e = M.value || [];
 			if (e.length === 0) return [];
 			let t = [], n = [...e].reverse();
 			for (; n.length;) {
 				let e = n.pop();
-				t.push(e), E.value.includes(e.key) && e?.children?.length && n.push(...[...e.children].reverse());
+				t.push(e), O.value.includes(e.key) && e?.children?.length && n.push(...[...e.children].reverse());
 			}
 			return t;
 		});
-		y(() => j.value, () => {
-			D.value = O();
+		x(() => P.value, () => {
+			j();
 		}, { immediate: !0 });
-		let M = (e) => E.value.includes(e.key), N = (e) => {
-			E.value = E.value.filter((t) => t !== e.key);
-		}, P = u(/* @__PURE__ */ new Set()), F = async (e) => {
-			if (!e.children.length && !e.isLeaf && !P.value.has(e.key)) {
-				P.value.add(e.key);
-				let t = await h.loadMore?.(e);
-				t?.length && (e.rawNode.children = t, e.children = A(t, e)), P.value.delete(e.key);
+		let F = (e) => O.value.includes(e.key), I = (e) => {
+			O.value = O.value.filter((t) => t !== e.key);
+		}, L = d(/* @__PURE__ */ new Set()), R = async (e) => {
+			if (!e.children.length && !e.isLeaf && !L.value.has(e.key)) {
+				L.value.add(e.key);
+				let t = await _.loadMore?.(e);
+				t?.length && (e.rawNode.children = t, e.children = N(t, e)), L.value.delete(e.key);
 			}
-		}, I = async (e) => {
-			E.value = [...E.value, e.key], await F(e);
-		}, L = async (e) => {
-			E.value.includes(e.key) ? (N(e), x("nodeExpand", e, !0)) : (await I(e), x("nodeExpand", e, !1));
-		}, R = (e) => {
-			!h.selectable || e.disabled || (h.multiple ? C.value.includes(e.key) ? C.value = C.value.filter((t) => t !== e.key) : C.value = [...C.value, e.key] : C.value = [e.key], x("nodeSelect", e));
-		}, z = (e, t) => {
-			t.disabled || (e ? (w.value = [...w.value, t.key], T.value = T.value.filter((e) => e !== t.key)) : w.value = w.value.filter((e) => e !== t.key), t.children?.length && t.children.forEach((t) => {
-				t.disabled || z(e, t);
+		}, z = async (e) => {
+			O.value = [...O.value, e.key], await R(e);
+		}, B = async (e) => {
+			O.value.includes(e.key) ? (I(e), C("nodeExpand", e, !0)) : (await z(e), C("nodeExpand", e, !1));
+		}, V = (e) => {
+			!_.selectable || e.disabled || (_.multiple ? T.value.includes(e.key) ? T.value = T.value.filter((t) => t !== e.key) : T.value = [...T.value, e.key] : T.value = [e.key], C("nodeSelect", e));
+		}, H = (e, t) => {
+			t.disabled || (e ? (E.value = [...E.value, t.key], D.value = D.value.filter((e) => e !== t.key)) : E.value = E.value.filter((e) => e !== t.key), t.children?.length && t.children.forEach((t) => {
+				t.disabled || H(e, t);
 			}));
-		}, B = (e) => j.value.find((t) => t.key === e), V = (e) => {
+		}, U = (e) => P.value.find((t) => t.key === e), W = (e) => {
 			if (!e.disabled && e.parentKey) {
-				let t = B(e.parentKey);
+				let t = U(e.parentKey);
 				if (t) {
 					let e = !0, n = !1;
-					for (let r of t.children) w.value.includes(r.key) ? n = !0 : T.value.includes(r.key) ? (e = !1, n = !0) : e = !1;
-					e ? (w.value = [...w.value, t.key], T.value = T.value.filter((e) => e !== t.key)) : n ? (w.value = w.value.filter((e) => e !== t.key), T.value = [...T.value, t.key]) : (w.value = w.value.filter((e) => e !== t.key), T.value = T.value.filter((e) => e !== t.key)), V(t);
+					for (let r of t.children) E.value.includes(r.key) ? n = !0 : D.value.includes(r.key) ? (e = !1, n = !0) : e = !1;
+					e ? (E.value = [...E.value, t.key], D.value = D.value.filter((e) => e !== t.key)) : n ? (E.value = E.value.filter((e) => e !== t.key), D.value = [...D.value, t.key]) : (E.value = E.value.filter((e) => e !== t.key), D.value = D.value.filter((e) => e !== t.key)), W(t);
 				}
 			}
-		}, H = (e, t) => {
-			z(e, t), V(t), x("nodeCheck", t, e);
-		}, U = (e) => {
-			x("nodeClick", e);
+		}, G = (e, t) => {
+			H(e, t), W(t), C("nodeCheck", t, e);
+		}, K = (e) => {
+			C("nodeClick", e);
 		};
-		l(n, { slots: v() });
-		let W = b();
-		return d(() => {
-			f(W, [g(S).b()]), m(W, { height: D.value + "px" });
-		}), p(W, null, 0), a(r, {
+		u(n, { slots: b() });
+		let q = S();
+		return f(() => {
+			p(q, [v(w).b()]), g(q, { height: A.value + "px" });
+		}), m(q, null, 0), a(r, {
 			name: "tree-list",
 			tag: "div"
-		}, () => o(() => j.value, (e) => a(t, {
+		}, () => o(() => P.value, (e) => a(t, {
 			node: () => e.value,
-			expanded: () => M(e.value),
-			onToggle: () => L,
-			loading: () => P.value.has(e.value.key),
-			onSelect: () => R,
-			selected: () => C.value.includes(e.value.key),
+			expanded: () => F(e.value),
+			onToggle: () => B,
+			loading: () => L.value.has(e.value.key),
+			onSelect: () => V,
+			selected: () => T.value.includes(e.value.key),
 			checkable: () => !!s.checkable,
-			checked: () => w.value.includes(e.value.key),
-			indeterminate: () => T.value.includes(e.value.key),
-			onCheck: () => H,
-			onClick: () => U
-		}), (e) => e.key, 34)), W;
+			checked: () => E.value.includes(e.value.key),
+			indeterminate: () => D.value.includes(e.value.key),
+			onCheck: () => G,
+			onClick: () => K
+		}), (e) => e.key, 34)), h(q, k, null, "containerRef"), q;
 	}
 });
 //#endregion
-export { x as default };
+export { C as default };