nicklabs-ui 1.0.87 → 1.0.89

package/dist/index.mjs

@@ -5024,10 +5024,10 @@ var Na = { class: "icon-wrap" }, Pa = ["innerHTML"], Fa = {
 			}, A(e.confirmText), 11, xs)])
 		], 6))), 128))])], 2)]));
 	}
-}), [["__scopeId", "data-v-20105bbb"]]), Cs = ["onClick"], ws = { class: "th-content" }, Ts = {
+}), [["__scopeId", "data-v-20105bbb"]]), Cs = { class: "vtable-hscroll" }, ws = { class: "vtable-htable" }, Ts = ["onClick"], Es = { class: "th-content" }, Ds = {
 	key: 0,
 	class: "sort-icon"
-}, Es = {
+}, Os = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -5035,7 +5035,7 @@ var Na = { class: "icon-wrap" }, Pa = ["innerHTML"], Fa = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Ds = {
+}, ks = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -5043,7 +5043,7 @@ var Na = { class: "icon-wrap" }, Pa = ["innerHTML"], Fa = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Os = {
+}, As = {
 	key: 2,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -5051,13 +5051,13 @@ var Na = { class: "icon-wrap" }, Pa = ["innerHTML"], Fa = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, ks = {
+}, js = {
 	key: 0,
 	class: "vtable-th actions"
-}, As = ["onClick"], js = {
+}, Ms = ["onClick"], Ns = {
 	key: 0,
-	class: "vtable-td actions"
-}, Ms = /* @__PURE__ */ z(/* @__PURE__ */ p({
+	class: "actions"
+}, Ps = "120px", Fs = /* @__PURE__ */ z(/* @__PURE__ */ p({
 	__name: "NVirtualTable",
 	props: {
 		columns: { default: () => [] },
@@ -5079,76 +5079,76 @@ var Na = { class: "icon-wrap" }, Pa = ["innerHTML"], Fa = {
 		itemKey: { default: "id" },
 		rowHeight: { default: 56 },
 		height: { default: "480px" },
-		overscan: { default: 8 }
+		overscan: { default: 8 },
+		actionsWidth: { default: "120px" }
 	},
 	emits: ["sort", "click"],
 	setup(t, { emit: n }) {
 		let r = n, a = P(), l = T(null), u = T({
 			key: "",
 			order: null
-		}), p = i(() => !!a.actions), m = i(() => {
-			let e = t.columns.map((e) => e.width ?? "1fr");
-			return p.value && e.push("max-content"), e.join(" ");
-		}), h = zn(i(() => ({
+		}), p = i(() => !!a.actions), m = (e) => {
+			let t = e ?? "1fr";
+			return t.endsWith("fr") ? `minmax(${Ps}, ${t})` : `minmax(${t}, ${t})`;
+		}, h = i(() => {
+			let e = t.columns.map((e) => m(e.width));
+			return p.value && e.push(`minmax(${t.actionsWidth}, ${t.actionsWidth})`), e.join(" ");
+		}), g = zn(i(() => ({
 			count: t.items.length,
 			getScrollElement: () => l.value,
 			estimateSize: () => t.rowHeight,
 			overscan: t.overscan
-		}))), g = i(() => h.value.getVirtualItems()), y = i(() => h.value.getTotalSize()), b = (e) => {
+		}))), y = i(() => g.value.getVirtualItems()), b = i(() => g.value.getTotalSize()), x = (e) => {
 			e.sortable && (u.value.key === e.key ? u.value.order = u.value.order === "asc" ? "desc" : "asc" : (u.value.key = e.key, u.value.order = "asc"), r("sort", { ...u.value }));
 		};
-		return (n, i) => (C(), s("div", { class: _(["vtable", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [
-			c("div", {
-				class: "vtable-header",
-				style: v({ gridTemplateColumns: m.value })
-			}, [(C(!0), s(e, null, E(t.columns, (e) => (C(), s("div", {
-				key: e.key,
-				class: _(["vtable-th", { sortable: e.sortable }]),
-				onClick: (t) => b(e)
-			}, [c("span", ws, [d(A(e.label) + " ", 1), e.sortable ? (C(), s("span", Ts, [u.value.key !== e.key || u.value.order === null ? (C(), s("svg", Es, [...i[0] ||= [c("path", { d: "M8 9l4-4 4 4" }, null, -1), c("path", { d: "M16 15l-4 4-4-4" }, null, -1)]])) : u.value.order === "asc" ? (C(), s("svg", Ds, [...i[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (C(), s("svg", Os, [...i[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, Cs))), 128)), p.value ? (C(), s("div", ks, [D(n.$slots, "actions-header", {}, () => [i[3] ||= d("操作", -1)], !0)])) : o("", !0)], 4),
-			f(fa, {
-				loading: t.loading,
-				overlay: ""
-			}, {
-				default: I(() => [t.loading || t.items.length > 0 ? (C(), s("div", {
-					key: 0,
-					ref_key: "scrollRef",
-					ref: l,
-					class: "vtable-body",
-					style: v({ height: t.height })
-				}, [!t.loading && t.items.length > 0 ? (C(), s("div", {
-					key: 0,
-					class: "vtable-viewport",
-					style: v({ height: `${y.value}px` })
-				}, [(C(!0), s(e, null, E(g.value, (e) => (C(), s("div", {
-					key: t.items[e.index]?.[t.itemKey] ?? e.index,
-					class: "vtable-row",
-					style: v({
-						gridTemplateColumns: m.value,
-						height: `${e.size}px`,
-						transform: `translateY(${e.start}px)`
-					}),
-					onClick: (n) => r("click", t.items[e.index])
-				}, [D(n.$slots, "cell", {
-					index: e.index,
-					item: t.items[e.index],
-					columns: t.columns
-				}, void 0, !0), p.value ? (C(), s("div", js, [D(n.$slots, "actions", {
-					index: e.index,
-					item: t.items[e.index]
-				}, void 0, !0)])) : o("", !0)], 12, As))), 128))], 4)) : o("", !0)], 4)) : o("", !0)]),
-				_: 3
-			}, 8, ["loading"]),
-			!t.loading && t.items.length === 0 ? D(n.$slots, "empty", { key: 0 }, () => [f(ta, {
-				title: t.emptyTitle,
-				description: t.emptyDescription
-			}, null, 8, ["title", "description"])], !0) : o("", !0)
-		], 2));
+		return (n, i) => (C(), s("div", { class: _(["vtable", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [c("div", Cs, [c("div", ws, [c("div", {
+			class: "vtable-header",
+			style: v({ gridTemplateColumns: h.value })
+		}, [(C(!0), s(e, null, E(t.columns, (e) => (C(), s("div", {
+			key: e.key,
+			class: _(["vtable-th", { sortable: e.sortable }]),
+			onClick: (t) => x(e)
+		}, [c("span", Es, [d(A(e.label) + " ", 1), e.sortable ? (C(), s("span", Ds, [u.value.key !== e.key || u.value.order === null ? (C(), s("svg", Os, [...i[0] ||= [c("path", { d: "M8 9l4-4 4 4" }, null, -1), c("path", { d: "M16 15l-4 4-4-4" }, null, -1)]])) : u.value.order === "asc" ? (C(), s("svg", ks, [...i[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (C(), s("svg", As, [...i[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, Ts))), 128)), p.value ? (C(), s("div", js, [D(n.$slots, "actions-header", {}, () => [i[3] ||= d("操作", -1)], !0)])) : o("", !0)], 4), f(fa, {
+			loading: t.loading,
+			overlay: ""
+		}, {
+			default: I(() => [t.loading || t.items.length > 0 ? (C(), s("div", {
+				key: 0,
+				ref_key: "scrollRef",
+				ref: l,
+				class: "vtable-body",
+				style: v({ height: t.height })
+			}, [!t.loading && t.items.length > 0 ? (C(), s("div", {
+				key: 0,
+				class: "vtable-viewport",
+				style: v({ height: `${b.value}px` })
+			}, [(C(!0), s(e, null, E(y.value, (e) => (C(), s("div", {
+				key: t.items[e.index]?.[t.itemKey] ?? e.index,
+				class: "vtable-row",
+				style: v({
+					gridTemplateColumns: h.value,
+					height: `${e.size}px`,
+					transform: `translateY(${e.start}px)`
+				}),
+				onClick: (n) => r("click", t.items[e.index])
+			}, [D(n.$slots, "cell", {
+				index: e.index,
+				item: t.items[e.index],
+				columns: t.columns
+			}, void 0, !0), p.value ? (C(), s("div", Ns, [D(n.$slots, "actions", {
+				index: e.index,
+				item: t.items[e.index]
+			}, void 0, !0)])) : o("", !0)], 12, Ms))), 128))], 4)) : o("", !0)], 4)) : o("", !0)]),
+			_: 3
+		}, 8, ["loading"])])]), !t.loading && t.items.length === 0 ? D(n.$slots, "empty", { key: 0 }, () => [f(ta, {
+			title: t.emptyTitle,
+			description: t.emptyDescription
+		}, null, 8, ["title", "description"])], !0) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-eafa0530"]]);
+}), [["__scopeId", "data-v-c7d6a7e3"]]);
 //#endregion
 //#region src/composables/useDisclosure.ts
-function Ns() {
+function Is() {
 	let e = T(!1);
 	function t() {
 		e.value = !0;
@@ -5164,11 +5164,11 @@ function Ns() {
 }
 //#endregion
 //#region src/composables/useMediaSelect.ts
-var Ps = (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", Fs = (e, t = "floor") => {
+var Ls = (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", Rs = (e, t = "floor") => {
 	if (e == null || isNaN(e)) return "0:00";
 	let n = t === "round" ? Math.round(e) : Math.floor(e), r = Math.floor(n / 60), i = n % 60;
 	return r + ":" + (i < 10 ? "0" : "") + i;
-}, Is = (e) => e.width && e.height ? e.width + "×" + e.height : "—", Ls = (e, t) => {
+}, zs = (e) => e.width && e.height ? e.width + "×" + e.height : "—", Bs = (e, t) => {
 	if (e.name) return e.name;
 	try {
 		let n = new URL(e.url, window.location.href).pathname;
@@ -5176,17 +5176,17 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 	} catch {
 		return t;
 	}
-}, Rs = (e) => {
+}, Vs = (e) => {
 	e?.startsWith("blob:") && URL.revokeObjectURL(e);
-}, zs = (e) => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : e + Math.random().toString(36).slice(2, 9), Bs = (e, t, n) => {
+}, Hs = (e) => typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : e + Math.random().toString(36).slice(2, 9), Us = (e, t, n) => {
 	let r = t.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
 	if (r.length === 0) return e.type.startsWith(n);
 	let i = e.type.toLowerCase(), a = e.name.toLowerCase();
 	return r.some((e) => e.startsWith(".") ? a.endsWith(e) : e.endsWith("/*") ? i.startsWith(e.slice(0, -1)) : i === e);
-}, Vs = (e, t) => {
+}, Ws = (e, t) => {
 	let n = [], r = !1;
 	return Array.prototype.forEach.call(e, (e) => {
-		if (!Bs(e, t.accept, t.fallbackTypePrefix)) {
+		if (!Us(e, t.accept, t.fallbackTypePrefix)) {
 			t.onError({
 				type: "type",
 				file: e
@@ -5209,7 +5209,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		}
 		n.push(e);
 	}), n;
-}, Hs = (e) => {
+}, Gs = (e) => {
 	let t = T(!1), n = async () => {
 		if (!e.isBlocked()) if (e.multiple()) {
 			let t = await ai.input.custom(e.accept(), !0);
@@ -5240,7 +5240,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		},
 		openFileDialog: n
 	};
-}, Us = (e, t) => {
+}, Ks = (e, t) => {
 	let n = "", r = (e) => {
 		e.key === "Escape" && t();
 	};
@@ -5249,26 +5249,26 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 	}), y(() => {
 		e.value && (document.body.style.overflow = n), document.removeEventListener("keydown", r);
 	});
-}, Ws = {
+}, qs = {
 	key: 0,
 	class: "head"
-}, Gs = ["textContent"], Ks = {
+}, Js = ["textContent"], Ys = {
 	key: 1,
 	class: "count-chip"
-}, qs = { class: "grid" }, Js = {
+}, Xs = { class: "grid" }, Zs = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, Ys = ["textContent"], Xs = ["textContent"], Zs = ["onClick"], Qs = ["src"], $s = {
+}, Qs = ["textContent"], $s = ["textContent"], ec = ["onClick"], tc = ["src"], nc = {
 	key: 1,
 	class: "placeholder-label"
-}, ec = { class: "duration" }, tc = { class: "card-body" }, nc = ["title"], rc = { class: "file-meta" }, ic = { key: 0 }, ac = {
+}, rc = { class: "duration" }, ic = { class: "card-body" }, ac = ["title"], oc = { class: "file-meta" }, sc = { key: 0 }, cc = {
 	key: 1,
 	class: "dot-separator"
-}, oc = { key: 2 }, sc = { class: "card-actions" }, cc = ["onClick"], lc = ["disabled", "onClick"], uc = { class: "vi-modal-card" }, dc = { class: "vi-modal-media" }, fc = ["src"], pc = {
+}, lc = { key: 2 }, uc = { class: "card-actions" }, dc = ["onClick"], fc = ["disabled", "onClick"], pc = { class: "vi-modal-card" }, mc = { class: "vi-modal-media" }, hc = ["src"], gc = {
 	key: 1,
 	class: "vi-modal-placeholder"
-}, mc = { class: "vi-modal-bar" }, hc = { class: "vi-modal-info" }, gc = { class: "modal-name" }, _c = { class: "modal-meta" }, vc = /* @__PURE__ */ z(/* @__PURE__ */ p({
+}, _c = { class: "vi-modal-bar" }, vc = { class: "vi-modal-info" }, yc = { class: "modal-name" }, bc = { class: "modal-meta" }, xc = /* @__PURE__ */ z(/* @__PURE__ */ p({
 	__name: "NVideoSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -5306,7 +5306,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		"error"
 	],
 	setup(r, { emit: l }) {
-		let u = l, p = T(null), [m, g, v] = Ns(), { confirm: b } = ci(), x = !1, S = i(() => r.modelValue.length), w = (e) => Fs(e, "round"), D = (e) => Ls(e, "影片"), O = (e) => {
+		let u = l, p = T(null), [m, g, v] = Is(), { confirm: b } = ci(), x = !1, S = i(() => r.modelValue.length), w = (e) => Rs(e, "round"), D = (e) => Bs(e, "影片"), O = (e) => {
 			if (!e.url) return;
 			let t = document.createElement("video");
 			t.preload = "metadata";
@@ -5331,13 +5331,13 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				!e.url || k.has(e.id) || (k.add(e.id), (e.duration == null || e.width == null) && O(e));
 			});
 		}, { immediate: !0 });
-		let { isDragging: j, dropZoneHandlers: M } = Hs({
+		let { isDragging: j, dropZoneHandlers: M } = Gs({
 			isBlocked: () => r.disabled || r.readonly,
 			accept: () => r.accept,
 			multiple: () => r.multiple,
 			onFiles: (e) => {
 				if (r.disabled || r.readonly) return;
-				let t = Vs(e, {
+				let t = Ws(e, {
 					accept: r.accept,
 					fallbackTypePrefix: "video/",
 					maxSize: r.maxSize,
@@ -5346,7 +5346,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				});
 				if (t.length === 0) return;
 				let n = t.map((e) => ({
-					id: zs("v"),
+					id: Hs("v"),
 					file: e,
 					name: e.name,
 					size: e.size,
@@ -5368,7 +5368,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			Rs(t.url), k.delete(e);
+			Vs(t.url), k.delete(e);
 			let n = r.modelValue.filter((t) => t.id !== e);
 			u("update:modelValue", n), u("change", n), u("remove", t);
 		}, P = (e) => {
@@ -5378,30 +5378,30 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		}, ne = i(() => {
 			let e = p.value;
 			return e ? [
-				e.size == null ? null : Ps(e.size),
-				e.width && e.height ? Is(e) : null,
+				e.size == null ? null : Ls(e.size),
+				e.width && e.height ? zs(e) : null,
 				w(e.duration)
 			].filter(Boolean).join(" · ") : "";
 		});
-		return Us(m, te), y(() => {
-			x = !0, r.autoRevoke && r.modelValue.forEach((e) => Rs(e.url));
+		return Ks(m, te), y(() => {
+			x = !0, r.autoRevoke && r.modelValue.forEach((e) => Vs(e.url));
 		}), (i, l) => (C(), s("div", { class: _(["video-input", {
 			"is-disabled": r.disabled,
 			"is-readonly": r.readonly
 		}]) }, [
-			r.title || r.showCount ? (C(), s("div", Ws, [r.title ? (C(), s("span", {
+			r.title || r.showCount ? (C(), s("div", qs, [r.title ? (C(), s("span", {
 				key: 0,
 				class: "title",
 				textContent: A(r.title)
-			}, null, 8, Gs)) : o("", !0), r.showCount ? (C(), s("span", Ks, A(S.value) + " 支", 1)) : o("", !0)])) : o("", !0),
-			c("div", qs, [S.value === 0 ? (C(), s("div", h({
+			}, null, 8, Js)) : o("", !0), r.showCount ? (C(), s("span", Ys, A(S.value) + " 支", 1)) : o("", !0)])) : o("", !0),
+			c("div", Xs, [S.value === 0 ? (C(), s("div", h({
 				key: 0,
 				class: ["empty", {
 					"is-drag": N(j),
 					"is-static": r.readonly
 				}]
 			}, r.readonly ? {} : N(M)), [
-				r.readonly ? o("", !0) : (C(), s("span", Js, [...l[0] ||= [c("svg", {
+				r.readonly ? o("", !0) : (C(), s("span", Zs, [...l[0] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -5413,11 +5413,11 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					c("path", { d: "M7 9l5-5 5 5" }),
 					c("path", { d: "M12 4v12" })
 				], -1)]])),
-				c("h3", { textContent: A(r.readonly ? "目前沒有影片" : r.emptyTitle) }, null, 8, Ys),
+				c("h3", { textContent: A(r.readonly ? "目前沒有影片" : r.emptyTitle) }, null, 8, Qs),
 				r.readonly ? o("", !0) : (C(), s("p", {
 					key: 1,
 					textContent: A(r.emptyHint)
-				}, null, 8, Xs))
+				}, null, 8, $s))
 			], 16)) : (C(), s(e, { key: 1 }, [(C(!0), s(e, null, E(r.modelValue, (e) => (C(), s("div", {
 				key: e.id,
 				class: "card"
@@ -5430,7 +5430,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					src: e.url + "#t=0.5",
 					muted: "",
 					preload: "metadata"
-				}, null, 8, Qs)) : (C(), s("div", $s, "縮圖預覽")),
+				}, null, 8, tc)) : (C(), s("div", nc, "縮圖預覽")),
 				l[1] ||= c("div", {
 					class: "play",
 					"aria-hidden": "true"
@@ -5438,18 +5438,18 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					viewBox: "0 0 24 24",
 					fill: "currentColor"
 				}, [c("path", { d: "M8 5v14l11-7z" })])], -1),
-				c("div", ec, A(w(e.duration)), 1)
-			], 10, Zs), c("div", tc, [
+				c("div", rc, A(w(e.duration)), 1)
+			], 10, ec), c("div", ic, [
 				c("div", {
 					class: "file-name",
 					title: D(e)
-				}, A(D(e)), 9, nc),
-				c("div", rc, [
-					e.size == null ? o("", !0) : (C(), s("span", ic, A(N(Ps)(e.size)), 1)),
-					e.size != null && e.width && e.height ? (C(), s("span", ac)) : o("", !0),
-					e.width && e.height ? (C(), s("span", oc, A(N(Is)(e)), 1)) : o("", !0)
+				}, A(D(e)), 9, ac),
+				c("div", oc, [
+					e.size == null ? o("", !0) : (C(), s("span", sc, A(N(Ls)(e.size)), 1)),
+					e.size != null && e.width && e.height ? (C(), s("span", cc)) : o("", !0),
+					e.width && e.height ? (C(), s("span", lc, A(N(zs)(e)), 1)) : o("", !0)
 				]),
-				c("div", sc, [c("button", {
+				c("div", uc, [c("button", {
 					class: "action preview",
 					onClick: (t) => P(e)
 				}, [...l[2] ||= [c("svg", {
@@ -5463,7 +5463,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, cc), r.readonly ? o("", !0) : (C(), s("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, dc), r.readonly ? o("", !0) : (C(), s("button", {
 					key: 0,
 					class: "action delete",
 					"aria-label": "刪除",
@@ -5476,7 +5476,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					"stroke-width": "2",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [c("path", { d: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), c("path", { d: "M10 11v6M14 11v6" })], -1)]], 8, lc))])
+				}, [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, fc))])
 			])]))), 128)), r.multiple && !r.readonly ? (C(), s("div", h({
 				key: 0,
 				class: ["add-card", { "is-drag": N(j) }]
@@ -5500,7 +5500,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					key: 0,
 					class: "vi-modal",
 					onClick: L(te, ["self"])
-				}, [c("div", uc, [c("div", dc, [p.value?.url ? (C(), s("video", {
+				}, [c("div", pc, [c("div", mc, [p.value?.url ? (C(), s("video", {
 					key: 0,
 					src: p.value.url,
 					controls: "",
@@ -5508,7 +5508,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					playsinline: "",
 					controlslist: "nofullscreen nodownload noremoteplayback noplaybackrate",
 					disablepictureinpicture: ""
-				}, null, 8, fc)) : (C(), s("div", pc, " 示範影片 · 上傳真實檔案即可在此播放 "))]), c("div", mc, [c("div", hc, [c("div", gc, A(p.value ? D(p.value) : ""), 1), c("div", _c, A(ne.value), 1)]), c("button", {
+				}, null, 8, hc)) : (C(), s("div", gc, " 示範影片 · 上傳真實檔案即可在此播放 "))]), c("div", _c, [c("div", vc, [c("div", yc, A(p.value ? D(p.value) : ""), 1), c("div", bc, A(ne.value), 1)]), c("button", {
 					class: "vi-modal-close",
 					"aria-label": "關閉",
 					onClick: te
@@ -5524,26 +5524,26 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-479d302a"]]), yc = {
+}), [["__scopeId", "data-v-479d302a"]]), Sc = {
 	key: 0,
 	class: "head"
-}, bc = ["textContent"], xc = {
+}, Cc = ["textContent"], wc = {
 	key: 1,
 	class: "count-chip"
-}, Sc = { class: "grid" }, Cc = {
+}, Tc = { class: "grid" }, Ec = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, wc = ["textContent"], Tc = ["textContent"], Ec = ["onClick"], Dc = ["src", "alt"], Oc = {
+}, Dc = ["textContent"], Oc = ["textContent"], kc = ["onClick"], Ac = ["src", "alt"], jc = {
 	key: 1,
 	class: "placeholder-label"
-}, kc = { class: "card-body" }, Ac = ["title"], jc = { class: "file-meta" }, Mc = { key: 0 }, Nc = {
+}, Mc = { class: "card-body" }, Nc = ["title"], Pc = { class: "file-meta" }, Fc = { key: 0 }, Ic = {
 	key: 1,
 	class: "dot-separator"
-}, Pc = { key: 2 }, Fc = { class: "card-actions" }, Ic = ["onClick"], Lc = ["disabled", "onClick"], Rc = { class: "ii-modal-card" }, zc = { class: "ii-modal-media" }, Bc = ["src", "alt"], Vc = {
+}, Lc = { key: 2 }, Rc = { class: "card-actions" }, zc = ["onClick"], Bc = ["disabled", "onClick"], Vc = { class: "ii-modal-card" }, Hc = { class: "ii-modal-media" }, Uc = ["src", "alt"], Wc = {
 	key: 1,
 	class: "ii-modal-ph"
-}, Hc = { class: "ii-modal-bar" }, Uc = { class: "ii-modal-info" }, Wc = { class: "modal-name" }, Gc = { class: "modal-meta" }, Kc = /* @__PURE__ */ z(/* @__PURE__ */ p({
+}, Gc = { class: "ii-modal-bar" }, Kc = { class: "ii-modal-info" }, qc = { class: "modal-name" }, Jc = { class: "modal-meta" }, Yc = /* @__PURE__ */ z(/* @__PURE__ */ p({
 	__name: "NImageSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -5581,7 +5581,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		"error"
 	],
 	setup(r, { emit: l }) {
-		let u = l, p = T(null), [m, g, v] = Ns(), { confirm: b } = ci(), x = !1, S = i(() => r.modelValue.length), w = (e) => Ls(e, "圖片"), D = (e) => {
+		let u = l, p = T(null), [m, g, v] = Is(), { confirm: b } = ci(), x = !1, S = i(() => r.modelValue.length), w = (e) => Bs(e, "圖片"), D = (e) => {
 			if (!e.url) return;
 			let t = new Image(), n = () => {
 				t.removeEventListener("load", i), t.removeEventListener("error", n), t.removeAttribute("src");
@@ -5603,13 +5603,13 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				!e.url || O.has(e.id) || (O.add(e.id), (e.width == null || e.height == null) && D(e));
 			});
 		}, { immediate: !0 });
-		let { isDragging: k, dropZoneHandlers: j } = Hs({
+		let { isDragging: k, dropZoneHandlers: j } = Gs({
 			isBlocked: () => r.disabled || r.readonly,
 			accept: () => r.accept,
 			multiple: () => r.multiple,
 			onFiles: (e) => {
 				if (r.disabled || r.readonly) return;
-				let t = Vs(e, {
+				let t = Ws(e, {
 					accept: r.accept,
 					fallbackTypePrefix: "image/",
 					maxSize: r.maxSize,
@@ -5618,7 +5618,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				});
 				if (t.length === 0) return;
 				let n = t.map((e) => ({
-					id: zs("i"),
+					id: Hs("i"),
 					file: e,
 					name: e.name,
 					size: e.size,
@@ -5639,7 +5639,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			Rs(t.url), O.delete(e);
+			Vs(t.url), O.delete(e);
 			let n = r.modelValue.filter((t) => t.id !== e);
 			u("update:modelValue", n), u("change", n), u("remove", t);
 		}, ee = (e) => {
@@ -5648,27 +5648,27 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			v();
 		}, te = i(() => {
 			let e = p.value;
-			return e ? [e.size == null ? null : Ps(e.size), e.width && e.height ? Is(e) : null].filter(Boolean).join(" · ") : "";
+			return e ? [e.size == null ? null : Ls(e.size), e.width && e.height ? zs(e) : null].filter(Boolean).join(" · ") : "";
 		});
-		return Us(m, P), y(() => {
-			x = !0, r.autoRevoke && r.modelValue.forEach((e) => Rs(e.url));
+		return Ks(m, P), y(() => {
+			x = !0, r.autoRevoke && r.modelValue.forEach((e) => Vs(e.url));
 		}), (i, l) => (C(), s("div", { class: _(["image-input", {
 			"is-disabled": r.disabled,
 			"is-readonly": r.readonly
 		}]) }, [
-			r.title || r.showCount ? (C(), s("div", yc, [r.title ? (C(), s("span", {
+			r.title || r.showCount ? (C(), s("div", Sc, [r.title ? (C(), s("span", {
 				key: 0,
 				class: "title",
 				textContent: A(r.title)
-			}, null, 8, bc)) : o("", !0), r.showCount ? (C(), s("span", xc, A(S.value) + " 張", 1)) : o("", !0)])) : o("", !0),
-			c("div", Sc, [S.value === 0 ? (C(), s("div", h({
+			}, null, 8, Cc)) : o("", !0), r.showCount ? (C(), s("span", wc, A(S.value) + " 張", 1)) : o("", !0)])) : o("", !0),
+			c("div", Tc, [S.value === 0 ? (C(), s("div", h({
 				key: 0,
 				class: ["empty", {
 					"is-drag": N(k),
 					"is-static": r.readonly
 				}]
 			}, r.readonly ? {} : N(j)), [
-				r.readonly ? o("", !0) : (C(), s("span", Cc, [...l[0] ||= [c("svg", {
+				r.readonly ? o("", !0) : (C(), s("span", Ec, [...l[0] ||= [c("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -5690,11 +5690,11 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					}),
 					c("path", { d: "M21 15l-5-5L5 21" })
 				], -1)]])),
-				c("h3", { textContent: A(r.readonly ? "目前沒有圖片" : r.emptyTitle) }, null, 8, wc),
+				c("h3", { textContent: A(r.readonly ? "目前沒有圖片" : r.emptyTitle) }, null, 8, Dc),
 				r.readonly ? o("", !0) : (C(), s("p", {
 					key: 1,
 					textContent: A(r.emptyHint)
-				}, null, 8, Tc))
+				}, null, 8, Oc))
 			], 16)) : (C(), s(e, { key: 1 }, [(C(!0), s(e, null, E(r.modelValue, (e) => (C(), s("div", {
 				key: e.id,
 				class: "card"
@@ -5706,7 +5706,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				src: e.url,
 				alt: w(e),
 				loading: "lazy"
-			}, null, 8, Dc)) : (C(), s("div", Oc, "縮圖預覽")), l[1] ||= c("div", {
+			}, null, 8, Ac)) : (C(), s("div", jc, "縮圖預覽")), l[1] ||= c("div", {
 				class: "zoom",
 				"aria-hidden": "true"
 			}, [c("svg", {
@@ -5720,17 +5720,17 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				cx: "11",
 				cy: "11",
 				r: "7"
-			}), c("path", { d: "m21 21-4.3-4.3M11 8v6M8 11h6" })])], -1)], 10, Ec), c("div", kc, [
+			}), c("path", { d: "m21 21-4.3-4.3M11 8v6M8 11h6" })])], -1)], 10, kc), c("div", Mc, [
 				c("div", {
 					class: "file-name",
 					title: w(e)
-				}, A(w(e)), 9, Ac),
-				c("div", jc, [
-					e.size == null ? o("", !0) : (C(), s("span", Mc, A(N(Ps)(e.size)), 1)),
-					e.size != null && e.width && e.height ? (C(), s("span", Nc)) : o("", !0),
-					e.width && e.height ? (C(), s("span", Pc, A(N(Is)(e)), 1)) : o("", !0)
+				}, A(w(e)), 9, Nc),
+				c("div", Pc, [
+					e.size == null ? o("", !0) : (C(), s("span", Fc, A(N(Ls)(e.size)), 1)),
+					e.size != null && e.width && e.height ? (C(), s("span", Ic)) : o("", !0),
+					e.width && e.height ? (C(), s("span", Lc, A(N(zs)(e)), 1)) : o("", !0)
 				]),
-				c("div", Fc, [c("button", {
+				c("div", Rc, [c("button", {
 					class: "action preview",
 					onClick: (t) => ee(e)
 				}, [...l[2] ||= [c("svg", {
@@ -5744,7 +5744,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					cx: "12",
 					cy: "12",
 					r: "3"
-				})], -1), d(" 預覽 ", -1)]], 8, Ic), r.readonly ? o("", !0) : (C(), s("button", {
+				})], -1), d(" 預覽 ", -1)]], 8, zc), r.readonly ? o("", !0) : (C(), s("button", {
 					key: 0,
 					class: "action delete",
 					"aria-label": "刪除",
@@ -5757,7 +5757,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					"stroke-width": "2",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [c("path", { d: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), c("path", { d: "M10 11v6M14 11v6" })], -1)]], 8, Lc))])
+				}, [c("path", { d: "M3 6h18M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2m2 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), c("path", { d: "M10 11v6M14 11v6" })], -1)]], 8, Bc))])
 			])]))), 128)), r.multiple && !r.readonly ? (C(), s("div", h({
 				key: 0,
 				class: ["add-card", { "is-drag": N(k) }]
@@ -5781,11 +5781,11 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					key: 0,
 					class: "ii-modal",
 					onClick: L(P, ["self"])
-				}, [c("div", Rc, [c("div", zc, [p.value?.url ? (C(), s("img", {
+				}, [c("div", Vc, [c("div", Hc, [p.value?.url ? (C(), s("img", {
 					key: 0,
 					src: p.value.url,
 					alt: p.value ? w(p.value) : ""
-				}, null, 8, Bc)) : (C(), s("div", Vc, " 示範圖片 · 上傳真實檔案即可在此檢視 "))]), c("div", Hc, [c("div", Uc, [c("div", Wc, A(p.value ? w(p.value) : ""), 1), c("div", Gc, A(te.value), 1)]), c("button", {
+				}, null, 8, Uc)) : (C(), s("div", Wc, " 示範圖片 · 上傳真實檔案即可在此檢視 "))]), c("div", Gc, [c("div", Kc, [c("div", qc, A(p.value ? w(p.value) : ""), 1), c("div", Jc, A(te.value), 1)]), c("button", {
 					class: "ii-modal-close",
 					"aria-label": "關閉",
 					onClick: P
@@ -5801,40 +5801,40 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			})]))
 		], 2));
 	}
-}), [["__scopeId", "data-v-aa2d3585"]]), qc = {
+}), [["__scopeId", "data-v-aa2d3585"]]), Xc = {
 	key: 0,
 	class: "head"
-}, Jc = ["textContent"], Yc = {
+}, Zc = ["textContent"], Qc = {
 	key: 1,
 	class: "count-chip"
-}, Xc = {
+}, $c = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, Zc = ["textContent"], Qc = ["textContent"], $c = {
+}, el = ["textContent"], tl = ["textContent"], nl = {
 	key: 2,
 	class: "list"
-}, el = [
+}, rl = [
 	"src",
 	"onLoadedmetadata",
 	"onTimeupdate",
 	"onEnded"
-], tl = [
+], il = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], nl = {
+], al = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, rl = {
+}, ol = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, il = { class: "meta" }, al = ["title"], ol = { class: "sub" }, sl = ["onMousedown", "onTouchstart"], cl = {
+}, sl = { class: "meta" }, cl = ["title"], ll = { class: "sub" }, ul = ["onMousedown", "onTouchstart"], dl = {
 	key: 1,
 	class: "track"
-}, ll = { class: "time" }, ul = ["disabled", "onClick"], dl = { class: "meta" }, fl = { class: "name" }, pl = 30, ml = 256, hl = 5, gl = /* @__PURE__ */ z(/* @__PURE__ */ p({
+}, fl = { class: "time" }, pl = ["disabled", "onClick"], ml = { class: "meta" }, hl = { class: "name" }, gl = 30, _l = 256, vl = 5, yl = /* @__PURE__ */ z(/* @__PURE__ */ p({
 	__name: "NAudioSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -5885,8 +5885,8 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			let e = 0;
 			if (r.forEach((t) => {
 				t.refCount <= 0 && (e += 1);
-			}), !(e <= pl)) {
-				for (let [t, n] of r) if (!(n.refCount > 0) && (r.delete(t), --e, e <= pl)) break;
+			}), !(e <= gl)) {
+				for (let [t, n] of r) if (!(n.refCount > 0) && (r.delete(t), --e, e <= gl)) break;
 			}
 		}, f = (e, t) => {
 			if (!e) return;
@@ -5900,9 +5900,9 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			n <= 0 || (n === 1 ? j.delete(e) : j.set(e, n - 1), f(e, t));
 		}, P = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Map(), I = (e, t) => {
 			t ? P.set(e, t) : P.delete(e);
-		}, ne = i(() => t.modelValue.length), re = () => zs("a"), ie = (e) => Ls(e, "音訊"), R = null, ae = () => (R ||= new (window.AudioContext || window.webkitAudioContext)(), R), oe = async (e) => {
-			let t = await ae().decodeAudioData(e.slice(0)), n = t.getChannelData(0), r = Math.floor(n.length / ml) || 1, i = Array(ml), a = 0;
-			for (let e = 0; e < ml; e++) {
+		}, ne = i(() => t.modelValue.length), re = () => Hs("a"), ie = (e) => Bs(e, "音訊"), R = null, ae = () => (R ||= new (window.AudioContext || window.webkitAudioContext)(), R), oe = async (e) => {
+			let t = await ae().decodeAudioData(e.slice(0)), n = t.getChannelData(0), r = Math.floor(n.length / _l) || 1, i = Array(_l), a = 0;
+			for (let e = 0; e < _l; 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]);
@@ -5911,7 +5911,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				i[e] = t, t > a && (a = t);
 			}
 			let o = a > 0 ? 1 / a : 1;
-			for (let e = 0; e < ml; e++) i[e] = Math.max(.06, i[e] * o);
+			for (let e = 0; e < _l; e++) i[e] = Math.max(.06, i[e] * o);
 			return {
 				peaks: i,
 				duration: t.duration
@@ -5924,7 +5924,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				B || requestAnimationFrame(() => z(e));
 				return;
 			}
-			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / hl)));
+			let i = Math.max(8, Math.min(n.length, Math.floor((r + 2) / vl)));
 			if (D[e] && D[e].length === i) return;
 			let a = Array(i);
 			for (let e = 0; e < i; e++) {
@@ -5944,13 +5944,13 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				let n = t;
 				n.dataset.waveId = e, te.set(e, n), B ? B.observe(n) : z(e);
 			} else te.delete(e);
-		}, { isDragging: H, dropZoneHandlers: U } = Hs({
+		}, { isDragging: H, dropZoneHandlers: U } = Gs({
 			isBlocked: () => t.disabled || t.readonly,
 			accept: () => t.accept,
 			multiple: () => t.multiple,
 			onFiles: (e) => {
 				if (t.disabled || t.readonly) return;
-				let n = Vs(e, {
+				let n = Ws(e, {
 					accept: t.accept,
 					fallbackTypePrefix: "audio/",
 					maxSize: t.maxSize,
@@ -5994,7 +5994,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				confirmText: "移除",
 				cancelText: "取消"
 			})) return;
-			x.value === e && ce(), Rs(n.url), ee(n.url, !0), delete S[e], delete D[e], delete O[e], k.delete(e);
+			x.value === e && ce(), Vs(n.url), ee(n.url, !0), delete S[e], delete D[e], delete O[e], k.delete(e);
 			let r = t.modelValue.filter((t) => t.id !== e);
 			p("update:modelValue", r), p("change", r), p("remove", n);
 		}, ce = () => {
@@ -6065,24 +6065,24 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				!e.url || k.has(e.id) || (k.add(e.id), S[e.id] || ve(e));
 			});
 		}, { immediate: !0 }), y(() => {
-			b = !0, fe?.(), t.autoRevoke && t.modelValue.forEach((e) => Rs(e.url)), j.forEach((e, t) => {
+			b = !0, fe?.(), t.autoRevoke && t.modelValue.forEach((e) => Vs(e.url)), j.forEach((e, t) => {
 				for (let n = 0; n < e; n++) f(t, !1);
 			}), j.clear(), B?.disconnect(), R &&= (R.close(), null);
 		}), (n, r) => (C(), s("div", { class: _(["audio-input", {
 			"is-disabled": t.disabled,
 			"is-readonly": t.readonly
-		}]) }, [t.title || t.showCount ? (C(), s("div", qc, [t.title ? (C(), s("span", {
+		}]) }, [t.title || t.showCount ? (C(), s("div", Xc, [t.title ? (C(), s("span", {
 			key: 0,
 			class: "title",
 			textContent: A(t.title)
-		}, null, 8, Jc)) : o("", !0), t.showCount ? (C(), s("span", Yc, A(ne.value) + " 首", 1)) : o("", !0)])) : o("", !0), ne.value === 0 && g.value.length === 0 ? (C(), s("div", h({
+		}, null, 8, Zc)) : o("", !0), t.showCount ? (C(), s("span", Qc, A(ne.value) + " 首", 1)) : o("", !0)])) : o("", !0), ne.value === 0 && g.value.length === 0 ? (C(), s("div", h({
 			key: 1,
 			class: ["empty", {
 				"is-drag": N(H),
 				"is-static": t.readonly
 			}]
 		}, t.readonly ? {} : N(U)), [
-			t.readonly ? o("", !0) : (C(), s("span", Xc, [...r[0] ||= [c("svg", {
+			t.readonly ? o("", !0) : (C(), s("span", $c, [...r[0] ||= [c("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
@@ -6102,12 +6102,12 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					r: "3"
 				})
 			], -1)]])),
-			c("h3", { textContent: A(t.readonly ? "目前沒有音訊" : t.emptyTitle) }, null, 8, Zc),
+			c("h3", { textContent: A(t.readonly ? "目前沒有音訊" : t.emptyTitle) }, null, 8, el),
 			t.readonly ? o("", !0) : (C(), s("p", {
 				key: 1,
 				textContent: A(t.emptyHint)
-			}, null, 8, Qc))
-		], 16)) : (C(), s("div", $c, [
+			}, null, 8, tl))
+		], 16)) : (C(), s("div", nl, [
 			(C(!0), s(e, null, E(t.modelValue, (n) => (C(), s("div", {
 				key: n.id,
 				class: _(["row", { "is-playing": x.value === n.id }])
@@ -6120,13 +6120,13 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					onLoadedmetadata: (e) => ye(n.id, e),
 					onTimeupdate: (e) => ue(n.id, e),
 					onEnded: (e) => de(n.id)
-				}, null, 40, el),
+				}, null, 40, rl),
 				c("button", {
 					class: "play-btn",
 					"aria-label": x.value === n.id ? "暫停" : "播放",
 					disabled: !n.url,
 					onClick: (e) => le(n.id)
-				}, [x.value === n.id ? (C(), s("svg", nl, [...r[1] ||= [c("rect", {
+				}, [x.value === n.id ? (C(), s("svg", al, [...r[1] ||= [c("rect", {
 					x: "6",
 					y: "5",
 					width: "4",
@@ -6138,11 +6138,11 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					width: "4",
 					height: "14",
 					rx: "1"
-				}, null, -1)]])) : (C(), s("svg", rl, [...r[2] ||= [c("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, tl),
-				c("div", il, [c("div", {
+				}, null, -1)]])) : (C(), s("svg", ol, [...r[2] ||= [c("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, il),
+				c("div", sl, [c("div", {
 					class: "name",
 					title: ie(n)
-				}, A(ie(n)), 9, al), c("div", ol, [n.size == null ? o("", !0) : (C(), s(e, { key: 0 }, [d(A(N(Ps)(n.size)) + " · ", 1)], 64)), d(" " + A(N(Fs)(n.duration)), 1)])]),
+				}, A(ie(n)), 9, cl), c("div", ll, [n.size == null ? o("", !0) : (C(), s(e, { key: 0 }, [d(A(N(Ls)(n.size)) + " · ", 1)], 64)), d(" " + A(N(Rs)(n.duration)), 1)])]),
 				c("div", {
 					class: _(["wave", { "is-track": !D[n.id]?.length }]),
 					ref_for: !0,
@@ -6153,11 +6153,11 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					key: t,
 					class: _(["bar", { "is-played": me(n, t) }]),
 					style: v({ height: Math.max(2, Math.round(e * 34)) + "px" })
-				}, null, 6))), 128)) : (C(), s("div", cl, [c("div", {
+				}, null, 6))), 128)) : (C(), s("div", dl, [c("div", {
 					class: "track-fill",
 					style: v({ width: he(n) * 100 + "%" })
-				}, null, 4)]))], 42, sl),
-				c("div", ll, A(N(Fs)(O[n.id] || 0)) + " / " + A(N(Fs)(n.duration)), 1),
+				}, null, 4)]))], 42, ul),
+				c("div", fl, A(N(Rs)(O[n.id] || 0)) + " / " + A(N(Rs)(n.duration)), 1),
 				t.readonly ? o("", !0) : (C(), s("button", {
 					key: 0,
 					class: "del-btn",
@@ -6171,7 +6171,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					"stroke-width": "1.8",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [c("path", { d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14" })], -1)]], 8, ul))
+				}, [c("path", { d: "M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14" })], -1)]], 8, pl))
 			], 2))), 128)),
 			(C(!0), s(e, null, E(g.value, (e) => (C(), s("div", {
 				key: e.tag,
@@ -6185,20 +6185,20 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round"
-			}, [c("path", { d: "M12 3a9 9 0 1 0 9 9" })])], -1), c("div", dl, [c("div", fl, A(e.name), 1), r[4] ||= c("div", { class: "sub" }, "解析波形中…", -1)])]))), 128)),
+			}, [c("path", { d: "M12 3a9 9 0 1 0 9 9" })])], -1), c("div", ml, [c("div", hl, A(e.name), 1), r[4] ||= c("div", { class: "sub" }, "解析波形中…", -1)])]))), 128)),
 			t.multiple && !t.readonly ? (C(), s("div", h({
 				key: 0,
 				class: ["add", { "is-drag": N(H) }]
 			}, N(U)), [...r[6] ||= [u("<span class=\"plus\" aria-hidden=\"true\" data-v-3def95e6><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" data-v-3def95e6><path d=\"M12 5v14M5 12h14\" data-v-3def95e6></path></svg></span><div class=\"add-text\" data-v-3def95e6><div class=\"t\" data-v-3def95e6>新增音訊</div><div class=\"d\" data-v-3def95e6>點擊或拖放檔案 · MP3 / WAV / OGG / M4A</div></div>", 2)]], 16)) : o("", !0)
 		]))], 2));
 	}
-}), [["__scopeId", "data-v-3def95e6"]]), _l = { class: "header" }, vl = { class: "brand-logo" }, yl = { class: "logo-text" }, bl = { class: "logo-icon" }, xl = { class: "nav" }, Sl = ["onClick"], Cl = ["innerHTML"], wl = { class: "nav-list" }, Tl = ["href", "onClick"], El = ["innerHTML"], Dl = { class: "nav-text" }, Ol = ["href", "onClick"], kl = { class: "title no-children" }, Al = ["innerHTML"], jl = { class: "user-capsule" }, Ml = { class: "user-avatar" }, Nl = ["src"], Pl = {
+}), [["__scopeId", "data-v-3def95e6"]]), bl = { class: "header" }, xl = { class: "brand-logo" }, Sl = { class: "logo-text" }, Cl = { class: "logo-icon" }, wl = { class: "nav" }, Tl = ["onClick"], El = ["innerHTML"], Dl = { class: "nav-list" }, Ol = ["href", "onClick"], kl = ["innerHTML"], Al = { class: "nav-text" }, jl = ["href", "onClick"], Ml = { class: "title no-children" }, Nl = ["innerHTML"], Pl = { class: "user-capsule" }, Fl = { class: "user-avatar" }, Il = ["src"], Ll = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "36",
 	height: "36",
 	viewBox: "0 0 36 36"
-}, Fl = { class: "user-info" }, Il = { class: "user-name-row" }, Ll = { class: "user-name" }, Rl = /* @__PURE__ */ z(/* @__PURE__ */ p({
+}, Rl = { class: "user-info" }, zl = { class: "user-name-row" }, Bl = { class: "user-name" }, Vl = /* @__PURE__ */ z(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		title: { default: "" },
@@ -6251,8 +6251,8 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				class: "content",
 				onMouseenter: v[2] ||= (e) => p.value = !0
 			}, [
-				D(r.$slots, "header", {}, () => [c("div", _l, [c("div", vl, [c("span", yl, A(n.title), 1), c("span", bl, A(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
-				c("div", xl, [(C(!0), s(e, null, E(n.menus, (t) => (C(), s(e, null, [t.children?.length ? (C(), s("div", {
+				D(r.$slots, "header", {}, () => [c("div", bl, [c("div", xl, [c("span", Sl, A(n.title), 1), c("span", Cl, A(n.title.substring(0, 1).toUpperCase()), 1)])])], !0),
+				c("div", wl, [(C(!0), s(e, null, E(n.menus, (t) => (C(), s(e, null, [t.children?.length ? (C(), s("div", {
 					key: 0,
 					class: _(["menu", {
 						open: N(i)(t.title),
@@ -6261,7 +6261,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				}, [c("div", {
 					class: "title",
 					onClick: (e) => N(o)(t.title)
-				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Cl), c("span", null, A(t.title), 1)]), v[6] ||= c("svg", {
+				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, El), c("span", null, A(t.title), 1)]), v[6] ||= c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "14",
 					height: "14",
@@ -6272,23 +6272,23 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "icon"
-				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Sl), c("div", wl, [c("div", null, [(C(!0), s(e, null, E(t.children, (e) => (C(), s("a", {
+				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Tl), c("div", Dl, [c("div", null, [(C(!0), s(e, null, E(t.children, (e) => (C(), s("a", {
 					href: e.route,
 					onClick: L((t) => h(e), ["prevent"])
-				}, [c("div", { class: _(["nav-item", { active: N(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8, El), c("span", Dl, A(e.title), 1)], 2)], 8, Tl))), 256))])])], 2)) : (C(), s("div", {
+				}, [c("div", { class: _(["nav-item", { active: N(d)(e, n.currentPath) }]) }, [c("div", { innerHTML: e.icon }, null, 8, kl), c("span", Al, A(e.title), 1)], 2)], 8, Ol))), 256))])])], 2)) : (C(), s("div", {
 					key: 1,
 					class: _(["menu", { active: t.route === n.currentPath }])
 				}, [c("a", {
 					href: t.route,
 					onClick: L((e) => g(t), ["prevent"])
-				}, [c("div", kl, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Al), c("span", null, A(t.title), 1)])])], 8, Ol)], 2))], 64))), 256))]),
-				c("div", jl, [D(r.$slots, "user", {}, () => [
-					c("div", Ml, [n.userAvatarUrl ? (C(), s("img", {
+				}, [c("div", Ml, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Nl), c("span", null, A(t.title), 1)])])], 8, jl)], 2))], 64))), 256))]),
+				c("div", Pl, [D(r.$slots, "user", {}, () => [
+					c("div", Fl, [n.userAvatarUrl ? (C(), s("img", {
 						key: 0,
 						src: n.userAvatarUrl,
 						alt: "User Avatar"
-					}, null, 8, Nl)) : (C(), s("svg", Pl, [...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", Fl, [c("div", Il, [c("span", Ll, A(n.userName), 1)])]),
+					}, null, 8, Il)) : (C(), s("svg", Ll, [...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", Rl, [c("div", zl, [c("span", Bl, A(n.userName), 1)])]),
 					f(B, {
 						class: "logout-btn",
 						intent: "error",
@@ -6327,7 +6327,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			}, null, 2)]))
 		], 34));
 	}
-}), [["__scopeId", "data-v-2c73c218"]]), zl = { class: "layout" }, Bl = { class: "main-content" }, Vl = { class: "copyright" }, Hl = /* @__PURE__ */ z(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-2c73c218"]]), Hl = { class: "layout" }, Ul = { class: "main-content" }, Wl = { class: "copyright" }, Gl = /* @__PURE__ */ z(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
 		title: { default: "NICKLABS" },
@@ -6343,7 +6343,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 	emits: ["logout", "navigate"],
 	setup(e, { emit: t }) {
 		let n = Di(), r = t;
-		return (t, i) => (C(), s("div", zl, [e.isShowSidebar ? (C(), a(Rl, {
+		return (t, i) => (C(), s("div", Hl, [e.isShowSidebar ? (C(), a(Vl, {
 			key: 0,
 			title: e.title,
 			userName: e.userName,
@@ -6359,18 +6359,18 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			"isOpen",
 			"menus",
 			"currentPath"
-		])) : o("", !0), c("main", Bl, [D(t.$slots, "default", {}, void 0, !0), c("div", Vl, A(e.copyright), 1)])]));
+		])) : o("", !0), c("main", Ul, [D(t.$slots, "default", {}, void 0, !0), c("div", Wl, A(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-41b1eb44"]]), Ul = { class: "topbar" }, Wl = { class: "topbar-left" }, Gl = { class: "topbar-right" }, Kl = {
+}), [["__scopeId", "data-v-41b1eb44"]]), Kl = { class: "topbar" }, ql = { class: "topbar-left" }, Jl = { class: "topbar-right" }, Yl = {
 	key: 0,
 	class: "pill"
-}, ql = {
+}, Xl = {
 	key: 0,
 	class: "name"
-}, Jl = {
+}, Zl = {
 	key: 1,
 	class: "separator"
-}, Yl = /* @__PURE__ */ z(/* @__PURE__ */ p({
+}, Ql = /* @__PURE__ */ z(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -6395,7 +6395,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 		let n = t, r = () => {
 			document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
 		};
-		return (t, i) => (C(), s("header", Ul, [c("div", Wl, [e.isShowSidebar ? (C(), a(B, {
+		return (t, i) => (C(), s("header", Kl, [c("div", ql, [e.isShowSidebar ? (C(), a(B, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -6438,9 +6438,9 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 				c("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 			], -1)]]),
 			_: 1
-		})) : o("", !0)]), c("div", Gl, [e.isShowUser || e.isShowLogoutButton ? (C(), s("div", Kl, [
-			e.isShowUser ? (C(), s("span", ql, "Nick")) : o("", !0),
-			e.isShowUser && e.isShowLogoutButton ? (C(), s("div", Jl)) : o("", !0),
+		})) : o("", !0)]), c("div", Jl, [e.isShowUser || e.isShowLogoutButton ? (C(), s("div", Yl, [
+			e.isShowUser ? (C(), s("span", Xl, "Nick")) : o("", !0),
+			e.isShowUser && e.isShowLogoutButton ? (C(), s("div", Zl)) : o("", !0),
 			e.isShowLogoutButton ? (C(), a(B, {
 				key: 2,
 				variant: "mute",
@@ -6466,10 +6466,10 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-f38a4beb"]]), Xl = { class: "brand" }, Zl = ["src", "alt"], Ql = {
+}), [["__scopeId", "data-v-f38a4beb"]]), $l = { class: "brand" }, eu = ["src", "alt"], tu = {
 	key: 1,
 	class: "icon"
-}, $l = { key: 2 }, eu = { key: 3 }, tu = /* @__PURE__ */ z(/* @__PURE__ */ p({
+}, nu = { key: 2 }, ru = { key: 3 }, iu = /* @__PURE__ */ z(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -6487,15 +6487,15 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 			radius: "xl",
 			class: "card"
 		}, {
-			default: I(() => [c("div", Xl, [
+			default: I(() => [c("div", $l, [
 				t.value ? (C(), s("img", {
 					key: 0,
 					class: "logo-img",
 					src: e.logo,
 					alt: e.title
-				}, null, 8, Zl)) : (C(), s("div", Ql, A(e.logo), 1)),
-				e.title ? (C(), s("h1", $l, A(e.title), 1)) : o("", !0),
-				e.description ? (C(), s("p", eu, A(e.description), 1)) : o("", !0)
+				}, null, 8, eu)) : (C(), s("div", tu, A(e.logo), 1)),
+				e.title ? (C(), s("h1", nu, A(e.title), 1)) : o("", !0),
+				e.description ? (C(), s("p", ru, A(e.description), 1)) : o("", !0)
 			]), D(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
@@ -6503,7 +6503,7 @@ var Ps = (e) => e == null ? "—" : e < 1024 ? e + " B" : e < 1048576 ? (e / 102
 }), [["__scopeId", "data-v-f0866bc5"]]);
 //#endregion
 //#region src/composables/useRouteModal.ts
-function nu(e) {
+function au(e) {
 	let t = i(() => {
 		let t = R();
 		return t ? t.currentRoute.value.matched.some((t) => t.name === e.routeName) : !1;
@@ -6527,7 +6527,7 @@ function nu(e) {
 }
 //#endregion
 //#region src/index.ts
-var ru = {
+var ou = {
 	NButton: B,
 	NBreadcrumb: ue,
 	NInput: _e,
@@ -6549,19 +6549,19 @@ var ru = {
 	NDrawer: ps,
 	NAlert: Ss,
 	NTable: Ta,
-	NVirtualTable: Ms,
-	NVideoSelect: vc,
-	NImageSelect: Kc,
-	NAudioSelect: gl,
-	NLayout: Hl,
-	NNavigation: Yl,
-	NSidebar: Rl,
+	NVirtualTable: Fs,
+	NVideoSelect: xc,
+	NImageSelect: Yc,
+	NAudioSelect: yl,
+	NLayout: Gl,
+	NNavigation: Ql,
+	NSidebar: Vl,
 	NCard: Gi,
-	NLoginLayout: tu
-}, iu = { install(e, t = {}) {
-	Object.entries(ru).forEach(([t, n]) => {
+	NLoginLayout: iu
+}, su = { install(e, t = {}) {
+	Object.entries(ou).forEach(([t, n]) => {
 		e.component(t, n);
 	}), t.router && ie(t.router);
 } };
 //#endregion
-export { Ss as NAlert, gl as NAudioSelect, B as NButton, Gi as NCard, K as NCheckbox, qa as NCode, ns as NDatePicker, ps as NDrawer, ta as NEmpty, Ci as NFileSelect, Wi as NForm, Kc as NImageSelect, _e as NInput, Hl as NLayout, ka as NList, fa as NLoading, tu as NLoginLayout, cs as NModal, Yl as NNavigation, Zn as NSelect, Rl as NSidebar, Ya as NSwitch, Ta as NTable, Xa as NTag, Se as NTextarea, Ra as NToast, rs as NTooltip, vc as NVideoSelect, Ms as NVirtualTable, iu as NickLabsUI, ci as useAlert, U as useBreadcrumb, Ns as useDisclosure, nu as useRouteModal, Di as useSidebarManager, Ma as useToast };
+export { Ss as NAlert, yl as NAudioSelect, B as NButton, Gi as NCard, K as NCheckbox, qa as NCode, ns as NDatePicker, ps as NDrawer, ta as NEmpty, Ci as NFileSelect, Wi as NForm, Yc as NImageSelect, _e as NInput, Gl as NLayout, ka as NList, fa as NLoading, iu as NLoginLayout, cs as NModal, Ql as NNavigation, Zn as NSelect, Vl as NSidebar, Ya as NSwitch, Ta as NTable, Xa as NTag, Se as NTextarea, Ra as NToast, rs as NTooltip, xc as NVideoSelect, Fs as NVirtualTable, su as NickLabsUI, ci as useAlert, U as useBreadcrumb, Is as useDisclosure, au as useRouteModal, Di as useSidebarManager, Ma as useToast };