nicklabs-ui 1.0.21 → 1.0.22

package/dist/index.mjs

@@ -1,6 +1,6 @@
-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, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, onUnmounted as y, openBlock as b, reactive as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useCssVars as D, useSlots as ee, vModelText as te, watch as ne, withCtx as O, withDirectives as re, withModifiers as k } from "vue";
+import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createStaticVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, onUnmounted as y, openBlock as b, reactive as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useCssVars as D, vModelText as ee, watch as te, withCtx as O, withDirectives as ne, withModifiers as k } from "vue";
 //#region src/components/NButton.vue?vue&type=script&setup=true&lang.ts
-var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
+var re = ["type", "disabled"], ie = /* @__PURE__ */ p({
 	__name: "NButton",
 	props: {
 		variant: { default: "none" },
@@ -41,16 +41,16 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 			]),
 			type: e.type,
 			disabled: e.disabled
-		}, [w(t.$slots, "default", {}, void 0, !0)], 10, ie));
+		}, [w(t.$slots, "default", {}, void 0, !0)], 10, re));
 	}
 }), A = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, j = /* @__PURE__ */ A(ae, [["__scopeId", "data-v-a30a1234"]]), oe = { class: "input" }, se = {
+}, j = /* @__PURE__ */ A(ie, [["__scopeId", "data-v-a30a1234"]]), ae = { class: "input" }, oe = {
 	key: 0,
 	class: "label"
-}, ce = ["disabled"], M = [
+}, se = ["disabled"], M = [
 	"type",
 	"placeholder",
 	"disabled",
@@ -186,7 +186,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 			}
 			n("update:modelValue", String(e.min));
 		}, w = () => l.value = !l.value;
-		return (t, i) => (b(), s("div", oe, [e.title ? (b(), s("label", se, T(e.title), 1)) : o("", !0), c("div", { class: h({
+		return (t, i) => (b(), s("div", ae, [e.title ? (b(), s("label", oe, T(e.title), 1)) : o("", !0), c("div", { class: h({
 			common: !a.value,
 			number: a.value,
 			disabled: e.disabled
@@ -207,7 +207,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [c("path", { d: "M5 12h14" })], -1)]], 8, ce)) : o("", !0),
+			}, [c("path", { d: "M5 12h14" })], -1)]], 8, se)) : o("", !0),
 			c("input", {
 				type: u.value,
 				placeholder: e.placeholder,
@@ -272,7 +272,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]])) : o("", !0)]))
 		], 2)]));
 	}
-}), [["__scopeId", "data-v-d5f9697c"]]), le = { class: "textarea" }, ue = ["textContent"], R = [
+}), [["__scopeId", "data-v-d5f9697c"]]), R = { class: "textarea" }, ce = ["textContent"], le = [
 	"rows",
 	"placeholder",
 	"disabled",
@@ -284,7 +284,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 ], z = {
 	key: 1,
 	class: "char-count"
-}, de = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, B = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NTextarea",
 	props: {
 		modelValue: { default: "" },
@@ -334,12 +334,12 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 		};
 		return v(() => {
 			e.autofocus && r.value?.focus();
-		}), (t, i) => (b(), s("div", le, [
+		}), (t, i) => (b(), s("div", R, [
 			e.title ? (b(), s("label", {
 				key: 0,
 				class: "label",
 				textContent: T(e.title)
-			}, null, 8, ue)) : o("", !0),
+			}, null, 8, ce)) : o("", !0),
 			c("textarea", {
 				ref_key: "textareaRef",
 				ref: r,
@@ -358,14 +358,17 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 				onChange: i[2] ||= (e) => n("change", e),
 				onKeydown: i[3] ||= (e) => n("keydown", e),
 				onPaste: i[4] ||= (e) => n("paste", e)
-			}, null, 40, R),
+			}, null, 40, le),
 			e.showCount ? (b(), s("div", z, T(u.value), 1)) : o("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-4e18ca96"]]), B = { class: "checkbox" }, fe = {
+}), [["__scopeId", "data-v-4e18ca96"]]), ue = { class: "checkbox" }, V = {
 	key: 0,
 	class: "label"
-}, pe = ["onClick"], me = ["checked", "disabled"], he = ["checked", "disabled"], ge = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, de = ["onClick"], fe = ["checked", "disabled"], pe = ["checked", "disabled"], me = {
+	key: 0,
+	class: "text"
+}, he = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NCheckbox",
 	props: {
 		modelValue: { default: !1 },
@@ -378,11 +381,11 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 			default: !1
 		},
 		title: { default: () => void 0 },
+		label: { default: () => void 0 },
 		autofocus: {
 			type: Boolean,
 			default: !1
 		},
-		ariaLabel: { default: () => void 0 },
 		direction: { default: "row" },
 		options: { default: () => [] }
 	},
@@ -407,7 +410,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 		};
 		return v(() => {
 			t.autofocus || a.value?.focus();
-		}), (n, r) => (b(), s("div", B, [t.title ? (b(), s("h3", fe, T(t.title), 1)) : o("", !0), c("div", { class: h(["group", [t.direction]]) }, [l.value ? (b(), s("label", {
+		}), (n, r) => (b(), s("div", ue, [t.title ? (b(), s("h3", V, T(t.title), 1)) : o("", !0), c("div", { class: h(["group", [t.direction]]) }, [l.value ? (b(), s("label", {
 			key: 1,
 			class: "item",
 			onClick: r[0] ||= k((e) => g(), ["prevent"])
@@ -416,7 +419,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 				type: "checkbox",
 				checked: !!t.modelValue,
 				disabled: t.disabled
-			}, null, 8, he),
+			}, null, 8, pe),
 			r[2] ||= c("span", { class: "icon" }, [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "24",
@@ -428,7 +431,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [c("path", { d: "M20 6 9 17l-5-5" })])], -1),
-			w(n.$slots, "default", {}, () => [d(T(t.title || t.ariaLabel), 1)], !0)
+			n.$slots.default || t.label ? (b(), s("span", me, [w(n.$slots, "default", {}, () => [d(T(t.label), 1)], !0)])) : o("", !0)
 		])) : (b(!0), s(e, { key: 0 }, C(t.options, (e, n) => (b(), s("label", {
 			key: `${e.label}${n}`,
 			class: "item",
@@ -438,7 +441,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 				type: "checkbox",
 				checked: m(e.value),
 				disabled: t.disabled
-			}, null, 8, me),
+			}, null, 8, fe),
 			c("span", { class: h(["icon", { radio: !t.multiple }]) }, [...r[1] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "24",
@@ -451,15 +454,15 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 				"stroke-linejoin": "round"
 			}, [c("path", { d: "M20 6 9 17l-5-5" })], -1)]], 2),
 			d(" " + T(e.label), 1)
-		], 8, pe))), 128))], 2)]));
+		], 8, de))), 128))], 2)]));
 	}
-}), [["__scopeId", "data-v-97209882"]]), _e = { class: "select" }, ve = {
+}), [["__scopeId", "data-v-2f60333f"]]), ge = { class: "select" }, _e = {
 	key: 0,
 	class: "label"
-}, ye = { class: "select-chips-container" }, be = ["textContent"], xe = ["onClick"], Se = {
+}, ve = { class: "select-chips-container" }, ye = ["textContent"], be = ["onClick"], xe = {
 	key: 0,
 	class: "search-box"
-}, Ce = { class: "options" }, we = ["onClick"], V = {
+}, Se = { class: "options" }, Ce = ["onClick"], H = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -470,10 +473,10 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 	"stroke-width": "2.5",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, H = {
+}, U = {
 	key: 0,
 	class: "empty"
-}, Te = 240, U = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, we = 240, W = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NSelect",
 	props: {
 		modelValue: { default: () => void 0 },
@@ -515,7 +518,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 			if (!t.disabled && (a.value = !a.value, a.value)) {
 				if (await m(), d.value) {
 					let e = d.value.getBoundingClientRect();
-					u.value = window.innerHeight - e.bottom < Te;
+					u.value = window.innerHeight - e.bottom < we;
 				}
 				t.searchable && f.value?.focus();
 			}
@@ -529,11 +532,11 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 			if (t.disabled) return;
 			let n;
 			t.multiple ? (E(e.value) ? delete p.value[e.value] : p.value[e.value] = e, n = Object.keys(p.value), r("update:modelValue", n), r("change", n), r("change:item", e), r("change:value", n), r("change:values", n)) : (n = e.value, r("update:modelValue", n), r("change", n), r("change:item", e), r("change:value", n), x());
-		}, ee = () => {
+		}, te = () => {
 			if (t.disabled) return;
 			let e = t.multiple ? [] : void 0;
 			r("update:modelValue", e), r("change", e), r("change:value", e), r("change:values", []);
-		}, ne = i(() => {
+		}, O = i(() => {
 			let e = l.value.trim().toLowerCase();
 			return e ? t.options.filter((t) => t.label.toLowerCase().includes(e)) : t.options;
 		});
@@ -542,11 +545,11 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 		}), _(() => {
 			document.removeEventListener("pointerdown", w);
 		});
-		let O = i(() => {
+		let re = i(() => {
 			let e = Object.keys(p.value), n = e.length;
 			return n === 0 ? "" : t.multiple ? `已選 ${n} 項` : p.value[e[0]]?.label ?? "";
 		});
-		return (n, r) => (b(), s("div", _e, [t.title ? (b(), s("label", ve, T(t.title), 1)) : o("", !0), c("div", {
+		return (n, r) => (b(), s("div", ge, [t.title ? (b(), s("label", _e, T(t.title), 1)) : o("", !0), c("div", {
 			ref_key: "selectGroupRef",
 			ref: d,
 			class: h(["group", {
@@ -557,11 +560,11 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 			class: h(["trigger", { disabled: t.disabled }]),
 			onClick: y
 		}, [
-			c("div", ye, [!g.value || !t.multiple || t.multiple && t.multipleDisplay === "count" ? (b(), s("span", {
+			c("div", ve, [!g.value || !t.multiple || t.multiple && t.multipleDisplay === "count" ? (b(), s("span", {
 				key: 0,
 				class: h(["trigger-text", { placeholder: !g.value }]),
-				textContent: T(g.value ? O.value : t.placeholder)
-			}, null, 10, be)) : o("", !0), t.multiple && t.multipleDisplay === "tags" ? (b(!0), s(e, { key: 1 }, C(p.value, (e, t) => (b(), s("div", {
+				textContent: T(g.value ? re.value : t.placeholder)
+			}, null, 10, ye)) : o("", !0), t.multiple && t.multipleDisplay === "tags" ? (b(!0), s(e, { key: 1 }, C(p.value, (e, t) => (b(), s("div", {
 				key: `${e.label}${t}`,
 				class: "select-chip"
 			}, [c("span", null, T(e.label), 1), c("span", {
@@ -577,12 +580,12 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 				"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, xe)]))), 128)) : o("", !0)]),
+			}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]], 8, be)]))), 128)) : o("", !0)]),
 			t.clearable && g.value && !t.disabled ? (b(), s("button", {
 				key: 0,
 				class: "clear-btn",
 				type: "button",
-				onClick: k(ee, ["stop"])
+				onClick: k(te, ["stop"])
 			}, [...r[2] ||= [c("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "14",
@@ -606,7 +609,7 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 				"stroke-linejoin": "round",
 				class: "arrow-icon"
 			}, [c("path", { d: "m6 10 6 6 6-6" })], -1)
-		], 2), c("div", { class: h(["dropdown", { upward: u.value }]) }, [t.searchable ? (b(), s("div", Se, [r[4] ||= c("svg", {
+		], 2), c("div", { class: h(["dropdown", { upward: u.value }]) }, [t.searchable ? (b(), s("div", xe, [r[4] ||= c("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "14",
 			height: "14",
@@ -621,102 +624,102 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 			cx: "11",
 			cy: "11",
 			r: "8"
-		})], -1), re(c("input", {
+		})], -1), ne(c("input", {
 			ref_key: "searchInputRef",
 			ref: f,
 			type: "text",
 			class: "search-input",
 			placeholder: "Search...",
 			"onUpdate:modelValue": r[0] ||= (e) => l.value = e
-		}, null, 512), [[te, l.value]])])) : o("", !0), c("div", Ce, [(b(!0), s(e, null, C(ne.value, (e, t) => (b(), s("div", {
+		}, null, 512), [[ee, l.value]])])) : o("", !0), c("div", Se, [(b(!0), s(e, null, C(O.value, (e, t) => (b(), s("div", {
 			key: `${e.label}${t}`,
 			class: h(["option", { selected: E(e.value) }]),
 			onClick: (t) => D(e)
-		}, [c("span", null, T(e.label), 1), E(e.value) ? (b(), s("svg", V, [...r[5] ||= [c("path", { d: "M20 6 9 17l-5-5" }, null, -1)]])) : o("", !0)], 10, we))), 128)), ne.value.length === 0 ? (b(), s("div", H, " 無符合選項 ")) : o("", !0)])], 2)], 2)]));
+		}, [c("span", null, T(e.label), 1), E(e.value) ? (b(), s("svg", H, [...r[5] ||= [c("path", { d: "M20 6 9 17l-5-5" }, null, -1)]])) : o("", !0)], 10, Ce))), 128)), O.value.length === 0 ? (b(), s("div", U, " 無符合選項 ")) : o("", !0)])], 2)], 2)]));
 	}
-}), [["__scopeId", "data-v-08bb043e"]]), W = typeof Buffer == "function", G = typeof TextDecoder == "function" ? new TextDecoder() : void 0, K = typeof TextEncoder == "function" ? new TextEncoder() : void 0, q = Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="), J = ((e) => {
+}), [["__scopeId", "data-v-08bb043e"]]), G = typeof Buffer == "function", K = typeof TextDecoder == "function" ? new TextDecoder() : void 0, q = typeof TextEncoder == "function" ? new TextEncoder() : void 0, J = Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="), Y = ((e) => {
 	let t = {};
 	return e.forEach((e, n) => t[e] = n), t;
