nicklabs-ui 1.0.110 → 1.0.112

package/dist/index.mjs

@@ -1,15 +1,15 @@
-import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, getCurrentScope as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, onScopeDispose as x, onUnmounted as S, openBlock as C, reactive as w, ref as T, renderList as E, renderSlot as D, shallowReadonly as O, shallowRef as k, toDisplayString as A, toValue as j, triggerRef as M, unref as N, useCssVars as P, useSlots as F, vModelText as I, watch as L, withCtx as R, withDirectives as z, withModifiers as B } from "vue";
+import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, getCurrentScope as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, onScopeDispose as x, onUnmounted as S, openBlock as C, reactive as w, ref as T, renderList as E, renderSlot as D, shallowReadonly as O, shallowRef as k, toDisplayString as A, toValue as j, triggerRef as M, unref as N, useCssVars as P, useSlots as F, vModelText as I, watch as L, withCtx as R, withDirectives as ee, withModifiers as z } from "vue";
 //#region src/composables/sharedRouter.ts
-var ee = null;
-function te(e) {
-	ee = e;
+var te = null;
+function ne(e) {
+	te = e;
 }
-function V() {
-	return ee;
+function B() {
+	return te;
 }
 //#endregion
 //#region src/components/NButton.vue?vue&type=script&setup=true&lang.ts
-var ne = ["type", "disabled"], re = {
+var re = ["type", "disabled"], V = {
 	key: 0,
 	class: "spinner",
 	viewBox: "0 0 24 24",
@@ -63,7 +63,7 @@ var ne = ["type", "disabled"], re = {
 			]),
 			type: e.type,
 			disabled: e.disabled || e.loading
-		}, [e.loading ? (C(), s("svg", re, [...n[0] ||= [c("circle", {
+		}, [e.loading ? (C(), s("svg", V, [...n[0] ||= [c("circle", {
 			cx: "12",
 			cy: "12",
 			r: "10",
@@ -72,14 +72,14 @@ var ne = ["type", "disabled"], re = {
 			"stroke-linecap": "round",
 			"stroke-dasharray": "32",
 			"stroke-dashoffset": "12"
-		}, null, -1)]])) : o("", !0), D(t.$slots, "default", {}, void 0, !0)], 10, ne));
+		}, null, -1)]])) : o("", !0), D(t.$slots, "default", {}, void 0, !0)], 10, re));
 	}
 }), U = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
 }, W = /* @__PURE__ */ U(H, [["__scopeId", "data-v-285afe14"]]), G = (e) => e.meta?.breadcrumb ?? "", K = T((e) => e);
