@ithinkdt/ui 4.1.1 → 4.2.0-0

package/esm/components.d.ts

@@ -325,7 +325,7 @@ export interface DataCustomProps<Data extends {}> {
         | ((modify: {
             key: string
             hidden?: boolean | undefined
-            fixed?: 'left' | 'right' | false | undefined
+            fixed?: false | 'left' | 'right' | undefined
         }) => void)>
         | undefined
 }
@@ -336,8 +336,17 @@ export interface DataCustomEmits {
     (e: 'custom', modify: {
         key: string
         hidden?: boolean | undefined
-        fixed?: 'left' | 'right' | false | undefined
+        fixed?: false | 'left' | 'right' | undefined
     }): void
+    (e: 'custom', batchs: Array<
+        | true
+        | string[]
+        | {
+            key: string
+            hidden?: boolean | undefined
+            fixed?: false | 'left' | 'right' | undefined
+        }>
+    ): void
 }
 
 export declare function DataCustom<Data extends {}>(

package/esm/components.js

@@ -1,2 +1,2 @@
-import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, w as b, x, y as S } from "./components-CwMUuo3f.js";
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, w as b, x, y as S } from "./components-BA7KsV1q.js";
 export { e as DataActions, x as DataCustom, r as DataDescriptions, s as DataFilter, t as DataForm, y as DataFormActions, d as DataLocaleInput, m as DataPagination, a as DataSelection, _ as DataTable, l as DtDeptRender, n as DtUserDept, p as DtUserRender, v as FullscreenButton, u as FullscreenWrapper, b as NCheckboxes, i as NRadios, f as NStateButton, h as StateButtonProps, o as ViewProfile, S as dataFormActionsProps, g as renderUsers, c as useLocaleEdit };

package/esm/composables.js

@@ -1,4 +1,4 @@
-import { t as e } from "./use-table-range-select-B6KrCUln.js";
+import { t as e } from "./use-table-range-select-BOqsUOeY.js";
 import { nextTick as t, ref as n, watch as r } from "vue";
 import { unrefElement as i } from "@vueuse/core";
 import { Sortable as a } from "sortablejs";

package/esm/{directives-G7hy3akL.js → directives--_Z8BQhu.js}

@@ -35,7 +35,7 @@ var C = [
 		whiteSpace: "normal",
 		lineHeight: "1.25"
 	})
