savor-ui 0.3.2 → 0.4.0

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

@@ -3,16 +3,16 @@ import { PublicProps, VNode, Plugin } from 'vue';
 export declare const SList: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: ListSlots;
-    emit: (((evt: "dragStart", data: any) => void) & ((evt: "dragEnd", data: any) => void)) & ((event: "update:modelValue", value: string | number) => void);
+    emit: (((evt: "dragStart", data: any) => void) & ((evt: "dragEnd", data: any) => void)) & ((event: "update:modelValue", value: any) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: PublicProps & {
+        modelValue?: any;
         data?: any[] | undefined;
         hover?: boolean | undefined;
-        selected?: boolean | undefined;
+        selectable?: boolean | undefined;
         selectKey?: string | undefined;
-        modelValue?: string | number | undefined;
         border?: boolean | undefined;
-        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         onDragStart?: ((data: any) => any) | undefined;
         onDragEnd?: ((data: any) => any) | undefined;
     } & (typeof globalThis extends {
@@ -21,7 +21,7 @@ export declare const SList: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ListSlots;
-    emit: (((evt: "dragStart", data: any) => void) & ((evt: "dragEnd", data: any) => void)) & ((event: "update:modelValue", value: string | number) => void);
+    emit: (((evt: "dragStart", data: any) => void) & ((evt: "dragEnd", data: any) => void)) & ((event: "update:modelValue", value: any) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 }) & Plugin;

package/dist/es/components/src/list/list.d.ts

@@ -2,9 +2,9 @@ import { ListProps, ListSlots } from './types';
 import { PublicProps, 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<(ListProps & {
-        modelValue?: string | number;
+        modelValue?: any;
     }) & {
-        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         onDragStart?: ((data: any) => any) | undefined;
         onDragEnd?: ((data: any) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -13,7 +13,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ListSlots;
-    emit: (((evt: "dragStart", data: any) => void) & ((evt: "dragEnd", data: any) => void)) & ((event: "update:modelValue", value: string | number) => void);
+    emit: (((evt: "dragStart", data: any) => void) & ((evt: "dragEnd", data: any) => void)) & ((event: "update:modelValue", value: any) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -8,27 +8,21 @@ var b = /*@__PURE__*/ a({
 	name: "SList",
 	__name: "list",
 	props: /*@__PURE__*/ s({
+		modelValue: {},
 		data: {},
 		hover: { type: Boolean },
-		selected: {
-			type: Boolean,
-			default: !1
-		},
+		selectable: { type: Boolean },
 		selectKey: { default: "id" },
-		modelValue: {},
-		border: {
-			type: Boolean,
-			default: !1
-		}
+		border: { type: Boolean }
 	}, {
-		modelValue: { default: "" },
+		modelValue: { default: () => {} },
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ s(["dragStart", "dragEnd"], ["update:modelValue"]),
 	setup(a, { emit: o }) {
 		let s = a, p = e("list"), b = g(a, "modelValue"), x = (e) => {
-			b.value = e[s.selectKey];
-		}, S = (e) => b.value === e[s.selectKey] && s.selected, C = y(), w = t(C);
+			!s.selectable || !s.selectKey || (b.value = e[s.selectKey]);
+		}, S = (e) => s.selectKey ? b.value === e[s.selectKey] && s.selectable : !1, C = y(), w = t(C);
 		return c(() => {
 			let e = h(p);
 			l(C, [e.b(), { [e.m("border")]: a.border }]), l(w, [e.e("wrapper")]);
@@ -39,6 +33,7 @@ var b = /*@__PURE__*/ a({
 				l(n, [
 					t.e("item"),
 					t.is("selected", S(e.value)),
+					t.is("selectable", a.selectable),
 					{ [t.m("hover")]: a.hover }
 				]);
 			}), u(n, null, 0), i("default", {

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

@@ -1,14 +1,16 @@
 export interface ListProps {
+    /** 选中项（v-model） */
+    modelValue?: any;
     /** 列表项数据 */
     data?: any[];
     /** 是否显示悬停状态 */
     hover?: boolean;
-    /** 是否显示选中状态 */
-    selected?: boolean;
-    /** 选中项键名 */
+    /** 是否可选择 */
+    selectable?: boolean;
+    /** 选中项键名
+     * @default id
+     */
     selectKey?: string;
-    /** 选中项（v-model） */
-    modelValue?: string | number;
     /** 是否显示边框 */
     border?: boolean;
 }

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

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

@@ -5,7 +5,7 @@ import n from "../../../icons/src/right.vue.mjs";
 import r from "../../../icons/src/up.vue.mjs";
 import "../../../icons/index.mjs";
 import i from "../popover/popover.vue.mjs";
-import a from "../_comp/HeightTransition.vue.mjs";
+import { STransition as a } from "../transition/index.mjs";
 import { menuContextKey as ee, menuLevelContextKey as o, subMenuContextKey as s } from "./types.mjs";
 import { child as c, computed as l, createComponent as u, createIf as d, createInvoker as f, createSlot as p, createTemplateRefSetter as m, defineVaporComponent as h, delegateEvents as g, inject as _, next as v, onMounted as y, provide as b, ref as x, renderEffect as S, setClass as C, setInsertionState as w, setText as T, template as E, toDisplayString as D, unref as O, useTemplateRef as k, watch as A } from "vue";
 //#region ../components/src/menu/sub-menu.vue?vue&type=script&setup=true&vapor=true&lang.ts
@@ -119,7 +119,7 @@ var R = /*@__PURE__*/ h({
 			}), S(() => C(n, [O(R).e("sub-label")])), w(n, null, 0), p("title", null, () => {
 				let e = M();
 				return S(() => T(e, D(h.title))), e;
-			}), S(() => C(i, [O(R).e("sub-arrow")])), w(i, null, 0), d(() => W.value, () => u(O(r)), () => u(O(t)), 2309), e.$evtclick = f(K), [e, u(a, null, () => d(() => W.value, () => {
+			}), S(() => C(i, [O(R).e("sub-arrow")])), w(i, null, 0), d(() => W.value, () => u(O(r)), () => u(O(t)), 2309), e.$evtclick = f(K), [e, u(O(a), { type: "height" }, () => d(() => W.value, () => {
 				let e = I(), t = c(e);
 				return S(() => C(t, [O(R).e("sub-content")])), w(t, null, 0), p(), e;
 			}, null, 129))];

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

@@ -3,23 +3,22 @@ import "../../../utils/index.mjs";
 import { useDrag as t } from "../../../hooks/src/use-drag.mjs";
 import { useNamespace as n } from "../../../hooks/src/use-namespace.mjs";
 import { useResize as ee } from "../../../hooks/src/use-resize.mjs";
-import { useResizeObserver as r } from "../../../hooks/src/use-resize-observer.mjs";
-import { useScrollHidden as i } from "../../../hooks/src/use-scroll-hidden.mjs";
-import { useZIndex as te } from "../../../hooks/src/use-zIndex.mjs";
+import { useResizeObserver as te } from "../../../hooks/src/use-resize-observer.mjs";
+import { useScrollHidden as ne } from "../../../hooks/src/use-scroll-hidden.mjs";
+import { useZIndex as re } from "../../../hooks/src/use-zIndex.mjs";
 import "../../../hooks/index.mjs";
-import ne from "../../../icons/src/close.vue.mjs";
-import re from "../../../icons/src/fullscreen-exit.vue.mjs";
-import ie from "../../../icons/src/fullscreen.vue.mjs";
+import r from "../../../icons/src/close.vue.mjs";
+import ie from "../../../icons/src/fullscreen-exit.vue.mjs";
+import ae from "../../../icons/src/fullscreen.vue.mjs";
 import "../../../icons/index.mjs";
-import { SScrollbar as ae } from "../scrollbar/index.mjs";
-import { SButton as a } from "../button/index.mjs";
-import oe from "../_comp/OpacityTransition.vue.mjs";
-import se from "../_comp/ScaleTransition.vue.mjs";
-import { VaporTeleport as ce, applyVShow as o, child as s, computed as c, createComponent as l, createIf as u, createInvoker as le, createSlot as d, createTemplateRefSetter as ue, defineVaporComponent as f, delegateEvents as p, mergeModels as m, next as de, nextTick as h, onUnmounted as fe, ref as g, renderEffect as _, setClass as v, setInsertionState as y, setStyle as b, setText as x, template as S, toDisplayString as C, toRefs as pe, unref as w, useModel as me, useTemplateRef as T, watch as E, watchEffect as he } from "vue";
+import { SScrollbar as oe } from "../scrollbar/index.mjs";
+import { SButton as i } from "../button/index.mjs";
+import { STransition as a } from "../transition/index.mjs";
+import { VaporTeleport as se, applyVShow as o, child as s, computed as c, createComponent as l, createIf as u, createInvoker as ce, createSlot as d, createTemplateRefSetter as le, defineVaporComponent as f, delegateEvents as p, mergeModels as m, next as h, nextTick as g, onUnmounted as ue, ref as _, renderEffect as v, setClass as y, setInsertionState as b, setStyle as x, setText as S, template as C, toDisplayString as w, toRefs as de, unref as T, useModel as fe, useTemplateRef as E, watch as D, watchEffect as pe } from "vue";
 //#region ../components/src/modal/modal.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var D = S("<div>"), O = S(" "), ge = S("<div><div></div><div></div>"), _e = S("<div style=\"flex: 1; overflow: hidden; display: flex; flex-direction: column\">"), ve = S("<div><div>");
+var O = C("<div>"), k = C(" "), me = C("<div><div></div><div></div>"), he = C("<div style=\"flex: 1; overflow: hidden; display: flex; flex-direction: column\">"), ge = C("<div><div>");
 p("click");
-var k = /*@__PURE__*/ f({
+var A = /*@__PURE__*/ f({
 	name: "SModal",
 	__name: "modal",
 	props: /*@__PURE__*/ m({
@@ -99,159 +98,160 @@ var k = /*@__PURE__*/ f({
 		"confirm"
 	], ["update:modelValue"]),
 	setup(f, { expose: p, emit: m }) {
-		let S = f, k = m, A = n("modal"), { lockScroll: ye, unlockScroll: j } = i(), { nextZIndex: be } = te(), M = g(0), N = T("modalRef"), P = T("headerRef"), F = me(f, "modelValue"), I = g(!1), L = g(!1), R = g(!1), z = g(!1), B = g(0), V = g(0), H = g(0), U = g(0), W = g(!1), G = g(0), K = g(0), q = c(() => typeof S.to == "string" ? document.querySelector(S.to) || document.body : S.to);
-		r(q, () => {
-			let e = q.value;
-			G.value = e.clientHeight, K.value = e.clientWidth, Q();
+		let C = f, A = m, j = n("modal"), { lockScroll: _e, unlockScroll: M } = ne(), { nextZIndex: ve } = re(), N = _(0), P = E("modalRef"), F = E("headerRef"), I = fe(f, "modelValue"), L = _(!1), R = _(!1), z = _(!1), B = _(!1), V = _(0), H = _(0), U = _(0), W = _(0), G = _(!1), K = _(0), q = _(0), J = c(() => typeof C.to == "string" ? document.querySelector(C.to) || document.body : C.to);
+		te(J, () => {
+			let e = J.value;
+			K.value = e.clientHeight, q.value = e.clientWidth, Q();
 		});
-		let xe = c(() => ({
-			zIndex: M.value,
-			position: S.to === "body" ? "fixed" : "absolute"
-		})), Se = c(() => R.value ? {} : {
-			width: H.value ? `${H.value}px` : e(S.width),
-			height: U.value ? `${U.value}px` : e(S.height),
-			top: `${B.value}px`,
-			left: `${V.value}px`,
-			maxHeight: G.value ? `${G.value - 40}px` : void 0,
-			...S.modalStyle
-		}), Ce = () => {
-			k("opened");
-		}, we = () => {
-			L.value = !1, z.value = !1, W.value = !1, k("closed"), h(j);
-		}, Te = () => {
-			S.closeOnOverlayClick && X();
-		}, J = (e) => {
-			e ? F.value = !1 : z.value = !1;
+		let ye = c(() => ({
+			zIndex: N.value,
+			position: C.to === "body" ? "fixed" : "absolute"
+		})), be = c(() => z.value ? {} : {
+			width: U.value ? `${U.value}px` : e(C.width),
+			height: W.value ? `${W.value}px` : e(C.height),
+			top: `${V.value}px`,
+			left: `${H.value}px`,
+			maxHeight: K.value ? `${K.value - 40}px` : void 0,
+			...C.modalStyle
+		}), xe = () => {
+			A("opened");
+		}, Se = () => {
+			R.value = !1, B.value = !1, G.value = !1, A("closed"), g(M);
+		}, Ce = () => {
+			C.closeOnOverlayClick && X();
+		}, we = (e) => {
+			e ? I.value = !1 : B.value = !1;
 		}, Y = () => {
-			z.value = !0, k("confirm", J);
+			B.value = !0, A("confirm", we);
 		}, X = () => {
-			F.value = !1, k("close");
-		}, Ee = () => {
-			R.value = !R.value;
+			I.value = !1, A("close");
+		}, Te = () => {
+			z.value = !z.value;
 		};
-		E(() => S.fullscreen, (e) => R.value = e, { immediate: !0 });
+		D(() => C.fullscreen, (e) => z.value = e, { immediate: !0 });
 		let Z = (e) => {
-			e.key === "Escape" && S.closeOnEsc && I.value && X();
+			e.key === "Escape" && C.closeOnEsc && L.value && X();
 		}, Q = async () => {
-			if (await h(), !N.value || W.value) return;
-			let e = N.value;
-			S.center ? B.value = Math.max(0, (G.value - e.offsetHeight) / 2) : B.value = S.offset, V.value = Math.max(0, (K.value - e.offsetWidth) / 2);
+			if (await g(), !P.value || G.value) return;
+			let e = P.value;
+			C.center ? V.value = Math.max(0, (K.value - e.offsetHeight) / 2) : V.value = C.offset, H.value = Math.max(0, (q.value - e.offsetWidth) / 2);
 		};
-		E(() => F.value, async (e) => {
-			e ? (M.value = be(), ye(), L.value = !0, await h(), I.value = !0, Q()) : I.value = !1;
-		}, { immediate: !0 }), he((e) => {
-			I.value && (document.addEventListener("keydown", Z), e(() => document.removeEventListener("keydown", Z)));
+		D(() => I.value, async (e) => {
+			e ? (N.value = ve(), _e(), R.value = !0, await g(), L.value = !0, Q()) : L.value = !1;
+		}, { immediate: !0 }), pe((e) => {
+			L.value && (document.addEventListener("keydown", Z), e(() => document.removeEventListener("keydown", Z)));
 		});
-		let { minWidth: De, minHeight: Oe, maxWidth: ke, maxHeight: Ae } = pe(S);
+		let { minWidth: Ee, minHeight: De, maxWidth: Oe, maxHeight: ke } = de(C);
 		ee({
-			target: N,
-			container: q,
-			enable: c(() => S.resizable && !R.value),
-			minWidth: De,
-			minHeight: Oe,
-			maxWidth: ke,
-			maxHeight: Ae,
-			divWidth: H,
-			divHeight: U,
-			divTop: B,
-			divLeft: V
-		}), t({
-			container: N,
 			target: P,
-			parent: q,
-			enable: c(() => S.draggable && !R.value),
-			divLeft: V,
-			divTop: B,
-			hasDragged: W
-		}), fe(() => {
-			j();
+			container: J,
+			enable: c(() => C.resizable && !z.value),
+			minWidth: Ee,
+			minHeight: De,
+			maxWidth: Oe,
+			maxHeight: ke,
+			divWidth: U,
+			divHeight: W,
+			divTop: V,
+			divLeft: H
+		}), t({
+			container: P,
+			target: F,
+			parent: J,
+			enable: c(() => C.draggable && !z.value),
+			divLeft: H,
+			divTop: V,
+			hasDragged: G
+		}), ue(() => {
+			M();
 		}), p({ handleClose: X });
-		let $ = ue();
-		return l(ce, {
+		let $ = le();
+		return l(se, {
 			to: () => f.to,
 			defer: ""
 		}, () => {
-			let e = ve(), t = s(e, 1);
-			return _(() => {
-				v(e, [w(A).e("container")]), b(e, xe.value);
-			}), y(e, 0, 0), l(oe, null, () => u(() => f.mask && I.value, () => {
-				let e = D();
-				return e.$evtclick = le(Te), _(() => {
-					b(e, f.maskStyle), v(e, [w(A).e("mask")]);
+			let e = ge(), t = s(e, 1);
+			return v(() => {
+				y(e, [T(j).e("container")]), x(e, ye.value);
+			}), b(e, 0, 0), l(T(a), { type: "opacity" }, () => u(() => f.mask && L.value, () => {
+				let e = O();
+				return e.$evtclick = ce(Ce), v(() => {
+					x(e, f.maskStyle), y(e, [T(j).e("mask")]);
 				}), e;
-			}, null, 129)), _(() => v(t, [w(A).e("wrapper")])), y(t, null, 0), l(se, {
-				onAfterLeave: () => we,
-				onAfterEnter: () => Ce
+			}, null, 129)), v(() => y(t, [T(j).e("wrapper")])), b(t, null, 0), l(T(a), {
+				type: "scale",
+				onAfterLeave: () => Se,
+				onAfterEnter: () => xe
 			}, () => {
-				let e = D();
-				return _(() => {
-					let t = w(A);
-					v(e, [
+				let e = O();
+				return v(() => {
+					let t = T(j);
+					y(e, [
 						t.b(),
 						t.is("drag", f.draggable),
-						t.is("fullscreen", R.value)
-					]), b(e, Se.value);
-				}), y(e, null, 0), u(() => f.header, () => {
-					let e = ge(), t = s(e), n = de(t, 1);
-					return _(() => {
-						let n = w(A);
-						v(e, [n.e("header")]), v(t, [n.e("title")]);
-					}), y(t, null, 0), d("header", null, () => {
-						let e = O();
-						return _(() => x(e, C(f.title))), e;
-					}), _(() => v(n, [w(A).e("header-icon")])), y(n, null, 0), u(() => f.fullable, () => l(w(a), {
+						t.is("fullscreen", z.value)
+					]), x(e, be.value);
+				}), b(e, null, 0), u(() => f.header, () => {
+					let e = me(), t = s(e), n = h(t, 1);
+					return v(() => {
+						let n = T(j);
+						y(e, [n.e("header")]), y(t, [n.e("title")]);
+					}), b(t, null, 0), d("header", null, () => {
+						let e = k();
+						return v(() => S(e, w(f.title))), e;
+					}), v(() => y(n, [T(j).e("header-icon")])), b(n, null, 0), u(() => f.fullable, () => l(T(i), {
 						circle: "",
 						text: "",
 						size: "small",
-						onClick: () => Ee
-					}, { icon: () => u(() => R.value, () => l(w(re)), () => l(w(ie)), 645) })), y(n, null, 1), u(() => f.closable, () => l(w(a), {
+						onClick: () => Te
+					}, { icon: () => u(() => z.value, () => l(T(ie)), () => l(T(ae)), 645) })), b(n, null, 1), u(() => f.closable, () => l(T(i), {
 						circle: "",
 						text: "",
 						size: "small",
 						onClick: () => X
-					}, { icon: () => l(w(ne)) })), $(e, P, null, "headerRef"), e;
-				}), y(e, null, 1), u(() => !f.scrollContent, () => {
-					let e = D();
-					return _(() => {
-						v(e, [w(A).e("body")]), b(e, f.contentStyle);
-					}), y(e, null, 0), d("default", null, () => {
-						let e = O();
-						return _(() => x(e, C(f.content))), e;
+					}, { icon: () => l(T(r)) })), $(e, F, null, "headerRef"), e;
+				}), b(e, null, 1), u(() => !f.scrollContent, () => {
+					let e = O();
+					return v(() => {
+						y(e, [T(j).e("body")]), x(e, f.contentStyle);
+					}), b(e, null, 0), d("default", null, () => {
+						let e = k();
+						return v(() => S(e, w(f.content))), e;
 					}), e;
 				}, () => {
-					let e = _e();
-					return y(e, null, 0), l(w(ae), { $: [() => ({
+					let e = he();
+					return b(e, null, 0), l(T(oe), { $: [() => ({
 						padding: "20px",
 						...f.scrollbarProps
 					})] }, () => d("default", null, () => {
-						let e = O();
-						return _(() => x(e, C(f.content))), e;
+						let e = k();
+						return v(() => S(e, w(f.content))), e;
 					}, 4)), e;
-				}, 1541), y(e, null, 2), u(() => f.footer, () => {
-					let e = D();
-					return _(() => v(e, [w(A).e("footer")])), y(e, null, 0), d("footer", null, () => u(() => f.btnReverse, () => [l(w(a), {
+				}, 1541), b(e, null, 2), u(() => f.footer, () => {
+					let e = O();
+					return v(() => y(e, [T(j).e("footer")])), b(e, null, 0), d("footer", null, () => u(() => f.btnReverse, () => [l(T(i), {
 						label: "确定",
-						loading: () => z.value,
+						loading: () => B.value,
 						type: "primary",
 						onClick: () => Y
-					}), l(w(a), {
+					}), l(T(i), {
 						label: "取消",
 						secondary: "",
 						onClick: () => X
-					})], () => [l(w(a), {
+					})], () => [l(T(i), {
 						label: "取消",
 						secondary: "",
 						onClick: () => X
-					}), l(w(a), {
+					}), l(T(i), {
 						label: "确定",
-						loading: () => z.value,
+						loading: () => B.value,
 						type: "primary",
 						onClick: () => Y
 					})], 1930)), e;
-				}), o(e, () => I.value), $(e, N, null, "modalRef"), e;
-			}), o(e, () => L.value), e;
+				}), o(e, () => L.value), $(e, P, null, "modalRef"), e;
+			}), o(e, () => R.value), e;
 		}, !0);
 	}
 });
 //#endregion
-export { k as default };
+export { A as default };

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

@@ -4,7 +4,7 @@ import t from "../../../icons/src/minus.vue.mjs";
 import n from "../../../icons/src/plus.vue.mjs";
 import "../../../icons/index.mjs";
 import r from "../button/button.vue.mjs";
-import i from "../_comp/HeightTransition.vue.mjs";
+import { STransition as i } from "../transition/index.mjs";
 import { child as a, createComponent as o, createIf as s, createSlot as c, defineVaporComponent as l, next as u, ref as d, renderEffect as f, setClass as p, setInsertionState as m, setText as h, template as g, toDisplayString as _, unref as v } from "vue";
 //#region ../components/src/panel/panel.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var y = g(" "), b = g("<div><div><div></div><div>"), x = g("<div><div><div></div><div>", 1), S = /*@__PURE__*/ l({
@@ -30,7 +30,7 @@ var y = g(" "), b = g("<div><div><div></div><div>"), x = g("<div><div><div></div
 			text: "",
 			circle: "",
 			onClick: () => T
-		}, { icon: () => s(() => w.value, () => o(v(t)), () => o(v(n)), 389) })), m(E, null, 1), o(i, null, () => s(() => w.value, () => {
+		}, { icon: () => s(() => w.value, () => o(v(t)), () => o(v(n)), 389) })), m(E, null, 1), o(v(i), { type: "height" }, () => s(() => w.value, () => {
 			let e = b(), t = a(e), n = a(t), r = u(n, 1);
 			return f(() => {
 				let e = v(C);

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

@@ -16,6 +16,7 @@ export declare const SPopover: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         alignPoint?: boolean | undefined;
         offset?: [number, number] | undefined;
         arrowStyle?: Record<string, any> | undefined;
+        disabled?: boolean | undefined;
         destroyOnClose?: boolean | undefined;
         teleportBody?: boolean | undefined;
         teleport?: string | undefined;