nicklabs-ui 1.0.79 → 1.0.80

package/dist/index.mjs

@@ -1017,52 +1017,189 @@ var bt = {
 			e > 0 && window.clearTimeout(e), e = window.setTimeout(t, n);
 		};
 	})() }
-}, It = { class: "file-select" }, Lt = ["textContent"], Rt = ["aria-disabled"], zt = { class: "inner" }, Bt = { class: "text" }, Vt = ["textContent"], Ht = ["textContent"], Ut = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, It = 0, Lt = S([]);
+function Rt() {
+	let e = function(e, t = {}) {
+		let n = ++It;
+		return new Promise((r) => {
+			Lt.push({
+				id: n,
+				type: "alert",
+				message: e,
+				resolve: () => r(),
+				status: t.status ?? "info",
+				title: t.title ?? "",
+				confirmText: t.confirmText ?? "確定"
+			});
+		});
+	};
+	e.success = (t, n = {}) => e(t, {
+		...n,
+		status: "success"
+	}), e.warning = (t, n = {}) => e(t, {
+		...n,
+		status: "warning"
+	}), e.danger = (t, n = {}) => e(t, {
+		...n,
+		status: "danger"
+	}), e.info = (t, n = {}) => e(t, {
+		...n,
+		status: "info"
+	});
+	function t(e, t = {}) {
+		return new Promise((n) => {
+			let r = ++It;
+			Lt.push({
+				id: r,
+				type: "confirm",
+				message: e,
+				resolve: n,
+				status: t.status ?? "question",
+				title: t.title ?? "",
+				confirmText: t.confirmText ?? "確定",
+				cancelText: t.cancelText ?? "取消"
+			});
+		});
+	}
+	function n() {
+		for (; Lt.length > 0;) Lt.shift().resolve(!1);
+	}
+	return {
+		alerts: Lt,
+		alert: e,
+		confirm: t,
+		clearAlerts: n
+	};
+}
+//#endregion
+//#region src/components/NFileSelect.vue?vue&type=script&setup=true&lang.ts
+var zt = {
+	key: 0,
+	class: "head"
+}, Bt = ["textContent"], Vt = {
+	key: 1,
+	class: "count-chip"
+}, 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({
 	__name: "NFileSelect",
 	props: {
+		modelValue: { default: () => [] },
+		accept: { default: "" },
 		multiple: {
 			type: Boolean,
 			default: !1
 		},
+		maxSize: { default: 0 },
 		disabled: {
 			type: Boolean,
 			default: !1
 		},
+		title: { default: "" },
+		showCount: {
+			type: Boolean,
+			default: !1
+		},
 		label: { default: "拖曳檔案至此處或點擊選擇檔案" },
-		hint: { default: "支援所有檔案格式" },
-		accept: { default: "" },
-		title: { default: "" }
+		hint: { default: "支援所有檔案格式" }
 	},
-	emits: ["change:file", "change:files"],
-	setup(e, { emit: t }) {
-		let n = t, r = async () => {
-			if (!e.disabled) try {
-				if (e.multiple) {
-					let t = await $.input.custom(e.accept, !0);
-					if (t.length === 0) return;
-					n("change:files", t);
-				} else {
-					let t = await $.input.custom(e.accept, !1);
-					if (!t) return;
-					n("change:file", t);
+	emits: [
+		"update:modelValue",
+		"change",
+		"add",
+		"remove",
+		"error"
+	],
+	setup(t, { emit: n }) {
+		let r = n, { confirm: a } = Rt(), l = C(!1), u = i(() => t.modelValue.length), d = (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", f = (e) => {
+			if (e.type) return e.type;
+			let t = e.name.lastIndexOf(".");
+			return t > 0 ? e.name.slice(t + 1).toUpperCase() : "—";
+		}, p = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "f" + Math.random().toString(36).slice(2, 9), h = (e) => {
+			let n = t.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
+			if (n.length === 0) return !0;
+			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);
+		}, _ = (e) => {
+			if (t.disabled) return;
+			let n = [], i = !1;
+			if (Array.prototype.forEach.call(e, (e) => {
+				if (!h(e)) {
+					r("error", {
+						type: "type",
+						file: e
+					});
+					return;
+				}
+				if (t.maxSize > 0 && e.size > t.maxSize * 1024 * 1024) {
+					r("error", {
+						type: "size",
+						file: e
+					});
+					return;
+				}
+				if (!t.multiple && t.modelValue.length + n.length >= 1) {
+					i ||= (r("error", {
+						type: "count",
+						file: e
+					}), !0);
+					return;
 				}
-			} catch (e) {
-				console.log(e);
+				n.push({
+					id: p(),
+					file: e,
+					name: e.name,
+					size: e.size,
+					type: e.type
+				});
+			}), n.length === 0) return;
+			let a = [...t.modelValue, ...n];
+			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);
+				if (e.length === 0) return;
+				_(e.map((e) => e.file));
+			} else {
+				let e = await $.input.custom(t.accept, !1);
+				if (!e) return;
+				_([e.file]);
+			}
+		}, y = async (e) => {
+			if (t.disabled) return;
+			let n = t.modelValue.find((t) => t.id === e);
+			if (!n || !await a(`確定要移除「${n.name}」嗎？`, {
+				title: "移除檔案",
+				status: "danger",
+				confirmText: "移除",
+				cancelText: "取消"
+			})) return;
+			let i = t.modelValue.filter((t) => t.id !== e);
+			r("update:modelValue", i), r("change", i), r("remove", n);
+		}, b = {
+			onClick: v,
+			onDragenter: (e) => {
+				t.disabled || (e.preventDefault(), l.value = !0);
+			},
+			onDragover: (e) => e.preventDefault(),
+			onDragleave: (e) => {
+				e.preventDefault(), l.value = !1;
+			},
+			onDrop: (e) => {
+				t.disabled || (e.preventDefault(), l.value = !1, e.dataTransfer?.files?.length && _(e.dataTransfer.files));
 			}
 		};
-		return (t, n) => (x(), s("div", It, [e.title ? (x(), s("div", {
+		return (n, r) => (x(), s("div", { class: g(["file-select", { "is-disabled": t.disabled }]) }, [t.title || t.showCount ? (x(), s("div", zt, [t.title ? (x(), s("span", {
 			key: 0,
-			class: "label",
-			textContent: E(e.title)
-		}, null, 8, Lt)) : o("", !0), c("div", {
-			class: g(["select", {
-				multiple: e.multiple,
-				disabled: e.disabled
-			}]),
+			class: "title",
+			textContent: E(t.title)
+		}, null, 8, Bt)) : o("", !0), t.showCount ? (x(), s("span", Vt, E(u.value) + " 個", 1)) : o("", !0)])) : o("", !0), u.value === 0 ? (x(), s("div", m({
+			key: 1,
+			class: ["empty", { "is-drag": l.value }],
 			tabindex: "0",
-			"aria-disabled": e.disabled ? "true" : void 0,
-			onClick: r
-		}, [c("div", zt, [n[0] ||= c("span", {
+			"aria-disabled": t.disabled ? "true" : void 0
+		}, b), [r[0] ||= c("span", {
 			class: "icon",
 			"aria-hidden": "true"
 		}, [c("svg", {
@@ -1075,47 +1212,94 @@ var bt = {
 			"stroke-linejoin": "round",
 			"stroke-width": "2",
 			d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
-		})])], -1), c("div", Bt, [c("p", {
+		})])], -1), c("div", Ut, [c("p", {
 			class: "label",
-			textContent: E(e.label)
-		}, null, 8, Vt), c("p", {
+			textContent: E(t.label)
+		}, null, 8, Wt), c("p", {
 			class: "hint",
-			textContent: E(e.hint)
-		}, null, 8, Ht)])])], 10, Rt)]));
+			textContent: E(t.hint)
+		}, null, 8, Gt)])], 16, Ht)) : (x(), s("div", Kt, [(x(!0), s(e, null, w(t.modelValue, (e) => (x(), s("div", {
+			key: e.id,
+			class: "row"
+		}, [
+			r[2] ||= c("span", {
+				class: "file-icon",
+				"aria-hidden": "true"
+			}, [c("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "1.8",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [c("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), c("path", { d: "M14 2v6h6" })])], -1),
+			c("div", qt, [c("div", {
+				class: "name",
+				title: e.name
+			}, E(e.name), 9, Jt), c("div", Yt, E(d(e.size)) + " · " + E(f(e)), 1)]),
+			c("button", {
+				class: "del-btn",
+				"aria-label": "刪除",
+				disabled: t.disabled,
+				onClick: N((t) => y(e.id), ["stop"])
+			}, [...r[1] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "1.8",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [c("path", { d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14" })], -1)]], 8, Xt)
+		]))), 128)), t.multiple ? (x(), s("div", m({
+			key: 0,
+			class: ["add", { "is-drag": l.value }]
+		}, b), [r[4] ||= c("span", {
+			class: "plus",
+			"aria-hidden": "true"
+		}, [c("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.8",
+			"stroke-linecap": "round"
+		}, [c("path", { d: "M12 5v14M5 12h14" })])], -1), c("div", Zt, [r[3] ||= c("div", { class: "t" }, "新增檔案", -1), c("div", {
+			class: "d",
+			textContent: E(t.hint)
+		}, null, 8, Qt)])], 16)) : o("", !0)]))], 2));
 	}
-}), [["__scopeId", "data-v-ef36f4d5"]]), Wt = C(!1), Gt = (e, t) => e.children?.some((e) => e.route === t) ?? !1, Kt = (e, t) => e.route === t;
-function qt(e = "default") {
+}), [["__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, {}));
-	Wt.value = $.store.get("NSidebar:expanded", !1);
+	en.value = $.store.get("NSidebar:expanded", !1);
 	let r = (e) => !!n[e];
 	return {
 		isMenuExpanded: r,
 		toggleMenu: (e) => {
 			n[e] = !r(e), $.store.set(t, n);
 		},
-		isSidebarExpanded: () => Wt.value,
+		isSidebarExpanded: () => en.value,
 		toggleSidebar: () => {
-			Wt.value = !Wt.value, $.store.set("NSidebar:expanded", Wt.value);
+			en.value = !en.value, $.store.set("NSidebar:expanded", en.value);
 		},
 		setMenuActiveResolver: (e) => {
-			Gt = e;
+			tn = e;
 		},
 		setItemActiveResolver: (e) => {
-			Kt = e;
+			nn = e;
 		},
-		resolveMenuActive: Gt,
-		resolveItemActive: Kt
+		resolveMenuActive: tn,
+		resolveItemActive: nn
 	};
 }
 //#endregion
 //#region src/layouts/NHeroSection.vue?vue&type=script&setup=true&lang.ts
-var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt = { class: "header" }, Zt = ["innerHTML"], Qt = { class: "body" }, $t = { class: "title-section" }, en = { class: "title" }, tn = { key: 0 }, nn = {
+var an = { class: "hero-section-container" }, on = { class: "hero-section" }, sn = { class: "header" }, cn = ["innerHTML"], ln = { class: "body" }, un = { class: "title-section" }, dn = { class: "title" }, fn = { key: 0 }, pn = {
 	key: 1,
 	class: "description"
-}, rn = {
+}, mn = {
 	key: 0,
 	class: "toolbar"
-}, an = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, hn = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NHeroSection",
 	props: {
 		icon: { default: "" },
@@ -1123,11 +1307,11 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 		description: { default: "" }
 	},
 	setup(e) {
-		let t = qt();
-		return (n, r) => (x(), s("div", Jt, [c("div", Yt, [
+		let t = rn();
+		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", Xt, [f(z, {
+			c("div", sn, [f(z, {
 				class: "sidebar-toggle-button",
 				padding: "8px",
 				intent: "none",
@@ -1155,14 +1339,14 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 				key: 0,
 				class: "icon-bg",
 				innerHTML: e.icon
-			}, null, 8, Zt)) : o("", !0),
-			c("div", Qt, [c("div", $t, [c("div", en, [e.title ? (x(), s("h1", tn, E(e.title), 1)) : o("", !0), n.$slots.description || e.description ? (x(), s("div", nn, [T(n.$slots, "description", {}, () => [d(E(e.description), 1)], !0)])) : o("", !0)])]), n.$slots.toolbar ? (x(), s("div", rn, [T(n.$slots, "toolbar", {}, void 0, !0)])) : o("", !0)])
+			}, null, 8, cn)) : o("", !0),
+			c("div", ln, [c("div", un, [c("div", dn, [e.title ? (x(), s("h1", fn, E(e.title), 1)) : o("", !0), n.$slots.description || e.description ? (x(), s("div", pn, [T(n.$slots, "description", {}, () => [d(E(e.description), 1)], !0)])) : o("", !0)])]), n.$slots.toolbar ? (x(), s("div", mn, [T(n.$slots, "toolbar", {}, void 0, !0)])) : o("", !0)])
 		])]));
 	}