-]), T = /* @__PURE__ */ Symbol("tooltip-dir"), E = /* @__PURE__ */ f();
+]), T = /* @__PURE__ */ Symbol("__TOOLTIP_DIRECTIVE__"), E = /* @__PURE__ */ f();
 function D(e) {
 	let t = e.firstChild;
 	if (!t) return !1;
@@ -163,7 +163,7 @@ var O, k, A, j = /* @__PURE__ */ s({
 	setup(t) {
 		return F = e("-spin-directive", L), I = p(t, "dark"), () => c(a);
 	}
-}), z = /* @__PURE__ */ Symbol("spin-dir"), B = (e, { value: t, modifiers: n }) => {
+}), z = /* @__PURE__ */ Symbol("__SPIN_DIRECTIVE__"), B = (e, { value: t, modifiers: n }) => {
 	if (e[z].loading.value = !!t, !e[z].loading.value) return;
 	let r = n.dark || !n.light && I.value;
 	e[z].spinEl.style.setProperty("--host-bg", r ? "0 0 0" : "255 255 255");

package/esm/directives.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./directives-G7hy3akL.js";
+import { i as e, n as t, r as n, t as r } from "./directives--_Z8BQhu.js";
 export { r as SpinDirectiveProvider, n as TooltipDirectiveProvider, t as vSpin, e as vTooltip };

package/esm/index.js

@@ -1,11 +1,10 @@
-import { n as e, t } from "./use-i18n-BUP_StIp.js";
+import { n as e, t } from "./use-i18n-BMlVGLEB.js";
 import n, { c as r, cB as i, cE as a, cM as o } from "./use-style.js";
-import { i as s, n as c, r as l, t as u } from "./directives-G7hy3akL.js";
+import { i as s, n as c, r as l, t as u } from "./directives--_Z8BQhu.js";
 import { Fragment as d, computed as f, createVNode as p, defineComponent as m, inject as h, isVNode as g, mergeProps as _, provide as v, reactive as y, ref as b, renderSlot as x, shallowRef as S, toRef as C, toValue as w, unref as T, useTemplateRef as E, watch as D, withDirectives as O } from "vue";
-import { computedAsync as ee, promiseTimeout as k, useElementHover as A, useElementSize as te, useEventListener as ne, watchDebounced as re } from "@vueuse/core";
-import { NAvatar as j, NBadge as ie, NBreadcrumb as ae, NBreadcrumbItem as oe, NButton as M, NDrawer as se, NDrawerContent as ce, NDropdown as N, NEmpty as le, NIcon as P, NInput as F, NList as I, NListItem as L, NMenu as R, NPagination as z, NPopover as B, NScrollbar as V, NText as H, NThing as U, useThemeVars as W } from "ithinkdt-ui";
-import { debounce as ue } from "@ithinkdt/common/fn";
-import { useAtomicBroadcast as de } from "@ithinkdt/common/composables";
+import { computedAsync as ee, promiseTimeout as k, useElementHover as A, useElementSize as te, useEventListener as j, useIntervalFn as ne, watchDebounced as re } from "@vueuse/core";
+import { NAvatar as M, NBadge as ie, NBreadcrumb as ae, NBreadcrumbItem as oe, NButton as N, NDrawer as se, NDrawerContent as ce, NDropdown as P, NEmpty as le, NIcon as F, NInput as I, NList as L, NListItem as R, NMenu as z, NPagination as B, NPopover as V, NScrollbar as H, NText as U, NThing as W, useThemeVars as ue } from "ithinkdt-ui";
+import { debounce as de } from "@ithinkdt/common/fn";
 import { RouterLink as fe, useRouter as G } from "vue-router";
 import { walkTree as pe } from "@ithinkdt/common/tree";
 import { isNullish as me } from "@ithinkdt/common/object";
@@ -32,7 +31,7 @@ var _e = /* @__PURE__ */ m({
 	},
 	emit: ["logout", "change-pwd"],
 	setup(t, { emit: n, slots: r }) {
-		let i = f(() => /^[\u{4E00}-\u{9FA5}]+$/u.test(t.nickname) ? t.nickname?.slice(t.nickname?.length > 3 ? 2 : 1) : t.nickname?.split(" ", 1)[0]), { t: a } = e(), o = p(P, { size: "28" }, { default: () => [p("svg", {
+		let i = f(() => /^[\u{4E00}-\u{9FA5}]+$/u.test(t.nickname) ? t.nickname?.slice(t.nickname?.length > 3 ? 2 : 1) : t.nickname?.split(" ", 1)[0]), { t: a } = e(), o = p(F, { size: "28" }, { default: () => [p("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "1em",
 			height: "1em",
@@ -52,11 +51,11 @@ var _e = /* @__PURE__ */ m({
 		return () => {
 			let e;
 			return p("div", { style: "display: flex; align-items: center" }, [
-				p(B, { style: "padding: 4px" }, {
-					trigger: () => p(M, {
+				p(V, { style: "padding: 4px" }, {
+					trigger: () => p(N, {
 						quaternary: !0,
 						style: "--n-padding: 0 12px"
-					}, { default: () => [p("div", { style: "display: flex; align-items: center; gap: 8px" }, [p(j, {
+					}, { default: () => [p("div", { style: "display: flex; align-items: center; gap: 8px" }, [p(M, {
 						key: t.head ? "head" : "no-head",
 						src: t.head,
 						round: !0,
@@ -69,12 +68,12 @@ var _e = /* @__PURE__ */ m({
 						default: t.head ? void 0 : () => i.value
 					}), p("span", { style: "font-size: 14px" }, [t.username ?? ""])])] }),
 					default: () => {
-						let e = () => t.showChangePwd ? p(M, {
+						let e = () => t.showChangePwd ? p(N, {
 							quaternary: !0,
 							style: "justify-content: left",
 							onClick: () => n("change-pwd")
 						}, {
-							icon: () => p(P, null, { default: () => [p("svg", {
+							icon: () => p(F, null, { default: () => [p("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
 								width: "1em",
 								height: "1em",
@@ -89,12 +88,12 @@ var _e = /* @__PURE__ */ m({
 								fill: "currentColor"
 							}, null)])] }),
 							default: () => a("common.account.changePwd")
-						}) : void 0, i = () => t.showLogoutButton ? void 0 : p(M, {
+						}) : void 0, i = () => t.showLogoutButton ? void 0 : p(N, {
 							quaternary: !0,
 							style: "justify-content: left",
 							onClick: () => n("logout")
 						}, {
-							icon: () => p(P, null, K(c) ? c : { default: () => [c] }),
+							icon: () => p(F, null, K(c) ? c : { default: () => [c] }),
 							default: () => [a("common.account.logout")]
 						});
 						return x(r, "dropdown", {
@@ -108,11 +107,11 @@ var _e = /* @__PURE__ */ m({
 					}
 				}),
 				x(r, "extra"),
-				t.showLogoutButton ? O(p(M, {
+				t.showLogoutButton ? O(p(N, {
 					quaternary: !0,
 					style: "--n-padding: 0 12px",
 					onClick: () => t.username && n("logout")
-				}, K(e = x(r, "logoutButton", void 0, () => [p(P, { size: "16" }, K(c) ? c : { default: () => [c] })])) ? e : { default: () => [e] }), [[
+				}, K(e = x(r, "logoutButton", void 0, () => [p(F, { size: "16" }, K(c) ? c : { default: () => [c] })])) ? e : { default: () => [e] }), [[
 					s,
 					a("common.account.logout"),
 					void 0,
@@ -127,13 +126,13 @@ var _e = /* @__PURE__ */ m({
 	emit: ["update:mode"],
 	setup(t, { emit: n }) {
 		let { t: r } = e();
-		return () => O(p(M, {
+		return () => O(p(N, {
 			quaternary: !0,
 			style: "--n-padding: 0 12px",
 			onClick: () => {
 				n("update:mode", t.mode === "light" ? "dark" : t.mode === "dark" ? "auto" : "light");
 			}
-		}, { default: () => [p(P, { size: "18" }, { default: () => [t.mode === "light" ? p("svg", {
+		}, { default: () => [p(F, { size: "18" }, { default: () => [t.mode === "light" ? p("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			"xmlns:xlink": "http://www.w3.org/1999/xlink",
 			role: "img",
@@ -212,7 +211,7 @@ var be = /* @__PURE__ */ m({
 				onClick: e.href && ((n) => {
 					n.stopPropagation(), t.push(e.href);
 				})
-			}, { default: () => [e.icon ? p(d, null, [p(P, { component: e[r] }, null), " "]) : void 0, w(e.title)] }))) ? n : { default: () => [n] });
+			}, { default: () => [e.icon ? p(d, null, [p(F, { component: e[r] }, null), " "]) : void 0, w(e.title)] }))) ? n : { default: () => [n] });
 		};
 	}
 }), xe = /* @__PURE__ */ m({
@@ -223,15 +222,15 @@ var be = /* @__PURE__ */ m({
 	},
 	emit: ["update:lang"],
 	setup(e, { emit: t }) {
-		return () => p(N, {
+		return () => p(P, {
 			options: e.supports,
 			keyField: "value",
 			showArrow: !0,
 			onSelect: (e) => t("update:lang", e)
-		}, { default: () => [p(M, {
+		}, { default: () => [p(N, {
 			quaternary: !0,
 			style: "--n-padding: 0 12px"
-		}, { default: () => [p(P, { size: "18" }, { default: () => [p("svg", {
+		}, { default: () => [p(F, { size: "18" }, { default: () => [p("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			"xmlns:xlink": "http://www.w3.org/1999/xlink",
 			role: "img",
@@ -388,13 +387,13 @@ var be = /* @__PURE__ */ m({
 	setup(t, { emit: n, slots: r }) {
 		v(q, C(t, "collapsed"));
 		let { t: i } = e(), a = X();
-		return () => (a.sidebarWidth = (t.collapsed ? t.collapsedWidth : t.width) + "px", p("div", { class: "app-sidebar" }, [x(r, "default"), t.showCollapseBtn ? O(p(M, {
+		return () => (a.sidebarWidth = (t.collapsed ? t.collapsedWidth : t.width) + "px", p("div", { class: "app-sidebar" }, [x(r, "default"), t.showCollapseBtn ? O(p(N, {
 			class: "app-sidebar__collapse-btn",
 			quaternary: !0,
 			onClick: () => {
 				n("update:collapsed", !t.collapsed);
 			}
-		}, { default: () => [p(P, { size: "20" }, { default: () => [t.collapsed ? p(we, null, null) : p(Ce, null, null)] })] }), [[s, t.collapsed ? i("common.layout.sidebar.expand") : i("common.layout.sidebar.collapse")]]) : void 0]));
+		}, { default: () => [p(F, { size: "20" }, { default: () => [t.collapsed ? p(we, null, null) : p(Ce, null, null)] })] }), [[s, t.collapsed ? i("common.layout.sidebar.expand") : i("common.layout.sidebar.collapse")]]) : void 0]));
 	}
 }), Oe = /* @__PURE__ */ m({
 	name: "AppContent",
@@ -467,7 +466,7 @@ var je = /* @__PURE__ */ m({
 				src: n.value,
 				alt: "App Logo",
 				style: `transition: height 0.2s ease-in-out; height: calc(var(--app-logo-img-size) * ${c})`
-			}, null)])])]), i ? p(H, {
+			}, null)])])]), i ? p(U, {
 				class: "app-logo__name",
 				style: "font-size: var(--app-logo-name-size); font-weight: bold; white-space: nowrap; flex: 0 1 auto; overflow: hidden"
 			}, Ae(i) ? i : { default: () => [i] }) : void 0]);
@@ -559,7 +558,7 @@ var Me = /* @__PURE__ */ m({
 			}, null)])])), i;
 		};
 		return () => {
-			let i = p(R, {
+			let i = p(z, {
 				ref: "menu",
 				options: t.value,
 				rootIndent: 16,
@@ -573,7 +572,7 @@ var Me = /* @__PURE__ */ m({
 				collapsedWidth: e.collapsedWidth,
 				width: e.width
 			}, null);
-			return e.horizontal ? i : p(V, null, Z(i) ? i : { default: () => [i] });
+			return e.horizontal ? i : p(H, null, Z(i) ? i : { default: () => [i] });
 		};
 	}
 });
@@ -603,7 +602,7 @@ function Pe(t, n, r) {
 				key: "reload",
 				label: i("common.layout.tabs.reloadTab"),
 				disabled: !a.tab || a.tab.key !== n.value,
-				icon: () => p(P, { size: 20 }, { default: () => [p("svg", {
+				icon: () => p(F, { size: 20 }, { default: () => [p("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
 					role: "img",
@@ -618,7 +617,7 @@ function Pe(t, n, r) {
 			{
 				key: "fullTab",
 				label: i("common.layout.tabs.fullTab"),
-				icon: () => p(P, { size: 16 }, { default: () => [p("svg", {
+				icon: () => p(F, { size: 16 }, { default: () => [p("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "1em",
 					height: "1em",
@@ -638,7 +637,7 @@ function Pe(t, n, r) {
 				key: "open",
 				label: i("common.layout.tabs.openTabBlank"),
 				disabled: !a.tab,
-				icon: () => p(P, { size: 20 }, { default: () => [p("svg", {
+				icon: () => p(F, { size: 20 }, { default: () => [p("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
 					role: "img",
@@ -655,7 +654,7 @@ function Pe(t, n, r) {
 			{
 				key: "closeAll",
 				label: i("common.layout.tabs.closeAllTabs"),
-				icon: () => p(P, { size: 20 }, { default: () => [p("svg", {
+				icon: () => p(F, { size: 20 }, { default: () => [p("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
 					role: "img",
@@ -671,7 +670,7 @@ function Pe(t, n, r) {
 				key: "closeLeft",
 				label: i("common.layout.tabs.closeLeftTabs"),
 				disabled: !a.tab,
-				icon: () => p(P, { size: 20 }, { default: () => [p("svg", {
+				icon: () => p(F, { size: 20 }, { default: () => [p("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
 					role: "img",
@@ -687,7 +686,7 @@ function Pe(t, n, r) {
 				key: "closeRight",
 				label: i("common.layout.tabs.closeRightTabs"),
 				disabled: !a.tab,
-				icon: () => p(P, { size: 20 }, { default: () => [p("svg", {
+				icon: () => p(F, { size: 20 }, { default: () => [p("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
 					role: "img",
@@ -703,7 +702,7 @@ function Pe(t, n, r) {
 				key: "closeOther",
 				label: i("common.layout.tabs.closeOtherTabs"),
 				disabled: !a.tab,
-				icon: () => p(P, { size: 20 }, { default: () => [" ", p("svg", {
+				icon: () => p(F, { size: 20 }, { default: () => [" ", p("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
 					role: "img",
@@ -765,7 +764,7 @@ function Fe(e, t, n) {
 	}
 	return re(A(e), (e) => {
 		e || r(n.value);
-	}, { debounce: 333 }), D(n, r, { flush: "post" }), ne(e, "wheel", (t) => {
+	}, { debounce: 333 }), D(n, r, { flush: "post" }), j(e, "wheel", (t) => {
 		t.deltaMode === WheelEvent.DOM_DELTA_PIXEL && (t.preventDefault(), e.value.scrollBy({ left: t.deltaY }));
 	}, { passive: !1 }), {
 		el: e,
@@ -823,7 +822,7 @@ var Q = (e) => p("svg", e, [
 		D(s, async () => {
 			await k(1), a.value.style.width = o.value.scrollWidth + "px";
 		});
-		let c = W(), l = f(() => ({
+		let c = ue(), l = f(() => ({
 			fontSize: "14px",
 			color: e.isCurrent ? c.value.primaryColor : c.value.textColor3,
 			maxWidth: "355px",
@@ -847,12 +846,12 @@ var Q = (e) => p("svg", e, [
 			}, [p("div", {
 				ref: o,
 				style: "display: flex; align-items: center; gap: 4px; width: fit-content"
-			}, [p("span", { style: l.value }, [x(n, "default")]), e.closable !== !1 && (e.isCurrent || i.value) ? p("span", { style: "line-height: 0; display: inline-block; text-align: right; padding-top: 2px" }, [p(M, {
+			}, [p("span", { style: l.value }, [x(n, "default")]), e.closable !== !1 && (e.isCurrent || i.value) ? p("span", { style: "line-height: 0; display: inline-block; text-align: right; padding-top: 2px" }, [p(N, {
 				text: !0,
 				onClick: (e) => {
 					e.stopPropagation(), t("close");
 				}
-			}, { default: () => [p(P, { size: 18 }, { default: () => [p("svg", {
+			}, { default: () => [p(F, { size: 18 }, { default: () => [p("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "1em",
 				height: "1em",
@@ -908,7 +907,7 @@ var Q = (e) => p("svg", e, [
 				}, () => [l])) ? s : { default: () => [s] });
 			})]),
 			p("div", { style: "height: 100%; flex: 0 0 16px; z-index: 1; position: sticky; right: 0; backdrop-filter: opacity(0.9) blur(5px)" }, null)
-		]), p(N, {
+		]), p(P, {
 			placement: "bottom-start",
 			trigger: "manual",
 			show: a.visible,
@@ -952,25 +951,24 @@ var Re = /* @__PURE__ */ m({
 			l.loading = !0, l.filteredTotal = 0;
 			let e = u.value?.trim() || void 0;
 			Promise.resolve(t.getPage?.(o.value, l.page, l.size, e) ?? []).then(({ records: t, total: n }) => {
-				l.records = t, l.filteredTotal = n, !e && (o.value === "unread" ? (l.unread = n, h(l.unread)) : l.total = n);
+				l.records = t, l.filteredTotal = n, !e && (o.value === "unread" ? l.unread = n : l.total = n);
 			}).finally(() => {
 				l.loading = !1;
 			});
-		}, { sync: m, post: h } = de({
-			channel: "__ithinkdt_mc_shared_channel",
-			onMsg: (e) => {
-				l.unread = e;
-			},
-			getMsg: () => t.getUnreadCount?.() ?? 0,
-			timeout: () => t.interval,
-			immediate: !0
-		}), g = ue(() => {
+		}, { pause: m, resume: h } = ne(f, () => t.interval, {
+			immediate: document.visibilityState === "visible",
+			immediateCallback: !0
+		});
+		j(document, "visibilitychange", () => {
+			document.visibilityState === "visible" ? h() : m();
+		}, { passive: !0 });
+		let g = de(() => {
 			l.page = 1, f();
 		}, 300), v = (e) => {
 			u.value = e, g();
 		}, S = () => {
 			let e;
-			return O(p(M, _(r, {
+			return O(p(N, _(r, {
 				quaternary: !0,
 				style: "--n-padding: 0 12px",
 				onClick: () => {
@@ -981,7 +979,7 @@ var Re = /* @__PURE__ */ m({
 				dot: !0,
 				offset: [-2, 5],
 				processing: !0
-			}, { default: () => [p(P, { size: "18" }, { default: () => [p("svg", {
+			}, { default: () => [p(F, { size: "18" }, { default: () => [p("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "1em",
 				height: "1em",
@@ -1003,29 +1001,29 @@ var Re = /* @__PURE__ */ m({
 			let e, t;
 			return p("div", { style: "display: flex; align-items: baseline; gap: 20px" }, [
 				p("div", { style: "padding-right: 12px" }, [i("common.notification.title")]),
-				p(M, {
+				p(N, {
 					text: !0,
 					type: o.value === "all" ? "primary" : "default",
 					onClick: () => {
 						o.value = "all", f();
 					}
 				}, $(e = i("common.notification.all")) ? e : { default: () => [e] }),
-				p(M, {
+				p(N, {
 					text: !0,
 					type: o.value === "unread" ? "primary" : "default",
 					onClick: () => {
-						o.value = "unread", m();
+						o.value = "unread", f();
 					}
 				}, $(t = i("common.notification.unread", { count: l.unread > 99 ? "99+" : l.unread.toString() })) ? t : { default: () => [t] })
 			]);
-		}, w = (e) => p(L, {
+		}, w = (e) => p(R, {
 			key: e.key,
 			onClick: () => {
 				e.status === "unread" && (t.markRead?.([e.key]).then(() => {
 					e.status = "read";
 				}), l.unread--), e.link && window.open(e.link, "_target");
 			}
-		}, { default: () => [p(U, {
+		}, { default: () => [p(W, {
 			bordered: !1,
 			closable: !0,
 			contentIndented: !0,
@@ -1034,7 +1032,7 @@ var Re = /* @__PURE__ */ m({
 			onMouseleave: () => e.hover = !1,
 			style: "padding: 0 4px; position: relative"
 		}, {
-			avatar: () => p(P, {
+			avatar: () => p(F, {
 				size: 22,
 				color: e.status === "unread" ? "var(--color-primary)" : void 0
 			}, { default: () => [p("svg", {
@@ -1055,7 +1053,7 @@ var Re = /* @__PURE__ */ m({
 					onClick: (e) => {
 						e.preventDefault(), e.stopPropagation();
 					}
-				}, [e.status === "unread" ? p(M, {
+				}, [e.status === "unread" ? p(N, {
 					text: !0,
 					type: "primary",
 					onClick: () => {
@@ -1063,22 +1061,22 @@ var Re = /* @__PURE__ */ m({
 							e.status = "read", l.unread--;
 						});
 					}
-				}, $(n = i("common.notification.markRead")) ? n : { default: () => [n] }) : void 0, p(M, {
+				}, $(n = i("common.notification.markRead")) ? n : { default: () => [n] }) : void 0, p(N, {
 					text: !0,
 					type: "error",
 					onClick: () => {
-						l.records === 1 ? (l.records = [], m()) : l.records.splice(l.records.findIndex((t) => t.key == e.key), 1), t.markDelete?.([e.key]);
+						l.records === 1 ? (l.records = [], f()) : l.records.splice(l.records.findIndex((t) => t.key == e.key), 1), t.markDelete?.([e.key]);
 					}
 				}, $(r = i("common.notification.markDelete")) ? r : { default: () => [r] })]) : void 0]);
 			}
 		})] }), T = () => {
 			let e;
-			return p("div", null, [p("div", { style: "padding: 12px 20px; position: sticky; z-index: 1; top: 0; backdrop-filter: blur(6px)" }, [p(F, {
+			return p("div", null, [p("div", { style: "padding: 12px 20px; position: sticky; z-index: 1; top: 0; backdrop-filter: blur(6px)" }, [p(I, {
 				size: "small",
 				clearable: !0,
 				value: u.value,
 				onUpdateValue: v
-			}, { suffix: () => p(P, { style: "margin-left: 4px" }, { default: () => [p("svg", {
+			}, { suffix: () => p(F, { style: "margin-left: 4px" }, { default: () => [p("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "1em",
 				height: "1em",
@@ -1086,12 +1084,12 @@ var Re = /* @__PURE__ */ m({
 			}, [p("path", {
 				fill: "currentColor",
 				d: "m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975z"
-			}, null)])] }) })]), O(l.records.length > 0 ? p(I, {
+			}, null)])] }) })]), O(l.records.length > 0 ? p(L, {
 				clickable: !0,
 				hoverable: !0,
 				style: "min-height: 50vh"
 			}, $(e = l.records.map((e) => w(e))) ? e : { default: () => [e] }) : p(le, { style: "margin-top: 30vh" }, null), [[c, l.loading]])]);
-		}, E = () => p("div", { style: "display: flex; justify-content: space-between; width: 100%" }, [o.value === "unread" ? p(M, {
+		}, E = () => p("div", { style: "display: flex; justify-content: space-between; width: 100%" }, [o.value === "unread" ? p(N, {
 			text: !0,
 			type: "primary",
 			disabled: l.records.length === 0,
@@ -1099,11 +1097,11 @@ var Re = /* @__PURE__ */ m({
 				let e = l.records.filter((e) => e.status === "unread").map((e) => e.key);
 				t.markRead(e).then(() => {
 					for (; l.unread - e.length <= l.size * (l.page - 1);) l.page--;
-					m();
+					f();
 				});
 			}
 		}, {
-			icon: () => p(P, { size: "20" }, { default: () => [p("svg", {
+			icon: () => p(F, { size: "20" }, { default: () => [p("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "1em",
 				height: "1em",
@@ -1113,7 +1111,7 @@ var Re = /* @__PURE__ */ m({
 				d: "M.41 13.41L6 19l1.41-1.42L1.83 12m20.41-6.42L11.66 16.17L7.5 12l-1.43 1.41L11.66 19l12-12M18 7l-1.41-1.42l-6.35 6.35l1.42 1.41z"
 			}, null)])] }),
 			default: () => i("common.notification.markPageRead")
-		}) : p("span", null, null), p(z, {
+		}) : p("span", null, null), p(B, {
 			simple: !0,
 			pageSize: l.size,
 			page: l.page,
@@ -1159,7 +1157,7 @@ var Re = /* @__PURE__ */ m({
 	},
 	emit: ["update:current"],
 	setup(t, { emit: n }) {
-		let { t: r } = e(), i = (e) => e.disabled ? p("div", null, [e.name]) : p("div", { style: "display: flex; align-items: center; justify-content: space-between; gap: 20px" }, [p("div", { style: "display: flex; align-items: center; gap: 8px" }, [p(j, {
+		let { t: r } = e(), i = (e) => e.disabled ? p("div", null, [e.name]) : p("div", { style: "display: flex; align-items: center; justify-content: space-between; gap: 20px" }, [p("div", { style: "display: flex; align-items: center; gap: 8px" }, [p(M, {
 			round: !0,
 			size: 22,
 			color: "var(--color-primary-hover)"
@@ -1171,7 +1169,7 @@ var Re = /* @__PURE__ */ m({
 		return () => {
 			if (!t.options?.length) return;
 			let e = t.options.find((e) => e.id === t.current);
-			return p(N, {
+			return p(P, {
 				options: a.value,
 				placement: "bottom-end",
 				keyField: "id",
@@ -1179,11 +1177,11 @@ var Re = /* @__PURE__ */ m({
 				showArrow: !0,
 				renderLabel: i,
 				onSelect: (e) => e !== t.current && n("update:current", e)
-			}, { default: () => [p(M, {
+			}, { default: () => [p(N, {
 				quaternary: !0,
 				style: "--n-padding: 0 6px"
 			}, {
-				icon: () => p(P, { size: "18" }, { default: () => [p("svg", {
+				icon: () => p(F, { size: "18" }, { default: () => [p("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
 					viewBox: "0 0 1024 1024",

package/esm/page.js

@@ -1,5 +1,5 @@
-import { n as e } from "./use-i18n-BUP_StIp.js";
-import { _ as t, a as n, c as r, i, o as a, w as o } from "./components-CwMUuo3f.js";
+import { n as e } from "./use-i18n-BMlVGLEB.js";
+import { _ as t, a as n, c as r, i, o as a, w as o } from "./components-BA7KsV1q.js";
 import { computed as s, createVNode as c, defineAsyncComponent as l, defineComponent as u, h as d, isVNode as f, mergeProps as p, nextTick as m, ref as h, renderSlot as g, shallowRef as _, toValue as v, unref as y } from "vue";
 import { until as b, useClipboard as x } from "@vueuse/core";
 import { NButton as S, NCheckbox as C, NColorPicker as w, NDrawer as T, NDrawerContent as E, NFlex as D, NIcon as O, NInput as k, NInputNumber as A, NModal as j, NScrollbar as M, NSelect as N, NText as P, NUpload as F, useMessage as I } from "ithinkdt-ui";
@@ -300,7 +300,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 			depth: 2,
 			style: "line-height: 1.25"
 		}, { default: () => [n ?? ""] }) : (t = W(t), d(k, p({
-			class: { [m]: !V(n) && (Array.isArray(n) ? n.length > 0 : !0) },
+			class: { [m]: !V(n) && (!Array.isArray(n) || n.length > 0) },
 			clearable: !0
 		}, t, o, {
 			value: n,
@@ -317,7 +317,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 				return e = a, u === "string" && !t && (t = (t, ...n) => {
 					e(x(t), ...n);
 				}), d(A, p({
-					class: { [m]: !V(i) && (Array.isArray(i) ? i.length > 0 : !0) },
+					class: { [m]: !V(i) && (!Array.isArray(i) || i.length > 0) },
 					clearable: !0
 				}, f, l, {
 					value: h,
@@ -359,7 +359,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 				return r = T.multiple, i = u, w === "number" && !a && (a = (e, ...t) => {
 					i(r ? e?.map(S) : S(e), ...t);
 				}), d(N, p({
-					class: { [m]: !V(l) && (Array.isArray(l) ? l.length > 0 : !0) },
+					class: { [m]: !V(l) && (!Array.isArray(l) || l.length > 0) },
 					clearable: !0,
 					filterable: y(t)?.length > 9,
 					loading: n?.value || t?.loading,
@@ -381,7 +381,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 					style: "line-height: 1.25"
 				}, q(r) ? r : { default: () => [r] });
 			}
-			return d(C, p({ class: { [m]: !V(n) && (Array.isArray(n) ? n.length > 0 : !0) } }, t, o, {
+			return d(C, p({ class: { [m]: !V(n) && (!Array.isArray(n) || n.length > 0) } }, t, o, {
 				checked: n,
 				"onUpdate:checked": r
 			}), e);
@@ -404,7 +404,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 				}
 				return n = s, _ === "number" && !r && (r = (e, ...t) => {
 					n(e?.map(S), ...t);
-				}), d(o, p({ class: { [m]: !V(a) && (Array.isArray(a) ? a.length > 0 : !0) } }, y, f, {
+				}), d(o, p({ class: { [m]: !V(a) && (!Array.isArray(a) || a.length > 0) } }, y, f, {
 					options: t,
 					modelValue: C,
 					"onUpdate:modelValue": _ === "number" ? r : n
@@ -426,7 +426,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 				}
 				return n = s, _ === "number" && !i && (i = (e, ...t) => {
 					n(S(e), ...t);
-				}), d(r, p({ class: { [m]: !V(o) && (Array.isArray(o) ? o.length > 0 : !0) } }, y, f, {
+				}), d(r, p({ class: { [m]: !V(o) && (!Array.isArray(o) || o.length > 0) } }, y, f, {
 					options: t,
 					modelValue: C,
 					"onUpdate:modelValue": _ === "number" ? i : n
@@ -442,7 +442,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 				depth: 2,
 				style: "line-height: 1.25"
 			}, { default: () => [n ? R(n, l) : ""] }) : d(J, p({
-				class: { [m]: !V(n) && (Array.isArray(n) ? n.length > 0 : !0) },
+				class: { [m]: !V(n) && (!Array.isArray(n) || n.length > 0) },
 				actions: null,
 				updateValueOnClose: !0,
 				closeOnSelect: !0,
@@ -468,7 +468,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 					style: "max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
 				}, [e.name]))) ? e : { default: () => [e] }) : void 0;
 			}
-			return d(Y, p({ class: { [m]: !V(n) && (Array.isArray(n) ? n.length > 0 : !0) } }, t, o, {
+			return d(Y, p({ class: { [m]: !V(n) && (!Array.isArray(n) || n.length > 0) } }, t, o, {
 				defaultUpload: !1,
 				uploadFile: u,
 				fileList: n,
@@ -506,7 +506,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 							style: "max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
 						}, [e.name]))) ? e : { default: () => [e] });
 					}
-					return d(Y, p({ class: { [m]: !V(f) && (Array.isArray(f) ? f.length > 0 : !0) } }, b, y, {
+					return d(Y, p({ class: { [m]: !V(f) && (!Array.isArray(f) || f.length > 0) } }, b, y, {
 						uploadFile: u,
 						fileList: r.value,
 						onUpdateFileList: (e = []) => {
@@ -538,7 +538,7 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 					getUsersByUsername: l,
 					renderInfo: S.renderInfo
 				}, null) : d(n, p({
-					class: { [m]: !V(g) && (Array.isArray(g) ? g.length > 0 : !0) },
+					class: { [m]: !V(g) && (!Array.isArray(g) || g.length > 0) },
 					type: "user",
 					users: r.value,
 					depts: u.value,

package/esm/{use-i18n-BUP_StIp.js → use-i18n-BMlVGLEB.js}

@@ -1,6 +1,6 @@
 import { inject as e } from "vue";
 //#region src/use-i18n.js
-var t = "__UI_I18N__";
+var t = Symbol("__UI_I18N__");
 function n() {
 	return e(t).value();
 }