-})(q), Ee = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/, Y = String.fromCharCode.bind(String), De = typeof Uint8Array.from == "function" ? Uint8Array.from.bind(Uint8Array) : (e) => new Uint8Array(Array.prototype.slice.call(e, 0)), Oe = (e) => e.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "_"), ke = (e) => e.replace(/[^A-Za-z0-9\+\/]/g, ""), Ae = typeof btoa == "function" ? (e) => btoa(e) : W ? (e) => Buffer.from(e, "binary").toString("base64") : (e) => {
+})(J), Te = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/, X = String.fromCharCode.bind(String), Ee = typeof Uint8Array.from == "function" ? Uint8Array.from.bind(Uint8Array) : (e) => new Uint8Array(Array.prototype.slice.call(e, 0)), De = (e) => e.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "_"), Oe = (e) => e.replace(/[^A-Za-z0-9\+\/]/g, ""), ke = typeof btoa == "function" ? (e) => btoa(e) : G ? (e) => Buffer.from(e, "binary").toString("base64") : (e) => {
 	let t, n, r, i, a = "", o = e.length % 3;
 	for (let o = 0; o < e.length;) {
 		if ((n = e.charCodeAt(o++)) > 255 || (r = e.charCodeAt(o++)) > 255 || (i = e.charCodeAt(o++)) > 255) throw TypeError("invalid character found");
-		t = n << 16 | r << 8 | i, a += q[t >> 18 & 63] + q[t >> 12 & 63] + q[t >> 6 & 63] + q[t & 63];
+		t = n << 16 | r << 8 | i, a += J[t >> 18 & 63] + J[t >> 12 & 63] + J[t >> 6 & 63] + J[t & 63];
 	}
 	return o ? a.slice(0, o - 3) + "===".substring(o) : a;
-}, je = W ? (e) => Buffer.from(e).toString("base64") : (e) => {
+}, Ae = G ? (e) => Buffer.from(e).toString("base64") : (e) => {
 	let t = 4096, n = [];
-	for (let r = 0, i = e.length; r < i; r += t) n.push(Y.apply(null, e.subarray(r, r + t)));
-	return Ae(n.join(""));
-}, Me = (e) => {
+	for (let r = 0, i = e.length; r < i; r += t) n.push(X.apply(null, e.subarray(r, r + t)));
+	return ke(n.join(""));
+}, je = (e) => {
 	if (e.length < 2) {
 		var t = e.charCodeAt(0);
-		return t < 128 ? e : t < 2048 ? Y(192 | t >>> 6) + Y(128 | t & 63) : Y(224 | t >>> 12 & 15) + Y(128 | t >>> 6 & 63) + Y(128 | t & 63);
+		return t < 128 ? e : t < 2048 ? X(192 | t >>> 6) + X(128 | t & 63) : X(224 | t >>> 12 & 15) + X(128 | t >>> 6 & 63) + X(128 | t & 63);
 	} else {
 		var t = 65536 + (e.charCodeAt(0) - 55296) * 1024 + (e.charCodeAt(1) - 56320);
-		return Y(240 | t >>> 18 & 7) + Y(128 | t >>> 12 & 63) + Y(128 | t >>> 6 & 63) + Y(128 | t & 63);
+		return X(240 | t >>> 18 & 7) + X(128 | t >>> 12 & 63) + X(128 | t >>> 6 & 63) + X(128 | t & 63);
 	}
-}, Ne = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g, Pe = (e) => e.replace(Ne, Me), Fe = W ? (e) => Buffer.from(e, "utf8").toString("base64") : K ? (e) => je(K.encode(e)) : (e) => Ae(Pe(e)), Ie = (e, t = !1) => t ? Oe(Fe(e)) : Fe(e), Le = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g, Re = (e) => {
+}, Me = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g, Ne = (e) => e.replace(Me, je), Pe = G ? (e) => Buffer.from(e, "utf8").toString("base64") : q ? (e) => Ae(q.encode(e)) : (e) => ke(Ne(e)), Fe = (e, t = !1) => t ? De(Pe(e)) : Pe(e), Ie = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g, Le = (e) => {
 	switch (e.length) {
 		case 4:
 			var t = ((7 & e.charCodeAt(0)) << 18 | (63 & e.charCodeAt(1)) << 12 | (63 & e.charCodeAt(2)) << 6 | 63 & e.charCodeAt(3)) - 65536;
-			return Y((t >>> 10) + 55296) + Y((t & 1023) + 56320);
-		case 3: return Y((15 & e.charCodeAt(0)) << 12 | (63 & e.charCodeAt(1)) << 6 | 63 & e.charCodeAt(2));
-		default: return Y((31 & e.charCodeAt(0)) << 6 | 63 & e.charCodeAt(1));
+			return X((t >>> 10) + 55296) + X((t & 1023) + 56320);
+		case 3: return X((15 & e.charCodeAt(0)) << 12 | (63 & e.charCodeAt(1)) << 6 | 63 & e.charCodeAt(2));
+		default: return X((31 & e.charCodeAt(0)) << 6 | 63 & e.charCodeAt(1));
 	}
-}, ze = (e) => e.replace(Le, Re), Be = typeof atob == "function" ? (e) => atob(ke(e)) : W ? (e) => Buffer.from(e, "base64").toString("binary") : (e) => {
-	if (e = e.replace(/\s+/g, ""), !Ee.test(e)) throw TypeError("malformed base64.");
+}, Re = (e) => e.replace(Ie, Le), ze = typeof atob == "function" ? (e) => atob(Oe(e)) : G ? (e) => Buffer.from(e, "base64").toString("binary") : (e) => {
+	if (e = e.replace(/\s+/g, ""), !Te.test(e)) throw TypeError("malformed base64.");
 	e += "==".slice(2 - (e.length & 3));
 	let t, n, r, i = [];
-	for (let a = 0; a < e.length;) t = J[e.charAt(a++)] << 18 | J[e.charAt(a++)] << 12 | (n = J[e.charAt(a++)]) << 6 | (r = J[e.charAt(a++)]), n === 64 ? i.push(Y(t >> 16 & 255)) : r === 64 ? i.push(Y(t >> 16 & 255, t >> 8 & 255)) : i.push(Y(t >> 16 & 255, t >> 8 & 255, t & 255));
+	for (let a = 0; a < e.length;) t = Y[e.charAt(a++)] << 18 | Y[e.charAt(a++)] << 12 | (n = Y[e.charAt(a++)]) << 6 | (r = Y[e.charAt(a++)]), n === 64 ? i.push(X(t >> 16 & 255)) : r === 64 ? i.push(X(t >> 16 & 255, t >> 8 & 255)) : i.push(X(t >> 16 & 255, t >> 8 & 255, t & 255));
 	return i.join("");
-}, Ve = W ? (e) => De(Buffer.from(e, "base64")) : (e) => De(Be(e).split("").map((e) => e.charCodeAt(0))), He = W ? (e) => Buffer.from(e, "base64").toString("utf8") : G ? (e) => G.decode(Ve(e)) : (e) => ze(Be(e)), X = (e) => ke(e.replace(/[-_]/g, (e) => e == "-" ? "+" : "/")), Ue = (e) => He(X(e)), We = "N_UTILS_KEY", Z = [], Ge = () => {
-	let e = Ie(JSON.stringify(Z));
-	localStorage.setItem(We, e);
-}, Ke = () => {
-	let e = localStorage.getItem(We) ?? "";
+}, Be = G ? (e) => Ee(Buffer.from(e, "base64")) : (e) => Ee(ze(e).split("").map((e) => e.charCodeAt(0))), Ve = G ? (e) => Buffer.from(e, "base64").toString("utf8") : K ? (e) => K.decode(Be(e)) : (e) => Re(ze(e)), Z = (e) => Oe(e.replace(/[-_]/g, (e) => e == "-" ? "+" : "/")), He = (e) => Ve(Z(e)), Ue = "N_UTILS_KEY", Q = [], We = () => {
+	let e = Fe(JSON.stringify(Q));
+	localStorage.setItem(Ue, e);
+}, Ge = () => {
+	let e = localStorage.getItem(Ue) ?? "";
 	if (e.length == 0) return [];
 	try {
-		return JSON.parse(Ue(e));
+		return JSON.parse(He(e));
 	} catch {
 		return [];
 	}
-}, qe = () => {
-	Z.clear();
-	let e = Ke(), t = (/* @__PURE__ */ new Date()).getTime();
+}, Ke = () => {
+	Q.clear();
+	let e = Ge(), t = (/* @__PURE__ */ new Date()).getTime();
 	e.forEach((e) => {
-		e.expireTime && e.expireTime < t || Z.push({
+		e.expireTime && e.expireTime < t || Q.push({
 			key: e.key,
 			value: e.value,
 			expireTime: e.expireTime
 		});
-	}), Z.length > 0 && Ge();
-}, Je = (e) => (qe(), Z.some((t) => t.key == e)), Ye = (e, t, n) => {
-	Ze(e);
+	}), Q.length > 0 && We();
+}, qe = (e) => (Ke(), Q.some((t) => t.key == e)), Je = (e, t, n) => {
+	Xe(e);
 	let r = {
 		key: e,
 		value: t
 	};
-	n && (r.expireTime = (/* @__PURE__ */ new Date()).getTime() + n * 1e3), Z.push(r), Ge();
-}, Xe = (e, t) => {
-	qe();
-	let n = Z.find((t) => t.key == e);
+	n && (r.expireTime = (/* @__PURE__ */ new Date()).getTime() + n * 1e3), Q.push(r), We();
+}, Ye = (e, t) => {
+	Ke();
+	let n = Q.find((t) => t.key == e);
 	return n ? n.value : t;
-}, Ze = (e) => {
-	qe();
-	let t = Z.findIndex((t) => t.key == e);
-	t != -1 && (Z.splice(t, 1), Ge());
-}, Qe = {
-	set: Ye,
-	get: Xe,
-	has: Je,
-	forget: Ze
-}, $e = { fullScreenToggle: (() => {
+}, Xe = (e) => {
+	Ke();
+	let t = Q.findIndex((t) => t.key == e);
+	t != -1 && (Q.splice(t, 1), We());
+}, Ze = {
+	set: Je,
+	get: Ye,
+	has: qe,
+	forget: Xe
+}, Qe = { fullScreenToggle: (() => {
 	let e = !1;
 	return () => {
 		e ? document.exitFullscreen() : document.documentElement.requestFullscreen(), e = !e;
 	};
-})() }, et = {
+})() }, $e = {
 	random: (e = 5) => Array(e).fill(null).map(() => {
 		let e = Math.random() * 62;
 		return "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".charAt(e);
@@ -724,9 +727,9 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 	copy: (e) => {
 		navigator.clipboard.writeText(e);
 	}
-}, tt = [], Q = (e = "", t = !1, n = !1) => (tt.clear(), new Promise((r, i) => {
+}, et = [], tt = (e = "", t = !1, n = !1) => (et.clear(), new Promise((r, i) => {
 	let a = document.createElement("input");
-	tt.push(a), a.hidden = !0, a.type = "file", a.accept = e, a.multiple = t, a.onchange = async (e) => {
+	et.push(a), a.hidden = !0, a.type = "file", a.accept = e, a.multiple = t, a.onchange = async (e) => {
 		let t = [];
 		a.files && a.files.length === 0 && r(t);
 		for (let e of a.files) {
@@ -745,15 +748,15 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 		i(e);
 	}, a.click();
 })), nt = {
-	all: (e = !1, t = !1) => Q("", e, t),
-	image: async (e = !1, t = !1) => Q([
+	all: (e = !1, t = !1) => tt("", e, t),
+	image: async (e = !1, t = !1) => tt([
 		"image/jpg",
 		"image/jpeg",
 		"image/png",
 		"image/gif",
 		"image/bmp"
 	].join(","), e, t),
-	documentFile: async (e = !1, t = !1) => Q([
+	documentFile: async (e = !1, t = !1) => tt([
 		".pdf",
 		"application/pdf",
 		".doc",
@@ -764,20 +767,20 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 		"text/plain",
 		".md"
 	].join(","), e, t),
-	video: async (e = !1, t = !1) => Q([
+	video: async (e = !1, t = !1) => tt([
 		"video/mp4",
 		"video/quicktime",
 		"video/webm",
 		"video/ogg"
 	].join(","), e, t),
-	audio: async (e = !1, t = !1) => Q([
+	audio: async (e = !1, t = !1) => tt([
 		"audio/mp3",
 		"audio/wav",
 		"audio/ogg",
 		"audio/aac",
 		"audio/flac"
 	].join(","), e, t),
-	custom: (e = "", t = !1, n = !1) => Q(e, t, n)
+	custom: (e = "", t = !1, n = !1) => tt(e, t, n)
 }, rt = (e) => new Promise((t, n) => {
 	let r = new FileReader();
 	r.readAsDataURL(e), r.onload = () => {
@@ -836,9 +839,9 @@ var ie = ["type", "disabled"], ae = /* @__PURE__ */ p({
 	let e = navigator.userAgent;
 	return !!/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(e);
 }, $ = {
-	store: Qe,
-	screen: $e,
-	str: et,
+	store: Ze,
+	screen: Qe,
+	str: $e,
 	input: nt,
 	file: ot,
 	link: st,
@@ -1106,33 +1109,7 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 			c("div", Xt, [w(n.$slots, "footer", {}, void 0, !0)])
 		], 32)]));
 	}
-}), [["__scopeId", "data-v-b0993eee"]]), Qt = ["innerHTML"], $t = { class: "title" }, en = {
-	key: 1,
-	class: "description"
-}, tn = {
-	key: 2,
-	class: "action"
-}, nn = /* @__PURE__ */ A(/* @__PURE__ */ p({
-	__name: "NEmpty",
-	props: {
-		title: { default: "目前沒有資料" },
-		description: { default: "" },
-		size: { default: "md" },
-		icon: { default: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"/>\n    <path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"/>\n</svg>" }
-	},
-	setup(e) {
-		return (t, n) => (b(), s("div", { class: h(["empty", [`size-${e.size}`]]) }, [
-			e.icon ? (b(), s("div", {
-				key: 0,
-				class: "icon",
-				innerHTML: e.icon
-			}, null, 8, Qt)) : o("", !0),
-			c("p", $t, T(e.title), 1),
-			e.description ? (b(), s("p", en, T(e.description), 1)) : o("", !0),
-			t.$slots.default ? (b(), s("div", tn, [w(t.$slots, "default", {}, void 0, !0)])) : o("", !0)
-		], 2));
-	}
-}), [["__scopeId", "data-v-b9482c23"]]), rn = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-b0993eee"]]), Qt = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NCard",
 	props: {
 		size: { default: "md" },
@@ -1144,13 +1121,13 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 			[`radius-${e.radius}`]: !0
 		}]) }, [w(t.$slots, "default", {}, void 0, !0)], 2));
 	}
-}), [["__scopeId", "data-v-56a18223"]]), an = {
+}), [["__scopeId", "data-v-56a18223"]]), $t = {
 	key: 0,
 	class: "paginate"
-}, on = { class: "summary" }, sn = { class: "pages" }, cn = {
+}, en = { class: "summary" }, tn = { class: "pages" }, nn = {
 	key: 1,
 	class: "separator"
-}, ln = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, rn = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NPaginate",
 	props: {
 		totalItems: {},
@@ -1181,7 +1158,7 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 			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 ? (b(), s("div", an, [c("span", on, "第 " + T(l.value) + " / " + T(u.value) + " 頁，共 " + T(t.totalItems) + " 筆", 1), c("div", sn, [
+		return (n, r) => t.totalItems > 0 ? (b(), s("div", $t, [c("span", en, "第 " + T(l.value) + " / " + T(u.value) + " 頁，共 " + T(t.totalItems) + " 筆", 1), c("div", tn, [
 			f(j, {
 				variant: "outline",
 				padding: "",
@@ -1218,7 +1195,7 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 				"variant",
 				"intent",
 				"onClick"
-			])) : (b(), s("span", cn, "…"))], 64))), 128)),
+			])) : (b(), s("span", nn, "…"))], 64))), 128)),
 			f(j, {
 				variant: "outline",
 				padding: "",
@@ -1242,10 +1219,93 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 			}, 8, ["disabled"])
 		])])) : o("", !0);
 	}
