nicklabs-ui 1.0.79 → 1.0.81

package/dist/index.mjs

@@ -1,21 +1,21 @@
 import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, onUnmounted as b, openBlock as x, reactive as S, ref as C, renderList as w, renderSlot as T, toDisplayString as E, unref as D, useCssVars as O, vModelText as k, watch as A, withCtx as j, withDirectives as M, withModifiers as N } from "vue";
 //#region src/composables/sharedRouter.ts
 var P = null;
-function ee(e) {
+function F(e) {
 	P = e;
 }
-function F() {
+function I() {
 	return P;
 }
 //#endregion
 //#region src/components/NButton.vue?vue&type=script&setup=true&lang.ts
-var I = ["type", "disabled"], L = {
+var ee = ["type", "disabled"], te = {
 	key: 0,
 	class: "spinner",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg"
-}, te = /* @__PURE__ */ p({
+}, L = /* @__PURE__ */ p({
 	__name: "NButton",
 	props: {
 		variant: { default: "none" },
@@ -63,7 +63,7 @@ var I = ["type", "disabled"], L = {
 			]),
 			type: e.type,
 			disabled: e.disabled || e.loading
-		}, [e.loading ? (x(), s("svg", L, [...n[0] ||= [c("circle", {
+		}, [e.loading ? (x(), s("svg", te, [...n[0] ||= [c("circle", {
 			cx: "12",
 			cy: "12",
 			r: "10",
@@ -72,13 +72,13 @@ var I = ["type", "disabled"], L = {
 			"stroke-linecap": "round",
 			"stroke-dasharray": "32",
 			"stroke-dashoffset": "12"
-		}, null, -1)]])) : o("", !0), T(t.$slots, "default", {}, void 0, !0)], 10, I));
+		}, null, -1)]])) : o("", !0), T(t.$slots, "default", {}, void 0, !0)], 10, ee));
 	}
 }), R = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, z = /* @__PURE__ */ R(te, [["__scopeId", "data-v-285afe14"]]), B = (e) => e.meta?.breadcrumb ?? "", V = C((e) => e);
+}, z = /* @__PURE__ */ R(L, [["__scopeId", "data-v-285afe14"]]), B = (e) => e.meta?.breadcrumb ?? "", V = C((e) => e);
 function H() {
 	function e(e) {
 		B = e;
@@ -87,7 +87,7 @@ function H() {
 		V.value = e;
 	}
 	let n = i(() => {
-		let e = F();
+		let e = I();
 		if (!e) return [];
 		let t = e.currentRoute.value.matched, n = [];
 		return t.forEach((e, r) => {
@@ -101,7 +101,7 @@ function H() {
 		}), n;
 	});
 	function r(e) {
-		F()?.push(e);
+		I()?.push(e);
 	}
 	function a() {
 		V.value = (e) => e;
@@ -132,7 +132,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 }), [["__scopeId", "data-v-46f3b63f"]]), G = {
 	key: 0,
 	class: "label"
-}, ie = ["disabled"], ae = [
+}, K = ["disabled"], ie = [
 	"type",
 	"placeholder",
 	"disabled",
@@ -140,10 +140,10 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 	"value",
 	"maxlength",
 	"autocomplete"
-], oe = ["disabled"], se = {
+], q = ["disabled"], ae = {
 	key: 2,
 	class: "actions"
-}, ce = {
+}, oe = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "16",
@@ -154,7 +154,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, le = {
+}, se = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "16",
@@ -165,7 +165,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, ue = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, ce = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NInput",
 	props: {
 		modelValue: { default: "" },
@@ -292,7 +292,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("path", { d: "M5 12h14" })], -1)]], 8, ie)) : o("", !0),
+			}, [c("path", { d: "M5 12h14" })], -1)]], 8, K)) : o("", !0),
 			c("input", {
 				type: u.value,
 				placeholder: e.placeholder,
@@ -307,7 +307,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				onChange: i[1] ||= (e) => n("change", e),
 				onKeydown: h,
 				onCompositionend: _
-			}, null, 40, ae),
+			}, null, 40, ie),
 			a.value ? (x(), s("button", {
 				key: 1,
 				class: "tool-button",
@@ -324,18 +324,18 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("path", { d: "M5 12h14" }), c("path", { d: "M12 5v14" })], -1)]], 8, oe)) : o("", !0),
-			a.value ? o("", !0) : (x(), s("div", se, [r.value && !e.disabled ? (x(), s("button", {
+			}, [c("path", { d: "M5 12h14" }), c("path", { d: "M12 5v14" })], -1)]], 8, q)) : o("", !0),
+			a.value ? o("", !0) : (x(), s("div", ae, [r.value && !e.disabled ? (x(), s("button", {
 				key: 0,
 				type: "button",
 				onClick: T,
 				"aria-label": "Toggle password visibility"
-			}, [l.value ? (x(), s("svg", le, [...i[5] ||= [
+			}, [l.value ? (x(), s("svg", se, [...i[5] ||= [
 				c("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, null, -1),
 				c("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, null, -1),
 				c("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, null, -1),
 				c("path", { d: "m2 2 20 20" }, null, -1)
-			]])) : (x(), s("svg", ce, [...i[4] ||= [c("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, null, -1), c("circle", {
+			]])) : (x(), s("svg", oe, [...i[4] ||= [c("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, null, -1), c("circle", {
 				cx: "12",
 				cy: "12",
 				r: "3"
@@ -357,7 +357,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]])) : o("", !0)]))
 		], 2)], 2));
 	}
-}), [["__scopeId", "data-v-91e7a17e"]]), de = { class: "textarea" }, fe = ["textContent"], pe = [
+}), [["__scopeId", "data-v-91e7a17e"]]), le = { class: "textarea" }, ue = ["textContent"], de = [
 	"rows",
 	"placeholder",
 	"disabled",
@@ -366,10 +366,10 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 	"maxlength",
 	"autocomplete",
 	"wrap"
-], me = {
+], fe = {
 	key: 1,
 	class: "char-count"
-}, he = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, pe = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -419,12 +419,12 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 		};
 		return y(() => {
 			e.autofocus && r.value?.focus();
-		}), (t, i) => (x(), s("div", de, [
+		}), (t, i) => (x(), s("div", le, [
 			e.title ? (x(), s("label", {
 				key: 0,
 				class: "label",
 				textContent: E(e.title)
-			}, null, 8, fe)) : o("", !0),
+			}, null, 8, ue)) : o("", !0),
 			c("textarea", {
 				ref_key: "textareaRef",
 				ref: r,
@@ -443,17 +443,17 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				onChange: i[2] ||= (e) => n("change", e),
 				onKeydown: i[3] ||= (e) => n("keydown", e),
 				onPaste: i[4] ||= (e) => n("paste", e)
-			}, null, 40, pe),
-			e.showCount ? (x(), s("div", me, E(u.value), 1)) : o("", !0)
+			}, null, 40, de),
+			e.showCount ? (x(), s("div", fe, E(u.value), 1)) : o("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-03ad19c3"]]), ge = {
+}), [["__scopeId", "data-v-03ad19c3"]]), me = {
 	key: 0,
 	class: "label"
-}, _e = ["onClick"], ve = ["checked", "disabled"], ye = { class: "text" }, be = ["checked", "disabled"], K = {
+}, he = ["onClick"], ge = ["checked", "disabled"], _e = { class: "text" }, ve = ["checked", "disabled"], J = {
 	key: 0,
 	class: "text"
-}, xe = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, ye = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NCheckbox",
 	props: {
 		modelValue: { default: !1 },
@@ -517,7 +517,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 		};
 		return y(() => {
 			t.autofocus || a.value?.focus();
-		}), (n, r) => (x(), s("div", { class: g(["checkbox", { inline: t.inline }]) }, [t.title ? (x(), s("h3", ge, E(t.title), 1)) : o("", !0), c("div", { class: g(["group", [t.direction]]) }, [l.value ? (x(), s("label", {
+		}), (n, r) => (x(), s("div", { class: g(["checkbox", { inline: t.inline }]) }, [t.title ? (x(), s("h3", me, E(t.title), 1)) : o("", !0), c("div", { class: g(["group", [t.direction]]) }, [l.value ? (x(), s("label", {
 			key: 1,
 			class: "item",
 			onClick: r[0] ||= N((e) => h(), ["prevent"])
@@ -526,7 +526,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				type: "checkbox",
 				checked: !!t.modelValue,
 				disabled: t.disabled
-			}, null, 8, be),
+			}, null, 8, ve),
 			r[2] ||= c("span", { class: "icon" }, [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "24",
@@ -538,7 +538,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [c("path", { d: "M20 6 9 17l-5-5" })])], -1),
-			n.$slots.default || t.label ? (x(), s("span", K, [T(n.$slots, "default", {}, () => [d(E(t.label), 1)], !0)])) : o("", !0)
+			n.$slots.default || t.label ? (x(), s("span", J, [T(n.$slots, "default", {}, () => [d(E(t.label), 1)], !0)])) : o("", !0)
 		])) : (x(!0), s(e, { key: 0 }, w(t.options, (e, n) => (x(), s("label", {
 			key: `${t.formatLabel(e)}${n}`,
 			class: "item",
@@ -548,7 +548,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				type: "checkbox",
 				checked: m(t.formatValue(e)),
 				disabled: t.disabled
-			}, null, 8, ve),
+			}, null, 8, ge),
 			c("span", { class: g(["icon", { radio: !t.multiple }]) }, [...r[1] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "24",
@@ -560,13 +560,13 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [c("path", { d: "M20 6 9 17l-5-5" })], -1)]], 2),
-			c("span", ye, E(t.formatLabel(e)), 1)
-		], 8, _e))), 128))], 2)], 2));
+			c("span", _e, E(t.formatLabel(e)), 1)
+		], 8, he))), 128))], 2)], 2));
 	}
-}), [["__scopeId", "data-v-1f6a325a"]]), Se = { class: "select" }, q = {
+}), [["__scopeId", "data-v-1f6a325a"]]), be = { class: "select" }, Y = {
 	key: 0,
 	class: "label"
-}, J = { class: "select-chips-container" }, Y = ["textContent"], X = ["onClick"], Z = {
+}, X = { class: "select-chips-container" }, xe = ["textContent"], Se = ["onClick"], Z = {
 	key: 0,
 	class: "search-box"
 }, Ce = { class: "options" }, we = ["onClick"], Te = {
@@ -664,7 +664,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 			let e = Object.keys(p.value), n = e.length;
 			return n === 0 ? "" : t.multiple ? `已選 ${n} 項` : t.formatLabel(p.value[e[0]]) ?? "";
 		});
