savor-ui 0.3.2 → 0.4.0

package/dist/es/components/src/input-number/input-number.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,24 +1,24 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
-import { formItemContextKey as t } from "../form/types.mjs";
-import { useFormItem as n } from "../form/use-form-item.mjs";
-import ee from "../../../icons/src/close.vue.mjs";
-import r from "../../../icons/src/down.vue.mjs";
-import i from "../../../icons/src/minus.vue.mjs";
-import te from "../../../icons/src/plus.vue.mjs";
-import ne from "../../../icons/src/up.vue.mjs";
+import t from "../../../icons/src/close.vue.mjs";
+import n from "../../../icons/src/down.vue.mjs";
+import r from "../../../icons/src/minus.vue.mjs";
+import ee from "../../../icons/src/plus.vue.mjs";
+import i from "../../../icons/src/up.vue.mjs";
 import "../../../icons/index.mjs";
-import { configProviderContextKey as re } from "../config-provider/types.mjs";
+import { formItemContextKey as te } from "../form/types.mjs";
+import { useFormItem as a } from "../form/use-form-item.mjs";
+import { configProviderContextKey as ne } from "../config-provider/types.mjs";
 import "../config-provider/index.mjs";
 import "../form/index.mjs";
-import { child as a, computed as ie, createComponent as o, createIf as s, createInvoker as c, createSlot as l, createTemplateRefSetter as ae, defineVaporComponent as u, delegateEvents as d, inject as f, mergeModels as p, next as oe, nextTick as m, on as h, ref as g, renderEffect as _, setClass as v, setInsertionState as y, setProp as b, setText as x, setValue as S, template as C, toDisplayString as w, toRefs as se, unref as T, useModel as ce, watch as E, withModifiers as D, withVaporModifiers as O } from "vue";
+import { child as o, computed as s, createComponent as c, createIf as l, createInvoker as u, createSlot as d, createTemplateRefSetter as f, defineVaporComponent as p, delegateEvents as m, inject as h, mergeModels as g, next as re, nextTick as _, on as v, ref as y, renderEffect as b, setClass as x, setInsertionState as S, setProp as C, setText as w, setValue as ie, template as T, toDisplayString as E, toRefs as ae, unref as D, useModel as oe, watch as O, withModifiers as k, withVaporModifiers as A } from "vue";
 //#region ../components/src/input-number/input-number.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var k = C(" "), A = C("<div>"), j = C("<div><div></div><div></div>"), M = C("<div><div><div><input type=text></div>", 1);
