nicklabs-ui 1.0.82 → 1.0.83

package/dist/index.mjs

@@ -9,13 +9,13 @@ function I() {
 }
 //#endregion
 //#region src/components/NButton.vue?vue&type=script&setup=true&lang.ts
-var ee = ["type", "disabled"], te = {
+var L = ["type", "disabled"], R = {
 	key: 0,
 	class: "spinner",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg"
-}, L = /* @__PURE__ */ p({
+}, z = /* @__PURE__ */ p({
 	__name: "NButton",
 	props: {
 		variant: { default: "none" },
@@ -63,7 +63,7 @@ var ee = ["type", "disabled"], te = {
 			]),
 			type: e.type,
 			disabled: e.disabled || e.loading
-		}, [e.loading ? (x(), s("svg", te, [...n[0] ||= [c("circle", {
+		}, [e.loading ? (x(), s("svg", R, [...n[0] ||= [c("circle", {
 			cx: "12",
 			cy: "12",
 			r: "10",
@@ -72,30 +72,30 @@ var ee = ["type", "disabled"], te = {
 			"stroke-linecap": "round",
 			"stroke-dasharray": "32",
 			"stroke-dashoffset": "12"
-		}, null, -1)]])) : o("", !0), T(t.$slots, "default", {}, void 0, !0)], 10, ee));
+		}, null, -1)]])) : o("", !0), T(t.$slots, "default", {}, void 0, !0)], 10, L));
 	}
-}), R = (e, t) => {
+}), B = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, z = /* @__PURE__ */ R(L, [["__scopeId", "data-v-285afe14"]]), B = (e) => e.meta?.breadcrumb ?? "", V = C((e) => e);
-function H() {
+}, V = /* @__PURE__ */ B(z, [["__scopeId", "data-v-285afe14"]]), H = (e) => e.meta?.breadcrumb ?? "", U = C((e) => e);
+function W() {
 	function e(e) {
-		B = e;
+		H = e;
 	}
 	function t(e) {
-		V.value = e;
+		U.value = e;
 	}
 	let n = i(() => {
 		let e = I();
 		if (!e) return [];
 		let t = e.currentRoute.value.matched, n = [];
 		return t.forEach((e, r) => {
-			let i = B(e);
+			let i = H(e);
 			if (!i) return;
 			let a = r === t.length - 1;
 			n.push({
-				label: a ? V.value(i) : i,
+				label: a ? U.value(i) : i,
 				path: a ? void 0 : e.path
 			});
 		}), n;
@@ -104,7 +104,7 @@ function H() {
 		I()?.push(e);
 	}
 	function a() {
-		V.value = (e) => e;
+		U.value = (e) => e;
 	}
 	return {
 		breadcrumbs: n,
@@ -116,23 +116,23 @@ function H() {
 }
 //#endregion
 //#region src/components/NBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
+var G = { class: "breadcrumbs" }, K = ["onClick"], ee = {
 	key: 1,
 	class: "active"
-}, re = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, te = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NBreadcrumb",
 	setup(t) {
-		let { breadcrumbs: n, navigate: r } = H();
-		return (t, i) => (x(), s("nav", U, [(x(!0), s(e, null, w(D(n), (t, n) => (x(), s(e, { key: n }, [t.path ? (x(), s("span", {
+		let { breadcrumbs: n, navigate: r } = W();
+		return (t, i) => (x(), s("nav", G, [(x(!0), s(e, null, w(D(n), (t, n) => (x(), s(e, { key: n }, [t.path ? (x(), s("span", {
 			key: 0,
 			class: "crumb-link",
 			onClick: (e) => D(r)(t.path)
-		}, E(t.label), 9, W)) : (x(), s("span", ne, E(t.label), 1))], 64))), 128))]));
+		}, E(t.label), 9, K)) : (x(), s("span", ee, E(t.label), 1))], 64))), 128))]));
 	}
-}), [["__scopeId", "data-v-46f3b63f"]]), G = {
+}), [["__scopeId", "data-v-46f3b63f"]]), q = {
 	key: 0,
 	class: "label"
-}, K = ["disabled"], ie = [
+}, ne = ["disabled"], re = [
 	"type",
 	"placeholder",
 	"disabled",
@@ -140,7 +140,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 	"value",
 	"maxlength",
 	"autocomplete"
-], q = ["disabled"], ae = {
+], ie = ["disabled"], ae = {
 	key: 2,
 	class: "actions"
 }, oe = {
@@ -165,7 +165,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, ce = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, ce = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NInput",
 	props: {
 		modelValue: { default: "" },
@@ -270,7 +270,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 			}
 			n("update:modelValue", e.min);
 		}, T = () => l.value = !l.value;
-		return (t, i) => (x(), s("div", { class: g(["input", { inline: e.inline }]) }, [e.title ? (x(), s("label", G, E(e.title), 1)) : o("", !0), c("div", { class: g({
+		return (t, i) => (x(), s("div", { class: g(["input", { inline: e.inline }]) }, [e.title ? (x(), s("label", q, E(e.title), 1)) : o("", !0), c("div", { class: g({
 			common: !a.value,
 			number: a.value,
 			disabled: e.disabled,
@@ -292,7 +292,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("path", { d: "M5 12h14" })], -1)]], 8, K)) : o("", !0),
+			}, [c("path", { d: "M5 12h14" })], -1)]], 8, ne)) : o("", !0),
 			c("input", {
 				type: u.value,
 				placeholder: e.placeholder,
@@ -307,7 +307,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				onChange: i[1] ||= (e) => n("change", e),
 				onKeydown: h,
 				onCompositionend: _
-			}, null, 40, ie),
+			}, null, 40, re),
 			a.value ? (x(), s("button", {
 				key: 1,
 				class: "tool-button",
@@ -324,7 +324,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("path", { d: "M5 12h14" }), c("path", { d: "M12 5v14" })], -1)]], 8, q)) : o("", !0),
+			}, [c("path", { d: "M5 12h14" }), c("path", { d: "M12 5v14" })], -1)]], 8, ie)) : o("", !0),
 			a.value ? o("", !0) : (x(), s("div", ae, [r.value && !e.disabled ? (x(), s("button", {
 				key: 0,
 				type: "button",
@@ -369,7 +369,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 ], fe = {
 	key: 1,
 	class: "char-count"
-}, pe = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, pe = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -453,7 +453,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 }, he = ["onClick"], ge = ["checked", "disabled"], _e = { class: "text" }, ve = ["checked", "disabled"], J = {
 	key: 0,
 	class: "text"
-}, ye = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, ye = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NCheckbox",
 	props: {
 		modelValue: { default: !1 },
@@ -566,10 +566,10 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 }), [["__scopeId", "data-v-1f6a325a"]]), be = { class: "select" }, Y = {
 	key: 0,
 	class: "label"
-}, X = { class: "select-chips-container" }, xe = ["textContent"], Se = ["onClick"], Z = {
+}, X = { class: "select-chips-container" }, Z = ["textContent"], xe = ["onClick"], Q = {
 	key: 0,
 	class: "search-box"
-}, Ce = { class: "options" }, we = ["onClick"], Te = {
+}, Se = { class: "options" }, Ce = ["onClick"], we = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -580,10 +580,10 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 	"stroke-width": "2.5",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Ee = {
+}, Te = {
 	key: 0,
 	class: "empty"
-}, De = 240, Oe = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Ee = 240, De = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NSelect",
 	props: {
 		modelValue: { default: () => void 0 },
@@ -633,7 +633,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 			if (!t.disabled && (a.value = !a.value, a.value)) {
 				if (await h(), d.value) {
 					let e = d.value.getBoundingClientRect();
-					u.value = window.innerHeight - e.bottom < De;
+					u.value = window.innerHeight - e.bottom < Ee;
 				}
 				t.searchable && f.value?.focus();
 			}
@@ -679,7 +679,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				key: 0,
 				class: g(["trigger-text", { placeholder: !m.value }]),
 				textContent: E(m.value ? j.value : t.placeholder)
-			}, null, 10, xe)) : o("", !0), t.multiple && t.multipleDisplay === "tags" ? (x(!0), s(e, { key: 1 }, w(p.value, (e, n) => (x(), s("div", {
+			}, null, 10, Z)) : o("", !0), t.multiple && t.multipleDisplay === "tags" ? (x(!0), s(e, { key: 1 }, w(p.value, (e, n) => (x(), s("div", {
 				key: `${t.formatLabel(e)}${n}`,
 				class: "select-chip"
 			}, [c("span", null, E(t.formatLabel(e)), 1), c("span", {
@@ -695,7 +695,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]], 8, Se)]))), 128)) : o("", !0)]),
+			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]], 8, xe)]))), 128)) : o("", !0)]),
 			t.clearable && m.value && !t.disabled ? (x(), s("button", {
 				key: 0,
 				class: "clear-btn",
@@ -724,7 +724,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				"stroke-linejoin": "round",
 				class: "arrow-icon"
 			}, [c("path", { d: "m6 10 6 6 6-6" })], -1)
-		], 2), c("div", { class: g(["dropdown", { upward: u.value }]) }, [t.searchable ? (x(), s("div", Z, [r[4] ||= c("svg", {
+		], 2), c("div", { class: g(["dropdown", { upward: u.value }]) }, [t.searchable ? (x(), s("div", Q, [r[4] ||= c("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "14",
 			height: "14",
@@ -746,95 +746,95 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 			class: "search-input",
 			placeholder: "Search...",
 			"onUpdate:modelValue": r[0] ||= (e) => l.value = e
-		}, null, 512), [[k, l.value]])])) : o("", !0), c("div", Ce, [(x(!0), s(e, null, w(A.value, (e, n) => (x(), s("div", {
+		}, null, 512), [[k, l.value]])])) : o("", !0), c("div", Se, [(x(!0), s(e, null, w(A.value, (e, n) => (x(), s("div", {
 			key: `${t.formatLabel(e)}${n}`,
 			class: g(["option", { selected: T(t.formatValue(e)) }]),
 			onClick: (t) => D(e)
-		}, [c("span", null, E(t.formatLabel(e)), 1), T(t.formatValue(e)) ? (x(), s("svg", Te, [...r[5] ||= [c("path", { d: "M20 6 9 17l-5-5" }, null, -1)]])) : o("", !0)], 10, we))), 128)), A.value.length === 0 ? (x(), s("div", Ee, " 無符合選項 ")) : o("", !0)])], 2)], 2)]));
+		}, [c("span", null, E(t.formatLabel(e)), 1), T(t.formatValue(e)) ? (x(), s("svg", we, [...r[5] ||= [c("path", { d: "M20 6 9 17l-5-5" }, null, -1)]])) : o("", !0)], 10, Ce))), 128)), A.value.length === 0 ? (x(), s("div", Te, " 無符合選項 ")) : o("", !0)])], 2)], 2)]));
 	}
-}), [["__scopeId", "data-v-a8a2abbc"]]), ke = typeof Buffer == "function", Ae = typeof TextDecoder == "function" ? new TextDecoder() : void 0, je = typeof TextEncoder == "function" ? new TextEncoder() : void 0, Me = Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="), Ne = ((e) => {
+}), [["__scopeId", "data-v-6efb4fbf"]]), Oe = typeof Buffer == "function", ke = typeof TextDecoder == "function" ? new TextDecoder() : void 0, Ae = typeof TextEncoder == "function" ? new TextEncoder() : void 0, je = Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="), Me = ((e) => {
 	let t = {};
 	return e.forEach((e, n) => t[e] = n), t;