-function ie() {
+function q() {
 	function e(e) {
 		G = e;
 	}
@@ -87,7 +87,7 @@ function ie() {
 		K.value = e;
 	}
 	let n = i(() => {
-		let e = V();
+		let e = B();
 		if (!e) return [];
 		let t = e.currentRoute.value.matched, n = [];
 		return t.forEach((e, r) => {
@@ -101,7 +101,7 @@ function ie() {
 		}), n;
 	});
 	function r(e) {
-		V()?.push(e);
+		B()?.push(e);
 	}
 	function a() {
 		K.value = (e) => e;
@@ -116,14 +116,14 @@ function ie() {
 }
 //#endregion
 //#region src/components/NBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var q = { class: "breadcrumbs" }, ae = ["onClick"], oe = {
+var ie = { class: "breadcrumbs" }, ae = ["onClick"], oe = {
 	key: 1,
 	class: "active"
 }, se = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NBreadcrumb",
 	setup(t) {
-		let { breadcrumbs: n, navigate: r } = ie();
-		return (t, i) => (C(), s("nav", q, [(C(!0), s(e, null, E(N(n), (t, n) => (C(), s(e, { key: n }, [t.path ? (C(), s("span", {
+		let { breadcrumbs: n, navigate: r } = q();
+		return (t, i) => (C(), s("nav", ie, [(C(!0), s(e, null, E(N(n), (t, n) => (C(), s(e, { key: n }, [t.path ? (C(), s("span", {
 			key: 0,
 			class: "crumb-link",
 			onClick: (e) => N(r)(t.path)
@@ -522,7 +522,7 @@ var q = { class: "breadcrumbs" }, ae = ["onClick"], oe = {
 		}), (n, r) => (C(), s("div", { class: _(["checkbox", { inline: t.inline }]) }, [t.title ? (C(), s("h3", xe, A(t.title), 1)) : o("", !0), c("div", { class: _(["group", [t.direction]]) }, [l.value ? (C(), s("label", {
 			key: 1,
 			class: "item",
-			onClick: r[0] ||= B((e) => h(), ["prevent"])
+			onClick: r[0] ||= z((e) => h(), ["prevent"])
 		}, [
 			c("input", {
 				type: "checkbox",
@@ -544,7 +544,7 @@ var q = { class: "breadcrumbs" }, ae = ["onClick"], oe = {
 		])) : (C(!0), s(e, { key: 0 }, E(t.options, (e, n) => (C(), s("label", {
 			key: `${t.formatLabel(e)}${n}`,
 			class: "item",
-			onClick: B((t) => h(e), ["prevent"])
+			onClick: z((t) => h(e), ["prevent"])
 		}, [
 			c("input", {
 				type: "checkbox",
@@ -2212,23 +2212,23 @@ var Bn = { class: "select" }, Vn = {
 			r.disabled || (d.value = !d.value, d.value && (await g(), r.searchable && S.value?.focus()));
 		}, F = () => {
 			d.value = !1, p.value = "";
-		}, ee = (e) => {
+		}, te = (e) => {
 			if (!d.value) return;
 			let t = e.target;
 			m.value?.contains(t) || x.value?.contains(t) || F();
-		}, te = (e) => j.value.hasOwnProperty(e), V = (e) => {
+		}, ne = (e) => j.value.hasOwnProperty(e), B = (e) => {
 			if (r.disabled) return;
 			let t;
-			r.multiple ? (te(r.formatValue(e)) ? delete j.value[r.formatValue(e)] : j.value[r.formatValue(e)] = e, t = Object.keys(j.value), u("update:modelValue", t), u("change", t), u("change:item", e), u("change:value", t), u("change:values", t)) : (t = r.formatValue(e), u("update:modelValue", t), u("change", t), u("change:item", e), u("change:value", t), F());
-		}, ne = () => {
+			r.multiple ? (ne(r.formatValue(e)) ? delete j.value[r.formatValue(e)] : j.value[r.formatValue(e)] = e, t = Object.keys(j.value), u("update:modelValue", t), u("change", t), u("change:item", e), u("change:value", t), u("change:values", t)) : (t = r.formatValue(e), u("update:modelValue", t), u("change", t), u("change:item", e), u("change:value", t), F());
+		}, re = () => {
 			if (r.disabled) return;
 			let e = r.multiple ? [] : void 0;
 			u("update:modelValue", e), u("change", e), u("change:value", e), u("change:values", []);
-		}, re = i(() => {
+		}, V = i(() => {
 			let e = p.value.trim().toLowerCase();
 			return e ? r.options.filter((t) => String(r.formatLabel(t)).toLowerCase().includes(e)) : r.options;
 		}), H = zn(i(() => ({
-			count: re.value.length,
+			count: V.value.length,
 			getScrollElement: () => w.value,
 			estimateSize: () => Xn,
 			overscan: 8
@@ -2237,12 +2237,12 @@ var Bn = { class: "select" }, Vn = {
 		};
 		L(d, async (e) => {
 			e && (await g(), H.value.measure());
-		}), L(re, async () => {
+		}), L(V, async () => {
 			d.value && (await g(), H.value.scrollToOffset(0));
 		}), b(() => {
-			document.addEventListener("pointerdown", ee);
+			document.addEventListener("pointerdown", te);
 		}), y(() => {
-			document.removeEventListener("pointerdown", ee);
+			document.removeEventListener("pointerdown", te);
 		});
 		let K = i(() => {
 			let e = Object.keys(j.value), t = e.length;
@@ -2270,7 +2270,7 @@ var Bn = { class: "select" }, Vn = {
 				class: "select-chip"
 			}, [c("span", null, A(r.formatLabel(e)), 1), c("span", {
 				class: "remove-chip",
-				onClick: B((t) => V(e), ["stop"])
+				onClick: z((t) => B(e), ["stop"])
 			}, [...l[1] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "14",
@@ -2286,7 +2286,7 @@ var Bn = { class: "select" }, Vn = {
 				key: 0,
 				class: "clear-btn",
 				type: "button",
-				onClick: B(ne, ["stop"])
+				onClick: z(re, ["stop"])
 			}, [...l[2] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "14",
@@ -2332,7 +2332,7 @@ var Bn = { class: "select" }, Vn = {
 				cx: "11",
 				cy: "11",
 				r: "8"
-			})], -1), z(c("input", {
+			})], -1), ee(c("input", {
 				ref_key: "searchInputRef",
 				ref: S,
 				type: "text",
@@ -2343,7 +2343,7 @@ var Bn = { class: "select" }, Vn = {
 				ref_key: "optionsRef",
 				ref: w,
 				class: "options"
-			}, [re.value.length > 0 ? (C(), s("div", {
+			}, [V.value.length > 0 ? (C(), s("div", {
 				key: 0,
 				class: "options-viewport",
 				style: v({ height: `${W.value}px` })
@@ -2352,10 +2352,10 @@ var Bn = { class: "select" }, Vn = {
 				ref_for: !0,
 				ref: (e) => G(e),
 				"data-index": e.index,
-				class: _(["option", { selected: te(r.formatValue(re.value[e.index])) }]),
+				class: _(["option", { selected: ne(r.formatValue(V.value[e.index])) }]),
 				style: v({ transform: `translateY(${e.start}px)` }),
-				onClick: (t) => V(re.value[e.index])
-			}, [c("span", null, A(r.formatLabel(re.value[e.index])), 1), te(r.formatValue(re.value[e.index])) ? (C(), s("svg", Jn, [...l[5] ||= [c("path", { d: "M20 6 9 17l-5-5" }, null, -1)]])) : o("", !0)], 14, qn))), 128))], 4)) : (C(), s("div", Yn, "無符合選項"))], 512)])], 6)) : o("", !0)]),
+				onClick: (t) => B(V.value[e.index])
+			}, [c("span", null, A(r.formatLabel(V.value[e.index])), 1), ne(r.formatValue(V.value[e.index])) ? (C(), s("svg", Jn, [...l[5] ||= [c("path", { d: "M20 6 9 17l-5-5" }, null, -1)]])) : o("", !0)], 14, qn))), 128))], 4)) : (C(), s("div", Yn, "無符合選項"))], 512)])], 6)) : o("", !0)]),
 			_: 1
 		})]))], 2)]));
 	}
@@ -2849,7 +2849,7 @@ var li = {
 				"aria-label": "刪除",
 				type: "button",
 				disabled: t.disabled,
-				onClick: B((t) => y(e.id), ["stop"])
+				onClick: z((t) => y(e.id), ["stop"])
 			}, [...r[1] ||= [c("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -2995,8 +2995,8 @@ var Oi = { class: "hero-section-container" }, ki = { class: "hero-section" }, Ai
 			"title",
 			"description"
 		])], !0), c("form", {
-			onSubmit: B(p, ["prevent"]),
-			onReset: B(m, ["prevent"])
+			onSubmit: z(p, ["prevent"]),
+			onReset: z(m, ["prevent"])
 		}, [
 			i[0] ||= c("button", {
 				type: "submit",
@@ -3325,7 +3325,7 @@ var Oi = { class: "hero-section-container" }, ki = { class: "hero-section" }, Ai
 				let n = e.dataset.stickyKey;
 				n && (t[n] = e.getBoundingClientRect().width);
 			}), S.value = t;
-		}, z = async () => {
+		}, ee = async () => {
 			if (P?.disconnect(), P = null, !b.value) {
 				S.value = {};
 				return;
@@ -3340,7 +3340,7 @@ var Oi = { class: "hero-section-container" }, ki = { class: "hero-section" }, Ai
 			() => t.columns,
 			() => t.items.length
 		], () => {
-			z();
+			ee();
 		}, { immediate: !0 }), y(() => {
 			P?.disconnect(), P = null;
 		}), (n, i) => (C(), s("div", { class: _(["table", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [f(fa, {
@@ -3613,7 +3613,7 @@ var Oi = { class: "hero-section-container" }, ki = { class: "hero-section" }, Ai
 						key: 0,
 						class: _(["batch", { "is-sticky": e.stickyBatch }])
 					}, [f(J, {
-						onClick: B((e) => g(n), ["stop"]),
+						onClick: z((e) => g(n), ["stop"]),
 						"model-value": m(u(n))
 					}, null, 8, ["onClick", "model-value"])], 2)) : o("", !0), D(t.$slots, "item", {
 						index: r,
@@ -3632,7 +3632,7 @@ var Oi = { class: "hero-section-container" }, ki = { class: "hero-section" }, Ai
 						e.updatable ? (C(), a(W, {
 							key: 0,
 							variant: "outline",
-							onClick: B(() => n("update", r), ["stop"])
+							onClick: z(() => n("update", r), ["stop"])
 						}, {
 							default: R(() => [d(A(e.updateLabel), 1)]),
 							_: 1
@@ -3641,7 +3641,7 @@ var Oi = { class: "hero-section-container" }, ki = { class: "hero-section" }, Ai
 							key: 1,
 							variant: "solid",
 							intent: "error",
-							onClick: B(() => n("delete", r), ["stop"])
+							onClick: z(() => n("delete", r), ["stop"])
 						}, {
 							default: R(() => [d(A(e.deleteLabel), 1)]),
 							_: 1
@@ -4024,7 +4024,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				k.value = window.innerWidth < 768;
 			}, 150);
 		}
-		let z = [
+		let ee = [
 			"一月",
 			"二月",
 			"三月",
@@ -4037,7 +4037,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 			"十月",
 			"十一月",
 			"十二月"
-		], ee = [
+		], te = [
 			"日",
 			"一",
 			"二",
@@ -4045,7 +4045,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 			"四",
 			"五",
 			"六"
-		], te = /* @__PURE__ */ new Date(), V = te.getFullYear(), ne = te.getMonth(), re = te.getDate();
+		], ne = /* @__PURE__ */ new Date(), B = ne.getFullYear(), re = ne.getMonth(), V = ne.getDate();
 		function H(e, t) {
 			let n = new Date(e, t, 1).getDay(), r = new Date(e, t + 1, 0).getDate(), i = new Date(e, t, 0).getDate(), a = [];
 			for (let r = n - 1; r >= 0; r--) {
@@ -4078,7 +4078,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 		function G(e) {
 			return String(e).padStart(2, "0");
 		}
-		let K = T("date"), ie = T(/* @__PURE__ */ new Date()), q = T(null), ae = T(0), oe = T(0), se = null, ce = null, le = i(() => ie.value.getFullYear()), ue = i(() => ie.value.getMonth()), de = T(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), fe = i(() => {
+		let K = T("date"), q = T(/* @__PURE__ */ new Date()), ie = T(null), ae = T(0), oe = T(0), se = null, ce = null, le = i(() => q.value.getFullYear()), ue = i(() => q.value.getMonth()), de = T(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), fe = i(() => {
 			let e = [];
 			for (let t = 0; t < 12; t++) e.push(de.value + t);
 			return e;
@@ -4088,7 +4088,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 		}, { immediate: !0 }), L(() => r.modelValue, (e) => {
 			if (!e) return;
 			let t = m(String(e));
-			t && (ie.value = new Date(t.year, t.month, 1));
+			t && (q.value = new Date(t.year, t.month, 1));
 		}, { immediate: !0 });
 		let pe = i(() => H(le.value, ue.value)), me = i(() => {
 			if (!r.modelValue) return "";
@@ -4097,12 +4097,12 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 		}), he = i(() => r.range ? r.start && r.end ? `${r.start} → ${r.end}` : r.start ? `${r.start} → ...` : "" : me.value);
 		function ge() {
 			let e = m(String(r.modelValue));
-			e ? (ie.value = new Date(e.year, e.month, 1), ae.value = e.hour, oe.value = e.min, q.value = x.value ? {
+			e ? (q.value = new Date(e.year, e.month, 1), ae.value = e.hour, oe.value = e.min, ie.value = x.value ? {
 				year: e.year,
 				month: e.month,
 				day: e.day,
 				isCurrentMonth: !0
-			} : null) : (ae.value = 0, oe.value = 0, q.value = null), K.value = "date";
+			} : null) : (ae.value = 0, oe.value = 0, ie.value = null), K.value = "date";
 		}
 		function _e(e) {
 			if (!r.modelValue) return !1;
@@ -4110,33 +4110,33 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 			return t ? t.year === e.year && t.month === e.month && t.day === e.day : !1;
 		}
 		function ve(e) {
-			return V === e.year && ne === e.month && re === e.day;
+			return B === e.year && re === e.month && V === e.day;
 		}
 		function ye(e) {
-			return x.value ? q.value !== null && q.value.year === e.year && q.value.month === e.month && q.value.day === e.day : _e(e);
+			return x.value ? ie.value !== null && ie.value.year === e.year && ie.value.month === e.month && ie.value.day === e.day : _e(e);
 		}
 		function be(e) {
 			let t = p(e.year, e.month, e.day, ae.value, oe.value);
 			u("update:modelValue", t), u("change", t);
 		}
 		function xe(e) {
-			if (x.value) q.value = { ...e }, ie.value = new Date(e.year, e.month, 1), be(e);
+			if (x.value) ie.value = { ...e }, q.value = new Date(e.year, e.month, 1), be(e);
 			else {
 				let t = p(e.year, e.month, e.day, 0, 0);
 				u("update:modelValue", t), u("change", t), Je();
 			}
 		}
 		function Se(e) {
-			ie.value = new Date(e, ue.value, 1), K.value = "date";
+			q.value = new Date(e, ue.value, 1), K.value = "date";
 		}
 		function Ce(e) {
-			ie.value = new Date(le.value, ue.value + e, 1);
+			q.value = new Date(le.value, ue.value + e, 1);
 		}
 		function we(e) {
-			K.value === "year" ? de.value += e * 12 : ie.value = new Date(le.value + e, ue.value, 1);
+			K.value === "year" ? de.value += e * 12 : q.value = new Date(le.value + e, ue.value, 1);
 		}
 		function Te(e, t) {
-			e === "H" ? ae.value = Math.max(0, Math.min(23, ae.value + t)) : oe.value = Math.max(0, Math.min(59, oe.value + t)), q.value && be(q.value);
+			e === "H" ? ae.value = Math.max(0, Math.min(23, ae.value + t)) : oe.value = Math.max(0, Math.min(59, oe.value + t)), ie.value && be(ie.value);
 		}
 		function Ee(e, t) {
 			Te(e, t), se = setTimeout(() => {
@@ -4148,9 +4148,9 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 		}
 		function De(e, t) {
 			let n = parseInt(e.target.value);
-			t === "H" ? ae.value = n : oe.value = n, q.value && be(q.value);
+			t === "H" ? ae.value = n : oe.value = n, ie.value && be(ie.value);
 		}
-		let Y = T(V), X = T(ne), Z = T(null), Q = T(null), Oe = T(null), ke = T(null), Ae = i(() => !!Q.value && !!Oe.value), je = i(() => X.value === 11 ? Y.value + 1 : Y.value), Me = i(() => X.value === 11 ? 0 : X.value + 1), Ne = i(() => H(Y.value, X.value)), Pe = i(() => H(je.value, Me.value)), Fe = i(() => [{
+		let Y = T(B), X = T(re), Z = T(null), Q = T(null), Oe = T(null), ke = T(null), Ae = i(() => !!Q.value && !!Oe.value), je = i(() => X.value === 11 ? Y.value + 1 : Y.value), Me = i(() => X.value === 11 ? 0 : X.value + 1), Ne = i(() => H(Y.value, X.value)), Pe = i(() => H(je.value, Me.value)), Fe = i(() => [{
 			year: Y.value,
 			month: X.value,
 			days: Ne.value,
@@ -4190,8 +4190,8 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 		});
 		function Ve() {
 			let e = m(r.start) ?? {
-				year: V,
-				month: ne,
+				year: B,
+				month: re,
 				day: 1,
 				hour: 0,
 				min: 0
@@ -4212,7 +4212,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 			}
 		}
 		function Ge(e) {
-			let t = e.year === V && e.month === ne && e.day === re, n = Z.value && e.year === Z.value.year && e.month === Z.value.month && e.day === Z.value.day, r = Le.value, i = Re.value, a = r && e.year === r.year && e.month === r.month && e.day === r.day, o = i && e.year === i.year && e.month === i.month && e.day === i.day, s = r && i && U(e, r) > 0 && U(e, i) < 0;
+			let t = e.year === B && e.month === re && e.day === V, n = Z.value && e.year === Z.value.year && e.month === Z.value.month && e.day === Z.value.day, r = Le.value, i = Re.value, a = r && e.year === r.year && e.month === r.month && e.day === r.day, o = i && e.year === i.year && e.month === i.month && e.day === i.day, s = r && i && U(e, r) > 0 && U(e, i) < 0;
 			return {
 				"is-other-month": !e.isCurrentMonth,
 				"is-today": t && !a && !o,
@@ -4334,7 +4334,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 						c("div", {
 							class: "header-title",
 							onClick: Ye
-						}, [K.value === "date" ? (C(), s(e, { key: 0 }, [d(A(z[ue.value]) + " " + A(le.value), 1)], 64)) : (C(), s(e, { key: 1 }, [d(A(fe.value[0]) + " - " + A(fe.value[fe.value.length - 1]), 1)], 64))]),
+						}, [K.value === "date" ? (C(), s(e, { key: 0 }, [d(A(ee[ue.value]) + " " + A(le.value), 1)], 64)) : (C(), s(e, { key: 1 }, [d(A(fe.value[0]) + " - " + A(fe.value[fe.value.length - 1]), 1)], 64))]),
 						c("div", $a, [K.value === "date" ? (C(), a(W, {
 							key: 0,
 							variant: "ghost",
@@ -4372,7 +4372,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							_: 1
 						})])
 					]),
-					c("div", eo, [K.value === "date" ? (C(), s(e, { key: 0 }, [c("div", to, [(C(), s(e, null, E(ee, (e) => c("span", {
+					c("div", eo, [K.value === "date" ? (C(), s(e, { key: 0 }, [c("div", to, [(C(), s(e, null, E(te, (e) => c("span", {
 						key: e,
 						class: "weekday"
 					}, A(e), 1)), 64))]), c("div", no, [(C(!0), s(e, null, E(pe.value, (e, t) => (C(), a(W, {
@@ -4411,7 +4411,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: l[4] ||= B((e) => Ee("H", -1), ["prevent"]),
+							onMousedown: l[4] ||= z((e) => Ee("H", -1), ["prevent"]),
 							onMouseup: J,
 							onMouseleave: J
 						}, {
@@ -4441,7 +4441,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: l[6] ||= B((e) => Ee("H", 1), ["prevent"]),
+							onMousedown: l[6] ||= z((e) => Ee("H", 1), ["prevent"]),
 							onMouseup: J,
 							onMouseleave: J
 						}, {
@@ -4466,7 +4466,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: l[7] ||= B((e) => Ee("m", -1), ["prevent"]),
+							onMousedown: l[7] ||= z((e) => Ee("m", -1), ["prevent"]),
 							onMouseup: J,
 							onMouseleave: J
 						}, {
@@ -4496,7 +4496,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: l[9] ||= B((e) => Ee("m", 1), ["prevent"]),
+							onMousedown: l[9] ||= z((e) => Ee("m", 1), ["prevent"]),
 							onMouseup: J,
 							onMouseleave: J
 						}, {
@@ -4522,7 +4522,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				default: R(() => [S.value && !r.range && k.value ? (C(), s("div", {
 					key: 0,
 					class: "mobile-overlay",
-					onClick: B(Je, ["self"])
+					onClick: z(Je, ["self"])
 				}, [c("div", po, [
 					l[41] ||= c("div", { class: "sheet-handle" }, null, -1),
 					c("div", mo, [
@@ -4565,7 +4565,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 						c("div", {
 							class: "header-title",
 							onClick: Ye
-						}, [K.value === "date" ? (C(), s(e, { key: 0 }, [d(A(z[ue.value]) + " " + A(le.value), 1)], 64)) : (C(), s(e, { key: 1 }, [d(A(fe.value[0]) + " - " + A(fe.value[fe.value.length - 1]), 1)], 64))]),
+						}, [K.value === "date" ? (C(), s(e, { key: 0 }, [d(A(ee[ue.value]) + " " + A(le.value), 1)], 64)) : (C(), s(e, { key: 1 }, [d(A(fe.value[0]) + " - " + A(fe.value[fe.value.length - 1]), 1)], 64))]),
 						c("div", go, [K.value === "date" ? (C(), a(W, {
 							key: 0,
 							variant: "ghost",
@@ -4603,7 +4603,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							_: 1
 						})])
 					]),
-					c("div", _o, [K.value === "date" ? (C(), s(e, { key: 0 }, [c("div", vo, [(C(), s(e, null, E(ee, (e) => c("span", {
+					c("div", _o, [K.value === "date" ? (C(), s(e, { key: 0 }, [c("div", vo, [(C(), s(e, null, E(te, (e) => c("span", {
 						key: e,
 						class: "weekday"
 					}, A(e), 1)), 64))]), c("div", yo, [(C(!0), s(e, null, E(pe.value, (e, t) => (C(), a(W, {
@@ -4642,7 +4642,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: l[14] ||= B((e) => Ee("H", -1), ["prevent"]),
+							onMousedown: l[14] ||= z((e) => Ee("H", -1), ["prevent"]),
 							onMouseup: J,
 							onMouseleave: J
 						}, {
@@ -4672,7 +4672,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: l[16] ||= B((e) => Ee("H", 1), ["prevent"]),
+							onMousedown: l[16] ||= z((e) => Ee("H", 1), ["prevent"]),
 							onMouseup: J,
 							onMouseleave: J
 						}, {
@@ -4697,7 +4697,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: l[17] ||= B((e) => Ee("m", -1), ["prevent"]),
+							onMousedown: l[17] ||= z((e) => Ee("m", -1), ["prevent"]),
 							onMouseup: J,
 							onMouseleave: J
 						}, {
@@ -4727,7 +4727,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: l[19] ||= B((e) => Ee("m", 1), ["prevent"]),
+							onMousedown: l[19] ||= z((e) => Ee("m", 1), ["prevent"]),
 							onMouseup: J,
 							onMouseleave: J
 						}, {
@@ -4753,7 +4753,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				default: R(() => [S.value && r.range && !k.value ? (C(), s("div", {
 					key: 0,
 					class: "range-overlay",
-					onClick: B(Je, ["self"])
+					onClick: z(Je, ["self"])
 				}, [c("div", ko, [
 					l[46] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
 					c("div", Ao, [(C(!0), s(e, null, E(Fe.value, (t) => (C(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (C(), s("div", jo)), c("div", Mo, [
@@ -4777,7 +4777,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 								}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 								_: 1
 							})) : (C(), s("div", Fo))]),
-							c("div", Io, A(z[t.month]) + " " + A(t.year), 1),
+							c("div", Io, A(ee[t.month]) + " " + A(t.year), 1),
 							c("div", Lo, [t.isLeft ? (C(), s("div", Ro)) : (C(), a(W, {
 								key: 0,
 								variant: "ghost",
@@ -4798,7 +4798,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 								_: 1
 							}))])
 						]),
-						c("div", zo, [(C(), s(e, null, E(ee, (e) => c("span", {
+						c("div", zo, [(C(), s(e, null, E(te, (e) => c("span", {
 							key: e,
 							class: "weekday"
 						}, A(e), 1)), 64))]),
@@ -4818,7 +4818,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 						intent: "primary",
 						class: "confirm-btn",
 						disabled: !Ae.value,
-						onClick: B(Ke, ["stop"])
+						onClick: z(Ke, ["stop"])
 					}, {
 						default: R(() => [...l[45] ||= [d(" 確認 ", -1)]]),
 						_: 1
@@ -4830,7 +4830,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				default: R(() => [S.value && r.range && k.value ? (C(), s("div", {
 					key: 0,
 					class: "mobile-overlay",
-					onClick: B(Je, ["self"])
+					onClick: z(Je, ["self"])
 				}, [c("div", Wo, [
 					l[51] ||= c("div", { class: "sheet-handle" }, null, -1),
 					l[52] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
@@ -4853,7 +4853,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 							_: 1
 						})]),
-						c("div", qo, A(z[X.value]) + " " + A(Y.value), 1),
+						c("div", qo, A(ee[X.value]) + " " + A(Y.value), 1),
 						c("div", Jo, [f(W, {
 							variant: "ghost",
 							square: "",
@@ -4873,7 +4873,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 							_: 1
 						})])
 					]),
-					c("div", Yo, [(C(), s(e, null, E(ee, (e) => c("span", {
+					c("div", Yo, [(C(), s(e, null, E(te, (e) => c("span", {
 						key: e,
 						class: "weekday"
 					}, A(e), 1)), 64))]),
@@ -4891,7 +4891,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 						intent: "primary",
 						class: "confirm-btn",
 						disabled: !Ae.value,
-						onClick: B(Ke, ["stop"])
+						onClick: z(Ke, ["stop"])
 					}, {
 						default: R(() => [...l[50] ||= [d(" 確認 ", -1)]]),
 						_: 1
@@ -4904,7 +4904,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 }), [["__scopeId", "data-v-526e880b"]]), ts = {
 	key: 0,
 	class: "label"
-}, ns = { class: "dropdown-inner" }, rs = { class: "col-head" }, is = { class: "wheel" }, as = ["data-unit"], os = ["data-val", "onClick"], ss = { class: "dropdown-footer" }, cs = 40, ls = 2, us = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, ns = { class: "dropdown-inner" }, rs = { class: "col-head" }, is = { class: "wheel" }, as = ["data-unit"], os = ["data-val", "onClick"], ss = 40, cs = 2, ls = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NTimePicker",
 	props: {
 		modelValue: { default: "" },
@@ -4930,7 +4930,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 			default: !1
 		},
 		title: { default: "" },
-		size: { default: "md" }
+		size: { default: "lg" }
 	},
 	emits: [
 		"update:modelValue",
@@ -4938,23 +4938,23 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 		"clear"
 	],
 	setup(r, { emit: l }) {
-		let u = l, p = i(() => r.hour || r.minute || r.second), m = i(() => {
+		let u = l, d = i(() => r.hour || r.minute || r.second), p = i(() => {
 			let e = [];
 			return r.hour && e.push("hour"), r.minute && e.push("minute"), r.second && e.push("second"), e.length ? e : ["hour"];
 		});
-		function h(e) {
+		function m(e) {
 			return e === "hour" ? 23 : 59;
 		}
-		function x(e) {
+		function h(e) {
 			return String(e).padStart(2, "0");
 		}
-		function S(e) {
-			return m.value.map((t) => x(t === "hour" ? e.hour : t === "minute" ? e.minute : e.second)).join(":");
+		function x(e) {
+			return p.value.map((t) => h(t === "hour" ? e.hour : t === "minute" ? e.minute : e.second)).join(":");
 		}
-		function w(e, t) {
-			return Math.max(0, Math.min(h(e), t));
+		function S(e, t) {
+			return Math.max(0, Math.min(m(e), t));
 		}
-		function D(e) {
+		function w(e) {
 			if (!e) return null;
 			let t = String(e).split(":").map((e) => parseInt(e, 10));
 			if (t.some((e) => Number.isNaN(e))) return null;
@@ -4963,24 +4963,24 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				minute: 0,
 				second: 0
 			};
-			return m.value.forEach((e, r) => {
+			return p.value.forEach((e, r) => {
 				let i = t[r];
-				i !== void 0 && (n[e] = w(e, i));
+				i !== void 0 && (n[e] = S(e, i));
 			}), n;
 		}
-		let O = T(!1), k = T(null), j = T(null), M = T(null), P = T(0), F = T(0), I = T(0), z = T(!1), B = Array.from({ length: 24 }, (e, t) => t), ee = Array.from({ length: 60 }, (e, t) => t), te = Array.from({ length: 60 }, (e, t) => t), V = cs * (ls * 2 + 1), ne = cs * ls, re = i(() => ({
-			"--item-h": `${cs}px`,
-			"--wheel-h": `${V}px`,
-			"--wheel-pad": `${ne}px`
-		})), H = {
+		let D = T(!1), O = T(null), k = T(null), j = T(null), M = T(0), P = T(0), F = T(0), I = T(!1), ee = Array.from({ length: 24 }, (e, t) => t), z = Array.from({ length: 60 }, (e, t) => t), te = Array.from({ length: 60 }, (e, t) => t), ne = ss * (cs * 2 + 1), B = ss * cs, re = i(() => ({
+			"--item-h": `${ss}px`,
+			"--wheel-h": `${ne}px`,
+			"--wheel-pad": `${B}px`
+		})), V = {
 			hour: null,
 			minute: null,
 			second: null
-		}, U = {
+		}, H = {
 			hour: !1,
 			minute: !1,
 			second: !1
-		}, { floatingStyles: G, placement: K } = _n(j, M, {
+		}, { floatingStyles: U, placement: G } = _n(k, j, {
 			placement: "bottom-start",
 			strategy: "fixed",
 			middleware: [
@@ -4989,77 +4989,87 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				ln({ padding: 8 })
 			],
 			whileElementsMounted: sn
-		}), ie = i(() => K.value.startsWith("top")), q = i(() => {
-			let e = D(String(r.modelValue));
-			return e ? S(e) : "";
+		}), K = i(() => G.value.startsWith("top")), q = i(() => {
+			let e = w(String(r.modelValue));
+			return e ? x(e) : "";
 		});
-		L([() => r.modelValue, m], () => {
-			ae();
+		L([() => r.modelValue, p], () => {
+			ie();
 		}, { immediate: !0 });
-		function ae() {
-			let e = D(String(r.modelValue));
-			e ? (P.value = e.hour, F.value = e.minute, I.value = e.second, z.value = !0) : (P.value = 0, F.value = 0, I.value = 0, z.value = !1);
+		function ie() {
+			let e = w(String(r.modelValue));
+			e ? (M.value = e.hour, P.value = e.minute, F.value = e.second, I.value = !0) : (M.value = 0, P.value = 0, F.value = 0, I.value = !1);
 		}
-		function oe(e) {
-			return e === "hour" ? P.value : e === "minute" ? F.value : I.value;
+		function ae(e) {
+			return e === "hour" ? M.value : e === "minute" ? P.value : F.value;
 		}
-		function se(e, t) {
-			e === "hour" ? P.value = t : e === "minute" ? F.value = t : I.value = t;
+		function oe(e, t) {
+			e === "hour" ? M.value = t : e === "minute" ? P.value = t : F.value = t;
 		}
-		function ce() {
-			let e = M.value;
+		function se() {
+			let e = j.value;
 			return e ? Array.from(e.querySelectorAll(".time-col[data-unit]")) : [];
 		}
-		function le() {
-			ce().forEach((e) => {
+		function ce() {
+			se().forEach((e) => {
 				let t = e.dataset.unit;
-				U[t] = !0, e.scrollTop = oe(t) * cs;
+				H[t] = !0, e.scrollTop = ae(t) * ss;
 			}), requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					Object.keys(U).forEach((e) => {
-						U[e] = !1;
+					Object.keys(H).forEach((e) => {
+						H[e] = !1;
 					});
 				});
 			});
 		}
-		function ue(e, t) {
-			return Math.max(0, Math.min(t, Math.round(e / cs)));
+		function le(e, t) {
+			return Math.max(0, Math.min(t, Math.round(e / ss)));
 		}
-		function de(e, t) {
+		function ue(e, t) {
 			if (!e.isConnected) return;
-			let n = ue(e.scrollTop, h(t));
-			U[t] = !0, e.scrollTo({
-				top: n * cs,
+			let n = le(e.scrollTop, m(t));
+			H[t] = !0, e.scrollTo({
+				top: n * ss,
 				behavior: "smooth"
-			}), oe(t) !== n && se(t, n);
+			}), ae(t) !== n && oe(t, n);
 			let r = () => {
-				U[t] = !1, e.removeEventListener("scrollend", r);
+				H[t] = !1, e.removeEventListener("scrollend", r);
 			};
 			e.addEventListener("scrollend", r, { once: !0 }), window.setTimeout(r, 400);
 		}
-		function fe(e) {
+		function de(e) {
 			let t = e.currentTarget, n = t.dataset.unit;
-			if (U[n]) return;
-			z.value = !0;
-			let r = ue(t.scrollTop, h(n));
-			oe(n) !== r && se(n, r), H[n] && clearTimeout(H[n]), H[n] = setTimeout(() => de(t, n), 120);
+			if (H[n]) return;
+			I.value = !0;
+			let r = le(t.scrollTop, m(n));
+			ae(n) !== r && oe(n, r), V[n] && clearTimeout(V[n]), V[n] = setTimeout(() => {
+				ue(t, n), fe();
+			}, 120);
+		}
+		function fe() {
+			let e = x({
+				hour: M.value,
+				minute: P.value,
+				second: F.value
+			});
+			u("update:modelValue", e), u("change", e);
 		}
 		function pe(e, t) {
-			H[e] && (clearTimeout(H[e]), H[e] = null), z.value = !0, se(e, w(e, t)), g(le);
+			V[e] && (clearTimeout(V[e]), V[e] = null), I.value = !0, oe(e, S(e, t)), fe(), g(ce);
 		}
 		function me(e, t) {
-			return z.value ? e === "hour" ? P.value === t : e === "minute" ? F.value === t : I.value === t : !1;
+			return I.value ? e === "hour" ? M.value === t : e === "minute" ? P.value === t : F.value === t : !1;
 		}
 		let he = i(() => {
 			let e = [];
 			return r.hour && e.push({
 				unit: "hour",
 				label: "時",
-				values: B
+				values: ee
 			}), r.minute && e.push({
 				unit: "minute",
 				label: "分",
-				values: ee
+				values: z
 			}), r.second && e.push({
 				unit: "second",
 				label: "秒",
@@ -5072,51 +5082,46 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				"minute",
 				"second"
 			].forEach((e) => {
-				H[e] && (clearTimeout(H[e]), H[e] = null);
+				V[e] && (clearTimeout(V[e]), V[e] = null);
 			});
 		}
 		function _e() {
-			let e = S({
-				hour: P.value,
-				minute: F.value,
-				second: I.value
-			});
-			u("update:modelValue", e), u("change", e);
+			r.disabled || (D.value || ie(), D.value = !D.value);
 		}
 		function ve() {
-			r.disabled || (O.value || ae(), O.value = !O.value);
-		}
-		function ye() {
-			z.value = !0, ge(), _e(), O.value = !1;
-		}
-		function be() {
-			ge(), O.value = !1;
+			ge(), D.value = !1;
 		}
-		let xe = (e) => {
+		let ye = (e) => {
 			let t = e.target;
-			k.value?.contains(t) || M.value?.contains(t) || be();
-		}, Se = (e) => {
-			e.stopPropagation(), ge(), P.value = 0, F.value = 0, I.value = 0, z.value = !1, u("update:modelValue", ""), u("change", ""), u("clear");
+			O.value?.contains(t) || j.value?.contains(t) || ve();
+		}, be = (e) => {
+			e.stopPropagation(), ge(), M.value = 0, P.value = 0, F.value = 0, I.value = !1, u("update:modelValue", ""), u("change", ""), u("clear");
 		};
 		return b(() => {
-			document.addEventListener("mousedown", xe);
+			document.addEventListener("mousedown", ye);
 		}), y(() => {
-			document.removeEventListener("mousedown", xe), ge();
+			document.removeEventListener("mousedown", ye), ge();
 		}), (i, l) => (C(), s("div", {
 			ref_key: "containerRef",
-			ref: k,
+			ref: O,
 			class: _(["timepicker", `size-${r.size}`])
 		}, [r.title ? (C(), s("label", ts, A(r.title), 1)) : o("", !0), c("div", { class: _(["time-picker", {
-			open: O.value,
+			open: D.value,
 			disabled: r.disabled
 		}]) }, [c("div", {
 			ref_key: "triggerRef",
-			ref: j,
+			ref: k,
 			class: "picker-trigger",
-			onClick: ve
-		}, [
-			l[1] ||= c("svg", {
-				class: "clock-icon",
+			onClick: _e
+		}, [c("span", { class: _(["text", { placeholder: !q.value }]) }, A(q.value || r.placeholder), 3), r.clearable && q.value ? (C(), a(W, {
+			key: 0,
+			variant: "none",
+			square: "",
+			class: "clear",
+			size: "sm",
+			onClick: be
+		}, {
+			default: R(() => [...l[0] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "16",
 				height: "16",
@@ -5126,43 +5131,18 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("circle", {
-				cx: "12",
-				cy: "12",
-				r: "10"
-			}), c("polyline", { points: "12 6 12 12 16 14" })], -1),
-			c("span", { class: _(["text", { placeholder: !q.value }]) }, A(q.value || r.placeholder), 3),
-			r.clearable && q.value ? (C(), a(W, {
-				key: 0,
-				variant: "none",
-				square: "",
-				class: "clear",
-				size: "sm",
-				onClick: Se
-			}, {
-				default: R(() => [...l[0] ||= [c("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					width: "16",
-					height: "16",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]]),
-				_: 1
-			})) : o("", !0)
-		], 512), (C(), a(t, { to: "body" }, [f(n, {
+			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]]),
+			_: 1
+		})) : o("", !0)], 512), (C(), a(t, { to: "body" }, [f(n, {
 			name: "dropdown-pop",
-			onAfterEnter: le
+			onAfterEnter: ce
 		}, {
-			default: R(() => [O.value && p.value ? (C(), s("div", {
+			default: R(() => [D.value && d.value ? (C(), s("div", {
 				key: 0,
 				ref_key: "dropdownRef",
-				ref: M,
-				class: _(["picker-dropdown", { "is-flipped": ie.value }]),
-				style: v(N(G))
+				ref: j,
+				class: _(["picker-dropdown", { "is-flipped": K.value }]),
+				style: v(N(U))
 			}, [c("div", ns, [c("div", {
 				class: "time-wheels",
 				style: v(re.value)
@@ -5172,27 +5152,18 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 			}, [c("div", rs, A(t.label), 1), c("div", is, [c("div", {
 				class: "time-col",
 				"data-unit": t.unit,
-				onScrollPassive: fe
+				onScrollPassive: de
 			}, [(C(!0), s(e, null, E(t.values, (e) => (C(), s("button", {
 				key: e,
 				type: "button",
 				class: _(["time-item", { "is-active": me(t.unit, e) }]),
 				"data-val": e,
 				onClick: (n) => pe(t.unit, e)
-			}, A(x(e)), 11, os))), 128))], 40, as)])]))), 128)), l[2] ||= c("div", { class: "wheel-selection" }, null, -1)], 4), c("div", ss, [f(W, {
-				variant: "solid",
-				intent: "primary",
-				size: "sm",
-				class: "confirm-btn",
-				onClick: ye
-			}, {
-				default: R(() => [...l[3] ||= [d(" 確定 ", -1)]]),
-				_: 1
-			})])])], 6)) : o("", !0)]),
+			}, A(h(e)), 11, os))), 128))], 40, as)])]))), 128)), l[1] ||= c("div", { class: "wheel-selection" }, null, -1)], 4)])], 6)) : o("", !0)]),
 			_: 1
 		})]))], 2)], 2));
 	}
-}), [["__scopeId", "data-v-e95551ae"]]), ds = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-b40844fb"]]), us = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NTooltip",
 	props: {
 		content: { default: "" },
@@ -5227,10 +5198,10 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 			_: 3
 		})], 32));
 	}
-}), [["__scopeId", "data-v-7a53ca0a"]]), fs = { class: "modal-header" }, ps = { class: "modal-title" }, ms = { class: "modal-content" }, hs = {
+}), [["__scopeId", "data-v-7a53ca0a"]]), ds = { class: "modal-header" }, fs = { class: "modal-title" }, ps = { class: "modal-content" }, ms = {
 	key: 0,
 	class: "modal-footer"
-}, gs = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, hs = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NModal",
 	props: {
 		show: {
@@ -5269,12 +5240,12 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				key: 0,
 				class: "modal-overlay",
 				style: v({ zIndex: e.zIndex }),
-				onClick: B(u, ["self"])
+				onClick: z(u, ["self"])
 			}, [c("div", {
 				class: "modal-container",
 				style: v({ width: e.width })
 			}, [
-				c("header", fs, [c("h3", ps, A(e.title), 1), e.showClose ? (C(), s("button", {
+				c("header", ds, [c("h3", fs, A(e.title), 1), e.showClose ? (C(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -5286,16 +5257,16 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 					fill: "currentColor",
 					d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
 				})], -1)]])) : o("", !0)]),
-				c("main", ms, [D(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (C(), s("footer", hs, [D(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+				c("main", ps, [D(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (C(), s("footer", ms, [D(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
 			], 4)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ee2fac3c"]]), _s = { class: "drawer-header" }, vs = { class: "drawer-title" }, ys = { class: "drawer-body" }, bs = {
+}), [["__scopeId", "data-v-ee2fac3c"]]), gs = { class: "drawer-header" }, _s = { class: "drawer-title" }, vs = { class: "drawer-body" }, ys = {
 	key: 0,
 	class: "drawer-footer"
-}, xs = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, bs = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NDrawer",
 	props: {
 		show: {
@@ -5335,12 +5306,12 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				key: 0,
 				class: "drawer-overlay",
 				style: v({ zIndex: e.zIndex }),
-				onClick: B(u, ["self"])
+				onClick: z(u, ["self"])
 			}, [c("div", {
 				class: _(["drawer-container", [`placement-${e.placement}`]]),
 				style: v({ width: e.width })
 			}, [
-				c("header", _s, [c("h3", vs, [D(r.$slots, "title", {}, () => [d(A(e.title), 1)], !0)]), e.showClose ? (C(), s("button", {
+				c("header", gs, [c("h3", _s, [D(r.$slots, "title", {}, () => [d(A(e.title), 1)], !0)]), e.showClose ? (C(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -5352,16 +5323,16 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 					fill: "currentColor",
 					d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
 				})], -1)]])) : o("", !0)]),
-				c("main", ys, [D(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (C(), s("footer", bs, [D(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+				c("main", vs, [D(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (C(), s("footer", ys, [D(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
 			], 6)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-f8c0a0bb"]]), Ss = { class: "cards-wrapper" }, Cs = ["innerHTML"], ws = { class: "card-body" }, Ts = {
+}), [["__scopeId", "data-v-f8c0a0bb"]]), xs = { class: "cards-wrapper" }, Ss = ["innerHTML"], Cs = { class: "card-body" }, ws = {
 	key: 0,
 	class: "card-title"
-}, Es = { class: "card-message" }, Ds = { class: "card-footer" }, Os = ["onClick"], ks = ["onClick"], As = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, Ts = { class: "card-message" }, Es = { class: "card-footer" }, Ds = ["onClick"], Os = ["onClick"], ks = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NAlert",
 	setup(n) {
 		let { alerts: r, clearAlerts: i } = ci(), l = {
@@ -5401,7 +5372,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 		}
 		return b(() => document.addEventListener("keydown", m)), S(() => {
 			document.removeEventListener("keydown", m), i();
-		}), (n, i) => (C(), a(t, { to: "body" }, [c("div", { class: _(["backdrop", { open: N(r).length > 0 }]) }, null, 2), c("div", { class: _(["alert-stack", { open: N(r).length > 0 }]) }, [c("div", Ss, [(C(!0), s(e, null, E(N(r), (e, t) => (C(), s("div", {
+		}), (n, i) => (C(), a(t, { to: "body" }, [c("div", { class: _(["backdrop", { open: N(r).length > 0 }]) }, null, 2), c("div", { class: _(["alert-stack", { open: N(r).length > 0 }]) }, [c("div", xs, [(C(!0), s(e, null, E(N(r), (e, t) => (C(), s("div", {
 			key: e.id,
 			class: _(["alert-card", `status-${e.status}`]),
 			style: v(d(t))
@@ -5409,22 +5380,22 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 			c("div", {
 				class: "card-icon",
 				innerHTML: u(e)
-			}, null, 8, Cs),
-			c("div", ws, [e.title ? (C(), s("p", Ts, A(e.title), 1)) : o("", !0), c("p", Es, A(e.message), 1)]),
-			c("div", Ds, [e.type === "confirm" ? (C(), s("button", {
+			}, null, 8, Ss),
+			c("div", Cs, [e.title ? (C(), s("p", ws, A(e.title), 1)) : o("", !0), c("p", Ts, A(e.message), 1)]),
+			c("div", Es, [e.type === "confirm" ? (C(), s("button", {
 				key: 0,
 				class: "btn btn-cancel",
 				onClick: (t) => p(e)
-			}, A(e.cancelText), 9, Os)) : o("", !0), c("button", {
+			}, A(e.cancelText), 9, Ds)) : o("", !0), c("button", {
 				class: _(["btn btn-confirm", `btn-${e.status}`]),
 				onClick: (t) => f(e)
-			}, A(e.confirmText), 11, ks)])
+			}, A(e.confirmText), 11, Os)])
 		], 6))), 128))])], 2)]));
 	}
-}), [["__scopeId", "data-v-08d5a71b"]]), js = { class: "vtable-hscroll" }, Ms = { class: "vtable-htable" }, Ns = ["onClick"], Ps = { class: "th-content" }, Fs = {
+}), [["__scopeId", "data-v-08d5a71b"]]), As = { class: "vtable-hscroll" }, js = { class: "vtable-htable" }, Ms = ["onClick"], Ns = { class: "th-content" }, Ps = {
 	key: 0,
 	class: "sort-icon"
-}, Is = {
+}, Fs = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -5432,7 +5403,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Ls = {
+}, Is = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -5440,7 +5411,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Rs = {
+}, Ls = {
 	key: 2,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -5448,13 +5419,13 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, zs = {
+}, Rs = {
 	key: 0,
 	class: "vtable-th actions"
-}, Bs = ["onClick"], Vs = {
+}, zs = ["onClick"], Bs = {
 	key: 0,
 	class: "actions"
-}, Hs = "120px", Us = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, Vs = "120px", Hs = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NVirtualTable",
 	props: {
 		columns: { default: () => [] },
@@ -5486,7 +5457,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 			order: null
 		}), p = i(() => !!a.actions), m = (e) => {
 			let t = e ?? "1fr";
-			return t.endsWith("fr") ? `minmax(${Hs}, ${t})` : `minmax(${t}, ${t})`;
+			return t.endsWith("fr") ? `minmax(${Vs}, ${t})` : `minmax(${t}, ${t})`;
 		}, h = i(() => {
 			let e = t.columns.map((e) => m(e.width));
 			return p.value && e.push(`minmax(${t.actionsWidth}, ${t.actionsWidth})`), e.join(" ");
@@ -5498,14 +5469,14 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 		}))), y = i(() => g.value.getVirtualItems()), b = i(() => g.value.getTotalSize()), x = (e) => {
 			e.sortable && (u.value.key === e.key ? u.value.order = u.value.order === "asc" ? "desc" : "asc" : (u.value.key = e.key, u.value.order = "asc"), r("sort", { ...u.value }));
 		};
-		return (n, i) => (C(), s("div", { class: _(["vtable", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [c("div", js, [c("div", Ms, [c("div", {
+		return (n, i) => (C(), s("div", { class: _(["vtable", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [c("div", As, [c("div", js, [c("div", {
 			class: "vtable-header",
 			style: v({ gridTemplateColumns: h.value })
 		}, [(C(!0), s(e, null, E(t.columns, (e) => (C(), s("div", {
 			key: e.key,
 			class: _(["vtable-th", { sortable: e.sortable }]),
 			onClick: (t) => x(e)
-		}, [c("span", Ps, [d(A(e.label) + " ", 1), e.sortable ? (C(), s("span", Fs, [u.value.key !== e.key || u.value.order === null ? (C(), s("svg", Is, [...i[0] ||= [c("path", { d: "M8 9l4-4 4 4" }, null, -1), c("path", { d: "M16 15l-4 4-4-4" }, null, -1)]])) : u.value.order === "asc" ? (C(), s("svg", Ls, [...i[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (C(), s("svg", Rs, [...i[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, Ns))), 128)), p.value ? (C(), s("div", zs, [D(n.$slots, "actions-header", {}, () => [i[3] ||= d("操作", -1)], !0)])) : o("", !0)], 4), f(fa, {
+		}, [c("span", Ns, [d(A(e.label) + " ", 1), e.sortable ? (C(), s("span", Ps, [u.value.key !== e.key || u.value.order === null ? (C(), s("svg", Fs, [...i[0] ||= [c("path", { d: "M8 9l4-4 4 4" }, null, -1), c("path", { d: "M16 15l-4 4-4-4" }, null, -1)]])) : u.value.order === "asc" ? (C(), s("svg", Is, [...i[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (C(), s("svg", Ls, [...i[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, Ms))), 128)), p.value ? (C(), s("div", Rs, [D(n.$slots, "actions-header", {}, () => [i[3] ||= d("操作", -1)], !0)])) : o("", !0)], 4), f(fa, {
 			loading: t.loading,
 			overlay: ""
 		}, {
@@ -5532,10 +5503,10 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 				index: e.index,
 				item: t.items[e.index],
 				columns: t.columns
-			}, void 0, !0), p.value ? (C(), s("div", Vs, [D(n.$slots, "actions", {
+			}, void 0, !0), p.value ? (C(), s("div", Bs, [D(n.$slots, "actions", {
 				index: e.index,
 				item: t.items[e.index]
-			}, void 0, !0)])) : o("", !0)], 12, Bs))), 128))], 4)) : o("", !0)], 4)) : o("", !0)]),
+			}, void 0, !0)])) : o("", !0)], 12, zs))), 128))], 4)) : o("", !0)], 4)) : o("", !0)]),
 			_: 3
 		}, 8, ["loading"])])]), !t.loading && t.items.length === 0 ? D(n.$slots, "empty", { key: 0 }, () => [f(ta, {
 			title: t.emptyTitle,
@@ -5545,7 +5516,7 @@ var ja = { class: "icon-wrap" }, Ma = ["innerHTML"], Na = {
 }), [["__scopeId", "data-v-c7d6a7e3"]]);
 //#endregion
 //#region src/composables/useDisclosure.ts
-function Ws() {
+function Us() {
 	let e = T(!1);
 	function t() {
 		e.value = !0;
@@ -5561,11 +5532,11 @@ function Ws() {
 }
 //#endregion
 //#region src/composables/useMediaSelect.ts
-var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 1024).toFixed(0) + " KB" : e < 1073741824 ? (e / 1048576).toFixed(1) + " MB" : (e / 1073741824).toFixed(2) + " GB", Ks = (e, t = "floor") => {
+var Ws = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 1024).toFixed(0) + " KB" : e < 1073741824 ? (e / 1048576).toFixed(1) + " MB" : (e / 1073741824).toFixed(2) + " GB", Gs = (e, t = "floor") => {
 	if (e == null || isNaN(e)) return "0:00";
 	let n = t === "round" ? Math.round(e) : Math.floor(e), r = Math.floor(n / 60), i = n % 60;
 	return r + ":" + (i < 10 ? "0" : "") + i;
-}, qs = (e) => e.width && e.height ? e.width + "×" + e.height : "—", Js = (e, t) => {
+}, Ks = (e) => e.width && e.height ? e.width + "×" + e.height : "—", qs = (e, t) => {
 	if (e.name) return e.name;
 	try {
 		let n = new URL(e.url, window.location.href).pathname;
@@ -5573,17 +5544,17 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 	} catch {
 		return t;
 	}
-}, Ys = (e) => {
+}, Js = (e) => {
 	e?.startsWith("blob:") && URL.revokeObjectURL(e);
-}, Xs = (e) => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : e + Math.random().toString(36).slice(2, 9), Zs = (e, t, n) => {
+}, Ys = (e) => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : e + Math.random().toString(36).slice(2, 9), Xs = (e, t, n) => {
 	let r = t.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
 	if (r.length === 0) return e.type.startsWith(n);
 	let i = e.type.toLowerCase(), a = e.name.toLowerCase();
 	return r.some((e) => e.startsWith(".") ? a.endsWith(e) : e.endsWith("/*") ? i.startsWith(e.slice(0, -1)) : i === e);
-}, Qs = (e, t) => {
+}, Zs = (e, t) => {
 	let n = [], r = !1;
 	return Array.prototype.forEach.call(e, (e) => {
-		if (!Zs(e, t.accept, t.fallbackTypePrefix)) {
+		if (!Xs(e, t.accept, t.fallbackTypePrefix)) {
 			t.onError({
 				type: "type",
 				file: e
@@ -5606,7 +5577,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		}
 		n.push(e);
 	}), n;
-}, $s = (e) => {
+}, Qs = (e) => {
 	let t = T(!1), n = async () => {
 		if (!e.isBlocked()) if (e.multiple()) {
 			let t = await ai.input.custom(e.accept(), !0);
@@ -5637,7 +5608,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		},
 		openFileDialog: n
 	};
-}, ec = (e, t) => {
+}, $s = (e, t) => {
 	let n = "", r = (e) => {
 		e.key === "Escape" && t();
 	};
@@ -5646,26 +5617,26 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 	}), y(() => {
 		e.value && (document.body.style.overflow = n), document.removeEventListener("keydown", r);
 	});
-}, tc = {
+}, ec = {
 	key: 0,
 	class: "head"
-}, nc = ["textContent"], rc = {
+}, tc = ["textContent"], nc = {
 	key: 1,
 	class: "count-chip"
-}, ic = { class: "grid" }, ac = {
+}, rc = { class: "grid" }, ic = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, oc = ["textContent"], sc = ["textContent"], cc = ["onClick"], lc = ["src"], uc = {
+}, ac = ["textContent"], oc = ["textContent"], sc = ["onClick"], cc = ["src"], lc = {
 	key: 1,
 	class: "placeholder-label"
-}, dc = { class: "duration" }, fc = { class: "card-body" }, pc = ["title"], mc = { class: "file-meta" }, hc = { key: 0 }, gc = {
+}, uc = { class: "duration" }, dc = { class: "card-body" }, fc = ["title"], pc = { class: "file-meta" }, mc = { key: 0 }, hc = {
 	key: 1,
 	class: "dot-separator"
-}, _c = { key: 2 }, vc = { class: "card-actions" }, yc = ["onClick"], bc = ["disabled", "onClick"], xc = { class: "vi-modal-card" }, Sc = { class: "vi-modal-media" }, Cc = ["src"], wc = {
+}, gc = { key: 2 }, _c = { class: "card-actions" }, vc = ["onClick"], yc = ["disabled", "onClick"], bc = { class: "vi-modal-card" }, xc = { class: "vi-modal-media" }, Sc = ["src"], Cc = {
 	key: 1,
 	class: "vi-modal-placeholder"
-}, Tc = { class: "vi-modal-bar" }, Ec = { class: "vi-modal-info" }, Dc = { class: "modal-name" }, Oc = { class: "modal-meta" }, kc = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, wc = { class: "vi-modal-bar" }, Tc = { class: "vi-modal-info" }, Ec = { class: "modal-name" }, Dc = { class: "modal-meta" }, Oc = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NVideoSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -5703,7 +5674,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		"error"
 	],
 	setup(r, { emit: l }) {
-		let u = l, p = T(null), [m, g, v] = Ws(), { confirm: b } = ci(), x = !1, S = i(() => r.modelValue.length), w = (e) => Ks(e, "round"), D = (e) => Js(e, "影片"), O = (e) => {
+		let u = l, p = T(null), [m, g, v] = Us(), { confirm: b } = ci(), x = !1, S = i(() => r.modelValue.length), w = (e) => Gs(e, "round"), D = (e) => qs(e, "影片"), O = (e) => {
 			if (!e.url) return;
 			let t = document.createElement("video");
 			t.preload = "metadata";
@@ -5728,13 +5699,13 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				!e.url || k.has(e.id) || (k.add(e.id), (e.duration == null || e.width == null) && O(e));
 			});
 		}, { immediate: !0 });
-		let { isDragging: j, dropZoneHandlers: M } = $s({
+		let { isDragging: j, dropZoneHandlers: M } = Qs({
 			isBlocked: () => r.disabled || r.readonly,
 			accept: () => r.accept,
 			multiple: () => r.multiple,
 			onFiles: (e) => {
 				if (r.disabled || r.readonly) return;
-				let t = Qs(e, {
+				let t = Zs(e, {
 					accept: r.accept,
 					fallbackTypePrefix: "video/",
 					maxSize: r.maxSize,
@@ -5743,7 +5714,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				});
 				if (t.length === 0) return;
 				let n = t.map((e) => ({
-					id: Xs("v"),
+					id: Ys("v"),
 					file: e,
 					name: e.name,
 					size: e.size,
@@ -5765,40 +5736,40 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			Ys(t.url), k.delete(e);
+			Js(t.url), k.delete(e);
 			let n = r.modelValue.filter((t) => t.id !== e);
 			u("update:modelValue", n), u("change", n), u("remove", t);
 		}, F = (e) => {
 			p.value = e, g();
 		}, I = () => {
 			v();
-		}, z = i(() => {
+		}, ee = i(() => {
 			let e = p.value;
 			return e ? [
-				e.size == null ? null : Gs(e.size),
-				e.width && e.height ? qs(e) : null,
+				e.size == null ? null : Ws(e.size),
+				e.width && e.height ? Ks(e) : null,
 				w(e.duration)
 			].filter(Boolean).join(" · ") : "";
 		});
-		return ec(m, I), y(() => {
-			x = !0, r.autoRevoke && r.modelValue.forEach((e) => Ys(e.url));
+		return $s(m, I), y(() => {
+			x = !0, r.autoRevoke && r.modelValue.forEach((e) => Js(e.url));
 		}), (i, l) => (C(), s("div", { class: _(["video-input", {
 			"is-disabled": r.disabled,
 			"is-readonly": r.readonly
 		}]) }, [
-			r.title || r.showCount ? (C(), s("div", tc, [r.title ? (C(), s("span", {
+			r.title || r.showCount ? (C(), s("div", ec, [r.title ? (C(), s("span", {
 				key: 0,
 				class: "title",
 				textContent: A(r.title)
-			}, null, 8, nc)) : o("", !0), r.showCount ? (C(), s("span", rc, A(S.value) + " 支", 1)) : o("", !0)])) : o("", !0),
-			c("div", ic, [S.value === 0 ? (C(), s("div", h({
+			}, null, 8, tc)) : o("", !0), r.showCount ? (C(), s("span", nc, A(S.value) + " 支", 1)) : o("", !0)])) : o("", !0),
+			c("div", rc, [S.value === 0 ? (C(), s("div", h({
 				key: 0,
 				class: ["empty", {
 					"is-drag": N(j),
 					"is-static": r.readonly
 				}]
 			}, r.readonly ? {} : N(M)), [
-				r.readonly ? o("", !0) : (C(), s("span", ac, [...l[0] ||= [c("svg", {
+				r.readonly ? o("", !0) : (C(), s("span", ic, [...l[0] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -5810,11 +5781,11 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					c("path", { d: "M7 9l5-5 5 5" }),
 					c("path", { d: "M12 4v12" })
 				], -1)]])),
-				c("h3", { textContent: A(r.readonly ? "目前沒有影片" : r.emptyTitle) }, null, 8, oc),
+				c("h3", { textContent: A(r.readonly ? "目前沒有影片" : r.emptyTitle) }, null, 8, ac),
 				r.readonly ? o("", !0) : (C(), s("p", {
 					key: 1,
 					textContent: A(r.emptyHint)
-				}, null, 8, sc))
+				}, null, 8, oc))
 			], 16)) : (C(), s(e, { key: 1 }, [(C(!0), s(e, null, E(r.modelValue, (e) => (C(), s("div", {
 				key: e.id,
 				class: "card"
@@ -5827,7 +5798,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					src: e.url + "#t=0.5",
 					muted: "",
 					preload: "metadata"
-				}, null, 8, lc)) : (C(), s("div", uc, "縮圖預覽")),
+				}, null, 8, cc)) : (C(), s("div", lc, "縮圖預覽")),
 				l[1] ||= c("div", {
 					class: "play",
 					"aria-hidden": "true"
@@ -5835,18 +5806,18 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					viewBox: "0 0 24 24",
 					fill: "currentColor"
 				}, [c("path", { d: "M8 5v14l11-7z" })])], -1),
-				c("div", dc, A(w(e.duration)), 1)
-			], 10, cc), c("div", fc, [
+				c("div", uc, A(w(e.duration)), 1)
+			], 10, sc), c("div", dc, [
 				c("div", {
 					class: "file-name",
 					title: D(e)
-				}, A(D(e)), 9, pc),
-				c("div", mc, [
-					e.size == null ? o("", !0) : (C(), s("span", hc, A(N(Gs)(e.size)), 1)),
-					e.size != null && e.width && e.height ? (C(), s("span", gc)) : o("", !0),
-					e.width && e.height ? (C(), s("span", _c, A(N(qs)(e)), 1)) : o("", !0)
+				}, A(D(e)), 9, fc),
+				c("div", pc, [
+					e.size == null ? o("", !0) : (C(), s("span", mc, A(N(Ws)(e.size)), 1)),
+					e.size != null && e.width && e.height ? (C(), s("span", hc)) : o("", !0),
+					e.width && e.height ? (C(), s("span", gc, A(N(Ks)(e)), 1)) : o("", !0)
 				]),
-				c("div", vc, [c("button", {
+				c("div", _c, [c("button", {
 					class: "action preview",
 					onClick: (t) => F(e),
 					type: "button"
@@ -5861,12 +5832,12 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, yc), r.readonly ? o("", !0) : (C(), s("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, vc), r.readonly ? o("", !0) : (C(), s("button", {
 					key: 0,
 					class: "action delete",
 					"aria-label": "刪除",
 					disabled: r.disabled,
-					onClick: B((t) => P(e.id), ["stop"]),
+					onClick: z((t) => P(e.id), ["stop"]),
 					type: "button"
 				}, [...l[3] ||= [c("svg", {
 					viewBox: "0 0 24 24",
@@ -5875,7 +5846,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					"stroke-width": "2",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [c("path", { d: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), c("path", { d: "M10 11v6M14 11v6" })], -1)]], 8, bc))])
+				}, [c("path", { d: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), c("path", { d: "M10 11v6M14 11v6" })], -1)]], 8, yc))])
 			])]))), 128)), r.multiple && !r.readonly ? (C(), s("div", h({
 				key: 0,
 				class: ["add-card", { "is-drag": N(j) }]
@@ -5898,8 +5869,8 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				default: R(() => [N(m) ? (C(), s("div", {
 					key: 0,
 					class: "vi-modal",
-					onClick: B(I, ["self"])
-				}, [c("div", xc, [c("div", Sc, [p.value?.url ? (C(), s("video", {
+					onClick: z(I, ["self"])
+				}, [c("div", bc, [c("div", xc, [p.value?.url ? (C(), s("video", {
 					key: 0,
 					src: p.value.url,
 					controls: "",
@@ -5907,7 +5878,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					playsinline: "",
 					controlslist: "nofullscreen nodownload noremoteplayback noplaybackrate",
 					disablepictureinpicture: ""
-				}, null, 8, Cc)) : (C(), s("div", wc, " 示範影片 · 上傳真實檔案即可在此播放 "))]), c("div", Tc, [c("div", Ec, [c("div", Dc, A(p.value ? D(p.value) : ""), 1), c("div", Oc, A(z.value), 1)]), c("button", {
+				}, null, 8, Sc)) : (C(), s("div", Cc, " 示範影片 · 上傳真實檔案即可在此播放 "))]), c("div", wc, [c("div", Tc, [c("div", Ec, A(p.value ? D(p.value) : ""), 1), c("div", Dc, A(ee.value), 1)]), c("button", {
 					class: "vi-modal-close",
 					"aria-label": "關閉",
 					onClick: I,
@@ -5924,26 +5895,26 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-48e045dd"]]), Ac = {
+}), [["__scopeId", "data-v-48e045dd"]]), kc = {
 	key: 0,
 	class: "head"
-}, jc = ["textContent"], Mc = {
+}, Ac = ["textContent"], jc = {
 	key: 1,
 	class: "count-chip"
-}, Nc = { class: "grid" }, Pc = {
+}, Mc = { class: "grid" }, Nc = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, Fc = ["textContent"], Ic = ["textContent"], Lc = ["onClick"], Rc = ["src", "alt"], zc = {
+}, Pc = ["textContent"], Fc = ["textContent"], Ic = ["onClick"], Lc = ["src", "alt"], Rc = {
 	key: 1,
 	class: "placeholder-label"
-}, Bc = { class: "card-body" }, Vc = ["title"], Hc = { class: "file-meta" }, Uc = { key: 0 }, Wc = {
+}, zc = { class: "card-body" }, Bc = ["title"], Vc = { class: "file-meta" }, Hc = { key: 0 }, Uc = {
 	key: 1,
 	class: "dot-separator"
-}, Gc = { key: 2 }, Kc = { class: "card-actions" }, qc = ["onClick"], Jc = ["disabled", "onClick"], Yc = { class: "ii-modal-card" }, Xc = { class: "ii-modal-media" }, Zc = ["src", "alt"], Qc = {
+}, Wc = { key: 2 }, Gc = { class: "card-actions" }, Kc = ["onClick"], qc = ["disabled", "onClick"], Jc = { class: "ii-modal-card" }, Yc = { class: "ii-modal-media" }, Xc = ["src", "alt"], Zc = {
 	key: 1,
 	class: "ii-modal-ph"
-}, $c = { class: "ii-modal-bar" }, el = { class: "ii-modal-info" }, tl = { class: "modal-name" }, nl = { class: "modal-meta" }, rl = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, Qc = { class: "ii-modal-bar" }, $c = { class: "ii-modal-info" }, el = { class: "modal-name" }, tl = { class: "modal-meta" }, nl = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NImageSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -5981,7 +5952,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		"error"
 	],
 	setup(r, { emit: l }) {
-		let u = l, p = T(null), [m, g, v] = Ws(), { confirm: b } = ci(), x = !1, S = i(() => r.modelValue.length), w = (e) => Js(e, "圖片"), D = (e) => {
+		let u = l, p = T(null), [m, g, v] = Us(), { confirm: b } = ci(), x = !1, S = i(() => r.modelValue.length), w = (e) => qs(e, "圖片"), D = (e) => {
 			if (!e.url) return;
 			let t = new Image(), n = () => {
 				t.removeEventListener("load", i), t.removeEventListener("error", n), t.removeAttribute("src");
@@ -6003,13 +5974,13 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				!e.url || O.has(e.id) || (O.add(e.id), (e.width == null || e.height == null) && D(e));
 			});
 		}, { immediate: !0 });
-		let { isDragging: k, dropZoneHandlers: j } = $s({
+		let { isDragging: k, dropZoneHandlers: j } = Qs({
 			isBlocked: () => r.disabled || r.readonly,
 			accept: () => r.accept,
 			multiple: () => r.multiple,
 			onFiles: (e) => {
 				if (r.disabled || r.readonly) return;
-				let t = Qs(e, {
+				let t = Zs(e, {
 					accept: r.accept,
 					fallbackTypePrefix: "image/",
 					maxSize: r.maxSize,
@@ -6018,7 +5989,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				});
 				if (t.length === 0) return;
 				let n = t.map((e) => ({
-					id: Xs("i"),
+					id: Ys("i"),
 					file: e,
 					name: e.name,
 					size: e.size,
@@ -6039,7 +6010,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			Ys(t.url), O.delete(e);
+			Js(t.url), O.delete(e);
 			let n = r.modelValue.filter((t) => t.id !== e);
 			u("update:modelValue", n), u("change", n), u("remove", t);
 		}, P = (e) => {
@@ -6048,27 +6019,27 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			v();
 		}, I = i(() => {
 			let e = p.value;
-			return e ? [e.size == null ? null : Gs(e.size), e.width && e.height ? qs(e) : null].filter(Boolean).join(" · ") : "";
+			return e ? [e.size == null ? null : Ws(e.size), e.width && e.height ? Ks(e) : null].filter(Boolean).join(" · ") : "";
 		});
-		return ec(m, F), y(() => {
-			x = !0, r.autoRevoke && r.modelValue.forEach((e) => Ys(e.url));
+		return $s(m, F), y(() => {
+			x = !0, r.autoRevoke && r.modelValue.forEach((e) => Js(e.url));
 		}), (i, l) => (C(), s("div", { class: _(["image-input", {
 			"is-disabled": r.disabled,
 			"is-readonly": r.readonly
 		}]) }, [
-			r.title || r.showCount ? (C(), s("div", Ac, [r.title ? (C(), s("span", {
+			r.title || r.showCount ? (C(), s("div", kc, [r.title ? (C(), s("span", {
 				key: 0,
 				class: "title",
 				textContent: A(r.title)
-			}, null, 8, jc)) : o("", !0), r.showCount ? (C(), s("span", Mc, A(S.value) + " 張", 1)) : o("", !0)])) : o("", !0),
-			c("div", Nc, [S.value === 0 ? (C(), s("div", h({
+			}, null, 8, Ac)) : o("", !0), r.showCount ? (C(), s("span", jc, A(S.value) + " 張", 1)) : o("", !0)])) : o("", !0),
+			c("div", Mc, [S.value === 0 ? (C(), s("div", h({
 				key: 0,
 				class: ["empty", {
 					"is-drag": N(k),
 					"is-static": r.readonly
 				}]
 			}, r.readonly ? {} : N(j)), [
-				r.readonly ? o("", !0) : (C(), s("span", Pc, [...l[0] ||= [c("svg", {
+				r.readonly ? o("", !0) : (C(), s("span", Nc, [...l[0] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -6090,11 +6061,11 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					}),
 					c("path", { d: "M21 15l-5-5L5 21" })
 				], -1)]])),
-				c("h3", { textContent: A(r.readonly ? "目前沒有圖片" : r.emptyTitle) }, null, 8, Fc),
+				c("h3", { textContent: A(r.readonly ? "目前沒有圖片" : r.emptyTitle) }, null, 8, Pc),
 				r.readonly ? o("", !0) : (C(), s("p", {
 					key: 1,
 					textContent: A(r.emptyHint)
-				}, null, 8, Ic))
+				}, null, 8, Fc))
 			], 16)) : (C(), s(e, { key: 1 }, [(C(!0), s(e, null, E(r.modelValue, (e) => (C(), s("div", {
 				key: e.id,
 				class: "card"
@@ -6106,7 +6077,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				src: e.url,
 				alt: w(e),
 				loading: "lazy"
-			}, null, 8, Rc)) : (C(), s("div", zc, "縮圖預覽")), l[1] ||= c("div", {
+			}, null, 8, Lc)) : (C(), s("div", Rc, "縮圖預覽")), l[1] ||= c("div", {
 				class: "zoom",
 				"aria-hidden": "true"
 			}, [c("svg", {
@@ -6120,17 +6091,17 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				cx: "11",
 				cy: "11",
 				r: "7"
-			}), c("path", { d: "m21 21-4.3-4.3M11 8v6M8 11h6" })])], -1)], 10, Lc), c("div", Bc, [
+			}), c("path", { d: "m21 21-4.3-4.3M11 8v6M8 11h6" })])], -1)], 10, Ic), c("div", zc, [
 				c("div", {
 					class: "file-name",
 					title: w(e)
-				}, A(w(e)), 9, Vc),
-				c("div", Hc, [
-					e.size == null ? o("", !0) : (C(), s("span", Uc, A(N(Gs)(e.size)), 1)),
-					e.size != null && e.width && e.height ? (C(), s("span", Wc)) : o("", !0),
-					e.width && e.height ? (C(), s("span", Gc, A(N(qs)(e)), 1)) : o("", !0)
+				}, A(w(e)), 9, Bc),
+				c("div", Vc, [
+					e.size == null ? o("", !0) : (C(), s("span", Hc, A(N(Ws)(e.size)), 1)),
+					e.size != null && e.width && e.height ? (C(), s("span", Uc)) : o("", !0),
+					e.width && e.height ? (C(), s("span", Wc, A(N(Ks)(e)), 1)) : o("", !0)
 				]),
-				c("div", Kc, [c("button", {
+				c("div", Gc, [c("button", {
 					class: "action preview",
 					onClick: (t) => P(e),
 					type: "button"
@@ -6145,12 +6116,12 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, qc), r.readonly ? o("", !0) : (C(), s("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, Kc), r.readonly ? o("", !0) : (C(), s("button", {
 					key: 0,
 					class: "action delete",
 					"aria-label": "刪除",
 					disabled: r.disabled,
-					onClick: B((t) => M(e.id), ["stop"]),
+					onClick: z((t) => M(e.id), ["stop"]),
 					type: "button"
 				}, [...l[3] ||= [c("svg", {
 					viewBox: "0 0 24 24",
@@ -6159,7 +6130,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					"stroke-width": "2",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [c("path", { d: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), c("path", { d: "M10 11v6M14 11v6" })], -1)]], 8, Jc))])
+				}, [c("path", { d: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), c("path", { d: "M10 11v6M14 11v6" })], -1)]], 8, qc))])
 			])]))), 128)), r.multiple && !r.readonly ? (C(), s("div", h({
 				key: 0,
 				class: ["add-card", { "is-drag": N(k) }]
@@ -6182,12 +6153,12 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				default: R(() => [N(m) ? (C(), s("div", {
 					key: 0,
 					class: "ii-modal",
-					onClick: B(F, ["self"])
-				}, [c("div", Yc, [c("div", Xc, [p.value?.url ? (C(), s("img", {
+					onClick: z(F, ["self"])
+				}, [c("div", Jc, [c("div", Yc, [p.value?.url ? (C(), s("img", {
 					key: 0,
 					src: p.value.url,
 					alt: p.value ? w(p.value) : ""
-				}, null, 8, Zc)) : (C(), s("div", Qc, " 示範圖片 · 上傳真實檔案即可在此檢視 "))]), c("div", $c, [c("div", el, [c("div", tl, A(p.value ? w(p.value) : ""), 1), c("div", nl, A(I.value), 1)]), c("button", {
+				}, null, 8, Xc)) : (C(), s("div", Zc, " 示範圖片 · 上傳真實檔案即可在此檢視 "))]), c("div", Qc, [c("div", $c, [c("div", el, A(p.value ? w(p.value) : ""), 1), c("div", tl, A(I.value), 1)]), c("button", {
 					class: "ii-modal-close",
 					"aria-label": "關閉",
 					onClick: F,
@@ -6204,40 +6175,40 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-68af7848"]]), il = {
+}), [["__scopeId", "data-v-68af7848"]]), rl = {
 	key: 0,
 	class: "head"
-}, al = ["textContent"], ol = {
+}, il = ["textContent"], al = {
 	key: 1,
 	class: "count-chip"
-}, sl = {
+}, ol = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, cl = ["textContent"], ll = ["textContent"], ul = {
+}, sl = ["textContent"], cl = ["textContent"], ll = {
 	key: 2,
 	class: "list"
-}, dl = [
+}, ul = [
 	"src",
 	"onLoadedmetadata",
 	"onTimeupdate",
 	"onEnded"
-], fl = [
+], dl = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], pl = {
+], fl = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, ml = {
+}, pl = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, hl = { class: "meta" }, gl = ["title"], _l = { class: "sub" }, vl = ["onMousedown", "onTouchstart"], yl = {
+}, ml = { class: "meta" }, hl = ["title"], gl = { class: "sub" }, _l = ["onMousedown", "onTouchstart"], vl = {
 	key: 1,
 	class: "track"
-}, bl = { class: "time" }, xl = ["disabled", "onClick"], Sl = { class: "meta" }, Cl = { class: "name" }, wl = 30, Tl = 256, El = 5, Dl = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, yl = { class: "time" }, bl = ["disabled", "onClick"], xl = { class: "meta" }, Sl = { class: "name" }, Cl = 30, wl = 256, Tl = 5, El = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NAudioSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -6288,8 +6259,8 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			let e = 0;
 			if (r.forEach((t) => {
 				t.refCount <= 0 && (e += 1);
-			}), !(e <= wl)) {
-				for (let [t, n] of r) if (!(n.refCount > 0) && (r.delete(t), --e, e <= wl)) break;
+			}), !(e <= Cl)) {
+				for (let [t, n] of r) if (!(n.refCount > 0) && (r.delete(t), --e, e <= Cl)) break;
 			}
 		}, f = (e, t) => {
 			if (!e) return;
@@ -6303,9 +6274,9 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			n <= 0 || (n === 1 ? j.delete(e) : j.set(e, n - 1), f(e, t));
 		}, F = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map(), R = (e, t) => {
 			t ? F.set(e, t) : F.delete(e);
-		}, z = i(() => t.modelValue.length), ee = () => Xs("a"), te = (e) => Js(e, "音訊"), V = null, ne = () => (V ||= new (window.AudioContext || window.webkitAudioContext)(), V), re = async (e) => {
-			let t = await ne().decodeAudioData(e.slice(0)), n = t.getChannelData(0), r = Math.floor(n.length / Tl) || 1, i = Array(Tl), a = 0;
-			for (let e = 0; e < Tl; e++) {
+		}, ee = i(() => t.modelValue.length), te = () => Ys("a"), ne = (e) => qs(e, "音訊"), B = null, re = () => (B ||= new (window.AudioContext || window.webkitAudioContext)(), B), V = async (e) => {
+			let t = await re().decodeAudioData(e.slice(0)), n = t.getChannelData(0), r = Math.floor(n.length / wl) || 1, i = Array(wl), a = 0;
+			for (let e = 0; e < wl; e++) {
 				let t = 0, o = e * r, s = Math.min(n.length, o + r);
 				for (let e = o; e < s; e++) {
 					let r = Math.abs(n[e]);
@@ -6314,12 +6285,12 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				i[e] = t, t > a && (a = t);
 			}
 			let o = a > 0 ? 1 / a : 1;
-			for (let e = 0; e < Tl; e++) i[e] = Math.max(.06, i[e] * o);
+			for (let e = 0; e < wl; e++) i[e] = Math.max(.06, i[e] * o);
 			return {
 				peaks: i,
 				duration: t.duration
 			};
-		}, H = (e) => e.arrayBuffer().then((e) => re(e)), U = (e) => {
+		}, H = (e) => e.arrayBuffer().then((e) => V(e)), U = (e) => {
 			let t = I.get(e), n = S[e];
 			if (!t || !n) return;
 			let r = t.clientWidth;
@@ -6327,7 +6298,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				W || requestAnimationFrame(() => U(e));
 				return;
 			}
-			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / El)));
+			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / Tl)));
 			if (D[e] && D[e].length === i) return;
 			let a = Array(i);
 			for (let e = 0; e < i; e++) {
@@ -6347,13 +6318,13 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				let n = t;
 				n.dataset.waveId = e, I.set(e, n), W ? W.observe(n) : U(e);
 			} else I.delete(e);
-		}, { isDragging: K, dropZoneHandlers: ie } = $s({
+		}, { isDragging: K, dropZoneHandlers: q } = Qs({
 			isBlocked: () => t.disabled || t.readonly,
 			accept: () => t.accept,
 			multiple: () => t.multiple,
 			onFiles: (e) => {
 				if (t.disabled || t.readonly) return;
-				let n = Qs(e, {
+				let n = Zs(e, {
 					accept: t.accept,
 					fallbackTypePrefix: "audio/",
 					maxSize: t.maxSize,
@@ -6361,14 +6332,14 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					onError: (e) => p("error", e)
 				});
 				n.length !== 0 && n.forEach((e) => {
-					let n = "p" + ee();
+					let n = "p" + te();
 					g.value.push({
 						tag: n,
 						name: e.name
 					}), H(e).then(({ peaks: n, duration: r }) => {
 						if (b) return;
 						let i = {
-							id: ee(),
+							id: te(),
 							file: e,
 							name: e.name,
 							size: e.size,
@@ -6388,16 +6359,16 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					});
 				});
 			}
-		}), q = async (e) => {
+		}), ie = async (e) => {
 			if (t.disabled || t.readonly) return;
 			let n = t.modelValue.find((t) => t.id === e);
-			if (!n || !await m(`確定要移除「${te(n)}」嗎？`, {
+			if (!n || !await m(`確定要移除「${ne(n)}」嗎？`, {
 				title: "移除音訊",
 				status: "danger",
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			x.value === e && ae(), Ys(n.url), P(n.url, !0), delete S[e], delete D[e], delete O[e], k.delete(e);
+			x.value === e && ae(), Js(n.url), P(n.url, !0), delete S[e], delete D[e], delete O[e], k.delete(e);
 			let r = t.modelValue.filter((t) => t.id !== e);
 			p("update:modelValue", r), p("change", r), p("remove", n);
 		}, ae = () => {
@@ -6455,7 +6426,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				return;
 			}
 			try {
-				let { peaks: t, duration: n } = await re(await (await fetch(e.url)).arrayBuffer());
+				let { peaks: t, duration: n } = await V(await (await fetch(e.url)).arrayBuffer());
 				if (b) return;
 				M(e.url, t, n), he(e.id, t, n);
 			} catch {}
@@ -6468,24 +6439,24 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				!e.url || k.has(e.id) || (k.add(e.id), S[e.id] || ge(e));
 			});
 		}, { immediate: !0 }), y(() => {
-			b = !0, ue?.(), t.autoRevoke && t.modelValue.forEach((e) => Ys(e.url)), j.forEach((e, t) => {
+			b = !0, ue?.(), t.autoRevoke && t.modelValue.forEach((e) => Js(e.url)), j.forEach((e, t) => {
 				for (let n = 0; n < e; n++) f(t, !1);
-			}), j.clear(), W?.disconnect(), V &&= (V.close(), null);
+			}), j.clear(), W?.disconnect(), B &&= (B.close(), null);
 		}), (n, r) => (C(), s("div", { class: _(["audio-input", {
 			"is-disabled": t.disabled,
 			"is-readonly": t.readonly
-		}]) }, [t.title || t.showCount ? (C(), s("div", il, [t.title ? (C(), s("span", {
+		}]) }, [t.title || t.showCount ? (C(), s("div", rl, [t.title ? (C(), s("span", {
 			key: 0,
 			class: "title",
 			textContent: A(t.title)
-		}, null, 8, al)) : o("", !0), t.showCount ? (C(), s("span", ol, A(z.value) + " 首", 1)) : o("", !0)])) : o("", !0), z.value === 0 && g.value.length === 0 ? (C(), s("div", h({
+		}, null, 8, il)) : o("", !0), t.showCount ? (C(), s("span", al, A(ee.value) + " 首", 1)) : o("", !0)])) : o("", !0), ee.value === 0 && g.value.length === 0 ? (C(), s("div", h({
 			key: 1,
 			class: ["empty", {
 				"is-drag": N(K),
 				"is-static": t.readonly
 			}]
-		}, t.readonly ? {} : N(ie)), [
-			t.readonly ? o("", !0) : (C(), s("span", sl, [...r[0] ||= [c("svg", {
+		}, t.readonly ? {} : N(q)), [
+			t.readonly ? o("", !0) : (C(), s("span", ol, [...r[0] ||= [c("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
@@ -6505,12 +6476,12 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					r: "3"
 				})
 			], -1)]])),
-			c("h3", { textContent: A(t.readonly ? "目前沒有音訊" : t.emptyTitle) }, null, 8, cl),
+			c("h3", { textContent: A(t.readonly ? "目前沒有音訊" : t.emptyTitle) }, null, 8, sl),
 			t.readonly ? o("", !0) : (C(), s("p", {
 				key: 1,
 				textContent: A(t.emptyHint)
-			}, null, 8, ll))
-		], 16)) : (C(), s("div", ul, [
+			}, null, 8, cl))
+		], 16)) : (C(), s("div", ll, [
 			(C(!0), s(e, null, E(t.modelValue, (n) => (C(), s("div", {
 				key: n.id,
 				class: _(["row", { "is-playing": x.value === n.id }])
@@ -6523,14 +6494,14 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					onLoadedmetadata: (e) => _e(n.id, e),
 					onTimeupdate: (e) => se(n.id, e),
 					onEnded: (e) => ce(n.id)
-				}, null, 40, dl),
+				}, null, 40, ul),
 				c("button", {
 					class: "play-btn",
 					"aria-label": x.value === n.id ? "暫停" : "播放",
 					disabled: !n.url,
 					onClick: (e) => oe(n.id),
 					type: "button"
-				}, [x.value === n.id ? (C(), s("svg", pl, [...r[1] ||= [c("rect", {
+				}, [x.value === n.id ? (C(), s("svg", fl, [...r[1] ||= [c("rect", {
 					x: "6",
 					y: "5",
 					width: "4",
@@ -6542,11 +6513,11 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					width: "4",
 					height: "14",
 					rx: "1"
-				}, null, -1)]])) : (C(), s("svg", ml, [...r[2] ||= [c("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, fl),
-				c("div", hl, [c("div", {
+				}, null, -1)]])) : (C(), s("svg", pl, [...r[2] ||= [c("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, dl),
+				c("div", ml, [c("div", {
 					class: "name",
-					title: te(n)
-				}, A(te(n)), 9, gl), c("div", _l, [n.size == null ? o("", !0) : (C(), s(e, { key: 0 }, [d(A(N(Gs)(n.size)) + " · ", 1)], 64)), d(" " + A(N(Ks)(n.duration)), 1)])]),
+					title: ne(n)
+				}, A(ne(n)), 9, hl), c("div", gl, [n.size == null ? o("", !0) : (C(), s(e, { key: 0 }, [d(A(N(Ws)(n.size)) + " · ", 1)], 64)), d(" " + A(N(Gs)(n.duration)), 1)])]),
 				c("div", {
 					class: _(["wave", { "is-track": !D[n.id]?.length }]),
 					ref_for: !0,
@@ -6557,17 +6528,17 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					key: t,
 					class: _(["bar", { "is-played": fe(n, t) }]),
 					style: v({ height: Math.max(2, Math.round(e * 34)) + "px" })
-				}, null, 6))), 128)) : (C(), s("div", yl, [c("div", {
+				}, null, 6))), 128)) : (C(), s("div", vl, [c("div", {
 					class: "track-fill",
 					style: v({ width: pe(n) * 100 + "%" })
-				}, null, 4)]))], 42, vl),
-				c("div", bl, A(N(Ks)(O[n.id] || 0)) + " / " + A(N(Ks)(n.duration)), 1),
+				}, null, 4)]))], 42, _l),
+				c("div", yl, A(N(Gs)(O[n.id] || 0)) + " / " + A(N(Gs)(n.duration)), 1),
 				t.readonly ? o("", !0) : (C(), s("button", {
 					key: 0,
 					class: "del-btn",
 					"aria-label": "刪除",
 					disabled: t.disabled,
-					onClick: B((e) => q(n.id), ["stop"]),
+					onClick: z((e) => ie(n.id), ["stop"]),
 					type: "button"
 				}, [...r[3] ||= [c("svg", {
 					viewBox: "0 0 24 24",
@@ -6576,7 +6547,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					"stroke-width": "1.8",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [c("path", { d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14" })], -1)]], 8, xl))
+				}, [c("path", { d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14" })], -1)]], 8, bl))
 			], 2))), 128)),
 			(C(!0), s(e, null, E(g.value, (e) => (C(), s("div", {
 				key: e.tag,
@@ -6590,18 +6561,18 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round"
-			}, [c("path", { d: "M12 3a9 9 0 1 0 9 9" })])], -1), c("div", Sl, [c("div", Cl, A(e.name), 1), r[4] ||= c("div", { class: "sub" }, "解析波形中…", -1)])]))), 128)),
+			}, [c("path", { d: "M12 3a9 9 0 1 0 9 9" })])], -1), c("div", xl, [c("div", Sl, A(e.name), 1), r[4] ||= c("div", { class: "sub" }, "解析波形中…", -1)])]))), 128)),
 			t.multiple && !t.readonly ? (C(), s("div", h({
 				key: 0,
 				class: ["add", { "is-drag": N(K) }]
-			}, N(ie)), [...r[6] ||= [u("<span class=\"plus\" aria-hidden=\"true\" data-v-550a16fe><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" data-v-550a16fe><path d=\"M12 5v14M5 12h14\" data-v-550a16fe></path></svg></span><div class=\"add-text\" data-v-550a16fe><div class=\"t\" data-v-550a16fe>新增音訊</div><div class=\"d\" data-v-550a16fe>點擊或拖放檔案 · MP3 / WAV / OGG / M4A</div></div>", 2)]], 16)) : o("", !0)
+			}, N(q)), [...r[6] ||= [u("<span class=\"plus\" aria-hidden=\"true\" data-v-550a16fe><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" data-v-550a16fe><path d=\"M12 5v14M5 12h14\" data-v-550a16fe></path></svg></span><div class=\"add-text\" data-v-550a16fe><div class=\"t\" data-v-550a16fe>新增音訊</div><div class=\"d\" data-v-550a16fe>點擊或拖放檔案 · MP3 / WAV / OGG / M4A</div></div>", 2)]], 16)) : o("", !0)
 		]))], 2));
 	}
-}), [["__scopeId", "data-v-550a16fe"]]), Ol = [
+}), [["__scopeId", "data-v-550a16fe"]]), Dl = [
 	"src",
 	"alt",
 	"loading"
-], kl = ["src", "alt"], Al = /* @__PURE__ */ U(/* @__PURE__ */ p({
+], Ol = ["src", "alt"], kl = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NImage",
 	props: {
 		src: {},
@@ -6661,12 +6632,12 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			onClick: y,
 			onLoad: h,
 			onError: g
-		}, null, 44, Ol), (C(), a(t, { to: "body" }, [f(n, { name: "n-image-fade" }, {
+		}, null, 44, Dl), (C(), a(t, { to: "body" }, [f(n, { name: "n-image-fade" }, {
 			default: R(() => [u.value ? (C(), s("div", {
 				key: 0,
 				class: "n-image-overlay",
 				style: v({ zIndex: e.zIndex }),
-				onClick: B(x, ["self"])
+				onClick: z(x, ["self"])
 			}, [c("button", {
 				class: "n-image-close",
 				onClick: b
@@ -6681,17 +6652,17 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				class: "n-image-preview",
 				src: m.value,
 				alt: e.alt
-			}, null, 8, kl)], 4)) : o("", !0)]),
+			}, null, 8, Ol)], 4)) : o("", !0)]),
 			_: 1
 		})]))], 2));
 	}
-}), [["__scopeId", "data-v-6cfc93a7"]]), jl = { class: "header" }, Ml = { class: "brand-logo" }, Nl = { class: "logo-text" }, Pl = { class: "logo-icon" }, Fl = { class: "nav" }, Il = ["onClick"], Ll = ["innerHTML"], Rl = { class: "nav-list" }, zl = ["href", "onClick"], Bl = ["innerHTML"], Vl = { class: "nav-text" }, Hl = ["href", "onClick"], Ul = { class: "title no-children" }, Wl = ["innerHTML"], Gl = { class: "user-capsule" }, Kl = { class: "user-avatar" }, ql = ["src"], Jl = {
+}), [["__scopeId", "data-v-6cfc93a7"]]), Al = { class: "header" }, jl = { class: "brand-logo" }, Ml = { class: "logo-text" }, Nl = { class: "logo-icon" }, Pl = { class: "nav" }, Fl = ["onClick"], Il = ["innerHTML"], Ll = { class: "nav-list" }, Rl = ["href", "onClick"], zl = ["innerHTML"], Bl = { class: "nav-text" }, Vl = ["href", "onClick"], Hl = { class: "title no-children" }, Ul = ["innerHTML"], Wl = { class: "user-capsule" }, Gl = { class: "user-avatar" }, Kl = ["src"], ql = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "36",
 	height: "36",
 	viewBox: "0 0 36 36"
-}, Yl = { class: "user-info" }, Xl = { class: "user-name-row" }, Zl = { class: "user-name" }, Ql = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, Jl = { class: "user-info" }, Yl = { class: "user-name-row" }, Xl = { class: "user-name" }, Zl = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		title: { default: "" },
@@ -6744,8 +6715,8 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				class: "content",
 				onMouseenter: i[2] ||= (e) => m.value = !0
 			}, [
-				D(r.$slots, "header", {}, () => [c("div", jl, [c("div", Ml, [c("span", Nl, A(n.title), 1), c("span", Pl, A(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
-				c("div", Fl, [(C(!0), s(e, null, E(n.menus, (t) => (C(), s(e, null, [t.children?.length ? (C(), s("div", {
+				D(r.$slots, "header", {}, () => [c("div", Al, [c("div", jl, [c("span", Ml, A(n.title), 1), c("span", Nl, A(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
+				c("div", Pl, [(C(!0), s(e, null, E(n.menus, (t) => (C(), s(e, null, [t.children?.length ? (C(), s("div", {
 					key: 0,
 					class: _(["menu", {
 						open: g.value.get(t.title),
@@ -6754,7 +6725,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				}, [c("div", {
 					class: "title",
 					onClick: (e) => N(l)(t.title)
-				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Ll), c("span", null, A(t.title), 1)]), i[6] ||= c("svg", {
+				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Il), c("span", null, A(t.title), 1)]), i[6] ||= c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "14",
 					height: "14",
@@ -6765,23 +6736,23 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "icon"
-				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Il), c("div", Rl, [c("div", null, [(C(!0), s(e, null, E(t.children, (e) => (C(), s("a", {
+				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Fl), c("div", Ll, [c("div", null, [(C(!0), s(e, null, E(t.children, (e) => (C(), s("a", {
 					href: e.route,
-					onClick: B((t) => b(e), ["prevent"])
-				}, [c("div", { class: _(["nav-item", { active: y.value.get(e.route) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Bl), c("span", Vl, A(e.title), 1)], 2)], 8, zl))), 256))])])], 2)) : (C(), s("div", {
+					onClick: z((t) => b(e), ["prevent"])
+				}, [c("div", { class: _(["nav-item", { active: y.value.get(e.route) }]) }, [c("div", { innerHTML: e.icon }, null, 8, zl), c("span", Bl, A(e.title), 1)], 2)], 8, Rl))), 256))])])], 2)) : (C(), s("div", {
 					key: 1,
 					class: _(["menu", { active: v.value.get(t.title) }])
 				}, [c("a", {
 					href: t.route,
-					onClick: B((e) => x(t), ["prevent"])
-				}, [c("div", Ul, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Wl), c("span", null, A(t.title), 1)])])], 8, Hl)], 2))], 64))), 256))]),
-				c("div", Gl, [D(r.$slots, "user", {}, () => [
-					c("div", Kl, [n.userAvatarUrl ? (C(), s("img", {
+					onClick: z((e) => x(t), ["prevent"])
+				}, [c("div", Hl, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Ul), c("span", null, A(t.title), 1)])])], 8, Vl)], 2))], 64))), 256))]),
+				c("div", Wl, [D(r.$slots, "user", {}, () => [
+					c("div", Gl, [n.userAvatarUrl ? (C(), s("img", {
 						key: 0,
 						src: n.userAvatarUrl,
 						alt: "User Avatar"
-					}, null, 8, ql)) : (C(), s("svg", Jl, [...i[7] ||= [u("<defs data-v-beb07b23><clipPath id=\"avatarClip\" data-v-beb07b23><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-beb07b23></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-beb07b23></circle><g clip-path=\"url(#avatarClip)\" data-v-beb07b23><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-beb07b23></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-beb07b23></path></g>", 3)]]))]),
-					c("div", Yl, [c("div", Xl, [c("span", Zl, A(n.userName), 1)])]),
+					}, null, 8, Kl)) : (C(), s("svg", ql, [...i[7] ||= [u("<defs data-v-beb07b23><clipPath id=\"avatarClip\" data-v-beb07b23><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-beb07b23></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-beb07b23></circle><g clip-path=\"url(#avatarClip)\" data-v-beb07b23><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-beb07b23></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-beb07b23></path></g>", 3)]]))]),
+					c("div", Jl, [c("div", Yl, [c("span", Xl, A(n.userName), 1)])]),
 					f(W, {
 						class: "logout-btn",
 						intent: "error",
@@ -6820,7 +6791,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			}, null, 2)]))
 		], 34));
 	}
-}), [["__scopeId", "data-v-beb07b23"]]), $l = { class: "layout" }, eu = { class: "main-content" }, tu = { class: "copyright" }, nu = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-beb07b23"]]), Ql = { class: "layout" }, $l = { class: "main-content" }, eu = { class: "copyright" }, tu = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
 		title: { default: "NICKLABS" },
@@ -6836,7 +6807,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 	emits: ["logout", "navigate"],
 	setup(e, { emit: t }) {
 		let n = Di(), r = t;
-		return (t, i) => (C(), s("div", $l, [e.isShowSidebar ? (C(), a(Ql, {
+		return (t, i) => (C(), s("div", Ql, [e.isShowSidebar ? (C(), a(Zl, {
 			key: 0,
 			title: e.title,
 			userName: e.userName,
@@ -6852,18 +6823,18 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			"isOpen",
 			"menus",
 			"currentPath"
-		])) : o("", !0), c("main", eu, [D(t.$slots, "default", {}, void 0, !0), c("div", tu, A(e.copyright), 1)])]));
+		])) : o("", !0), c("main", $l, [D(t.$slots, "default", {}, void 0, !0), c("div", eu, A(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-41b1eb44"]]), ru = { class: "topbar" }, iu = { class: "topbar-left" }, au = { class: "topbar-right" }, ou = {
+}), [["__scopeId", "data-v-41b1eb44"]]), nu = { class: "topbar" }, ru = { class: "topbar-left" }, iu = { class: "topbar-right" }, au = {
 	key: 0,
 	class: "pill"
-}, su = {
+}, ou = {
 	key: 0,
 	class: "name"
-}, cu = {
+}, su = {
 	key: 1,
 	class: "separator"
-}, lu = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, cu = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -6888,7 +6859,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		let n = t, r = () => {
 			document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
 		};
-		return (t, i) => (C(), s("header", ru, [c("div", iu, [e.isShowSidebar ? (C(), a(W, {
+		return (t, i) => (C(), s("header", nu, [c("div", ru, [e.isShowSidebar ? (C(), a(W, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -6912,7 +6883,7 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		})) : o("", !0), e.isShowFullscreen ? (C(), a(W, {
 			key: 1,
 			padding: "8px",
-			onClick: B(r, ["prevent"])
+			onClick: z(r, ["prevent"])
 		}, {
 			default: R(() => [...i[3] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
@@ -6931,14 +6902,14 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				c("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 			], -1)]]),
 			_: 1
-		})) : o("", !0)]), c("div", au, [e.isShowUser || e.isShowLogoutButton ? (C(), s("div", ou, [
-			e.isShowUser ? (C(), s("span", su, "Nick")) : o("", !0),
-			e.isShowUser && e.isShowLogoutButton ? (C(), s("div", cu)) : o("", !0),
+		})) : o("", !0)]), c("div", iu, [e.isShowUser || e.isShowLogoutButton ? (C(), s("div", au, [
+			e.isShowUser ? (C(), s("span", ou, "Nick")) : o("", !0),
+			e.isShowUser && e.isShowLogoutButton ? (C(), s("div", su)) : o("", !0),
 			e.isShowLogoutButton ? (C(), a(W, {
 				key: 2,
 				variant: "mute",
 				intent: "error",
-				onClick: i[1] ||= B((e) => n("logout"), ["prevent"])
+				onClick: i[1] ||= z((e) => n("logout"), ["prevent"])
 			}, {
 				default: R(() => [...i[4] ||= [c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -6959,10 +6930,10 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-f38a4beb"]]), uu = { class: "brand" }, du = ["src", "alt"], fu = {
+}), [["__scopeId", "data-v-f38a4beb"]]), lu = { class: "brand" }, uu = ["src", "alt"], du = {
 	key: 1,
 	class: "icon"
-}, pu = { key: 2 }, mu = { key: 3 }, hu = /* @__PURE__ */ U(/* @__PURE__ */ p({
+}, fu = { key: 2 }, pu = { key: 3 }, mu = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -6980,15 +6951,15 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			radius: "xl",
 			class: "card"
 		}, {
-			default: R(() => [c("div", uu, [
+			default: R(() => [c("div", lu, [
 				t.value ? (C(), s("img", {
 					key: 0,
 					class: "logo-img",
 					src: e.logo,
 					alt: e.title
-				}, null, 8, du)) : (C(), s("div", fu, A(e.logo), 1)),
-				e.title ? (C(), s("h1", pu, A(e.title), 1)) : o("", !0),
-				e.description ? (C(), s("p", mu, A(e.description), 1)) : o("", !0)
+				}, null, 8, uu)) : (C(), s("div", du, A(e.logo), 1)),
+				e.title ? (C(), s("h1", fu, A(e.title), 1)) : o("", !0),
+				e.description ? (C(), s("p", pu, A(e.description), 1)) : o("", !0)
 			]), D(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
@@ -6996,19 +6967,19 @@ var Gs = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 }), [["__scopeId", "data-v-f0866bc5"]]);
 //#endregion
 //#region src/composables/useRouteModal.ts
-function gu(e) {
+function hu(e) {
 	let t = i(() => {
-		let t = V();
+		let t = B();
 		return t ? t.currentRoute.value.matched.some((t) => t.name === e.routeName) : !1;
-	}), n = i(() => V()?.currentRoute.value.params ?? {});
+	}), n = i(() => B()?.currentRoute.value.params ?? {});
 	function r(t = {}) {
-		V()?.push({
+		B()?.push({
 			name: e.routeName,
 			params: t
 		});
 	}
 	function a() {
-		let t = V();
+		let t = B();
 		t && (window.history.state?.back ? t.back() : e.parentRouteName ? t.push({ name: e.parentRouteName }) : t.back());
 	}
 	return {
@@ -7020,7 +6991,7 @@ function gu(e) {
 }
 //#endregion
 //#region src/index.ts
-var _u = {
+var gu = {
 	NButton: W,
 	NBreadcrumb: se,
 	NInput: he,
@@ -7037,26 +7008,26 @@ var _u = {
 	NSwitch: qa,
 	NTag: Ja,
 	NDatePicker: es,
-	NTimePicker: us,
-	NTooltip: ds,
-	NModal: gs,
-	NDrawer: xs,
-	NAlert: As,
+	NTimePicker: ls,
+	NTooltip: us,
+	NModal: hs,
+	NDrawer: bs,
+	NAlert: ks,
 	NTable: wa,
-	NVirtualTable: Us,
-	NVideoSelect: kc,
-	NImageSelect: rl,
-	NAudioSelect: Dl,
-	NImage: Al,
-	NLayout: nu,
-	NNavigation: lu,
-	NSidebar: Ql,
+	NVirtualTable: Hs,
+	NVideoSelect: Oc,
+	NImageSelect: nl,
+	NAudioSelect: El,
+	NImage: kl,
+	NLayout: tu,
+	NNavigation: cu,
+	NSidebar: Zl,
 	NCard: Gi,
-	NLoginLayout: hu
-}, vu = { install(e, t = {}) {
-	Object.entries(_u).forEach(([t, n]) => {
+	NLoginLayout: mu
+}, _u = { install(e, t = {}) {
+	Object.entries(gu).forEach(([t, n]) => {
 		e.component(t, n);
-	}), t.router && te(t.router);
+	}), t.router && ne(t.router);
 } };
 //#endregion
-export { As as NAlert, Dl as NAudioSelect, W as NButton, Gi as NCard, J as NCheckbox, Ga as NCode, es as NDatePicker, xs as NDrawer, ta as NEmpty, Ci as NFileSelect, Wi as NForm, Al as NImage, rl as NImageSelect, he as NInput, nu as NLayout, Da as NList, fa as NLoading, hu as NLoginLayout, gs as NModal, lu as NNavigation, Zn as NSelect, Ql as NSidebar, qa as NSwitch, wa as NTable, Ja as NTag, be as NTextarea, us as NTimePicker, Ia as NToast, ds as NTooltip, kc as NVideoSelect, Us as NVirtualTable, vu as NickLabsUI, ci as useAlert, ie as useBreadcrumb, Ws as useDisclosure, gu as useRouteModal, Di as useSidebarManager, Aa as useToast };
+export { ks as NAlert, El as NAudioSelect, W as NButton, Gi as NCard, J as NCheckbox, Ga as NCode, es as NDatePicker, bs as NDrawer, ta as NEmpty, Ci as NFileSelect, Wi as NForm, kl as NImage, nl as NImageSelect, he as NInput, tu as NLayout, Da as NList, fa as NLoading, mu as NLoginLayout, hs as NModal, cu as NNavigation, Zn as NSelect, Zl as NSidebar, qa as NSwitch, wa as NTable, Ja as NTag, be as NTextarea, ls as NTimePicker, Ia as NToast, us as NTooltip, Oc as NVideoSelect, Hs as NVirtualTable, _u as NickLabsUI, ci as useAlert, q as useBreadcrumb, Us as useDisclosure, hu as useRouteModal, Di as useSidebarManager, Aa as useToast };