-d("mousedown", "input", "keydown");
-var N = /*@__PURE__*/ u({
+var j = T(" "), M = T("<div>"), se = T("<div><div></div><div></div>"), ce = T("<div><div><div><input type=text></div>", 1);
+m("mousedown", "input", "keydown");
+var N = /*@__PURE__*/ p({
 	name: "SInputNumber",
 	__name: "input-number",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ g({
 		size: { default: "medium" },
 		min: {},
 		max: {},
@@ -48,7 +48,7 @@ var N = /*@__PURE__*/ u({
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ p([
+	emits: /*@__PURE__*/ g([
 		"input",
 		"change",
 		"press-enter",
@@ -56,11 +56,11 @@ var N = /*@__PURE__*/ u({
 		"focus",
 		"blur"
 	], ["update:modelValue"]),
-	setup(u, { expose: d, emit: p, slots: C }) {
-		let N = u, P = ce(u, "modelValue"), le = f(re, void 0), ue = ie(() => le?.inputFilled?.value || N.filled), F = p, { size: de, error: fe } = se(N), { mergedSize: I, mergedError: L } = n({
-			size: de,
-			error: fe
-		}), R = g(null), z = g(!1), B = g(""), V = g(!1), pe = () => {
+	setup(p, { expose: m, emit: g, slots: T }) {
+		let N = p, P = oe(p, "modelValue"), F = h(ne, void 0), le = s(() => F?.inputFilled?.value || N.filled), I = g, { size: ue, error: de } = ae(N), { mergedSize: fe, mergedError: L } = a({
+			size: ue,
+			error: de
+		}), R = y(null), z = y(!1), B = y(""), V = y(!1), pe = () => {
 			V.value = !0;
 		}, me = () => {
 			V.value = !1;
@@ -79,38 +79,38 @@ var N = /*@__PURE__*/ u({
 			return isNaN(t) ? P.value : t;
 		}, he = (e) => {
 			let t = e.target, n = W(t.value);
-			n === null ? t.value = B.value : (B.value = t.value, F("input", U(n), e), J("input"));
+			n === null ? t.value = B.value : (B.value = t.value, I("input", U(n), e), J("input"));
 		}, G = (e) => {
 			let t = W(B.value), n = t;
-			t === null ? P.value = null : (n = U(t), P.value = n), H(n), F("change", n, e), J("change");
+			t === null ? P.value = null : (n = U(t), P.value = n), H(n), I("change", n, e), J("change");
 		}, ge = (e) => {
-			e.key === "Enter" && F("press-enter", e), e.key === "ArrowUp" && (e.preventDefault(), K()), e.key === "ArrowDown" && (e.preventDefault(), q());
+			e.key === "Enter" && I("press-enter", e), e.key === "ArrowUp" && (e.preventDefault(), K()), e.key === "ArrowDown" && (e.preventDefault(), q());
 		}, _e = (e) => {
-			z.value = !0, F("focus", e);
+			z.value = !0, I("focus", e);
 		}, ve = (e) => {
-			z.value = !1, F("blur", e), J("blur"), G(e);
+			z.value = !1, I("blur", e), J("blur"), G(e);
 		}, ye = (e) => {
-			P.value = null, B.value = "", F("input", null, e), F("clear", e), m(() => {
+			P.value = null, B.value = "", I("input", null, e), I("clear", e), _(() => {
 				R.value?.focus();
 			});
 		}, K = (e) => {
 			if (N.disabled || N.readonly) return;
 			let t = U((P.value ?? 0) + N.step);
-			P.value = t, H(t), e && (F("input", t, e), F("change", t, e));
+			P.value = t, H(t), e && (I("input", t, e), I("change", t, e));
 		}, q = (e) => {
 			if (N.disabled || N.readonly) return;
 			let t = U((P.value ?? 0) - N.step);
-			P.value = t, H(t), e && (F("input", t, e), F("change", t, e));
-		}, be = f(t, null), J = (e) => {
+			P.value = t, H(t), e && (I("input", t, e), I("change", t, e));
+		}, be = h(te, null), J = (e) => {
 			be?.validate(e).catch(() => {});
 		};
-		E(P, (e) => {
+		O(P, (e) => {
 			H(e);
-		}, { immediate: !0 }), E(() => N.autofocus, (e) => {
-			e && m(() => {
+		}, { immediate: !0 }), O(() => N.autofocus, (e) => {
+			e && _(() => {
 				R.value?.focus();
 			});
-		}, { immediate: !0 }), d({
+		}, { immediate: !0 }), m({
 			focus: () => {
 				R.value?.focus();
 			},
@@ -118,63 +118,63 @@ var N = /*@__PURE__*/ u({
 				R.value?.blur();
 			}
 		});
-		let Y = e("input-number"), xe = ae(), X = M(), Z = a(X), Q = a(Z, 2), $ = a(Q, 1);
-		return _(() => {
-			let e = T(Y);
-			v(X, [e.b(), e.m(T(I))]), v(Z, [
+		let Y = e("input-number"), xe = f(), X = ce(), Z = o(X), Q = o(Z, 2), $ = o(Q, 1);
+		return b(() => {
+			let e = D(Y);
+			x(X, [e.b(), e.m(D(fe))]), x(Z, [
 				e.e("wrapper"),
-				e.is("disabled", u.disabled),
-				e.is("error", T(L)),
-				e.is("filled", ue.value)
+				e.is("disabled", p.disabled),
+				e.is("error", D(L)),
+				e.is("filled", le.value)
 			]);
-		}), y(Z, 0, 0), s(() => C.prepend || u.prepend, () => {
-			let e = A();
-			return _(() => v(e, [T(Y).e("prepend")])), y(e, null, 0), l("prepend", null, () => {
-				let e = k();
-				return _(() => x(e, w(u.prepend))), e;
+		}), S(Z, 0, 0), l(() => T.prepend || p.prepend, () => {
+			let e = M();
+			return b(() => x(e, [D(Y).e("prepend")])), S(e, null, 0), d("prepend", null, () => {
+				let e = j();
+				return b(() => w(e, E(p.prepend))), e;
 			}), e;
-		}), y(Z, 0, 1), s(() => u.showButton, () => {
-			let e = A();
-			return _(() => {
-				let t = T(Y);
-				v(e, [t.e("button"), t.e("prepend-button")]);
-			}), y(e, null, 0), o(T(i)), h(e, "click", D(q, ["stop"])), e.$evtmousedown = O(() => {}, ["prevent"]), e;
-		}), _(() => v(Q, [T(Y).e("inner")])), y(Q, 0, 0), s(() => C.prefix || u.prefix, () => {
-			let e = A();
-			return _(() => v(e, [T(Y).e("prefix")])), y(e, null, 0), l("prefix", null, () => {
-				let e = k();
-				return _(() => x(e, w(u.prefix))), e;
+		}), S(Z, 0, 1), l(() => p.showButton, () => {
+			let e = M();
+			return b(() => {
+				let t = D(Y);
+				x(e, [t.e("button"), t.e("prepend-button")]);
+			}), S(e, null, 0), c(D(r)), v(e, "click", k(q, ["stop"])), e.$evtmousedown = A(() => {}, ["prevent"]), e;
+		}), b(() => x(Q, [D(Y).e("inner")])), S(Q, 0, 0), l(() => T.prefix || p.prefix, () => {
+			let e = M();
+			return b(() => x(e, [D(Y).e("prefix")])), S(e, null, 0), d("prefix", null, () => {
+				let e = j();
+				return b(() => w(e, E(p.prefix))), e;
 			}), e;
-		}), h($, "blur", ve), h($, "change", G), h($, "focus", _e), $.$evtinput = c(he), $.$evtkeydown = c(ge), xe($, R, null, "inputRef"), _(() => {
-			b($, "autofocus", u.autofocus), v($, [T(Y).e("input")]), b($, "disabled", u.disabled), b($, "maxlength", u.maxlength), b($, "minlength", u.minlength), b($, "name", u.name), b($, "placeholder", u.placeholder), b($, "readonly", u.readonly ? !0 : void 0), S($, B.value);
-		}), y(Q, null, 2), s(() => V.value && !!P.value && u.clearable, () => {
-			let e = A();
-			return _(() => v(e, T(Y).e("clear"))), y(e, null, 0), o(T(ee)), h(e, "click", D(ye, ["stop"])), e.$evtmousedown = O(() => {}, ["prevent"]), e;
-		}), y(Q, null, 3), s(() => C.suffix || u.suffix, () => {
-			let e = A();
-			return _(() => v(e, [T(Y).e("suffix")])), y(e, null, 0), l("suffix", null, () => {
-				let e = k();
-				return _(() => x(e, w(u.suffix))), e;
+		}), v($, "blur", ve), v($, "change", G), v($, "focus", _e), $.$evtinput = u(he), $.$evtkeydown = u(ge), xe($, R, null, "inputRef"), b(() => {
+			C($, "autofocus", p.autofocus), x($, [D(Y).e("input")]), C($, "disabled", p.disabled), C($, "maxlength", p.maxlength), C($, "minlength", p.minlength), C($, "name", p.name), C($, "placeholder", p.placeholder), C($, "readonly", p.readonly ? !0 : void 0), ie($, B.value);
+		}), S(Q, null, 2), l(() => V.value && !!P.value && p.clearable, () => {
+			let e = M();
+			return b(() => x(e, D(Y).e("clear"))), S(e, null, 0), c(D(t)), v(e, "click", k(ye, ["stop"])), e.$evtmousedown = A(() => {}, ["prevent"]), e;
+		}), S(Q, null, 3), l(() => T.suffix || p.suffix, () => {
+			let e = M();
+			return b(() => x(e, [D(Y).e("suffix")])), S(e, null, 0), d("suffix", null, () => {
+				let e = j();
+				return b(() => w(e, E(p.suffix))), e;
 			}), e;
-		}), y(Q, null, 4), s(() => u.controls && !u.showButton, () => {
-			let e = j(), t = a(e), n = oe(t, 1);
-			return _(() => {
-				let n = T(Y);
-				v(e, [n.e("controls")]), v(t, n.e("increase"));
-			}), y(t, null, 0), o(T(ne)), h(t, "click", D(K, ["stop"])), t.$evtmousedown = O(() => {}, ["prevent"]), _(() => v(n, T(Y).e("decrease"))), y(n, null, 0), o(T(r)), h(n, "click", D(q, ["stop"])), n.$evtmousedown = O(() => {}, ["prevent"]), e;
-		}), y(Z, null, 3), s(() => u.showButton, () => {
-			let e = A();
-			return _(() => {
-				let t = T(Y);
-				v(e, [t.e("button"), t.e("append-button")]);
-			}), y(e, null, 0), o(T(te)), h(e, "click", D(K, ["stop"])), e.$evtmousedown = O(() => {}, ["prevent"]), e;
-		}), y(Z, null, 4), s(() => C.append || u.append, () => {
-			let e = A();
-			return _(() => v(e, [T(Y).e("append")])), y(e, null, 0), l("append", null, () => {
-				let e = k();
-				return _(() => x(e, w(u.append))), e;
+		}), S(Q, null, 4), l(() => p.controls && !p.showButton, () => {
+			let e = se(), t = o(e), r = re(t, 1);
+			return b(() => {
+				let n = D(Y);
+				x(e, [n.e("controls")]), x(t, n.e("increase"));
+			}), S(t, null, 0), c(D(i)), v(t, "click", k(K, ["stop"])), t.$evtmousedown = A(() => {}, ["prevent"]), b(() => x(r, D(Y).e("decrease"))), S(r, null, 0), c(D(n)), v(r, "click", k(q, ["stop"])), r.$evtmousedown = A(() => {}, ["prevent"]), e;
+		}), S(Z, null, 3), l(() => p.showButton, () => {
+			let e = M();
+			return b(() => {
+				let t = D(Y);
+				x(e, [t.e("button"), t.e("append-button")]);
+			}), S(e, null, 0), c(D(ee)), v(e, "click", k(K, ["stop"])), e.$evtmousedown = A(() => {}, ["prevent"]), e;
+		}), S(Z, null, 4), l(() => T.append || p.append, () => {
+			let e = M();
+			return b(() => x(e, [D(Y).e("append")])), S(e, null, 0), d("append", null, () => {
+				let e = j();
+				return b(() => w(e, E(p.append))), e;
 			}), e;
-		}), h(Z, "mouseenter", pe), h(Z, "mouseleave", me), X;
+		}), v(Z, "mouseenter", pe), v(Z, "mouseleave", me), X;
 	}
 });
 //#endregion

package/dist/es/components/src/input-tag/input-tag.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 { formItemContextKey as t } from "../form/types.mjs";
-import { useFormItem as n } from "../form/use-form-item.mjs";
-import r from "../../../icons/src/close.vue.mjs";
+import t from "../../../icons/src/close.vue.mjs";
 import "../../../icons/index.mjs";
+import { formItemContextKey as n } from "../form/types.mjs";
+import { useFormItem as r } from "../form/use-form-item.mjs";
 import { configProviderContextKey as i } from "../config-provider/types.mjs";
 import "../config-provider/index.mjs";
 import "../form/index.mjs";
@@ -36,7 +36,7 @@ var j = /*@__PURE__*/ d({
 	}),
 	emits: /*@__PURE__*/ m(["change", "clear"], ["update:modelValue"]),
 	setup(d, { emit: f, slots: m }) {
-		let S = d, j = f, M = e("input-tag"), N = E(d, "modelValue"), P = p(i, void 0), F = o(() => P?.inputFilled?.value || S.filled), { size: I, error: L } = C(S), { mergedSize: R, mergedError: z } = n({
+		let S = d, j = f, M = e("input-tag"), N = E(d, "modelValue"), P = p(i, void 0), F = o(() => P?.inputFilled?.value || S.filled), { size: I, error: L } = C(S), { mergedSize: R, mergedError: z } = r({
 			size: I,
 			error: L
 		}), B = _(""), V = _(!1), H = () => {
@@ -53,7 +53,7 @@ var j = /*@__PURE__*/ d({
 			N.value = N.value.toSpliced(N.value.indexOf(e), 1), j("change", N.value);
 		}, oe = (e) => {
 			N.value = [], j("clear", e);
-		}, se = p(t, null), J = (e) => {
+		}, se = p(n, null), J = (e) => {
 			se?.validate(e).catch(() => {});
 		}, Y = ae(), X = a(Y), Z = a(X, 2), Q = a(Z, 2), $ = a(Q);
 		return v(() => {
@@ -71,11 +71,11 @@ var j = /*@__PURE__*/ d({
 			let e = A();
 			return v(() => y(e, [T(M).e("prefix")])), b(e, null, 0), u("prefix"), e;
 		}), v(() => y(Z, [T(M).e("inner")])), b(Z, 0, 0), c(() => N.value, (e) => {
-			let t = ie(), n = a(t), i = h(n, 1), o = w(n);
+			let n = ie(), r = a(n), i = h(r, 1), o = w(r);
 			return v(() => {
-				let n = T(M);
-				y(t, [n.e("item")]), te(o, re(e.value)), y(i, [n.e("item-close")]);
-			}), b(i, null, 0), s(T(r)), g(i, "click", O(() => q(e.value), ["stop"])), i.$evtmousedown = k(() => {}, ["prevent"]), t.$evtmousedown = k(() => {}, ["prevent"]), t;
+				let t = T(M);
+				y(n, [t.e("item")]), te(o, re(e.value)), y(i, [t.e("item-close")]);
+			}), b(i, null, 0), s(T(t)), g(i, "click", O(() => q(e.value), ["stop"])), i.$evtmousedown = k(() => {}, ["prevent"]), n.$evtmousedown = k(() => {}, ["prevent"]), n;
 		}, (e) => e, 8), b(Z, 0, 1), l(() => d.collapse && d.max && N.value.length > d.max, () => {
 			let e = A();
 			return v(() => y(e, [T(M).e("item")])), e;
@@ -84,7 +84,7 @@ var j = /*@__PURE__*/ d({
 			y(Q, [e.e("input-wrapper")]), y($, [e.e("input")]), ne($, B.value), x($, "readonly", d.readonly ? !0 : void 0), x($, "disabled", d.disabled), x($, "placeholder", d.placeholder);
 		}), b(X, null, 3), l(() => V.value && N.value.length > 0 && d.clearable, () => {
 			let e = A();
-			return v(() => y(e, T(M).e("clear"))), b(e, null, 0), s(T(r)), g(e, "click", O(oe, ["stop"])), e;
+			return v(() => y(e, T(M).e("clear"))), b(e, null, 0), s(T(t)), g(e, "click", O(oe, ["stop"])), e;
 		}), b(X, null, 4), l(() => m.suffix || d.suffix, () => {
 			let e = A();
 			return v(() => y(e, [T(M).e("suffix")])), b(e, null, 0), u("suffix"), e;

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

@@ -14,16 +14,15 @@ import oe from "../../../icons/src/minus.vue.mjs";
 import "../../../icons/index.mjs";
 import { SScrollbar as se } from "../scrollbar/index.mjs";
 import { SButton as i } from "../button/index.mjs";
-import ce from "../_comp/OpacityTransition.vue.mjs";
-import le from "../_comp/ScaleTransition.vue.mjs";
-import { VaporTeleport as ue, applyVShow as a, child as o, computed as s, createComponent as c, createFor as de, createIf as l, createInvoker as u, createSlot as fe, createTemplateRefSetter as pe, defineVaporComponent as d, delegateEvents as f, mergeModels as p, nextTick as m, onUnmounted as me, ref as h, renderEffect as g, setClass as _, setInsertionState as v, setProp as he, setStyle as y, setText as b, template as x, toDisplayString as S, toRefs as ge, txt as _e, unref as C, useModel as ve, useTemplateRef as w, watch as ye, watchEffect as be } from "vue";
+import { STransition as a } from "../transition/index.mjs";
+import { VaporTeleport as ce, applyVShow as o, child as s, computed as c, createComponent as l, createFor as le, createIf as u, createInvoker as d, createSlot as ue, createTemplateRefSetter as de, defineVaporComponent as f, delegateEvents as p, mergeModels as m, nextTick as h, onUnmounted as fe, ref as g, renderEffect as _, setClass as v, setInsertionState as y, setProp as pe, setStyle as b, setText as x, template as S, toDisplayString as C, toRefs as me, txt as he, unref as w, useModel as ge, useTemplateRef as T, watch as _e, watchEffect as ve } from "vue";
 //#region ../components/src/layer/layer.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var T = x("<div>"), xe = x(" "), E = x("<div><div style=\"padding: 20px\"> </div>"), Se = x("<div><iframe style=width:100%;height:100%;border:none;></iframe>"), Ce = x("<div><div><div></div></div>"), we = x("<div><div>");
-f("click");
-var D = /*@__PURE__*/ d({
+var E = S("<div>"), ye = S(" "), be = S("<div><div style=\"padding: 20px\"> </div>"), xe = S("<div><iframe style=width:100%;height:100%;border:none;></iframe>"), Se = S("<div><div><div></div></div>"), Ce = S("<div><div>");
+p("click");
+var D = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "layer",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ m({
 		type: {},
 		title: {},
 		content: {},
@@ -96,17 +95,17 @@ var D = /*@__PURE__*/ d({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(d, { expose: f }) {
-		let p = d, x = n("layer"), { lockScroll: D, unlockScroll: O } = te(), { zIndex: k } = ne(), A = w("layerRef"), j = w("headerRef"), M = w("pageContentRef"), N = ve(d, "modelValue"), P = h(!1), F = h(!1), I = h(!1), L = h(!1), R = h(!1), z = h(!1), B = h(0), V = h(0), H = h(0), U = h(0), W = h(0), G = h(0), K = s(() => typeof p.to == "string" ? document.querySelector(p.to) || document.body : p.to), Te = s(() => ({
-			zIndex: p.zIndex ?? k.value,
+	setup(f, { expose: p }) {
+		let m = f, S = n("layer"), { lockScroll: D, unlockScroll: O } = te(), { zIndex: k } = ne(), A = T("layerRef"), j = T("headerRef"), M = T("pageContentRef"), N = ge(f, "modelValue"), P = g(!1), F = g(!1), 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(0), G = g(0), K = c(() => typeof m.to == "string" ? document.querySelector(m.to) || document.body : m.to), we = c(() => ({
+			zIndex: m.zIndex ?? k.value,
 			position: K.value === document.body ? "fixed" : "absolute"
-		})), Ee = s(() => {
+		})), Te = c(() => {
 			if (I.value) return {};
-			if (Z.value && p.minAnimate) return L.value ? {
+			if (Z.value && m.minAnimate) return L.value ? {
 				width: `${Q.value.width}px`,
 				height: `${Q.value.height}px`,
-				top: `${p.minOrigin.y}px`,
-				left: `${p.minOrigin.x}px`,
+				top: `${m.minOrigin.y}px`,
+				left: `${m.minOrigin.x}px`,
 				transform: "scale(0)",
 				opacity: 0,
 				transformOrigin: "bottom center",
@@ -121,56 +120,56 @@ var D = /*@__PURE__*/ d({
 				transformOrigin: "bottom center",
 				transition: "all .3s cubic-bezier(0.4, 0, 0.2, 1)"
 			};
-			let t = typeof p.size == "string" ? p.size : p.size[0], n = typeof p.size == "string" ? p.size : p.size[1];
+			let t = typeof m.size == "string" ? m.size : m.size[0], n = typeof m.size == "string" ? m.size : m.size[1];
 			return {
 				width: B.value ? `${B.value}px` : e(t),
 				height: V.value ? `${V.value}px` : e(n),
 				top: `${H.value}px`,
 				left: `${U.value}px`,
 				maxHeight: W.value ? `${W.value - 40}px` : void 0,
-				borderRadius: `${p.radius}px`
+				borderRadius: `${m.radius}px`
 			};
-		}), De = () => {
-			p.opened?.();
+		}), Ee = () => {
+			m.opened?.();
+		}, De = () => {
+			F.value = !1, R.value = !1, z.value = !1, h(O), m.closed?.();
 		}, Oe = () => {
-			F.value = !1, R.value = !1, z.value = !1, m(O), p.closed?.();
-		}, ke = () => {
-			p.closeOnOverlayClick && J();
+			m.closeOnOverlayClick && J();
 		}, q = (e) => {
 			e ? N.value = !1 : R.value = !1;
-		}, Ae = () => {
-			p.yes ? (R.value = !0, p.yes(q)) : q(!0);
+		}, ke = () => {
+			m.yes ? (R.value = !0, m.yes(q)) : q(!0);
 		}, J = () => {
-			N.value = !1, p.cancel?.();
-		}, je = (e) => {
-			e === 0 ? p.btn1?.() : e === 1 ? p.btn2?.() : e === 2 && p.btn3?.();
-		}, Me = () => {
+			N.value = !1, m.cancel?.();
+		}, Ae = (e) => {
+			e === 0 ? m.btn1?.() : e === 1 ? m.btn2?.() : e === 2 && m.btn3?.();
+		}, je = () => {
 			N.value = !0;
-		}, Ne = () => {
+		}, Me = () => {
 			I.value = !I.value;
 		}, Y = (e) => {
-			e.key === "Escape" && p.closeOnEsc && P.value && (p.zIndex ?? k.value) >= k.value && J();
+			e.key === "Escape" && m.closeOnEsc && P.value && (m.zIndex ?? k.value) >= k.value && J();
 		}, X = async () => {
-			if (await m(), !A.value || z.value) return;
+			if (await h(), !A.value || z.value) return;
 			let e = A.value;
 			H.value = Math.max(0, (W.value - e.offsetHeight) / 2), U.value = Math.max(0, (G.value - e.offsetWidth) / 2);
-		}, Pe = () => {
-			p.click?.();
+		}, Ne = () => {
+			m.click?.();
 		};
-		ye(N, async (e) => {
+		_e(N, async (e) => {
 			if (e) {
-				if (p.hiddenBodyScrollbar && D(), F.value = !0, await m(), !N.value) return;
+				if (m.hiddenBodyScrollbar && D(), F.value = !0, await h(), !N.value) return;
 				P.value = !0, X();
 			} else P.value = !1;
-		}, { immediate: !0 }), be((e) => {
+		}, { immediate: !0 }), ve((e) => {
 			P.value && (document.addEventListener("keydown", Y), e(() => document.removeEventListener("keydown", Y)));
 		});
-		let Z = h(!1), Q = h({
+		let Z = g(!1), Q = g({
 			top: 0,
 			left: 0,
 			width: 0,
 			height: 0
-		}), Fe = () => {
+		}), Pe = () => {
 			if (!A.value) return;
 			let e = A.value.getBoundingClientRect();
 			Q.value = {
@@ -179,26 +178,26 @@ var D = /*@__PURE__*/ d({
 				width: e.width,
 				height: e.height
 			}, L.value = !0, Z.value = !0;
-		}, Ie = () => {
-			if (!p.minAnimate) {
+		}, Fe = () => {
+			if (!m.minAnimate) {
 				L.value = !1, Z.value = !1;
 				return;
 			}
 			H.value = Q.value.top, U.value = Q.value.left, B.value = 0, V.value = 0, L.value = !1, setTimeout(() => {
 				Z.value = !1;
 			}, 300);
-		}, { minWidth: Le, minHeight: Re, maxWidth: ze, maxHeight: Be } = ge(p);
+		}, { minWidth: Ie, minHeight: Le, maxWidth: Re, maxHeight: ze } = me(m);
 		ee(K, () => {
 			let e = K.value;
 			W.value = e.clientHeight, G.value = e.clientWidth, X();
 		}), r({
 			target: A,
 			container: K,
-			enable: s(() => p.resizable && !I.value && !L.value),
-			minWidth: Le,
-			minHeight: Re,
-			maxWidth: ze,
-			maxHeight: Be,
+			enable: c(() => m.resizable && !I.value && !L.value),
+			minWidth: Ie,
+			minHeight: Le,
+			maxWidth: Re,
+			maxHeight: ze,
 			divWidth: B,
 			divHeight: V,
 			divTop: H,
@@ -207,101 +206,102 @@ var D = /*@__PURE__*/ d({
 			container: A,
 			target: j,
 			parent: K,
-			enable: s(() => p.draggable && !I.value && !L.value),
+			enable: c(() => m.draggable && !I.value && !L.value),
 			divLeft: U,
 			divTop: H,
 			hasDragged: z
-		}), me(() => {
-			p.hiddenBodyScrollbar && O();
-		}), f({
-			handleOpen: Me,
+		}), fe(() => {
+			m.hiddenBodyScrollbar && O();
+		}), p({
+			handleOpen: je,
 			handleCancel: J,
-			handleRestore: Ie,
+			handleRestore: Fe,
 			pageContentRef: M
 		});
-		let $ = pe();
-		return c(ue, {
-			to: () => d.to,
+		let $ = de();
+		return l(ce, {
+			to: () => f.to,
 			defer: ""
 		}, () => {
-			let e = we(), t = o(e, 1);
-			return g(() => {
-				_(e, [C(x).e("container")]), y(e, Te.value);
-			}), v(e, 0, 0), c(ce, null, () => l(() => d.showMask && P.value && !I.value && !L.value, () => {
-				let e = T();
-				return e.$evtclick = u(ke), g(() => {
-					y(e, d.maskStyle), _(e, [C(x).e("mask")]);
+			let e = Ce(), t = s(e, 1);
+			return _(() => {
+				v(e, [w(S).e("container")]), b(e, we.value);
+			}), y(e, 0, 0), l(w(a), { type: "opacity" }, () => u(() => f.showMask && P.value && !I.value && !L.value, () => {
+				let e = E();
+				return e.$evtclick = d(Oe), _(() => {
+					b(e, f.maskStyle), v(e, [w(S).e("mask")]);
 				}), e;
-			}, null, 129)), g(() => _(t, [C(x).e("wrapper")])), v(t, null, 0), c(le, {
-				onAfterLeave: () => Oe,
-				onAfterEnter: () => De
+			}, null, 129)), _(() => v(t, [w(S).e("wrapper")])), y(t, null, 0), l(w(a), {
+				type: "scale",
+				onAfterLeave: () => De,
+				onAfterEnter: () => Ee
 			}, () => {
-				let e = Ce(), t = o(e), n = o(t);
-				return g(() => {
-					let r = C(x);
-					_(e, [
+				let e = Se(), t = s(e), n = s(t);
+				return _(() => {
+					let r = w(S);
+					v(e, [
 						r.b(),
 						r.is("max", I.value),
 						r.is("min", L.value)
-					]), y(e, Ee.value), _(t, [r.e("header")]), _(n, [r.e("title")]);
-				}), v(n, null, 0), fe("header", null, () => {
-					let e = xe();
-					return g(() => b(e, S(d.title))), e;
-				}), v(t, null, 1), l(() => d.maxmin || d.closable, () => {
-					let e = T();
-					return g(() => _(e, [C(x).e("header-icon")])), v(e, null, 0), l(() => d.maxmin, () => c(C(i), {
+					]), b(e, Te.value), v(t, [r.e("header")]), v(n, [r.e("title")]);
+				}), y(n, null, 0), ue("header", null, () => {
+					let e = ye();
+					return _(() => x(e, C(f.title))), e;
+				}), y(t, null, 1), u(() => f.maxmin || f.closable, () => {
+					let e = E();
+					return _(() => v(e, [w(S).e("header-icon")])), y(e, null, 0), u(() => f.maxmin, () => l(w(i), {
 						text: "",
 						size: "mini",
-						onClick: () => Fe
-					}, { icon: () => c(C(oe)) })), v(e, null, 1), l(() => d.maxmin, () => c(C(i), {
+						onClick: () => Pe
+					}, { icon: () => l(w(oe)) })), y(e, null, 1), u(() => f.maxmin, () => l(w(i), {
 						text: "",
 						size: "mini",
-						onClick: () => Ne
-					}, { icon: () => l(() => I.value, () => c(C(ie)), () => c(C(ae)), 901) })), v(e, null, 2), l(() => d.closable, () => c(C(i), {
+						onClick: () => Me
+					}, { icon: () => u(() => I.value, () => l(w(ie)), () => l(w(ae)), 901) })), y(e, null, 2), u(() => f.closable, () => l(w(i), {
 						text: "",
 						size: "mini",
 						disabled: () => R.value,
 						onClick: () => J
-					}, { icon: () => c(C(re)) })), e;
-				}), $(t, j, null, "headerRef"), v(e, null, 1), l(() => d.type === "page", () => {
-					let e = T();
-					return g(() => _(e, [C(x).e("body")])), v(e, null, 0), c(C(se), null, () => {
-						let e = T();
-						return $(e, M, null, "pageContentRef"), g(() => _(e, [C(x).e("content")])), e;
+					}, { icon: () => l(w(re)) })), e;
+				}), $(t, j, null, "headerRef"), y(e, null, 1), u(() => f.type === "page", () => {
+					let e = E();
+					return _(() => v(e, [w(S).e("body")])), y(e, null, 0), l(w(se), null, () => {
+						let e = E();
+						return $(e, M, null, "pageContentRef"), _(() => v(e, [w(S).e("content")])), e;
 					}), e;
-				}, () => l(() => d.type === "dialog", () => {
-					let e = E(), t = _e(o(e));
-					return g(() => {
-						_(e, [C(x).e("body")]), b(t, S(d.content));
+				}, () => u(() => f.type === "dialog", () => {
+					let e = be(), t = he(s(e));
+					return _(() => {
+						v(e, [w(S).e("body")]), x(t, C(f.content));
 					}), e;
-				}, () => l(() => d.type === "iframe", () => {
-					let e = Se(), t = o(e);
-					return g(() => {
-						_(e, [C(x).e("body")]), he(t, "src", d.content);
+				}, () => u(() => f.type === "iframe", () => {
+					let e = xe(), t = s(e);
+					return _(() => {
+						v(e, [w(S).e("body")]), pe(t, "src", f.content);
 					}), e;
-				}), 2053), 1797), v(e, null, 2), l(() => d.type === "dialog" || d.btn && d.btn.length > 0, () => {
-					let e = T();
-					return g(() => _(e, [C(x).e("footer")])), v(e, null, 0), l(() => d.yesBtn, () => c(C(i), {
-						label: () => d.yesText,
+				}), 2053), 1797), y(e, null, 2), u(() => f.type === "dialog" || f.btn && f.btn.length > 0, () => {
+					let e = E();
+					return _(() => v(e, [w(S).e("footer")])), y(e, null, 0), u(() => f.yesBtn, () => l(w(i), {
+						label: () => f.yesText,
 						loading: () => R.value,
 						type: "primary",
 						size: "small",
-						onClick: () => Ae
-					})), v(e, null, 1), l(() => d.cancelBtn, () => c(C(i), {
-						label: () => d.cancelText,
+						onClick: () => ke
+					})), y(e, null, 1), u(() => f.cancelBtn, () => l(w(i), {
+						label: () => f.cancelText,
 						secondary: "",
 						size: "small",
 						onClick: () => J
-					})), v(e, null, 2), de(() => d.btn, (e, t) => {
-						let n = () => je(t.value);
-						return c(C(i), {
+					})), y(e, null, 2), le(() => f.btn, (e, t) => {
+						let n = () => Ae(t.value);
+						return l(w(i), {
 							label: () => e.value,
 							size: "small",
 							onClick: () => n
 						});
 					}, (e, t) => t, 2), e;
-				}), a(e, () => P.value), e.$evtclick = u(Pe), $(e, A, null, "layerRef"), e;
-			}), a(e, () => F.value), e;
+				}), o(e, () => P.value), e.$evtclick = d(Ne), $(e, A, null, "layerRef"), e;
+			}), o(e, () => F.value), e;
 		}, !0);
 	}
 });