-}), [["__scopeId", "data-v-6fef1cae"]]), on = { class: "content-container" }, sn = {
+}), [["__scopeId", "data-v-6fef1cae"]]), gn = { class: "content-container" }, _n = {
 	key: 0,
 	class: "nav-tabs"
-}, cn = ["textContent", "onClick"], ln = { class: "tab-content" }, un = { class: "footer" }, dn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, vn = ["textContent", "onClick"], yn = { class: "tab-content" }, bn = { class: "footer" }, xn = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NForm",
 	props: {
 		model: { default: () => ({}) },
@@ -1187,7 +1371,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 		}, m = () => {
 			t.disabled || r("reset");
 		};
-		return (n, i) => (x(), s("div", on, [T(n.$slots, "heroSection", {}, () => [f(an, {
+		return (n, i) => (x(), s("div", gn, [T(n.$slots, "heroSection", {}, () => [f(hn, {
 			icon: t.icon,
 			title: t.title,
 			description: t.description
@@ -1206,19 +1390,19 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 			onSubmit: N(p, ["prevent"]),
 			onReset: N(m, ["prevent"])
 		}, [
-			t.tabs.length > 0 ? (x(), s("div", sn, [(x(!0), s(e, null, w(t.tabs, (e, t) => (x(), s("button", {
+			t.tabs.length > 0 ? (x(), s("div", _n, [(x(!0), s(e, null, w(t.tabs, (e, t) => (x(), s("button", {
 				key: `${e}${t}`,
 				class: g(["nav-link", { active: d.value === t }]),
 				textContent: E(e),
 				onClick: () => {
 					u.value = t, D($).store.set(a, t), r("update:modelValue", t);
 				}
-			}, null, 10, cn))), 128))])) : o("", !0),
-			c("div", ln, [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", un, [T(n.$slots, "footer", {}, void 0, !0)])
+			}, 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"]]), fn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-fc11e625"]]), Sn = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NCard",
 	props: {
 		size: { default: "md" },
@@ -1230,13 +1414,13 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 			[`radius-${e.radius}`]: !0
 		}]) }, [T(t.$slots, "default", {}, void 0, !0)], 2));
 	}
-}), [["__scopeId", "data-v-56a18223"]]), pn = {
+}), [["__scopeId", "data-v-56a18223"]]), Cn = {
 	key: 0,
 	class: "paginate"
-}, mn = { class: "summary" }, hn = { class: "pages" }, gn = {
+}, wn = { class: "summary" }, Tn = { class: "pages" }, En = {
 	key: 1,
 	class: "separator"
-}, _n = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Dn = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NPaginate",
 	props: {
 		totalItems: {},
@@ -1272,7 +1456,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 			let t = Math.min(Math.max(1, e), u.value);
 			l.value !== t && (l.value = t, r("onPageChange", l.value));
 		}
-		return (n, r) => t.totalItems > 0 ? (x(), s("div", pn, [c("span", mn, "第 " + E(l.value) + " / " + E(u.value) + " 頁，共 " + E(t.totalItems) + " 筆", 1), c("div", hn, [
+		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, {
 				variant: "outline",
 				padding: "",
@@ -1309,7 +1493,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 				"variant",
 				"intent",
 				"onClick"
-			])) : (x(), s("span", gn, "…"))], 64))), 128)),
+			])) : (x(), s("span", En, "…"))], 64))), 128)),
 			f(z, {
 				variant: "outline",
 				padding: "",
@@ -1333,13 +1517,13 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 			}, 8, ["disabled"])
 		])])) : o("", !0);
 	}
-}), [["__scopeId", "data-v-a191a116"]]), vn = ["innerHTML"], yn = { class: "title" }, bn = {
+}), [["__scopeId", "data-v-a191a116"]]), On = ["innerHTML"], kn = { class: "title" }, An = {
 	key: 1,
 	class: "description"
-}, xn = {
+}, jn = {
 	key: 2,
 	class: "action"
-}, Sn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Mn = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NEmpty",
 	props: {
 		title: { default: "目前沒有資料" },
@@ -1353,37 +1537,37 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 				key: 0,
 				class: "icon",
 				innerHTML: e.icon
-			}, null, 8, vn)) : o("", !0),
-			c("p", yn, E(e.title), 1),
-			e.description ? (x(), s("p", bn, E(e.description), 1)) : o("", !0),
-			t.$slots.default ? (x(), s("div", xn, [T(t.$slots, "default", {}, void 0, !0)])) : o("", !0)
+			}, null, 8, On)) : o("", !0),
+			c("p", kn, E(e.title), 1),
+			e.description ? (x(), s("p", An, E(e.description), 1)) : o("", !0),
+			t.$slots.default ? (x(), s("div", jn, [T(t.$slots, "default", {}, void 0, !0)])) : o("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-b9482c23"]]), Cn = {
+}), [["__scopeId", "data-v-b9482c23"]]), Nn = {
 	key: 0,
 	class: "loading-fullscreen"
-}, wn = { class: "content" }, Tn = {
+}, Pn = { class: "content" }, Fn = {
 	key: 0,
 	class: "title"
-}, En = {
+}, In = {
 	key: 1,
 	class: "loading-wrapper"
-}, Dn = {
+}, Ln = {
 	key: 0,
 	class: "overlay"
-}, On = { class: "content" }, kn = {
+}, Rn = { class: "content" }, zn = {
 	key: 0,
 	class: "title"
-}, An = {
+}, Bn = {
 	key: 0,
 	class: "loading-inline"
-}, jn = {
+}, Vn = {
 	key: 0,
 	class: "title"
-}, Mn = {
+}, Hn = {
 	key: 0,
 	class: "title"
-}, Nn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Un = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NLoading",
 	props: {
 		loading: {
@@ -1406,42 +1590,42 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 			key: 0,
 			to: "body"
 		}, [f(n, { name: "fade" }, {
-			default: j(() => [r.loading ? (x(), s("div", Cn, [c("div", wn, [l[0] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+			default: j(() => [r.loading ? (x(), s("div", Nn, [c("div", Pn, [l[0] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
 				cx: "25",
 				cy: "25",
 				r: "20",
 				fill: "none",
 				"stroke-width": "4"
-			})])], -1), r.title ? (x(), s("p", Tn, E(r.title), 1)) : o("", !0)])])) : o("", !0)]),
+			})])], -1), r.title ? (x(), s("p", Fn, E(r.title), 1)) : o("", !0)])])) : o("", !0)]),
 			_: 1
-		})])) : r.overlay ? (x(), s("div", En, [T(i.$slots, "default", {}, void 0, !0), f(n, { name: "fade" }, {
-			default: j(() => [r.loading ? (x(), s("div", Dn, [c("div", On, [l[1] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+		})])) : r.overlay ? (x(), s("div", In, [T(i.$slots, "default", {}, void 0, !0), f(n, { name: "fade" }, {
+			default: j(() => [r.loading ? (x(), s("div", Ln, [c("div", Rn, [l[1] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
 				cx: "25",
 				cy: "25",
 				r: "20",
 				fill: "none",
 				"stroke-width": "4"
-			})])], -1), r.title ? (x(), s("p", kn, E(r.title), 1)) : o("", !0)])])) : o("", !0)]),
+			})])], -1), r.title ? (x(), s("p", zn, E(r.title), 1)) : o("", !0)])])) : o("", !0)]),
 			_: 1
-		})])) : (x(), s(e, { key: 2 }, [r.loading ? (x(), s("div", An, [r.variant === "spinner" ? (x(), s(e, { key: 0 }, [l[2] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
+		})])) : (x(), s(e, { key: 2 }, [r.loading ? (x(), s("div", Bn, [r.variant === "spinner" ? (x(), s(e, { key: 0 }, [l[2] ||= c("div", { class: "spinner" }, [c("svg", { viewBox: "0 0 50 50" }, [c("circle", {
 			cx: "25",
 			cy: "25",
 			r: "20",
 			fill: "none",
 			"stroke-width": "4"
-		})])], -1), r.title ? (x(), s("p", jn, E(r.title), 1)) : o("", !0)], 64)) : o("", !0), r.variant === "dots" ? (x(), s(e, { key: 1 }, [l[3] ||= c("div", { class: "dots" }, [
+		})])], -1), r.title ? (x(), s("p", Vn, E(r.title), 1)) : o("", !0)], 64)) : o("", !0), r.variant === "dots" ? (x(), s(e, { key: 1 }, [l[3] ||= c("div", { class: "dots" }, [
 			c("span"),
 			c("span"),
 			c("span")
-		], -1), r.title ? (x(), s("p", Mn, E(r.title), 1)) : o("", !0)], 64)) : o("", !0)])) : T(i.$slots, "default", { key: 1 }, void 0, !0)], 64));
+		], -1), r.title ? (x(), s("p", Hn, E(r.title), 1)) : o("", !0)], 64)) : o("", !0)])) : T(i.$slots, "default", { key: 1 }, void 0, !0)], 64));
 	}
-}), [["__scopeId", "data-v-f3aa02fe"]]), Pn = { class: "table-scroll" }, Fn = {
+}), [["__scopeId", "data-v-f3aa02fe"]]), Wn = { class: "table-scroll" }, Gn = {
 	key: 0,
 	class: "batch"
-}, In = ["onClick"], Ln = { class: "th-content" }, Rn = {
+}, Kn = ["onClick"], qn = { class: "th-content" }, Jn = {
 	key: 0,
 	class: "sort-icon"
-}, zn = {
+}, Yn = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1449,7 +1633,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Bn = {
+}, Xn = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1457,7 +1641,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Vn = {
+}, Zn = {
 	key: 2,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1465,13 +1649,13 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Hn = {
+}, Qn = {
 	key: 1,
 	class: "actions"
-}, Un = { key: 0 }, Wn = ["onClick"], Gn = {
+}, $n = { key: 0 }, er = ["onClick"], tr = {
 	key: 0,
 	class: "actions"
-}, Kn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, nr = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NTable",
 	props: {
 		columns: { default: () => [] },
@@ -1500,37 +1684,37 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 		}), a = (e) => {
 			e.sortable && (i.value.key === e.key ? i.value.order = i.value.order === "asc" ? "desc" : "asc" : (i.value.key = e.key, i.value.order = "asc"), r("sort", { ...i.value }));
 		};