-})(Me), Pe = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/, Q = String.fromCharCode.bind(String), Fe = typeof Uint8Array.from == "function" ? Uint8Array.from.bind(Uint8Array) : (e) => new Uint8Array(Array.prototype.slice.call(e, 0)), Ie = (e) => e.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "_"), Le = (e) => e.replace(/[^A-Za-z0-9\+\/]/g, ""), Re = typeof btoa == "function" ? (e) => btoa(e) : ke ? (e) => Buffer.from(e, "binary").toString("base64") : (e) => {
+})(je), Ne = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/, $ = String.fromCharCode.bind(String), Pe = typeof Uint8Array.from == "function" ? Uint8Array.from.bind(Uint8Array) : (e) => new Uint8Array(Array.prototype.slice.call(e, 0)), Fe = (e) => e.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "_"), Ie = (e) => e.replace(/[^A-Za-z0-9\+\/]/g, ""), Le = typeof btoa == "function" ? (e) => btoa(e) : Oe ? (e) => Buffer.from(e, "binary").toString("base64") : (e) => {
 	let t, n, r, i, a = "", o = e.length % 3;
 	for (let o = 0; o < e.length;) {
 		if ((n = e.charCodeAt(o++)) > 255 || (r = e.charCodeAt(o++)) > 255 || (i = e.charCodeAt(o++)) > 255) throw TypeError("invalid character found");
-		t = n << 16 | r << 8 | i, a += Me[t >> 18 & 63] + Me[t >> 12 & 63] + Me[t >> 6 & 63] + Me[t & 63];
+		t = n << 16 | r << 8 | i, a += je[t >> 18 & 63] + je[t >> 12 & 63] + je[t >> 6 & 63] + je[t & 63];
 	}
 	return o ? a.slice(0, o - 3) + "===".substring(o) : a;
-}, ze = ke ? (e) => Buffer.from(e).toString("base64") : (e) => {
+}, Re = Oe ? (e) => Buffer.from(e).toString("base64") : (e) => {
 	let t = 4096, n = [];
-	for (let r = 0, i = e.length; r < i; r += t) n.push(Q.apply(null, e.subarray(r, r + t)));
-	return Re(n.join(""));
-}, Be = (e) => {
+	for (let r = 0, i = e.length; r < i; r += t) n.push($.apply(null, e.subarray(r, r + t)));
+	return Le(n.join(""));
+}, ze = (e) => {
 	if (e.length < 2) {
 		var t = e.charCodeAt(0);
-		return t < 128 ? e : t < 2048 ? Q(192 | t >>> 6) + Q(128 | t & 63) : Q(224 | t >>> 12 & 15) + Q(128 | t >>> 6 & 63) + Q(128 | t & 63);
+		return t < 128 ? e : t < 2048 ? $(192 | t >>> 6) + $(128 | t & 63) : $(224 | t >>> 12 & 15) + $(128 | t >>> 6 & 63) + $(128 | t & 63);
 	} else {
 		var t = 65536 + (e.charCodeAt(0) - 55296) * 1024 + (e.charCodeAt(1) - 56320);
-		return Q(240 | t >>> 18 & 7) + Q(128 | t >>> 12 & 63) + Q(128 | t >>> 6 & 63) + Q(128 | t & 63);
+		return $(240 | t >>> 18 & 7) + $(128 | t >>> 12 & 63) + $(128 | t >>> 6 & 63) + $(128 | t & 63);
 	}
-}, Ve = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g, He = (e) => e.replace(Ve, Be), Ue = ke ? (e) => Buffer.from(e, "utf8").toString("base64") : je ? (e) => ze(je.encode(e)) : (e) => Re(He(e)), We = (e, t = !1) => t ? Ie(Ue(e)) : Ue(e), Ge = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g, Ke = (e) => {
+}, Be = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g, Ve = (e) => e.replace(Be, ze), He = Oe ? (e) => Buffer.from(e, "utf8").toString("base64") : Ae ? (e) => Re(Ae.encode(e)) : (e) => Le(Ve(e)), Ue = (e, t = !1) => t ? Fe(He(e)) : He(e), We = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g, Ge = (e) => {
 	switch (e.length) {
 		case 4:
 			var t = ((7 & e.charCodeAt(0)) << 18 | (63 & e.charCodeAt(1)) << 12 | (63 & e.charCodeAt(2)) << 6 | 63 & e.charCodeAt(3)) - 65536;
-			return Q((t >>> 10) + 55296) + Q((t & 1023) + 56320);
-		case 3: return Q((15 & e.charCodeAt(0)) << 12 | (63 & e.charCodeAt(1)) << 6 | 63 & e.charCodeAt(2));
-		default: return Q((31 & e.charCodeAt(0)) << 6 | 63 & e.charCodeAt(1));
+			return $((t >>> 10) + 55296) + $((t & 1023) + 56320);
+		case 3: return $((15 & e.charCodeAt(0)) << 12 | (63 & e.charCodeAt(1)) << 6 | 63 & e.charCodeAt(2));
+		default: return $((31 & e.charCodeAt(0)) << 6 | 63 & e.charCodeAt(1));
 	}
-}, qe = (e) => e.replace(Ge, Ke), Je = typeof atob == "function" ? (e) => atob(Le(e)) : ke ? (e) => Buffer.from(e, "base64").toString("binary") : (e) => {
-	if (e = e.replace(/\s+/g, ""), !Pe.test(e)) throw TypeError("malformed base64.");
+}, Ke = (e) => e.replace(We, Ge), qe = typeof atob == "function" ? (e) => atob(Ie(e)) : Oe ? (e) => Buffer.from(e, "base64").toString("binary") : (e) => {
+	if (e = e.replace(/\s+/g, ""), !Ne.test(e)) throw TypeError("malformed base64.");
 	e += "==".slice(2 - (e.length & 3));
 	let t, n, r, i = [];
-	for (let a = 0; a < e.length;) t = Ne[e.charAt(a++)] << 18 | Ne[e.charAt(a++)] << 12 | (n = Ne[e.charAt(a++)]) << 6 | (r = Ne[e.charAt(a++)]), n === 64 ? i.push(Q(t >> 16 & 255)) : r === 64 ? i.push(Q(t >> 16 & 255, t >> 8 & 255)) : i.push(Q(t >> 16 & 255, t >> 8 & 255, t & 255));
+	for (let a = 0; a < e.length;) t = Me[e.charAt(a++)] << 18 | Me[e.charAt(a++)] << 12 | (n = Me[e.charAt(a++)]) << 6 | (r = Me[e.charAt(a++)]), n === 64 ? i.push($(t >> 16 & 255)) : r === 64 ? i.push($(t >> 16 & 255, t >> 8 & 255)) : i.push($(t >> 16 & 255, t >> 8 & 255, t & 255));
 	return i.join("");
-}, Ye = ke ? (e) => Fe(Buffer.from(e, "base64")) : (e) => Fe(Je(e).split("").map((e) => e.charCodeAt(0))), Xe = (e) => Ye(Qe(e)), Ze = ke ? (e) => Buffer.from(e, "base64").toString("utf8") : Ae ? (e) => Ae.decode(Ye(e)) : (e) => qe(Je(e)), Qe = (e) => Le(e.replace(/[-_]/g, (e) => e == "-" ? "+" : "/")), $e = (e) => Ze(Qe(e)), et = "N_UTILS_KEY", tt = [], nt = () => {
-	let e = We(JSON.stringify(tt));
-	localStorage.setItem(et, e);
-}, rt = () => {
-	let e = localStorage.getItem(et) ?? "";
+}, Je = Oe ? (e) => Pe(Buffer.from(e, "base64")) : (e) => Pe(qe(e).split("").map((e) => e.charCodeAt(0))), Ye = (e) => Je(Ze(e)), Xe = Oe ? (e) => Buffer.from(e, "base64").toString("utf8") : ke ? (e) => ke.decode(Je(e)) : (e) => Ke(qe(e)), Ze = (e) => Ie(e.replace(/[-_]/g, (e) => e == "-" ? "+" : "/")), Qe = (e) => Xe(Ze(e)), $e = "N_UTILS_KEY", et = [], tt = () => {
+	let e = Ue(JSON.stringify(et));
+	localStorage.setItem($e, e);
+}, nt = () => {
+	let e = localStorage.getItem($e) ?? "";
 	if (e.length == 0) return [];
 	try {
-		return JSON.parse($e(e));
+		return JSON.parse(Qe(e));
 	} catch {
 		return [];
 	}
-}, it = () => {
-	tt.clear();
-	let e = rt(), t = (/* @__PURE__ */ new Date()).getTime();
+}, rt = () => {
+	et.clear();
+	let e = nt(), t = (/* @__PURE__ */ new Date()).getTime();
 	e.forEach((e) => {
-		e.expireTime && e.expireTime < t || tt.push({
+		e.expireTime && e.expireTime < t || et.push({
 			key: e.key,
 			value: e.value,
 			expireTime: e.expireTime
 		});
-	}), tt.length > 0 && nt();
-}, at = (e) => (it(), tt.some((t) => t.key == e)), ot = (e, t, n) => {
-	ct(e);
+	}), et.length > 0 && tt();
+}, it = (e) => (rt(), et.some((t) => t.key == e)), at = (e, t, n) => {
+	st(e);
 	let r = {
 		key: e,
 		value: t
 	};
-	n && (r.expireTime = (/* @__PURE__ */ new Date()).getTime() + n * 1e3), tt.push(r), nt();
-}, st = (e, t) => {
-	it();
-	let n = tt.find((t) => t.key == e);
+	n && (r.expireTime = (/* @__PURE__ */ new Date()).getTime() + n * 1e3), et.push(r), tt();
+}, ot = (e, t) => {
+	rt();
+	let n = et.find((t) => t.key == e);
 	return n ? n.value : t;
-}, ct = (e) => {
-	it();
-	let t = tt.findIndex((t) => t.key == e);
-	t != -1 && (tt.splice(t, 1), nt());
-}, lt = {
-	set: ot,
-	get: st,
-	has: at,
-	forget: ct
-}, ut = { fullScreenToggle: (() => {
+}, st = (e) => {
+	rt();
+	let t = et.findIndex((t) => t.key == e);
+	t != -1 && (et.splice(t, 1), tt());
+}, ct = {
+	set: at,
+	get: ot,
+	has: it,
+	forget: st
+}, lt = { fullScreenToggle: (() => {
 	let e = !1;
 	return () => {
 		e ? document.exitFullscreen() : document.documentElement.requestFullscreen(), e = !e;
 	};
-})() }, dt = {
+})() }, ut = {
 	random: (e = 5) => Array(e).fill(null).map(() => {
 		let e = Math.random() * 62;
 		return "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".charAt(e);
@@ -842,11 +842,11 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 	copy: (e) => {
 		navigator.clipboard.writeText(e);
 	}
-}, ft = [];
-function pt(e = "", t = !1, n = !1) {
-	return ft.clear(), new Promise((r, i) => {
+}, dt = [];
+function ft(e = "", t = !1, n = !1) {
+	return dt.clear(), new Promise((r, i) => {
 		let a = document.createElement("input");
-		ft.push(a), a.hidden = !0, a.type = "file", a.accept = e, a.multiple = t, a.onchange = async () => {
+		dt.push(a), a.hidden = !0, a.type = "file", a.accept = e, a.multiple = t, a.onchange = async () => {
 			let e = [];
 			if (!a.files || a.files.length === 0) {
 				r(t ? [] : void 0);
@@ -861,7 +861,7 @@ function pt(e = "", t = !1, n = !1) {
 					type: t.type,
 					file: t
 				};
-				n && (r.base64String = await $.file.convertBase64(t)), e.push(r);
+				n && (r.base64String = await Ft.file.convertBase64(t)), e.push(r);
 			}
 			r(t ? e : e[0]);
 		}, a.onerror = (e) => {
@@ -869,11 +869,11 @@ function pt(e = "", t = !1, n = !1) {
 		}, a.click();
 	});
 }
-function mt(e = !1, t = !1) {
-	return pt("", e, t);
+function pt(e = !1, t = !1) {
+	return ft("", e, t);
 }
-function ht(e = !1, t = !1) {
-	return pt([
+function mt(e = !1, t = !1) {
+	return ft([
 		"image/jpg",
 		"image/jpeg",
 		"image/png",
@@ -881,8 +881,8 @@ function ht(e = !1, t = !1) {
 		"image/bmp"
 	].join(","), e, t);
 }
-function gt(e = !1, t = !1) {
-	return pt([
+function ht(e = !1, t = !1) {
+	return ft([
 		".pdf",
 		"application/pdf",
 		".doc",
@@ -894,16 +894,16 @@ function gt(e = !1, t = !1) {
 		".md"
 	].join(","), e, t);
 }
-function _t(e = !1, t = !1) {
-	return pt([
+function gt(e = !1, t = !1) {
+	return ft([
 		"video/mp4",
 		"video/quicktime",
 		"video/webm",
 		"video/ogg"
 	].join(","), e, t);
 }
-function vt(e = !1, t = !1) {
-	return pt([
+function _t(e = !1, t = !1) {
+	return ft([
 		"audio/mp3",
 		"audio/wav",
 		"audio/ogg",
@@ -911,48 +911,48 @@ function vt(e = !1, t = !1) {
 		"audio/flac"
 	].join(","), e, t);
 }
-function yt(e = "", t = !1, n = !1) {
-	return pt(e, t, n);
+function vt(e = "", t = !1, n = !1) {
+	return ft(e, t, n);
 }
-var bt = {
-	all: mt,
-	image: ht,
-	documentFile: gt,
-	video: _t,
-	audio: vt,
-	custom: yt
-}, xt = (e) => new Promise((t, n) => {
+var yt = {
+	all: pt,
+	image: mt,
+	documentFile: ht,
+	video: gt,
+	audio: _t,
+	custom: vt
+}, bt = (e) => new Promise((t, n) => {
 	let r = new FileReader();
 	r.readAsDataURL(e), r.onload = () => {
 		let e = r.result.split(";base64,");
 		e.length > 1 ? t(e[1]) : n(/* @__PURE__ */ Error("Failed to convert file to base64 string."));
 	}, r.onerror = n;
-}), St = (e) => Ct(new Blob([e], { type: "xxxx" })), Ct = (e) => (window.URL || window.webkitURL).createObjectURL(e), wt = {
-	convertBase64: xt,
-	createImageUrlFromFile: St,
-	createImageUrlFromBlob: Ct,
+}), xt = (e) => St(new Blob([e], { type: "xxxx" })), St = (e) => (window.URL || window.webkitURL).createObjectURL(e), Ct = {
+	convertBase64: bt,
+	createImageUrlFromFile: xt,
+	createImageUrlFromBlob: St,
 	revokeObjectUrl: (e) => {
 		(window.URL || window.webkitURL).revokeObjectURL(e);
 	}
-}, Tt = (e, t) => {
+}, wt = (e, t) => {
 	let n = document.createElement("a");
 	n.target = "_blank", t && (n.download = t), n.href = e, n.click(), n.remove();
-}, Et = {
-	download: Tt,
+}, Tt = {
+	download: wt,
 	downloadFromBase64: (e, t, n) => {
-		let r = Xe(e), i = new Blob([r.buffer], { type: t }), a = URL.createObjectURL(i);
-		Tt(a, n), URL.revokeObjectURL(a);
+		let r = Ye(e), i = new Blob([r.buffer], { type: t }), a = URL.createObjectURL(i);
+		wt(a, n), URL.revokeObjectURL(a);
 	},
 	openExternalLink: (e, t) => {
 		let n = document.createElement("a");
 		n.target = "_blank", t && (n.download = t), n.href = e, n.click(), n.remove();
 	}
-}, Dt = async (e) => {
+}, Et = async (e) => {
 	let t = e.includes("data:image/") ? e : `data:image/jpeg;base64,${e}`;
 	return (await fetch(t)).blob();
-}, Ot = (e) => new Promise(async (t, n) => {
+}, Dt = (e) => new Promise(async (t, n) => {
 	try {
-		let r = typeof e == "string" ? await Dt(e) : e, i = window.URL || window.webkitURL, a = i.createObjectURL(r), o = document.createElement("img");
+		let r = typeof e == "string" ? await Et(e) : e, i = window.URL || window.webkitURL, a = i.createObjectURL(r), o = document.createElement("img");
 		o.src = a, o.onload = () => {
 			i.revokeObjectURL(a), t(o);
 		}, o.onerror = (e) => {
@@ -961,39 +961,39 @@ var bt = {
 	} catch (e) {
 		n(e);
 	}
-}), kt = (e, t) => {
+}), Ot = (e, t) => {
 	let n = Math.min(t / e.width, t / e.height, 1), r = n * e.width, i = n * e.height, a = document.createElement("canvas"), o = a.getContext("2d");
 	return a.width = r, a.height = i, o.drawImage(e, 0, 0, r, i), a;
-}, At = (e) => {
+}, kt = (e) => {
 	let t = e.toDataURL("image/jpeg", .8).split(";base64,");
 	return t.length > 1 ? t[1] : "";
-}, jt = (e) => new Promise((t, n) => {
+}, At = (e) => new Promise((t, n) => {
 	e.toBlob((e) => {
 		e ? t(e) : n(/* @__PURE__ */ Error("Failed to create Blob from canvas."));
 	}, "image/jpeg", .8);
-}), Mt = async (e, t) => kt(await Ot(e), t), Nt = {
-	thumbnailFromBlobToBase64: async (e, t) => At(await Mt(e, t)),
-	thumbnailFromBlobToBlob: async (e, t) => jt(await Mt(e, t)),
-	thumbnailFromBase64ToBase64: async (e, t) => At(await Mt(e, t)),
-	thumbnailFromBase64ToBlob: async (e, t) => jt(await Mt(e, t))
-}, Pt = () => {
+}), jt = async (e, t) => Ot(await Dt(e), t), Mt = {
+	thumbnailFromBlobToBase64: async (e, t) => kt(await jt(e, t)),
+	thumbnailFromBlobToBlob: async (e, t) => At(await jt(e, t)),
+	thumbnailFromBase64ToBase64: async (e, t) => kt(await jt(e, t)),
+	thumbnailFromBase64ToBlob: async (e, t) => At(await jt(e, t))
+}, Nt = () => {
 	let e = navigator.userAgent;
 	return !!/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(e);
-}, Ft = () => {
+}, Pt = () => {
 	let e = navigator.userAgent;
 	return !!/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(e);
-}, $ = {
-	store: lt,
-	screen: ut,
-	str: dt,
-	input: bt,
-	file: wt,
-	link: Et,
-	image: Nt,
+}, Ft = {
+	store: ct,
+	screen: lt,
+	str: ut,
+	input: yt,
+	file: Ct,
+	link: Tt,
+	image: Mt,
 	device: {
-		isMobile: Pt,
-		isTablet: Ft,
-		isDesktop: () => Pt() == 0 && Ft() == 0
+		isMobile: Nt,
+		isTablet: Pt,
+		isDesktop: () => Nt() == 0 && Pt() == 0
 	},
 	date: { getCalendarByDate: (e) => {
 		e.setDate(1);
@@ -1082,7 +1082,7 @@ var zt = {
 }, Ht = ["aria-disabled"], Ut = { class: "text" }, Wt = ["textContent"], Gt = ["textContent"], Kt = {
 	key: 2,
 	class: "list"
-}, qt = { class: "meta" }, Jt = ["title"], Yt = { class: "sub" }, Xt = ["disabled", "onClick"], Zt = { class: "add-text" }, Qt = ["textContent"], $t = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, qt = { class: "meta" }, Jt = ["title"], Yt = { class: "sub" }, Xt = ["disabled", "onClick"], Zt = { class: "add-text" }, Qt = ["textContent"], $t = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NFileSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -1158,11 +1158,11 @@ var zt = {
 			r("update:modelValue", a), r("change", a), r("add", n);
 		}, v = async () => {
 			if (!t.disabled) if (t.multiple) {
-				let e = await $.input.custom(t.accept, !0);
+				let e = await Ft.input.custom(t.accept, !0);
 				if (e.length === 0) return;
 				_(e.map((e) => e.file));
 			} else {
-				let e = await $.input.custom(t.accept, !1);
+				let e = await Ft.input.custom(t.accept, !1);
 				if (!e) return;
 				_([e.file]);
 			}
@@ -1269,17 +1269,17 @@ var zt = {
 	}
 }), [["__scopeId", "data-v-81f0f496"]]), en = C(!1), tn = (e, t) => e.children?.some((e) => e.route === t) ?? !1, nn = (e, t) => e.route === t;
 function rn(e = "default") {
-	let t = `NSidebar:${e}:expanded`, n = S($.store.get(t, {}));
-	en.value = $.store.get("NSidebar:expanded", !1);
+	let t = `NSidebar:${e}:expanded`, n = S(Ft.store.get(t, {}));
+	en.value = Ft.store.get("NSidebar:expanded", !1);
 	let r = (e) => !!n[e];
 	return {
 		isMenuExpanded: r,
 		toggleMenu: (e) => {
-			n[e] = !r(e), $.store.set(t, n);
+			n[e] = !r(e), Ft.store.set(t, n);
 		},
 		isSidebarExpanded: () => en.value,
 		toggleSidebar: () => {
-			en.value = !en.value, $.store.set("NSidebar:expanded", en.value);
+			en.value = !en.value, Ft.store.set("NSidebar:expanded", en.value);
 		},
 		setMenuActiveResolver: (e) => {
 			tn = e;
@@ -1299,7 +1299,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 }, mn = {
 	key: 0,
 	class: "toolbar"
-}, hn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, hn = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NHeroSection",
 	props: {
 		icon: { default: "" },
@@ -1311,7 +1311,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 		return (n, r) => (x(), s("div", an, [c("div", on, [
 			r[2] ||= c("div", { class: "effect-background-left" }, null, -1),
 			r[3] ||= c("div", { class: "effect-background-right" }, null, -1),
-			c("div", sn, [f(z, {
+			c("div", sn, [f(V, {
 				class: "sidebar-toggle-button",
 				padding: "8px",
 				intent: "none",
@@ -1334,7 +1334,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 					c("path", { d: "M4 19h16" })
 				], -1)]]),
 				_: 1
-			}), f(re)]),
+			}), f(te)]),
 			e.icon ? (x(), s("div", {
 				key: 0,
 				class: "icon-bg",
@@ -1346,7 +1346,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 }), [["__scopeId", "data-v-6fef1cae"]]), gn = { class: "content-container" }, _n = {
 	key: 0,
 	class: "nav-tabs"
-}, vn = ["textContent", "onClick"], yn = { class: "tab-content" }, bn = { class: "footer" }, xn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, vn = ["textContent", "onClick"], yn = { class: "tab-content" }, bn = { class: "footer" }, xn = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NForm",
 	props: {
 		model: { default: () => ({}) },
@@ -1366,7 +1366,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 		"update:modelValue"
 	],
 	setup(t, { emit: n }) {
-		let r = n, a = `NForm:${t.title}@${t.tabs.length}:tab`, u = C(t.tabs.length > 0 ? $.store.get(a, 0) : 0), d = i(() => t.modelValue ?? u.value), p = () => {
+		let r = n, a = `NForm:${t.title}@${t.tabs.length}:tab`, u = C(t.tabs.length > 0 ? Ft.store.get(a, 0) : 0), d = i(() => t.modelValue ?? u.value), p = () => {
 			t.disabled || r("submit", t.model);
 		}, m = () => {
 			t.disabled || r("reset");
@@ -1395,14 +1395,14 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 				class: g(["nav-link", { active: d.value === t }]),
 				textContent: E(e),
 				onClick: () => {
-					u.value = t, D($).store.set(a, t), r("update:modelValue", t);
+					u.value = t, D(Ft).store.set(a, t), r("update:modelValue", t);
 				}
 			}, null, 10, vn))), 128))])) : o("", !0),
 			c("div", yn, [t.tabs.length > 0 ? (x(!0), s(e, { key: 0 }, w(t.tabs, (t, r) => (x(), s(e, null, [d.value === r ? T(n.$slots, `tab${r}`, { key: 0 }, void 0, !0) : o("", !0)], 64))), 256)) : o("", !0), t.tabs.length == 0 && n.$slots.tab0 ? T(n.$slots, "tab0", { key: 1 }, void 0, !0) : o("", !0)]),
 			c("div", bn, [T(n.$slots, "footer", {}, void 0, !0)])
 		], 32)]));
 	}
-}), [["__scopeId", "data-v-fc11e625"]]), Sn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-fc11e625"]]), Sn = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NCard",
 	props: {
 		size: { default: "md" },
@@ -1420,7 +1420,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 }, wn = { class: "summary" }, Tn = { class: "pages" }, En = {
 	key: 1,
 	class: "separator"
-}, Dn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Dn = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NPaginate",
 	props: {
 		totalItems: {},
@@ -1457,7 +1457,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 			l.value !== t && (l.value = t, r("onPageChange", l.value));
 		}
 		return (n, r) => t.totalItems > 0 ? (x(), s("div", Cn, [c("span", wn, "第 " + E(l.value) + " / " + E(u.value) + " 頁，共 " + E(t.totalItems) + " 筆", 1), c("div", Tn, [
-			f(z, {
+			f(V, {
 				variant: "outline",
 				padding: "",
 				width: "35px",
@@ -1478,7 +1478,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 				}, [c("path", { d: "M15 18l-6-6 6-6" })], -1)]]),
 				_: 1
 			}, 8, ["disabled"]),
-			(x(!0), s(e, null, w(p.value, (n) => (x(), s(e, { key: "p-" + n }, [typeof n == "number" ? (x(), a(z, {
+			(x(!0), s(e, null, w(p.value, (n) => (x(), s(e, { key: "p-" + n }, [typeof n == "number" ? (x(), a(V, {
 				key: 0,
 				variant: t.currentPage === n ? "solid" : "outline",
 				intent: t.currentPage === n ? "primary" : "none",
@@ -1494,7 +1494,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 				"intent",
 				"onClick"
 			])) : (x(), s("span", En, "…"))], 64))), 128)),
-			f(z, {
+			f(V, {
 				variant: "outline",
 				padding: "",
 				width: "35px",
@@ -1523,7 +1523,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 }, jn = {
 	key: 2,
 	class: "action"
-}, Mn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Mn = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NEmpty",
 	props: {
 		title: { default: "目前沒有資料" },
@@ -1567,7 +1567,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 }, Hn = {
 	key: 0,
 	class: "title"
-}, Un = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Un = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NLoading",
 	props: {
 		loading: {
@@ -1655,7 +1655,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 }, $n = { key: 0 }, er = ["onClick"], tr = {
 	key: 0,
 	class: "actions"
-}, nr = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, nr = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NTable",
 	props: {
 		columns: { default: () => [] },
@@ -1714,7 +1714,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 			description: t.emptyDescription
 		}, null, 8, ["title", "description"])], !0) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-77619033"]]), rr = { class: "content-container" }, ir = { key: 0 }, ar = { class: "actions" }, or = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-77619033"]]), rr = { class: "content-container" }, ir = { key: 0 }, ar = { class: "actions" }, or = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NList",
 	props: {
 		title: { default: "" },
@@ -1792,7 +1792,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 			name: "toolbar",
 			fn: j(() => [
 				T(t.$slots, "toolbar", {}, void 0, !0),
-				e.refreshable ? (x(), a(z, {
+				e.refreshable ? (x(), a(V, {
 					key: 0,
 					variant: "outline",
 					onClick: r[0] ||= (e) => n("refresh")
@@ -1815,7 +1815,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 					], -1), d(" " + E(e.refreshLabel), 1)]),
 					_: 1
 				})) : o("", !0),
-				e.filterable ? (x(), a(z, {
+				e.filterable ? (x(), a(V, {
 					key: 1,
 					variant: "outline",
 					onClick: r[1] ||= (e) => n("filter")
@@ -1833,7 +1833,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 					}, [c("path", { d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z" })], -1), d(" " + E(e.filterLabel), 1)]),
 					_: 1
 				})) : o("", !0),
-				e.batchDeletable ? (x(), a(z, {
+				e.batchDeletable ? (x(), a(V, {
 					key: 2,
 					variant: "solid",
 					intent: "error",
@@ -1859,7 +1859,7 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 					], -1), d(" " + E(e.batchDeleteLabel), 1)]),
 					_: 1
 				}, 8, ["disabled"])) : o("", !0),
-				e.creatable ? (x(), a(z, {
+				e.creatable ? (x(), a(V, {
 					key: 3,
 					variant: "solid",
 					intent: "primary",
@@ -1922,14 +1922,14 @@ var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn
 					fn: j(({ item: r, index: i }) => [T(t.$slots, "actions", {
 						item: r,
 						index: i
-					}, () => [c("div", ar, [e.updatable ? (x(), a(z, {
+					}, () => [c("div", ar, [e.updatable ? (x(), a(V, {
 						key: 0,
 						variant: "outline",
 						onClick: N(() => n("update", r), ["stop"])
 					}, {
 						default: j(() => [d(E(e.updateLabel), 1)]),
 						_: 1
-					}, 8, ["onClick"])) : o("", !0), e.deletable ? (x(), a(z, {
+					}, 8, ["onClick"])) : o("", !0), e.deletable ? (x(), a(V, {
 						key: 1,
 						variant: "solid",
 						intent: "error",
@@ -2015,7 +2015,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 }, pr = { class: "body" }, mr = {
 	key: 0,
 	class: "title"
-}, hr = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, hr = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NToast",
 	setup(n) {
 		let { toasts: i } = lr(), l = {
@@ -2082,7 +2082,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 }, xr = { class: "code-body" }, Sr = {
 	key: 0,
 	class: "gutter"
-}, Cr = ["textContent"], wr = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Cr = ["textContent"], wr = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NCode",
 	props: {
 		code: {},
@@ -2122,7 +2122,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 }), [["__scopeId", "data-v-6fed5425"]]), Tr = {
 	key: 0,
 	class: "label"
-}, Er = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Er = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NSwitch",
 	props: {
 		modelValue: {
@@ -2156,7 +2156,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 			onClick: l
 		}, [...n[0] ||= [c("div", { class: "inner" }, [c("div", { class: "handle" })], -1)]], 2)], 2));
 	}
-}), [["__scopeId", "data-v-efa08615"]]), Dr = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-efa08615"]]), Dr = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NTag",
 	props: {
 		intent: { default: "none" },
@@ -2247,7 +2247,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 }, _i = { class: "weekday-grid" }, vi = { class: "day-grid range-day-grid" }, yi = ["onClick", "onMouseenter"], bi = { class: "range-footer" }, xi = { class: "range-display" }, Si = { class: "mobile-sheet" }, Ci = {
 	class: "picker-header",
 	style: { "margin-top": "8px" }
-}, wi = { class: "header-nav" }, Ti = { class: "header-title no-click" }, Ei = { class: "header-nav" }, Di = { class: "weekday-grid" }, Oi = { class: "day-grid range-day-grid" }, ki = ["onClick"], Ai = { class: "range-footer" }, ji = { class: "range-display" }, Mi = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, wi = { class: "header-nav" }, Ti = { class: "header-title no-click" }, Ei = { class: "header-nav" }, Di = { class: "weekday-grid" }, Oi = { class: "day-grid range-day-grid" }, ki = ["onClick"], Ai = { class: "range-footer" }, ji = { class: "range-display" }, Mi = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NDatePicker",
 	props: {
 		modelValue: { default: "" },
@@ -2324,8 +2324,8 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 			"四",
 			"五",
 			"六"
-		], P = /* @__PURE__ */ new Date(), F = P.getFullYear(), I = P.getMonth(), ee = P.getDate();
-		function te(e, t) {
+		], P = /* @__PURE__ */ new Date(), F = P.getFullYear(), I = P.getMonth(), L = P.getDate();
+		function R(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--) {
 				let n = t === 0 ? 11 : t - 1, o = t === 0 ? e - 1 : e;
@@ -2351,37 +2351,37 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 			});
 			return a;
 		}
-		function L(e, t) {
+		function z(e, t) {
 			return e.year === t.year ? e.month === t.month ? e.day - t.day : e.month - t.month : e.year - t.year;
 		}
-		function R(e) {
+		function B(e) {
 			return String(e).padStart(2, "0");
 		}
-		let B = C("date"), V = C(/* @__PURE__ */ new Date()), H = C(null), U = C(0), W = C(0), ne = null, re = null, G = i(() => V.value.getFullYear()), K = i(() => V.value.getMonth()), ie = C(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), q = i(() => {
+		let H = C("date"), U = C(/* @__PURE__ */ new Date()), W = C(null), G = C(0), K = C(0), ee = null, te = null, q = i(() => U.value.getFullYear()), ne = i(() => U.value.getMonth()), re = C(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), ie = i(() => {
 			let e = [];
-			for (let t = 0; t < 12; t++) e.push(ie.value + t);
+			for (let t = 0; t < 12; t++) e.push(re.value + t);
 			return e;
 		});
-		A(G, (e) => {
-			ie.value = Math.floor(e / 12) * 12;
+		A(q, (e) => {
+			re.value = Math.floor(e / 12) * 12;
 		}, { immediate: !0 }), A(() => t.modelValue, (e) => {
 			if (!e) return;
 			let t = p(String(e));
-			t && (V.value = new Date(t.year, t.month, 1));
+			t && (U.value = new Date(t.year, t.month, 1));
 		}, { immediate: !0 });
-		let ae = i(() => te(G.value, K.value)), oe = i(() => {
+		let ae = i(() => R(q.value, ne.value)), oe = i(() => {
 			if (!t.modelValue) return "";
 			let e = p(String(t.modelValue));
 			return e ? u(e.year, e.month, e.day, e.hour, e.min) : "";
 		}), se = i(() => t.range ? t.start && t.end ? `${t.start} → ${t.end}` : t.start ? `${t.start} → ...` : "" : oe.value);
 		function ce() {
 			let e = p(String(t.modelValue));
-			e ? (V.value = new Date(e.year, e.month, 1), U.value = e.hour, W.value = e.min, H.value = _.value ? {
+			e ? (U.value = new Date(e.year, e.month, 1), G.value = e.hour, K.value = e.min, W.value = _.value ? {
 				year: e.year,
 				month: e.month,
 				day: e.day,
 				isCurrentMonth: !0
-			} : null) : (U.value = 0, W.value = 0, H.value = null), B.value = "date";
+			} : null) : (G.value = 0, K.value = 0, W.value = null), H.value = "date";
 		}
 		function le(e) {
 			if (!t.modelValue) return !1;
@@ -2389,58 +2389,58 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 			return n ? n.year === e.year && n.month === e.month && n.day === e.day : !1;
 		}
 		function ue(e) {
-			return F === e.year && I === e.month && ee === e.day;
+			return F === e.year && I === e.month && L === e.day;
 		}
 		function de(e) {
-			return _.value ? H.value !== null && H.value.year === e.year && H.value.month === e.month && H.value.day === e.day : le(e);
+			return _.value ? W.value !== null && W.value.year === e.year && W.value.month === e.month && W.value.day === e.day : le(e);
 		}
 		function fe(e) {
-			let t = u(e.year, e.month, e.day, U.value, W.value);
+			let t = u(e.year, e.month, e.day, G.value, K.value);
 			l("update:modelValue", t), l("change", t);
 		}
 		function pe(e) {
-			if (_.value) H.value = { ...e }, V.value = new Date(e.year, e.month, 1), fe(e);
+			if (_.value) W.value = { ...e }, U.value = new Date(e.year, e.month, 1), fe(e);
 			else {
 				let t = u(e.year, e.month, e.day, 0, 0);
-				l("update:modelValue", t), l("change", t), Be();
+				l("update:modelValue", t), l("change", t), ze();
 			}
 		}
 		function me(e) {
-			V.value = new Date(e, K.value, 1), B.value = "date";
+			U.value = new Date(e, ne.value, 1), H.value = "date";
 		}
 		function he(e) {
-			V.value = new Date(G.value, K.value + e, 1);
+			U.value = new Date(q.value, ne.value + e, 1);
 		}
 		function ge(e) {
-			B.value === "year" ? ie.value += e * 12 : V.value = new Date(G.value + e, K.value, 1);
+			H.value === "year" ? re.value += e * 12 : U.value = new Date(q.value + e, ne.value, 1);
 		}
 		function _e(e, t) {
-			e === "H" ? U.value = Math.max(0, Math.min(23, U.value + t)) : W.value = Math.max(0, Math.min(59, W.value + t)), H.value && fe(H.value);
+			e === "H" ? G.value = Math.max(0, Math.min(23, G.value + t)) : K.value = Math.max(0, Math.min(59, K.value + t)), W.value && fe(W.value);
 		}
 		function ve(e, t) {
-			_e(e, t), ne = setTimeout(() => {
-				re = setInterval(() => _e(e, t), 100);
+			_e(e, t), ee = setTimeout(() => {
+				te = setInterval(() => _e(e, t), 100);
 			}, 300);
 		}
 		function J() {
-			ne &&= (clearTimeout(ne), null), re &&= (clearInterval(re), null);
+			ee &&= (clearTimeout(ee), null), te &&= (clearInterval(te), null);
 		}
 		function ye(e, t) {
 			let n = parseInt(e.target.value);
-			t === "H" ? U.value = n : W.value = n, H.value && fe(H.value);
+			t === "H" ? G.value = n : K.value = n, W.value && fe(W.value);
 		}
-		let be = C(F), Y = C(I), X = C(null), xe = C(null), Se = C(null), Z = C(null), Ce = i(() => !!xe.value && !!Se.value), we = i(() => Y.value === 11 ? be.value + 1 : be.value), Te = i(() => Y.value === 11 ? 0 : Y.value + 1), Ee = i(() => te(be.value, Y.value)), De = i(() => te(we.value, Te.value)), Oe = i(() => [{
+		let be = C(F), Y = C(I), X = C(null), Z = C(null), xe = C(null), Q = C(null), Se = i(() => !!Z.value && !!xe.value), Ce = i(() => Y.value === 11 ? be.value + 1 : be.value), we = i(() => Y.value === 11 ? 0 : Y.value + 1), Te = i(() => R(be.value, Y.value)), Ee = i(() => R(Ce.value, we.value)), De = i(() => [{
 			year: be.value,
 			month: Y.value,
-			days: Ee.value,
+			days: Te.value,
 			isLeft: !0
 		}, {
-			year: we.value,
-			month: Te.value,
-			days: De.value,
+			year: Ce.value,
+			month: we.value,
+			days: Ee.value,
 			isLeft: !1
 		}]);
-		function ke(e) {
+		function Oe(e) {
 			let t = p(e);
 			return t ? {
 				year: t.year,
@@ -2449,25 +2449,25 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 				isCurrentMonth: !0
 			} : null;
 		}
-		let Ae = i(() => X.value && Z.value ? L(X.value, Z.value) <= 0 ? X.value : Z.value : xe.value ?? ke(t.start)), je = i(() => X.value && Z.value ? L(X.value, Z.value) <= 0 ? Z.value : X.value : Se.value ?? ke(t.end)), Me = i(() => {
+		let ke = i(() => X.value && Q.value ? z(X.value, Q.value) <= 0 ? X.value : Q.value : Z.value ?? Oe(t.start)), Ae = i(() => X.value && Q.value ? z(X.value, Q.value) <= 0 ? Q.value : X.value : xe.value ?? Oe(t.end)), je = i(() => {
 			if (X.value) {
 				let e = X.value;
-				return `${e.year}-${R(e.month + 1)}-${R(e.day)}`;
+				return `${e.year}-${B(e.month + 1)}-${B(e.day)}`;
 			}
-			if (xe.value) {
-				let e = xe.value;
-				return `${e.year}-${R(e.month + 1)}-${R(e.day)}`;
+			if (Z.value) {
+				let e = Z.value;
+				return `${e.year}-${B(e.month + 1)}-${B(e.day)}`;
 			}
 			return t.start;
-		}), Ne = i(() => {
+		}), Me = i(() => {
 			if (X.value) return "";
-			if (Se.value) {
-				let e = Se.value;
-				return `${e.year}-${R(e.month + 1)}-${R(e.day)}`;
+			if (xe.value) {
+				let e = xe.value;
+				return `${e.year}-${B(e.month + 1)}-${B(e.day)}`;
 			}
 			return t.end;
 		});
-		function Pe() {
+		function Ne() {
 			let e = p(t.start) ?? {
 				year: F,
 				month: I,
@@ -2475,23 +2475,23 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 				hour: 0,
 				min: 0
 			};
-			be.value = e.year, Y.value = e.month, xe.value = ke(t.start), Se.value = ke(t.end), X.value = null, Z.value = null;
+			be.value = e.year, Y.value = e.month, Z.value = Oe(t.start), xe.value = Oe(t.end), X.value = null, Q.value = null;
 		}
-		function Q() {
+		function $() {
 			Y.value === 0 ? (be.value--, Y.value = 11) : Y.value--;
 		}
-		function Fe() {
+		function Pe() {
 			Y.value === 11 ? (be.value++, Y.value = 0) : Y.value++;
 		}
-		function Ie(e) {
-			if (!X.value) X.value = { ...e }, xe.value = null, Se.value = null;
+		function Fe(e) {
+			if (!X.value) X.value = { ...e }, Z.value = null, xe.value = null;
 			else {
-				let t = X.value, [n, r] = L(t, e) <= 0 ? [t, e] : [e, t];
-				xe.value = n, Se.value = r, X.value = null, Z.value = null;
+				let t = X.value, [n, r] = z(t, e) <= 0 ? [t, e] : [e, t];
+				Z.value = n, xe.value = r, X.value = null, Q.value = null;
 			}
 		}
-		function Le(e) {
-			let t = e.year === F && e.month === I && e.day === ee, n = X.value && e.year === X.value.year && e.month === X.value.month && e.day === X.value.day, r = Ae.value, i = je.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 && L(e, r) > 0 && L(e, i) < 0;
+		function Ie(e) {
+			let t = e.year === F && e.month === I && e.day === L, n = X.value && e.year === X.value.year && e.month === X.value.month && e.day === X.value.day, r = ke.value, i = Ae.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 && z(e, r) > 0 && z(e, i) < 0;
 			return {
 				"is-other-month": !e.isCurrentMonth,
 				"is-today": t && !a && !o,
@@ -2501,32 +2501,32 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 				"is-pending": !!n && !a
 			};
 		}
+		function Le() {
+			if (!Z.value || !xe.value) return;
+			let e = Z.value, t = xe.value, n = `${e.year}-${B(e.month + 1)}-${B(e.day)}`, r = `${t.year}-${B(t.month + 1)}-${B(t.day)}`;
+			l("update:start", n), l("update:end", r), l("change", n, r), ze();
+		}
 		function Re() {
-			if (!xe.value || !Se.value) return;
-			let e = xe.value, t = Se.value, n = `${e.year}-${R(e.month + 1)}-${R(e.day)}`, r = `${t.year}-${R(t.month + 1)}-${R(t.day)}`;
-			l("update:start", n), l("update:end", r), l("change", n, r), Be();
+			t.disabled || (b.value || (t.range ? Ne() : ce()), b.value = !b.value);
 		}
 		function ze() {
-			t.disabled || (b.value || (t.range ? Pe() : ce()), b.value = !b.value);
+			b.value = !1, X.value = null, Q.value = null;
 		}
 		function Be() {
-			b.value = !1, X.value = null, Z.value = null;
+			H.value = H.value === "date" ? "year" : "date";
 		}
-		function Ve() {
-			B.value = B.value === "date" ? "year" : "date";
-		}
-		let He = (e) => {
+		let Ve = (e) => {
 			let t = e.target;
-			S.value?.contains(t) || T.value || Be();
+			S.value?.contains(t) || T.value || ze();
 		};
 		y(() => {
-			document.addEventListener("mousedown", He), window.addEventListener("resize", O);
+			document.addEventListener("mousedown", Ve), window.addEventListener("resize", O);
 		}), v(() => {
-			document.removeEventListener("mousedown", He), window.removeEventListener("resize", O), D && clearTimeout(D), J();
+			document.removeEventListener("mousedown", Ve), window.removeEventListener("resize", O), D && clearTimeout(D), J();
 		});
-		let Ue = (e) => {
+		let He = (e) => {
 			if (e.stopPropagation(), t.range) {
-				xe.value = null, Se.value = null, X.value = null, Z.value = null, l("update:start", ""), l("update:end", ""), l("change", "", ""), l("clear");
+				Z.value = null, xe.value = null, X.value = null, Q.value = null, l("update:start", ""), l("update:end", ""), l("change", "", ""), l("clear");
 				return;
 			}
 			l("update:modelValue", ""), l("change", ""), l("clear");
@@ -2542,14 +2542,14 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 				disabled: t.disabled
 			}]) }, [c("div", {
 				class: "picker-trigger",
-				onClick: ze
-			}, [c("span", { class: g(["text", { placeholder: !se.value }]) }, E(se.value || t.placeholder), 3), t.clearable && se.value ? (x(), a(z, {
+				onClick: Re
+			}, [c("span", { class: g(["text", { placeholder: !se.value }]) }, E(se.value || t.placeholder), 3), t.clearable && se.value ? (x(), a(V, {
 				key: 0,
 				variant: "none",
 				square: "",
 				class: "clear",
 				size: "sm",
-				onClick: Ue
+				onClick: He
 			}, {
 				default: j(() => [...i[20] ||= [c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2566,7 +2566,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 			})) : o("", !0)]), f(n, { name: "fade" }, {
 				default: j(() => [b.value && !t.range && !T.value ? (x(), s("div", kr, [
 					c("div", Ar, [
-						c("div", jr, [f(z, {
+						c("div", jr, [f(V, {
 							variant: "ghost",
 							square: "",
 							onClick: i[0] ||= (e) => ge(-1)
@@ -2583,7 +2583,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 								"stroke-linejoin": "round"
 							}, [c("path", { d: "m11 17-5-5 5-5" }), c("path", { d: "m18 17-5-5 5-5" })], -1)]]),
 							_: 1
-						}), B.value === "date" ? (x(), a(z, {
+						}), H.value === "date" ? (x(), a(V, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2604,9 +2604,9 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 						})) : o("", !0)]),
 						c("div", {
 							class: "header-title",
-							onClick: Ve
-						}, [B.value === "date" ? (x(), s(e, { key: 0 }, [d(E(k[K.value]) + " " + E(G.value), 1)], 64)) : (x(), s(e, { key: 1 }, [d(E(q.value[0]) + " - " + E(q.value[q.value.length - 1]), 1)], 64))]),
-						c("div", Mr, [B.value === "date" ? (x(), a(z, {
+							onClick: Be
+						}, [H.value === "date" ? (x(), s(e, { key: 0 }, [d(E(k[ne.value]) + " " + E(q.value), 1)], 64)) : (x(), s(e, { key: 1 }, [d(E(ie.value[0]) + " - " + E(ie.value[ie.value.length - 1]), 1)], 64))]),
+						c("div", Mr, [H.value === "date" ? (x(), a(V, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2624,7 +2624,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 								"stroke-linejoin": "round"
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
-						})) : o("", !0), f(z, {
+						})) : o("", !0), f(V, {
 							variant: "ghost",
 							square: "",
 							onClick: i[3] ||= (e) => ge(1)
@@ -2643,10 +2643,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							_: 1
 						})])
 					]),
-					c("div", Nr, [B.value === "date" ? (x(), s(e, { key: 0 }, [c("div", Pr, [(x(), s(e, null, w(M, (e) => c("span", {
+					c("div", Nr, [H.value === "date" ? (x(), s(e, { key: 0 }, [c("div", Pr, [(x(), s(e, null, w(M, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, E(e), 1)), 64))]), c("div", Fr, [(x(!0), s(e, null, w(ae.value, (e, t) => (x(), a(z, {
+					}, E(e), 1)), 64))]), c("div", Fr, [(x(!0), s(e, null, w(ae.value, (e, t) => (x(), a(V, {
 						key: t,
 						variant: de(e) ? "solid" : ue(e) ? "mute" : "ghost",
 						intent: de(e) || ue(e) ? "primary" : "none",
@@ -2661,10 +2661,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (x(), s("div", Ir, [(x(!0), s(e, null, w(q.value, (e) => (x(), a(z, {
+					]))), 128))])], 64)) : (x(), s("div", Ir, [(x(!0), s(e, null, w(ie.value, (e) => (x(), a(V, {
 						key: e,
-						variant: e === G.value ? "solid" : "ghost",
-						intent: e === G.value ? "primary" : "none",
+						variant: e === q.value ? "solid" : "ghost",
+						intent: e === q.value ? "primary" : "none",
 						class: "year-cell",
 						onClick: (t) => me(e)
 					}, {
@@ -2675,9 +2675,9 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					_.value && B.value === "date" ? (x(), s("div", Lr, [c("div", Rr, [m.value ? (x(), s("div", zr, [
+					_.value && H.value === "date" ? (x(), s("div", Lr, [c("div", Rr, [m.value ? (x(), s("div", zr, [
 						i[27] ||= c("span", { class: "time-label" }, "時", -1),
-						f(z, {
+						f(V, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
@@ -2704,10 +2704,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							type: "range",
 							min: "0",
 							max: "23",
-							value: U.value,
+							value: G.value,
 							onInput: i[5] ||= (e) => ye(e, "H")
 						}, null, 40, Br),
-						f(z, {
+						f(V, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
@@ -2729,10 +2729,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Vr, E(R(U.value)), 1)
+						c("span", Vr, E(B(G.value)), 1)
 					])) : o("", !0), h.value ? (x(), s("div", Hr, [
 						i[30] ||= c("span", { class: "time-label" }, "分", -1),
-						f(z, {
+						f(V, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
@@ -2759,10 +2759,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							type: "range",
 							min: "0",
 							max: "59",
-							value: W.value,
+							value: K.value,
 							onInput: i[8] ||= (e) => ye(e, "m")
 						}, null, 40, Ur),
-						f(z, {
+						f(V, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
@@ -2784,7 +2784,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Wr, E(R(W.value)), 1)
+						c("span", Wr, E(B(K.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])) : o("", !0)]),
 				_: 1
@@ -2793,11 +2793,11 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 				default: j(() => [b.value && !t.range && T.value ? (x(), s("div", {
 					key: 0,
 					class: "mobile-overlay",
-					onClick: N(Be, ["self"])
+					onClick: N(ze, ["self"])
 				}, [c("div", Gr, [
 					i[41] ||= c("div", { class: "sheet-handle" }, null, -1),
 					c("div", Kr, [
-						c("div", qr, [f(z, {
+						c("div", qr, [f(V, {
 							variant: "ghost",
 							square: "",
 							onClick: i[10] ||= (e) => ge(-1)
@@ -2814,7 +2814,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 								"stroke-linejoin": "round"
 							}, [c("path", { d: "m11 17-5-5 5-5" }), c("path", { d: "m18 17-5-5 5-5" })], -1)]]),
 							_: 1
-						}), B.value === "date" ? (x(), a(z, {
+						}), H.value === "date" ? (x(), a(V, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2835,9 +2835,9 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 						})) : o("", !0)]),
 						c("div", {
 							class: "header-title",
-							onClick: Ve
-						}, [B.value === "date" ? (x(), s(e, { key: 0 }, [d(E(k[K.value]) + " " + E(G.value), 1)], 64)) : (x(), s(e, { key: 1 }, [d(E(q.value[0]) + " - " + E(q.value[q.value.length - 1]), 1)], 64))]),
-						c("div", Jr, [B.value === "date" ? (x(), a(z, {
+							onClick: Be
+						}, [H.value === "date" ? (x(), s(e, { key: 0 }, [d(E(k[ne.value]) + " " + E(q.value), 1)], 64)) : (x(), s(e, { key: 1 }, [d(E(ie.value[0]) + " - " + E(ie.value[ie.value.length - 1]), 1)], 64))]),
+						c("div", Jr, [H.value === "date" ? (x(), a(V, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2855,7 +2855,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 								"stroke-linejoin": "round"
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
-						})) : o("", !0), f(z, {
+						})) : o("", !0), f(V, {
 							variant: "ghost",
 							square: "",
 							onClick: i[13] ||= (e) => ge(1)
@@ -2874,10 +2874,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							_: 1
 						})])
 					]),
-					c("div", Yr, [B.value === "date" ? (x(), s(e, { key: 0 }, [c("div", Xr, [(x(), s(e, null, w(M, (e) => c("span", {
+					c("div", Yr, [H.value === "date" ? (x(), s(e, { key: 0 }, [c("div", Xr, [(x(), s(e, null, w(M, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, E(e), 1)), 64))]), c("div", Zr, [(x(!0), s(e, null, w(ae.value, (e, t) => (x(), a(z, {
+					}, E(e), 1)), 64))]), c("div", Zr, [(x(!0), s(e, null, w(ae.value, (e, t) => (x(), a(V, {
 						key: t,
 						variant: de(e) ? "solid" : ue(e) ? "mute" : "ghost",
 						intent: de(e) || ue(e) ? "primary" : "none",
@@ -2892,10 +2892,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (x(), s("div", Qr, [(x(!0), s(e, null, w(q.value, (e) => (x(), a(z, {
+					]))), 128))])], 64)) : (x(), s("div", Qr, [(x(!0), s(e, null, w(ie.value, (e) => (x(), a(V, {
 						key: e,
-						variant: e === G.value ? "solid" : "ghost",
-						intent: e === G.value ? "primary" : "none",
+						variant: e === q.value ? "solid" : "ghost",
+						intent: e === q.value ? "primary" : "none",
 						class: "year-cell",
 						onClick: (t) => me(e)
 					}, {
@@ -2906,9 +2906,9 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					_.value && B.value === "date" ? (x(), s("div", $r, [c("div", ei, [m.value ? (x(), s("div", ti, [
+					_.value && H.value === "date" ? (x(), s("div", $r, [c("div", ei, [m.value ? (x(), s("div", ti, [
 						i[37] ||= c("span", { class: "time-label" }, "時", -1),
-						f(z, {
+						f(V, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
@@ -2935,10 +2935,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							type: "range",
 							min: "0",
 							max: "23",
-							value: U.value,
+							value: G.value,
 							onInput: i[15] ||= (e) => ye(e, "H")
 						}, null, 40, ni),
-						f(z, {
+						f(V, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
@@ -2960,10 +2960,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", ri, E(R(U.value)), 1)
+						c("span", ri, E(B(G.value)), 1)
 					])) : o("", !0), h.value ? (x(), s("div", ii, [
 						i[40] ||= c("span", { class: "time-label" }, "分", -1),
-						f(z, {
+						f(V, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
@@ -2990,10 +2990,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							type: "range",
 							min: "0",
 							max: "59",
-							value: W.value,
+							value: K.value,
 							onInput: i[18] ||= (e) => ye(e, "m")
 						}, null, 40, ai),
-						f(z, {
+						f(V, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
@@ -3015,7 +3015,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", oi, E(R(W.value)), 1)
+						c("span", oi, E(B(K.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])])) : o("", !0)]),
 				_: 1
@@ -3024,16 +3024,16 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 				default: j(() => [b.value && t.range && !T.value ? (x(), s("div", {
 					key: 0,
 					class: "range-overlay",
-					onClick: N(Be, ["self"])
+					onClick: N(ze, ["self"])
 				}, [c("div", si, [
 					i[46] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", ci, [(x(!0), s(e, null, w(Oe.value, (t) => (x(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (x(), s("div", li)), c("div", ui, [
+					c("div", ci, [(x(!0), s(e, null, w(De.value, (t) => (x(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (x(), s("div", li)), c("div", ui, [
 						c("div", di, [
-							c("div", fi, [t.isLeft ? (x(), a(z, {
+							c("div", fi, [t.isLeft ? (x(), a(V, {
 								key: 0,
 								variant: "ghost",
 								square: "",
-								onClick: Q
+								onClick: $
 							}, {
 								default: j(() => [...i[42] ||= [c("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
@@ -3049,11 +3049,11 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 								_: 1
 							})) : (x(), s("div", pi))]),
 							c("div", mi, E(k[t.month]) + " " + E(t.year), 1),
-							c("div", hi, [t.isLeft ? (x(), s("div", gi)) : (x(), a(z, {
+							c("div", hi, [t.isLeft ? (x(), s("div", gi)) : (x(), a(V, {
 								key: 0,
 								variant: "ghost",
 								square: "",
-								onClick: Fe
+								onClick: Pe
 							}, {
 								default: j(() => [...i[43] ||= [c("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
@@ -3075,21 +3075,21 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 						}, E(e), 1)), 64))]),
 						c("div", vi, [(x(!0), s(e, null, w(t.days, (e, t) => (x(), s("div", {
 							key: t,
-							class: g(["range-day", Le(e)]),
-							onClick: (t) => Ie(e),
-							onMouseenter: (t) => Z.value = e
+							class: g(["range-day", Ie(e)]),
+							onClick: (t) => Fe(e),
+							onMouseenter: (t) => Q.value = e
 						}, E(e.day), 43, yi))), 128))])
 					])], 64))), 128))]),
 					c("div", bi, [c("div", xi, [
-						c("span", { class: g(["range-val", { "is-empty": !Me.value }]) }, E(Me.value || "開始日期"), 3),
+						c("span", { class: g(["range-val", { "is-empty": !je.value }]) }, E(je.value || "開始日期"), 3),
 						i[44] ||= c("span", { class: "range-arrow" }, "→", -1),
-						c("span", { class: g(["range-val", { "is-empty": !Ne.value }]) }, E(Ne.value || "結束日期"), 3)
-					]), f(z, {
+						c("span", { class: g(["range-val", { "is-empty": !Me.value }]) }, E(Me.value || "結束日期"), 3)
+					]), f(V, {
 						variant: "solid",
 						intent: "primary",
 						class: "confirm-btn",
-						disabled: !Ce.value,
-						onClick: N(Re, ["stop"])
+						disabled: !Se.value,
+						onClick: N(Le, ["stop"])
 					}, {
 						default: j(() => [...i[45] ||= [d(" 確認 ", -1)]]),
 						_: 1
@@ -3101,15 +3101,15 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 				default: j(() => [b.value && t.range && T.value ? (x(), s("div", {
 					key: 0,
 					class: "mobile-overlay",
-					onClick: N(Be, ["self"])
+					onClick: N(ze, ["self"])
 				}, [c("div", Si, [
 					i[51] ||= c("div", { class: "sheet-handle" }, null, -1),
 					i[52] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
 					c("div", Ci, [
-						c("div", wi, [f(z, {
+						c("div", wi, [f(V, {
 							variant: "ghost",
 							square: "",
-							onClick: Q
+							onClick: $
 						}, {
 							default: j(() => [...i[47] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -3125,10 +3125,10 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 							_: 1
 						})]),
 						c("div", Ti, E(k[Y.value]) + " " + E(be.value), 1),
-						c("div", Ei, [f(z, {
+						c("div", Ei, [f(V, {
 							variant: "ghost",
 							square: "",
-							onClick: Fe
+							onClick: Pe
 						}, {
 							default: j(() => [...i[48] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -3148,21 +3148,21 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 						key: e,
 						class: "weekday"
 					}, E(e), 1)), 64))]),
-					c("div", Oi, [(x(!0), s(e, null, w(Ee.value, (e, t) => (x(), s("div", {
+					c("div", Oi, [(x(!0), s(e, null, w(Te.value, (e, t) => (x(), s("div", {
 						key: t,
-						class: g(["range-day", Le(e)]),
-						onClick: (t) => Ie(e)
+						class: g(["range-day", Ie(e)]),
+						onClick: (t) => Fe(e)
 					}, E(e.day), 11, ki))), 128))]),
 					c("div", Ai, [c("div", ji, [
-						c("span", { class: g(["range-val", { "is-empty": !Me.value }]) }, E(Me.value || "開始日期"), 3),
+						c("span", { class: g(["range-val", { "is-empty": !je.value }]) }, E(je.value || "開始日期"), 3),
 						i[49] ||= c("span", { class: "range-arrow" }, "→", -1),
-						c("span", { class: g(["range-val", { "is-empty": !Ne.value }]) }, E(Ne.value || "結束日期"), 3)
-					]), f(z, {
+						c("span", { class: g(["range-val", { "is-empty": !Me.value }]) }, E(Me.value || "結束日期"), 3)
+					]), f(V, {
 						variant: "solid",
 						intent: "primary",
 						class: "confirm-btn",
-						disabled: !Ce.value,
-						onClick: N(Re, ["stop"])
+						disabled: !Se.value,
+						onClick: N(Le, ["stop"])
 					}, {
 						default: j(() => [...i[50] ||= [d(" 確認 ", -1)]]),
 						_: 1
@@ -3172,7 +3172,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 			})
 		], 512));
 	}
-}), [["__scopeId", "data-v-a16fe255"]]), Ni = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-a16fe255"]]), Ni = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NTooltip",
 	props: {
 		content: { default: "" },
@@ -3210,7 +3210,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 }), [["__scopeId", "data-v-7a53ca0a"]]), Pi = { class: "modal-header" }, Fi = { class: "modal-title" }, Ii = { class: "modal-content" }, Li = {
 	key: 0,
 	class: "modal-footer"
-}, Ri = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Ri = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NModal",
 	props: {
 		show: {
@@ -3275,7 +3275,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 }), [["__scopeId", "data-v-ee2fac3c"]]), zi = { class: "drawer-header" }, Bi = { class: "drawer-title" }, Vi = { class: "drawer-body" }, Hi = {
 	key: 0,
 	class: "drawer-footer"
-}, Ui = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Ui = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NDrawer",
 	props: {
 		show: {
@@ -3341,7 +3341,7 @@ var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 }), [["__scopeId", "data-v-f8c0a0bb"]]), Wi = { class: "cards-wrapper" }, Gi = ["innerHTML"], Ki = { class: "card-body" }, qi = {
 	key: 0,
 	class: "card-title"
-}, Ji = { class: "card-message" }, Yi = { class: "card-footer" }, Xi = ["onClick"], Zi = ["onClick"], Qi = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Ji = { class: "card-message" }, Yi = { class: "card-footer" }, Xi = ["onClick"], Zi = ["onClick"], Qi = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NAlert",
 	setup(n) {
 		let { alerts: r, clearAlerts: i } = Rt(), l = {
@@ -3419,27 +3419,112 @@ function $i() {
 	];
 }
 //#endregion
-//#region src/components/NVideoSelect.vue?vue&type=script&setup=true&lang.ts
-var ea = {
+//#region src/composables/useMediaSelect.ts
+var ea = (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", ta = (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;
+}, na = (e) => e.width && e.height ? e.width + "×" + e.height : "—", ra = (e, t) => {
+	if (e.name) return e.name;
+	try {
+		let n = new URL(e.url, window.location.href).pathname;
+		return decodeURIComponent(n.split("/").filter(Boolean).pop() ?? t);
+	} catch {
+		return t;
+	}
+}, ia = (e) => {
+	e?.startsWith("blob:") && URL.revokeObjectURL(e);
+}, aa = (e) => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : e + Math.random().toString(36).slice(2, 9), oa = (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);
+}, sa = (e, t) => {
+	let n = [], r = !1;
+	return Array.prototype.forEach.call(e, (e) => {
+		if (!oa(e, t.accept, t.fallbackTypePrefix)) {
+			t.onError({
+				type: "type",
+				file: e
+			});
+			return;
+		}
+		if (t.maxSize > 0 && e.size > t.maxSize * 1024 * 1024) {
+			t.onError({
+				type: "size",
+				file: e
+			});
+			return;
+		}
+		if (n.length >= t.remainingSlots) {
+			r ||= (t.onError({
+				type: "count",
+				file: e
+			}), !0);
+			return;
+		}
+		n.push(e);
+	}), n;
+}, ca = (e) => {
+	let t = C(!1), n = async () => {
+		if (!e.isBlocked()) if (e.multiple()) {
+			let t = await Ft.input.custom(e.accept(), !0);
+			if (t.length === 0) return;
+			e.onFiles(t.map((e) => e.file));
+		} else {
+			let t = await Ft.input.custom(e.accept(), !1);
+			if (!t) return;
+			e.onFiles([t.file]);
+		}
+	};
+	return {
+		isDragging: t,
+		dropZoneHandlers: {
+			onClick: n,
+			onDragenter: (n) => {
+				e.isBlocked() || (n.preventDefault(), t.value = !0);
+			},
+			onDragover: (e) => e.preventDefault(),
+			onDragleave: (e) => {
+				e.preventDefault();
+				let n = e.relatedTarget;
+				n && e.currentTarget.contains(n) || (t.value = !1);
+			},
+			onDrop: (n) => {
+				n.preventDefault(), t.value = !1, !e.isBlocked() && n.dataTransfer?.files?.length && e.onFiles(n.dataTransfer.files);
+			}
+		},
+		openFileDialog: n
+	};
+}, la = (e, t) => {
+	let n = "", r = (e) => {
+		e.key === "Escape" && t();
+	};
+	A(e, (e) => {
+		e ? (n = document.body.style.overflow, document.body.style.overflow = "hidden", document.addEventListener("keydown", r)) : (document.body.style.overflow = n, document.removeEventListener("keydown", r));
+	}), v(() => {
+		e.value && (document.body.style.overflow = n), document.removeEventListener("keydown", r);
+	});
+}, ua = {
 	key: 0,
 	class: "head"
-}, ta = ["textContent"], na = {
+}, da = ["textContent"], fa = {
 	key: 1,
 	class: "count-chip"
-}, ra = { class: "grid" }, ia = {
+}, pa = { class: "grid" }, ma = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, aa = ["textContent"], oa = ["textContent"], sa = ["onClick"], ca = ["src"], la = {
+}, ha = ["textContent"], ga = ["textContent"], _a = ["onClick"], va = ["src"], ya = {
 	key: 1,
 	class: "placeholder-label"
-}, ua = { class: "duration" }, da = { class: "card-body" }, fa = ["title"], pa = { class: "file-meta" }, ma = { key: 0 }, ha = {
+}, ba = { class: "duration" }, xa = { class: "card-body" }, Sa = ["title"], Ca = { class: "file-meta" }, wa = { key: 0 }, Ta = {
 	key: 1,
 	class: "dot-separator"
-}, ga = { key: 2 }, _a = { class: "card-actions" }, va = ["onClick"], ya = ["disabled", "onClick"], ba = { class: "vi-modal-card" }, xa = { class: "vi-modal-media" }, Sa = ["src"], Ca = {
+}, Ea = { key: 2 }, Da = { class: "card-actions" }, Oa = ["onClick"], ka = ["disabled", "onClick"], Aa = { class: "vi-modal-card" }, ja = { class: "vi-modal-media" }, Ma = ["src"], Na = {
 	key: 1,
 	class: "vi-modal-placeholder"
-}, wa = { class: "vi-modal-bar" }, Ta = { class: "vi-modal-info" }, Ea = { class: "modal-name" }, Da = { class: "modal-meta" }, Oa = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Pa = { class: "vi-modal-bar" }, Fa = { class: "vi-modal-info" }, Ia = { class: "modal-name" }, La = { class: "modal-meta" }, Ra = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NVideoSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3477,33 +3562,14 @@ var ea = {
 		"error"
 	],
 	setup(r, { emit: l }) {
-		let u = l, p = C(!1), h = C(null), [_, y, b] = $i(), { confirm: S } = Rt(), T = i(() => r.modelValue.length), O = (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", k = (e) => {
-			if (e == null || isNaN(e)) return "0:00";
-			let t = Math.round(e), n = Math.floor(t / 60), r = t % 60;
-			return n + ":" + (r < 10 ? "0" : "") + r;
-		}, M = (e) => e.width && e.height ? e.width + "×" + e.height : "—", P = (e) => {
-			if (e.name) return e.name;
-			try {
-				let t = new URL(e.url, window.location.href).pathname;
-				return decodeURIComponent(t.split("/").filter(Boolean).pop() ?? "影片");
-			} catch {
-				return "影片";
-			}
-		}, F = (e) => {
-			e?.startsWith("blob:") && URL.revokeObjectURL(e);
-		}, I = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "v" + Math.random().toString(36).slice(2, 9), ee = (e) => {
-			let t = r.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
-			if (t.length === 0) return e.type.startsWith("video/");
-			let n = e.type.toLowerCase(), i = e.name.toLowerCase();
-			return t.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? n.startsWith(e.slice(0, -1)) : n === e);
-		}, te = (e) => {
+		let u = l, p = C(null), [h, _, y] = $i(), { confirm: b } = Rt(), S = !1, T = i(() => r.modelValue.length), O = (e) => ta(e, "round"), k = (e) => ra(e, "影片"), M = (e) => {
 			if (!e.url) return;
 			let t = document.createElement("video");
 			t.preload = "metadata";
 			let n = () => {
 				t.removeEventListener("loadedmetadata", i), t.removeEventListener("error", n), t.removeAttribute("src"), t.load();
 			}, i = () => {
-				if (r.modelValue.some((t) => t.id === e.id)) {
+				if (!S && r.modelValue.some((t) => t.id === e.id)) {
 					let n = r.modelValue.map((n) => n.id === e.id ? {
 						...n,
 						duration: t.duration,
@@ -3515,39 +3581,28 @@ var ea = {
 				n();
 			};
 			t.addEventListener("loadedmetadata", i), t.addEventListener("error", n), t.src = e.url;
-		}, L = /* @__PURE__ */ new Set();
+		}, P = /* @__PURE__ */ new Set();
 		A(() => r.modelValue, (e) => {
 			e.forEach((e) => {
-				!e.url || L.has(e.id) || (L.add(e.id), (e.duration == null || e.width == null) && te(e));
+				!e.url || P.has(e.id) || (P.add(e.id), (e.duration == null || e.width == null) && M(e));
 			});
 		}, { immediate: !0 });
-		let R = (e) => {
-			if (r.disabled || r.readonly) return;
-			let t = [], n = !1;
-			if (Array.prototype.forEach.call(e, (e) => {
-				if (!ee(e)) {
-					u("error", {
-						type: "type",
-						file: e
-					});
-					return;
-				}
-				if (r.maxSize > 0 && e.size > r.maxSize * 1024 * 1024) {
-					u("error", {
-						type: "size",
-						file: e
-					});
-					return;
-				}
-				if (!r.multiple && r.modelValue.length + t.length >= 1) {
-					n ||= (u("error", {
-						type: "count",
-						file: e
-					}), !0);
-					return;
-				}
-				t.push({
-					id: I(),
+		let { isDragging: F, dropZoneHandlers: I } = ca({
+			isBlocked: () => r.disabled || r.readonly,
+			accept: () => r.accept,
+			multiple: () => r.multiple,
+			onFiles: (e) => {
+				if (r.disabled || r.readonly) return;
+				let t = sa(e, {
+					accept: r.accept,
+					fallbackTypePrefix: "video/",
+					maxSize: r.maxSize,
+					remainingSlots: r.multiple ? Infinity : Math.max(0, 1 - r.modelValue.length),
+					onError: (e) => u("error", e)
+				});
+				if (t.length === 0) return;
+				let n = t.map((e) => ({
+					id: aa("v"),
 					file: e,
 					name: e.name,
 					size: e.size,
@@ -3555,83 +3610,54 @@ var ea = {
 					width: null,
 					height: null,
 					url: URL.createObjectURL(e)
+				})), i = [...r.modelValue, ...n];
+				u("update:modelValue", i), u("change", i), u("add", n), n.forEach((e) => {
+					P.add(e.id), M(e);
 				});
-			}), t.length === 0) return;
-			let i = [...r.modelValue, ...t];
-			u("update:modelValue", i), u("change", i), u("add", t), t.forEach((e) => {
-				L.add(e.id), te(e);
-			});
-		}, z = async () => {
-			if (!(r.disabled || r.readonly)) if (r.multiple) {
-				let e = await $.input.custom(r.accept, !0);
-				if (e.length === 0) return;
-				R(e.map((e) => e.file));
-			} else {
-				let e = await $.input.custom(r.accept, !1);
-				if (!e) return;
-				R([e.file]);
 			}
-		}, B = async (e) => {
+		}), L = async (e) => {
 			if (r.disabled || r.readonly) return;
 			let t = r.modelValue.find((t) => t.id === e);
-			if (!t || !await S(`確定要移除「${P(t)}」嗎？`, {
+			if (!t || !await b(`確定要移除「${k(t)}」嗎？`, {
 				title: "移除影片",
 				status: "danger",
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			F(t.url);
+			ia(t.url), P.delete(e);
 			let n = r.modelValue.filter((t) => t.id !== e);
 			u("update:modelValue", n), u("change", n), u("remove", t);
-		}, V = (e) => {
-			h.value = e, y();
-		}, H = () => {
-			b();
-		}, U = i(() => {
-			let e = h.value;
+		}, R = (e) => {
+			p.value = e, _();
+		}, z = () => {
+			y();
+		}, B = i(() => {
+			let e = p.value;
 			return e ? [
-				e.size == null ? null : O(e.size),
-				e.width && e.height ? M(e) : null,
-				k(e.duration)
+				e.size == null ? null : ea(e.size),
+				e.width && e.height ? na(e) : null,
+				O(e.duration)
 			].filter(Boolean).join(" · ") : "";
-		}), W = (e) => {
-			e.key === "Escape" && H();
-		}, ne = "";
-		A(_, (e) => {
-			e ? (ne = document.body.style.overflow, document.body.style.overflow = "hidden", document.addEventListener("keydown", W)) : (document.body.style.overflow = ne, document.removeEventListener("keydown", W));
-		}), v(() => {
-			document.body.style.overflow = ne, document.removeEventListener("keydown", W), r.autoRevoke && r.modelValue.forEach((e) => F(e.url));
 		});
-		let re = {
-			onClick: z,
-			onDragenter: (e) => {
-				r.disabled || r.readonly || (e.preventDefault(), p.value = !0);
-			},
-			onDragover: (e) => e.preventDefault(),
-			onDragleave: (e) => {
-				e.preventDefault(), p.value = !1;
-			},
-			onDrop: (e) => {
-				r.disabled || r.readonly || (e.preventDefault(), p.value = !1, e.dataTransfer?.files?.length && R(e.dataTransfer.files));
-			}
-		};
-		return (i, l) => (x(), s("div", { class: g(["video-input", {
+		return la(h, z), v(() => {
+			S = !0, r.autoRevoke && r.modelValue.forEach((e) => ia(e.url));
+		}), (i, l) => (x(), s("div", { class: g(["video-input", {
 			"is-disabled": r.disabled,
 			"is-readonly": r.readonly
 		}]) }, [
-			r.title || r.showCount ? (x(), s("div", ea, [r.title ? (x(), s("span", {
+			r.title || r.showCount ? (x(), s("div", ua, [r.title ? (x(), s("span", {
 				key: 0,
 				class: "title",
 				textContent: E(r.title)
-			}, null, 8, ta)) : o("", !0), r.showCount ? (x(), s("span", na, E(T.value) + " 支", 1)) : o("", !0)])) : o("", !0),
-			c("div", ra, [T.value === 0 ? (x(), s("div", m({
+			}, null, 8, da)) : o("", !0), r.showCount ? (x(), s("span", fa, E(T.value) + " 支", 1)) : o("", !0)])) : o("", !0),
+			c("div", pa, [T.value === 0 ? (x(), s("div", m({
 				key: 0,
 				class: ["empty", {
-					"is-drag": p.value,
+					"is-drag": D(F),
 					"is-static": r.readonly
 				}]
-			}, r.readonly ? {} : re), [
-				r.readonly ? o("", !0) : (x(), s("span", ia, [...l[0] ||= [c("svg", {
+			}, r.readonly ? {} : D(I)), [
+				r.readonly ? o("", !0) : (x(), s("span", ma, [...l[0] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -3643,24 +3669,24 @@ var ea = {
 					c("path", { d: "M7 9l5-5 5 5" }),
 					c("path", { d: "M12 4v12" })
 				], -1)]])),
-				c("h3", { textContent: E(r.readonly ? "目前沒有影片" : r.emptyTitle) }, null, 8, aa),
+				c("h3", { textContent: E(r.readonly ? "目前沒有影片" : r.emptyTitle) }, null, 8, ha),
 				r.readonly ? o("", !0) : (x(), s("p", {
 					key: 1,
 					textContent: E(r.emptyHint)
-				}, null, 8, oa))
+				}, null, 8, ga))
 			], 16)) : (x(), s(e, { key: 1 }, [(x(!0), s(e, null, w(r.modelValue, (e) => (x(), s("div", {
 				key: e.id,
 				class: "card"
 			}, [c("div", {
 				class: g(["thumb", { placeholder: !e.url }]),
-				onClick: (t) => V(e)
+				onClick: (t) => R(e)
 			}, [
 				e.url ? (x(), s("video", {
 					key: 0,
 					src: e.url + "#t=0.5",
 					muted: "",
 					preload: "metadata"
-				}, null, 8, ca)) : (x(), s("div", la, "縮圖預覽")),
+				}, null, 8, va)) : (x(), s("div", ya, "縮圖預覽")),
 				l[1] ||= c("div", {
 					class: "play",
 					"aria-hidden": "true"
@@ -3668,20 +3694,20 @@ var ea = {
 					viewBox: "0 0 24 24",
 					fill: "currentColor"
 				}, [c("path", { d: "M8 5v14l11-7z" })])], -1),
-				c("div", ua, E(k(e.duration)), 1)
-			], 10, sa), c("div", da, [
+				c("div", ba, E(O(e.duration)), 1)
+			], 10, _a), c("div", xa, [
 				c("div", {
 					class: "file-name",
-					title: P(e)
-				}, E(P(e)), 9, fa),
-				c("div", pa, [
-					e.size == null ? o("", !0) : (x(), s("span", ma, E(O(e.size)), 1)),
-					e.size != null && e.width && e.height ? (x(), s("span", ha)) : o("", !0),
-					e.width && e.height ? (x(), s("span", ga, E(M(e)), 1)) : o("", !0)
+					title: k(e)
+				}, E(k(e)), 9, Sa),
+				c("div", Ca, [
+					e.size == null ? o("", !0) : (x(), s("span", wa, E(D(ea)(e.size)), 1)),
+					e.size != null && e.width && e.height ? (x(), s("span", Ta)) : o("", !0),
+					e.width && e.height ? (x(), s("span", Ea, E(D(na)(e)), 1)) : o("", !0)
 				]),
-				c("div", _a, [c("button", {
+				c("div", Da, [c("button", {
 					class: "action preview",
-					onClick: (t) => V(e)
+					onClick: (t) => R(e)
 				}, [...l[2] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -3693,12 +3719,12 @@ var ea = {
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, va), r.readonly ? o("", !0) : (x(), s("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, Oa), r.readonly ? o("", !0) : (x(), s("button", {
 					key: 0,
 					class: "action delete",
 					"aria-label": "刪除",
 					disabled: r.disabled,
-					onClick: N((t) => B(e.id), ["stop"])
+					onClick: N((t) => L(e.id), ["stop"])
 				}, [...l[3] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -3706,11 +3732,11 @@ var ea = {
 					"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, ya))])
+				}, [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, ka))])
 			])]))), 128)), r.multiple && !r.readonly ? (x(), s("div", m({
 				key: 0,
-				class: ["add-card", { "is-drag": p.value }]
-			}, re), [...l[4] ||= [
+				class: ["add-card", { "is-drag": D(F) }]
+			}, D(I)), [...l[4] ||= [
 				c("span", {
 					class: "plus",
 					"aria-hidden": "true"
@@ -3726,22 +3752,22 @@ var ea = {
 				c("span", { class: "hint" }, "點擊或拖放檔案 · MP4 / MOV / WebM", -1)
 			]], 16)) : o("", !0)], 64))]),
 			(x(), a(t, { to: "body" }, [f(n, { name: "vi-modal" }, {
-				default: j(() => [D(_) ? (x(), s("div", {
+				default: j(() => [D(h) ? (x(), s("div", {
 					key: 0,
 					class: "vi-modal",
-					onClick: N(H, ["self"])
-				}, [c("div", ba, [c("div", xa, [h.value?.url ? (x(), s("video", {
+					onClick: N(z, ["self"])
+				}, [c("div", Aa, [c("div", ja, [p.value?.url ? (x(), s("video", {
 					key: 0,
-					src: h.value.url,
+					src: p.value.url,
 					controls: "",
 					autoplay: "",
 					playsinline: "",
 					controlslist: "nofullscreen nodownload noremoteplayback noplaybackrate",
 					disablepictureinpicture: ""
-				}, null, 8, Sa)) : (x(), s("div", Ca, " 示範影片 · 上傳真實檔案即可在此播放 "))]), c("div", wa, [c("div", Ta, [c("div", Ea, E(h.value ? P(h.value) : ""), 1), c("div", Da, E(U.value), 1)]), c("button", {
+				}, null, 8, Ma)) : (x(), s("div", Na, " 示範影片 · 上傳真實檔案即可在此播放 "))]), c("div", Pa, [c("div", Fa, [c("div", Ia, E(p.value ? k(p.value) : ""), 1), c("div", La, E(B.value), 1)]), c("button", {
 					class: "vi-modal-close",
 					"aria-label": "關閉",
-					onClick: H
+					onClick: z
 				}, [...l[5] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -3754,26 +3780,26 @@ var ea = {
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-414cc3f4"]]), ka = {
+}), [["__scopeId", "data-v-479d302a"]]), za = {
 	key: 0,
 	class: "head"
-}, Aa = ["textContent"], ja = {
+}, Ba = ["textContent"], Va = {
 	key: 1,
 	class: "count-chip"
-}, Ma = { class: "grid" }, Na = {
+}, Ha = { class: "grid" }, Ua = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, Pa = ["textContent"], Fa = ["textContent"], Ia = ["onClick"], La = ["src", "alt"], Ra = {
+}, Wa = ["textContent"], Ga = ["textContent"], Ka = ["onClick"], qa = ["src", "alt"], Ja = {
 	key: 1,
 	class: "placeholder-label"
-}, za = { class: "card-body" }, Ba = ["title"], Va = { class: "file-meta" }, Ha = { key: 0 }, Ua = {
+}, Ya = { class: "card-body" }, Xa = ["title"], Za = { class: "file-meta" }, Qa = { key: 0 }, $a = {
 	key: 1,
 	class: "dot-separator"
-}, Wa = { key: 2 }, Ga = { class: "card-actions" }, Ka = ["onClick"], qa = ["disabled", "onClick"], Ja = { class: "ii-modal-card" }, Ya = { class: "ii-modal-media" }, Xa = ["src", "alt"], Za = {
+}, eo = { key: 2 }, to = { class: "card-actions" }, no = ["onClick"], ro = ["disabled", "onClick"], io = { class: "ii-modal-card" }, ao = { class: "ii-modal-media" }, oo = ["src", "alt"], so = {
 	key: 1,
 	class: "ii-modal-ph"
-}, Qa = { class: "ii-modal-bar" }, $a = { class: "ii-modal-info" }, eo = { class: "modal-name" }, to = { class: "modal-meta" }, no = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, co = { class: "ii-modal-bar" }, lo = { class: "ii-modal-info" }, uo = { class: "modal-name" }, fo = { class: "modal-meta" }, po = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NImageSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3811,27 +3837,12 @@ var ea = {
 		"error"
 	],
 	setup(r, { emit: l }) {
-		let u = l, p = C(!1), h = C(null), [_, y, b] = $i(), { confirm: S } = Rt(), T = i(() => r.modelValue.length), O = (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", k = (e) => e.width && e.height ? e.width + "×" + e.height : "—", M = (e) => {
-			if (e.name) return e.name;
-			try {
-				let t = new URL(e.url, window.location.href).pathname;
-				return decodeURIComponent(t.split("/").filter(Boolean).pop() ?? "圖片");
-			} catch {
-				return "圖片";
-			}
-		}, P = (e) => {
-			e?.startsWith("blob:") && URL.revokeObjectURL(e);
-		}, F = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "i" + Math.random().toString(36).slice(2, 9), I = (e) => {
-			let t = r.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
-			if (t.length === 0) return e.type.startsWith("image/");
-			let n = e.type.toLowerCase(), i = e.name.toLowerCase();
-			return t.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? n.startsWith(e.slice(0, -1)) : n === e);
-		}, ee = (e) => {
+		let u = l, p = C(null), [h, _, y] = $i(), { confirm: b } = Rt(), S = !1, T = i(() => r.modelValue.length), O = (e) => ra(e, "圖片"), k = (e) => {
 			if (!e.url) return;
 			let t = new Image(), n = () => {
 				t.removeEventListener("load", i), t.removeEventListener("error", n), t.removeAttribute("src");
 			}, i = () => {
-				if (r.modelValue.some((t) => t.id === e.id)) {
+				if (!S && r.modelValue.some((t) => t.id === e.id)) {
 					let n = r.modelValue.map((n) => n.id === e.id ? {
 						...n,
 						width: t.naturalWidth,
@@ -3842,118 +3853,78 @@ var ea = {
 				n();
 			};
 			t.addEventListener("load", i), t.addEventListener("error", n), t.src = e.url;
-		}, te = /* @__PURE__ */ new Set();
+		}, M = /* @__PURE__ */ new Set();
 		A(() => r.modelValue, (e) => {
 			e.forEach((e) => {
-				!e.url || te.has(e.id) || (te.add(e.id), (e.width == null || e.height == null) && ee(e));
+				!e.url || M.has(e.id) || (M.add(e.id), (e.width == null || e.height == null) && k(e));
 			});
 		}, { immediate: !0 });
-		let L = (e) => {
-			if (r.disabled || r.readonly) return;
-			let t = [], n = !1;
-			if (Array.prototype.forEach.call(e, (e) => {
-				if (!I(e)) {
-					u("error", {
-						type: "type",
-						file: e
-					});
-					return;
-				}
-				if (r.maxSize > 0 && e.size > r.maxSize * 1024 * 1024) {
-					u("error", {
-						type: "size",
-						file: e
-					});
-					return;
-				}
-				if (!r.multiple && r.modelValue.length + t.length >= 1) {
-					n ||= (u("error", {
-						type: "count",
-						file: e
-					}), !0);
-					return;
-				}
-				t.push({
-					id: F(),
+		let { isDragging: P, dropZoneHandlers: F } = ca({
+			isBlocked: () => r.disabled || r.readonly,
+			accept: () => r.accept,
+			multiple: () => r.multiple,
+			onFiles: (e) => {
+				if (r.disabled || r.readonly) return;
+				let t = sa(e, {
+					accept: r.accept,
+					fallbackTypePrefix: "image/",
+					maxSize: r.maxSize,
+					remainingSlots: r.multiple ? Infinity : Math.max(0, 1 - r.modelValue.length),
+					onError: (e) => u("error", e)
+				});
+				if (t.length === 0) return;
+				let n = t.map((e) => ({
+					id: aa("i"),
 					file: e,
 					name: e.name,
 					size: e.size,
 					width: null,
 					height: null,
 					url: URL.createObjectURL(e)
+				})), i = [...r.modelValue, ...n];
+				u("update:modelValue", i), u("change", i), u("add", n), n.forEach((e) => {
+					M.add(e.id), k(e);
 				});
-			}), t.length === 0) return;
-			let i = [...r.modelValue, ...t];
-			u("update:modelValue", i), u("change", i), u("add", t), t.forEach((e) => {
-				te.add(e.id), ee(e);
-			});
-		}, R = async () => {
-			if (!(r.disabled || r.readonly)) if (r.multiple) {
-				let e = await $.input.custom(r.accept, !0);
-				if (e.length === 0) return;
-				L(e.map((e) => e.file));
-			} else {
-				let e = await $.input.custom(r.accept, !1);
-				if (!e) return;
-				L([e.file]);
 			}
-		}, z = async (e) => {
+		}), I = async (e) => {
 			if (r.disabled || r.readonly) return;
 			let t = r.modelValue.find((t) => t.id === e);
-			if (!t || !await S(`確定要移除「${M(t)}」嗎？`, {
+			if (!t || !await b(`確定要移除「${O(t)}」嗎？`, {
 				title: "移除圖片",
 				status: "danger",
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			P(t.url);
+			ia(t.url), M.delete(e);
 			let n = r.modelValue.filter((t) => t.id !== e);
 			u("update:modelValue", n), u("change", n), u("remove", t);
-		}, B = (e) => {
-			h.value = e, y();
-		}, V = () => {
-			b();
-		}, H = i(() => {
-			let e = h.value;
-			return e ? [e.size == null ? null : O(e.size), e.width && e.height ? k(e) : null].filter(Boolean).join(" · ") : "";
-		}), U = (e) => {
-			e.key === "Escape" && V();
-		}, W = "";
-		A(_, (e) => {
-			e ? (W = document.body.style.overflow, document.body.style.overflow = "hidden", document.addEventListener("keydown", U)) : (document.body.style.overflow = W, document.removeEventListener("keydown", U));
-		}), v(() => {
-			document.body.style.overflow = W, document.removeEventListener("keydown", U), r.autoRevoke && r.modelValue.forEach((e) => P(e.url));
+		}, L = (e) => {
+			p.value = e, _();
+		}, R = () => {
+			y();
+		}, z = i(() => {
+			let e = p.value;
+			return e ? [e.size == null ? null : ea(e.size), e.width && e.height ? na(e) : null].filter(Boolean).join(" · ") : "";
 		});
-		let ne = {
-			onClick: R,
-			onDragenter: (e) => {
-				r.disabled || r.readonly || (e.preventDefault(), p.value = !0);
-			},
-			onDragover: (e) => e.preventDefault(),
-			onDragleave: (e) => {
-				e.preventDefault(), p.value = !1;
-			},
-			onDrop: (e) => {
-				r.disabled || r.readonly || (e.preventDefault(), p.value = !1, e.dataTransfer?.files?.length && L(e.dataTransfer.files));
-			}
-		};
-		return (i, l) => (x(), s("div", { class: g(["image-input", {
+		return la(h, R), v(() => {
+			S = !0, r.autoRevoke && r.modelValue.forEach((e) => ia(e.url));
+		}), (i, l) => (x(), s("div", { class: g(["image-input", {
 			"is-disabled": r.disabled,
 			"is-readonly": r.readonly
 		}]) }, [
-			r.title || r.showCount ? (x(), s("div", ka, [r.title ? (x(), s("span", {
+			r.title || r.showCount ? (x(), s("div", za, [r.title ? (x(), s("span", {
 				key: 0,
 				class: "title",
 				textContent: E(r.title)
-			}, null, 8, Aa)) : o("", !0), r.showCount ? (x(), s("span", ja, E(T.value) + " 張", 1)) : o("", !0)])) : o("", !0),
-			c("div", Ma, [T.value === 0 ? (x(), s("div", m({
+			}, null, 8, Ba)) : o("", !0), r.showCount ? (x(), s("span", Va, E(T.value) + " 張", 1)) : o("", !0)])) : o("", !0),
+			c("div", Ha, [T.value === 0 ? (x(), s("div", m({
 				key: 0,
 				class: ["empty", {
-					"is-drag": p.value,
+					"is-drag": D(P),
 					"is-static": r.readonly
 				}]
-			}, r.readonly ? {} : ne), [
-				r.readonly ? o("", !0) : (x(), s("span", Na, [...l[0] ||= [c("svg", {
+			}, r.readonly ? {} : D(F)), [
+				r.readonly ? o("", !0) : (x(), s("span", Ua, [...l[0] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -3975,23 +3946,23 @@ var ea = {
 					}),
 					c("path", { d: "M21 15l-5-5L5 21" })
 				], -1)]])),
-				c("h3", { textContent: E(r.readonly ? "目前沒有圖片" : r.emptyTitle) }, null, 8, Pa),
+				c("h3", { textContent: E(r.readonly ? "目前沒有圖片" : r.emptyTitle) }, null, 8, Wa),
 				r.readonly ? o("", !0) : (x(), s("p", {
 					key: 1,
 					textContent: E(r.emptyHint)
-				}, null, 8, Fa))
+				}, null, 8, Ga))
 			], 16)) : (x(), s(e, { key: 1 }, [(x(!0), s(e, null, w(r.modelValue, (e) => (x(), s("div", {
 				key: e.id,
 				class: "card"
 			}, [c("div", {
 				class: g(["thumb", { placeholder: !e.url }]),
-				onClick: (t) => B(e)
+				onClick: (t) => L(e)
 			}, [e.url ? (x(), s("img", {
 				key: 0,
 				src: e.url,
-				alt: M(e),
+				alt: O(e),
 				loading: "lazy"
-			}, null, 8, La)) : (x(), s("div", Ra, "縮圖預覽")), l[1] ||= c("div", {
+			}, null, 8, qa)) : (x(), s("div", Ja, "縮圖預覽")), l[1] ||= c("div", {
 				class: "zoom",
 				"aria-hidden": "true"
 			}, [c("svg", {
@@ -4005,19 +3976,19 @@ var ea = {
 				cx: "11",
 				cy: "11",
 				r: "7"
-			}), c("path", { d: "m21 21-4.3-4.3M11 8v6M8 11h6" })])], -1)], 10, Ia), c("div", za, [
+			}), c("path", { d: "m21 21-4.3-4.3M11 8v6M8 11h6" })])], -1)], 10, Ka), c("div", Ya, [
 				c("div", {
 					class: "file-name",
-					title: M(e)
-				}, E(M(e)), 9, Ba),
-				c("div", Va, [
-					e.size == null ? o("", !0) : (x(), s("span", Ha, E(O(e.size)), 1)),
-					e.size != null && e.width && e.height ? (x(), s("span", Ua)) : o("", !0),
-					e.width && e.height ? (x(), s("span", Wa, E(k(e)), 1)) : o("", !0)
+					title: O(e)
+				}, E(O(e)), 9, Xa),
+				c("div", Za, [
+					e.size == null ? o("", !0) : (x(), s("span", Qa, E(D(ea)(e.size)), 1)),
+					e.size != null && e.width && e.height ? (x(), s("span", $a)) : o("", !0),
+					e.width && e.height ? (x(), s("span", eo, E(D(na)(e)), 1)) : o("", !0)
 				]),
-				c("div", Ga, [c("button", {
+				c("div", to, [c("button", {
 					class: "action preview",
-					onClick: (t) => B(e)
+					onClick: (t) => L(e)
 				}, [...l[2] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -4029,12 +4000,12 @@ var ea = {
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, Ka), r.readonly ? o("", !0) : (x(), s("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, no), r.readonly ? o("", !0) : (x(), s("button", {
 					key: 0,
 					class: "action delete",
 					"aria-label": "刪除",
 					disabled: r.disabled,
-					onClick: N((t) => z(e.id), ["stop"])
+					onClick: N((t) => I(e.id), ["stop"])
 				}, [...l[3] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -4042,11 +4013,11 @@ var ea = {
 					"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, qa))])
+				}, [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, ro))])
 			])]))), 128)), r.multiple && !r.readonly ? (x(), s("div", m({
 				key: 0,
-				class: ["add-card", { "is-drag": p.value }]
-			}, ne), [...l[4] ||= [
+				class: ["add-card", { "is-drag": D(P) }]
+			}, D(F)), [...l[4] ||= [
 				c("span", {
 					class: "plus",
 					"aria-hidden": "true"
@@ -4062,18 +4033,18 @@ var ea = {
 				c("span", { class: "hint" }, "點擊或拖放檔案 · JPG / PNG / WebP / GIF", -1)
 			]], 16)) : o("", !0)], 64))]),
 			(x(), a(t, { to: "body" }, [f(n, { name: "ii-modal" }, {
-				default: j(() => [D(_) ? (x(), s("div", {
+				default: j(() => [D(h) ? (x(), s("div", {
 					key: 0,
 					class: "ii-modal",
-					onClick: N(V, ["self"])
-				}, [c("div", Ja, [c("div", Ya, [h.value?.url ? (x(), s("img", {
+					onClick: N(R, ["self"])
+				}, [c("div", io, [c("div", ao, [p.value?.url ? (x(), s("img", {
 					key: 0,
-					src: h.value.url,
-					alt: h.value ? M(h.value) : ""
-				}, null, 8, Xa)) : (x(), s("div", Za, " 示範圖片 · 上傳真實檔案即可在此檢視 "))]), c("div", Qa, [c("div", $a, [c("div", eo, E(h.value ? M(h.value) : ""), 1), c("div", to, E(H.value), 1)]), c("button", {
+					src: p.value.url,
+					alt: p.value ? O(p.value) : ""
+				}, null, 8, oo)) : (x(), s("div", so, " 示範圖片 · 上傳真實檔案即可在此檢視 "))]), c("div", co, [c("div", lo, [c("div", uo, E(p.value ? O(p.value) : ""), 1), c("div", fo, E(z.value), 1)]), c("button", {
 					class: "ii-modal-close",
 					"aria-label": "關閉",
-					onClick: V
+					onClick: R
 				}, [...l[5] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -4086,40 +4057,40 @@ var ea = {
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-0531aeda"]]), ro = {
+}), [["__scopeId", "data-v-aa2d3585"]]), mo = {
 	key: 0,
 	class: "head"
-}, io = ["textContent"], ao = {
+}, ho = ["textContent"], go = {
 	key: 1,
 	class: "count-chip"
-}, oo = {
+}, _o = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, so = ["textContent"], co = ["textContent"], lo = {
+}, vo = ["textContent"], yo = ["textContent"], bo = {
 	key: 2,
 	class: "list"
-}, uo = [
+}, xo = [
 	"src",
 	"onLoadedmetadata",
 	"onTimeupdate",
 	"onEnded"
-], fo = [
+], So = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], po = {
+], Co = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, mo = {
+}, wo = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, ho = { class: "meta" }, go = ["title"], _o = { class: "sub" }, vo = ["onMousedown", "onTouchstart"], yo = {
+}, To = { class: "meta" }, Eo = ["title"], Do = { class: "sub" }, Oo = ["onMousedown", "onTouchstart"], ko = {
 	key: 1,
 	class: "track"
-}, bo = { class: "time" }, xo = ["disabled", "onClick"], So = { class: "meta" }, Co = { class: "name" }, wo = 256, To = 5, Eo = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Ao = { class: "time" }, jo = ["disabled", "onClick"], Mo = { class: "meta" }, No = { class: "name" }, Po = 30, Fo = 256, Io = 5, Lo = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NAudioSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -4166,40 +4137,28 @@ var ea = {
 				refCount: 1
 			};
 			return r.set(e, a), a;
-		}, l = (e, t) => {
+		}, l = () => {
+			let e = 0;
+			if (r.forEach((t) => {
+				t.refCount <= 0 && (e += 1);
+			}), !(e <= Po)) {
+				for (let [t, n] of r) if (!(n.refCount > 0) && (r.delete(t), --e, e <= Po)) break;
+			}
+		}, f = (e, t) => {
 			if (!e) return;
 			let n = r.get(e);
-			n && (--n.refCount, t && n.refCount <= 0 && r.delete(e));
-		}, f = n, { confirm: p } = Rt(), h = C(!1), y = C([]), b = C(null), T = S({}), D = S({}), O = S({}), k = /* @__PURE__ */ new Set(), j = /* @__PURE__ */ new Map(), M = (e, t, n) => {
-			a(e, t, n), j.set(e, (j.get(e) ?? 0) + 1);
-		}, P = (e, t) => {
+			n && (--n.refCount, n.refCount <= 0 && (t ? r.delete(e) : l()));
+		}, p = n, { confirm: h } = Rt(), y = C([]), b = !1, T = C(null), O = S({}), k = S({}), j = S({}), M = /* @__PURE__ */ new Set(), P = /* @__PURE__ */ new Map(), F = (e, t, n) => {
+			a(e, t, n), P.set(e, (P.get(e) ?? 0) + 1);
+		}, I = (e, t) => {
 			if (!e) return;
-			let n = j.get(e) ?? 0;
-			n <= 0 || (n === 1 ? j.delete(e) : j.set(e, n - 1), l(e, t));
-		}, F = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map(), ee = (e, t) => {
-			t ? F.set(e, t) : F.delete(e);
-		}, te = i(() => t.modelValue.length), L = (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", R = (e) => {
-			if (e == null || isNaN(e)) return "0:00";
-			let t = Math.floor(e), n = Math.floor(t / 60), r = t % 60;
-			return n + ":" + (r < 10 ? "0" : "") + r;
-		}, z = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "a" + Math.random().toString(36).slice(2, 9), B = (e) => {
-			if (e.name) return e.name;
-			try {
-				let t = new URL(e.url, window.location.href).pathname;
-				return decodeURIComponent(t.split("/").filter(Boolean).pop() ?? "音訊");
-			} catch {
-				return "音訊";
-			}
-		}, V = (e) => {
-			e?.startsWith("blob:") && URL.revokeObjectURL(e);
-		}, H = (e) => {
-			let n = t.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
-			if (n.length === 0) return e.type.startsWith("audio/");
-			let r = e.type.toLowerCase(), i = e.name.toLowerCase();
-			return n.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? r.startsWith(e.slice(0, -1)) : r === e);
-		}, U = null, W = () => (U ||= new (window.AudioContext || window.webkitAudioContext)(), U), ne = async (e) => {
-			let t = await W().decodeAudioData(e.slice(0)), n = t.getChannelData(0), r = Math.floor(n.length / wo) || 1, i = Array(wo), a = 0;
-			for (let e = 0; e < wo; e++) {
+			let n = P.get(e) ?? 0;
+			n <= 0 || (n === 1 ? P.delete(e) : P.set(e, n - 1), f(e, t));
+		}, L = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map(), z = (e, t) => {
+			t ? L.set(e, t) : L.delete(e);
+		}, B = i(() => t.modelValue.length), V = () => aa("a"), H = (e) => ra(e, "音訊"), U = null, W = () => (U ||= new (window.AudioContext || window.webkitAudioContext)(), U), G = async (e) => {
+			let t = await W().decodeAudioData(e.slice(0)), n = t.getChannelData(0), r = Math.floor(n.length / Fo) || 1, i = Array(Fo), a = 0;
+			for (let e = 0; e < Fo; 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]);
@@ -4208,212 +4167,178 @@ var ea = {
 				i[e] = t, t > a && (a = t);
 			}
 			let o = a > 0 ? 1 / a : 1;
-			for (let e = 0; e < wo; e++) i[e] = Math.max(.06, i[e] * o);
+			for (let e = 0; e < Fo; e++) i[e] = Math.max(.06, i[e] * o);
 			return {
 				peaks: i,
 				duration: t.duration
 			};
-		}, re = (e) => e.arrayBuffer().then((e) => ne(e)), G = (e) => {
-			let t = I.get(e), n = T[e];
+		}, K = (e) => e.arrayBuffer().then((e) => G(e)), ee = (e) => {
+			let t = R.get(e), n = O[e];
 			if (!t || !n) return;
 			let r = t.clientWidth;
 			if (r <= 0) {
-				requestAnimationFrame(() => G(e));
+				te || requestAnimationFrame(() => ee(e));
 				return;
 			}
-			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / To)));
-			if (D[e] && D[e].length === i) return;
+			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / Io)));
+			if (k[e] && k[e].length === i) return;
 			let a = Array(i);
 			for (let e = 0; e < i; e++) {
 				let t = Math.floor(e * n.length / i), r = Math.max(t + 1, Math.floor((e + 1) * n.length / i)), o = 0;
 				for (let e = t; e < r; e++) n[e] > o && (o = n[e]);
 				a[e] = o;
 			}
-			D[e] = a;
-		}, K = typeof ResizeObserver < "u" ? new ResizeObserver((e) => {
+			k[e] = a;
+		}, te = typeof ResizeObserver < "u" ? new ResizeObserver((e) => {
 			e.forEach((e) => {
 				let t = e.target.dataset.waveId;
-				t && G(t);
+				t && ee(t);
 			});
-		}) : null, ie = (e, t) => {
-			let n = I.get(e);
-			if (n && K && K.unobserve(n), t) {
+		}) : null, q = (e, t) => {
+			let n = R.get(e);
+			if (n && te && te.unobserve(n), t) {
 				let n = t;
-				n.dataset.waveId = e, I.set(e, n), K ? K.observe(n) : G(e);
-			} else I.delete(e);
-		}, q = (e) => {
-			if (t.disabled || t.readonly) return;
-			let n = [], r = !1;
-			Array.prototype.forEach.call(e, (e) => {
-				if (!H(e)) {
-					f("error", {
-						type: "type",
-						file: e
-					});
-					return;
-				}
-				if (t.maxSize > 0 && e.size > t.maxSize * 1024 * 1024) {
-					f("error", {
-						type: "size",
-						file: e
-					});
-					return;
-				}
-				if (!t.multiple && t.modelValue.length + n.length + y.value.length >= 1) {
-					r ||= (f("error", {
-						type: "count",
-						file: e
-					}), !0);
-					return;
-				}
-				n.push(e);
-			}), n.length !== 0 && n.forEach((e) => {
-				let n = "p" + z();
-				y.value.push({
-					tag: n,
-					name: e.name
-				}), re(e).then(({ peaks: n, duration: r }) => {
-					let i = {
-						id: z(),
-						file: e,
-						name: e.name,
-						size: e.size,
-						duration: r,
-						url: URL.createObjectURL(e)
-					};
-					T[i.id] = n, O[i.id] = 0, k.add(i.id), M(i.url, n, r);
-					let a = [...t.modelValue, i];
-					f("update:modelValue", a), f("change", a), f("add", [i]);
-				}).catch(() => {
-					f("error", {
-						type: "type",
-						file: e
+				n.dataset.waveId = e, R.set(e, n), te ? te.observe(n) : ee(e);
+			} else R.delete(e);
+		}, { isDragging: ne, dropZoneHandlers: re } = ca({
+			isBlocked: () => t.disabled || t.readonly,
+			accept: () => t.accept,
+			multiple: () => t.multiple,
+			onFiles: (e) => {
+				if (t.disabled || t.readonly) return;
+				let n = sa(e, {
+					accept: t.accept,
+					fallbackTypePrefix: "audio/",
+					maxSize: t.maxSize,
+					remainingSlots: t.multiple ? Infinity : Math.max(0, 1 - t.modelValue.length - y.value.length),
+					onError: (e) => p("error", e)
+				});
+				n.length !== 0 && n.forEach((e) => {
+					let n = "p" + V();
+					y.value.push({
+						tag: n,
+						name: e.name
+					}), K(e).then(({ peaks: n, duration: r }) => {
+						if (b) return;
+						let i = {
+							id: V(),
+							file: e,
+							name: e.name,
+							size: e.size,
+							duration: r,
+							url: URL.createObjectURL(e)
+						};
+						O[i.id] = n, j[i.id] = 0, M.add(i.id), F(i.url, n, r);
+						let a = [...t.modelValue, i];
+						p("update:modelValue", a), p("change", a), p("add", [i]);
+					}).catch(() => {
+						b || p("error", {
+							type: "type",
+							file: e
+						});
+					}).finally(() => {
+						y.value = y.value.filter((e) => e.tag !== n);
 					});
-				}).finally(() => {
-					y.value = y.value.filter((e) => e.tag !== n);
 				});
-			});
-		}, ae = async () => {
-			if (!(t.disabled || t.readonly)) if (t.multiple) {
-				let e = await $.input.custom(t.accept, !0);
-				if (e.length === 0) return;
-				q(e.map((e) => e.file));
-			} else {
-				let e = await $.input.custom(t.accept, !1);
-				if (!e) return;
-				q([e.file]);
 			}
-		}, oe = async (e) => {
+		}), ie = async (e) => {
 			if (t.disabled || t.readonly) return;
 			let n = t.modelValue.find((t) => t.id === e);
-			if (!n || !await p(`確定要移除「${B(n)}」嗎？`, {
+			if (!n || !await h(`確定要移除「${H(n)}」嗎？`, {
 				title: "移除音訊",
 				status: "danger",
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			b.value === e && se(), V(n.url), P(n.url, !0), delete T[e], delete D[e], delete O[e], k.delete(e);
+			T.value === e && ae(), ia(n.url), I(n.url, !0), delete O[e], delete k[e], delete j[e], M.delete(e);
 			let r = t.modelValue.filter((t) => t.id !== e);
-			f("update:modelValue", r), f("change", r), f("remove", n);
-		}, se = () => {
-			let e = b.value;
-			e && F.get(e)?.pause(), b.value = null;
-		}, ce = (e) => {
-			let n = F.get(e);
+			p("update:modelValue", r), p("change", r), p("remove", n);
+		}, ae = () => {
+			let e = T.value;
+			e && L.get(e)?.pause(), T.value = null;
+		}, oe = (e) => {
+			let n = L.get(e);
 			if (!n) return;
-			if (b.value === e) {
-				n.pause(), b.value = null;
+			if (T.value === e) {
+				n.pause(), T.value = null;
 				return;
 			}
-			b.value && F.get(b.value)?.pause();
+			T.value && L.get(T.value)?.pause();
 			let r = t.modelValue.find((t) => t.id === e);
-			(n.ended || r?.duration && n.currentTime >= r.duration) && (n.currentTime = 0), b.value = e, n.play();
+			(n.ended || r?.duration && n.currentTime >= r.duration) && (n.currentTime = 0), T.value = e, n.play();
+		}, se = (e, t) => {
+			j[e] = t.target.currentTime;
+		}, ce = (e) => {
+			T.value === e && (T.value = null), j[e] = 0;
 		}, le = (e, t) => {
-			O[e] = t.target.currentTime;
-		}, ue = (e) => {
-			b.value === e && (b.value = null), O[e] = 0;
-		}, de = (e, t) => {
-			let n = F.get(e), r = I.get(e);
+			let n = L.get(e), r = R.get(e);
 			if (!n || !r || !n.duration || isNaN(n.duration)) return;
 			let i = r.getBoundingClientRect();
-			n.currentTime = Math.min(Math.max((t - i.left) / i.width, 0), 1) * n.duration, O[e] = n.currentTime;
-		}, fe = (e, n) => {
+			n.currentTime = Math.min(Math.max((t - i.left) / i.width, 0), 1) * n.duration, j[e] = n.currentTime;
+		}, ue = null, de = (e, n) => {
 			if (t.disabled) return;
-			n.preventDefault(), de(e, ("touches" in n ? n.touches[0] : n).clientX);
+			n.preventDefault(), le(e, ("touches" in n ? n.touches[0] : n).clientX);
 			let r = (t) => {
-				de(e, ("touches" in t ? t.touches[0] : t).clientX);
+				le(e, ("touches" in t ? t.touches[0] : t).clientX);
 			}, i = () => {
-				window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", i), window.removeEventListener("touchmove", r), window.removeEventListener("touchend", i);
+				window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", i), window.removeEventListener("touchmove", r), window.removeEventListener("touchend", i), window.removeEventListener("touchcancel", i), ue = null;
 			};
-			window.addEventListener("mousemove", r), window.addEventListener("mouseup", i), window.addEventListener("touchmove", r, { passive: !1 }), window.addEventListener("touchend", i);
-		}, pe = (e, t) => {
+			ue = i, window.addEventListener("mousemove", r), window.addEventListener("mouseup", i), window.addEventListener("touchmove", r, { passive: !1 }), window.addEventListener("touchend", i), window.addEventListener("touchcancel", i);
+		}, fe = (e, t) => {
 			if (!e.duration || isNaN(e.duration)) return !1;
-			let n = D[e.id]?.length || 0;
+			let n = k[e.id]?.length || 0;
 			if (n === 0) return !1;
-			let r = (O[e.id] || 0) / e.duration;
+			let r = (j[e.id] || 0) / e.duration;
 			return (t + .5) / n <= r;
-		}, me = (e) => !e.duration || isNaN(e.duration) ? 0 : Math.min(1, (O[e.id] || 0) / e.duration), he = (e, n) => {
+		}, pe = (e) => !e.duration || isNaN(e.duration) ? 0 : Math.min(1, (j[e.id] || 0) / e.duration), me = (e, n) => {
 			let r = t.modelValue.find((t) => t.id === e);
 			if (!r || r.duration != null) return;
 			let i = t.modelValue.map((t) => t.id === e ? {
 				...t,
 				duration: n
 			} : t);
-			f("update:modelValue", i), f("change", i);
-		}, ge = (e, n, r) => {
-			t.modelValue.some((t) => t.id === e) && (T[e] = n, G(e), he(e, r));
-		}, _e = async (e) => {
-			O[e.id] ?? (O[e.id] = 0);
+			p("update:modelValue", i), p("change", i);
+		}, he = (e, n, r) => {
+			t.modelValue.some((t) => t.id === e) && (O[e] = n, ee(e), me(e, r));
+		}, ge = async (e) => {
+			j[e.id] ?? (j[e.id] = 0);
 			let t = r.get(e.url);
 			if (t) {
-				M(e.url, t.peaks, t.duration), ge(e.id, t.peaks, t.duration);
+				F(e.url, t.peaks, t.duration), he(e.id, t.peaks, t.duration);
 				return;
 			}
 			try {
-				let { peaks: t, duration: n } = await ne(await (await fetch(e.url)).arrayBuffer());
-				M(e.url, t, n), ge(e.id, t, n);
+				let { peaks: t, duration: n } = await G(await (await fetch(e.url)).arrayBuffer());
+				if (b) return;
+				F(e.url, t, n), he(e.id, t, n);
 			} catch {}
-		}, ve = (e, t) => {
+		}, _e = (e, t) => {
 			let n = t.target.duration;
-			!isNaN(n) && isFinite(n) && he(e, n);
+			!isNaN(n) && isFinite(n) && me(e, n);
 		};
-		A(() => t.modelValue, (e) => {
+		return A(() => t.modelValue, (e) => {
 			e.forEach((e) => {
-				!e.url || k.has(e.id) || (k.add(e.id), T[e.id] || _e(e));
+				!e.url || M.has(e.id) || (M.add(e.id), O[e.id] || ge(e));
 			});
 		}, { immediate: !0 }), v(() => {
-			t.autoRevoke && t.modelValue.forEach((e) => V(e.url)), j.forEach((e, t) => {
-				for (let n = 0; n < e; n++) l(t, !1);
-			}), j.clear(), K?.disconnect(), U &&= (U.close(), null);
-		});
-		let J = {
-			onClick: ae,
-			onDragenter: (e) => {
-				t.disabled || t.readonly || (e.preventDefault(), h.value = !0);
-			},
-			onDragover: (e) => e.preventDefault(),
-			onDragleave: (e) => {
-				e.preventDefault(), h.value = !1;
-			},
-			onDrop: (e) => {
-				t.disabled || t.readonly || (e.preventDefault(), h.value = !1, e.dataTransfer?.files?.length && q(e.dataTransfer.files));
-			}
-		};
-		return (n, r) => (x(), s("div", { class: g(["audio-input", {
+			b = !0, ue?.(), t.autoRevoke && t.modelValue.forEach((e) => ia(e.url)), P.forEach((e, t) => {
+				for (let n = 0; n < e; n++) f(t, !1);
+			}), P.clear(), te?.disconnect(), U &&= (U.close(), null);
+		}), (n, r) => (x(), s("div", { class: g(["audio-input", {
 			"is-disabled": t.disabled,
 			"is-readonly": t.readonly
-		}]) }, [t.title || t.showCount ? (x(), s("div", ro, [t.title ? (x(), s("span", {
+		}]) }, [t.title || t.showCount ? (x(), s("div", mo, [t.title ? (x(), s("span", {
 			key: 0,
 			class: "title",
 			textContent: E(t.title)
-		}, null, 8, io)) : o("", !0), t.showCount ? (x(), s("span", ao, E(te.value) + " 首", 1)) : o("", !0)])) : o("", !0), te.value === 0 && y.value.length === 0 ? (x(), s("div", m({
+		}, null, 8, ho)) : o("", !0), t.showCount ? (x(), s("span", go, E(B.value) + " 首", 1)) : o("", !0)])) : o("", !0), B.value === 0 && y.value.length === 0 ? (x(), s("div", m({
 			key: 1,
 			class: ["empty", {
-				"is-drag": h.value,
+				"is-drag": D(ne),
 				"is-static": t.readonly
 			}]
-		}, t.readonly ? {} : J), [
-			t.readonly ? o("", !0) : (x(), s("span", oo, [...r[0] ||= [c("svg", {
+		}, t.readonly ? {} : D(re)), [
+			t.readonly ? o("", !0) : (x(), s("span", _o, [...r[0] ||= [c("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
@@ -4433,31 +4358,31 @@ var ea = {
 					r: "3"
 				})
 			], -1)]])),
-			c("h3", { textContent: E(t.readonly ? "目前沒有音訊" : t.emptyTitle) }, null, 8, so),
+			c("h3", { textContent: E(t.readonly ? "目前沒有音訊" : t.emptyTitle) }, null, 8, vo),
 			t.readonly ? o("", !0) : (x(), s("p", {
 				key: 1,
 				textContent: E(t.emptyHint)
-			}, null, 8, co))
-		], 16)) : (x(), s("div", lo, [
+			}, null, 8, yo))
+		], 16)) : (x(), s("div", bo, [
 			(x(!0), s(e, null, w(t.modelValue, (n) => (x(), s("div", {
 				key: n.id,
-				class: g(["row", { "is-playing": b.value === n.id }])
+				class: g(["row", { "is-playing": T.value === n.id }])
 			}, [
 				c("audio", {
 					ref_for: !0,
-					ref: (e) => ee(n.id, e),
+					ref: (e) => z(n.id, e),
 					src: n.url,
 					preload: "metadata",
-					onLoadedmetadata: (e) => ve(n.id, e),
-					onTimeupdate: (e) => le(n.id, e),
-					onEnded: (e) => ue(n.id)
-				}, null, 40, uo),
+					onLoadedmetadata: (e) => _e(n.id, e),
+					onTimeupdate: (e) => se(n.id, e),
+					onEnded: (e) => ce(n.id)
+				}, null, 40, xo),
 				c("button", {
 					class: "play-btn",
-					"aria-label": b.value === n.id ? "暫停" : "播放",
+					"aria-label": T.value === n.id ? "暫停" : "播放",
 					disabled: !n.url,
-					onClick: (e) => ce(n.id)
-				}, [b.value === n.id ? (x(), s("svg", po, [...r[1] ||= [c("rect", {
+					onClick: (e) => oe(n.id)
+				}, [T.value === n.id ? (x(), s("svg", Co, [...r[1] ||= [c("rect", {
 					x: "6",
 					y: "5",
 					width: "4",
@@ -4469,32 +4394,32 @@ var ea = {
 					width: "4",
 					height: "14",
 					rx: "1"
-				}, null, -1)]])) : (x(), s("svg", mo, [...r[2] ||= [c("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, fo),
-				c("div", ho, [c("div", {
+				}, null, -1)]])) : (x(), s("svg", wo, [...r[2] ||= [c("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, So),
+				c("div", To, [c("div", {
 					class: "name",
-					title: B(n)
-				}, E(B(n)), 9, go), c("div", _o, [n.size == null ? o("", !0) : (x(), s(e, { key: 0 }, [d(E(L(n.size)) + " · ", 1)], 64)), d(" " + E(R(n.duration)), 1)])]),
+					title: H(n)
+				}, E(H(n)), 9, Eo), c("div", Do, [n.size == null ? o("", !0) : (x(), s(e, { key: 0 }, [d(E(D(ea)(n.size)) + " · ", 1)], 64)), d(" " + E(D(ta)(n.duration)), 1)])]),
 				c("div", {
-					class: g(["wave", { "is-track": !D[n.id]?.length }]),
+					class: g(["wave", { "is-track": !k[n.id]?.length }]),
 					ref_for: !0,
-					ref: (e) => ie(n.id, e),
-					onMousedown: (e) => fe(n.id, e),
-					onTouchstart: (e) => fe(n.id, e)
-				}, [D[n.id]?.length ? (x(!0), s(e, { key: 0 }, w(D[n.id], (e, t) => (x(), s("span", {
+					ref: (e) => q(n.id, e),
+					onMousedown: (e) => de(n.id, e),
+					onTouchstart: (e) => de(n.id, e)
+				}, [k[n.id]?.length ? (x(!0), s(e, { key: 0 }, w(k[n.id], (e, t) => (x(), s("span", {
 					key: t,
-					class: g(["bar", { "is-played": pe(n, t) }]),
+					class: g(["bar", { "is-played": fe(n, t) }]),
 					style: _({ height: Math.max(2, Math.round(e * 34)) + "px" })
-				}, null, 6))), 128)) : (x(), s("div", yo, [c("div", {
+				}, null, 6))), 128)) : (x(), s("div", ko, [c("div", {
 					class: "track-fill",
-					style: _({ width: me(n) * 100 + "%" })
-				}, null, 4)]))], 42, vo),
-				c("div", bo, E(R(O[n.id] || 0)) + " / " + E(R(n.duration)), 1),
+					style: _({ width: pe(n) * 100 + "%" })
+				}, null, 4)]))], 42, Oo),
+				c("div", Ao, E(D(ta)(j[n.id] || 0)) + " / " + E(D(ta)(n.duration)), 1),
 				t.readonly ? o("", !0) : (x(), s("button", {
 					key: 0,
 					class: "del-btn",
 					"aria-label": "刪除",
 					disabled: t.disabled,
-					onClick: N((e) => oe(n.id), ["stop"])
+					onClick: N((e) => ie(n.id), ["stop"])
 				}, [...r[3] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -4502,7 +4427,7 @@ var ea = {
 					"stroke-width": "1.8",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [c("path", { d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14" })], -1)]], 8, xo))
+				}, [c("path", { d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14" })], -1)]], 8, jo))
 			], 2))), 128)),
 			(x(!0), s(e, null, w(y.value, (e) => (x(), s("div", {
 				key: e.tag,
@@ -4516,20 +4441,20 @@ var ea = {
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round"
-			}, [c("path", { d: "M12 3a9 9 0 1 0 9 9" })])], -1), c("div", So, [c("div", Co, E(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", Mo, [c("div", No, E(e.name), 1), r[4] ||= c("div", { class: "sub" }, "解析波形中…", -1)])]))), 128)),
 			t.multiple && !t.readonly ? (x(), s("div", m({
 				key: 0,
-				class: ["add", { "is-drag": h.value }]
-			}, J), [...r[6] ||= [u("<span class=\"plus\" aria-hidden=\"true\" data-v-a06aebbd><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" data-v-a06aebbd><path d=\"M12 5v14M5 12h14\" data-v-a06aebbd></path></svg></span><div class=\"add-text\" data-v-a06aebbd><div class=\"t\" data-v-a06aebbd>新增音訊</div><div class=\"d\" data-v-a06aebbd>點擊或拖放檔案 · MP3 / WAV / OGG / M4A</div></div>", 2)]], 16)) : o("", !0)
+				class: ["add", { "is-drag": D(ne) }]
+			}, D(re)), [...r[6] ||= [u("<span class=\"plus\" aria-hidden=\"true\" data-v-3def95e6><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" data-v-3def95e6><path d=\"M12 5v14M5 12h14\" data-v-3def95e6></path></svg></span><div class=\"add-text\" data-v-3def95e6><div class=\"t\" data-v-3def95e6>新增音訊</div><div class=\"d\" data-v-3def95e6>點擊或拖放檔案 · MP3 / WAV / OGG / M4A</div></div>", 2)]], 16)) : o("", !0)
 		]))], 2));
 	}
-}), [["__scopeId", "data-v-a06aebbd"]]), Do = { class: "header" }, Oo = { class: "brand-logo" }, ko = { class: "logo-text" }, Ao = { class: "logo-icon" }, jo = { class: "nav" }, Mo = ["onClick"], No = ["innerHTML"], Po = { class: "nav-list" }, Fo = ["href", "onClick"], Io = ["innerHTML"], Lo = { class: "nav-text" }, Ro = ["href", "onClick"], zo = { class: "title no-children" }, Bo = ["innerHTML"], Vo = { class: "user-capsule" }, Ho = { class: "user-avatar" }, Uo = ["src"], Wo = {
+}), [["__scopeId", "data-v-3def95e6"]]), Ro = { class: "header" }, zo = { class: "brand-logo" }, Bo = { class: "logo-text" }, Vo = { class: "logo-icon" }, Ho = { class: "nav" }, Uo = ["onClick"], Wo = ["innerHTML"], Go = { class: "nav-list" }, Ko = ["href", "onClick"], qo = ["innerHTML"], Jo = { class: "nav-text" }, Yo = ["href", "onClick"], Xo = { class: "title no-children" }, Zo = ["innerHTML"], Qo = { class: "user-capsule" }, $o = { class: "user-avatar" }, es = ["src"], ts = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "36",
 	height: "36",
 	viewBox: "0 0 36 36"
-}, Go = { class: "user-info" }, Ko = { class: "user-name-row" }, qo = { class: "user-name" }, Jo = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, ns = { class: "user-info" }, rs = { class: "user-name-row" }, is = { class: "user-name" }, as = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		title: { default: "" },
@@ -4582,8 +4507,8 @@ var ea = {
 				class: "content",
 				onMouseenter: v[2] ||= (e) => p.value = !0
 			}, [
-				T(r.$slots, "header", {}, () => [c("div", Do, [c("div", Oo, [c("span", ko, E(n.title), 1), c("span", Ao, E(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
-				c("div", jo, [(x(!0), s(e, null, w(n.menus, (t) => (x(), s(e, null, [t.children?.length ? (x(), s("div", {
+				T(r.$slots, "header", {}, () => [c("div", Ro, [c("div", zo, [c("span", Bo, E(n.title), 1), c("span", Vo, E(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
+				c("div", Ho, [(x(!0), s(e, null, w(n.menus, (t) => (x(), s(e, null, [t.children?.length ? (x(), s("div", {
 					key: 0,
 					class: g(["menu", {
 						open: D(i)(t.title),
@@ -4592,7 +4517,7 @@ var ea = {
 				}, [c("div", {
 					class: "title",
 					onClick: (e) => D(o)(t.title)
-				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, No), c("span", null, E(t.title), 1)]), v[6] ||= c("svg", {
+				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Wo), c("span", null, E(t.title), 1)]), v[6] ||= c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "14",
 					height: "14",
@@ -4603,24 +4528,24 @@ var ea = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "icon"
-				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Mo), c("div", Po, [c("div", null, [(x(!0), s(e, null, w(t.children, (e) => (x(), s("a", {
+				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Uo), c("div", Go, [c("div", null, [(x(!0), s(e, null, w(t.children, (e) => (x(), s("a", {
 					href: e.route,
 					onClick: N((t) => h(e), ["prevent"])
-				}, [c("div", { class: g(["nav-item", { active: D(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Io), c("span", Lo, E(e.title), 1)], 2)], 8, Fo))), 256))])])], 2)) : (x(), s("div", {
+				}, [c("div", { class: g(["nav-item", { active: D(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8, qo), c("span", Jo, E(e.title), 1)], 2)], 8, Ko))), 256))])])], 2)) : (x(), s("div", {
 					key: 1,
 					class: g(["menu", { active: t.route === n.currentPath }])
 				}, [c("a", {
 					href: t.route,
 					onClick: N((e) => _(t), ["prevent"])
-				}, [c("div", zo, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Bo), c("span", null, E(t.title), 1)])])], 8, Ro)], 2))], 64))), 256))]),
-				c("div", Vo, [T(r.$slots, "user", {}, () => [
-					c("div", Ho, [n.userAvatarUrl ? (x(), s("img", {
+				}, [c("div", Xo, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Zo), c("span", null, E(t.title), 1)])])], 8, Yo)], 2))], 64))), 256))]),
+				c("div", Qo, [T(r.$slots, "user", {}, () => [
+					c("div", $o, [n.userAvatarUrl ? (x(), s("img", {
 						key: 0,
 						src: n.userAvatarUrl,
 						alt: "User Avatar"
-					}, null, 8, Uo)) : (x(), s("svg", Wo, [...v[7] ||= [u("<defs data-v-2c73c218><clipPath id=\"avatarClip\" data-v-2c73c218><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-2c73c218></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-2c73c218></circle><g clip-path=\"url(#avatarClip)\" data-v-2c73c218><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-2c73c218></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-2c73c218></path></g>", 3)]]))]),
-					c("div", Go, [c("div", Ko, [c("span", qo, E(n.userName), 1)])]),
-					f(z, {
+					}, null, 8, es)) : (x(), s("svg", ts, [...v[7] ||= [u("<defs data-v-2c73c218><clipPath id=\"avatarClip\" data-v-2c73c218><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-2c73c218></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-2c73c218></circle><g clip-path=\"url(#avatarClip)\" data-v-2c73c218><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-2c73c218></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-2c73c218></path></g>", 3)]]))]),
+					c("div", ns, [c("div", rs, [c("span", is, E(n.userName), 1)])]),
+					f(V, {
 						class: "logout-btn",
 						intent: "error",
 						variant: "ghost",
@@ -4658,7 +4583,7 @@ var ea = {
 			}, null, 2)]))
 		], 34));
 	}
-}), [["__scopeId", "data-v-2c73c218"]]), Yo = { class: "layout" }, Xo = { class: "main-content" }, Zo = { class: "copyright" }, Qo = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-2c73c218"]]), os = { class: "layout" }, ss = { class: "main-content" }, cs = { class: "copyright" }, ls = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
 		title: { default: "NICKLABS" },
@@ -4674,7 +4599,7 @@ var ea = {
 	emits: ["logout", "navigate"],
 	setup(e, { emit: t }) {
 		let n = rn(), r = t;
-		return (t, i) => (x(), s("div", Yo, [e.isShowSidebar ? (x(), a(Jo, {
+		return (t, i) => (x(), s("div", os, [e.isShowSidebar ? (x(), a(as, {
 			key: 0,
 			title: e.title,
 			userName: e.userName,
@@ -4690,18 +4615,18 @@ var ea = {
 			"isOpen",
 			"menus",
 			"currentPath"
-		])) : o("", !0), c("main", Xo, [T(t.$slots, "default", {}, void 0, !0), c("div", Zo, E(e.copyright), 1)])]));
+		])) : o("", !0), c("main", ss, [T(t.$slots, "default", {}, void 0, !0), c("div", cs, E(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-41b1eb44"]]), $o = { class: "topbar" }, es = { class: "topbar-left" }, ts = { class: "topbar-right" }, ns = {
+}), [["__scopeId", "data-v-41b1eb44"]]), us = { class: "topbar" }, ds = { class: "topbar-left" }, fs = { class: "topbar-right" }, ps = {
 	key: 0,
 	class: "pill"
-}, rs = {
+}, ms = {
 	key: 0,
 	class: "name"
-}, is = {
+}, hs = {
 	key: 1,
 	class: "separator"
-}, as = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, gs = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -4726,7 +4651,7 @@ var ea = {
 		let n = t, r = () => {
 			document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
 		};
-		return (t, i) => (x(), s("header", $o, [c("div", es, [e.isShowSidebar ? (x(), a(z, {
+		return (t, i) => (x(), s("header", us, [c("div", ds, [e.isShowSidebar ? (x(), a(V, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -4747,7 +4672,7 @@ var ea = {
 				c("path", { d: "M4 19h16" })
 			], -1)]]),
 			_: 1
-		})) : o("", !0), e.isShowFullscreen ? (x(), a(z, {
+		})) : o("", !0), e.isShowFullscreen ? (x(), a(V, {
 			key: 1,
 			padding: "8px",
 			onClick: N(r, ["prevent"])
@@ -4769,10 +4694,10 @@ var ea = {
 				c("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 			], -1)]]),
 			_: 1
-		})) : o("", !0)]), c("div", ts, [e.isShowUser || e.isShowLogoutButton ? (x(), s("div", ns, [
-			e.isShowUser ? (x(), s("span", rs, "Nick")) : o("", !0),
-			e.isShowUser && e.isShowLogoutButton ? (x(), s("div", is)) : o("", !0),
-			e.isShowLogoutButton ? (x(), a(z, {
+		})) : o("", !0)]), c("div", fs, [e.isShowUser || e.isShowLogoutButton ? (x(), s("div", ps, [
+			e.isShowUser ? (x(), s("span", ms, "Nick")) : o("", !0),
+			e.isShowUser && e.isShowLogoutButton ? (x(), s("div", hs)) : o("", !0),
+			e.isShowLogoutButton ? (x(), a(V, {
 				key: 2,
 				variant: "mute",
 				intent: "error",
@@ -4797,10 +4722,10 @@ var ea = {
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-f38a4beb"]]), os = { class: "brand" }, ss = ["src", "alt"], cs = {
+}), [["__scopeId", "data-v-f38a4beb"]]), _s = { class: "brand" }, vs = ["src", "alt"], ys = {
 	key: 1,
 	class: "icon"
-}, ls = { key: 2 }, us = { key: 3 }, ds = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, bs = { key: 2 }, xs = { key: 3 }, Ss = /* @__PURE__ */ B(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -4818,15 +4743,15 @@ var ea = {
 			radius: "xl",
 			class: "card"
 		}, {
-			default: j(() => [c("div", os, [
+			default: j(() => [c("div", _s, [
 				t.value ? (x(), s("img", {
 					key: 0,
 					class: "logo-img",
 					src: e.logo,
 					alt: e.title
-				}, null, 8, ss)) : (x(), s("div", cs, E(e.logo), 1)),
-				e.title ? (x(), s("h1", ls, E(e.title), 1)) : o("", !0),
-				e.description ? (x(), s("p", us, E(e.description), 1)) : o("", !0)
+				}, null, 8, vs)) : (x(), s("div", ys, E(e.logo), 1)),
+				e.title ? (x(), s("h1", bs, E(e.title), 1)) : o("", !0),
+				e.description ? (x(), s("p", xs, E(e.description), 1)) : o("", !0)
 			]), T(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
@@ -4834,7 +4759,7 @@ var ea = {
 }), [["__scopeId", "data-v-f0866bc5"]]);
 //#endregion
 //#region src/composables/useRouteModal.ts
-function fs(e) {
+function Cs(e) {
 	let t = i(() => {
 		let t = I();
 		return t ? t.currentRoute.value.matched.some((t) => t.name === e.routeName) : !1;
@@ -4858,13 +4783,13 @@ function fs(e) {
 }
 //#endregion
 //#region src/index.ts
-var ps = {
-	NButton: z,
-	NBreadcrumb: re,
+var ws = {
+	NButton: V,
+	NBreadcrumb: te,
 	NInput: ce,
 	NTextarea: pe,
 	NCheckbox: ye,
-	NSelect: Oe,
+	NSelect: De,
 	NFileSelect: $t,
 	NForm: xn,
 	NList: or,
@@ -4880,18 +4805,18 @@ var ps = {
 	NDrawer: Ui,
 	NAlert: Qi,
 	NTable: nr,
-	NVideoSelect: Oa,
-	NImageSelect: no,
-	NAudioSelect: Eo,
-	NLayout: Qo,
-	NNavigation: as,
-	NSidebar: Jo,
+	NVideoSelect: Ra,
+	NImageSelect: po,
+	NAudioSelect: Lo,
+	NLayout: ls,
+	NNavigation: gs,
+	NSidebar: as,
 	NCard: Sn,
-	NLoginLayout: ds
-}, ms = { install(e, t = {}) {
-	Object.entries(ps).forEach(([t, n]) => {
+	NLoginLayout: Ss
+}, Ts = { install(e, t = {}) {
+	Object.entries(ws).forEach(([t, n]) => {
 		e.component(t, n);
 	}), t.router && F(t.router);
 } };
 //#endregion
-export { Qi as NAlert, Eo as NAudioSelect, z as NButton, Sn as NCard, ye as NCheckbox, wr as NCode, Mi as NDatePicker, Ui as NDrawer, Mn as NEmpty, $t as NFileSelect, xn as NForm, no as NImageSelect, ce as NInput, Qo as NLayout, or as NList, Un as NLoading, ds as NLoginLayout, Ri as NModal, as as NNavigation, Oe as NSelect, Jo as NSidebar, Er as NSwitch, nr as NTable, Dr as NTag, pe as NTextarea, hr as NToast, Ni as NTooltip, Oa as NVideoSelect, ms as NickLabsUI, Rt as useAlert, H as useBreadcrumb, $i as useDisclosure, fs as useRouteModal, rn as useSidebarManager, lr as useToast };
+export { Qi as NAlert, Lo as NAudioSelect, V as NButton, Sn as NCard, ye as NCheckbox, wr as NCode, Mi as NDatePicker, Ui as NDrawer, Mn as NEmpty, $t as NFileSelect, xn as NForm, po as NImageSelect, ce as NInput, ls as NLayout, or as NList, Un as NLoading, Ss as NLoginLayout, Ri as NModal, gs as NNavigation, De as NSelect, as as NSidebar, Er as NSwitch, nr as NTable, Dr as NTag, pe as NTextarea, hr as NToast, Ni as NTooltip, Ra as NVideoSelect, Ts as NickLabsUI, Rt as useAlert, W as useBreadcrumb, $i as useDisclosure, Cs as useRouteModal, rn as useSidebarManager, lr as useToast };