-}), [["__scopeId", "data-v-06443bd8"]]), un = { class: "table-scroll" }, dn = ["onClick"], fn = { class: "th-content" }, pn = {
+}), [["__scopeId", "data-v-06443bd8"]]), an = ["innerHTML"], on = { class: "title" }, sn = {
+	key: 1,
+	class: "description"
+}, cn = {
+	key: 2,
+	class: "action"
+}, ln = /* @__PURE__ */ A(/* @__PURE__ */ p({
+	__name: "NEmpty",
+	props: {
+		title: { default: "目前沒有資料" },
+		description: { default: "" },
+		size: { default: "md" },
+		icon: { default: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"/>\n    <path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"/>\n</svg>" }
+	},
+	setup(e) {
+		return (t, n) => (b(), s("div", { class: h(["empty", [`size-${e.size}`]]) }, [
+			e.icon ? (b(), s("div", {
+				key: 0,
+				class: "icon",
+				innerHTML: e.icon
+			}, null, 8, an)) : o("", !0),
+			c("p", on, T(e.title), 1),
+			e.description ? (b(), s("p", sn, T(e.description), 1)) : o("", !0),
+			t.$slots.default ? (b(), s("div", cn, [w(t.$slots, "default", {}, void 0, !0)])) : o("", !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-b9482c23"]]), un = {
 	key: 0,
-	class: "sort-icon"
+	class: "loading-wrapper"
+}, dn = {
+	key: 0,
+	class: "overlay"
+}, fn = { class: "content" }, pn = {
+	key: 0,
+	class: "title"
 }, mn = {
+	key: 0,
+	class: "loading-inline"
+}, hn = {
+	key: 0,
+	class: "title"
+}, gn = {
+	key: 0,
+	class: "title"
+}, _n = /* @__PURE__ */ A(/* @__PURE__ */ p({
+	__name: "NLoading",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !0
+		},
+		title: { default: "" },
+		variant: { default: "spinner" },
+		overlay: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		return (r, i) => t.overlay ? (b(), s("div", un, [w(r.$slots, "default", {}, void 0, !0), f(n, { name: "fade" }, {
+			default: O(() => [t.loading ? (b(), s("div", dn, [c("div", fn, [i[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), t.title ? (b(), s("p", pn, T(t.title), 1)) : o("", !0)])])) : o("", !0)]),
+			_: 1
+		})])) : (b(), s(e, { key: 1 }, [t.loading ? (b(), s("div", mn, [t.variant === "spinner" ? (b(), s(e, { key: 0 }, [i[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), t.title ? (b(), s("p", hn, T(t.title), 1)) : o("", !0)], 64)) : o("", !0), t.variant === "dots" ? (b(), s(e, { key: 1 }, [i[2] ||= c("div", { class: "dots" }, [
+			c("span"),
+			c("span"),
+			c("span")
+		], -1), t.title ? (b(), s("p", gn, T(t.title), 1)) : o("", !0)], 64)) : o("", !0)])) : w(r.$slots, "default", { key: 1 }, void 0, !0)], 64));
+	}
+}), [["__scopeId", "data-v-2d28d23d"]]), vn = { class: "table-scroll" }, yn = {
+	key: 0,
+	class: "batch"
+}, bn = ["onClick"], xn = { class: "th-content" }, Sn = {
+	key: 0,
+	class: "sort-icon"
+}, Cn = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1253,7 +1313,7 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, hn = {
+}, wn = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1261,7 +1321,7 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, gn = {
+}, Tn = {
 	key: 2,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -1269,21 +1329,17 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, _n = {
-	key: 0,
-	class: "col-actions"
-}, vn = ["onClick"], yn = {
+}, En = {
+	key: 1,
+	class: "actions"
+}, Dn = { key: 0 }, On = ["onClick"], kn = {
 	key: 0,
-	class: "col-actions"
-}, bn = { key: 1 }, xn = ["colspan"], Sn = { key: 2 }, Cn = ["colspan"], wn = /* @__PURE__ */ A(/* @__PURE__ */ p({
+	class: "actions"
+}, An = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NTable",
 	props: {
 		columns: { default: () => [] },
 		rows: { default: () => [] },
-		striped: {
-			type: Boolean,
-			default: !1
-		},
 		bordered: {
 			type: Boolean,
 			default: !1
@@ -1296,72 +1352,60 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 			type: Boolean,
 			default: !1
 		},
-		emptyText: { default: "No data" },
+		emptyTitle: { default: "目前沒有資料" },
+		emptyDescription: { default: "可以點擊上方的按鈕來新增資料或重新整理" },
 		rowKey: { default: "id" }
 	},
-	emits: ["sort", "row-click"],
+	emits: ["sort", "rowClick"],
 	setup(t, { emit: n }) {
 		let r = n, i = S({
 			key: "",
 			order: null
 		}), 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 }));
-		}, l = (e, t) => {
-			let n = e[t.key];
-			return t.formatter ? t.formatter(n, e) : n;
 		};
-		return (n, u) => (b(), s("div", { class: h(["table", [
-			{ striped: t.striped },
-			{ bordered: t.bordered },
-			{ hoverable: t.hoverable },
-			{ loading: t.loading }
-		]]) }, [c("div", un, [c("table", null, [c("thead", null, [c("tr", null, [(b(!0), s(e, null, C(t.columns, (e) => (b(), s("th", {
-			key: e.key,
-			style: g({
-				width: e.width,
-				textAlign: e.align ?? "left"
-			}),
-			class: h({ sortable: e.sortable }),
-			onClick: (t) => a(e)
-		}, [c("span", fn, [w(n.$slots, `header-${e.key}`, { col: e }, () => [d(T(e.label), 1)], !0), e.sortable ? (b(), s("span", pn, [i.value.key !== e.key || i.value.order === null ? (b(), s("svg", mn, [...u[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" ? (b(), s("svg", hn, [...u[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (b(), s("svg", gn, [...u[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 14, dn))), 128)), n.$slots.actions ? (b(), s("th", _n, [w(n.$slots, "actions-header", {}, () => [u[3] ||= d("操作", -1)], !0)])) : o("", !0)])]), c("tbody", null, [!t.loading && t.rows.length > 0 ? (b(!0), s(e, { key: 0 }, C(t.rows, (i, a) => (b(), s("tr", {
-			key: i[t.rowKey] ?? a,
-			onClick: (e) => r("row-click", i)
-		}, [(b(!0), s(e, null, C(t.columns, (e) => (b(), s("td", {
-			key: e.key,
-			style: g({ textAlign: e.align ?? "left" })
-		}, [w(n.$slots, `cell-${e.key}`, {
-			value: l(i, e),
-			row: i,
-			index: a
-		}, () => [d(T(l(i, e)), 1)], !0)], 4))), 128)), n.$slots.actions ? (b(), s("td", yn, [w(n.$slots, "actions", {
-			row: i,
-			index: a
-		}, void 0, !0)])) : o("", !0)], 8, vn))), 128)) : !t.loading && t.rows.length === 0 ? (b(), s("tr", bn, [c("td", {
-			colspan: t.columns.length + +!!n.$slots.actions,
-			class: "empty-cell"
-		}, [w(n.$slots, "empty", {}, () => [d(T(t.emptyText), 1)], !0)], 8, xn)])) : t.loading ? (b(), s("tr", Sn, [c("td", {
-			colspan: t.columns.length + +!!n.$slots.actions,
-			class: "loading-cell"
-		}, [w(n.$slots, "loading", {}, () => [u[4] ||= c("span", { class: "loading-dots" }, [
-			c("span"),
-			c("span"),
-			c("span")
-		], -1)], !0)], 8, Cn)])) : o("", !0)])])])], 2));
+		return (n, l) => (b(), s("div", { class: h(["table", [{ bordered: t.bordered }, { hoverable: t.hoverable }]]) }, [f(_n, {
+			loading: t.loading,
+			overlay: ""
+		}, {
+			default: O(() => [c("div", vn, [c("table", null, [c("thead", null, [c("tr", null, [
+				n.$slots.batch ? (b(), s("th", yn, [w(n.$slots, "batch", {}, void 0, !0)])) : o("", !0),
+				(b(!0), s(e, null, C(t.columns, (e) => (b(), s("th", {
+					key: e.key,
+					class: h({ sortable: e.sortable }),
+					onClick: (t) => a(e)
+				}, [c("span", xn, [d(T(e.label) + " ", 1), e.sortable ? (b(), s("span", Sn, [i.value.key !== e.key || i.value.order === null ? (b(), s("svg", Cn, [...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" ? (b(), s("svg", wn, [...l[1] ||= [c("path", { d: "M8 15l4-6 4 6" }, null, -1)]])) : (b(), s("svg", Tn, [...l[2] ||= [c("path", { d: "M8 9l4 6 4-6" }, null, -1)]]))])) : o("", !0)])], 10, bn))), 128)),
+				n.$slots.actions ? (b(), s("th", En, [w(n.$slots, "actions-header", {}, () => [l[3] ||= d("操作", -1)], !0)])) : o("", !0)
+			])]), !t.loading && t.rows.length > 0 ? (b(), s("tbody", Dn, [(b(!0), s(e, null, C(t.rows, (e, i) => (b(), s("tr", {
+				key: e[t.rowKey] ?? i,
+				onClick: (t) => r("rowClick", e)
+			}, [w(n.$slots, "row", {
+				index: i,
+				row: e,
+				column: t.columns[i]
+			}, void 0, !0), n.$slots.actions ? (b(), s("td", kn, [w(n.$slots, "actions", {
+				row: e,
+				index: i
+			}, void 0, !0)])) : o("", !0)], 8, On))), 128))])) : o("", !0)])])]),
+			_: 3
+		}, 8, ["loading"]), t.rows.length === 0 ? w(n.$slots, "empty", { key: 0 }, () => [f(ln, {
+			title: t.emptyTitle,
+			description: t.emptyDescription
+		}, null, 8, ["title", "description"])], !0) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-0b022d68"]]), Tn = { class: "content-container" }, En = {
-	key: 0,
-	class: "toolbar"
-}, Dn = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-76de2923"]]), jn = { class: "content-container" }, Mn = { key: 0 }, Nn = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NList",
 	props: {
 		title: { default: "" },
+		description: { default: "" },
 		items: { default: () => [] },
+		rowKey: { default: "id" },
 		pageSize: { default: 10 },
 		filterable: {
 			type: Boolean,
 			default: !1
 		},
-		rowEditable: {
+		rowUpdatable: {
 			type: Boolean,
 			default: !1
 		},
@@ -1388,42 +1432,40 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 		emptyIcon: {}
 	},
 	emits: [
-		"onRowEdit",
-		"onRowDelete",
-		"onPageChange",
-		"onCreate",
-		"onBatchDelete",
-		"onRefresh",
-		"onFilter",
-		"row-click",
+		"rowUpdate",
+		"rowDelete",
+		"pageChange",
+		"create",
+		"batchDelete",
+		"refresh",
+		"filter",
+		"rowClick",
 		"sort"
 	],
 	setup(e, { emit: t }) {
-		let n = ee(), r = t, u = S(/* @__PURE__ */ new Set()), p = i(() => Array.from(u.value)), m = (e) => u.value.has(e), h = i(() => e.items.length > 0 && e.items.length === u.value.size), g = i(() => e.batchDeletable ? [{
-			key: "__select__",
-			label: "",
-			width: "40px"
-		}, ...e.columns] : e.columns);
-		function _(t) {
+		let n = t, r = S(/* @__PURE__ */ new Set()), u = i(() => Array.from(r.value)), p = (e) => r.value.has(e), m = i(() => e.items.length > 0 && e.items.length === r.value.size);
+		function h(t) {
 			if (!e.batchDeletable) return;
 			let n = t.id;
-			u.value.has(n) ? u.value.delete(n) : u.value.add(n);
+			r.value.has(n) ? r.value.delete(n) : r.value.add(n);
 		}
-		function v() {
-			e.batchDeletable && (h.value ? e.items.forEach((e) => u.value.delete(e.id)) : e.items.forEach((e) => u.value.add(e.id)), u.value = new Set(u.value));
+		function g() {
+			e.batchDeletable && (m.value ? e.items.forEach((e) => r.value.delete(e.id)) : e.items.forEach((e) => r.value.add(e.id)), r.value = new Set(r.value));
 		}
-		return (t, i) => (b(), s("div", Tn, [f(Gt, {
+		return (t, r) => (b(), s("div", jn, [f(Gt, {
 			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
-		}, {
-			default: O(() => [n.toolbar || e.refreshable || e.creatable || e.batchDeletable ? (b(), s("div", En, [
+			title: e.title,
+			description: e.description
+		}, l({ _: 2 }, [t.$slots.toolbar || e.refreshable || e.creatable || e.batchDeletable ? {
+			name: "toolbar",
+			fn: O(() => [
 				w(t.$slots, "toolbar", {}, void 0, !0),
 				e.refreshable ? (b(), a(j, {
 					key: 0,
 					variant: "outline",
-					onClick: i[0] ||= (e) => r("onRefresh")
+					onClick: r[0] ||= (e) => n("refresh")
 				}, {
-					default: O(() => [...i[8] ||= [c("svg", {
+					default: O(() => [...r[8] ||= [c("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: "16",
 						height: "16",
@@ -1444,9 +1486,9 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 				e.filterable ? (b(), a(j, {
 					key: 1,
 					variant: "outline",
-					onClick: i[1] ||= (e) => r("onFilter")
+					onClick: r[1] ||= (e) => n("filter")
 				}, {
-					default: O(() => [...i[9] ||= [c("svg", {
+					default: O(() => [...r[9] ||= [c("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: "16",
 						height: "16",
@@ -1463,10 +1505,10 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 					key: 2,
 					variant: "solid",
 					intent: "error",
-					disabled: p.value.length == 0,
-					onClick: i[2] ||= (e) => r("onBatchDelete", p.value)
+					disabled: u.value.length == 0,
+					onClick: r[2] ||= (e) => n("batchDelete", u.value)
 				}, {
-					default: O(() => [...i[10] ||= [c("svg", {
+					default: O(() => [...r[10] ||= [c("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: "16",
 						height: "16",
@@ -1489,9 +1531,9 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 					key: 3,
 					variant: "solid",
 					intent: "primary",
-					onClick: i[3] ||= (e) => r("onCreate")
+					onClick: r[3] ||= (e) => n("create")
 				}, {
-					default: O(() => [...i[11] ||= [c("svg", {
+					default: O(() => [...r[11] ||= [c("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: "16",
 						height: "16",
@@ -1504,88 +1546,86 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 					}, [c("path", { d: "M5 12h14" }), c("path", { d: "M12 5v14" })], -1), d(" Add New ", -1)]]),
 					_: 1
 				})) : o("", !0)
-			])) : o("", !0)]),
-			_: 3
-		}, 8, ["title"]), f(rn, {
+			]),
+			key: "0"
+		} : void 0]), 1032, ["title", "description"]), f(Qt, {
 			size: "none",
 			radius: "xl"
 		}, {
-			default: O(() => [f(wn, {
-				columns: g.value,
+			default: O(() => [f(An, {
+				columns: e.columns,
 				rows: e.items,
 				hoverable: "",
-				striped: "",
-				"row-key": "id",
-				onRowClick: i[5] ||= (e) => {
-					_(e), r("row-click", e);
+				rowKey: e.rowKey,
+				"empty-icon": e.emptyIcon,
+				"empty-title": e.emptyTitle,
+				"empty-description": e.emptyDescription,
+				onRowClick: r[5] ||= (t) => {
+					e.batchDeletable && h(t), n("rowClick", t);
 				},
-				onSort: i[6] ||= (e) => r("sort", e)
-			}, l({
-				empty: O(() => [f(nn, {
-					title: e.emptyTitle,
-					description: e.emptyDescription,
-					icon: e.emptyIcon,
-					size: "md"
-				}, {
-					default: O(() => [n.empty ? w(t.$slots, "empty", { key: 0 }, void 0, !0) : o("", !0)]),
-					_: 3
-				}, 8, [
-					"title",
-					"description",
-					"icon"
-				])]),
-				_: 2
-			}, [
+				onSort: r[6] ||= (e) => n("sort", e)
+			}, l({ _: 2 }, [
 				e.batchDeletable ? {
-					name: "header-__select__",
-					fn: O(() => [f(ge, {
-						"model-value": h.value,
-						"onUpdate:modelValue": i[4] ||= () => v()
+					name: "batch",
+					fn: O(() => [f(he, {
+						"model-value": m.value,
+						"onUpdate:modelValue": r[4] ||= () => g()
 					}, null, 8, ["model-value"])]),
 					key: "0"
 				} : void 0,
-				e.batchDeletable ? {
-					name: "cell-__select__",
-					fn: O(({ row: e }) => [f(ge, {
-						onClick: k((t) => _(e), ["stop"]),
-						"model-value": m(e.id)
-					}, null, 8, ["onClick", "model-value"])]),
+				t.$slots.row ? {
+					name: "row",
+					fn: O(({ row: n, column: r, index: i }) => [e.batchDeletable ? (b(), s("td", Mn, [f(he, {
+						onClick: k((e) => h(n), ["stop"]),
+						"model-value": p(n.id)
+					}, null, 8, ["onClick", "model-value"])])) : o("", !0), w(t.$slots, "row", {
+						index: i,
+						row: n,
+						column: r
+					}, void 0, !0)]),
 					key: "1"
 				} : void 0,
-				e.rowEditable || e.rowDeletable || n.actions ? {
+				e.rowUpdatable || e.rowDeletable || t.$slots.actions ? {
 					name: "actions",
-					fn: O(({ row: n, index: s }) => [w(t.$slots, "actions", {
-						row: n,
+					fn: O(({ row: i, index: s }) => [w(t.$slots, "actions", {
+						row: i,
 						index: s
-					}, () => [e.rowEditable ? (b(), a(j, {
+					}, () => [e.rowUpdatable ? (b(), a(j, {
 						key: 0,
 						variant: "outline",
-						onClick: k(() => r("onRowEdit", n), ["stop"])
+						onClick: k(() => n("rowUpdate", i), ["stop"])
 					}, {
-						default: O(() => [...i[12] ||= [d(" 編輯 ", -1)]]),
+						default: O(() => [...r[12] ||= [d(" 編輯 ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])) : o("", !0), e.rowDeletable ? (b(), a(j, {
 						key: 1,
 						variant: "solid",
 						intent: "error",
-						onClick: k(() => r("onRowDelete", n), ["stop"])
+						onClick: k(() => n("rowDelete", i), ["stop"])
 					}, {
-						default: O(() => [...i[13] ||= [d(" 刪除 ", -1)]]),
+						default: O(() => [...r[13] ||= [d(" 刪除 ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])) : o("", !0)], !0)]),
 					key: "2"
 				} : void 0,
-				n["actions-header"] ? {
+				t.$slots["actions-header"] ? {
 					name: "actions-header",
 					fn: O(() => [w(t.$slots, "actions-header", {}, void 0, !0)]),
 					key: "3"
 				} : void 0
-			]), 1032, ["columns", "rows"]), e.items.length > 0 ? (b(), a(ln, {
+			]), 1032, [
+				"columns",
+				"rows",
+				"rowKey",
+				"empty-icon",
+				"empty-title",
+				"empty-description"
+			]), e.items.length > 0 ? (b(), a(rn, {
 				key: 0,
 				totalItems: e.items.length,
 				pageSize: e.pageSize,
 				maxPageButtons: e.maxPageButtons,
-				onOnPageChange: i[7] ||= (e) => r("onPageChange", e)
+				onOnPageChange: r[7] ||= (e) => n("pageChange", e)
 			}, null, 8, [
 				"totalItems",
 				"pageSize",
@@ -1594,11 +1634,11 @@ var Ft = { class: "hero-section-container" }, It = { class: "hero-section" }, Lt
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-6967052d"]]), On = 0, kn = x([]);
-function An() {
+}), [["__scopeId", "data-v-393f3436"]]), Pn = 0, Fn = x([]);
+function In() {
 	let e = function(e, n = {}) {
-		let r = ++On, i = n.duration ?? 4e3;
-		kn.push({
+		let r = ++Pn, i = n.duration ?? 4e3;
+		Fn.push({
 			id: r,
 			description: e,
 			status: n.status ?? "info",
@@ -1620,34 +1660,34 @@ function An() {
 		status: "info"
 	});
 	function t(e) {
-		let t = kn.findIndex((t) => t.id === e);
-		t !== -1 && kn.splice(t, 1);
+		let t = Fn.findIndex((t) => t.id === e);
+		t !== -1 && Fn.splice(t, 1);
 	}
 	return {
-		toasts: kn,
+		toasts: Fn,
 		toast: e,
 		removeToast: t
 	};
 }
 //#endregion
 //#region src/components/NToast.vue?vue&type=script&setup=true&lang.ts
-var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
+var Ln = { class: "icon-wrap" }, Rn = ["innerHTML"], zn = {
 	key: 0,
 	class: "arc-timer",
 	viewBox: "0 0 36 36",
 	width: "36",
 	height: "36",
 	"shape-rendering": "geometricPrecision"
-}, Pn = { class: "body" }, Fn = {
+}, Bn = { class: "body" }, Vn = {
 	key: 0,
 	class: "title"
-}, In = {
+}, Hn = {
 	key: 1,
 	class: "description"
-}, Ln = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Un = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NToast",
 	setup(n) {
-		let { toasts: i } = An(), l = {
+		let { toasts: i } = In(), 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>",
@@ -1661,10 +1701,10 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 			default: O(() => [(b(!0), s(e, null, C(E(i), (e) => (b(), s("div", {
 				key: e.id,
 				class: h(["toast", [`${e.status}`]])
-			}, [c("div", jn, [c("div", {
+			}, [c("div", Ln, [c("div", {
 				class: "icon",
 				innerHTML: l[e.status]
-			}, null, 8, Mn), e.duration > 0 ? (b(), s("svg", Nn, [u[0] ||= c("circle", {
+			}, null, 8, Rn), e.duration > 0 ? (b(), s("svg", zn, [u[0] ||= c("circle", {
 				class: "arc-track",
 				cx: "18",
 				cy: "18",
@@ -1676,68 +1716,14 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				r: "16",
 				transform: "rotate(-90 18 18)",
 				style: g({ animationDuration: `${e.duration}ms` })
-			}, null, 4)])) : o("", !0)]), c("div", Pn, [e.title ? (b(), s("p", Fn, T(e.title), 1)) : o("", !0), e.description ? (b(), s("p", In, T(e.description), 1)) : o("", !0)])], 2))), 128))]),
+			}, null, 4)])) : o("", !0)]), c("div", Bn, [e.title ? (b(), s("p", Vn, T(e.title), 1)) : o("", !0), e.description ? (b(), s("p", Hn, T(e.description), 1)) : o("", !0)])], 2))), 128))]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-3d2f3052"]]), Rn = {
-	key: 0,
-	class: "loading-wrapper"
-}, zn = {
-	key: 0,
-	class: "overlay"
-}, Bn = { class: "content" }, Vn = {
-	key: 0,
-	class: "title"
-}, Hn = {
-	key: 0,
-	class: "loading-inline"
-}, Un = {
-	key: 0,
-	class: "title"
-}, Wn = {
-	key: 0,
-	class: "title"
-}, Gn = /* @__PURE__ */ A(/* @__PURE__ */ p({
-	__name: "NLoading",
-	props: {
-		loading: {
-			type: Boolean,
-			default: !0
-		},
-		title: { default: "" },
-		variant: { default: "spinner" },
-		overlay: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(t) {
-		return (r, i) => t.overlay ? (b(), s("div", Rn, [w(r.$slots, "default", {}, void 0, !0), f(n, { name: "fade" }, {
-			default: O(() => [t.loading ? (b(), s("div", zn, [c("div", Bn, [i[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), t.title ? (b(), s("p", Vn, T(t.title), 1)) : o("", !0)])])) : o("", !0)]),
-			_: 1
-		})])) : (b(), s(e, { key: 1 }, [t.loading ? (b(), s("div", Hn, [t.variant === "spinner" ? (b(), s(e, { key: 0 }, [i[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), t.title ? (b(), s("p", Un, T(t.title), 1)) : o("", !0)], 64)) : o("", !0), t.variant === "dots" ? (b(), s(e, { key: 1 }, [i[2] ||= c("div", { class: "dots" }, [
-			c("span"),
-			c("span"),
-			c("span")
-		], -1), t.title ? (b(), s("p", Wn, T(t.title), 1)) : o("", !0)], 64)) : o("", !0)])) : w(r.$slots, "default", { key: 1 }, void 0, !0)], 64));
-	}
-}), [["__scopeId", "data-v-2d28d23d"]]), Kn = { class: "code" }, qn = {
+}), [["__scopeId", "data-v-3d2f3052"]]), Wn = { class: "code" }, Gn = {
 	key: 0,
 	class: "header"
-}, Jn = { class: "language-label" }, Yn = {
+}, Kn = { class: "language-label" }, qn = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1748,7 +1734,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Xn = {
+}, Jn = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "14",
@@ -1759,10 +1745,10 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 	"stroke-width": "2",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Zn = { class: "code-body" }, Qn = {
+}, Yn = { class: "code-body" }, Xn = {
 	key: 0,
 	class: "gutter"
-}, $n = ["textContent"], er = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Zn = ["textContent"], Qn = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NCode",
 	props: {
 		code: {},
@@ -1781,28 +1767,28 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				}, 2e3);
 			} catch {}
 		}
-		return (i, l) => (b(), s("div", Kn, [(t.language, b(), s("div", qn, [c("span", Jn, T(t.language || "code"), 1), c("button", {
+		return (i, l) => (b(), s("div", Wn, [(t.language, b(), s("div", Gn, [c("span", Kn, T(t.language || "code"), 1), c("button", {
 			class: h(["copy-btn", { copied: n.value }]),
 			onClick: a
-		}, [n.value ? (b(), s("svg", Xn, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (b(), s("svg", Yn, [...l[0] ||= [c("rect", {
+		}, [n.value ? (b(), s("svg", Jn, [...l[1] ||= [c("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (b(), s("svg", qn, [...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, T(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div", Zn, [t.showLineNumbers ? (b(), s("div", Qn, [(b(!0), s(e, null, C(r.value, (e, t) => (b(), 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, T(n.value ? "Copied!" : "Copy"), 1)], 2)])), c("div", Yn, [t.showLineNumbers ? (b(), s("div", Xn, [(b(!0), s(e, null, C(r.value, (e, t) => (b(), s("span", {
 			key: t,
 			class: "line-number"
 		}, T(t + 1), 1))), 128))])) : o("", !0), c("pre", {
 			class: "code-content",
 			textContent: T(t.code.trim())
-		}, null, 8, $n)])]));
+		}, null, 8, Zn)])]));
 	}
-}), [["__scopeId", "data-v-6fed5425"]]), tr = {
+}), [["__scopeId", "data-v-6fed5425"]]), $n = {
 	key: 0,
 	class: "label"
-}, nr = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, er = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NSwitch",
 	props: {
 		modelValue: {
@@ -1830,9 +1816,9 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				{ disabled: e.disabled }
 			]]),
 			onClick: l
-		}, [n[0] ||= c("div", { class: "inner" }, [c("div", { class: "handle" })], -1), e.label ? (b(), s("span", tr, T(e.label), 1)) : o("", !0)], 2));
+		}, [n[0] ||= c("div", { class: "inner" }, [c("div", { class: "handle" })], -1), e.label ? (b(), s("span", $n, T(e.label), 1)) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-432f1697"]]), rr = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-432f1697"]]), tr = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NTag",
 	props: {
 		intent: { default: "none" },
@@ -1881,49 +1867,49 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 			y2: "18"
 		})], -1)]])) : o("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-55e5be0f"]]), ir = {
+}), [["__scopeId", "data-v-55e5be0f"]]), nr = {
 	key: 0,
 	class: "label"
-}, ar = {
+}, rr = {
 	key: 0,
 	class: "picker-dropdown"
-}, or = { class: "picker-header" }, sr = { class: "header-nav" }, cr = { class: "header-nav" }, lr = { class: "picker-body" }, ur = { class: "weekday-grid" }, dr = { class: "day-grid" }, fr = {
+}, ir = { class: "picker-header" }, ar = { class: "header-nav" }, or = { class: "header-nav" }, sr = { class: "picker-body" }, cr = { class: "weekday-grid" }, lr = { class: "day-grid" }, ur = {
 	key: 1,
 	class: "year-grid"
-}, pr = {
+}, dr = {
 	key: 0,
 	class: "time-section"
-}, mr = { class: "time-sliders" }, hr = {
+}, fr = { class: "time-sliders" }, pr = {
 	key: 0,
 	class: "time-row"
-}, gr = ["value"], _r = { class: "time-val" }, vr = {
+}, mr = ["value"], hr = { class: "time-val" }, gr = {
 	key: 1,
 	class: "time-row"
-}, yr = ["value"], br = { class: "time-val" }, xr = { class: "mobile-sheet" }, Sr = { class: "picker-header" }, Cr = { class: "header-nav" }, wr = { class: "header-nav" }, Tr = { class: "picker-body" }, Er = { class: "weekday-grid" }, Dr = { class: "day-grid" }, Or = {
+}, _r = ["value"], vr = { class: "time-val" }, yr = { class: "mobile-sheet" }, 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 = {
 	key: 1,
 	class: "year-grid"
-}, kr = {
+}, Dr = {
 	key: 0,
 	class: "time-section"
-}, Ar = { class: "time-sliders" }, jr = {
+}, Or = { class: "time-sliders" }, kr = {
 	key: 0,
 	class: "time-row"
-}, Mr = ["value"], Nr = { class: "time-val" }, Pr = {
+}, Ar = ["value"], jr = { class: "time-val" }, Mr = {
 	key: 1,
 	class: "time-row"
-}, Fr = ["value"], Ir = { class: "time-val" }, Lr = { class: "range-modal" }, Rr = { class: "range-body" }, zr = {
+}, Nr = ["value"], Pr = { class: "time-val" }, Fr = { class: "range-modal" }, Ir = { class: "range-body" }, Lr = {
 	key: 0,
 	class: "range-sep"
-}, Br = { class: "range-cal" }, Vr = { class: "picker-header" }, Hr = { class: "header-nav" }, Ur = {
+}, Rr = { class: "range-cal" }, zr = { class: "picker-header" }, Br = { class: "header-nav" }, Vr = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, Wr = { class: "header-title no-click" }, Gr = { class: "header-nav" }, Kr = {
+}, Hr = { class: "header-title no-click" }, Ur = { class: "header-nav" }, Wr = {
 	key: 1,
 	class: "header-nav-placeholder"
-}, qr = { class: "weekday-grid" }, Jr = { class: "day-grid range-day-grid" }, Yr = ["onClick", "onMouseenter"], Xr = { class: "range-footer" }, Zr = { class: "range-display" }, Qr = { class: "mobile-sheet" }, $r = {
+}, Gr = { class: "weekday-grid" }, Kr = { class: "day-grid range-day-grid" }, qr = ["onClick", "onMouseenter"], Jr = { class: "range-footer" }, Yr = { class: "range-display" }, Xr = { class: "mobile-sheet" }, Zr = {
 	class: "picker-header",
 	style: { "margin-top": "8px" }
-}, ei = { class: "header-nav" }, ti = { class: "header-title no-click" }, ni = { class: "header-nav" }, ri = { class: "weekday-grid" }, ii = { class: "day-grid range-day-grid" }, ai = ["onClick"], oi = { class: "range-footer" }, si = { class: "range-display" }, ci = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Qr = { class: "header-nav" }, $r = { class: "header-title no-click" }, ei = { class: "header-nav" }, ti = { class: "weekday-grid" }, ni = { class: "day-grid range-day-grid" }, ri = ["onClick"], ii = { class: "range-footer" }, ai = { class: "range-display" }, oi = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NDatePicker",
 	props: {
 		modelValue: { default: "" },
@@ -1979,7 +1965,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				E.value = window.innerWidth < 768;
 			}, 150);
 		}
-		let te = [
+		let ne = [
 			"一月",
 			"二月",
 			"三月",
@@ -2000,7 +1986,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 			"四",
 			"五",
 			"六"
-		], ie = /* @__PURE__ */ new Date(), ae = ie.getFullYear(), A = ie.getMonth(), oe = ie.getDate();
+		], ie = /* @__PURE__ */ new Date(), A = ie.getFullYear(), ae = ie.getMonth(), oe = ie.getDate();
 		function se(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--) {
@@ -2027,96 +2013,96 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 			});
 			return a;
 		}
-		function ce(e, t) {
+		function M(e, t) {
 			return e.year === t.year ? e.month === t.month ? e.day - t.day : e.month - t.month : e.year - t.year;
 		}
-		function M(e) {
+		function N(e) {
 			return String(e).padStart(2, "0");
 		}
-		let N = S("date"), P = S(/* @__PURE__ */ new Date()), F = S(null), I = S(0), L = S(0), le = null, ue = null, R = i(() => P.value.getFullYear()), z = i(() => P.value.getMonth()), de = S(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), B = i(() => {
+		let P = S("date"), F = S(/* @__PURE__ */ new Date()), I = S(null), L = S(0), R = S(0), ce = null, le = null, z = i(() => F.value.getFullYear()), B = i(() => F.value.getMonth()), ue = S(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), V = i(() => {
 			let e = [];
-			for (let t = 0; t < 12; t++) e.push(de.value + t);
+			for (let t = 0; t < 12; t++) e.push(ue.value + t);
 			return e;
 		});
-		ne(R, (e) => {
-			de.value = Math.floor(e / 12) * 12;
-		}, { immediate: !0 }), ne(() => t.modelValue, (e) => {
+		te(z, (e) => {
+			ue.value = Math.floor(e / 12) * 12;
+		}, { immediate: !0 }), te(() => t.modelValue, (e) => {
 			if (!e) return;
 			let t = p(String(e));
-			t && (P.value = new Date(t.year, t.month, 1));
+			t && (F.value = new Date(t.year, t.month, 1));
 		}, { immediate: !0 });
-		let fe = i(() => se(R.value, z.value)), pe = i(() => {
+		let de = i(() => se(z.value, B.value)), fe = i(() => {
 			if (!t.modelValue) return "";
 			let e = p(String(t.modelValue));
 			return e ? u(e.year, e.month, e.day, e.hour, e.min) : "";
-		}), me = i(() => t.range ? t.start && t.end ? `${t.start} → ${t.end}` : t.start ? `${t.start} → ...` : "" : pe.value);
-		function he() {
+		}), pe = i(() => t.range ? t.start && t.end ? `${t.start} → ${t.end}` : t.start ? `${t.start} → ...` : "" : fe.value);
+		function me() {
 			let e = p(String(t.modelValue));
-			e ? (P.value = new Date(e.year, e.month, 1), I.value = e.hour, L.value = e.min, F.value = y.value ? {
+			e ? (F.value = new Date(e.year, e.month, 1), L.value = e.hour, R.value = e.min, I.value = y.value ? {
 				year: e.year,
 				month: e.month,
 				day: e.day,
 				isCurrentMonth: !0
-			} : null) : (I.value = 0, L.value = 0, F.value = null), N.value = "date";
+			} : null) : (L.value = 0, R.value = 0, I.value = null), P.value = "date";
 		}
-		function ge(e) {
+		function he(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 ge(e) {
+			return A === e.year && ae === e.month && oe === e.day;
+		}
 		function _e(e) {
-			return ae === e.year && A === e.month && oe === e.day;
+			return y.value ? I.value !== null && I.value.year === e.year && I.value.month === e.month && I.value.day === e.day : he(e);
 		}
 		function ve(e) {
-			return y.value ? F.value !== null && F.value.year === e.year && F.value.month === e.month && F.value.day === e.day : ge(e);
-		}
-		function ye(e) {
-			let t = u(e.year, e.month, e.day, I.value, L.value);
+			let t = u(e.year, e.month, e.day, L.value, R.value);
 			l("update:modelValue", t), l("change", t);
 		}
-		function be(e) {
-			if (y.value) F.value = { ...e }, P.value = new Date(e.year, e.month, 1), ye(e);
+		function ye(e) {
+			if (y.value) I.value = { ...e }, F.value = new Date(e.year, e.month, 1), ve(e);
 			else {
 				let t = u(e.year, e.month, e.day, 0, 0);
-				l("update:modelValue", t), l("change", t), X();
+				l("update:modelValue", t), l("change", t), Z();
 			}
 		}
+		function be(e) {
+			F.value = new Date(e, B.value, 1), P.value = "date";
+		}
 		function xe(e) {
-			P.value = new Date(e, z.value, 1), N.value = "date";
+			F.value = new Date(z.value, B.value + e, 1);
 		}
 		function Se(e) {
-			P.value = new Date(R.value, z.value + e, 1);
-		}
-		function Ce(e) {
-			N.value === "year" ? de.value += e * 12 : P.value = new Date(R.value + e, z.value, 1);
+			P.value === "year" ? ue.value += e * 12 : F.value = new Date(z.value + e, B.value, 1);
 		}
-		function we(e, t) {
-			e === "H" ? I.value = Math.max(0, Math.min(23, I.value + t)) : L.value = Math.max(0, Math.min(59, L.value + t)), F.value && ye(F.value);
+		function Ce(e, t) {
+			e === "H" ? L.value = Math.max(0, Math.min(23, L.value + t)) : R.value = Math.max(0, Math.min(59, R.value + t)), I.value && ve(I.value);
 		}
-		function V(e, t) {
-			we(e, t), le = setTimeout(() => {
-				ue = setInterval(() => we(e, t), 100);
+		function H(e, t) {
+			Ce(e, t), ce = setTimeout(() => {
+				le = setInterval(() => Ce(e, t), 100);
 			}, 300);
 		}
-		function H() {
-			le &&= (clearTimeout(le), null), ue &&= (clearInterval(ue), null);
+		function U() {
+			ce &&= (clearTimeout(ce), null), le &&= (clearInterval(le), null);
 		}
-		function Te(e, t) {
+		function we(e, t) {
 			let n = parseInt(e.target.value);
-			t === "H" ? I.value = n : L.value = n, F.value && ye(F.value);
+			t === "H" ? L.value = n : R.value = n, I.value && ve(I.value);
 		}
-		let U = S(ae), W = S(A), G = S(null), K = S(null), q = S(null), J = S(null), Ee = i(() => !!K.value && !!q.value), Y = i(() => W.value === 11 ? U.value + 1 : U.value), De = i(() => W.value === 11 ? 0 : W.value + 1), Oe = i(() => se(U.value, W.value)), ke = i(() => se(Y.value, De.value)), Ae = i(() => [{
-			year: U.value,
-			month: W.value,
-			days: Oe.value,
+		let W = S(A), G = S(ae), K = S(null), q = S(null), J = S(null), Y = S(null), Te = i(() => !!q.value && !!J.value), X = i(() => G.value === 11 ? W.value + 1 : W.value), Ee = i(() => G.value === 11 ? 0 : G.value + 1), De = i(() => se(W.value, G.value)), Oe = i(() => se(X.value, Ee.value)), ke = i(() => [{
+			year: W.value,
+			month: G.value,
+			days: De.value,
 			isLeft: !0
 		}, {
-			year: Y.value,
-			month: De.value,
-			days: ke.value,
+			year: X.value,
+			month: Ee.value,
+			days: Oe.value,
 			isLeft: !1
 		}]);
-		function je(e) {
+		function Ae(e) {
 			let t = p(e);
 			return t ? {
 				year: t.year,
@@ -2125,49 +2111,49 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				isCurrentMonth: !0
 			} : null;
 		}
-		let Me = i(() => G.value && J.value ? ce(G.value, J.value) <= 0 ? G.value : J.value : K.value ?? je(t.start)), Ne = i(() => G.value && J.value ? ce(G.value, J.value) <= 0 ? J.value : G.value : q.value ?? je(t.end)), Pe = i(() => {
-			if (G.value) {
-				let e = G.value;
-				return `${e.year}-${M(e.month + 1)}-${M(e.day)}`;
-			}
+		let je = i(() => K.value && Y.value ? M(K.value, Y.value) <= 0 ? K.value : Y.value : q.value ?? Ae(t.start)), Me = i(() => K.value && Y.value ? M(K.value, Y.value) <= 0 ? Y.value : K.value : J.value ?? Ae(t.end)), Ne = i(() => {
 			if (K.value) {
 				let e = K.value;
-				return `${e.year}-${M(e.month + 1)}-${M(e.day)}`;
+				return `${e.year}-${N(e.month + 1)}-${N(e.day)}`;
 			}
-			return t.start;
-		}), Fe = i(() => {
-			if (G.value) return "";
 			if (q.value) {
 				let e = q.value;
-				return `${e.year}-${M(e.month + 1)}-${M(e.day)}`;
+				return `${e.year}-${N(e.month + 1)}-${N(e.day)}`;
+			}
+			return t.start;
+		}), Pe = i(() => {
+			if (K.value) return "";
+			if (J.value) {
+				let e = J.value;
+				return `${e.year}-${N(e.month + 1)}-${N(e.day)}`;
 			}
 			return t.end;
 		});
-		function Ie() {
+		function Fe() {
 			let e = p(t.start) ?? {
-				year: ae,
-				month: A,
+				year: A,
+				month: ae,
 				day: 1,
 				hour: 0,
 				min: 0
 			};
-			U.value = e.year, W.value = e.month, K.value = je(t.start), q.value = je(t.end), G.value = null, J.value = null;
+			W.value = e.year, G.value = e.month, q.value = Ae(t.start), J.value = Ae(t.end), K.value = null, Y.value = null;
 		}
-		function Le() {
-			W.value === 0 ? (U.value--, W.value = 11) : W.value--;
+		function Ie() {
+			G.value === 0 ? (W.value--, G.value = 11) : G.value--;
 		}
-		function Re() {
-			W.value === 11 ? (U.value++, W.value = 0) : W.value++;
+		function Le() {
+			G.value === 11 ? (W.value++, G.value = 0) : G.value++;
 		}
-		function ze(e) {
-			if (!G.value) G.value = { ...e }, K.value = null, q.value = null;
+		function Re(e) {
+			if (!K.value) K.value = { ...e }, q.value = null, J.value = null;
 			else {
-				let t = G.value, [n, r] = ce(t, e) <= 0 ? [t, e] : [e, t];
-				K.value = n, q.value = r, G.value = null, J.value = null;
+				let t = K.value, [n, r] = M(t, e) <= 0 ? [t, e] : [e, t];
+				q.value = n, J.value = r, K.value = null, Y.value = null;
 			}
 		}
-		function Be(e) {
-			let t = e.year === ae && e.month === A && e.day === oe, n = G.value && e.year === G.value.year && e.month === G.value.month && e.day === G.value.day, r = Me.value, i = Ne.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 && ce(e, r) > 0 && ce(e, i) < 0;
+		function ze(e) {
+			let t = e.year === A && e.month === ae && e.day === oe, n = K.value && e.year === K.value.year && e.month === K.value.month && e.day === K.value.day, r = je.value, i = Me.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 && M(e, r) > 0 && M(e, i) < 0;
 			return {
 				"is-other-month": !e.isCurrentMonth,
 				"is-today": t && !a && !o,
@@ -2177,30 +2163,30 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				"is-pending": !!n && !a
 			};
 		}
-		function Ve() {
-			if (!K.value || !q.value) return;
-			let e = K.value, t = q.value;
-			l("update:start", `${e.year}-${M(e.month + 1)}-${M(e.day)}`), l("update:end", `${t.year}-${M(t.month + 1)}-${M(t.day)}`), X();
+		function Be() {
+			if (!q.value || !J.value) return;
+			let e = q.value, t = J.value;
+			l("update:start", `${e.year}-${N(e.month + 1)}-${N(e.day)}`), l("update:end", `${t.year}-${N(t.month + 1)}-${N(t.day)}`), Z();
 		}
-		function He() {
-			t.disabled || (x.value || (t.range ? Ie() : he()), x.value = !x.value);
+		function Ve() {
+			t.disabled || (x.value || (t.range ? Fe() : me()), x.value = !x.value);
 		}
-		function X() {
-			x.value = !1, G.value = null, J.value = null;
+		function Z() {
+			x.value = !1, K.value = null, Y.value = null;
 		}
-		function Ue() {
-			N.value = N.value === "date" ? "year" : "date";
+		function He() {
+			P.value = P.value === "date" ? "year" : "date";
 		}
-		let We = (e) => {
+		let Ue = (e) => {
 			let t = e.target;
-			w.value?.contains(t) || E.value || X();
+			w.value?.contains(t) || E.value || Z();
 		};
 		v(() => {
-			document.addEventListener("mousedown", We), window.addEventListener("resize", ee);
+			document.addEventListener("mousedown", Ue), window.addEventListener("resize", ee);
 		}), _(() => {
-			document.removeEventListener("mousedown", We), window.removeEventListener("resize", ee), D && clearTimeout(D), H();
+			document.removeEventListener("mousedown", Ue), window.removeEventListener("resize", ee), D && clearTimeout(D), U();
 		});
-		let Z = (e) => {
+		let Q = (e) => {
 			e.stopPropagation(), l("update:modelValue", ""), l("change", ""), l("clear");
 		};
 		return (r, i) => (b(), s("div", {
@@ -2208,19 +2194,19 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 			ref: w,
 			class: "datepicker"
 		}, [
-			t.title ? (b(), s("label", ir, T(t.title), 1)) : o("", !0),
+			t.title ? (b(), s("label", nr, T(t.title), 1)) : o("", !0),
 			c("div", { class: h(["date-picker", {
 				open: x.value && !t.range && !E.value,
 				disabled: t.disabled
 			}]) }, [c("div", {
 				class: "picker-trigger",
-				onClick: He
-			}, [c("span", { class: h(["text", { placeholder: !me.value }]) }, T(me.value || t.placeholder), 3), t.clearable && pe.value && !t.range ? (b(), a(j, {
+				onClick: Ve
+			}, [c("span", { class: h(["text", { placeholder: !pe.value }]) }, T(pe.value || t.placeholder), 3), t.clearable && fe.value && !t.range ? (b(), a(j, {
 				key: 0,
 				variant: "ghost",
 				square: "",
 				class: "clear",
-				onClick: Z
+				onClick: Q
 			}, {
 				default: O(() => [...i[20] ||= [c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2235,12 +2221,12 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				}, [c("path", { d: "M18 6 6 18" }), c("path", { d: "m6 6 12 12" })], -1)]]),
 				_: 1
 			})) : o("", !0)]), f(n, { name: "fade" }, {
-				default: O(() => [x.value && !t.range && !E.value ? (b(), s("div", ar, [
-					c("div", or, [
-						c("div", sr, [f(j, {
+				default: O(() => [x.value && !t.range && !E.value ? (b(), s("div", rr, [
+					c("div", ir, [
+						c("div", ar, [f(j, {
 							variant: "ghost",
 							square: "",
-							onClick: i[0] ||= (e) => Ce(-1)
+							onClick: i[0] ||= (e) => Se(-1)
 						}, {
 							default: O(() => [...i[21] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2254,11 +2240,11 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 								"stroke-linejoin": "round"
 							}, [c("path", { d: "m11 17-5-5 5-5" }), c("path", { d: "m18 17-5-5 5-5" })], -1)]]),
 							_: 1
-						}), N.value === "date" ? (b(), a(j, {
+						}), P.value === "date" ? (b(), a(j, {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[1] ||= (e) => Se(-1)
+							onClick: i[1] ||= (e) => xe(-1)
 						}, {
 							default: O(() => [...i[22] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2275,13 +2261,13 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 						})) : o("", !0)]),
 						c("div", {
 							class: "header-title",
-							onClick: Ue
-						}, [N.value === "date" ? (b(), s(e, { key: 0 }, [d(T(te[z.value]) + " " + T(R.value), 1)], 64)) : (b(), s(e, { key: 1 }, [d(T(B.value[0]) + " - " + T(B.value[B.value.length - 1]), 1)], 64))]),
-						c("div", cr, [N.value === "date" ? (b(), a(j, {
+							onClick: He
+						}, [P.value === "date" ? (b(), s(e, { key: 0 }, [d(T(ne[B.value]) + " " + T(z.value), 1)], 64)) : (b(), s(e, { key: 1 }, [d(T(V.value[0]) + " - " + T(V.value[V.value.length - 1]), 1)], 64))]),
+						c("div", or, [P.value === "date" ? (b(), a(j, {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[2] ||= (e) => Se(1)
+							onClick: i[2] ||= (e) => xe(1)
 						}, {
 							default: O(() => [...i[23] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2298,7 +2284,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 						})) : o("", !0), f(j, {
 							variant: "ghost",
 							square: "",
-							onClick: i[3] ||= (e) => Ce(1)
+							onClick: i[3] ||= (e) => Se(1)
 						}, {
 							default: O(() => [...i[24] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2314,16 +2300,16 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							_: 1
 						})])
 					]),
-					c("div", lr, [N.value === "date" ? (b(), s(e, { key: 0 }, [c("div", ur, [(b(), s(e, null, C(re, (e) => c("span", {
+					c("div", sr, [P.value === "date" ? (b(), s(e, { key: 0 }, [c("div", cr, [(b(), s(e, null, C(re, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, T(e), 1)), 64))]), c("div", dr, [(b(!0), s(e, null, C(fe.value, (e, t) => (b(), a(j, {
+					}, T(e), 1)), 64))]), c("div", lr, [(b(!0), s(e, null, C(de.value, (e, t) => (b(), a(j, {
 						key: t,
-						variant: ve(e) ? "solid" : _e(e) ? "mute" : "ghost",
-						intent: ve(e) || _e(e) ? "primary" : "none",
+						variant: _e(e) ? "solid" : ge(e) ? "mute" : "ghost",
+						intent: _e(e) || ge(e) ? "primary" : "none",
 						class: h(["day-cell", { "is-not-current": !e.isCurrentMonth }]),
 						padding: "0",
-						onClick: (t) => be(e)
+						onClick: (t) => ye(e)
 					}, {
 						default: O(() => [d(T(e.day), 1)]),
 						_: 2
@@ -2332,12 +2318,12 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (b(), s("div", fr, [(b(!0), s(e, null, C(B.value, (e) => (b(), a(j, {
+					]))), 128))])], 64)) : (b(), s("div", ur, [(b(!0), s(e, null, C(V.value, (e) => (b(), a(j, {
 						key: e,
-						variant: e === R.value ? "solid" : "ghost",
-						intent: e === R.value ? "primary" : "none",
+						variant: e === z.value ? "solid" : "ghost",
+						intent: e === z.value ? "primary" : "none",
 						class: "year-cell",
-						onClick: (t) => xe(e)
+						onClick: (t) => be(e)
 					}, {
 						default: O(() => [d(T(e), 1)]),
 						_: 2
@@ -2346,16 +2332,16 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					y.value && N.value === "date" ? (b(), s("div", pr, [c("div", mr, [m.value ? (b(), s("div", hr, [
+					y.value && P.value === "date" ? (b(), s("div", dr, [c("div", fr, [m.value ? (b(), s("div", pr, [
 						i[27] ||= c("span", { class: "time-label" }, "時", -1),
 						f(j, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[4] ||= k((e) => V("H", -1), ["prevent"]),
-							onMouseup: H,
-							onMouseleave: H
+							onMousedown: i[4] ||= k((e) => H("H", -1), ["prevent"]),
+							onMouseup: U,
+							onMouseleave: U
 						}, {
 							default: O(() => [...i[25] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2375,17 +2361,17 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							type: "range",
 							min: "0",
 							max: "23",
-							value: I.value,
-							onInput: i[5] ||= (e) => Te(e, "H")
-						}, null, 40, gr),
+							value: L.value,
+							onInput: i[5] ||= (e) => we(e, "H")
+						}, null, 40, mr),
 						f(j, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[6] ||= k((e) => V("H", 1), ["prevent"]),
-							onMouseup: H,
-							onMouseleave: H
+							onMousedown: i[6] ||= k((e) => H("H", 1), ["prevent"]),
+							onMouseup: U,
+							onMouseleave: U
 						}, {
 							default: O(() => [...i[26] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2400,17 +2386,17 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", _r, T(M(I.value)), 1)
-					])) : o("", !0), g.value ? (b(), s("div", vr, [
+						c("span", hr, T(N(L.value)), 1)
+					])) : o("", !0), g.value ? (b(), s("div", gr, [
 						i[30] ||= c("span", { class: "time-label" }, "分", -1),
 						f(j, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[7] ||= k((e) => V("m", -1), ["prevent"]),
-							onMouseup: H,
-							onMouseleave: H
+							onMousedown: i[7] ||= k((e) => H("m", -1), ["prevent"]),
+							onMouseup: U,
+							onMouseleave: U
 						}, {
 							default: O(() => [...i[28] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2430,17 +2416,17 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							type: "range",
 							min: "0",
 							max: "59",
-							value: L.value,
-							onInput: i[8] ||= (e) => Te(e, "m")
-						}, null, 40, yr),
+							value: R.value,
+							onInput: i[8] ||= (e) => we(e, "m")
+						}, null, 40, _r),
 						f(j, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[9] ||= k((e) => V("m", 1), ["prevent"]),
-							onMouseup: H,
-							onMouseleave: H
+							onMousedown: i[9] ||= k((e) => H("m", 1), ["prevent"]),
+							onMouseup: U,
+							onMouseleave: U
 						}, {
 							default: O(() => [...i[29] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2455,7 +2441,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", br, T(M(L.value)), 1)
+						c("span", vr, T(N(R.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])) : o("", !0)]),
 				_: 1
@@ -2464,14 +2450,14 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				default: O(() => [x.value && !t.range && E.value ? (b(), s("div", {
 					key: 0,
 					class: "mobile-overlay",
-					onClick: k(X, ["self"])
-				}, [c("div", xr, [
+					onClick: k(Z, ["self"])
+				}, [c("div", yr, [
 					i[41] ||= c("div", { class: "sheet-handle" }, null, -1),
-					c("div", Sr, [
-						c("div", Cr, [f(j, {
+					c("div", br, [
+						c("div", xr, [f(j, {
 							variant: "ghost",
 							square: "",
-							onClick: i[10] ||= (e) => Ce(-1)
+							onClick: i[10] ||= (e) => Se(-1)
 						}, {
 							default: O(() => [...i[31] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2485,11 +2471,11 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 								"stroke-linejoin": "round"
 							}, [c("path", { d: "m11 17-5-5 5-5" }), c("path", { d: "m18 17-5-5 5-5" })], -1)]]),
 							_: 1
-						}), N.value === "date" ? (b(), a(j, {
+						}), P.value === "date" ? (b(), a(j, {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[11] ||= (e) => Se(-1)
+							onClick: i[11] ||= (e) => xe(-1)
 						}, {
 							default: O(() => [...i[32] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2506,13 +2492,13 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 						})) : o("", !0)]),
 						c("div", {
 							class: "header-title",
-							onClick: Ue
-						}, [N.value === "date" ? (b(), s(e, { key: 0 }, [d(T(te[z.value]) + " " + T(R.value), 1)], 64)) : (b(), s(e, { key: 1 }, [d(T(B.value[0]) + " - " + T(B.value[B.value.length - 1]), 1)], 64))]),
-						c("div", wr, [N.value === "date" ? (b(), a(j, {
+							onClick: He
+						}, [P.value === "date" ? (b(), s(e, { key: 0 }, [d(T(ne[B.value]) + " " + T(z.value), 1)], 64)) : (b(), s(e, { key: 1 }, [d(T(V.value[0]) + " - " + T(V.value[V.value.length - 1]), 1)], 64))]),
+						c("div", Sr, [P.value === "date" ? (b(), a(j, {
 							key: 0,
 							variant: "ghost",
 							square: "",
-							onClick: i[12] ||= (e) => Se(1)
+							onClick: i[12] ||= (e) => xe(1)
 						}, {
 							default: O(() => [...i[33] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2529,7 +2515,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 						})) : o("", !0), f(j, {
 							variant: "ghost",
 							square: "",
-							onClick: i[13] ||= (e) => Ce(1)
+							onClick: i[13] ||= (e) => Se(1)
 						}, {
 							default: O(() => [...i[34] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2545,16 +2531,16 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							_: 1
 						})])
 					]),
-					c("div", Tr, [N.value === "date" ? (b(), s(e, { key: 0 }, [c("div", Er, [(b(), s(e, null, C(re, (e) => c("span", {
+					c("div", Cr, [P.value === "date" ? (b(), s(e, { key: 0 }, [c("div", wr, [(b(), s(e, null, C(re, (e) => c("span", {
 						key: e,
 						class: "weekday"
-					}, T(e), 1)), 64))]), c("div", Dr, [(b(!0), s(e, null, C(fe.value, (e, t) => (b(), a(j, {
+					}, T(e), 1)), 64))]), c("div", Tr, [(b(!0), s(e, null, C(de.value, (e, t) => (b(), a(j, {
 						key: t,
-						variant: ve(e) ? "solid" : _e(e) ? "mute" : "ghost",
-						intent: ve(e) || _e(e) ? "primary" : "none",
+						variant: _e(e) ? "solid" : ge(e) ? "mute" : "ghost",
+						intent: _e(e) || ge(e) ? "primary" : "none",
 						class: h(["day-cell", { "is-not-current": !e.isCurrentMonth }]),
 						padding: "0",
-						onClick: (t) => be(e)
+						onClick: (t) => ye(e)
 					}, {
 						default: O(() => [d(T(e.day), 1)]),
 						_: 2
@@ -2563,12 +2549,12 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 						"intent",
 						"class",
 						"onClick"
-					]))), 128))])], 64)) : (b(), s("div", Or, [(b(!0), s(e, null, C(B.value, (e) => (b(), a(j, {
+					]))), 128))])], 64)) : (b(), s("div", Er, [(b(!0), s(e, null, C(V.value, (e) => (b(), a(j, {
 						key: e,
-						variant: e === R.value ? "solid" : "ghost",
-						intent: e === R.value ? "primary" : "none",
+						variant: e === z.value ? "solid" : "ghost",
+						intent: e === z.value ? "primary" : "none",
 						class: "year-cell",
-						onClick: (t) => xe(e)
+						onClick: (t) => be(e)
 					}, {
 						default: O(() => [d(T(e), 1)]),
 						_: 2
@@ -2577,16 +2563,16 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 						"intent",
 						"onClick"
 					]))), 128))]))]),
-					y.value && N.value === "date" ? (b(), s("div", kr, [c("div", Ar, [m.value ? (b(), s("div", jr, [
+					y.value && P.value === "date" ? (b(), s("div", Dr, [c("div", Or, [m.value ? (b(), s("div", kr, [
 						i[37] ||= c("span", { class: "time-label" }, "時", -1),
 						f(j, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[14] ||= k((e) => V("H", -1), ["prevent"]),
-							onMouseup: H,
-							onMouseleave: H
+							onMousedown: i[14] ||= k((e) => H("H", -1), ["prevent"]),
+							onMouseup: U,
+							onMouseleave: U
 						}, {
 							default: O(() => [...i[35] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2606,17 +2592,17 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							type: "range",
 							min: "0",
 							max: "23",
-							value: I.value,
-							onInput: i[15] ||= (e) => Te(e, "H")
-						}, null, 40, Mr),
+							value: L.value,
+							onInput: i[15] ||= (e) => we(e, "H")
+						}, null, 40, Ar),
 						f(j, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[16] ||= k((e) => V("H", 1), ["prevent"]),
-							onMouseup: H,
-							onMouseleave: H
+							onMousedown: i[16] ||= k((e) => H("H", 1), ["prevent"]),
+							onMouseup: U,
+							onMouseleave: U
 						}, {
 							default: O(() => [...i[36] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2631,17 +2617,17 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Nr, T(M(I.value)), 1)
-					])) : o("", !0), g.value ? (b(), s("div", Pr, [
+						c("span", jr, T(N(L.value)), 1)
+					])) : o("", !0), g.value ? (b(), s("div", Mr, [
 						i[40] ||= c("span", { class: "time-label" }, "分", -1),
 						f(j, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[17] ||= k((e) => V("m", -1), ["prevent"]),
-							onMouseup: H,
-							onMouseleave: H
+							onMousedown: i[17] ||= k((e) => H("m", -1), ["prevent"]),
+							onMouseup: U,
+							onMouseleave: U
 						}, {
 							default: O(() => [...i[38] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2661,17 +2647,17 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							type: "range",
 							min: "0",
 							max: "59",
-							value: L.value,
-							onInput: i[18] ||= (e) => Te(e, "m")
-						}, null, 40, Fr),
+							value: R.value,
+							onInput: i[18] ||= (e) => we(e, "m")
+						}, null, 40, Nr),
 						f(j, {
 							variant: "ghost",
 							square: "",
 							size: "sm",
 							class: "time-step",
-							onMousedown: i[19] ||= k((e) => V("m", 1), ["prevent"]),
-							onMouseup: H,
-							onMouseleave: H
+							onMousedown: i[19] ||= k((e) => H("m", 1), ["prevent"]),
+							onMouseup: U,
+							onMouseleave: U
 						}, {
 							default: O(() => [...i[39] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2686,7 +2672,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							}, [c("path", { d: "m9 18 6-6-6-6" })], -1)]]),
 							_: 1
 						}),
-						c("span", Ir, T(M(L.value)), 1)
+						c("span", Pr, T(N(R.value)), 1)
 					])) : o("", !0)])])) : o("", !0)
 				])])) : o("", !0)]),
 				_: 1
@@ -2695,16 +2681,16 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				default: O(() => [x.value && t.range && !E.value ? (b(), s("div", {
 					key: 0,
 					class: "range-overlay",
-					onClick: k(X, ["self"])
-				}, [c("div", Lr, [
+					onClick: k(Z, ["self"])
+				}, [c("div", Fr, [
 					i[46] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", Rr, [(b(!0), s(e, null, C(Ae.value, (t) => (b(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (b(), s("div", zr)), c("div", Br, [
-						c("div", Vr, [
-							c("div", Hr, [t.isLeft ? (b(), a(j, {
+					c("div", Ir, [(b(!0), s(e, null, C(ke.value, (t) => (b(), s(e, { key: t.isLeft ? "left" : "right" }, [t.isLeft ? o("", !0) : (b(), s("div", Lr)), c("div", Rr, [
+						c("div", zr, [
+							c("div", Br, [t.isLeft ? (b(), a(j, {
 								key: 0,
 								variant: "ghost",
 								square: "",
-								onClick: Le
+								onClick: Ie
 							}, {
 								default: O(() => [...i[42] ||= [c("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
@@ -2718,13 +2704,13 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 									"stroke-linejoin": "round"
 								}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 								_: 1
-							})) : (b(), s("div", Ur))]),
-							c("div", Wr, T(te[t.month]) + " " + T(t.year), 1),
-							c("div", Gr, [t.isLeft ? (b(), s("div", Kr)) : (b(), a(j, {
+							})) : (b(), s("div", Vr))]),
+							c("div", Hr, T(ne[t.month]) + " " + T(t.year), 1),
+							c("div", Ur, [t.isLeft ? (b(), s("div", Wr)) : (b(), a(j, {
 								key: 0,
 								variant: "ghost",
 								square: "",
-								onClick: Re
+								onClick: Le
 							}, {
 								default: O(() => [...i[43] ||= [c("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
@@ -2740,27 +2726,27 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 								_: 1
 							}))])
 						]),
-						c("div", qr, [(b(), s(e, null, C(re, (e) => c("span", {
+						c("div", Gr, [(b(), s(e, null, C(re, (e) => c("span", {
 							key: e,
 							class: "weekday"
 						}, T(e), 1)), 64))]),
-						c("div", Jr, [(b(!0), s(e, null, C(t.days, (e, t) => (b(), s("div", {
+						c("div", Kr, [(b(!0), s(e, null, C(t.days, (e, t) => (b(), s("div", {
 							key: t,
-							class: h(["range-day", Be(e)]),
-							onClick: (t) => ze(e),
-							onMouseenter: (t) => J.value = e
-						}, T(e.day), 43, Yr))), 128))])
+							class: h(["range-day", ze(e)]),
+							onClick: (t) => Re(e),
+							onMouseenter: (t) => Y.value = e
+						}, T(e.day), 43, qr))), 128))])
 					])], 64))), 128))]),
-					c("div", Xr, [c("div", Zr, [
-						c("span", { class: h(["range-val", { "is-empty": !Pe.value }]) }, T(Pe.value || "開始日期"), 3),
+					c("div", Jr, [c("div", Yr, [
+						c("span", { class: h(["range-val", { "is-empty": !Ne.value }]) }, T(Ne.value || "開始日期"), 3),
 						i[44] ||= c("span", { class: "range-arrow" }, "→", -1),
-						c("span", { class: h(["range-val", { "is-empty": !Fe.value }]) }, T(Fe.value || "結束日期"), 3)
+						c("span", { class: h(["range-val", { "is-empty": !Pe.value }]) }, T(Pe.value || "結束日期"), 3)
 					]), f(j, {
 						variant: "solid",
 						intent: "primary",
 						class: "confirm-btn",
-						disabled: !Ee.value,
-						onClick: k(Ve, ["stop"])
+						disabled: !Te.value,
+						onClick: k(Be, ["stop"])
 					}, {
 						default: O(() => [...i[45] ||= [d("確認", -1)]]),
 						_: 1
@@ -2772,15 +2758,15 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				default: O(() => [x.value && t.range && E.value ? (b(), s("div", {
 					key: 0,
 					class: "mobile-overlay",
-					onClick: k(X, ["self"])
-				}, [c("div", Qr, [
+					onClick: k(Z, ["self"])
+				}, [c("div", Xr, [
 					i[51] ||= c("div", { class: "sheet-handle" }, null, -1),
 					i[52] ||= c("p", { class: "range-modal-title" }, "選擇日期範圍", -1),
-					c("div", $r, [
-						c("div", ei, [f(j, {
+					c("div", Zr, [
+						c("div", Qr, [f(j, {
 							variant: "ghost",
 							square: "",
-							onClick: Le
+							onClick: Ie
 						}, {
 							default: O(() => [...i[47] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2795,11 +2781,11 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							}, [c("path", { d: "m15 18-6-6 6-6" })], -1)]]),
 							_: 1
 						})]),
-						c("div", ti, T(te[W.value]) + " " + T(U.value), 1),
-						c("div", ni, [f(j, {
+						c("div", $r, T(ne[G.value]) + " " + T(W.value), 1),
+						c("div", ei, [f(j, {
 							variant: "ghost",
 							square: "",
-							onClick: Re
+							onClick: Le
 						}, {
 							default: O(() => [...i[48] ||= [c("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
@@ -2815,25 +2801,25 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 							_: 1
 						})])
 					]),
-					c("div", ri, [(b(), s(e, null, C(re, (e) => c("span", {
+					c("div", ti, [(b(), s(e, null, C(re, (e) => c("span", {
 						key: e,
 						class: "weekday"
 					}, T(e), 1)), 64))]),
-					c("div", ii, [(b(!0), s(e, null, C(Oe.value, (e, t) => (b(), s("div", {
+					c("div", ni, [(b(!0), s(e, null, C(De.value, (e, t) => (b(), s("div", {
 						key: t,
-						class: h(["range-day", Be(e)]),
-						onClick: (t) => ze(e)
-					}, T(e.day), 11, ai))), 128))]),
-					c("div", oi, [c("div", si, [
-						c("span", { class: h(["range-val", { "is-empty": !Pe.value }]) }, T(Pe.value || "開始日期"), 3),
+						class: h(["range-day", ze(e)]),
+						onClick: (t) => Re(e)
+					}, T(e.day), 11, ri))), 128))]),
+					c("div", ii, [c("div", ai, [
+						c("span", { class: h(["range-val", { "is-empty": !Ne.value }]) }, T(Ne.value || "開始日期"), 3),
 						i[49] ||= c("span", { class: "range-arrow" }, "→", -1),
-						c("span", { class: h(["range-val", { "is-empty": !Fe.value }]) }, T(Fe.value || "結束日期"), 3)
+						c("span", { class: h(["range-val", { "is-empty": !Pe.value }]) }, T(Pe.value || "結束日期"), 3)
 					]), f(j, {
 						variant: "solid",
 						intent: "primary",
 						class: "confirm-btn",
-						disabled: !Ee.value,
-						onClick: k(Ve, ["stop"])
+						disabled: !Te.value,
+						onClick: k(Be, ["stop"])
 					}, {
 						default: O(() => [...i[50] ||= [d("確認", -1)]]),
 						_: 1
@@ -2843,7 +2829,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 			})
 		], 512));
 	}
-}), [["__scopeId", "data-v-9f942c6b"]]), li = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-9f942c6b"]]), si = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NTooltip",
 	props: {
 		content: { default: "" },
@@ -2878,10 +2864,10 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 			_: 3
 		})], 32));
 	}
-}), [["__scopeId", "data-v-7a53ca0a"]]), ui = { class: "modal-header" }, di = { class: "modal-title" }, fi = { class: "modal-content" }, pi = {
+}), [["__scopeId", "data-v-7a53ca0a"]]), ci = { class: "modal-header" }, li = { class: "modal-title" }, ui = { class: "modal-content" }, di = {
 	key: 0,
 	class: "modal-footer"
-}, mi = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, fi = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NModal",
 	props: {
 		show: {
@@ -2911,7 +2897,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 		}, u = () => {
 			e.closeOnClickOverlay && l();
 		}, d = S("");
-		return ne(() => e.show, (e) => {
+		return te(() => e.show, (e) => {
 			e ? (d.value = document.body.style.overflow, document.body.style.overflow = "hidden", i("open")) : document.body.style.overflow = d.value;
 		}, { immediate: !0 }), y(() => {
 			e.show && (document.body.style.overflow = d.value);
@@ -2925,7 +2911,7 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 				class: "modal-container",
 				style: g({ width: e.width })
 			}, [
-				c("header", ui, [c("h3", di, T(e.title), 1), e.showClose ? (b(), s("button", {
+				c("header", ci, [c("h3", li, T(e.title), 1), e.showClose ? (b(), s("button", {
 					key: 0,
 					class: "close-btn",
 					onClick: l
@@ -2937,18 +2923,18 @@ var jn = { class: "icon-wrap" }, Mn = ["innerHTML"], Nn = {
 					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", fi, [w(r.$slots, "default", {}, void 0, !0)]),
-				r.$slots.footer ? (b(), s("footer", pi, [w(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
+				c("main", ui, [w(r.$slots, "default", {}, void 0, !0)]),
+				r.$slots.footer ? (b(), s("footer", di, [w(r.$slots, "footer", {}, void 0, !0)])) : o("", !0)
 			], 4)], 4)) : o("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ee2fac3c"]]), hi = 0, gi = x([]);
-function _i() {
+}), [["__scopeId", "data-v-ee2fac3c"]]), pi = 0, mi = x([]);
+function hi() {
 	let e = function(e, t = {}) {
-		let n = ++hi;
+		let n = ++pi;
 		return new Promise((r) => {
-			gi.push({
+			mi.push({
 				id: n,
 				type: "alert",
 				message: e,
@@ -2974,8 +2960,8 @@ function _i() {
 	});
 	function t(e, t = {}) {
 		return new Promise((n) => {
-			let r = ++hi;
-			gi.push({
+			let r = ++pi;
+			mi.push({
 				id: r,
 				type: "confirm",
 				message: e,
@@ -2988,10 +2974,10 @@ function _i() {
 		});
 	}
 	function n() {
-		for (; gi.length > 0;) gi.shift().resolve(!1);
+		for (; mi.length > 0;) mi.shift().resolve(!1);
 	}
 	return {
-		alerts: gi,
+		alerts: mi,
 		alert: e,
 		confirm: t,
 		clearAlerts: n
@@ -2999,13 +2985,13 @@ function _i() {
 }
 //#endregion
 //#region src/components/NAlert.vue?vue&type=script&setup=true&lang.ts
-var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-body" }, xi = {
+var gi = { class: "cards-wrapper" }, _i = ["innerHTML"], vi = { class: "card-body" }, yi = {
 	key: 0,
 	class: "card-title"
-}, Si = { class: "card-message" }, Ci = { class: "card-footer" }, wi = ["onClick"], Ti = ["onClick"], Ei = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, bi = { class: "card-message" }, xi = { class: "card-footer" }, Si = ["onClick"], Ci = ["onClick"], wi = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NAlert",
 	setup(n) {
-		let { alerts: r, clearAlerts: i } = _i(), l = {
+		let { alerts: r, clearAlerts: i } = hi(), 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>",
@@ -3042,7 +3028,7 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 		}
 		return v(() => document.addEventListener("keydown", m)), y(() => {
 			document.removeEventListener("keydown", m), i();
-		}), (n, i) => (b(), a(t, { to: "body" }, [c("div", { class: h(["backdrop", { open: E(r).length > 0 }]) }, null, 2), c("div", { class: h(["alert-stack", { open: E(r).length > 0 }]) }, [c("div", vi, [(b(!0), s(e, null, C(E(r), (e, t) => (b(), s("div", {
+		}), (n, i) => (b(), a(t, { to: "body" }, [c("div", { class: h(["backdrop", { open: E(r).length > 0 }]) }, null, 2), c("div", { class: h(["alert-stack", { open: E(r).length > 0 }]) }, [c("div", gi, [(b(!0), s(e, null, C(E(r), (e, t) => (b(), s("div", {
 			key: e.id,
 			class: h(["alert-card", `status-${e.status}`]),
 			style: g(d(t))
@@ -3050,25 +3036,25 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 			c("div", {
 				class: "card-icon",
 				innerHTML: u(e)
-			}, null, 8, yi),
-			c("div", bi, [e.title ? (b(), s("p", xi, T(e.title), 1)) : o("", !0), c("p", Si, T(e.message), 1)]),
-			c("div", Ci, [e.type === "confirm" ? (b(), s("button", {
+			}, null, 8, _i),
+			c("div", vi, [e.title ? (b(), s("p", yi, T(e.title), 1)) : o("", !0), c("p", bi, T(e.message), 1)]),
+			c("div", xi, [e.type === "confirm" ? (b(), s("button", {
 				key: 0,
 				class: "btn btn-cancel",
 				onClick: (t) => p(e)
-			}, T(e.cancelText), 9, wi)) : o("", !0), c("button", {
+			}, T(e.cancelText), 9, Si)) : o("", !0), c("button", {
 				class: h(["btn btn-confirm", `btn-${e.status}`]),
 				onClick: (t) => f(e)
-			}, T(e.confirmText), 11, Ti)])
+			}, T(e.confirmText), 11, Ci)])
 		], 6))), 128))])], 2)]));
 	}
-}), [["__scopeId", "data-v-55bcfae2"]]), Di = { class: "nav" }, Oi = ["onClick"], ki = ["innerHTML"], Ai = { class: "nav-list" }, ji = ["href", "onClick"], Mi = ["innerHTML"], Ni = { class: "nav-text" }, Pi = { class: "user-capsule" }, Fi = { class: "user-avatar" }, Ii = ["src"], Li = {
+}), [["__scopeId", "data-v-55bcfae2"]]), Ti = { class: "nav" }, Ei = ["onClick"], Di = ["innerHTML"], Oi = { class: "nav-list" }, ki = ["href", "onClick"], Ai = ["innerHTML"], ji = { class: "nav-text" }, Mi = { class: "user-capsule" }, Ni = { class: "user-avatar" }, Pi = ["src"], Fi = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "36",
 	height: "36",
 	viewBox: "0 0 36 36"
-}, Ri = { class: "user-info" }, zi = { class: "user-name-row" }, Bi = { class: "user-name" }, Vi = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Ii = { class: "user-info" }, Li = { class: "user-name-row" }, Ri = { class: "user-name" }, zi = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NSidebar",
 	props: {
 		isOpen: {
@@ -3115,13 +3101,13 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 				onMouseenter: _[2] ||= (e) => l.value = !0
 			}, [
 				_[9] ||= c("div", { class: "header" }, [c("div", { class: "brand-logo" }, [c("span", { class: "logo-text" }, "NICKLABS"), c("span", { class: "logo-icon" }, "N")])], -1),
-				c("div", Di, [(b(!0), s(e, null, C(n.menus, (t) => (b(), s("div", { class: h(["menu", {
+				c("div", Ti, [(b(!0), s(e, null, C(n.menus, (t) => (b(), s("div", { class: h(["menu", {
 					open: E(i)(t.title),
 					active: p(t)
 				}]) }, [c("div", {
 					class: "title",
 					onClick: (e) => E(o)(t.title)
-				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, ki), c("span", null, T(t.title), 1)]), _[6] ||= c("svg", {
+				}, [c("div", null, [c("div", { innerHTML: t.icon }, null, 8, Di), c("span", null, T(t.title), 1)]), _[6] ||= c("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "14",
 					height: "14",
@@ -3132,17 +3118,17 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "icon"
-				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Oi), c("div", Ai, [c("div", null, [(b(!0), s(e, null, C(t.children, (e) => (b(), s("a", {
+				}, [c("path", { d: "m9 18 6-6-6-6" })], -1)], 8, Ei), c("div", Oi, [c("div", null, [(b(!0), s(e, null, C(t.children, (e) => (b(), s("a", {
 					href: e.route,
 					onClick: k((t) => g(e), ["prevent"])
-				}, [c("div", { class: h(["nav-item", { active: m(e.route) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Mi), c("span", Ni, T(e.title), 1)], 2)], 8, ji))), 256))])])], 2))), 256))]),
-				c("div", Pi, [w(r.$slots, "user", {}, () => [
-					c("div", Fi, [n.userAvatarUrl ? (b(), s("img", {
+				}, [c("div", { class: h(["nav-item", { active: m(e.route) }]) }, [c("div", { innerHTML: e.icon }, null, 8, Ai), c("span", ji, T(e.title), 1)], 2)], 8, ki))), 256))])])], 2))), 256))]),
+				c("div", Mi, [w(r.$slots, "user", {}, () => [
+					c("div", Ni, [n.userAvatarUrl ? (b(), s("img", {
 						key: 0,
 						src: n.userAvatarUrl,
 						alt: "User Avatar"
-					}, null, 8, Ii)) : (b(), s("svg", Li, [..._[7] ||= [u("<defs data-v-f8786adf><clipPath id=\"avatarClip\" data-v-f8786adf><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-f8786adf></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-f8786adf></circle><g clip-path=\"url(#avatarClip)\" data-v-f8786adf><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-f8786adf></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-f8786adf></path></g>", 3)]]))]),
-					c("div", Ri, [c("div", zi, [c("span", Bi, T(n.userName || "ADMINISTRATOR"), 1)])]),
+					}, null, 8, Pi)) : (b(), s("svg", Fi, [..._[7] ||= [u("<defs data-v-f8786adf><clipPath id=\"avatarClip\" data-v-f8786adf><circle cx=\"18\" cy=\"18\" r=\"18\" data-v-f8786adf></circle></clipPath></defs><circle cx=\"18\" cy=\"18\" r=\"18\" fill=\"#dbeafe\" data-v-f8786adf></circle><g clip-path=\"url(#avatarClip)\" data-v-f8786adf><circle cx=\"18\" cy=\"14\" r=\"6\" fill=\"#2563eb\" data-v-f8786adf></circle><path d=\"M6,34 Q6,24 18,24 Q30,24 30,34\" fill=\"#2563eb\" data-v-f8786adf></path></g>", 3)]]))]),
+					c("div", Ii, [c("div", Li, [c("span", Ri, T(n.userName || "ADMINISTRATOR"), 1)])]),
 					f(j, {
 						class: "logout-btn",
 						intent: "error",
@@ -3181,7 +3167,7 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 			}, null, 2)]))
 		], 34));
 	}
-}), [["__scopeId", "data-v-f8786adf"]]), Hi = { class: "layout" }, Ui = { class: "main-content" }, Wi = { class: "copyright" }, Gi = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-f8786adf"]]), Bi = { class: "layout" }, Vi = { class: "main-content" }, Hi = { class: "copyright" }, Ui = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NLayout",
 	props: {
 		isShowSidebar: {
@@ -3195,7 +3181,7 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 	emits: ["logout", "navigate"],
 	setup(e, { emit: t }) {
 		let n = Pt(), r = t;
-		return (t, i) => (b(), s("div", Hi, [e.isShowSidebar ? (b(), a(Vi, {
+		return (t, i) => (b(), s("div", Bi, [e.isShowSidebar ? (b(), a(zi, {
 			key: 0,
 			isOpen: E(n).isSidebarExpanded(),
 			"onUpdate:isOpen": i[0] ||= (e) => E(n).toggleSidebar(),
@@ -3207,18 +3193,18 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 			"isOpen",
 			"menus",
 			"currentPath"
-		])) : o("", !0), c("main", Ui, [w(t.$slots, "default", {}, void 0, !0), c("div", Wi, T(e.copyright), 1)])]));
+		])) : o("", !0), c("main", Vi, [w(t.$slots, "default", {}, void 0, !0), c("div", Hi, T(e.copyright), 1)])]));
 	}
-}), [["__scopeId", "data-v-42c0ab8b"]]), Ki = { class: "topbar" }, qi = { class: "topbar-left" }, Ji = { class: "topbar-right" }, Yi = {
+}), [["__scopeId", "data-v-42c0ab8b"]]), Wi = { class: "topbar" }, Gi = { class: "topbar-left" }, Ki = { class: "topbar-right" }, qi = {
 	key: 0,
 	class: "pill"
-}, Xi = {
+}, Ji = {
 	key: 0,
 	class: "name"
-}, Zi = {
+}, Yi = {
 	key: 1,
 	class: "separator"
-}, Qi = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, Xi = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NNavigation",
 	props: {
 		isShowSidebar: {
@@ -3243,7 +3229,7 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 		let n = t, r = () => {
 			document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen();
 		};
-		return (t, i) => (b(), s("header", Ki, [c("div", qi, [e.isShowSidebar ? (b(), a(j, {
+		return (t, i) => (b(), s("header", Wi, [c("div", Gi, [e.isShowSidebar ? (b(), a(j, {
 			key: 0,
 			onClick: i[0] ||= (e) => n("toggleSidebar"),
 			padding: "8px"
@@ -3286,9 +3272,9 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 				c("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 			], -1)]]),
 			_: 1
-		})) : o("", !0)]), c("div", Ji, [e.isShowUser || e.isShowLogoutButton ? (b(), s("div", Yi, [
-			e.isShowUser ? (b(), s("span", Xi, "Nick")) : o("", !0),
-			e.isShowUser && e.isShowLogoutButton ? (b(), s("div", Zi)) : o("", !0),
+		})) : o("", !0)]), c("div", Ki, [e.isShowUser || e.isShowLogoutButton ? (b(), s("div", qi, [
+			e.isShowUser ? (b(), s("span", Ji, "Nick")) : o("", !0),
+			e.isShowUser && e.isShowLogoutButton ? (b(), s("div", Yi)) : o("", !0),
 			e.isShowLogoutButton ? (b(), a(j, {
 				key: 2,
 				variant: "mute",
@@ -3314,10 +3300,10 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 			})) : o("", !0)
 		])) : o("", !0)])]));
 	}
-}), [["__scopeId", "data-v-bb912f40"]]), $i = { class: "brand" }, ea = ["src", "alt"], ta = {
+}), [["__scopeId", "data-v-bb912f40"]]), Zi = { class: "brand" }, Qi = ["src", "alt"], $i = {
 	key: 1,
 	class: "icon"
-}, na = { key: 2 }, ra = { key: 3 }, ia = /* @__PURE__ */ A(/* @__PURE__ */ p({
+}, ea = { key: 2 }, ta = { key: 3 }, na = /* @__PURE__ */ A(/* @__PURE__ */ p({
 	__name: "NLoginLayout",
 	props: {
 		backgroundImage: { default: "" },
@@ -3330,54 +3316,54 @@ var vi = { class: "cards-wrapper" }, yi = ["innerHTML"], bi = { class: "card-bod
 		return (n, r) => (b(), s("div", {
 			class: "login-wrapper",
 			style: g({ "--login-bg": e.backgroundImage ? `url('${e.backgroundImage}')` : "var(--bg-gradient)" })
-		}, [f(rn, {
+		}, [f(Qt, {
 			size: "lg",
 			radius: "xl",
 			class: "card"
 		}, {
-			default: O(() => [c("div", $i, [
+			default: O(() => [c("div", Zi, [
 				t.value ? (b(), s("img", {
 					key: 0,
 					class: "logo-img",
 					src: e.logo,
 					alt: e.title
-				}, null, 8, ea)) : (b(), s("div", ta, T(e.logo), 1)),
-				e.title ? (b(), s("h1", na, T(e.title), 1)) : o("", !0),
-				e.description ? (b(), s("p", ra, T(e.description), 1)) : o("", !0)
+				}, null, 8, Qi)) : (b(), s("div", $i, T(e.logo), 1)),
+				e.title ? (b(), s("h1", ea, T(e.title), 1)) : o("", !0),
+				e.description ? (b(), s("p", ta, T(e.description), 1)) : o("", !0)
 			]), w(n.$slots, "default", {}, void 0, !0)]),
 			_: 3
 		})], 4));
 	}
-}), [["__scopeId", "data-v-f0866bc5"]]), aa = {
+}), [["__scopeId", "data-v-f0866bc5"]]), ra = {
 	NButton: j,
 	NInput: L,
-	NTextarea: de,
-	NCheckbox: ge,
-	NSelect: U,
+	NTextarea: B,
+	NCheckbox: he,
+	NSelect: W,
 	NFileSelect: wt,
 	NForm: Zt,
-	NList: Dn,
-	NEmpty: nn,
-	NToast: Ln,
-	NLoading: Gn,
-	NCode: er,
-	NSwitch: nr,
-	NTag: rr,
-	NDatePicker: ci,
-	NTooltip: li,
-	NModal: mi,
-	NAlert: Ei,
-	NTable: wn,
-	NLayout: Gi,
-	NNavigation: Qi,
-	NSidebar: Vi,
-	NCard: rn,
-	NLoginLayout: ia
+	NList: Nn,
+	NEmpty: ln,
+	NToast: Un,
+	NLoading: _n,
+	NCode: Qn,
+	NSwitch: er,
+	NTag: tr,
+	NDatePicker: oi,
+	NTooltip: si,
+	NModal: fi,
+	NAlert: wi,
+	NTable: An,
+	NLayout: Ui,
+	NNavigation: Xi,
+	NSidebar: zi,
+	NCard: Qt,
+	NLoginLayout: na
 };
-function oa(e) {
-	Object.entries(aa).forEach(([t, n]) => {
+function ia(e) {
+	Object.entries(ra).forEach(([t, n]) => {
 		e.component(t, n);
 	});
 }
 //#endregion
-export { Ei as NAlert, j as NButton, rn as NCard, ge as NCheckbox, er as NCode, ci as NDatePicker, nn as NEmpty, wt as NFileSelect, Zt as NForm, L as NInput, Gi as NLayout, Dn as NList, Gn as NLoading, ia as NLoginLayout, mi as NModal, Qi as NNavigation, U as NSelect, Vi as NSidebar, nr as NSwitch, wn as NTable, rr as NTag, de as NTextarea, Ln as NToast, li as NTooltip, oa as NickLabsUI, _i as useAlert, Ot as useBreadcrumb, Pt as useSidebarManager, An as useToast };
+export { wi as NAlert, j as NButton, Qt as NCard, he as NCheckbox, Qn as NCode, oi as NDatePicker, ln as NEmpty, wt as NFileSelect, Zt as NForm, L as NInput, Ui as NLayout, Nn as NList, _n as NLoading, na as NLoginLayout, fi as NModal, Xi as NNavigation, W as NSelect, zi as NSidebar, er as NSwitch, An as NTable, tr as NTag, B as NTextarea, Un as NToast, si as NTooltip, ia as NickLabsUI, hi as useAlert, Ot as useBreadcrumb, Pt as useSidebarManager, In as useToast };