-		return (n, l) => (x(), s("div", { class: g(["table", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [f(Nn, {
+		return (n, l) => (x(), s("div", { class: g(["table", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [f(Un, {
 			loading: t.loading,
 			overlay: ""
 		}, {
-			default: j(() => [c("div", Pn, [c("table", null, [c("thead", null, [c("tr", null, [
-				n.$slots.batch ? (x(), s("th", Fn, [T(n.$slots, "batch", {}, void 0, !0)])) : o("", !0),
+			default: j(() => [c("div", Wn, [c("table", null, [c("thead", null, [c("tr", null, [
+				n.$slots.batch ? (x(), s("th", Gn, [T(n.$slots, "batch", {}, void 0, !0)])) : o("", !0),
 				(x(!0), s(e, null, w(t.columns, (e) => (x(), s("th", {
 					key: e.key,
 					class: g({ sortable: e.sortable }),
 					onClick: (t) => a(e)
-				}, [c("span", Ln, [d(E(e.label) + " ", 1), e.sortable ? (x(), s("span", Rn, [i.value.key !== e.key || i.value.order === null ? (x(), s("svg", zn, [...l[0] ||= [c("path", { d: "M8 9l4-4 4 4" }, null, -1), c("path", { d: "M16 15l-4 4-4-4" }, null, -1)]])) : i.value.order === "asc" ? (x(), s("svg", Bn, [...l[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (x(), s("svg", Vn, [...l[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, In))), 128)),
-				n.$slots.actions ? (x(), s("th", Hn, [T(n.$slots, "actions-header", {}, () => [l[3] ||= d("操作", -1)], !0)])) : o("", !0)
-			])]), !t.loading && t.items.length > 0 ? (x(), s("tbody", Un, [(x(!0), s(e, null, w(t.items, (e, i) => (x(), s("tr", {
+				}, [c("span", qn, [d(E(e.label) + " ", 1), e.sortable ? (x(), s("span", Jn, [i.value.key !== e.key || i.value.order === null ? (x(), s("svg", Yn, [...l[0] ||= [c("path", { d: "M8 9l4-4 4 4" }, null, -1), c("path", { d: "M16 15l-4 4-4-4" }, null, -1)]])) : i.value.order === "asc" ? (x(), s("svg", Xn, [...l[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (x(), s("svg", Zn, [...l[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, Kn))), 128)),
+				n.$slots.actions ? (x(), s("th", Qn, [T(n.$slots, "actions-header", {}, () => [l[3] ||= d("操作", -1)], !0)])) : o("", !0)
+			])]), !t.loading && t.items.length > 0 ? (x(), s("tbody", $n, [(x(!0), s(e, null, w(t.items, (e, i) => (x(), s("tr", {
 				key: e[t.itemKey] ?? i,
 				onClick: (t) => r("click", e)
 			}, [T(n.$slots, "item", {
 				index: i,
 				item: e,
 				column: t.columns[i]
-			}, void 0, !0), n.$slots.actions ? (x(), s("td", Gn, [T(n.$slots, "actions", {
+			}, void 0, !0), n.$slots.actions ? (x(), s("td", tr, [T(n.$slots, "actions", {
 				index: i,
 				item: e,
 				column: t.columns[i]
-			}, void 0, !0)])) : o("", !0)], 8, Wn))), 128))])) : o("", !0)])])]),
+			}, void 0, !0)])) : o("", !0)], 8, er))), 128))])) : o("", !0)])])]),
 			_: 3
-		}, 8, ["loading"]), t.items.length === 0 ? T(n.$slots, "empty", { key: 0 }, () => [f(Sn, {
+		}, 8, ["loading"]), t.items.length === 0 ? T(n.$slots, "empty", { key: 0 }, () => [f(Mn, {
 			title: t.emptyTitle,
 			description: t.emptyDescription
 		}, null, 8, ["title", "description"])], !0) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-77619033"]]), qn = { class: "content-container" }, Jn = { key: 0 }, Yn = { class: "actions" }, Xn = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-77619033"]]), rr = { class: "content-container" }, ir = { key: 0 }, ar = { class: "actions" }, or = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NList",
 	props: {
 		title: { default: "" },
@@ -1600,7 +1784,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 		function _() {
 			r.value.clear();
 		}
-		return (t, r) => (x(), s("div", qn, [T(t.$slots, "heroSection", {}, () => [f(an, {
+		return (t, r) => (x(), s("div", rr, [T(t.$slots, "heroSection", {}, () => [f(hn, {
 			icon: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n                    <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>\n                </svg>",
 			title: e.title,
 			description: e.description
@@ -1696,11 +1880,11 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 				})) : o("", !0)
 			]),
 			key: "0"
-		} : void 0]), 1032, ["title", "description"])], !0), f(fn, {
+		} : void 0]), 1032, ["title", "description"])], !0), f(Sn, {
 			size: "none",
 			radius: "xl"
 		}, {
-			default: j(() => [f(Kn, {
+			default: j(() => [f(nr, {
 				columns: e.columns,
 				items: e.items,
 				hoverable: "",
@@ -1723,7 +1907,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 				} : void 0,
 				t.$slots.item ? {
 					name: "item",
-					fn: j(({ item: n, column: r, index: i }) => [e.batchDeletable ? (x(), s("td", Jn, [f(xe, {
+					fn: j(({ item: n, column: r, index: i }) => [e.batchDeletable ? (x(), s("td", ir, [f(xe, {
 						onClick: N((e) => h(n), ["stop"]),
 						"model-value": p(n.id)
 					}, null, 8, ["onClick", "model-value"])])) : o("", !0), T(t.$slots, "item", {
@@ -1738,7 +1922,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 					fn: j(({ item: r, index: i }) => [T(t.$slots, "actions", {
 						item: r,
 						index: i
-					}, () => [c("div", Yn, [e.updatable ? (x(), a(z, {
+					}, () => [c("div", ar, [e.updatable ? (x(), a(z, {
 						key: 0,
 						variant: "outline",
 						onClick: N(() => n("update", r), ["stop"])
@@ -1768,7 +1952,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 				"empty-icon",
 				"empty-title",
 				"empty-description"
-			]), e.items.length > 0 ? (x(), a(_n, {
+			]), e.items.length > 0 ? (x(), a(Dn, {
 				key: 0,
 				"total-items": e.totalItems,
 				"current-page": e.currentPage,
@@ -1784,11 +1968,11 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-66c8acf7"]]), Zn = 0, Qn = S([]);
-function $n() {
+}), [["__scopeId", "data-v-66c8acf7"]]), sr = 0, cr = S([]);
+function lr() {
 	let e = function(e, n = {}) {
-		let r = ++Zn, i = n.duration ?? 4e3;
-		Qn.push({
+		let r = ++sr, i = n.duration ?? 4e3;
+		cr.push({
 			id: r,
 			description: e,
 			status: n.status ?? "info",
@@ -1810,31 +1994,31 @@ function $n() {
 		status: "info"
 	});
 	function t(e) {
-		let t = Qn.findIndex((t) => t.id === e);
-		t !== -1 && Qn.splice(t, 1);
+		let t = cr.findIndex((t) => t.id === e);
+		t !== -1 && cr.splice(t, 1);
 	}
 	return {
-		toasts: Qn,
+		toasts: cr,
 		toast: e,
 		removeToast: t
 	};
 }
 //#endregion
 //#region src/components/NToast.vue?vue&type=script&setup=true&lang.ts
-var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
+var ur = { class: "icon-wrap" }, dr = ["innerHTML"], fr = {
 	key: 0,
 	class: "arc-timer",
 	viewBox: "0 0 36 36",
 	width: "36",
 	height: "36",
 	"shape-rendering": "geometricPrecision"
-}, rr = { class: "body" }, ir = {
+}, pr = { class: "body" }, mr = {
 	key: 0,
 	class: "title"
-}, ar = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, hr = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NToast",
 	setup(n) {
-		let { toasts: i } = $n(), l = {
+		let { toasts: i } = lr(), l = {
 			success: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M20 6 9 17l-5-5\"/>\n    </svg>",
 			danger: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n        <path d=\"m15 9-6 6\"/>\n        <path d=\"m9 9 6 6\"/>\n    </svg>",
 			warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"/>\n        <path d=\"M12 9v4\"/>\n        <path d=\"M12 17h.01\"/>\n    </svg>",
@@ -1848,10 +2032,10 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			default: j(() => [(x(!0), s(e, null, w(D(i), (e) => (x(), s("div", {
 				key: e.id,
 				class: g(["toast", [`${e.status}`]])
-			}, [c("div", er, [c("div", {
+			}, [c("div", ur, [c("div", {
 				class: "icon",
 				innerHTML: l[e.status]
-			}, null, 8, tr), e.duration > 0 ? (x(), s("svg", nr, [u[0] ||= c("circle", {
+			}, null, 8, dr), e.duration > 0 ? (x(), s("svg", fr, [u[0] ||= c("circle", {
 				class: "arc-track",
 				cx: "18",
 				cy: "18",
@@ -1863,17 +2047,17 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 				r: "16",
 				transform: "rotate(-90 18 18)",
 				style: _({ animationDuration: `${e.duration}ms` })
-			}, null, 4)])) : o("", !0)]), c("div", rr, [e.title ? (x(), s("p", ir, E(e.title), 1)) : o("", !0), e.description ? (x(), s("p", {
+			}, null, 4)])) : o("", !0)]), c("div", pr, [e.title ? (x(), s("p", mr, E(e.title), 1)) : o("", !0), e.description ? (x(), s("p", {
 				key: 1,
 				class: g(e.title ? "description" : "title")
 			}, E(e.description), 3)) : o("", !0)])], 2))), 128))]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-53892c5f"]]), or = { class: "code" }, sr = {
+}), [["__scopeId", "data-v-53892c5f"]]), gr = { class: "code" }, _r = {
 	key: 0,
 	class: "header"
-}, cr = { class: "language-label" }, lr = {
+}, vr = { class: "language-label" }, yr = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1884,7 +2068,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, ur = {
+}, br = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1895,10 +2079,10 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, dr = { class: "code-body" }, fr = {
+}, xr = { class: "code-body" }, Sr = {
 	key: 0,
 	class: "gutter"
-}, pr = ["textContent"], mr = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Cr = ["textContent"], wr = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NCode",
 	props: {
 		code: {},
@@ -1917,28 +2101,28 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 				}, 2e3);
 			} catch {}
 		}
-		return (i, l) => (x(), s("div", or, [(t.language, x(), s("div", sr, [c("span", cr, E(t.language || "code"), 1), c("button", {
+		return (i, l) => (x(), s("div", gr, [(t.language, x(), s("div", _r, [c("span", vr, E(t.language || "code"), 1), c("button", {
 			class: g(["copy-btn", { copied: n.value }]),
 			onClick: a
-		}, [n.value ? (x(), s("svg", ur, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (x(), s("svg", lr, [...l[0] ||= [c("rect", {
+		}, [n.value ? (x(), s("svg", br, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (x(), s("svg", yr, [...l[0] ||= [c("rect", {
 			x: "9",
 			y: "9",
 			width: "13",
 			height: "13",
 			rx: "2",
 			ry: "2"
-		}, null, -1), c("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]])), c("span", null, E(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div", dr, [t.showLineNumbers ? (x(), s("div", fr, [(x(!0), s(e, null, w(r.value, (e, t) => (x(), s("span", {
+		}, null, -1), c("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]])), c("span", null, E(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div", xr, [t.showLineNumbers ? (x(), s("div", Sr, [(x(!0), s(e, null, w(r.value, (e, t) => (x(), s("span", {
 			key: t,
 			class: "line-number"
 		}, E(t + 1), 1))), 128))])) : o("", !0), c("pre", {
 			class: "code-content",
 			textContent: E(t.code.trim())
-		}, null, 8, pr)])]));
+		}, null, 8, Cr)])]));
 	}
-}), [["__scopeId", "data-v-6fed5425"]]), hr = {
+}), [["__scopeId", "data-v-6fed5425"]]), Tr = {
 	key: 0,
 	class: "label"
-}, gr = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Er = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NSwitch",
 	props: {
 		modelValue: {
@@ -1963,7 +2147,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			let e = !n.modelValue;
 			r("update:modelValue", e), r("change", e);
 		};
-		return (t, n) => (x(), s("div", { class: g(["switch-wrapper", { inline: e.inline }]) }, [e.title ? (x(), s("label", hr, E(e.title), 1)) : o("", !0), c("div", {
+		return (t, n) => (x(), s("div", { class: g(["switch-wrapper", { inline: e.inline }]) }, [e.title ? (x(), s("label", Tr, E(e.title), 1)) : o("", !0), c("div", {
 			class: g(["switch", [
 				`size-${e.size}`,
 				{ checked: a.value },
@@ -1972,7 +2156,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			onClick: l
 		}, [...n[0] ||= [c("div", { class: "inner" }, [c("div", { class: "handle" })], -1)]], 2)], 2));
 	}
-}), [["__scopeId", "data-v-efa08615"]]), _r = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-efa08615"]]), Dr = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NTag",
 	props: {
 		intent: { default: "none" },
@@ -2021,49 +2205,49 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			y2: "18"
 		})], -1)]])) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-55e5be0f"]]), vr = {
+}), [["__scopeId", "data-v-55e5be0f"]]), Or = {
 	key: 0,
 	class: "label"
-}, yr = {
+}, kr = {
 	key: 0,
 	class: "picker-dropdown"
-}, br = { class: "picker-header" }, xr = { class: "header-nav" }, Sr = { class: "header-nav" }, Cr = { class: "picker-body" }, wr = { class: "weekday-grid" }, Tr = { class: "day-grid" }, Er = {
+}, Ar = { class: "picker-header" }, jr = { class: "header-nav" }, Mr = { class: "header-nav" }, Nr = { class: "picker-body" }, Pr = { class: "weekday-grid" }, Fr = { class: "day-grid" }, Ir = {
 	key: 1,
 	class: "year-grid"
-}, Dr = {
+}, Lr = {
 	key: 0,
 	class: "time-section"
-}, Or = { class: "time-sliders" }, kr = {
+}, Rr = { class: "time-sliders" }, zr = {
 	key: 0,
 	class: "time-row"
-}, Ar = ["value"], jr = { class: "time-val" }, Mr = {
+}, Br = ["value"], Vr = { class: "time-val" }, Hr = {
 	key: 1,
 	class: "time-row"
-}, Nr = ["value"], Pr = { class: "time-val" }, Fr = { class: "mobile-sheet" }, Ir = { class: "picker-header" }, Lr = { class: "header-nav" }, Rr = { class: "header-nav" }, zr = { class: "picker-body" }, Br = { class: "weekday-grid" }, Vr = { class: "day-grid" }, Hr = {
+}, Ur = ["value"], Wr = { class: "time-val" }, Gr = { class: "mobile-sheet" }, Kr = { class: "picker-header" }, qr = { class: "header-nav" }, Jr = { class: "header-nav" }, Yr = { class: "picker-body" }, Xr = { class: "weekday-grid" }, Zr = { class: "day-grid" }, Qr = {
 	key: 1,
 	class: "year-grid"
-}, Ur = {
+}, $r = {
 	key: 0,
 	class: "time-section"
-}, Wr = { class: "time-sliders" }, Gr = {
+}, ei = { class: "time-sliders" }, ti = {
 	key: 0,
 	class: "time-row"
-}, Kr = ["value"], qr = { class: "time-val" }, Jr = {
+}, ni = ["value"], ri = { class: "time-val" }, ii = {
 	key: 1,
 	class: "time-row"
-}, Yr = ["value"], Xr = { class: "time-val" }, Zr = { class: "range-modal" }, Qr = { class: "range-body" }, $r = {
+}, ai = ["value"], oi = { class: "time-val" }, si = { class: "range-modal" }, ci = { class: "range-body" }, li = {
 	key: 0,
 	class: "range-sep"
-}, ei = { class: "range-cal" }, ti = { class: "picker-header" }, ni = { class: "header-nav" }, ri = {
+}, ui = { class: "range-cal" }, di = { class: "picker-header" }, fi = { class: "header-nav" }, pi = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, ii = { class: "header-title no-click" }, ai = { class: "header-nav" }, oi = {
+}, mi = { class: "header-title no-click" }, hi = { class: "header-nav" }, gi = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, si = { class: "weekday-grid" }, ci = { class: "day-grid range-day-grid" }, li = ["onClick", "onMouseenter"], ui = { class: "range-footer" }, di = { class: "range-display" }, fi = { class: "mobile-sheet" }, pi = {
+}, _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" }
-}, mi = { class: "header-nav" }, hi = { class: "header-title no-click" }, gi = { class: "header-nav" }, _i = { class: "weekday-grid" }, vi = { class: "day-grid range-day-grid" }, yi = ["onClick"], bi = { class: "range-footer" }, xi = { class: "range-display" }, Si = /* @__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__ */ R(/* @__PURE__ */ p({
 	__name: "NDatePicker",
 	props: {
 		modelValue: { default: "" },
@@ -2352,7 +2536,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			ref: S,
 			class: "datepicker"
 		}, [
-			t.title ? (x(), s("label", vr, E(t.title), 1)) : o("", !0),
+			t.title ? (x(), s("label", Or, E(t.title), 1)) : o("", !0),
 			c("div", { class: g(["date-picker", {
 				open: b.value && !t.range && !T.value,
 				disabled: t.disabled
@@ -2380,9 +2564,9 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 				}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]]),
 				_: 1
 			})) : o("", !0)]), f(n, { name: "fade" }, {
-				default: j(() => [b.value && !t.range && !T.value ? (x(), s("div", yr, [
-					c("div", br, [
-						c("div", xr, [f(z, {
+				default: j(() => [b.value && !t.range && !T.value ? (x(), s("div", kr, [
+					c("div", Ar, [
+						c("div", jr, [f(z, {
 							variant: "ghost",
 							square: "",
 							onClick: i[0] ||= (e) => ve(-1)
@@ -2422,7 +2606,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							class: "header-title",
 							onClick: Ve
 						}, [B.value === "date" ? (x(), s(e, { key: 0 }, [d(E(k[ie.value]) + " " + E(G.value), 1)], 64)) : (x(), s(e, { key: 1 }, [d(E(oe.value[0]) + " - " + E(oe.value[oe.value.length - 1]), 1)], 64))]),
-						c("div", Sr, [B.value === "date" ? (x(), a(z, {
+						c("div", Mr, [B.value === "date" ? (x(), a(z, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2459,10 +2643,10 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							_: 1
 						})])
 					]),
-					c("div", Cr, [B.value === "date" ? (x(), s(e, { key: 0 }, [c("div", wr, [(x(), s(e, null, w(M, (e) => c("span", {
+					c("div", Nr, [B.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", Tr, [(x(!0), s(e, null, w(se.value, (e, t) => (x(), a(z, {
+					}, E(e), 1)), 64))]), c("div", Fr, [(x(!0), s(e, null, w(se.value, (e, t) => (x(), a(z, {
 						key: t,
 						variant: pe(e) ? "solid" : fe(e) ? "mute" : "ghost",
 						intent: pe(e) || fe(e) ? "primary" : "none",
@@ -2477,7 +2661,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (x(), s("div", Er, [(x(!0), s(e, null, w(oe.value, (e) => (x(), a(z, {
+					]))), 128))])], 64)) : (x(), s("div", Ir, [(x(!0), s(e, null, w(oe.value, (e) => (x(), a(z, {
 						key: e,
 						variant: e === G.value ? "solid" : "ghost",
 						intent: e === G.value ? "primary" : "none",
@@ -2491,7 +2675,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					_.value && B.value === "date" ? (x(), s("div", Dr, [c("div", Or, [m.value ? (x(), s("div", kr, [
+					_.value && B.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, {
 							variant: "ghost",
@@ -2522,7 +2706,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							max: "23",
 							value: U.value,
 							onInput: i[5] ||= (e) => xe(e, "H")
-						}, null, 40, Ar),
+						}, null, 40, Br),
 						f(z, {
 							variant: "ghost",
 							square: "",
@@ -2545,8 +2729,8 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", jr, E(R(U.value)), 1)
-					])) : o("", !0), h.value ? (x(), s("div", Mr, [
+						c("span", Vr, E(R(U.value)), 1)
+					])) : o("", !0), h.value ? (x(), s("div", Hr, [
 						i[30] ||= c("span", { class: "time-label" }, "分", -1),
 						f(z, {
 							variant: "ghost",
@@ -2577,7 +2761,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							max: "59",
 							value: W.value,
 							onInput: i[8] ||= (e) => xe(e, "m")
-						}, null, 40, Nr),
+						}, null, 40, Ur),
 						f(z, {
 							variant: "ghost",
 							square: "",
@@ -2600,7 +2784,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Pr, E(R(W.value)), 1)
+						c("span", Wr, E(R(W.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])) : o("", !0)]),
 				_: 1
@@ -2610,10 +2794,10 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 					key: 0,
 					class: "mobile-overlay",
 					onClick: N(Be, ["self"])
-				}, [c("div", Fr, [
+				}, [c("div", Gr, [
 					i[41] ||= c("div", { class: "sheet-handle" }, null, -1),
-					c("div", Ir, [
-						c("div", Lr, [f(z, {
+					c("div", Kr, [
+						c("div", qr, [f(z, {
 							variant: "ghost",
 							square: "",
 							onClick: i[10] ||= (e) => ve(-1)
@@ -2653,7 +2837,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							class: "header-title",
 							onClick: Ve
 						}, [B.value === "date" ? (x(), s(e, { key: 0 }, [d(E(k[ie.value]) + " " + E(G.value), 1)], 64)) : (x(), s(e, { key: 1 }, [d(E(oe.value[0]) + " - " + E(oe.value[oe.value.length - 1]), 1)], 64))]),
-						c("div", Rr, [B.value === "date" ? (x(), a(z, {
+						c("div", Jr, [B.value === "date" ? (x(), a(z, {
 							key: 0,
 							variant: "ghost",
 							square: "",
@@ -2690,10 +2874,10 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							_: 1
 						})])
 					]),
-					c("div", zr, [B.value === "date" ? (x(), s(e, { key: 0 }, [c("div", Br, [(x(), s(e, null, w(M, (e) => c("span", {
+					c("div", Yr, [B.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", Vr, [(x(!0), s(e, null, w(se.value, (e, t) => (x(), a(z, {
+					}, E(e), 1)), 64))]), c("div", Zr, [(x(!0), s(e, null, w(se.value, (e, t) => (x(), a(z, {
 						key: t,
 						variant: pe(e) ? "solid" : fe(e) ? "mute" : "ghost",
 						intent: pe(e) || fe(e) ? "primary" : "none",
@@ -2708,7 +2892,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (x(), s("div", Hr, [(x(!0), s(e, null, w(oe.value, (e) => (x(), a(z, {
+					]))), 128))])], 64)) : (x(), s("div", Qr, [(x(!0), s(e, null, w(oe.value, (e) => (x(), a(z, {
 						key: e,
 						variant: e === G.value ? "solid" : "ghost",
 						intent: e === G.value ? "primary" : "none",
@@ -2722,7 +2906,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					_.value && B.value === "date" ? (x(), s("div", Ur, [c("div", Wr, [m.value ? (x(), s("div", Gr, [
+					_.value && B.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, {
 							variant: "ghost",
@@ -2753,7 +2937,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							max: "23",
 							value: U.value,
 							onInput: i[15] ||= (e) => xe(e, "H")
-						}, null, 40, Kr),
+						}, null, 40, ni),
 						f(z, {
 							variant: "ghost",
 							square: "",
@@ -2776,8 +2960,8 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", qr, E(R(U.value)), 1)
-					])) : o("", !0), h.value ? (x(), s("div", Jr, [
+						c("span", ri, E(R(U.value)), 1)
+					])) : o("", !0), h.value ? (x(), s("div", ii, [
 						i[40] ||= c("span", { class: "time-label" }, "分", -1),
 						f(z, {
 							variant: "ghost",
@@ -2808,7 +2992,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							max: "59",
 							value: W.value,
 							onInput: i[18] ||= (e) => xe(e, "m")
-						}, null, 40, Yr),
+						}, null, 40, ai),
 						f(z, {
 							variant: "ghost",
 							square: "",
@@ -2831,7 +3015,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Xr, E(R(W.value)), 1)
+						c("span", oi, E(R(W.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])])) : o("", !0)]),
 				_: 1
@@ -2841,11 +3025,11 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 					key: 0,
 					class: "range-overlay",
 					onClick: N(Be, ["self"])
-				}, [c("div", Zr, [
+				}, [c("div", si, [
 					i[46] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", Qr, [(x(!0), s(e, null, w(Oe.value, (t) => (x(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (x(), s("div", $r)), c("div", ei, [
-						c("div", ti, [
-							c("div", ni, [t.isLeft ? (x(), a(z, {
+					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", di, [
+							c("div", fi, [t.isLeft ? (x(), a(z, {
 								key: 0,
 								variant: "ghost",
 								square: "",
@@ -2863,9 +3047,9 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 									"stroke-linejoin": "round"
 								}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 								_: 1
-							})) : (x(), s("div", ri))]),
-							c("div", ii, E(k[t.month]) + " " + E(t.year), 1),
-							c("div", ai, [t.isLeft ? (x(), s("div", oi)) : (x(), a(z, {
+							})) : (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, {
 								key: 0,
 								variant: "ghost",
 								square: "",
@@ -2885,18 +3069,18 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 								_: 1
 							}))])
 						]),
-						c("div", si, [(x(), s(e, null, w(M, (e) => c("span", {
+						c("div", _i, [(x(), s(e, null, w(M, (e) => c("span", {
 							key: e,
 							class: "weekday"
 						}, E(e), 1)), 64))]),
-						c("div", ci, [(x(!0), s(e, null, w(t.days, (e, t) => (x(), s("div", {
+						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
-						}, E(e.day), 43, li))), 128))])
+						}, E(e.day), 43, yi))), 128))])
 					])], 64))), 128))]),
-					c("div", ui, [c("div", di, [
+					c("div", bi, [c("div", xi, [
 						c("span", { class: g(["range-val", { "is-empty": !Me.value }]) }, E(Me.value || "開始日期"), 3),
 						i[44] ||= c("span", { class: "range-arrow" }, "→", -1),
 						c("span", { class: g(["range-val", { "is-empty": !Ne.value }]) }, E(Ne.value || "結束日期"), 3)
@@ -2918,11 +3102,11 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 					key: 0,
 					class: "mobile-overlay",
 					onClick: N(Be, ["self"])
-				}, [c("div", fi, [
+				}, [c("div", Si, [
 					i[51] ||= c("div", { class: "sheet-handle" }, null, -1),
 					i[52] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", pi, [
-						c("div", mi, [f(z, {
+					c("div", Ci, [
+						c("div", wi, [f(z, {
 							variant: "ghost",
 							square: "",
 							onClick: Q
@@ -2940,8 +3124,8 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 							_: 1
 						})]),
-						c("div", hi, E(k[q.value]) + " " + E(Se.value), 1),
-						c("div", gi, [f(z, {
+						c("div", Ti, E(k[q.value]) + " " + E(Se.value), 1),
+						c("div", Ei, [f(z, {
 							variant: "ghost",
 							square: "",
 							onClick: Fe
@@ -2960,16 +3144,16 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							_: 1
 						})])
 					]),
-					c("div", _i, [(x(), s(e, null, w(M, (e) => c("span", {
+					c("div", Di, [(x(), s(e, null, w(M, (e) => c("span", {
 						key: e,
 						class: "weekday"
 					}, E(e), 1)), 64))]),
-					c("div", vi, [(x(!0), s(e, null, w(Ee.value, (e, t) => (x(), s("div", {
+					c("div", Oi, [(x(!0), s(e, null, w(Ee.value, (e, t) => (x(), s("div", {
 						key: t,
 						class: g(["range-day", Le(e)]),
 						onClick: (t) => Ie(e)
-					}, E(e.day), 11, yi))), 128))]),
-					c("div", bi, [c("div", xi, [
+					}, 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),
 						i[49] ||= c("span", { class: "range-arrow" }, "→", -1),
 						c("span", { class: g(["range-val", { "is-empty": !Ne.value }]) }, E(Ne.value || "結束日期"), 3)
@@ -2988,7 +3172,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			})
 		], 512));
 	}
-}), [["__scopeId", "data-v-a16fe255"]]), Ci = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-a16fe255"]]), Ni = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NTooltip",
 	props: {
 		content: { default: "" },
@@ -3023,10 +3207,10 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			_: 3
 		})], 32));
 	}
-}), [["__scopeId", "data-v-7a53ca0a"]]), wi = { class: "modal-header" }, Ti = { class: "modal-title" }, Ei = { class: "modal-content" }, Di = {
+}), [["__scopeId", "data-v-7a53ca0a"]]), Pi = { class: "modal-header" }, Fi = { class: "modal-title" }, Ii = { class: "modal-content" }, Li = {
 	key: 0,
 	class: "modal-footer"
-}, Oi = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Ri = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NModal",
 	props: {
 		show: {
@@ -3070,7 +3254,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 				class: "modal-container",
 				style: _({ width: e.width })
 			}, [
-				c("header", wi, [c("h3", Ti, E(e.title), 1), e.showClose ? (x(), s("button", {
+				c("header", Pi, [c("h3", Fi, E(e.title), 1), e.showClose ? (x(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -3082,16 +3266,16 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 					fill: "currentColor",
 					d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
 				})], -1)]])) : o("", !0)]),
-				c("main", Ei, [T(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (x(), s("footer", Di, [T(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+				c("main", Ii, [T(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (x(), s("footer", Li, [T(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
 			], 4)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ee2fac3c"]]), ki = { class: "drawer-header" }, Ai = { class: "drawer-title" }, ji = { class: "drawer-body" }, Mi = {
+}), [["__scopeId", "data-v-ee2fac3c"]]), zi = { class: "drawer-header" }, Bi = { class: "drawer-title" }, Vi = { class: "drawer-body" }, Hi = {
 	key: 0,
 	class: "drawer-footer"
-}, Ni = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Ui = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NDrawer",
 	props: {
 		show: {
@@ -3136,7 +3320,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 				class: g(["drawer-container", [`placement-${e.placement}`]]),
 				style: _({ width: e.width })
 			}, [
-				c("header", ki, [c("h3", Ai, [T(r.$slots, "title", {}, () => [d(E(e.title), 1)], !0)]), e.showClose ? (x(), s("button", {
+				c("header", zi, [c("h3", Bi, [T(r.$slots, "title", {}, () => [d(E(e.title), 1)], !0)]), e.showClose ? (x(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -3148,75 +3332,19 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 					fill: "currentColor",
 					d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
 				})], -1)]])) : o("", !0)]),
-				c("main", ji, [T(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (x(), s("footer", Mi, [T(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+				c("main", Vi, [T(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (x(), s("footer", Hi, [T(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
 			], 6)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-f8c0a0bb"]]), Pi = 0, Fi = S([]);
-function Ii() {
-	let e = function(e, t = {}) {
-		let n = ++Pi;
-		return new Promise((r) => {
-			Fi.push({
-				id: n,
-				type: "alert",
-				message: e,
-				resolve: () => r(),
-				status: t.status ?? "info",
-				title: t.title ?? "",
-				confirmText: t.confirmText ?? "確定"
-			});
-		});
-	};
-	e.success = (t, n = {}) => e(t, {
-		...n,
-		status: "success"
-	}), e.warning = (t, n = {}) => e(t, {
-		...n,
-		status: "warning"
-	}), e.danger = (t, n = {}) => e(t, {
-		...n,
-		status: "danger"
-	}), e.info = (t, n = {}) => e(t, {
-		...n,
-		status: "info"
-	});
-	function t(e, t = {}) {
-		return new Promise((n) => {
-			let r = ++Pi;
-			Fi.push({
-				id: r,
-				type: "confirm",
-				message: e,
-				resolve: n,
-				status: t.status ?? "question",
-				title: t.title ?? "",
-				confirmText: t.confirmText ?? "確定",
-				cancelText: t.cancelText ?? "取消"
-			});
-		});
-	}
-	function n() {
-		for (; Fi.length > 0;) Fi.shift().resolve(!1);
-	}
-	return {
-		alerts: Fi,
-		alert: e,
-		confirm: t,
-		clearAlerts: n
-	};
-}
-//#endregion
-//#region src/components/NAlert.vue?vue&type=script&setup=true&lang.ts
-var Li = { class: "cards-wrapper" }, Ri = ["innerHTML"], zi = { class: "card-body" }, Bi = {
+}), [["__scopeId", "data-v-f8c0a0bb"]]), Wi = { class: "cards-wrapper" }, Gi = ["innerHTML"], Ki = { class: "card-body" }, qi = {
 	key: 0,
 	class: "card-title"
-}, Vi = { class: "card-message" }, Hi = { class: "card-footer" }, Ui = ["onClick"], Wi = ["onClick"], Gi = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Ji = { class: "card-message" }, Yi = { class: "card-footer" }, Xi = ["onClick"], Zi = ["onClick"], Qi = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NAlert",
 	setup(n) {
-		let { alerts: r, clearAlerts: i } = Ii(), l = {
+		let { alerts: r, clearAlerts: i } = Rt(), l = {
 			success: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M8 12l3 3 5-6\"/></svg>",
 			warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"/><path d=\"M12 9v4\"/><path d=\"M12 17h.01\"/></svg>",
 			danger: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></svg>",
@@ -3253,7 +3381,7 @@ var Li = { class: "cards-wrapper" }, Ri = ["innerHTML"], zi = { class: "card-bod
 		}
 		return y(() => document.addEventListener("keydown", m)), b(() => {
 			document.removeEventListener("keydown", m), i();
-		}), (n, i) => (x(), a(t, { to: "body" }, [c("div", { class: g(["backdrop", { open: D(r).length > 0 }]) }, null, 2), c("div", { class: g(["alert-stack", { open: D(r).length > 0 }]) }, [c("div", Li, [(x(!0), s(e, null, w(D(r), (e, t) => (x(), s("div", {
+		}), (n, i) => (x(), a(t, { to: "body" }, [c("div", { class: g(["backdrop", { open: D(r).length > 0 }]) }, null, 2), c("div", { class: g(["alert-stack", { open: D(r).length > 0 }]) }, [c("div", Wi, [(x(!0), s(e, null, w(D(r), (e, t) => (x(), s("div", {
 			key: e.id,
 			class: g(["alert-card", `status-${e.status}`]),
 			style: _(d(t))
@@ -3261,22 +3389,22 @@ var Li = { class: "cards-wrapper" }, Ri = ["innerHTML"], zi = { class: "card-bod
 			c("div", {
 				class: "card-icon",
 				innerHTML: u(e)
-			}, null, 8, Ri),
-			c("div", zi, [e.title ? (x(), s("p", Bi, E(e.title), 1)) : o("", !0), c("p", Vi, E(e.message), 1)]),
-			c("div", Hi, [e.type === "confirm" ? (x(), s("button", {
+			}, null, 8, Gi),
+			c("div", Ki, [e.title ? (x(), s("p", qi, E(e.title), 1)) : o("", !0), c("p", Ji, E(e.message), 1)]),
+			c("div", Yi, [e.type === "confirm" ? (x(), s("button", {
 				key: 0,
 				class: "btn btn-cancel",
 				onClick: (t) => p(e)
-			}, E(e.cancelText), 9, Ui)) : o("", !0), c("button", {
+			}, E(e.cancelText), 9, Xi)) : o("", !0), c("button", {
 				class: g(["btn btn-confirm", `btn-${e.status}`]),
 				onClick: (t) => f(e)
-			}, E(e.confirmText), 11, Wi)])
+			}, E(e.confirmText), 11, Zi)])
 		], 6))), 128))])], 2)]));
 	}
 }), [["__scopeId", "data-v-20105bbb"]]);
 //#endregion
 //#region src/composables/useDisclosure.ts
-function Ki() {
+function $i() {
 	let e = C(!1);
 	function t() {
 		e.value = !0;
@@ -3292,19 +3420,19 @@ function Ki() {
 }
 //#endregion
 //#region src/components/NVideoSelect.vue?vue&type=script&setup=true&lang.ts
-var qi = {
+var ea = {
 	key: 0,
 	class: "head"
-}, Ji = ["textContent"], Yi = {
+}, ta = ["textContent"], na = {
 	key: 1,
 	class: "count-chip"
-}, Xi = { class: "grid" }, Zi = ["textContent"], Qi = ["textContent"], $i = ["onClick"], ea = ["src"], ta = {
+}, ra = { class: "grid" }, ia = ["textContent"], aa = ["textContent"], oa = ["onClick"], sa = ["src"], ca = {
 	key: 1,
 	class: "placeholder-label"
-}, na = { class: "duration" }, ra = { class: "card-body" }, ia = ["title"], aa = { class: "file-meta" }, oa = { class: "card-actions" }, sa = ["onClick"], ca = ["disabled", "onClick"], la = { class: "vi-modal-card" }, ua = { class: "vi-modal-media" }, da = ["src"], fa = {
+}, la = { class: "duration" }, ua = { class: "card-body" }, da = ["title"], fa = { class: "file-meta" }, pa = { class: "card-actions" }, ma = ["onClick"], ha = ["disabled", "onClick"], ga = { class: "vi-modal-card" }, _a = { class: "vi-modal-media" }, va = ["src"], ya = {
 	key: 1,
 	class: "vi-modal-placeholder"
-}, pa = { class: "vi-modal-bar" }, ma = { class: "vi-modal-info" }, ha = { class: "modal-name" }, ga = { class: "modal-meta" }, _a = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, ba = { class: "vi-modal-bar" }, xa = { class: "vi-modal-info" }, Sa = { class: "modal-name" }, Ca = { class: "modal-meta" }, wa = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NVideoSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3338,7 +3466,7 @@ var qi = {
 		"error"
 	],
 	setup(r, { emit: l }) {
-		let p = l, h = C(!1), _ = C(null), [y, b, S] = Ki(), { confirm: T } = Ii(), O = i(() => r.modelValue.length), k = (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", M = (e) => {
+		let p = l, h = C(!1), _ = C(null), [y, b, S] = $i(), { confirm: T } = Rt(), O = i(() => r.modelValue.length), k = (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", M = (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;
@@ -3459,18 +3587,18 @@ var qi = {
 			}
 		};
 		return (i, l) => (x(), s("div", { class: g(["video-input", { "is-disabled": r.disabled }]) }, [
-			r.title || r.showCount ? (x(), s("div", qi, [r.title ? (x(), s("span", {
+			r.title || r.showCount ? (x(), s("div", ea, [r.title ? (x(), s("span", {
 				key: 0,
 				class: "title",
 				textContent: E(r.title)
-			}, null, 8, Ji)) : o("", !0), r.showCount ? (x(), s("span", Yi, E(O.value) + " 支", 1)) : o("", !0)])) : o("", !0),
-			c("div", Xi, [O.value === 0 ? (x(), s("div", m({
+			}, null, 8, ta)) : o("", !0), r.showCount ? (x(), s("span", na, E(O.value) + " 支", 1)) : o("", !0)])) : o("", !0),
+			c("div", ra, [O.value === 0 ? (x(), s("div", m({
 				key: 0,
 				class: ["empty", { "is-drag": h.value }]
 			}, W), [
-				l[0] ||= u("<span class=\"icon\" aria-hidden=\"true\" data-v-263224d2><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-263224d2><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" data-v-263224d2></path><path d=\"M7 9l5-5 5 5\" data-v-263224d2></path><path d=\"M12 4v12\" data-v-263224d2></path></svg></span>", 1),
-				c("h3", { textContent: E(r.emptyTitle) }, null, 8, Zi),
-				c("p", { textContent: E(r.emptyHint) }, null, 8, Qi)
+				l[0] ||= u("<span class=\"icon\" aria-hidden=\"true\" data-v-8ea5b0a2><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-8ea5b0a2><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" data-v-8ea5b0a2></path><path d=\"M7 9l5-5 5 5\" data-v-8ea5b0a2></path><path d=\"M12 4v12\" data-v-8ea5b0a2></path></svg></span>", 1),
+				c("h3", { textContent: E(r.emptyTitle) }, null, 8, ia),
+				c("p", { textContent: E(r.emptyHint) }, null, 8, aa)
 			], 16)) : (x(), s(e, { key: 1 }, [(x(!0), s(e, null, w(r.modelValue, (e) => (x(), s("div", {
 				key: e.id,
 				class: "card"
@@ -3483,7 +3611,7 @@ var qi = {
 					src: e.url + "#t=0.5",
 					muted: "",
 					preload: "metadata"
-				}, null, 8, ea)) : (x(), s("div", ta, "縮圖預覽")),
+				}, null, 8, sa)) : (x(), s("div", ca, "縮圖預覽")),
 				l[1] ||= c("div", {
 					class: "play",
 					"aria-hidden": "true"
@@ -3491,18 +3619,18 @@ var qi = {
 					viewBox: "0 0 24 24",
 					fill: "currentColor"
 				}, [c("path", { d: "M8 5v14l11-7z" })])], -1),
-				c("div", na, E(M(e.duration)), 1)
-			], 10, $i), c("div", ra, [
+				c("div", la, E(M(e.duration)), 1)
+			], 10, oa), c("div", ua, [
 				c("div", {
 					class: "file-name",
 					title: e.name
-				}, E(e.name), 9, ia),
-				c("div", aa, [
+				}, E(e.name), 9, da),
+				c("div", fa, [
 					c("span", null, E(k(e.size)), 1),
 					l[2] ||= c("span", { class: "dot-separator" }, null, -1),
 					c("span", null, E(P(e)), 1)
 				]),
-				c("div", oa, [c("button", {
+				c("div", pa, [c("button", {
 					class: "action preview",
 					onClick: (t) => z(e)
 				}, [...l[3] ||= [c("svg", {
@@ -3516,7 +3644,7 @@ var qi = {
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, sa), c("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, ma), c("button", {
 					class: "action delete",
 					"aria-label": "刪除",
 					disabled: r.disabled,
@@ -3528,7 +3656,7 @@ var qi = {
 					"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, ca)])
+				}, [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, ha)])
 			])]))), 128)), r.multiple ? (x(), s("div", m({
 				key: 0,
 				class: ["add-card", { "is-drag": h.value }]
@@ -3552,7 +3680,7 @@ var qi = {
 					key: 0,
 					class: "vi-modal",
 					onClick: N(B, ["self"])
-				}, [c("div", la, [c("div", ua, [_.value?.url ? (x(), s("video", {
+				}, [c("div", ga, [c("div", _a, [_.value?.url ? (x(), s("video", {
 					key: 0,
 					src: _.value.url,
 					controls: "",
@@ -3560,7 +3688,7 @@ var qi = {
 					playsinline: "",
 					controlslist: "nofullscreen nodownload noremoteplayback noplaybackrate",
 					disablepictureinpicture: ""
-				}, null, 8, da)) : (x(), s("div", fa, " 示範影片 · 上傳真實檔案即可在此播放 "))]), c("div", pa, [c("div", ma, [c("div", ha, E(_.value?.name), 1), c("div", ga, E(V.value), 1)]), c("button", {
+				}, null, 8, va)) : (x(), s("div", ya, " 示範影片 · 上傳真實檔案即可在此播放 "))]), c("div", ba, [c("div", xa, [c("div", Sa, E(_.value?.name), 1), c("div", Ca, E(V.value), 1)]), c("button", {
 					class: "vi-modal-close",
 					"aria-label": "關閉",
 					onClick: B
@@ -3576,19 +3704,19 @@ var qi = {
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-263224d2"]]), va = {
+}), [["__scopeId", "data-v-8ea5b0a2"]]), Ta = {
 	key: 0,
 	class: "head"
-}, ya = ["textContent"], ba = {
+}, Ea = ["textContent"], Da = {
 	key: 1,
 	class: "count-chip"
-}, xa = { class: "grid" }, Sa = ["textContent"], Ca = ["textContent"], wa = ["onClick"], Ta = ["src", "alt"], Ea = {
+}, Oa = { class: "grid" }, ka = ["textContent"], Aa = ["textContent"], ja = ["onClick"], Ma = ["src", "alt"], Na = {
 	key: 1,
 	class: "placeholder-label"
-}, Da = { class: "card-body" }, Oa = ["title"], ka = { class: "file-meta" }, Aa = { class: "card-actions" }, ja = ["onClick"], Ma = ["disabled", "onClick"], Na = { class: "ii-modal-card" }, Pa = { class: "ii-modal-media" }, Fa = ["src", "alt"], Ia = {
+}, Pa = { class: "card-body" }, Fa = ["title"], Ia = { class: "file-meta" }, La = { class: "card-actions" }, Ra = ["onClick"], za = ["disabled", "onClick"], Ba = { class: "ii-modal-card" }, Va = { class: "ii-modal-media" }, Ha = ["src", "alt"], Ua = {
 	key: 1,
 	class: "ii-modal-ph"
-}, La = { class: "ii-modal-bar" }, Ra = { class: "ii-modal-info" }, za = { class: "modal-name" }, Ba = { class: "modal-meta" }, Va = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Wa = { class: "ii-modal-bar" }, Ga = { class: "ii-modal-info" }, Ka = { class: "modal-name" }, qa = { class: "modal-meta" }, Ja = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NImageSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3622,7 +3750,7 @@ var qi = {
 		"error"
 	],
 	setup(r, { emit: l }) {
-		let p = l, h = C(!1), _ = C(null), [y, b, S] = Ki(), { confirm: T } = Ii(), O = i(() => r.modelValue.length), k = (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", M = (e) => e.width && e.height ? e.width + "×" + e.height : "—", P = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "i" + Math.random().toString(36).slice(2, 9), ee = (e) => {
+		let p = l, h = C(!1), _ = C(null), [y, b, S] = $i(), { confirm: T } = Rt(), O = i(() => r.modelValue.length), k = (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", M = (e) => e.width && e.height ? e.width + "×" + e.height : "—", P = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "i" + 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("image/");
 			let n = e.type.toLowerCase(), i = e.name.toLowerCase();
@@ -3731,18 +3859,18 @@ var qi = {
 			}
 		};
 		return (i, l) => (x(), s("div", { class: g(["image-input", { "is-disabled": r.disabled }]) }, [
-			r.title || r.showCount ? (x(), s("div", va, [r.title ? (x(), s("span", {
+			r.title || r.showCount ? (x(), s("div", Ta, [r.title ? (x(), s("span", {
 				key: 0,
 				class: "title",
 				textContent: E(r.title)
-			}, null, 8, ya)) : o("", !0), r.showCount ? (x(), s("span", ba, E(O.value) + " 張", 1)) : o("", !0)])) : o("", !0),
-			c("div", xa, [O.value === 0 ? (x(), s("div", m({
+			}, null, 8, Ea)) : o("", !0), r.showCount ? (x(), s("span", Da, E(O.value) + " 張", 1)) : o("", !0)])) : o("", !0),
+			c("div", Oa, [O.value === 0 ? (x(), s("div", m({
 				key: 0,
 				class: ["empty", { "is-drag": h.value }]
 			}, U), [
-				l[0] ||= u("<span class=\"icon\" aria-hidden=\"true\" data-v-f11198be><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-f11198be><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" data-v-f11198be></rect><circle cx=\"9\" cy=\"9\" r=\"2\" data-v-f11198be></circle><path d=\"m21 15-3.5-3.5a2 2 0 0 0-2.83 0L4 22\" data-v-f11198be></path></svg></span>", 1),
-				c("h3", { textContent: E(r.emptyTitle) }, null, 8, Sa),
-				c("p", { textContent: E(r.emptyHint) }, null, 8, Ca)
+				l[0] ||= u("<span class=\"icon\" aria-hidden=\"true\" data-v-c05e4edc><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-c05e4edc><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" data-v-c05e4edc></rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" data-v-c05e4edc></circle><path d=\"M21 15l-5-5L5 21\" data-v-c05e4edc></path></svg></span>", 1),
+				c("h3", { textContent: E(r.emptyTitle) }, null, 8, ka),
+				c("p", { textContent: E(r.emptyHint) }, null, 8, Aa)
 			], 16)) : (x(), s(e, { key: 1 }, [(x(!0), s(e, null, w(r.modelValue, (e) => (x(), s("div", {
 				key: e.id,
 				class: "card"
@@ -3754,7 +3882,7 @@ var qi = {
 				src: e.url,
 				alt: e.name,
 				loading: "lazy"
-			}, null, 8, Ta)) : (x(), s("div", Ea, "縮圖預覽")), l[1] ||= c("div", {
+			}, null, 8, Ma)) : (x(), s("div", Na, "縮圖預覽")), l[1] ||= c("div", {
 				class: "zoom",
 				"aria-hidden": "true"
 			}, [c("svg", {
@@ -3768,17 +3896,17 @@ var qi = {
 				cx: "11",
 				cy: "11",
 				r: "7"
-			}), c("path", { d: "m21 21-4.3-4.3M11 8v6M8 11h6" })])], -1)], 10, wa), c("div", Da, [
+			}), c("path", { d: "m21 21-4.3-4.3M11 8v6M8 11h6" })])], -1)], 10, ja), c("div", Pa, [
 				c("div", {
 					class: "file-name",
 					title: e.name
-				}, E(e.name), 9, Oa),
-				c("div", ka, [
+				}, E(e.name), 9, Fa),
+				c("div", Ia, [
 					c("span", null, E(k(e.size)), 1),
 					l[2] ||= c("span", { class: "dot-separator" }, null, -1),
 					c("span", null, E(M(e)), 1)
 				]),
-				c("div", Aa, [c("button", {
+				c("div", La, [c("button", {
 					class: "action preview",
 					onClick: (t) => R(e)
 				}, [...l[3] ||= [c("svg", {
@@ -3792,7 +3920,7 @@ var qi = {
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, ja), c("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, Ra), c("button", {
 					class: "action delete",
 					"aria-label": "刪除",
 					disabled: r.disabled,
@@ -3804,7 +3932,7 @@ var qi = {
 					"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, Ma)])
+				}, [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, za)])
 			])]))), 128)), r.multiple ? (x(), s("div", m({
 				key: 0,
 				class: ["add-card", { "is-drag": h.value }]
@@ -3828,11 +3956,11 @@ var qi = {
 					key: 0,
 					class: "ii-modal",
 					onClick: N(z, ["self"])
-				}, [c("div", Na, [c("div", Pa, [_.value?.url ? (x(), s("img", {
+				}, [c("div", Ba, [c("div", Va, [_.value?.url ? (x(), s("img", {
 					key: 0,
 					src: _.value.url,
 					alt: _.value.name
-				}, null, 8, Fa)) : (x(), s("div", Ia, " 示範圖片 · 上傳真實檔案即可在此檢視 "))]), c("div", La, [c("div", Ra, [c("div", za, E(_.value?.name), 1), c("div", Ba, E(B.value), 1)]), c("button", {
+				}, null, 8, Ha)) : (x(), s("div", Ua, " 示範圖片 · 上傳真實檔案即可在此檢視 "))]), c("div", Wa, [c("div", Ga, [c("div", Ka, E(_.value?.name), 1), c("div", qa, E(B.value), 1)]), c("button", {
 					class: "ii-modal-close",
 					"aria-label": "關閉",
 					onClick: z
@@ -3848,32 +3976,32 @@ var qi = {
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-f11198be"]]), Ha = {
+}), [["__scopeId", "data-v-c05e4edc"]]), Ya = {
 	key: 0,
 	class: "head"
-}, Ua = ["textContent"], Wa = {
+}, Xa = ["textContent"], Za = {
 	key: 1,
 	class: "count-chip"
-}, Ga = ["textContent"], Ka = ["textContent"], qa = {
+}, Qa = ["textContent"], $a = ["textContent"], eo = {
 	key: 2,
 	class: "list"
-}, Ja = [
+}, to = [
 	"src",
 	"onTimeupdate",
 	"onEnded"
-], Ya = [
+], no = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Xa = {
+], ro = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, Za = {
+}, io = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, Qa = { class: "meta" }, $a = ["title"], eo = { class: "sub" }, to = ["onMousedown", "onTouchstart"], no = { class: "time" }, ro = ["disabled", "onClick"], io = { class: "meta" }, ao = { class: "name" }, oo = 256, so = 5, co = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, ao = { class: "meta" }, oo = ["title"], so = { class: "sub" }, co = ["onMousedown", "onTouchstart"], lo = { class: "time" }, uo = ["disabled", "onClick"], fo = { class: "meta" }, po = { class: "name" }, mo = 256, ho = 5, go = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NAudioSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3907,7 +4035,7 @@ var qi = {
 		"error"
 	],
 	setup(t, { emit: n }) {
-		let r = n, { confirm: a } = Ii(), l = C(!1), d = C([]), f = C(null), p = S({}), h = S({}), y = S({}), b = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), D = (e, t) => {
+		let r = n, { confirm: a } = Rt(), l = C(!1), d = C([]), f = C(null), p = S({}), h = S({}), y = S({}), b = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), D = (e, t) => {
 			t ? b.set(e, t) : b.delete(e);
 		}, O = i(() => t.modelValue.length), k = (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", A = (e) => {
 			if (e == null || isNaN(e)) return "0:00";
@@ -3919,8 +4047,8 @@ var qi = {
 			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);
 		}, P = null, ee = () => (P ||= new (window.AudioContext || window.webkitAudioContext)(), P), F = async (e) => {
-			let t = await e.arrayBuffer(), n = await ee().decodeAudioData(t.slice(0)), r = n.getChannelData(0), i = Math.floor(r.length / oo) || 1, a = Array(oo), o = 0;
-			for (let e = 0; e < oo; e++) {
+			let t = await e.arrayBuffer(), n = await ee().decodeAudioData(t.slice(0)), r = n.getChannelData(0), i = Math.floor(r.length / mo) || 1, a = Array(mo), o = 0;
+			for (let e = 0; e < mo; e++) {
 				let t = 0, n = e * i, s = Math.min(r.length, n + i);
 				for (let e = n; e < s; e++) {
 					let n = Math.abs(r[e]);
@@ -3929,7 +4057,7 @@ var qi = {
 				a[e] = t, t > o && (o = t);
 			}
 			let s = o > 0 ? 1 / o : 1;
-			for (let e = 0; e < oo; e++) a[e] = Math.max(.06, a[e] * s);
+			for (let e = 0; e < mo; e++) a[e] = Math.max(.06, a[e] * s);
 			return {
 				peaks: a,
 				duration: n.duration
@@ -3942,7 +4070,7 @@ var qi = {
 				requestAnimationFrame(() => I(e));
 				return;
 			}
-			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / so)));
+			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / ho)));
 			if (h[e] && h[e].length === i) return;
 			let a = Array(i);
 			for (let e = 0; e < i; e++) {
@@ -4092,18 +4220,18 @@ var qi = {
 				t.disabled || (e.preventDefault(), l.value = !1, e.dataTransfer?.files?.length && R(e.dataTransfer.files));
 			}
 		};
-		return (n, r) => (x(), s("div", { class: g(["audio-input", { "is-disabled": t.disabled }]) }, [t.title || t.showCount ? (x(), s("div", Ha, [t.title ? (x(), s("span", {
+		return (n, r) => (x(), s("div", { class: g(["audio-input", { "is-disabled": t.disabled }]) }, [t.title || t.showCount ? (x(), s("div", Ya, [t.title ? (x(), s("span", {
 			key: 0,
 			class: "title",
 			textContent: E(t.title)
-		}, null, 8, Ua)) : o("", !0), t.showCount ? (x(), s("span", Wa, E(O.value) + " 首", 1)) : o("", !0)])) : o("", !0), O.value === 0 && d.value.length === 0 ? (x(), s("div", m({
+		}, null, 8, Xa)) : o("", !0), t.showCount ? (x(), s("span", Za, E(O.value) + " 首", 1)) : o("", !0)])) : o("", !0), O.value === 0 && d.value.length === 0 ? (x(), s("div", m({
 			key: 1,
 			class: ["empty", { "is-drag": l.value }]
 		}, ie), [
-			r[0] ||= u("<span class=\"icon\" aria-hidden=\"true\" data-v-2f9bfb85><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-2f9bfb85><path d=\"M9 18V5l12-2v13\" data-v-2f9bfb85></path><circle cx=\"6\" cy=\"18\" r=\"3\" data-v-2f9bfb85></circle><circle cx=\"18\" cy=\"16\" r=\"3\" data-v-2f9bfb85></circle></svg></span>", 1),
-			c("h3", { textContent: E(t.emptyTitle) }, null, 8, Ga),
-			c("p", { textContent: E(t.emptyHint) }, null, 8, Ka)
-		], 16)) : (x(), s("div", qa, [
+			r[0] ||= u("<span class=\"icon\" aria-hidden=\"true\" data-v-ef784628><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-ef784628><path d=\"M9 18V5l12-2v13\" data-v-ef784628></path><circle cx=\"6\" cy=\"18\" r=\"3\" data-v-ef784628></circle><circle cx=\"18\" cy=\"16\" r=\"3\" data-v-ef784628></circle></svg></span>", 1),
+			c("h3", { textContent: E(t.emptyTitle) }, null, 8, Qa),
+			c("p", { textContent: E(t.emptyHint) }, null, 8, $a)
+		], 16)) : (x(), s("div", eo, [
 			(x(!0), s(e, null, w(t.modelValue, (n) => (x(), s("div", {
 				key: n.id,
 				class: g(["row", { "is-playing": f.value === n.id }])
@@ -4115,13 +4243,13 @@ var qi = {
 					preload: "metadata",
 					onTimeupdate: (e) => U(n.id, e),
 					onEnded: (e) => W(n.id)
-				}, null, 40, Ja),
+				}, null, 40, to),
 				c("button", {
 					class: "play-btn",
 					"aria-label": f.value === n.id ? "暫停" : "播放",
 					disabled: !n.url,
 					onClick: (e) => H(n.id)
-				}, [f.value === n.id ? (x(), s("svg", Xa, [...r[1] ||= [c("rect", {
+				}, [f.value === n.id ? (x(), s("svg", ro, [...r[1] ||= [c("rect", {
 					x: "6",
 					y: "5",
 					width: "4",
@@ -4133,11 +4261,11 @@ var qi = {
 					width: "4",
 					height: "14",
 					rx: "1"
-				}, null, -1)]])) : (x(), s("svg", Za, [...r[2] ||= [c("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, Ya),
-				c("div", Qa, [c("div", {
+				}, null, -1)]])) : (x(), s("svg", io, [...r[2] ||= [c("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, no),
+				c("div", ao, [c("div", {
 					class: "name",
 					title: n.name
-				}, E(n.name), 9, $a), c("div", eo, E(k(n.size)) + " · " + E(A(n.duration)), 1)]),
+				}, E(n.name), 9, oo), c("div", so, E(k(n.size)) + " · " + E(A(n.duration)), 1)]),
 				c("div", {
 					class: "wave",
 					ref_for: !0,
@@ -4148,8 +4276,8 @@ var qi = {
 					key: t,
 					class: g(["bar", { "is-played": G(n, t) }]),
 					style: _({ height: Math.max(2, Math.round(e * 34)) + "px" })
-				}, null, 6))), 128))], 40, to),
-				c("div", no, E(A(y[n.id] || 0)) + " / " + E(A(n.duration)), 1),
+				}, null, 6))), 128))], 40, co),
+				c("div", lo, E(A(y[n.id] || 0)) + " / " + E(A(n.duration)), 1),
 				c("button", {
 					class: "del-btn",
 					"aria-label": "刪除",
@@ -4162,7 +4290,7 @@ var qi = {
 					"stroke-width": "1.8",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [c("path", { d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14" })], -1)]], 8, ro)
+				}, [c("path", { d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14" })], -1)]], 8, uo)
 			], 2))), 128)),
 			(x(!0), s(e, null, w(d.value, (e) => (x(), s("div", {
 				key: e.tag,
@@ -4176,20 +4304,20 @@ var qi = {
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round"
-			}, [c("path", { d: "M12 3a9 9 0 1 0 9 9" })])], -1), c("div", io, [c("div", ao, 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", fo, [c("div", po, E(e.name), 1), r[4] ||= c("div", { class: "sub" }, "解析波形中…", -1)])]))), 128)),
 			t.multiple ? (x(), s("div", m({
 				key: 0,
 				class: ["add", { "is-drag": l.value }]
-			}, ie), [...r[6] ||= [u("<span class=\"plus\" aria-hidden=\"true\" data-v-2f9bfb85><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" data-v-2f9bfb85><path d=\"M12 5v14M5 12h14\" data-v-2f9bfb85></path></svg></span><div class=\"add-text\" data-v-2f9bfb85><div class=\"t\" data-v-2f9bfb85>新增音訊</div><div class=\"d\" data-v-2f9bfb85>點擊或拖放檔案 · MP3 / WAV / OGG / M4A</div></div>", 2)]], 16)) : o("", !0)
+			}, ie), [...r[6] ||= [u("<span class=\"plus\" aria-hidden=\"true\" data-v-ef784628><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" data-v-ef784628><path d=\"M12 5v14M5 12h14\" data-v-ef784628></path></svg></span><div class=\"add-text\" data-v-ef784628><div class=\"t\" data-v-ef784628>新增音訊</div><div class=\"d\" data-v-ef784628>點擊或拖放檔案 · MP3 / WAV / OGG / M4A</div></div>", 2)]], 16)) : o("", !0)
 		]))], 2));
 	}
-}), [["__scopeId", "data-v-2f9bfb85"]]), lo = { class: "header" }, uo = { class: "brand-logo" }, fo = { class: "logo-text" }, po = { class: "logo-icon" }, mo = { class: "nav" }, ho = ["onClick"], go = ["innerHTML"], _o = { class: "nav-list" }, vo = ["href", "onClick"], yo = ["innerHTML"], bo = { class: "nav-text" }, xo = ["href", "onClick"], So = { class: "title no-children" }, Co = ["innerHTML"], wo = { class: "user-capsule" }, To = { class: "user-avatar" }, Eo = ["src"], Do = {
+}), [["__scopeId", "data-v-ef784628"]]), _o = { class: "header" }, vo = { class: "brand-logo" }, yo = { class: "logo-text" }, bo = { class: "logo-icon" }, xo = { class: "nav" }, So = ["onClick"], Co = ["innerHTML"], wo = { class: "nav-list" }, To = ["href", "onClick"], Eo = ["innerHTML"], Do = { class: "nav-text" }, Oo = ["href", "onClick"], ko = { class: "title no-children" }, Ao = ["innerHTML"], jo = { class: "user-capsule" }, Mo = { class: "user-avatar" }, No = ["src"], Po = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "36",
 	height: "36",
 	viewBox: "0 0 36 36"
-}, Oo = { class: "user-info" }, ko = { class: "user-name-row" }, Ao = { class: "user-name" }, jo = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Fo = { class: "user-info" }, Io = { class: "user-name-row" }, Lo = { class: "user-name" }, Ro = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		title: { default: "" },
@@ -4208,7 +4336,7 @@ var qi = {
 		"navigate"
 	],
 	setup(n, { emit: r }) {
-		let { isMenuExpanded: i, toggleMenu: o, resolveMenuActive: l, resolveItemActive: d } = qt(), p = C(!1), m = r, h = (e) => {
+		let { isMenuExpanded: i, toggleMenu: o, resolveMenuActive: l, resolveItemActive: d } = rn(), p = C(!1), m = r, h = (e) => {
 			n.currentPath !== e.route && m("navigate", e);
 		}, _ = (e) => {
 			!e.route || n.currentPath === e.route || m("navigate", {
@@ -4242,8 +4370,8 @@ var qi = {
 				class: "content",
 				onMouseenter: v[2] ||= (e) => p.value = !0
 			}, [
-				T(r.$slots, "header", {}, () => [c("div", lo, [c("div", uo, [c("span", fo, E(n.title), 1), c("span", po, E(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
-				c("div", mo, [(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", _o, [c("div", vo, [c("span", yo, E(n.title), 1), c("span", bo, E(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
+				c("div", xo, [(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),
@@ -4252,7 +4380,7 @@ var qi = {
 				}, [c("div", {
 					class: "title",
 					onClick: (e) => D(o)(t.title)
-				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, go), c("span", null, E(t.title), 1)]), v[6] ||= c("svg", {
+				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Co), c("span", null, E(t.title), 1)]), v[6] ||= c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "14",
 					height: "14",
@@ -4263,23 +4391,23 @@ var qi = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "icon"
-				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, ho), c("div", _o, [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, So), c("div", wo, [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, yo), c("span", bo, E(e.title), 1)], 2)], 8, vo))), 256))])])], 2)) : (x(), s("div", {
+				}, [c("div", { class: g(["nav-item", { active: D(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Eo), c("span", Do, E(e.title), 1)], 2)], 8, To))), 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", So, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Co), c("span", null, E(t.title), 1)])])], 8, xo)], 2))], 64))), 256))]),
-				c("div", wo, [T(r.$slots, "user", {}, () => [
-					c("div", To, [n.userAvatarUrl ? (x(), s("img", {
+				}, [c("div", ko, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Ao), c("span", null, E(t.title), 1)])])], 8, Oo)], 2))], 64))), 256))]),
+				c("div", jo, [T(r.$slots, "user", {}, () => [
+					c("div", Mo, [n.userAvatarUrl ? (x(), s("img", {
 						key: 0,
 						src: n.userAvatarUrl,
 						alt: "User Avatar"
-					}, null, 8, Eo)) : (x(), s("svg", Do, [...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", Oo, [c("div", ko, [c("span", Ao, E(n.userName), 1)])]),
+					}, null, 8, No)) : (x(), s("svg", Po, [...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", Fo, [c("div", Io, [c("span", Lo, E(n.userName), 1)])]),
 					f(z, {
 						class: "logout-btn",
 						intent: "error",
@@ -4318,7 +4446,7 @@ var qi = {
 			}, null, 2)]))
 		], 34));
 	}
-}), [["__scopeId", "data-v-2c73c218"]]), Mo = { class: "layout" }, No = { class: "main-content" }, Po = { class: "copyright" }, Fo = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-2c73c218"]]), zo = { class: "layout" }, Bo = { class: "main-content" }, Vo = { class: "copyright" }, Ho = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
 		title: { default: "NICKLABS" },
@@ -4333,8 +4461,8 @@ var qi = {
 	},
 	emits: ["logout", "navigate"],
 	setup(e, { emit: t }) {
-		let n = qt(), r = t;
-		return (t, i) => (x(), s("div", Mo, [e.isShowSidebar ? (x(), a(jo, {
+		let n = rn(), r = t;
+		return (t, i) => (x(), s("div", zo, [e.isShowSidebar ? (x(), a(Ro, {
 			key: 0,
 			title: e.title,
 			userName: e.userName,
@@ -4350,18 +4478,18 @@ var qi = {
 			"isOpen",
 			"menus",
 			"currentPath"
-		])) : o("", !0), c("main", No, [T(t.$slots, "default", {}, void 0, !0), c("div", Po, E(e.copyright), 1)])]));
+		])) : o("", !0), c("main", Bo, [T(t.$slots, "default", {}, void 0, !0), c("div", Vo, E(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-41b1eb44"]]), Io = { class: "topbar" }, Lo = { class: "topbar-left" }, Ro = { class: "topbar-right" }, zo = {
+}), [["__scopeId", "data-v-41b1eb44"]]), Uo = { class: "topbar" }, Wo = { class: "topbar-left" }, Go = { class: "topbar-right" }, Ko = {
 	key: 0,
 	class: "pill"
-}, Bo = {
+}, qo = {
 	key: 0,
 	class: "name"
-}, Vo = {
+}, Jo = {
 	key: 1,
 	class: "separator"
-}, Ho = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, Yo = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -4386,7 +4514,7 @@ var qi = {
 		let n = t, r = () => {
 			document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
 		};
-		return (t, i) => (x(), s("header", Io, [c("div", Lo, [e.isShowSidebar ? (x(), a(z, {
+		return (t, i) => (x(), s("header", Uo, [c("div", Wo, [e.isShowSidebar ? (x(), a(z, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -4429,9 +4557,9 @@ var qi = {
 				c("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 			], -1)]]),
 			_: 1
-		})) : o("", !0)]), c("div", Ro, [e.isShowUser || e.isShowLogoutButton ? (x(), s("div", zo, [
-			e.isShowUser ? (x(), s("span", Bo, "Nick")) : o("", !0),
-			e.isShowUser && e.isShowLogoutButton ? (x(), s("div", Vo)) : o("", !0),
+		})) : o("", !0)]), c("div", Go, [e.isShowUser || e.isShowLogoutButton ? (x(), s("div", Ko, [
+			e.isShowUser ? (x(), s("span", qo, "Nick")) : o("", !0),
+			e.isShowUser && e.isShowLogoutButton ? (x(), s("div", Jo)) : o("", !0),
 			e.isShowLogoutButton ? (x(), a(z, {
 				key: 2,
 				variant: "mute",
@@ -4457,10 +4585,10 @@ var qi = {
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-f38a4beb"]]), Uo = { class: "brand" }, Wo = ["src", "alt"], Go = {
+}), [["__scopeId", "data-v-f38a4beb"]]), Xo = { class: "brand" }, Zo = ["src", "alt"], Qo = {
 	key: 1,
 	class: "icon"
-}, Ko = { key: 2 }, qo = { key: 3 }, Jo = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, $o = { key: 2 }, es = { key: 3 }, ts = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -4473,20 +4601,20 @@ var qi = {
 		return (n, r) => (x(), s("div", {
 			class: "login-wrapper",
 			style: _({ "--login-bg": e.backgroundImage ? `url('${e.backgroundImage}')` : "var(--bg-gradient)" })
-		}, [f(fn, {
+		}, [f(Sn, {
 			size: "lg",
 			radius: "xl",
 			class: "card"
 		}, {
-			default: j(() => [c("div", Uo, [
+			default: j(() => [c("div", Xo, [
 				t.value ? (x(), s("img", {
 					key: 0,
 					class: "logo-img",
 					src: e.logo,
 					alt: e.title
-				}, null, 8, Wo)) : (x(), s("div", Go, E(e.logo), 1)),
-				e.title ? (x(), s("h1", Ko, E(e.title), 1)) : o("", !0),
-				e.description ? (x(), s("p", qo, E(e.description), 1)) : o("", !0)
+				}, null, 8, Zo)) : (x(), s("div", Qo, E(e.logo), 1)),
+				e.title ? (x(), s("h1", $o, E(e.title), 1)) : o("", !0),
+				e.description ? (x(), s("p", es, E(e.description), 1)) : o("", !0)
 			]), T(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
@@ -4494,7 +4622,7 @@ var qi = {
 }), [["__scopeId", "data-v-f0866bc5"]]);
 //#endregion
 //#region src/composables/useRouteModal.ts
-function Yo(e) {
+function ns(e) {
 	let t = i(() => {
 		let t = F();
 		return t ? t.currentRoute.value.matched.some((t) => t.name === e.routeName) : !1;
@@ -4518,40 +4646,40 @@ function Yo(e) {
 }
 //#endregion
 //#region src/index.ts
-var Xo = {
+var rs = {
 	NButton: z,
 	NBreadcrumb: re,
 	NInput: ue,
 	NTextarea: he,
 	NCheckbox: xe,
 	NSelect: Oe,
-	NFileSelect: Ut,
-	NForm: dn,
-	NList: Xn,
-	NEmpty: Sn,
-	NToast: ar,
-	NLoading: Nn,
-	NCode: mr,
-	NSwitch: gr,
-	NTag: _r,
-	NDatePicker: Si,
-	NTooltip: Ci,
-	NModal: Oi,
-	NDrawer: Ni,
-	NAlert: Gi,
-	NTable: Kn,
-	NVideoSelect: _a,
-	NImageSelect: Va,
-	NAudioSelect: co,
-	NLayout: Fo,
-	NNavigation: Ho,
-	NSidebar: jo,
-	NCard: fn,
-	NLoginLayout: Jo
-}, Zo = { install(e, t = {}) {
-	Object.entries(Xo).forEach(([t, n]) => {
+	NFileSelect: $t,
+	NForm: xn,
+	NList: or,
+	NEmpty: Mn,
+	NToast: hr,
+	NLoading: Un,
+	NCode: wr,
+	NSwitch: Er,
+	NTag: Dr,
+	NDatePicker: Mi,
+	NTooltip: Ni,
+	NModal: Ri,
+	NDrawer: Ui,
+	NAlert: Qi,
+	NTable: nr,
+	NVideoSelect: wa,
+	NImageSelect: Ja,
+	NAudioSelect: go,
+	NLayout: Ho,
+	NNavigation: Yo,
+	NSidebar: Ro,
+	NCard: Sn,
+	NLoginLayout: ts
+}, is = { install(e, t = {}) {
+	Object.entries(rs).forEach(([t, n]) => {
 		e.component(t, n);
 	}), t.router && ee(t.router);
 } };
 //#endregion
-export { Gi as NAlert, co as NAudioSelect, z as NButton, fn as NCard, xe as NCheckbox, mr as NCode, Si as NDatePicker, Ni as NDrawer, Sn as NEmpty, Ut as NFileSelect, dn as NForm, Va as NImageSelect, ue as NInput, Fo as NLayout, Xn as NList, Nn as NLoading, Jo as NLoginLayout, Oi as NModal, Ho as NNavigation, Oe as NSelect, jo as NSidebar, gr as NSwitch, Kn as NTable, _r as NTag, he as NTextarea, ar as NToast, Ci as NTooltip, _a as NVideoSelect, Zo as NickLabsUI, Ii as useAlert, H as useBreadcrumb, Ki as useDisclosure, Yo as useRouteModal, qt as useSidebarManager, $n as useToast };
+export { Qi as NAlert, go as NAudioSelect, z as NButton, Sn as NCard, xe as NCheckbox, wr as NCode, Mi as NDatePicker, Ui as NDrawer, Mn as NEmpty, $t as NFileSelect, xn as NForm, Ja as NImageSelect, ue as NInput, Ho as NLayout, or as NList, Un as NLoading, ts as NLoginLayout, Ri as NModal, Yo as NNavigation, Oe as NSelect, Ro as NSidebar, Er as NSwitch, nr as NTable, Dr as NTag, he as NTextarea, hr as NToast, Ni as NTooltip, wa as NVideoSelect, is as NickLabsUI, Rt as useAlert, H as useBreadcrumb, $i as useDisclosure, ns as useRouteModal, rn as useSidebarManager, lr as useToast };