-		return (n, r) => (x(), s("div", Se, [t.title ? (x(), s("label", q, E(t.title), 1)) : o("", !0), c("div", {
+		return (n, r) => (x(), s("div", be, [t.title ? (x(), s("label", Y, E(t.title), 1)) : o("", !0), c("div", {
 			ref_key: "selectGroupRef",
 			ref: d,
 			class: g(["group", {
@@ -675,11 +675,11 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 			class: g(["trigger", { disabled: t.disabled }]),
 			onClick: _
 		}, [
-			c("div", J, [!m.value || !t.multiple || t.multiple && t.multipleDisplay === "count" ? (x(), s("span", {
+			c("div", X, [!m.value || !t.multiple || t.multiple && t.multipleDisplay === "count" ? (x(), s("span", {
 				key: 0,
 				class: g(["trigger-text", { placeholder: !m.value }]),
 				textContent: E(m.value ? j.value : t.placeholder)
-			}, null, 10, Y)) : o("", !0), t.multiple && t.multipleDisplay === "tags" ? (x(!0), s(e, { key: 1 }, w(p.value, (e, n) => (x(), s("div", {
+			}, null, 10, xe)) : o("", !0), t.multiple && t.multipleDisplay === "tags" ? (x(!0), s(e, { key: 1 }, w(p.value, (e, n) => (x(), s("div", {
 				key: `${t.formatLabel(e)}${n}`,
 				class: "select-chip"
 			}, [c("span", null, E(t.formatLabel(e)), 1), c("span", {
@@ -695,7 +695,7 @@ var U = { class: "breadcrumbs" }, W = ["onClick"], ne = {
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]], 8, X)]))), 128)) : o("", !0)]),
+			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]], 8, Se)]))), 128)) : o("", !0)]),
 			t.clearable && m.value && !t.disabled ? (x(), s("button", {
 				key: 0,
 				class: "clear-btn",
@@ -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: "",
@@ -1715,7 +1899,7 @@ var Jt = { class: "hero-section-container" }, Yt = { class: "hero-section" }, Xt
 			}, l({ _: 2 }, [
 				e.batchDeletable ? {
 					name: "batch",
-					fn: j(() => [f(xe, {
+					fn: j(() => [f(ye, {
 						"model-value": m.value,
 						"onUpdate:modelValue": r[4] ||= () => g()
 					}, null, 8, ["model-value"])]),
@@ -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(ye, {
 						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: "" },
@@ -2140,8 +2324,8 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			"四",
 			"五",
 			"六"
-		], P = /* @__PURE__ */ new Date(), ee = P.getFullYear(), F = P.getMonth(), I = P.getDate();
-		function L(e, t) {
+		], P = /* @__PURE__ */ new Date(), F = P.getFullYear(), I = P.getMonth(), ee = P.getDate();
+		function te(e, t) {
 			let n = new Date(e, t, 1).getDay(), r = new Date(e, t + 1, 0).getDate(), i = new Date(e, t, 0).getDate(), a = [];
 			for (let r = n - 1; r >= 0; r--) {
 				let n = t === 0 ? 11 : t - 1, o = t === 0 ? e - 1 : e;
@@ -2167,30 +2351,30 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			});
 			return a;
 		}
-		function te(e, t) {
+		function L(e, t) {
 			return e.year === t.year ? e.month === t.month ? e.day - t.day : e.month - t.month : e.year - t.year;
 		}
 		function R(e) {
 			return String(e).padStart(2, "0");
 		}
-		let B = C("date"), V = C(/* @__PURE__ */ new Date()), H = C(null), U = C(0), W = C(0), ne = null, re = null, G = i(() => V.value.getFullYear()), ie = i(() => V.value.getMonth()), ae = C(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), oe = i(() => {
+		let B = C("date"), V = C(/* @__PURE__ */ new Date()), H = C(null), U = C(0), W = C(0), ne = null, re = null, G = i(() => V.value.getFullYear()), K = i(() => V.value.getMonth()), ie = C(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), q = i(() => {
 			let e = [];
-			for (let t = 0; t < 12; t++) e.push(ae.value + t);
+			for (let t = 0; t < 12; t++) e.push(ie.value + t);
 			return e;
 		});
 		A(G, (e) => {
-			ae.value = Math.floor(e / 12) * 12;
+			ie.value = Math.floor(e / 12) * 12;
 		}, { immediate: !0 }), A(() => t.modelValue, (e) => {
 			if (!e) return;
 			let t = p(String(e));
 			t && (V.value = new Date(t.year, t.month, 1));
 		}, { immediate: !0 });
-		let se = i(() => L(G.value, ie.value)), ce = i(() => {
+		let ae = i(() => te(G.value, K.value)), oe = i(() => {
 			if (!t.modelValue) return "";
 			let e = p(String(t.modelValue));
 			return e ? u(e.year, e.month, e.day, e.hour, e.min) : "";
-		}), le = i(() => t.range ? t.start && t.end ? `${t.start} → ${t.end}` : t.start ? `${t.start} → ...` : "" : ce.value);
-		function ue() {
+		}), se = i(() => t.range ? t.start && t.end ? `${t.start} → ${t.end}` : t.start ? `${t.start} → ...` : "" : oe.value);
+		function ce() {
 			let e = p(String(t.modelValue));
 			e ? (V.value = new Date(e.year, e.month, 1), U.value = e.hour, W.value = e.min, H.value = _.value ? {
 				year: e.year,
@@ -2199,55 +2383,55 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 				isCurrentMonth: !0
 			} : null) : (U.value = 0, W.value = 0, H.value = null), B.value = "date";
 		}
-		function de(e) {
+		function le(e) {
 			if (!t.modelValue) return !1;
 			let n = p(String(t.modelValue));
 			return n ? n.year === e.year && n.month === e.month && n.day === e.day : !1;
 		}
-		function fe(e) {
-			return ee === e.year && F === e.month && I === e.day;
+		function ue(e) {
+			return F === e.year && I === e.month && ee === e.day;
 		}
-		function pe(e) {
-			return _.value ? H.value !== null && H.value.year === e.year && H.value.month === e.month && H.value.day === e.day : de(e);
+		function de(e) {
+			return _.value ? H.value !== null && H.value.year === e.year && H.value.month === e.month && H.value.day === e.day : le(e);
 		}
-		function me(e) {
+		function fe(e) {
 			let t = u(e.year, e.month, e.day, U.value, W.value);
 			l("update:modelValue", t), l("change", t);
 		}
-		function he(e) {
-			if (_.value) H.value = { ...e }, V.value = new Date(e.year, e.month, 1), me(e);
+		function pe(e) {
+			if (_.value) H.value = { ...e }, V.value = new Date(e.year, e.month, 1), fe(e);
 			else {
 				let t = u(e.year, e.month, e.day, 0, 0);
 				l("update:modelValue", t), l("change", t), Be();
 			}
 		}
-		function ge(e) {
-			V.value = new Date(e, ie.value, 1), B.value = "date";
+		function me(e) {
+			V.value = new Date(e, K.value, 1), B.value = "date";
 		}
-		function _e(e) {
-			V.value = new Date(G.value, ie.value + e, 1);
+		function he(e) {
+			V.value = new Date(G.value, K.value + e, 1);
 		}
-		function ve(e) {
-			B.value === "year" ? ae.value += e * 12 : V.value = new Date(G.value + e, ie.value, 1);
+		function ge(e) {
+			B.value === "year" ? ie.value += e * 12 : V.value = new Date(G.value + e, K.value, 1);
 		}
-		function ye(e, t) {
-			e === "H" ? U.value = Math.max(0, Math.min(23, U.value + t)) : W.value = Math.max(0, Math.min(59, W.value + t)), H.value && me(H.value);
+		function _e(e, t) {
+			e === "H" ? U.value = Math.max(0, Math.min(23, U.value + t)) : W.value = Math.max(0, Math.min(59, W.value + t)), H.value && fe(H.value);
 		}
-		function be(e, t) {
-			ye(e, t), ne = setTimeout(() => {
-				re = setInterval(() => ye(e, t), 100);
+		function ve(e, t) {
+			_e(e, t), ne = setTimeout(() => {
+				re = setInterval(() => _e(e, t), 100);
 			}, 300);
 		}
-		function K() {
+		function J() {
 			ne &&= (clearTimeout(ne), null), re &&= (clearInterval(re), null);
 		}
-		function xe(e, t) {
+		function ye(e, t) {
 			let n = parseInt(e.target.value);
-			t === "H" ? U.value = n : W.value = n, H.value && me(H.value);
+			t === "H" ? U.value = n : W.value = n, H.value && fe(H.value);
 		}
-		let Se = C(ee), q = C(F), J = C(null), Y = C(null), X = C(null), Z = C(null), Ce = i(() => !!Y.value && !!X.value), we = i(() => q.value === 11 ? Se.value + 1 : Se.value), Te = i(() => q.value === 11 ? 0 : q.value + 1), Ee = i(() => L(Se.value, q.value)), De = i(() => L(we.value, Te.value)), Oe = i(() => [{
-			year: Se.value,
-			month: q.value,
+		let be = C(F), Y = C(I), X = C(null), xe = C(null), Se = C(null), Z = C(null), Ce = i(() => !!xe.value && !!Se.value), we = i(() => Y.value === 11 ? be.value + 1 : be.value), Te = i(() => Y.value === 11 ? 0 : Y.value + 1), Ee = i(() => te(be.value, Y.value)), De = i(() => te(we.value, Te.value)), Oe = i(() => [{
+			year: be.value,
+			month: Y.value,
 			days: Ee.value,
 			isLeft: !0
 		}, {
@@ -2265,49 +2449,49 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 				isCurrentMonth: !0
 			} : null;
 		}
-		let Ae = i(() => J.value && Z.value ? te(J.value, Z.value) <= 0 ? J.value : Z.value : Y.value ?? ke(t.start)), je = i(() => J.value && Z.value ? te(J.value, Z.value) <= 0 ? Z.value : J.value : X.value ?? ke(t.end)), Me = i(() => {
-			if (J.value) {
-				let e = J.value;
+		let Ae = i(() => X.value && Z.value ? L(X.value, Z.value) <= 0 ? X.value : Z.value : xe.value ?? ke(t.start)), je = i(() => X.value && Z.value ? L(X.value, Z.value) <= 0 ? Z.value : X.value : Se.value ?? ke(t.end)), Me = i(() => {
+			if (X.value) {
+				let e = X.value;
 				return `${e.year}-${R(e.month + 1)}-${R(e.day)}`;
 			}
-			if (Y.value) {
-				let e = Y.value;
+			if (xe.value) {
+				let e = xe.value;
 				return `${e.year}-${R(e.month + 1)}-${R(e.day)}`;
 			}
 			return t.start;
 		}), Ne = i(() => {
-			if (J.value) return "";
-			if (X.value) {
-				let e = X.value;
+			if (X.value) return "";
+			if (Se.value) {
+				let e = Se.value;
 				return `${e.year}-${R(e.month + 1)}-${R(e.day)}`;
 			}
 			return t.end;
 		});
 		function Pe() {
 			let e = p(t.start) ?? {
-				year: ee,
-				month: F,
+				year: F,
+				month: I,
 				day: 1,
 				hour: 0,
 				min: 0
 			};
-			Se.value = e.year, q.value = e.month, Y.value = ke(t.start), X.value = ke(t.end), J.value = null, Z.value = null;
+			be.value = e.year, Y.value = e.month, xe.value = ke(t.start), Se.value = ke(t.end), X.value = null, Z.value = null;
 		}
 		function Q() {
-			q.value === 0 ? (Se.value--, q.value = 11) : q.value--;
+			Y.value === 0 ? (be.value--, Y.value = 11) : Y.value--;
 		}
 		function Fe() {
-			q.value === 11 ? (Se.value++, q.value = 0) : q.value++;
+			Y.value === 11 ? (be.value++, Y.value = 0) : Y.value++;
 		}
 		function Ie(e) {
-			if (!J.value) J.value = { ...e }, Y.value = null, X.value = null;
+			if (!X.value) X.value = { ...e }, xe.value = null, Se.value = null;
 			else {
-				let t = J.value, [n, r] = te(t, e) <= 0 ? [t, e] : [e, t];
-				Y.value = n, X.value = r, J.value = null, Z.value = null;
+				let t = X.value, [n, r] = L(t, e) <= 0 ? [t, e] : [e, t];
+				xe.value = n, Se.value = r, X.value = null, Z.value = null;
 			}
 		}
 		function Le(e) {
-			let t = e.year === ee && e.month === F && e.day === I, n = J.value && e.year === J.value.year && e.month === J.value.month && e.day === J.value.day, r = Ae.value, i = je.value, a = r && e.year === r.year && e.month === r.month && e.day === r.day, o = i && e.year === i.year && e.month === i.month && e.day === i.day, s = r && i && te(e, r) > 0 && te(e, i) < 0;
+			let t = e.year === F && e.month === I && e.day === ee, n = X.value && e.year === X.value.year && e.month === X.value.month && e.day === X.value.day, r = Ae.value, i = je.value, a = r && e.year === r.year && e.month === r.month && e.day === r.day, o = i && e.year === i.year && e.month === i.month && e.day === i.day, s = r && i && L(e, r) > 0 && L(e, i) < 0;
 			return {
 				"is-other-month": !e.isCurrentMonth,
 				"is-today": t && !a && !o,
@@ -2318,15 +2502,15 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 			};
 		}
 		function Re() {
-			if (!Y.value || !X.value) return;
-			let e = Y.value, t = X.value, n = `${e.year}-${R(e.month + 1)}-${R(e.day)}`, r = `${t.year}-${R(t.month + 1)}-${R(t.day)}`;
+			if (!xe.value || !Se.value) return;
+			let e = xe.value, t = Se.value, n = `${e.year}-${R(e.month + 1)}-${R(e.day)}`, r = `${t.year}-${R(t.month + 1)}-${R(t.day)}`;
 			l("update:start", n), l("update:end", r), l("change", n, r), Be();
 		}
 		function ze() {
-			t.disabled || (b.value || (t.range ? Pe() : ue()), b.value = !b.value);
+			t.disabled || (b.value || (t.range ? Pe() : ce()), b.value = !b.value);
 		}
 		function Be() {
-			b.value = !1, J.value = null, Z.value = null;
+			b.value = !1, X.value = null, Z.value = null;
 		}
 		function Ve() {
 			B.value = B.value === "date" ? "year" : "date";
@@ -2338,11 +2522,11 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 		y(() => {
 			document.addEventListener("mousedown", He), window.addEventListener("resize", O);
 		}), v(() => {
-			document.removeEventListener("mousedown", He), window.removeEventListener("resize", O), D && clearTimeout(D), K();
+			document.removeEventListener("mousedown", He), window.removeEventListener("resize", O), D && clearTimeout(D), J();
 		});
 		let Ue = (e) => {
 			if (e.stopPropagation(), t.range) {
-				Y.value = null, X.value = null, J.value = null, Z.value = null, l("update:start", ""), l("update:end", ""), l("change", "", ""), l("clear");
+				xe.value = null, Se.value = null, X.value = null, Z.value = null, l("update:start", ""), l("update:end", ""), l("change", "", ""), l("clear");
 				return;
 			}
 			l("update:modelValue", ""), l("change", ""), l("clear");
@@ -2352,14 +2536,14 @@ 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
 			}]) }, [c("div", {
 				class: "picker-trigger",
 				onClick: ze
-			}, [c("span", { class: g(["text", { placeholder: !le.value }]) }, E(le.value || t.placeholder), 3), t.clearable && le.value ? (x(), a(z, {
+			}, [c("span", { class: g(["text", { placeholder: !se.value }]) }, E(se.value || t.placeholder), 3), t.clearable && se.value ? (x(), a(z, {
 				key: 0,
 				variant: "none",
 				square: "",
@@ -2380,12 +2564,12 @@ 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)
+							onClick: i[0] ||= (e) => ge(-1)
 						}, {
 							default: j(() => [...i[21] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2403,7 +2587,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[1] ||= (e) => _e(-1)
+							onClick: i[1] ||= (e) => he(-1)
 						}, {
 							default: j(() => [...i[22] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2421,12 +2605,12 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 						c("div", {
 							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, {
+						}, [B.value === "date" ? (x(), s(e, { key: 0 }, [d(E(k[K.value]) + " " + E(G.value), 1)], 64)) : (x(), s(e, { key: 1 }, [d(E(q.value[0]) + " - " + E(q.value[q.value.length - 1]), 1)], 64))]),
+						c("div", Mr, [B.value === "date" ? (x(), a(z, {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[2] ||= (e) => _e(1)
+							onClick: i[2] ||= (e) => he(1)
 						}, {
 							default: j(() => [...i[23] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2443,7 +2627,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 						})) : o("", !0), f(z, {
 							variant: "ghost",
 							square: "",
-							onClick: i[3] ||= (e) => ve(1)
+							onClick: i[3] ||= (e) => ge(1)
 						}, {
 							default: j(() => [...i[24] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2459,16 +2643,16 @@ 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(ae.value, (e, t) => (x(), a(z, {
 						key: t,
-						variant: pe(e) ? "solid" : fe(e) ? "mute" : "ghost",
-						intent: pe(e) || fe(e) ? "primary" : "none",
+						variant: de(e) ? "solid" : ue(e) ? "mute" : "ghost",
+						intent: de(e) || ue(e) ? "primary" : "none",
 						class: g(["day-cell", { "is-not-current": !e.isCurrentMonth }]),
 						padding: "0",
-						onClick: (t) => he(e)
+						onClick: (t) => pe(e)
 					}, {
 						default: j(() => [d(E(e.day), 1)]),
 						_: 2
@@ -2477,12 +2661,12 @@ 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(q.value, (e) => (x(), a(z, {
 						key: e,
 						variant: e === G.value ? "solid" : "ghost",
 						intent: e === G.value ? "primary" : "none",
 						class: "year-cell",
-						onClick: (t) => ge(e)
+						onClick: (t) => me(e)
 					}, {
 						default: j(() => [d(E(e), 1)]),
 						_: 2
@@ -2491,16 +2675,16 @@ 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",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[4] ||= N((e) => be("H", -1), ["prevent"]),
-							onMouseup: K,
-							onMouseleave: K
+							onMousedown: i[4] ||= N((e) => ve("H", -1), ["prevent"]),
+							onMouseup: J,
+							onMouseleave: J
 						}, {
 							default: j(() => [...i[25] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2521,16 +2705,16 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							min: "0",
 							max: "23",
 							value: U.value,
-							onInput: i[5] ||= (e) => xe(e, "H")
-						}, null, 40, Ar),
+							onInput: i[5] ||= (e) => ye(e, "H")
+						}, null, 40, Br),
 						f(z, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[6] ||= N((e) => be("H", 1), ["prevent"]),
-							onMouseup: K,
-							onMouseleave: K
+							onMousedown: i[6] ||= N((e) => ve("H", 1), ["prevent"]),
+							onMouseup: J,
+							onMouseleave: J
 						}, {
 							default: j(() => [...i[26] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2545,17 +2729,17 @@ 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",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[7] ||= N((e) => be("m", -1), ["prevent"]),
-							onMouseup: K,
-							onMouseleave: K
+							onMousedown: i[7] ||= N((e) => ve("m", -1), ["prevent"]),
+							onMouseup: J,
+							onMouseleave: J
 						}, {
 							default: j(() => [...i[28] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2576,16 +2760,16 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							min: "0",
 							max: "59",
 							value: W.value,
-							onInput: i[8] ||= (e) => xe(e, "m")
-						}, null, 40, Nr),
+							onInput: i[8] ||= (e) => ye(e, "m")
+						}, null, 40, Ur),
 						f(z, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[9] ||= N((e) => be("m", 1), ["prevent"]),
-							onMouseup: K,
-							onMouseleave: K
+							onMousedown: i[9] ||= N((e) => ve("m", 1), ["prevent"]),
+							onMouseup: J,
+							onMouseleave: J
 						}, {
 							default: j(() => [...i[29] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -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,13 +2794,13 @@ 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)
+							onClick: i[10] ||= (e) => ge(-1)
 						}, {
 							default: j(() => [...i[31] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2634,7 +2818,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[11] ||= (e) => _e(-1)
+							onClick: i[11] ||= (e) => he(-1)
 						}, {
 							default: j(() => [...i[32] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2652,12 +2836,12 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 						c("div", {
 							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, {
+						}, [B.value === "date" ? (x(), s(e, { key: 0 }, [d(E(k[K.value]) + " " + E(G.value), 1)], 64)) : (x(), s(e, { key: 1 }, [d(E(q.value[0]) + " - " + E(q.value[q.value.length - 1]), 1)], 64))]),
+						c("div", Jr, [B.value === "date" ? (x(), a(z, {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[12] ||= (e) => _e(1)
+							onClick: i[12] ||= (e) => he(1)
 						}, {
 							default: j(() => [...i[33] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2674,7 +2858,7 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 						})) : o("", !0), f(z, {
 							variant: "ghost",
 							square: "",
-							onClick: i[13] ||= (e) => ve(1)
+							onClick: i[13] ||= (e) => ge(1)
 						}, {
 							default: j(() => [...i[34] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2690,16 +2874,16 @@ 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(ae.value, (e, t) => (x(), a(z, {
 						key: t,
-						variant: pe(e) ? "solid" : fe(e) ? "mute" : "ghost",
-						intent: pe(e) || fe(e) ? "primary" : "none",
+						variant: de(e) ? "solid" : ue(e) ? "mute" : "ghost",
+						intent: de(e) || ue(e) ? "primary" : "none",
 						class: g(["day-cell", { "is-not-current": !e.isCurrentMonth }]),
 						padding: "0",
-						onClick: (t) => he(e)
+						onClick: (t) => pe(e)
 					}, {
 						default: j(() => [d(E(e.day), 1)]),
 						_: 2
@@ -2708,12 +2892,12 @@ 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(q.value, (e) => (x(), a(z, {
 						key: e,
 						variant: e === G.value ? "solid" : "ghost",
 						intent: e === G.value ? "primary" : "none",
 						class: "year-cell",
-						onClick: (t) => ge(e)
+						onClick: (t) => me(e)
 					}, {
 						default: j(() => [d(E(e), 1)]),
 						_: 2
@@ -2722,16 +2906,16 @@ 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",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[14] ||= N((e) => be("H", -1), ["prevent"]),
-							onMouseup: K,
-							onMouseleave: K
+							onMousedown: i[14] ||= N((e) => ve("H", -1), ["prevent"]),
+							onMouseup: J,
+							onMouseleave: J
 						}, {
 							default: j(() => [...i[35] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2752,16 +2936,16 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							min: "0",
 							max: "23",
 							value: U.value,
-							onInput: i[15] ||= (e) => xe(e, "H")
-						}, null, 40, Kr),
+							onInput: i[15] ||= (e) => ye(e, "H")
+						}, null, 40, ni),
 						f(z, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[16] ||= N((e) => be("H", 1), ["prevent"]),
-							onMouseup: K,
-							onMouseleave: K
+							onMousedown: i[16] ||= N((e) => ve("H", 1), ["prevent"]),
+							onMouseup: J,
+							onMouseleave: J
 						}, {
 							default: j(() => [...i[36] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2776,17 +2960,17 @@ 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",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[17] ||= N((e) => be("m", -1), ["prevent"]),
-							onMouseup: K,
-							onMouseleave: K
+							onMousedown: i[17] ||= N((e) => ve("m", -1), ["prevent"]),
+							onMouseup: J,
+							onMouseleave: J
 						}, {
 							default: j(() => [...i[38] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2807,16 +2991,16 @@ var er = { class: "icon-wrap" }, tr = ["innerHTML"], nr = {
 							min: "0",
 							max: "59",
 							value: W.value,
-							onInput: i[18] ||= (e) => xe(e, "m")
-						}, null, 40, Yr),
+							onInput: i[18] ||= (e) => ye(e, "m")
+						}, null, 40, ai),
 						f(z, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[19] ||= N((e) => be("m", 1), ["prevent"]),
-							onMouseup: K,
-							onMouseleave: K
+							onMousedown: i[19] ||= N((e) => ve("m", 1), ["prevent"]),
+							onMouseup: J,
+							onMouseleave: J
 						}, {
 							default: j(() => [...i[39] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -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[Y.value]) + " " + E(be.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,26 @@ 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 = {
+	key: 0,
+	class: "icon",
+	"aria-hidden": "true"
+}, aa = ["textContent"], oa = ["textContent"], sa = ["onClick"], ca = ["src"], la = {
 	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 = {
+}, ua = { class: "duration" }, da = { class: "card-body" }, fa = ["title"], pa = { class: "file-meta" }, ma = { key: 0 }, ha = {
+	key: 1,
+	class: "dot-separator"
+}, ga = { key: 2 }, _a = { class: "card-actions" }, va = ["onClick"], ya = ["disabled", "onClick"], ba = { class: "vi-modal-card" }, xa = { class: "vi-modal-media" }, Sa = ["src"], Ca = {
 	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({
+}, wa = { class: "vi-modal-bar" }, Ta = { class: "vi-modal-info" }, Ea = { class: "modal-name" }, Da = { class: "modal-meta" }, Oa = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NVideoSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3318,6 +3453,10 @@ var qi = {
 			type: Boolean,
 			default: !1
 		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
 		title: { default: "" },
 		showCount: {
 			type: Boolean,
@@ -3338,20 +3477,32 @@ 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 u = l, p = C(!1), h = C(null), [_, y, b] = $i(), { confirm: S } = Rt(), T = i(() => r.modelValue.length), O = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 1024).toFixed(0) + " KB" : e < 1073741824 ? (e / 1048576).toFixed(1) + " MB" : (e / 1073741824).toFixed(2) + " GB", k = (e) => {
 			if (e == null || isNaN(e)) return "0:00";
 			let t = Math.round(e), n = Math.floor(t / 60), r = t % 60;
 			return n + ":" + (r < 10 ? "0" : "") + r;
-		}, P = (e) => e.width && e.height ? e.width + "×" + e.height : "—", ee = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "v" + Math.random().toString(36).slice(2, 9), F = (e) => {
+		}, M = (e) => e.width && e.height ? e.width + "×" + e.height : "—", P = (e) => {
+			if (e.name) return e.name;
+			try {
+				let t = new URL(e.url, window.location.href).pathname;
+				return decodeURIComponent(t.split("/").filter(Boolean).pop() ?? "影片");
+			} catch {
+				return "影片";
+			}
+		}, F = (e) => {
+			e?.startsWith("blob:") && URL.revokeObjectURL(e);
+		}, I = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "v" + Math.random().toString(36).slice(2, 9), ee = (e) => {
 			let t = r.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
 			if (t.length === 0) return e.type.startsWith("video/");
 			let n = e.type.toLowerCase(), i = e.name.toLowerCase();
 			return t.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? n.startsWith(e.slice(0, -1)) : n === e);
-		}, I = (e) => {
+		}, te = (e) => {
 			if (!e.url) return;
 			let t = document.createElement("video");
 			t.preload = "metadata";
 			let n = () => {
+				t.removeEventListener("loadedmetadata", i), t.removeEventListener("error", n), t.removeAttribute("src"), t.load();
+			}, i = () => {
 				if (r.modelValue.some((t) => t.id === e.id)) {
 					let n = r.modelValue.map((n) => n.id === e.id ? {
 						...n,
@@ -3359,38 +3510,44 @@ var qi = {
 						width: t.videoWidth,
 						height: t.videoHeight
 					} : n);
-					p("update:modelValue", n), p("change", n);
+					u("update:modelValue", n), u("change", n);
 				}
-				t.removeEventListener("loadedmetadata", n), t.removeAttribute("src"), t.load();
+				n();
 			};
-			t.addEventListener("loadedmetadata", n), t.src = e.url;
-		}, L = (e) => {
-			if (r.disabled) return;
+			t.addEventListener("loadedmetadata", i), t.addEventListener("error", n), t.src = e.url;
+		}, L = /* @__PURE__ */ new Set();
+		A(() => r.modelValue, (e) => {
+			e.forEach((e) => {
+				!e.url || L.has(e.id) || (L.add(e.id), (e.duration == null || e.width == null) && te(e));
+			});
+		}, { immediate: !0 });
+		let R = (e) => {
+			if (r.disabled || r.readonly) return;
 			let t = [], n = !1;
 			if (Array.prototype.forEach.call(e, (e) => {
-				if (!F(e)) {
-					p("error", {
+				if (!ee(e)) {
+					u("error", {
 						type: "type",
 						file: e
 					});
 					return;
 				}
 				if (r.maxSize > 0 && e.size > r.maxSize * 1024 * 1024) {
-					p("error", {
+					u("error", {
 						type: "size",
 						file: e
 					});
 					return;
 				}
 				if (!r.multiple && r.modelValue.length + t.length >= 1) {
-					n ||= (p("error", {
+					n ||= (u("error", {
 						type: "count",
 						file: e
 					}), !0);
 					return;
 				}
 				t.push({
-					id: ee(),
+					id: I(),
 					file: e,
 					name: e.name,
 					size: e.size,
@@ -3401,89 +3558,109 @@ var qi = {
 				});
 			}), t.length === 0) return;
 			let i = [...r.modelValue, ...t];
-			p("update:modelValue", i), p("change", i), p("add", t), t.forEach(I);
-		}, te = async () => {
-			if (!r.disabled) if (r.multiple) {
+			u("update:modelValue", i), u("change", i), u("add", t), t.forEach((e) => {
+				L.add(e.id), te(e);
+			});
+		}, z = async () => {
+			if (!(r.disabled || r.readonly)) if (r.multiple) {
 				let e = await $.input.custom(r.accept, !0);
 				if (e.length === 0) return;
-				L(e.map((e) => e.file));
+				R(e.map((e) => e.file));
 			} else {
 				let e = await $.input.custom(r.accept, !1);
 				if (!e) return;
-				L([e.file]);
+				R([e.file]);
 			}
-		}, R = async (e) => {
-			if (r.disabled) return;
+		}, B = async (e) => {
+			if (r.disabled || r.readonly) return;
 			let t = r.modelValue.find((t) => t.id === e);
-			if (!t || !await T(`確定要移除「${t.name}」嗎？`, {
+			if (!t || !await S(`確定要移除「${P(t)}」嗎？`, {
 				title: "移除影片",
 				status: "danger",
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			t.url && URL.revokeObjectURL(t.url);
+			F(t.url);
 			let n = r.modelValue.filter((t) => t.id !== e);
-			p("update:modelValue", n), p("change", n), p("remove", t);
-		}, z = (e) => {
-			_.value = e, b();
-		}, B = () => {
-			S();
-		}, V = i(() => {
-			let e = _.value;
+			u("update:modelValue", n), u("change", n), u("remove", t);
+		}, V = (e) => {
+			h.value = e, y();
+		}, H = () => {
+			b();
+		}, U = i(() => {
+			let e = h.value;
 			return e ? [
-				k(e.size),
-				P(e),
-				M(e.duration)
-			].join(" · ") : "";
-		}), H = (e) => {
-			e.key === "Escape" && B();
-		}, U = "";
-		A(y, (e) => {
-			e ? (U = document.body.style.overflow, document.body.style.overflow = "hidden", document.addEventListener("keydown", H)) : (document.body.style.overflow = U, document.removeEventListener("keydown", H));
+				e.size == null ? null : O(e.size),
+				e.width && e.height ? M(e) : null,
+				k(e.duration)
+			].filter(Boolean).join(" · ") : "";
+		}), W = (e) => {
+			e.key === "Escape" && H();
+		}, ne = "";
+		A(_, (e) => {
+			e ? (ne = document.body.style.overflow, document.body.style.overflow = "hidden", document.addEventListener("keydown", W)) : (document.body.style.overflow = ne, document.removeEventListener("keydown", W));
 		}), v(() => {
-			document.body.style.overflow = U, document.removeEventListener("keydown", H), r.autoRevoke && r.modelValue.forEach((e) => {
-				e.url && URL.revokeObjectURL(e.url);
-			});
+			document.body.style.overflow = ne, document.removeEventListener("keydown", W), r.autoRevoke && r.modelValue.forEach((e) => F(e.url));
 		});
-		let W = {
-			onClick: te,
+		let re = {
+			onClick: z,
 			onDragenter: (e) => {
-				r.disabled || (e.preventDefault(), h.value = !0);
+				r.disabled || r.readonly || (e.preventDefault(), p.value = !0);
 			},
 			onDragover: (e) => e.preventDefault(),
 			onDragleave: (e) => {
-				e.preventDefault(), h.value = !1;
+				e.preventDefault(), p.value = !1;
 			},
 			onDrop: (e) => {
-				r.disabled || (e.preventDefault(), h.value = !1, e.dataTransfer?.files?.length && L(e.dataTransfer.files));
+				r.disabled || r.readonly || (e.preventDefault(), p.value = !1, e.dataTransfer?.files?.length && R(e.dataTransfer.files));
 			}
 		};
-		return (i, l) => (x(), s("div", { class: g(["video-input", { "is-disabled": r.disabled }]) }, [
-			r.title || r.showCount ? (x(), s("div", qi, [r.title ? (x(), s("span", {
+		return (i, l) => (x(), s("div", { class: g(["video-input", {
+			"is-disabled": r.disabled,
+			"is-readonly": r.readonly
+		}]) }, [
+			r.title || r.showCount ? (x(), s("div", ea, [r.title ? (x(), s("span", {
 				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(T.value) + " 支", 1)) : o("", !0)])) : o("", !0),
+			c("div", ra, [T.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)
+				class: ["empty", {
+					"is-drag": p.value,
+					"is-static": r.readonly
+				}]
+			}, r.readonly ? {} : re), [
+				r.readonly ? o("", !0) : (x(), s("span", ia, [...l[0] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "1.7",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, [
+					c("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+					c("path", { d: "M7 9l5-5 5 5" }),
+					c("path", { d: "M12 4v12" })
+				], -1)]])),
+				c("h3", { textContent: E(r.readonly ? "目前沒有影片" : r.emptyTitle) }, null, 8, aa),
+				r.readonly ? o("", !0) : (x(), s("p", {
+					key: 1,
+					textContent: E(r.emptyHint)
+				}, null, 8, oa))
 			], 16)) : (x(), s(e, { key: 1 }, [(x(!0), s(e, null, w(r.modelValue, (e) => (x(), s("div", {
 				key: e.id,
 				class: "card"
 			}, [c("div", {
 				class: g(["thumb", { placeholder: !e.url }]),
-				onClick: (t) => z(e)
+				onClick: (t) => V(e)
 			}, [
 				e.url ? (x(), s("video", {
 					key: 0,
 					src: e.url + "#t=0.5",
 					muted: "",
 					preload: "metadata"
-				}, null, 8, ea)) : (x(), s("div", ta, "縮圖預覽")),
+				}, null, 8, ca)) : (x(), s("div", la, "縮圖預覽")),
 				l[1] ||= c("div", {
 					class: "play",
 					"aria-hidden": "true"
@@ -3491,21 +3668,21 @@ 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", ua, E(k(e.duration)), 1)
+			], 10, sa), c("div", da, [
 				c("div", {
 					class: "file-name",
-					title: e.name
-				}, E(e.name), 9, ia),
-				c("div", aa, [
-					c("span", null, E(k(e.size)), 1),
-					l[2] ||= c("span", { class: "dot-separator" }, null, -1),
-					c("span", null, E(P(e)), 1)
+					title: P(e)
+				}, E(P(e)), 9, fa),
+				c("div", pa, [
+					e.size == null ? o("", !0) : (x(), s("span", ma, E(O(e.size)), 1)),
+					e.size != null && e.width && e.height ? (x(), s("span", ha)) : o("", !0),
+					e.width && e.height ? (x(), s("span", ga, E(M(e)), 1)) : o("", !0)
 				]),
-				c("div", oa, [c("button", {
+				c("div", _a, [c("button", {
 					class: "action preview",
-					onClick: (t) => z(e)
-				}, [...l[3] ||= [c("svg", {
+					onClick: (t) => V(e)
+				}, [...l[2] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -3516,23 +3693,24 @@ var qi = {
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, sa), c("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, va), r.readonly ? o("", !0) : (x(), s("button", {
+					key: 0,
 					class: "action delete",
 					"aria-label": "刪除",
 					disabled: r.disabled,
-					onClick: N((t) => R(e.id), ["stop"])
-				}, [...l[4] ||= [c("svg", {
+					onClick: N((t) => B(e.id), ["stop"])
+				}, [...l[3] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
 					"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)])
-			])]))), 128)), r.multiple ? (x(), s("div", m({
+				}, [c("path", { d: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), c("path", { d: "M10 11v6M14 11v6" })], -1)]], 8, ya))])
+			])]))), 128)), r.multiple && !r.readonly ? (x(), s("div", m({
 				key: 0,
-				class: ["add-card", { "is-drag": h.value }]
-			}, W), [...l[5] ||= [
+				class: ["add-card", { "is-drag": p.value }]
+			}, re), [...l[4] ||= [
 				c("span", {
 					class: "plus",
 					"aria-hidden": "true"
@@ -3548,23 +3726,23 @@ var qi = {
 				c("span", { class: "hint" }, "點擊或拖放檔案 · MP4 / MOV / WebM", -1)
 			]], 16)) : o("", !0)], 64))]),
 			(x(), a(t, { to: "body" }, [f(n, { name: "vi-modal" }, {
-				default: j(() => [D(y) ? (x(), s("div", {
+				default: j(() => [D(_) ? (x(), s("div", {
 					key: 0,
 					class: "vi-modal",
-					onClick: N(B, ["self"])
-				}, [c("div", la, [c("div", ua, [_.value?.url ? (x(), s("video", {
+					onClick: N(H, ["self"])
+				}, [c("div", ba, [c("div", xa, [h.value?.url ? (x(), s("video", {
 					key: 0,
-					src: _.value.url,
+					src: h.value.url,
 					controls: "",
 					autoplay: "",
 					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, Sa)) : (x(), s("div", Ca, " 示範影片 · 上傳真實檔案即可在此播放 "))]), c("div", wa, [c("div", Ta, [c("div", Ea, E(h.value ? P(h.value) : ""), 1), c("div", Da, E(U.value), 1)]), c("button", {
 					class: "vi-modal-close",
 					"aria-label": "關閉",
-					onClick: B
-				}, [...l[6] ||= [c("svg", {
+					onClick: H
+				}, [...l[5] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -3576,19 +3754,26 @@ var qi = {
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-263224d2"]]), va = {
+}), [["__scopeId", "data-v-414cc3f4"]]), ka = {
 	key: 0,
 	class: "head"
-}, ya = ["textContent"], ba = {
+}, Aa = ["textContent"], ja = {
 	key: 1,
 	class: "count-chip"
-}, xa = { class: "grid" }, Sa = ["textContent"], Ca = ["textContent"], wa = ["onClick"], Ta = ["src", "alt"], Ea = {
+}, Ma = { class: "grid" }, Na = {
+	key: 0,
+	class: "icon",
+	"aria-hidden": "true"
+}, Pa = ["textContent"], Fa = ["textContent"], Ia = ["onClick"], La = ["src", "alt"], Ra = {
 	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 = {
+}, za = { class: "card-body" }, Ba = ["title"], Va = { class: "file-meta" }, Ha = { key: 0 }, Ua = {
+	key: 1,
+	class: "dot-separator"
+}, Wa = { key: 2 }, Ga = { class: "card-actions" }, Ka = ["onClick"], qa = ["disabled", "onClick"], Ja = { class: "ii-modal-card" }, Ya = { class: "ii-modal-media" }, Xa = ["src", "alt"], Za = {
 	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({
+}, Qa = { class: "ii-modal-bar" }, $a = { class: "ii-modal-info" }, eo = { class: "modal-name" }, to = { class: "modal-meta" }, no = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NImageSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3602,6 +3787,10 @@ var qi = {
 			type: Boolean,
 			default: !1
 		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
 		title: { default: "" },
 		showCount: {
 			type: Boolean,
@@ -3622,52 +3811,70 @@ 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 u = l, p = C(!1), h = C(null), [_, y, b] = $i(), { confirm: S } = Rt(), T = i(() => r.modelValue.length), O = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 1024).toFixed(0) + " KB" : e < 1073741824 ? (e / 1048576).toFixed(1) + " MB" : (e / 1073741824).toFixed(2) + " GB", k = (e) => e.width && e.height ? e.width + "×" + e.height : "—", M = (e) => {
+			if (e.name) return e.name;
+			try {
+				let t = new URL(e.url, window.location.href).pathname;
+				return decodeURIComponent(t.split("/").filter(Boolean).pop() ?? "圖片");
+			} catch {
+				return "圖片";
+			}
+		}, P = (e) => {
+			e?.startsWith("blob:") && URL.revokeObjectURL(e);
+		}, F = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "i" + Math.random().toString(36).slice(2, 9), I = (e) => {
 			let t = r.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
 			if (t.length === 0) return e.type.startsWith("image/");
 			let n = e.type.toLowerCase(), i = e.name.toLowerCase();
 			return t.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? n.startsWith(e.slice(0, -1)) : n === e);
-		}, F = (e) => {
+		}, ee = (e) => {
 			if (!e.url) return;
 			let t = new Image(), n = () => {
+				t.removeEventListener("load", i), t.removeEventListener("error", n), t.removeAttribute("src");
+			}, i = () => {
 				if (r.modelValue.some((t) => t.id === e.id)) {
 					let n = r.modelValue.map((n) => n.id === e.id ? {
 						...n,
 						width: t.naturalWidth,
 						height: t.naturalHeight
 					} : n);
-					p("update:modelValue", n), p("change", n);
+					u("update:modelValue", n), u("change", n);
 				}
-				t.removeEventListener("load", n), t.removeAttribute("src");
+				n();
 			};
-			t.addEventListener("load", n), t.src = e.url;
-		}, I = (e) => {
-			if (r.disabled) return;
+			t.addEventListener("load", i), t.addEventListener("error", n), t.src = e.url;
+		}, te = /* @__PURE__ */ new Set();
+		A(() => r.modelValue, (e) => {
+			e.forEach((e) => {
+				!e.url || te.has(e.id) || (te.add(e.id), (e.width == null || e.height == null) && ee(e));
+			});
+		}, { immediate: !0 });
+		let L = (e) => {
+			if (r.disabled || r.readonly) return;
 			let t = [], n = !1;
 			if (Array.prototype.forEach.call(e, (e) => {
-				if (!ee(e)) {
-					p("error", {
+				if (!I(e)) {
+					u("error", {
 						type: "type",
 						file: e
 					});
 					return;
 				}
 				if (r.maxSize > 0 && e.size > r.maxSize * 1024 * 1024) {
-					p("error", {
+					u("error", {
 						type: "size",
 						file: e
 					});
 					return;
 				}
 				if (!r.multiple && r.modelValue.length + t.length >= 1) {
-					n ||= (p("error", {
+					n ||= (u("error", {
 						type: "count",
 						file: e
 					}), !0);
 					return;
 				}
 				t.push({
-					id: P(),
+					id: F(),
 					file: e,
 					name: e.name,
 					size: e.size,
@@ -3677,84 +3884,114 @@ var qi = {
 				});
 			}), t.length === 0) return;
 			let i = [...r.modelValue, ...t];
-			p("update:modelValue", i), p("change", i), p("add", t), t.forEach(F);
-		}, L = async () => {
-			if (!r.disabled) if (r.multiple) {
+			u("update:modelValue", i), u("change", i), u("add", t), t.forEach((e) => {
+				te.add(e.id), ee(e);
+			});
+		}, R = async () => {
+			if (!(r.disabled || r.readonly)) if (r.multiple) {
 				let e = await $.input.custom(r.accept, !0);
 				if (e.length === 0) return;
-				I(e.map((e) => e.file));
+				L(e.map((e) => e.file));
 			} else {
 				let e = await $.input.custom(r.accept, !1);
 				if (!e) return;
-				I([e.file]);
+				L([e.file]);
 			}
-		}, te = async (e) => {
-			if (r.disabled) return;
+		}, z = async (e) => {
+			if (r.disabled || r.readonly) return;
 			let t = r.modelValue.find((t) => t.id === e);
-			if (!t || !await T(`確定要移除「${t.name}」嗎？`, {
+			if (!t || !await S(`確定要移除「${M(t)}」嗎？`, {
 				title: "移除圖片",
 				status: "danger",
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			t.url && URL.revokeObjectURL(t.url);
+			P(t.url);
 			let n = r.modelValue.filter((t) => t.id !== e);
-			p("update:modelValue", n), p("change", n), p("remove", t);
-		}, R = (e) => {
-			_.value = e, b();
-		}, z = () => {
-			S();
-		}, B = i(() => {
-			let e = _.value;
-			return e ? [k(e.size), M(e)].join(" · ") : "";
-		}), V = (e) => {
-			e.key === "Escape" && z();
-		}, H = "";
-		A(y, (e) => {
-			e ? (H = document.body.style.overflow, document.body.style.overflow = "hidden", document.addEventListener("keydown", V)) : (document.body.style.overflow = H, document.removeEventListener("keydown", V));
+			u("update:modelValue", n), u("change", n), u("remove", t);
+		}, B = (e) => {
+			h.value = e, y();
+		}, V = () => {
+			b();
+		}, H = i(() => {
+			let e = h.value;
+			return e ? [e.size == null ? null : O(e.size), e.width && e.height ? k(e) : null].filter(Boolean).join(" · ") : "";
+		}), U = (e) => {
+			e.key === "Escape" && V();
+		}, W = "";
+		A(_, (e) => {
+			e ? (W = document.body.style.overflow, document.body.style.overflow = "hidden", document.addEventListener("keydown", U)) : (document.body.style.overflow = W, document.removeEventListener("keydown", U));
 		}), v(() => {
-			document.body.style.overflow = H, document.removeEventListener("keydown", V), r.autoRevoke && r.modelValue.forEach((e) => {
-				e.url && URL.revokeObjectURL(e.url);
-			});
+			document.body.style.overflow = W, document.removeEventListener("keydown", U), r.autoRevoke && r.modelValue.forEach((e) => P(e.url));
 		});
-		let U = {
-			onClick: L,
+		let ne = {
+			onClick: R,
 			onDragenter: (e) => {
-				r.disabled || (e.preventDefault(), h.value = !0);
+				r.disabled || r.readonly || (e.preventDefault(), p.value = !0);
 			},
 			onDragover: (e) => e.preventDefault(),
 			onDragleave: (e) => {
-				e.preventDefault(), h.value = !1;
+				e.preventDefault(), p.value = !1;
 			},
 			onDrop: (e) => {
-				r.disabled || (e.preventDefault(), h.value = !1, e.dataTransfer?.files?.length && I(e.dataTransfer.files));
+				r.disabled || r.readonly || (e.preventDefault(), p.value = !1, e.dataTransfer?.files?.length && L(e.dataTransfer.files));
 			}
 		};
-		return (i, l) => (x(), s("div", { class: g(["image-input", { "is-disabled": r.disabled }]) }, [
-			r.title || r.showCount ? (x(), s("div", va, [r.title ? (x(), s("span", {
+		return (i, l) => (x(), s("div", { class: g(["image-input", {
+			"is-disabled": r.disabled,
+			"is-readonly": r.readonly
+		}]) }, [
+			r.title || r.showCount ? (x(), s("div", ka, [r.title ? (x(), s("span", {
 				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, Aa)) : o("", !0), r.showCount ? (x(), s("span", ja, E(T.value) + " 張", 1)) : o("", !0)])) : o("", !0),
+			c("div", Ma, [T.value === 0 ? (x(), s("div", m({
 				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)
+				class: ["empty", {
+					"is-drag": p.value,
+					"is-static": r.readonly
+				}]
+			}, r.readonly ? {} : ne), [
+				r.readonly ? o("", !0) : (x(), s("span", Na, [...l[0] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, [
+					c("rect", {
+						x: "3",
+						y: "3",
+						width: "18",
+						height: "18",
+						rx: "2"
+					}),
+					c("circle", {
+						cx: "8.5",
+						cy: "8.5",
+						r: "1.5"
+					}),
+					c("path", { d: "M21 15l-5-5L5 21" })
+				], -1)]])),
+				c("h3", { textContent: E(r.readonly ? "目前沒有圖片" : r.emptyTitle) }, null, 8, Pa),
+				r.readonly ? o("", !0) : (x(), s("p", {
+					key: 1,
+					textContent: E(r.emptyHint)
+				}, null, 8, Fa))
 			], 16)) : (x(), s(e, { key: 1 }, [(x(!0), s(e, null, w(r.modelValue, (e) => (x(), s("div", {
 				key: e.id,
 				class: "card"
 			}, [c("div", {
 				class: g(["thumb", { placeholder: !e.url }]),
-				onClick: (t) => R(e)
+				onClick: (t) => B(e)
 			}, [e.url ? (x(), s("img", {
 				key: 0,
 				src: e.url,
-				alt: e.name,
+				alt: M(e),
 				loading: "lazy"
-			}, null, 8, Ta)) : (x(), s("div", Ea, "縮圖預覽")), l[1] ||= c("div", {
+			}, null, 8, La)) : (x(), s("div", Ra, "縮圖預覽")), l[1] ||= c("div", {
 				class: "zoom",
 				"aria-hidden": "true"
 			}, [c("svg", {
@@ -3768,20 +4005,20 @@ 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, Ia), c("div", za, [
 				c("div", {
 					class: "file-name",
-					title: e.name
-				}, E(e.name), 9, Oa),
-				c("div", ka, [
-					c("span", null, E(k(e.size)), 1),
-					l[2] ||= c("span", { class: "dot-separator" }, null, -1),
-					c("span", null, E(M(e)), 1)
+					title: M(e)
+				}, E(M(e)), 9, Ba),
+				c("div", Va, [
+					e.size == null ? o("", !0) : (x(), s("span", Ha, E(O(e.size)), 1)),
+					e.size != null && e.width && e.height ? (x(), s("span", Ua)) : o("", !0),
+					e.width && e.height ? (x(), s("span", Wa, E(k(e)), 1)) : o("", !0)
 				]),
-				c("div", Aa, [c("button", {
+				c("div", Ga, [c("button", {
 					class: "action preview",
-					onClick: (t) => R(e)
-				}, [...l[3] ||= [c("svg", {
+					onClick: (t) => B(e)
+				}, [...l[2] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -3792,23 +4029,24 @@ var qi = {
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, ja), c("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, Ka), r.readonly ? o("", !0) : (x(), s("button", {
+					key: 0,
 					class: "action delete",
 					"aria-label": "刪除",
 					disabled: r.disabled,
-					onClick: N((t) => te(e.id), ["stop"])
-				}, [...l[4] ||= [c("svg", {
+					onClick: N((t) => z(e.id), ["stop"])
+				}, [...l[3] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
 					"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)])
-			])]))), 128)), r.multiple ? (x(), s("div", m({
+				}, [c("path", { d: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), c("path", { d: "M10 11v6M14 11v6" })], -1)]], 8, qa))])
+			])]))), 128)), r.multiple && !r.readonly ? (x(), s("div", m({
 				key: 0,
-				class: ["add-card", { "is-drag": h.value }]
-			}, U), [...l[5] ||= [
+				class: ["add-card", { "is-drag": p.value }]
+			}, ne), [...l[4] ||= [
 				c("span", {
 					class: "plus",
 					"aria-hidden": "true"
@@ -3824,19 +4062,19 @@ var qi = {
 				c("span", { class: "hint" }, "點擊或拖放檔案 · JPG / PNG / WebP / GIF", -1)
 			]], 16)) : o("", !0)], 64))]),
 			(x(), a(t, { to: "body" }, [f(n, { name: "ii-modal" }, {
-				default: j(() => [D(y) ? (x(), s("div", {
+				default: j(() => [D(_) ? (x(), s("div", {
 					key: 0,
 					class: "ii-modal",
-					onClick: N(z, ["self"])
-				}, [c("div", Na, [c("div", Pa, [_.value?.url ? (x(), s("img", {
+					onClick: N(V, ["self"])
+				}, [c("div", Ja, [c("div", Ya, [h.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", {
+					src: h.value.url,
+					alt: h.value ? M(h.value) : ""
+				}, null, 8, Xa)) : (x(), s("div", Za, " 示範圖片 · 上傳真實檔案即可在此檢視 "))]), c("div", Qa, [c("div", $a, [c("div", eo, E(h.value ? M(h.value) : ""), 1), c("div", to, E(H.value), 1)]), c("button", {
 					class: "ii-modal-close",
 					"aria-label": "關閉",
-					onClick: z
-				}, [...l[6] ||= [c("svg", {
+					onClick: V
+				}, [...l[5] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -3848,32 +4086,37 @@ var qi = {
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-f11198be"]]), Ha = {
+}), [["__scopeId", "data-v-0531aeda"]]), ro = {
 	key: 0,
 	class: "head"
-}, Ua = ["textContent"], Wa = {
+}, io = ["textContent"], ao = {
 	key: 1,
 	class: "count-chip"
-}, Ga = ["textContent"], Ka = ["textContent"], qa = {
+}, oo = {
+	key: 0,
+	class: "icon",
+	"aria-hidden": "true"
+}, so = ["textContent"], co = ["textContent"], lo = {
 	key: 2,
 	class: "list"
-}, Ja = [
+}, uo = [
 	"src",
+	"onLoadedmetadata",
 	"onTimeupdate",
 	"onEnded"
-], Ya = [
+], fo = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Xa = {
+], po = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, Za = {
+}, mo = {
 	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({
+}, ho = { class: "meta" }, go = ["title"], _o = { class: "sub" }, vo = ["onMousedown", "onTouchstart"], yo = { class: "time" }, bo = ["disabled", "onClick"], xo = { class: "meta" }, So = { class: "name" }, Co = 256, wo = 5, To = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NAudioSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3887,6 +4130,10 @@ var qi = {
 			type: Boolean,
 			default: !1
 		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
 		title: { default: "" },
 		showCount: {
 			type: Boolean,
@@ -3907,81 +4154,110 @@ 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) => {
-			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) => {
+		let r = /* @__PURE__ */ new Map(), a = (e, t, n) => {
+			let i = r.get(e);
+			if (i) return i.refCount += 1, i;
+			let a = {
+				peaks: t,
+				duration: n,
+				refCount: 1
+			};
+			return r.set(e, a), a;
+		}, l = (e, t) => {
+			if (!e) return;
+			let n = r.get(e);
+			n && (--n.refCount, t && n.refCount <= 0 && r.delete(e));
+		}, f = n, { confirm: p } = Rt(), h = C(!1), y = C([]), b = C(null), T = S({}), D = S({}), O = S({}), k = /* @__PURE__ */ new Set(), j = /* @__PURE__ */ new Map(), M = (e, t, n) => {
+			a(e, t, n), j.set(e, (j.get(e) ?? 0) + 1);
+		}, P = (e, t) => {
+			if (!e) return;
+			let n = j.get(e) ?? 0;
+			n <= 0 || (n === 1 ? j.delete(e) : j.set(e, n - 1), l(e, t));
+		}, F = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map(), ee = (e, t) => {
+			t ? F.set(e, t) : F.delete(e);
+		}, te = i(() => t.modelValue.length), L = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 1024).toFixed(0) + " KB" : e < 1073741824 ? (e / 1048576).toFixed(1) + " MB" : (e / 1073741824).toFixed(2) + " GB", R = (e) => {
 			if (e == null || isNaN(e)) return "0:00";
 			let t = Math.floor(e), n = Math.floor(t / 60), r = t % 60;
 			return n + ":" + (r < 10 ? "0" : "") + r;
-		}, j = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "a" + Math.random().toString(36).slice(2, 9), M = (e) => {
+		}, z = () => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : "a" + Math.random().toString(36).slice(2, 9), B = (e) => {
+			if (e.name) return e.name;
+			try {
+				let t = new URL(e.url, window.location.href).pathname;
+				return decodeURIComponent(t.split("/").filter(Boolean).pop() ?? "音訊");
+			} catch {
+				return "音訊";
+			}
+		}, V = (e) => {
+			e?.startsWith("blob:") && URL.revokeObjectURL(e);
+		}, H = (e) => {
 			let n = t.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
 			if (n.length === 0) return e.type.startsWith("audio/");
 			let r = e.type.toLowerCase(), i = e.name.toLowerCase();
 			return n.some((e) => e.startsWith(".") ? i.endsWith(e) : e.endsWith("/*") ? r.startsWith(e.slice(0, -1)) : r === e);
-		}, 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 = 0, n = e * i, s = Math.min(r.length, n + i);
-				for (let e = n; e < s; e++) {
-					let n = Math.abs(r[e]);
-					n > t && (t = n);
+		}, U = null, W = () => (U ||= new (window.AudioContext || window.webkitAudioContext)(), U), ne = async (e) => {
+			let t = await W().decodeAudioData(e.slice(0)), n = t.getChannelData(0), r = Math.floor(n.length / Co) || 1, i = Array(Co), a = 0;
+			for (let e = 0; e < Co; e++) {
+				let t = 0, o = e * r, s = Math.min(n.length, o + r);
+				for (let e = o; e < s; e++) {
+					let r = Math.abs(n[e]);
+					r > t && (t = r);
 				}
-				a[e] = t, t > o && (o = t);
+				i[e] = t, t > a && (a = t);
 			}
-			let s = o > 0 ? 1 / o : 1;
-			for (let e = 0; e < oo; e++) a[e] = Math.max(.06, a[e] * s);
+			let o = a > 0 ? 1 / a : 1;
+			for (let e = 0; e < Co; e++) i[e] = Math.max(.06, i[e] * o);
 			return {
-				peaks: a,
-				duration: n.duration
+				peaks: i,
+				duration: t.duration
 			};
-		}, I = (e) => {
-			let t = T.get(e), n = p[e];
+		}, re = (e) => e.arrayBuffer().then((e) => ne(e)), G = (e) => {
+			let t = I.get(e), n = T[e];
 			if (!t || !n) return;
 			let r = t.clientWidth;
 			if (r <= 0) {
-				requestAnimationFrame(() => I(e));
+				requestAnimationFrame(() => G(e));
 				return;
 			}
-			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / so)));
-			if (h[e] && h[e].length === i) return;
+			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / wo)));
+			if (D[e] && D[e].length === i) return;
 			let a = Array(i);
 			for (let e = 0; e < i; e++) {
 				let t = Math.floor(e * n.length / i), r = Math.max(t + 1, Math.floor((e + 1) * n.length / i)), o = 0;
 				for (let e = t; e < r; e++) n[e] > o && (o = n[e]);
 				a[e] = o;
 			}
-			h[e] = a;
-		}, L = typeof ResizeObserver < "u" ? new ResizeObserver((e) => {
+			D[e] = a;
+		}, K = typeof ResizeObserver < "u" ? new ResizeObserver((e) => {
 			e.forEach((e) => {
 				let t = e.target.dataset.waveId;
-				t && I(t);
+				t && G(t);
 			});
-		}) : null, te = (e, t) => {
-			let n = T.get(e);
-			if (n && L && L.unobserve(n), t) {
+		}) : null, ie = (e, t) => {
+			let n = I.get(e);
+			if (n && K && K.unobserve(n), t) {
 				let n = t;
-				n.dataset.waveId = e, T.set(e, n), L ? L.observe(n) : I(e);
-			} else T.delete(e);
-		}, R = (e) => {
-			if (t.disabled) return;
-			let n = [], i = !1;
+				n.dataset.waveId = e, I.set(e, n), K ? K.observe(n) : G(e);
+			} else I.delete(e);
+		}, q = (e) => {
+			if (t.disabled || t.readonly) return;
+			let n = [], r = !1;
 			Array.prototype.forEach.call(e, (e) => {
-				if (!M(e)) {
-					r("error", {
+				if (!H(e)) {
+					f("error", {
 						type: "type",
 						file: e
 					});
 					return;
 				}
 				if (t.maxSize > 0 && e.size > t.maxSize * 1024 * 1024) {
-					r("error", {
+					f("error", {
 						type: "size",
 						file: e
 					});
 					return;
 				}
-				if (!t.multiple && t.modelValue.length + n.length + d.value.length >= 1) {
-					i ||= (r("error", {
+				if (!t.multiple && t.modelValue.length + n.length + y.value.length >= 1) {
+					r ||= (f("error", {
 						type: "count",
 						file: e
 					}), !0);
@@ -3989,139 +4265,196 @@ var qi = {
 				}
 				n.push(e);
 			}), n.length !== 0 && n.forEach((e) => {
-				let n = "p" + j();
-				d.value.push({
+				let n = "p" + z();
+				y.value.push({
 					tag: n,
 					name: e.name
-				}), F(e).then(({ peaks: n, duration: i }) => {
-					let a = {
-						id: j(),
+				}), re(e).then(({ peaks: n, duration: r }) => {
+					let i = {
+						id: z(),
 						file: e,
 						name: e.name,
 						size: e.size,
-						duration: i,
+						duration: r,
 						url: URL.createObjectURL(e)
 					};
-					p[a.id] = n, y[a.id] = 0;
-					let o = [...t.modelValue, a];
-					r("update:modelValue", o), r("change", o), r("add", [a]);
+					T[i.id] = n, O[i.id] = 0, k.add(i.id), M(i.url, n, r);
+					let a = [...t.modelValue, i];
+					f("update:modelValue", a), f("change", a), f("add", [i]);
 				}).catch(() => {
-					r("error", {
+					f("error", {
 						type: "type",
 						file: e
 					});
 				}).finally(() => {
-					d.value = d.value.filter((e) => e.tag !== n);
+					y.value = y.value.filter((e) => e.tag !== n);
 				});
 			});
-		}, z = async () => {
-			if (!t.disabled) if (t.multiple) {
+		}, ae = async () => {
+			if (!(t.disabled || t.readonly)) if (t.multiple) {
 				let e = await $.input.custom(t.accept, !0);
 				if (e.length === 0) return;
-				R(e.map((e) => e.file));
+				q(e.map((e) => e.file));
 			} else {
 				let e = await $.input.custom(t.accept, !1);
 				if (!e) return;
-				R([e.file]);
+				q([e.file]);
 			}
-		}, B = async (e) => {
-			if (t.disabled) return;
+		}, oe = async (e) => {
+			if (t.disabled || t.readonly) return;
 			let n = t.modelValue.find((t) => t.id === e);
-			if (!n || !await a(`確定要移除「${n.name}」嗎？`, {
+			if (!n || !await p(`確定要移除「${B(n)}」嗎？`, {
 				title: "移除音訊",
 				status: "danger",
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			f.value === e && V(), n.url && URL.revokeObjectURL(n.url), delete p[e], delete h[e], delete y[e];
-			let i = t.modelValue.filter((t) => t.id !== e);
-			r("update:modelValue", i), r("change", i), r("remove", n);
-		}, V = () => {
-			let e = f.value;
-			e && b.get(e)?.pause(), f.value = null;
-		}, H = (e) => {
-			let n = b.get(e);
+			b.value === e && se(), V(n.url), P(n.url, !0), delete T[e], delete D[e], delete O[e], k.delete(e);
+			let r = t.modelValue.filter((t) => t.id !== e);
+			f("update:modelValue", r), f("change", r), f("remove", n);
+		}, se = () => {
+			let e = b.value;
+			e && F.get(e)?.pause(), b.value = null;
+		}, ce = (e) => {
+			let n = F.get(e);
 			if (!n) return;
-			if (f.value === e) {
-				n.pause(), f.value = null;
+			if (b.value === e) {
+				n.pause(), b.value = null;
 				return;
 			}
-			f.value && b.get(f.value)?.pause();
+			b.value && F.get(b.value)?.pause();
 			let r = t.modelValue.find((t) => t.id === e);
-			(n.ended || r?.duration && n.currentTime >= r.duration) && (n.currentTime = 0), f.value = e, n.play();
-		}, U = (e, t) => {
-			y[e] = t.target.currentTime;
-		}, W = (e) => {
-			f.value === e && (f.value = null), y[e] = 0;
-		}, ne = (e, t) => {
-			let n = b.get(e), r = T.get(e);
+			(n.ended || r?.duration && n.currentTime >= r.duration) && (n.currentTime = 0), b.value = e, n.play();
+		}, le = (e, t) => {
+			O[e] = t.target.currentTime;
+		}, ue = (e) => {
+			b.value === e && (b.value = null), O[e] = 0;
+		}, de = (e, t) => {
+			let n = F.get(e), r = I.get(e);
 			if (!n || !r || !n.duration || isNaN(n.duration)) return;
 			let i = r.getBoundingClientRect();
-			n.currentTime = Math.min(Math.max((t - i.left) / i.width, 0), 1) * n.duration, y[e] = n.currentTime;
-		}, re = (e, n) => {
+			n.currentTime = Math.min(Math.max((t - i.left) / i.width, 0), 1) * n.duration, O[e] = n.currentTime;
+		}, fe = (e, n) => {
 			if (t.disabled) return;
-			n.preventDefault(), ne(e, ("touches" in n ? n.touches[0] : n).clientX);
+			n.preventDefault(), de(e, ("touches" in n ? n.touches[0] : n).clientX);
 			let r = (t) => {
-				ne(e, ("touches" in t ? t.touches[0] : t).clientX);
+				de(e, ("touches" in t ? t.touches[0] : t).clientX);
 			}, i = () => {
 				window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", i), window.removeEventListener("touchmove", r), window.removeEventListener("touchend", i);
 			};
 			window.addEventListener("mousemove", r), window.addEventListener("mouseup", i), window.addEventListener("touchmove", r, { passive: !1 }), window.addEventListener("touchend", i);
-		}, G = (e, t) => {
+		}, pe = (e, t) => {
 			if (!e.duration || isNaN(e.duration)) return !1;
-			let n = h[e.id]?.length || 0;
+			let n = D[e.id]?.length || 0;
 			if (n === 0) return !1;
-			let r = (y[e.id] || 0) / e.duration;
+			let r = (O[e.id] || 0) / e.duration;
 			return (t + .5) / n <= r;
+		}, me = (e, n) => {
+			let r = t.modelValue.find((t) => t.id === e);
+			if (!r || r.duration != null) return;
+			let i = t.modelValue.map((t) => t.id === e ? {
+				...t,
+				duration: n
+			} : t);
+			f("update:modelValue", i), f("change", i);
+		}, he = (e, n, r) => {
+			t.modelValue.some((t) => t.id === e) && (T[e] = n, G(e), me(e, r));
+		}, ge = async (e) => {
+			O[e.id] ?? (O[e.id] = 0);
+			let t = r.get(e.url);
+			if (t) {
+				M(e.url, t.peaks, t.duration), he(e.id, t.peaks, t.duration);
+				return;
+			}
+			try {
+				let { peaks: t, duration: n } = await ne(await (await fetch(e.url)).arrayBuffer());
+				M(e.url, t, n), he(e.id, t, n);
+			} catch {}
+		}, _e = (e, t) => {
+			let n = t.target.duration;
+			!isNaN(n) && isFinite(n) && me(e, n);
 		};
-		v(() => {
-			t.autoRevoke && t.modelValue.forEach((e) => {
-				e.url && URL.revokeObjectURL(e.url);
-			}), L?.disconnect(), P &&= (P.close(), null);
+		A(() => t.modelValue, (e) => {
+			e.forEach((e) => {
+				!e.url || k.has(e.id) || (k.add(e.id), T[e.id] || ge(e));
+			});
+		}, { immediate: !0 }), v(() => {
+			t.autoRevoke && t.modelValue.forEach((e) => V(e.url)), j.forEach((e, t) => {
+				for (let n = 0; n < e; n++) l(t, !1);
+			}), j.clear(), K?.disconnect(), U &&= (U.close(), null);
 		});
-		let ie = {
-			onClick: z,
+		let ve = {
+			onClick: ae,
 			onDragenter: (e) => {
-				t.disabled || (e.preventDefault(), l.value = !0);
+				t.disabled || t.readonly || (e.preventDefault(), h.value = !0);
 			},
 			onDragover: (e) => e.preventDefault(),
 			onDragleave: (e) => {
-				e.preventDefault(), l.value = !1;
+				e.preventDefault(), h.value = !1;
 			},
 			onDrop: (e) => {
-				t.disabled || (e.preventDefault(), l.value = !1, e.dataTransfer?.files?.length && R(e.dataTransfer.files));
+				t.disabled || t.readonly || (e.preventDefault(), h.value = !1, e.dataTransfer?.files?.length && q(e.dataTransfer.files));
 			}
 		};
-		return (n, r) => (x(), s("div", { class: g(["audio-input", { "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,
+			"is-readonly": t.readonly
+		}]) }, [t.title || t.showCount ? (x(), s("div", ro, [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, io)) : o("", !0), t.showCount ? (x(), s("span", ao, E(te.value) + " 首", 1)) : o("", !0)])) : o("", !0), te.value === 0 && y.value.length === 0 ? (x(), s("div", m({
 			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, [
+			class: ["empty", {
+				"is-drag": h.value,
+				"is-static": t.readonly
+			}]
+		}, t.readonly ? {} : ve), [
+			t.readonly ? o("", !0) : (x(), s("span", oo, [...r[0] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "1.7",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [
+				c("path", { d: "M9 18V5l12-2v13" }),
+				c("circle", {
+					cx: "6",
+					cy: "18",
+					r: "3"
+				}),
+				c("circle", {
+					cx: "18",
+					cy: "16",
+					r: "3"
+				})
+			], -1)]])),
+			c("h3", { textContent: E(t.readonly ? "目前沒有音訊" : t.emptyTitle) }, null, 8, so),
+			t.readonly ? o("", !0) : (x(), s("p", {
+				key: 1,
+				textContent: E(t.emptyHint)
+			}, null, 8, co))
+		], 16)) : (x(), s("div", lo, [
 			(x(!0), s(e, null, w(t.modelValue, (n) => (x(), s("div", {
 				key: n.id,
-				class: g(["row", { "is-playing": f.value === n.id }])
+				class: g(["row", { "is-playing": b.value === n.id }])
 			}, [
 				c("audio", {
 					ref_for: !0,
-					ref: (e) => D(n.id, e),
+					ref: (e) => ee(n.id, e),
 					src: n.url,
 					preload: "metadata",
-					onTimeupdate: (e) => U(n.id, e),
-					onEnded: (e) => W(n.id)
-				}, null, 40, Ja),
+					onLoadedmetadata: (e) => _e(n.id, e),
+					onTimeupdate: (e) => le(n.id, e),
+					onEnded: (e) => ue(n.id)
+				}, null, 40, uo),
 				c("button", {
 					class: "play-btn",
-					"aria-label": f.value === n.id ? "暫停" : "播放",
+					"aria-label": b.value === n.id ? "暫停" : "播放",
 					disabled: !n.url,
-					onClick: (e) => H(n.id)
-				}, [f.value === n.id ? (x(), s("svg", Xa, [...r[1] ||= [c("rect", {
+					onClick: (e) => ce(n.id)
+				}, [b.value === n.id ? (x(), s("svg", po, [...r[1] ||= [c("rect", {
 					x: "6",
 					y: "5",
 					width: "4",
@@ -4133,28 +4466,29 @@ 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", mo, [...r[2] ||= [c("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, fo),
+				c("div", ho, [c("div", {
 					class: "name",
-					title: n.name
-				}, E(n.name), 9, $a), c("div", eo, E(k(n.size)) + " · " + E(A(n.duration)), 1)]),
+					title: B(n)
+				}, E(B(n)), 9, go), c("div", _o, [n.size == null ? o("", !0) : (x(), s(e, { key: 0 }, [d(E(L(n.size)) + " · ", 1)], 64)), d(" " + E(R(n.duration)), 1)])]),
 				c("div", {
 					class: "wave",
 					ref_for: !0,
-					ref: (e) => te(n.id, e),
-					onMousedown: (e) => re(n.id, e),
-					onTouchstart: (e) => re(n.id, e)
-				}, [(x(!0), s(e, null, w(h[n.id] || [], (e, t) => (x(), s("span", {
+					ref: (e) => ie(n.id, e),
+					onMousedown: (e) => fe(n.id, e),
+					onTouchstart: (e) => fe(n.id, e)
+				}, [(x(!0), s(e, null, w(D[n.id] || [], (e, t) => (x(), s("span", {
 					key: t,
-					class: g(["bar", { "is-played": G(n, t) }]),
+					class: g(["bar", { "is-played": pe(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),
-				c("button", {
+				}, null, 6))), 128))], 40, vo),
+				c("div", yo, E(R(O[n.id] || 0)) + " / " + E(R(n.duration)), 1),
+				t.readonly ? o("", !0) : (x(), s("button", {
+					key: 0,
 					class: "del-btn",
 					"aria-label": "刪除",
 					disabled: t.disabled,
-					onClick: N((e) => B(n.id), ["stop"])
+					onClick: N((e) => oe(n.id), ["stop"])
 				}, [...r[3] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -4162,9 +4496,9 @@ 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, bo))
 			], 2))), 128)),
-			(x(!0), s(e, null, w(d.value, (e) => (x(), s("div", {
+			(x(!0), s(e, null, w(y.value, (e) => (x(), s("div", {
 				key: e.tag,
 				class: "row is-pending"
 			}, [r[5] ||= c("span", {
@@ -4176,20 +4510,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)),
-			t.multiple ? (x(), s("div", m({
+			}, [c("path", { d: "M12 3a9 9 0 1 0 9 9" })])], -1), c("div", xo, [c("div", So, E(e.name), 1), r[4] ||= c("div", { class: "sub" }, "解析波形中…", -1)])]))), 128)),
+			t.multiple && !t.readonly ? (x(), s("div", m({
 				key: 0,
-				class: ["add", { "is-drag": 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)
+				class: ["add", { "is-drag": h.value }]
+			}, ve), [...r[6] ||= [u("<span class=\"plus\" aria-hidden=\"true\" data-v-1e35f393><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" data-v-1e35f393><path d=\"M12 5v14M5 12h14\" data-v-1e35f393></path></svg></span><div class=\"add-text\" data-v-1e35f393><div class=\"t\" data-v-1e35f393>新增音訊</div><div class=\"d\" data-v-1e35f393>點擊或拖放檔案 · 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-1e35f393"]]), Eo = { class: "header" }, Do = { class: "brand-logo" }, Oo = { class: "logo-text" }, ko = { class: "logo-icon" }, Ao = { class: "nav" }, jo = ["onClick"], Mo = ["innerHTML"], No = { class: "nav-list" }, Po = ["href", "onClick"], Fo = ["innerHTML"], Io = { class: "nav-text" }, Lo = ["href", "onClick"], Ro = { class: "title no-children" }, zo = ["innerHTML"], Bo = { class: "user-capsule" }, Vo = { class: "user-avatar" }, Ho = ["src"], Uo = {
 	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({
+}, Wo = { class: "user-info" }, Go = { class: "user-name-row" }, Ko = { class: "user-name" }, qo = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		title: { default: "" },
@@ -4208,7 +4542,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 +4576,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", Eo, [c("div", Do, [c("span", Oo, E(n.title), 1), c("span", ko, E(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
+				c("div", Ao, [(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 +4586,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, Mo), c("span", null, E(t.title), 1)]), v[6] ||= c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "14",
 					height: "14",
@@ -4263,23 +4597,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, jo), c("div", No, [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, Fo), c("span", Io, E(e.title), 1)], 2)], 8, Po))), 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", Ro, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, zo), c("span", null, E(t.title), 1)])])], 8, Lo)], 2))], 64))), 256))]),
+				c("div", Bo, [T(r.$slots, "user", {}, () => [
+					c("div", Vo, [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, Ho)) : (x(), s("svg", Uo, [...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", Wo, [c("div", Go, [c("span", Ko, E(n.userName), 1)])]),
 					f(z, {
 						class: "logout-btn",
 						intent: "error",
@@ -4318,7 +4652,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"]]), Jo = { class: "layout" }, Yo = { class: "main-content" }, Xo = { class: "copyright" }, Zo = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
 		title: { default: "NICKLABS" },
@@ -4333,8 +4667,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", Jo, [e.isShowSidebar ? (x(), a(qo, {
 			key: 0,
 			title: e.title,
 			userName: e.userName,
@@ -4350,18 +4684,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", Yo, [T(t.$slots, "default", {}, void 0, !0), c("div", Xo, E(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-41b1eb44"]]), Io = { class: "topbar" }, Lo = { class: "topbar-left" }, Ro = { class: "topbar-right" }, zo = {
+}), [["__scopeId", "data-v-41b1eb44"]]), Qo = { class: "topbar" }, $o = { class: "topbar-left" }, es = { class: "topbar-right" }, ts = {
 	key: 0,
 	class: "pill"
-}, Bo = {
+}, ns = {
 	key: 0,
 	class: "name"
-}, Vo = {
+}, rs = {
 	key: 1,
 	class: "separator"
-}, Ho = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, is = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -4386,7 +4720,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", Qo, [c("div", $o, [e.isShowSidebar ? (x(), a(z, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -4429,9 +4763,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", es, [e.isShowUser || e.isShowLogoutButton ? (x(), s("div", ts, [
+			e.isShowUser ? (x(), s("span", ns, "Nick")) : o("", !0),
+			e.isShowUser && e.isShowLogoutButton ? (x(), s("div", rs)) : o("", !0),
 			e.isShowLogoutButton ? (x(), a(z, {
 				key: 2,
 				variant: "mute",
@@ -4457,10 +4791,10 @@ var qi = {
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-f38a4beb"]]), Uo = { class: "brand" }, Wo = ["src", "alt"], Go = {
+}), [["__scopeId", "data-v-f38a4beb"]]), as = { class: "brand" }, os = ["src", "alt"], ss = {
 	key: 1,
 	class: "icon"
-}, Ko = { key: 2 }, qo = { key: 3 }, Jo = /* @__PURE__ */ R(/* @__PURE__ */ p({
+}, cs = { key: 2 }, ls = { key: 3 }, us = /* @__PURE__ */ R(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -4473,20 +4807,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", as, [
 				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, os)) : (x(), s("div", ss, E(e.logo), 1)),
+				e.title ? (x(), s("h1", cs, E(e.title), 1)) : o("", !0),
+				e.description ? (x(), s("p", ls, E(e.description), 1)) : o("", !0)
 			]), T(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
@@ -4494,19 +4828,19 @@ var qi = {
 }), [["__scopeId", "data-v-f0866bc5"]]);
 //#endregion
 //#region src/composables/useRouteModal.ts
-function Yo(e) {
+function ds(e) {
 	let t = i(() => {
-		let t = F();
+		let t = I();
 		return t ? t.currentRoute.value.matched.some((t) => t.name === e.routeName) : !1;
-	}), n = i(() => F()?.currentRoute.value.params ?? {});
+	}), n = i(() => I()?.currentRoute.value.params ?? {});
 	function r(t = {}) {
-		F()?.push({
+		I()?.push({
 			name: e.routeName,
 			params: t
 		});
 	}
 	function a() {
-		let t = F();
+		let t = I();
 		t && (window.history.state?.back ? t.back() : e.parentRouteName ? t.push({ name: e.parentRouteName }) : t.back());
 	}
 	return {
@@ -4518,40 +4852,40 @@ function Yo(e) {
 }
 //#endregion
 //#region src/index.ts
-var Xo = {
+var fs = {
 	NButton: z,
 	NBreadcrumb: re,
-	NInput: ue,
-	NTextarea: he,
-	NCheckbox: xe,
+	NInput: ce,
+	NTextarea: pe,
+	NCheckbox: ye,
 	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: Oa,
+	NImageSelect: no,
+	NAudioSelect: To,
+	NLayout: Zo,
+	NNavigation: is,
+	NSidebar: qo,
+	NCard: Sn,
+	NLoginLayout: us
+}, ps = { install(e, t = {}) {
+	Object.entries(fs).forEach(([t, n]) => {
 		e.component(t, n);
-	}), t.router && ee(t.router);
+	}), t.router && F(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, To as NAudioSelect, z as NButton, Sn as NCard, ye as NCheckbox, wr as NCode, Mi as NDatePicker, Ui as NDrawer, Mn as NEmpty, $t as NFileSelect, xn as NForm, no as NImageSelect, ce as NInput, Zo as NLayout, or as NList, Un as NLoading, us as NLoginLayout, Ri as NModal, is as NNavigation, Oe as NSelect, qo as NSidebar, Er as NSwitch, nr as NTable, Dr as NTag, pe as NTextarea, hr as NToast, Ni as NTooltip, Oa as NVideoSelect, ps as NickLabsUI, Rt as useAlert, H as useBreadcrumb, $i as useDisclosure, ds as useRouteModal, rn as useSidebarManager, lr as useToast };