savor-ui 0.3.0 → 0.3.2

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

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

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

@@ -7,12 +7,12 @@ import { SSelect as r } from "../select/index.mjs";
 import { SInputNumber as i } from "../input-number/index.mjs";
 import { child as a, computed as o, createComponent as s, createFor as c, createIf as l, createInvoker as u, createTemplateRefSetter as d, defineVaporComponent as f, delegateEvents as p, mergeModels as m, next as h, ref as g, renderEffect as _, setClass as v, setInsertionState as y, setText as b, template as x, toDisplayString as S, txt as C, unref as w, useModel as T, useTemplateRef as E, watch as D, withKeys as O } from "vue";
 //#region ../components/src/pagination/pagination.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var k = x("<div> "), A = x("<div>..."), j = x("<div><div>前往</div><!><div>页</div>"), M = x("<div>"), N = x("<div><div><div></div><!><div></div></div>", !0);
+var k = x("<div> "), A = x("<div>..."), j = x("<div><div>前往</div><!><div>页</div>"), M = x("<div>"), N = x("<div><div><div></div><!><div></div></div>", 1);
 p("click");
-var P = /* @__PURE__ */ f({
+var P = /*@__PURE__*/ f({
 	name: "SPagination",
 	__name: "pagination",
-	props: /* @__PURE__ */ m({
+	props: /*@__PURE__*/ m({
 		total: {},
 		pageSize: {},
 		current: {},
@@ -39,8 +39,7 @@ var P = /* @__PURE__ */ f({
 		pageSize: { default: 10 },
 		pageSizeModifiers: {}
 	}),
-	emits: /* @__PURE__ */ m(["change", "pageSizeChange"], ["update:current", "update:pageSize"]),
-	__multiRoot: !1,
+	emits: /*@__PURE__*/ m(["change", "pageSizeChange"], ["update:current", "update:pageSize"]),
 	setup(f, { emit: p }) {
 		let m = f, x = p, P = e("pagination"), F = E("jumperInputRef"), I = T(f, "current"), L = T(f, "pageSize"), R = g(L.value), z = g(void 0), B = o(() => m.total <= 0 ? 1 : Math.ceil(m.total / L.value)), V = o(() => {
 			let e = [], { btnNum: t, showMore: n } = m, r = I.value, i = B.value;
@@ -84,7 +83,7 @@ var P = /* @__PURE__ */ f({
 			return _(() => {
 				v(e, [w(P).e("total")]), b(t, "共 " + S(f.total) + " 条");
 			}), e;
-		}, null, 1), _(() => {
+		}), _(() => {
 			let e = w(P);
 			v(X, [e.e("list")]), v(Z, [
 				e.e("item"),
@@ -107,7 +106,7 @@ var P = /* @__PURE__ */ f({
 					r.is("disabled", f.disabled)
 				]), b(n, S(i));
 			}), t;
-		}, 10, null, 1), (e) => e), _(() => {
+		}, 522), (e) => e, 16), _(() => {
 			let e = w(P);
 			v($, [
 				e.e("item"),
@@ -122,27 +121,27 @@ var P = /* @__PURE__ */ f({
 			}), y(e, n, 1), J(s(w(i), {
 				modelValue: () => z.value,
 				"onUpdate:modelValue": () => (e) => z.value = e,
-				style: () => "width: 40px",
+				style: "width: 40px",
 				size: () => f.size,
 				disabled: () => f.disabled,
 				onKeyup: () => O(q, ["enter"])
 			}), F, null, "jumperInputRef"), _(() => v(r, [w(P).e("jumper-text")])), e;
-		}, null, 1), y(Y, null, 3), l(() => f.showPageSize, () => {
+		}), y(Y, null, 3), l(() => f.showPageSize, () => {
 			let e = M();
 			return _(() => v(e, [w(P).e("options")])), y(e, null, 0), s(w(r), {
 				modelValue: () => R.value,
 				"onUpdate:modelValue": () => (e) => R.value = e,
 				options: () => H.value,
-				style: () => "width: 100px",
+				style: "width: 100px",
 				size: () => f.size,
 				disabled: () => f.disabled,
-				popoverProps: () => ({
+				popoverProps: {
 					placement: "top",
 					width: "sameWidth"
-				}),
+				},
 				onChange: () => K
 			}), e;
-		}, null, 1), Y;
+		}), Y;
 	}
 });
 //#endregion

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

@@ -5,9 +5,9 @@ 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 { 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, withVaporCtx as y } from "vue";
+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 b = g(" "), x = g("<div><div><div></div><div>"), S = g("<div><div><div></div><div>", !0), C = /* @__PURE__ */ l({
+var y = g(" "), b = g("<div><div><div></div><div>"), x = g("<div><div><div></div><div>", 1), S = /*@__PURE__*/ l({
 	name: "SPanel",
 	__name: "panel",
 	props: {
@@ -15,30 +15,29 @@ var b = g(" "), x = g("<div><div><div></div><div>"), S = g("<div><div><div></div
 		header: {}
 	},
 	emits: ["collapsed"],
-	__multiRoot: !1,
 	setup(l, { emit: g }) {
-		let C = g, w = e("panel"), T = d(!0), E = () => {
-			T.value = !T.value, C("collapsed", T.value);
-		}, D = S(), O = a(D), k = a(O), A = u(k, 1);
+		let S = g, C = e("panel"), w = d(!0), T = () => {
+			w.value = !w.value, S("collapsed", w.value);
+		}, E = x(), D = a(E), O = a(D), k = u(O, 1);
 		return f(() => {
-			let e = v(w);
-			p(D, [e.b()]), p(O, [e.e("header")]), p(k, [e.e("title")]);
-		}), m(k, null, 0), c("header", null, () => {
-			let e = b();
+			let e = v(C);
+			p(E, [e.b()]), p(D, [e.e("header")]), p(O, [e.e("title")]);
+		}), m(O, null, 0), c("header", null, () => {
+			let e = y();
 			return f(() => h(e, _(l.header))), e;
-		}), f(() => p(A, [v(w).e("extra")])), m(A, null, 0), c("extra", null), m(A, null, 1), s(() => l.toggle, () => o(r, {
-			size: () => "small",
-			text: () => "",
-			circle: () => "",
-			onClick: () => E
-		}, { icon: y(() => s(() => T.value, () => o(v(t)), () => o(v(n)), 5, null, 0)) }), null, 1), m(D, null, 1), o(i, null, { default: y(() => s(() => T.value, () => {
-			let e = x(), t = a(e), n = a(t), r = u(n, 1);
+		}), f(() => p(k, [v(C).e("extra")])), m(k, null, 0), c("extra"), m(k, null, 1), s(() => l.toggle, () => o(r, {
+			size: "small",
+			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, () => {
+			let e = b(), t = a(e), n = a(t), r = u(n, 1);
 			return f(() => {
-				let e = v(w);
+				let e = v(C);
 				p(t, [e.e("body")]), p(n, [e.e("content")]);
-			}), m(n, null, 0), c("default", null), f(() => p(r, [v(w).e("footer")])), m(r, null, 0), c("footer", null), e;
-		}, null, 1)) }), D;
+			}), m(n, null, 0), c(), f(() => p(r, [v(C).e("footer")])), m(r, null, 0), c("footer"), e;
+		}, null, 129)), E;
 	}
 });
 //#endregion
-export { C as default };
+export { S as default };