@ithinkdt/ui 4.0.2 → 4.0.3

package/dist/{components-BOgApmgo.js → components-Blh7O5zj.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./use-i18n-Cmb7Xx7d.js";
 import t, { c as n, cB as r, cE as i, cM as a, useClsPrefix as o } from "./use-style.js";
-import { i as s } from "./directives-pSAvXd5F.js";
+import { i as s } from "./directives-DXNnV4xc.js";
 import { Fragment as c, computed as l, createTextVNode as u, createVNode as d, defineComponent as f, h as p, inject as m, isVNode as h, markRaw as g, mergeProps as _, nextTick as v, reactive as y, ref as b, shallowRef as x, toRaw as S, toRef as C, toValue as w, unref as T, useTemplateRef as E, watch as D, withDirectives as O } from "vue";
 import { toReactive as ee, unrefElement as k, until as A } from "@vueuse/core";
 import { NAnchor as j, NAnchorLink as te, NAvatar as M, NAvatarGroup as ne, NButton as N, NCard as P, NCheckbox as F, NCheckboxGroup as re, NDataTable as ie, NDropdown as ae, NEllipsis as oe, NEmpty as se, NFlex as I, NForm as ce, NFormItem as le, NGi as ue, NGrid as de, NIcon as L, NInput as R, NList as fe, NListItem as pe, NPagination as me, NPopover as z, NRadio as B, NRadioButton as he, NRadioGroup as ge, NSelect as _e, NSpin as ve, NTag as V, NText as H, NTooltip as U, NTransfer as ye, NTree as be, NTreeSelect as xe, dataTableProps as Se, formProps as Ce, useDialog as we } from "ithinkdt-ui";
@@ -14,7 +14,7 @@ import { PAGE_INJECTION as Me, useFormModal as Ne } from "@ithinkdt/page";
 import { Sortable as Pe } from "sortablejs";
 import Fe from "ithinkdt-ui/es/_mixins/use-locale.mjs";
 import { flattenTree as Ie, walkTree as Le } from "@ithinkdt/common";
-const Re = /* @__PURE__ */ f({
+const Re = f({
 	name: "Checkboxes",
 	inheritAttrs: !1,
 	props: {
@@ -282,7 +282,7 @@ const Re = /* @__PURE__ */ f({
 }, e), [d("path", {
 	fill: "currentColor",
 	d: "m6.4 18.308l-.708-.708l5.6-5.6l-5.6-5.6l.708-.708l5.6 5.6l5.6-5.6l.708.708l-5.6 5.6l5.6 5.6l-.708.708l-5.6-5.6z"
-}, null)]), rt = /* @__PURE__ */ f({
+}, null)]), rt = f({
 	name: "DataActions",
 	props: { options: {
 		type: Array,
@@ -351,7 +351,7 @@ const Re = /* @__PURE__ */ f({
 function G(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !h(e);
 }
-var it = /* @__PURE__ */ f({
+var it = f({
 	name: "DataCustomRow",
 	props: {
 		label: [String, Function],
@@ -393,7 +393,7 @@ var it = /* @__PURE__ */ f({
 		};
 	}
 });
-const at = /* @__PURE__ */ f({
+const at = f({
 	name: "DataCustom",
 	props: {
 		data: {
@@ -519,7 +519,7 @@ function lt(e, t, n, r) {
 		}
 	}, [e.label ? d("div", { class: `${r}__label` }, [K(e.label, n)]) : void 0, d("div", { class: `${r}__content` }, [(n ? e.render ? e.render(n) : n[e.prop] : void 0) ?? d("span", { class: `${r}__nothing` }, [u("--")])])]);
 }
-const ut = /* @__PURE__ */ f({
+const ut = f({
 	name: "DataDescriptions",
 	props: {
 		cols: {
@@ -565,7 +565,7 @@ const ut = /* @__PURE__ */ f({
 		};
 	}
 });
-var dt = /* @__PURE__ */ r("data-descriptions", [
+var dt = r("data-descriptions", [
 	i("header", {
 		fontWeight: "bold",
 		fontSize: "1.125rem",
@@ -673,7 +673,7 @@ const q = {
 		default: void 0
 	},
 	nativeButtonType: Boolean
-}, ft = /* @__PURE__ */ f({
+}, ft = f({
 	name: "DataFormActions",
 	props: q,
 	emits: [
@@ -725,7 +725,7 @@ const q = {
 function pt(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !h(e);
 }
-const mt = /* @__PURE__ */ f({
+const mt = f({
 	name: "DataForm",
 	props: {
 		grid: {
@@ -882,7 +882,7 @@ const mt = /* @__PURE__ */ f({
 			}, m, { yGap: A ? 0 : m?.yGap ?? 24 }), { default: l })] });
 		};
 	}
-}), ht = /* @__PURE__ */ f({
+}), ht = f({
 	name: "DataFilter",
 	props: {
 		grid: {
@@ -1035,7 +1035,7 @@ function J(t, n, r = 1) {
 		}
 	};
 }
-const _t = /* @__PURE__ */ f({
+const _t = f({
 	name: "DataLocaleInput",
 	props: {
 		label: { type: [
@@ -1174,7 +1174,7 @@ const _t = /* @__PURE__ */ f({
 			})) ? t : { default: () => [t] });
 		};
 	}
-}), Y = /* @__PURE__ */ f({
+}), Y = f({
 	name: "DataPagination",
 	props: {
 		total: {
@@ -1226,7 +1226,7 @@ Y.DEFAULT_PAGE_SIZES_INJECTION_KEY = Symbol();
 function vt(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !h(e);
 }
-const yt = /* @__PURE__ */ f({
+const yt = f({
 	name: "DataSelection",
 	props: {
 		modelValue: {
@@ -1325,7 +1325,7 @@ function xt(e, t) {
 		return n.key === "$actions" && (n.cellProps ??= () => ({ style: { padding: "0 2px" } })), n;
 	}).filter((e) => e?.hidden !== !0);
 }
-const St = /* @__PURE__ */ f({
+const St = f({
 	name: "DataTable",
 	props: {
 		data: {
@@ -1456,7 +1456,7 @@ const St = /* @__PURE__ */ f({
 		}, bt(n) ? n : { default: () => [n] });
 	}
 });
-var Ct = /* @__PURE__ */ r("datatable", [i("row-highlight", [n("& > td", { backgroundColor: "var(--n-tr-highlight-color, var(--n-merged-border-color)) !important" })]), a("sticky", [
+var Ct = r("datatable", [i("row-highlight", [n("& > td", { backgroundColor: "var(--n-tr-highlight-color, var(--n-merged-border-color)) !important" })]), a("sticky", [
 	n(".n-data-table-base-table-header", {
 		position: "sticky",
 		top: "-1px",
@@ -1503,7 +1503,7 @@ function wt(e, { data: t, onSort: n, ...r }) {
 function Tt(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !h(e);
 }
-const Et = /* @__PURE__ */ f({
+const Et = f({
 	name: "Radios",
 	props: {
 		options: {
@@ -1594,7 +1594,7 @@ const Et = /* @__PURE__ */ f({
 function X(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !h(e);
 }
-const Dt = /* @__PURE__ */ f({
+const Dt = f({
 	name: "UserDept",
 	inheritAttrs: !1,
 	props: {
@@ -1667,7 +1667,7 @@ const Dt = /* @__PURE__ */ f({
 			if (t.multiple) return t.modelValue || [];
 			let e = t.modelValue?.trim();
 			return e ? [e] : [];
-		}), u = /* @__PURE__ */ new Map(), f = l(() => (u.clear(), t.users.map((e) => (e = y(e), e.label = e.nickname + e.username, e.value = e[o.value], e.type = "user", u.set(e[o.value], e), e)))), p = x([]);
+		}), u = new Map(), f = l(() => (u.clear(), t.users.map((e) => (e = y(e), e.label = e.nickname + e.username, e.value = e[o.value], e.type = "user", u.set(e[o.value], e), e)))), p = x([]);
 		D(() => t.depts, (e) => {
 			Le(e, (e) => {
 				e.label = e.name, e.value = e[o.value], e.type = "dept", e.children?.length || delete e.children;
@@ -1693,7 +1693,7 @@ const Dt = /* @__PURE__ */ f({
 					type: "user"
 				};
 			})];
-		}, C = /* @__PURE__ */ new WeakMap(), w = (e, n, r) => {
+		}, C = new WeakMap(), w = (e, n, r) => {
 			let a;
 			if (t.type === "dept") return d(be, {
 				data: t.depts,
@@ -1716,7 +1716,7 @@ const Dt = /* @__PURE__ */ f({
 					n(e);
 				}
 			}, null);
-			let o = e ? C.get(e) : /* @__PURE__ */ new Set();
+			let o = e ? C.get(e) : new Set();
 			if (e && !o && (o = new Set(e), C.set(e, o)), g.value === !1) return d(ve, { show: !0 }, null);
 			let s = g.value || m.value;
 			r = r?.trim(), r && (s = s?.filter((e) => e.label.includes(r) || e.value.includes(r)));
@@ -1929,7 +1929,7 @@ function Q(e, t = {}) {
 		}, { default: () => [d(M, null, { default: () => [u("+"), t] })] })
 	})]);
 }
-const Ot = /* @__PURE__ */ f({
+const Ot = f({
 	name: "DeptRender",
 	props: {
 		value: [String, Array],
@@ -1950,7 +1950,7 @@ const Ot = /* @__PURE__ */ f({
 			});
 		}, { immediate: !0 }), () => t.value.map((e) => d(V, { key: e.code }, { default: () => [e.name] }));
 	}
-}), kt = /* @__PURE__ */ f({
+}), kt = f({
 	name: "UserRender",
 	props: {
 		value: [String, Array],
@@ -2004,7 +2004,7 @@ const Ot = /* @__PURE__ */ f({
 		],
 		default: void 0
 	}
-}, At = /* @__PURE__ */ f({
+}, At = f({
 	name: "StateButton",
 	props: $,
 	setup(e, { slots: t }) {

package/dist/components.js

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

package/dist/{directives-pSAvXd5F.js → directives-DXNnV4xc.js}

@@ -10,7 +10,7 @@ var C = [
 	2,
 	3,
 	5
-], w = /* @__PURE__ */ t([
+], w = t([
 	t(({ props: e }) => `:where(span${e.bPrefix}tooltip-host)`, { display: "inline-block" }),
 	t(({ props: e }) => `:where(${e.bPrefix}tooltip-host)`, {
 		maxWidth: "100%",
@@ -30,7 +30,7 @@ var C = [
 		whiteSpace: "normal",
 		lineHeight: "1.25"
 	})
-]), T = /* @__PURE__ */ Symbol("tooltip-dir"), E = /* @__PURE__ */ f();
+]), T = Symbol("tooltip-dir"), E = f();
 function D(e) {
 	let t = e.firstChild;
 	if (!t) return !1;
@@ -44,7 +44,7 @@ function D(e) {
 	return n.width >= e.clientWidth + 1 || n.height >= e.clientHeight + 2;
 }
 var O, k, A;
-const j = /* @__PURE__ */ s({
+const j = s({
 	name: "TooltipDirectiveProvider",
 	props: { delay: {
 		type: Number,
@@ -136,7 +136,7 @@ const P = {
 		E.value === e && (E.value = void 0), e[T] && (e.removeEventListener("mouseenter", M), e.bindClick = !1, e.removeEventListener("click", N), e.classList.remove(`${A.value}-tooltip-host`, `${A.value}-tooltip-expandable`, `${A.value}-tooltip-expanded`, ...C.map((e) => `${A.value}-tooltip-ell${e}`)), delete e[T]);
 	}
 };
-var F, I, L = /* @__PURE__ */ t([t(({ props: e }) => `:where(${e.bPrefix}spin-host)`, { position: "relative" }), n("spin-directive", {
+var F, I, L = t([t(({ props: e }) => `:where(${e.bPrefix}spin-host)`, { position: "relative" }), n("spin-directive", {
 	zIndex: "999999",
 	position: "absolute",
 	color: "var(--color-primary)",
@@ -157,14 +157,14 @@ var F, I, L = /* @__PURE__ */ t([t(({ props: e }) => `:where(${e.bPrefix}spin-ho
 	r("tip:empty", { display: "none" }),
 	i("spining", { backgroundColor: "rgb(var(--host-bg, 255 255 255) / 0.5)" }, [r("tip, icon", { opacity: "1" })])
 ])]);
-const R = /* @__PURE__ */ s({
+const R = s({
 	name: "SpinDirectiveProvider",
 	props: { dark: Boolean },
 	setup(t) {
 		return F = e("-spin-directive", L), I = p(t, "dark"), () => c(a);
 	}
 });
-var z = /* @__PURE__ */ Symbol("spin-dir"), B = (e, { value: t, modifiers: n }) => {
+var z = Symbol("spin-dir"), 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/dist/directives.js

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

package/dist/index.js

@@ -1,6 +1,6 @@
 import { n as e, t } from "./use-i18n-Cmb7Xx7d.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-pSAvXd5F.js";
+import { i as s, n as c, r as l, t as u } from "./directives-DXNnV4xc.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 ee, toRef as S, toValue as C, unref as w, useTemplateRef as T, watch as E, withDirectives as D } from "vue";
 import { computedAsync as te, promiseTimeout as O, useElementHover as k, useElementSize as ne, useEventListener as re, useFullscreen as ie, watchDebounced as ae } from "@vueuse/core";
 import { NAvatar as A, NBadge as oe, NBreadcrumb as se, NBreadcrumbItem as ce, NButton as j, NDrawer as le, NDrawerContent as M, NDropdown as N, NEmpty as P, NIcon 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";
@@ -12,7 +12,7 @@ import { format as me } from "date-fns";
 function K(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const he = /* @__PURE__ */ m({
+const he = m({
 	name: "AppAccount",
 	props: {
 		username: String,
@@ -115,7 +115,7 @@ const he = /* @__PURE__ */ m({
 			]]) : void 0
 		]);
 	}
-}), ge = /* @__PURE__ */ m({
+}), ge = m({
 	name: "AppAppearance",
 	props: { mode: String },
 	emit: ["update:mode"],
@@ -178,7 +178,7 @@ const he = /* @__PURE__ */ m({
 function _e(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const ve = /* @__PURE__ */ m({
+const ve = m({
 	name: "AppBreadcrumb",
 	props: {
 		items: {
@@ -207,7 +207,7 @@ const ve = /* @__PURE__ */ m({
 			}, { default: () => [e.icon ? p(d, null, [p(F, { component: e[r] }, null), " "]) : void 0, C(e.title)] }))) ? n : { default: () => [n] });
 		};
 	}
-}), ye = /* @__PURE__ */ m({
+}), ye = m({
 	name: "AppFullscreen",
 	props: {},
 	emit: ["change"],
@@ -250,7 +250,7 @@ const ve = /* @__PURE__ */ m({
 			{ bottom: !0 }
 		]]);
 	}
-}), be = /* @__PURE__ */ m({
+}), be = m({
 	name: "AppLanguage",
 	props: {
 		lang: String,
@@ -282,7 +282,7 @@ const ve = /* @__PURE__ */ m({
 		}, [p("path", { d: "M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2S2 6.477 2 12Z" }, null), p("path", { d: "M13 2.05S16 6 16 12c0 6-3 9.95-3 9.95m-2 0S8 18 8 12c0-6 3-9.95 3-9.95M2.63 15.5h18.74m-18.74-7h18.74" }, null)])])] })] })] });
 	}
 });
-var xe = /* @__PURE__ */ r([
+var xe = r([
 	i("layout", {
 		display: "grid",
 		gridTemplateAreas: "\n                'sider header'\n                'sider content'\n                'sider footer'\n            ",
@@ -360,7 +360,7 @@ var xe = /* @__PURE__ */ r([
 	d: "M12.5 18s6-4.419 6-6s-6-6-6-6m-7 12s6-4.419 6-6s-6-6-6-6",
 	color: "currentColor"
 }, null)]);
-const we = /* @__PURE__ */ m({
+const we = m({
 	name: "AppLayout",
 	props: {
 		layout: {
@@ -393,7 +393,7 @@ const we = /* @__PURE__ */ m({
 			}, [x(t, "default")]);
 		};
 	}
-}), Te = /* @__PURE__ */ m({
+}), Te = m({
 	name: "AppHeader",
 	props: { height: {
 		type: Number,
@@ -403,7 +403,7 @@ const we = /* @__PURE__ */ m({
 		let n = X();
 		return () => (n.headerHeight = e.height + "px", p("div", { class: "app-header" }, [x(t, "default")]));
 	}
-}), Ee = /* @__PURE__ */ m({
+}), Ee = m({
 	name: "AppSidebar",
 	props: {
 		showCollapseBtn: {
@@ -432,12 +432,12 @@ const we = /* @__PURE__ */ m({
 			}
 		}, { default: () => [p(F, { size: "20" }, { default: () => [t.collapsed ? p(Ce, null, null) : p(Se, null, null)] })] }), [[s, t.collapsed ? i("common.layout.sider.expand") : i("common.layout.sider.collapse")]]) : void 0]));
 	}
-}), De = /* @__PURE__ */ m({
+}), De = m({
 	name: "AppContent",
 	setup(e, { slots: t }) {
 		return () => p("div", { class: "app-content" }, [x(t, "default")]);
 	}
-}), Oe = /* @__PURE__ */ m({
+}), Oe = m({
 	name: "AppFooter",
 	props: { height: {
 		type: Number,
@@ -451,7 +451,7 @@ const we = /* @__PURE__ */ m({
 function ke(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const Z = /* @__PURE__ */ m({
+const Z = m({
 	name: "AppLogo",
 	props: {
 		src: [String, Function],
@@ -511,7 +511,7 @@ const Z = /* @__PURE__ */ m({
 function Q(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const Ae = /* @__PURE__ */ m({
+const Ae = m({
 	name: "AppMenu",
 	props: {
 		menus: Array,
@@ -835,7 +835,7 @@ var Ne = (e) => p("svg", e, [
 		height: "36",
 		fill: "currentColor"
 	}, null)])])
-]), Pe = /* @__PURE__ */ m({
+]), Pe = m({
 	name: "AppTab",
 	props: {
 		path: String,
@@ -893,7 +893,7 @@ var Ne = (e) => p("svg", e, [
 		]);
 	}
 });
-const Fe = /* @__PURE__ */ m({
+const Fe = m({
 	name: "AppMultiTabs",
 	props: {
 		fullTab: Boolean,
@@ -951,7 +951,7 @@ const Fe = /* @__PURE__ */ m({
 function $(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const Ie = /* @__PURE__ */ m({
+const Ie = m({
 	name: "AppNotification",
 	inheritAttrs: !1,
 	props: {
@@ -1154,7 +1154,7 @@ var Le = (e) => p("svg", _({
 	fill: "currentColor",
 	d: "m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"
 }, null)]);
-const Re = /* @__PURE__ */ m({
+const Re = m({
 	name: "AppTenant",
 	props: {
 		options: Array,
@@ -1201,7 +1201,7 @@ const Re = /* @__PURE__ */ m({
 			})] });
 		};
 	}
-}), ze = /* @__PURE__ */ m({
+}), ze = m({
 	name: "UIProvider",
 	props: { i18n: Function },
 	setup(e, { slots: n }) {

package/dist/page.js

@@ -1,5 +1,5 @@
 import { n as e } from "./use-i18n-Cmb7Xx7d.js";
-import { a as t, h as n, i as r, r as i, s as a, x as o } from "./components-BOgApmgo.js";
+import { a as t, h as n, i as r, r as i, s as a, x as o } from "./components-Blh7O5zj.js";
 import { computed as s, createVNode as c, defineComponent as l, h as u, isVNode as d, mergeProps as f, nextTick as p, ref as m, shallowRef as h, toValue as g, unref as _ } from "vue";
 import { until as v, useClipboard as y } from "@vueuse/core";
 import { NButton as b, NCheckbox as x, NColorPicker as S, NDatePicker as C, NDrawer as w, NDrawerContent as T, NFlex as E, NIcon as D, NInput as O, NInputNumber as k, NModal as A, NScrollbar as j, NSelect as M, NText as N, NUpload as P, useMessage as F } from "ithinkdt-ui";
@@ -12,7 +12,7 @@ import { useDict as V, useDictMap as H } from "@ithinkdt/common/dict";
 function U(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !d(e);
 }
-var W = (e) => Object.fromEntries(Object.entries(e || {}).map(([e, t]) => [e, _(t)])), G = /* @__PURE__ */ l({
+var W = (e) => Object.fromEntries(Object.entries(e || {}).map(([e, t]) => [e, _(t)])), G = l({
 	name: "SimpleUpload",
 	props: {
 		type: {
@@ -131,12 +131,12 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 					return c(N, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, U(e = (C?.map((e) => t?.find((t) => t[x.valueField || "value"] === e)) ?? []).map((e, t, n) => {
+					}, U(e = (C?.map((e) => _(t)?.find((t) => t[x.valueField || "value"] === e)) ?? []).map((e, t, n) => {
 						let r = e ? x.renderLabel ? x.renderLabel(e) ?? "" : e[x.labelField || "label"] ?? "" : C[t] ?? "";
 						return c("span", { key: e ? e[x.valueField || "value"] : C[t] ?? "" }, [r, t < n.length - 1 ? ", " : ""]);
 					})) ? e : { default: () => [e] });
 				} else {
-					let e = t?.find((e) => e[x.valueField || "value"] === C);
+					let e = _(t)?.find((e) => e[x.valueField || "value"] === C);
 					return c(N, {
 						depth: 2,
 						style: "line-height: 1.25"
@@ -146,6 +146,7 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 					n(r ? e?.map(g) : g(e), ...t);
 				}), u(M, {
 					clearable: !0,
+					filterable: _(t)?.length > 9,
 					loading: t?.loading,
 					...x,
 					options: _(t),
@@ -265,7 +266,7 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 			}, e);
 		},
 		upload: () => {
-			let e = null, t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = h([]), i = 0, a = (e) => {
+			let e = null, t = new Map(), n = new Map(), r = h([]), i = 0, a = (e) => {
 				let t = ++i;
 				r.value = e.map((e) => n.get(e)).filter(Boolean);
 				let a = e.filter((e) => !n.has(e));

package/esm/page.d.ts

@@ -105,7 +105,7 @@ declare module '@ithinkdt/page' {
         user: {
             userProps?: ShallowMaybeRef<Omit<UserDeptProps<boolean>, 'modelValue' | 'onUpdate:modelValue' | 'disabled'
             | 'users' | 'groups' | 'depts' | 'getUsersByGroup' | 'getUsersByDept' | 'renderUserInfo'> & {
-                renderInfo: UserRenderProps['renderInfo']
+                renderInfo?: UserRenderProps['renderInfo']
             }> & PublicProps
             userSlots?: {}
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",
@@ -64,7 +64,7 @@
     "sortablejs": "^1.15.7",
     "@types/sortablejs": "^1.15.9",
     "nanoid": "^5.1.6",
-    "@ithinkdt/common": "^4.0.2"
+    "@ithinkdt/common": "^4.0.3"
   },
   "peerDependencies": {
     "@ithinkdt/page": ">=4.0",
@@ -85,11 +85,11 @@
     "@vitejs/plugin-vue-jsx": "^5.1.4",
     "ithinkdt-ui": "^1.8.5",
     "typescript": "~5.9.3",
-    "unocss": ">=66.6.0",
-    "vite": "^8.0.0-beta.15",
+    "unocss": ">=66.6.2",
+    "vite": "^8.0.0-beta.16",
     "vue": "^3.5.29",
     "vue-router": "^5.0.3",
-    "@ithinkdt/page": "^4.0.3"
+    "@ithinkdt/page": "^4.0.4"
   },
   "scripts": {
     "dev": "vite build --watch",