@ithinkdt/ui 4.0.0-51 → 4.0.0-52

package/dist/components.js

@@ -1,5 +1,5 @@
 import "./use-i18n-Dx7V4KrY.js";
 import "./directives-DUuJW647.js";
 import "./use-style-DcT-1dj4.js";
-import { a as NRadios, c as DataSelection, d as useLocaleEdit, f as DataFilter, g as NCheckboxes, h as DataActions, i as renderUsers, l as DataPagination, m as DataCustom, n as DtUserDept, o as DataTable, p as DataForm, r as DtUserRender, s as useDataTableDrag, t as DtDeptRender, u as DataLocaleInput } from "./components-BC8oa62b.js";
+import { a as NRadios, c as DataSelection, d as useLocaleEdit, f as DataFilter, g as NCheckboxes, h as DataActions, i as renderUsers, l as DataPagination, m as DataCustom, n as DtUserDept, o as DataTable, p as DataForm, r as DtUserRender, s as useDataTableDrag, t as DtDeptRender, u as DataLocaleInput } from "./components-CTdt73l6.js";
 export { DataActions, DataCustom, DataFilter, DataForm, DataLocaleInput, DataPagination, DataSelection, DataTable, DtDeptRender, DtUserDept, DtUserRender, NCheckboxes, NRadios, renderUsers, useDataTableDrag, useLocaleEdit };

package/dist/page.js

@@ -1,17 +1,17 @@
 import { n as useI18n } from "./use-i18n-Dx7V4KrY.js";
 import "./directives-DUuJW647.js";
 import "./use-style-DcT-1dj4.js";
-import { a as NRadios, g as NCheckboxes, n as DtUserDept, p as DataForm, r as DtUserRender, t as DtDeptRender } from "./components-BC8oa62b.js";
+import { a as NRadios, g as NCheckboxes, n as DtUserDept, p as DataForm, r as DtUserRender, t as DtDeptRender } from "./components-CTdt73l6.js";
 import { computed, createVNode, defineComponent, h, isVNode, mergeProps, ref, shallowRef, unref } from "vue";
 import { until } from "@vueuse/core";
 import { NButton, NCheckbox, NColorPicker, NDatePicker, NDrawer, NDrawerContent, NFlex, NInput, NInputNumber, NModal, NScrollbar, NSelect, NText, NUpload, useMessage } from "ithinkdt-ui";
 import { format } from "date-fns";
 import { useFormItem } from "ithinkdt-ui/es/_mixins";
 import { useDict, useDictMap } from "@ithinkdt/common/dict";
-function _isSlot(r) {
-	return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !isVNode(r);
+function _isSlot(n) {
+	return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !isVNode(n);
 }
-var mapProps = (r) => Object.fromEntries(Object.entries(r || {}).map(([r, c]) => [r, unref(c)])), SimpleUpload = /* @__PURE__ */ defineComponent({
+var mapProps = (n) => Object.fromEntries(Object.entries(n || {}).map(([n, c]) => [n, unref(c)])), SimpleUpload = /* @__PURE__ */ defineComponent({
 	name: "SimpleUpload",
 	props: {
 		type: {
@@ -52,43 +52,43 @@ var mapProps = (r) => Object.fromEntries(Object.entries(r || {}).map(([r, c]) =>
 	setup(c, { slots: l, expose: u }) {
 		let { t: d } = useI18n();
 		SimpleUpload.t = d;
-		let f = useFormItem(c), p = useMessage(), g = computed(() => c.customRequest || (({ file: r, onProgress: l, onFinish: u, onError: d }) => {
-			c.uploadFile(r.file, (r) => l({ percent: r })).then((c) => {
-				r.file.fileId = c, u();
-			}).catch((r) => {
-				p.error(r.message), d(r);
+		let f = useFormItem(c), p = useMessage(), g = computed(() => c.customRequest || (({ file: n, onProgress: l, onFinish: u, onError: d }) => {
+			c.uploadFile(n.file, (n) => l({ percent: n })).then((c) => {
+				n.file.fileId = c, u();
+			}).catch((n) => {
+				p.error(n.message), d(n);
 			});
 		})), _ = ref();
 		u({ submit() {
-			return until(_).toBeTruthy().then((r) => r.submit());
+			return until(_).toBeTruthy().then((n) => n.submit());
 		} });
-		let v = (r) => {
-			c.onUpdateFileList?.(r), nextTick(() => f.nTriggerFormChange());
+		let v = (n) => {
+			c.onUpdateFileList?.(n), nextTick(() => f.nTriggerFormChange());
 		};
 		return () => {
-			let { type: r, onUpdateFileList: u,...p } = c;
+			let { type: n, onUpdateFileList: u,...p } = c;
 			return createVNode(NUpload, mergeProps(p, {
 				ref: _,
 				customRequest: g.value,
-				listType: r === "image" ? "image-card" : "text",
-				accept: p.accept ?? r === "image" ? "image/*" : void 0,
+				listType: n === "image" ? "image-card" : "text",
+				accept: p.accept ?? n === "image" ? "image/*" : void 0,
 				"onUpdate:fileList": v
 			}), {
 				default: () => {
-					let r;
+					let n;
 					return createVNode(NButton, {
 						disabled: f.mergedDisabledRef.value,
 						size: f.mergedSizeRef.value
-					}, _isSlot(r = d("common.page.form.selectFileText")) ? r : { default: () => [r] });
+					}, _isSlot(n = d("common.page.form.selectFileText")) ? n : { default: () => [n] });
 				},
 				...l
 			});
 		};
 	}
 });
-function createPageFormHelper({ getUserGroups: r, getUsersByGroup: d, getUsersByDept: p, getUsersByUsername: m, uploadFile: g, getFileInfos: v }) {
+function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getDeptsByCode: p, getUsersByDept: m, getUsersByUsername: g, uploadFile: v, getFileInfos: y }) {
 	return {
-		input: () => ({ slots: r, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => f ? createVNode(NText, {
+		input: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => f ? createVNode(NText, {
 			depth: 2,
 			style: "line-height: 1.25"
 		}, { default: () => [l ?? ""] }) : (c = mapProps(c), h(NInput, {
@@ -97,8 +97,8 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: d, getUsersBy
 			...p,
 			value: l,
 			"onUpdate:value": u
-		}, r)),
-		number: () => ({ slots: r, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => f ? createVNode(NText, {
+		}, n)),
+		number: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => f ? createVNode(NText, {
 			depth: 2,
 			style: "line-height: 1.25"
 		}, { default: () => [l ?? ""] }) : (c = mapProps(c), h(NInputNumber, {
@@ -107,26 +107,26 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: d, getUsersBy
 			...p,
 			value: l,
 			"onUpdate:value": u
-		}, r)),
+		}, n)),
 		select: () => {
-			let r, c;
+			let n, c;
 			return ({ slots: l, props: u }, { modelValue: d, "onUpdate:modelValue": f, required: p, readonly: m,...g }) => {
 				let { dictType: v, options: y,...b } = mapProps(u);
-				if (y ? c = y : r !== v && (r = v, !c && r && (c = useDict(r))), m) if (b.multiple) {
-					let r;
+				if (y ? c = y : n !== v && (n = v, !c && n && (c = useDict(n))), m) if (b.multiple) {
+					let n;
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, _isSlot(r = (d?.map((r) => c?.find((c) => c[b.valueField || "value"] === r)) ?? []).map((r, c, l) => {
-						let u = r ? b.renderLabel ? b.renderLabel(r) ?? "" : r[b.labelField || "label"] ?? "" : d[c] ?? "";
-						return createVNode("span", { key: r[b.valueField || "value"] }, [u, c < l.length - 1 ? ", " : ""]);
-					})) ? r : { default: () => [r] });
+					}, _isSlot(n = (d?.map((n) => c?.find((c) => c[b.valueField || "value"] === n)) ?? []).map((n, c, l) => {
+						let u = n ? b.renderLabel ? b.renderLabel(n) ?? "" : n[b.labelField || "label"] ?? "" : d[c] ?? "";
+						return createVNode("span", { key: n[b.valueField || "value"] }, [u, c < l.length - 1 ? ", " : ""]);
+					})) ? n : { default: () => [n] });
 				} else {
-					let r = c?.find((r) => r[b.valueField || "value"] === d);
+					let n = c?.find((n) => n[b.valueField || "value"] === d);
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, { default: () => [r ? b.renderLabel ? b.renderLabel(r) ?? "" : r[b.labelField || "label"] ?? "" : d ?? ""] });
+					}, { default: () => [n ? b.renderLabel ? b.renderLabel(n) ?? "" : n[b.labelField || "label"] ?? "" : d ?? ""] });
 				}
 				return h(NSelect, {
 					clearable: !0,
@@ -139,10 +139,10 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: d, getUsersBy
 				}, l);
 			};
 		},
-		checkbox: () => ({ slots: r, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => {
+		checkbox: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => {
 			if (c = mapProps(c), f) {
 				let u;
-				return u = l === (c.checkedValue ?? !0) ? r?.checked ? r.checked() : createVNode(NCheckbox, { checked: !0 }, null) : r?.unchecked ? r.unchecked() : createVNode(NCheckbox, { disabled: !0 }, null), createVNode(NText, {
+				return u = l === (c.checkedValue ?? !0) ? n?.checked ? n.checked() : createVNode(NCheckbox, { checked: !0 }, null) : n?.unchecked ? n.unchecked() : createVNode(NCheckbox, { disabled: !0 }, null), createVNode(NText, {
 					depth: 2,
 					style: "line-height: 1.25"
 				}, _isSlot(u) ? u : { default: () => [u] });
@@ -152,21 +152,21 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: d, getUsersBy
 				...p,
 				checked: l,
 				"onUpdate:checked": u
-			}, r);
+			}, n);
 		},
 		checkboxes: () => {
-			let r, c;
+			let n, c;
 			return ({ props: u }, { modelValue: d, required: f, readonly: p,...m }) => {
 				let { dictType: g, options: v,...y } = mapProps(u);
-				if (v ? c = v : r !== g && (r = g, !c && r && (c = useDict(r))), p) {
-					let r;
+				if (v ? c = v : n !== g && (n = g, !c && n && (c = useDict(n))), p) {
+					let n;
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 2.4"
-					}, _isSlot(r = (d?.map((r) => c?.find((c) => c[y.valueField || "value"] === r)) ?? []).map((r, c, l) => {
-						let u = r ? r[y.labelField ?? "label"] ?? "" : d[c] ?? "";
-						return createVNode("span", { key: r[y.valueField ?? "value"] }, [u, c < l.length - 1 ? ", " : ""]);
-					})) ? r : { default: () => [r] });
+					}, _isSlot(n = (d?.map((n) => c?.find((c) => c[y.valueField || "value"] === n)) ?? []).map((n, c, l) => {
+						let u = n ? n[y.labelField ?? "label"] ?? "" : d[c] ?? "";
+						return createVNode("span", { key: n[y.valueField ?? "value"] }, [u, c < l.length - 1 ? ", " : ""]);
+					})) ? n : { default: () => [n] });
 				}
 				return h(NCheckboxes, {
 					...y,
@@ -177,15 +177,15 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: d, getUsersBy
 			};
 		},
 		radios: () => {
-			let r, l;
+			let n, l;
 			return ({ props: u }, { modelValue: d, required: f, readonly: p,...m }) => {
 				let { dictType: g, options: v,...y } = mapProps(u);
-				if (v ? l = v : r !== g && (r = g, !l && r && (l = useDict(r))), p) {
-					let r = l?.find((r) => r[y.valueField ?? "value"] === d);
+				if (v ? l = v : n !== g && (n = g, !l && n && (l = useDict(n))), p) {
+					let n = l?.find((n) => n[y.valueField ?? "value"] === d);
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, { default: () => [r ? r[y.labelField ?? "label"] ?? "" : d ?? ""] });
+					}, { default: () => [n ? n[y.labelField ?? "label"] ?? "" : d ?? ""] });
 				}
 				return h(NRadios, {
 					...y,
@@ -195,7 +195,7 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: d, getUsersBy
 				});
 			};
 		},
-		datepicker: () => ({ slots: r, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => {
+		datepicker: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => {
 			let { type: m = "date", format: g = m.startsWith("datetime") ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd",...v } = mapProps(c);
 			return f ? m.endsWith("range") ? createVNode(NText, {
 				depth: 2,
@@ -211,118 +211,118 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: d, getUsersBy
 				format: g,
 				value: l,
 				"onUpdate:value": u
-			}, r);
+			}, n);
 		},
-		file: () => ({ slots: r, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => {
+		file: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => {
 			if (c = mapProps(c), f) {
-				let r;
+				let n;
 				return console.warn("[file] 原则上此组建不应该显示在详情中"), fileList.value.length === 0 ? void 0 : createVNode(NFlex, {
 					gap: "8",
 					vertical: !0
-				}, _isSlot(r = l.map((r) => createVNode("a", {
-					key: r.id,
-					href: r.url,
+				}, _isSlot(n = l.map((n) => createVNode("a", {
+					key: n.id,
+					href: n.url,
 					target: "_blank",
 					rel: "noreferrer",
 					style: "max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
-				}, [r.name]))) ? r : { default: () => [r] });
+				}, [n.name]))) ? n : { default: () => [n] });
 			}
 			return h(SimpleUpload, {
 				...c,
 				...p,
 				defaultUpload: !1,
-				uploadFile: g,
+				uploadFile: v,
 				fileList: l,
 				onUpdateFileList: u
-			}, r);
+			}, n);
 		},
 		upload: () => {
-			let r = null, c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = shallowRef([]), d = 0, f = (r) => {
+			let n = null, c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = shallowRef([]), d = 0, f = (n) => {
 				let c = ++d;
-				u.value = r.map((r) => l.get(r)).filter(Boolean);
-				let f = r.filter((r) => !l.has(r));
-				Promise.resolve(f.length > 0 ? v(f) : []).then((f) => {
+				u.value = n.map((n) => l.get(n)).filter(Boolean);
+				let f = n.filter((n) => !l.has(n));
+				Promise.resolve(f.length > 0 ? y(f) : []).then((f) => {
 					if (c === d) {
-						u.value = r.map((r) => l.get(r) || f.find((c) => c.id === r)), l.clear();
-						for (let r of u.value) l.set(r.id, r);
+						u.value = n.map((n) => l.get(n) || f.find((c) => c.id === n)), l.clear();
+						for (let n of u.value) l.set(n.id, n);
 					}
 				});
 			}, p;
 			return {
-				renderer: ({ slots: d, props: m }, { modelValue: v, "onUpdate:modelValue": y, required: b, readonly: S,...C }) => {
+				renderer: ({ slots: d, props: m }, { modelValue: g, "onUpdate:modelValue": y, required: b, readonly: S,...C }) => {
 					let w = mapProps(m);
-					if (p = w.ref ??= shallowRef(), r !== v && (r = v, f(v?.split(",") ?? [])), S) {
-						let r;
+					if (p = w.ref ??= shallowRef(), n !== g && (n = g, f(g?.split(",") ?? [])), S) {
+						let n;
 						return u.value.length === 0 ? void 0 : createVNode(NFlex, {
 							gap: "8",
 							vertical: !0,
 							style: "padding: 6px 0"
-						}, _isSlot(r = u.value.map((r) => createVNode("a", {
-							key: r.id,
-							href: r.url,
+						}, _isSlot(n = u.value.map((n) => createVNode("a", {
+							key: n.id,
+							href: n.url,
 							target: "_blank",
 							rel: "noreferrer",
-							title: r.name,
-							download: r.name,
+							title: n.name,
+							download: n.name,
 							style: "max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
-						}, [r.name]))) ? r : { default: () => [r] });
+						}, [n.name]))) ? n : { default: () => [n] });
 					}
 					return h(SimpleUpload, {
 						...w,
 						...C,
-						uploadFile: g,
+						uploadFile: v,
 						fileList: u.value,
-						onUpdateFileList: (r = []) => {
+						onUpdateFileList: (n = []) => {
 							l.clear();
-							for (let u of r) u.file?.fileId && c.set(u.id, u.file.fileId), u.file?.fileId ? l.set(u.file.fileId, u) : l.set(u.id, u);
-							u.value = r, y(u.value.map((r) => c.get(r.id) || r.id).join(",") || null);
+							for (let u of n) u.file?.fileId && c.set(u.id, u.file.fileId), u.file?.fileId ? l.set(u.file.fileId, u) : l.set(u.id, u);
+							u.value = n, y(u.value.map((n) => c.get(n.id) || n.id).join(",") || null);
 						}
 					}, d);
 				},
 				beforeSubmit: async () => {
-					if (await p?.value?.submit(), await until(u).toMatch((r) => r.every((r) => !["pending", "uploading"].includes(r.status))), u.value.some((r) => r.status === "error")) return SimpleUpload.t("common.page.form.validate.fileErrorMessage");
+					if (await p?.value?.submit(), await until(u).toMatch((n) => n.every((n) => !["pending", "uploading"].includes(n.status))), u.value.some((n) => n.status === "error")) return SimpleUpload.t("common.page.form.validate.fileErrorMessage");
 				}
 			};
 		},
 		user: () => {
-			let c;
-			return ({ slots: l, props: g }, { modelValue: v, "onUpdate:modelValue": y, required: b, readonly: S,...C }) => {
-				let w = mapProps(g);
-				return c || (c = shallowRef([]), m().then((r) => {
-					c.value = r;
-				}), r().then((r) => {
-					(void 0).value = r;
-				}), getDeptsByCode().then((r) => {
-					(void 0).value = r;
-				})), S ? createVNode(DtUserRender, {
-					value: v,
-					multiple: w.multiple,
-					getUsersByUsername: m
+			let c, l, v;
+			return ({ slots: y, props: b }, { modelValue: S, "onUpdate:modelValue": C, required: w, readonly: T,...E }) => {
+				let D = mapProps(b);
+				return c || (c = shallowRef([]), l = shallowRef([]), v = shallowRef([]), g().then((n) => {
+					c.value = n;
+				}), n().then((n) => {
+					l.value = n;
+				}), p().then((n) => {
+					v.value = n;
+				})), T ? createVNode(DtUserRender, {
+					value: S,
+					multiple: D.multiple,
+					getUsersByUsername: g
 				}, null) : h(DtUserDept, {
 					type: "user",
 					users: c.value,
-					depts: (void 0).value,
-					groups: (void 0).value,
-					getUsersByDept: p,
+					depts: v.value,
+					groups: l.value,
+					getUsersByDept: m,
 					getUsersByGroup: d,
-					...w,
-					...C,
-					modelValue: v,
-					"onUpdate:modelValue": y
-				}, l);
+					...D,
+					...E,
+					modelValue: S,
+					"onUpdate:modelValue": C
+				}, y);
 			};
 		}
 	};
 }
-function createPageTableHelper({ getDeptsByCode: r, getUsersByUsername: c, getFileInfos: l, previewFileUrl: u }) {
-	let d = (r) => () => (c, l, u, d) => {
-		if (c != null) return format(c, d.formatter ?? r);
-	}, m = (r = {}) => createVNode("svg", mergeProps({
+function createPageTableHelper({ getDeptsByCode: n, getUsersByUsername: c, getFileInfos: l, previewFileUrl: u }) {
+	let d = (n) => () => (c, l, u, d) => {
+		if (c != null) return format(c, d.formatter ?? n);
+	}, m = (n = {}) => createVNode("svg", mergeProps({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: "1em",
 		height: "1em",
 		viewBox: "0 0 32 32"
-	}, r), [createVNode("circle", {
+	}, n), [createVNode("circle", {
 		cx: "16",
 		cy: "16",
 		r: "8",
@@ -332,87 +332,87 @@ function createPageTableHelper({ getDeptsByCode: r, getUsersByUsername: c, getFi
 		date: d("yyyy-MM-dd"),
 		datetime: d("yyyy-MM-dd HH:mm:ss"),
 		dict: () => {
-			let r, c, l;
+			let n, c, l;
 			return (u, d, f, p) => {
 				if (u == null) return;
 				let { dictType: g, options: _, multiple: v, statusMap: y } = mapProps(p);
-				if (_ ? c !== _ && (c = _, l = new Map(_.map((r) => [r[p.valueField || "value"], r]))) : r !== g && (r = g, !l && r && (l = useDictMap(r))), !v) {
+				if (_ ? c !== _ && (c = _, l = new Map(_.map((n) => [n[p.valueField || "value"], n]))) : n !== g && (n = g, !l && n && (l = useDictMap(n))), !v) {
 					if (u = u.toString(), y && u in y) {
-						let r = y[u] ?? "default";
+						let n = y[u] ?? "default";
 						return [
 							"primary",
 							"success",
 							"warning",
 							"danger"
-						].includes(r) && (r = `var(--color-${r})`), createVNode("span", { style: "position: relative; padding-left: 1.25em" }, [createVNode(m, { style: `color: ${r}; position: absolute;left: 0; top: 1.5px` }, null), createVNode("span", null, [l.get(u?.toString())?.[p.labelField || "label"] ?? ""])]);
+						].includes(n) && (n = `var(--color-${n})`), createVNode("span", { style: "position: relative; padding-left: 1.25em" }, [createVNode(m, { style: `color: ${n}; position: absolute;left: 0; top: 1.5px` }, null), createVNode("span", null, [l.get(u?.toString())?.[p.labelField || "label"] ?? ""])]);
 					}
 					return l.get(u)?.[p.labelField || "label"] ?? "";
 				}
-				return u?.map((r) => l.get(r.toString())?.[p.labelField || "label"]) ?? "";
+				return u?.map((n) => l.get(n.toString())?.[p.labelField || "label"]) ?? "";
 			};
 		},
-		number: () => (r, c, l, u) => {
-			if (r != null) {
-				switch (u.percent && (r = Number(r) * 100), "number") {
+		number: () => (n, c, l, u) => {
+			if (n != null) {
+				switch (u.percent && (n = Number(n) * 100), "number") {
 					case typeof u.fixed:
-						r = r.toFixed(u.fixed);
+						n = n.toFixed(u.fixed);
 						break;
 					case typeof u.round:
-						r = r.toFixed(u.round).replace(/0+$/, "");
+						n = n.toFixed(u.round).replace(/0+$/, "");
 						break;
 					case typeof u.precision:
-						r = r.toPrecision(u.precision);
+						n = n.toPrecision(u.precision);
 						break;
 				}
-				return u?.separator ? Number(r).toLocaleString() : r;
+				return u?.separator ? Number(n).toLocaleString() : n;
 			}
 		},
-		email: () => (r) => createVNode("a", { href: `mailto:${r}` }, [r]),
-		url: () => (r) => createVNode("a", { href: r }, [r]),
-		color: () => (r) => createVNode(NColorPicker, {
-			value: r,
+		email: () => (n) => createVNode("a", { href: `mailto:${n}` }, [n]),
+		url: () => (n) => createVNode("a", { href: n }, [n]),
+		color: () => (n) => createVNode(NColorPicker, {
+			value: n,
 			disabled: !0,
 			size: "small"
 		}, null),
-		image: () => (r, c, l, d) => {
+		image: () => (n, c, l, d) => {
 			let f;
-			return r ? createVNode(NFlex, {
+			return n ? createVNode(NFlex, {
 				gap: "8",
 				wrap: !0
-			}, _isSlot(f = (Array.isArray(r) ? r : d?.multiple ? r.split(",") : [r]).map((r) => u(r)).map((r) => createVNode("img", {
-				key: r,
-				src: r,
+			}, _isSlot(f = (Array.isArray(n) ? n : d?.multiple ? n.split(",") : [n]).map((n) => u(n)).map((n) => createVNode("img", {
+				key: n,
+				src: n,
 				style: "max-height: 32px; max-width: 100px; object-fit: contain"
 			}, null))) ? f : { default: () => [f] }) : void 0;
 		},
 		file: () => {
-			let r = nanoid();
+			let n = nanoid();
 			return (c, u, d, f) => {
 				let p;
-				return c ? (u.__file_urls ??= {}, u.__file_urls[r] || l(Array.isArray(c) ? c : f?.multiple ? c.split(",") : [c]).then((c) => {
-					u.__file_urls[r] = c;
+				return c ? (u.__file_urls ??= {}, u.__file_urls[n] || l(Array.isArray(c) ? c : f?.multiple ? c.split(",") : [c]).then((c) => {
+					u.__file_urls[n] = c;
 				}), createVNode(NFlex, {
 					gap: "8",
 					wrap: !0
-				}, _isSlot(p = (u.__file_urls[r] || []).map((r) => createVNode("a", {
-					key: r.id,
-					href: r.url,
+				}, _isSlot(p = (u.__file_urls[n] || []).map((n) => createVNode("a", {
+					key: n.id,
+					href: n.url,
 					target: "_blank",
 					rel: "noreferrer",
 					style: "max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
-				}, [r.name]))) ? p : { default: () => [p] })) : void 0;
+				}, [n.name]))) ? p : { default: () => [p] })) : void 0;
 			};
 		},
 		dept: () => (c, l, u, d) => {
 			if (c) return createVNode(DtDeptRender, {
 				value: c,
 				multiple: d?.multiple,
-				getDeptsByCode: r
+				getDeptsByCode: n
 			}, null);
 		},
-		user: () => (r, l, u, d) => {
-			if (r) return createVNode(DtUserRender, {
-				value: r,
+		user: () => (n, l, u, d) => {
+			if (n) return createVNode(DtUserRender, {
+				value: n,
 				multiple: d?.multiple,
 				getUsersByUsername: c
 			}, null);
@@ -420,16 +420,16 @@ function createPageTableHelper({ getDeptsByCode: r, getUsersByUsername: c, getFi
 	};
 }
 function createFormHelper() {
-	return () => ({ items: r, model: c, handleSubmit: l, reset: u, validation: f, readonly: p, inModal: m, showFeedback: g, showColon: _, labelWidth: v, labelAlign: y, labelPlacement: b, showRequireMark: x, requireMarkPlacement: C }) => createVNode(DataForm, {
+	return () => ({ items: n, model: c, handleSubmit: l, reset: u, validation: f, readonly: p, inModal: m, showFeedback: g, showColon: _, labelWidth: v, labelAlign: y, labelPlacement: b, showRequireMark: x, requireMarkPlacement: C }) => createVNode(DataForm, {
 		readonly: p,
 		model: c,
-		items: r,
+		items: n,
 		validation: f,
 		showColon: unref(_) ?? !0,
 		labelWidth: unref(v),
 		labelAlign: unref(y),
 		labelPlacement: unref(b),
-		showRequireMark: unref(x) ?? !0,
+		showRequireMark: unref(x),
 		requireMarkPlacement: unref(C),
 		showFeedback: unref(g) ?? !0,
 		showAction: !1,
@@ -439,7 +439,7 @@ function createFormHelper() {
 	}, null);
 }
 function createModalHelper() {
-	let r = (r) => typeof r == "number" ? `${r}px` : r, c = {
+	let n = (n) => typeof n == "number" ? `${n}px` : n, c = {
 		maxHeight: "calc(100vh - 130px)",
 		display: "flex",
 		flexDirection: "column"
@@ -462,8 +462,8 @@ function createModalHelper() {
 		}, _isSlot(N) ? N : { default: () => [N] })] });
 		if (u === "dialog") {
 			let { style: u } = mergeProps({ style: {
-				width: r(T ?? 520),
-				height: r(E)
+				width: n(T ?? 520),
+				height: n(E)
 			} }, { style: D });
 			return createVNode(NModal, mergeProps({
 				show: d,

package/esm/components.d.ts

@@ -373,6 +373,7 @@ export interface UserGroupOption {
     name: string
 }
 export interface DeptOption {
+    id?: string | undefined
     code: string
     name: string
     children?: DeptOption[]
@@ -388,7 +389,8 @@ interface UserDeptProps<Multiple extends boolean> {
     'filterable'?: boolean | undefined
     'disabled'?: boolean | undefined
     'size'?: TransferProps['size'] | undefined
-    'users'?: { username: string, nickname: string }[] | undefined
+    'valueField'?: 'id' | 'username' | 'code' | undefined
+    'users'?: { id?: string | undefined, username: string, nickname: string }[] | undefined
     'groups'?: UserGroupOption[] | undefined
     'depts'?: DeptOption[] | undefined
     'getUsersByGroup'?: ((code: string) => Promise<{ username: string, nickname: string }[]>) | undefined

package/esm/page.d.ts

@@ -98,9 +98,9 @@ declare module '@ithinkdt/page' {
         }
 
         user: {
-            uploadProps?: ShallowMaybeRef<Omit<UserDeptProps<boolean>, 'modelValue' | 'onUpdate:modelValue' | 'disabled'
+            userProps?: ShallowMaybeRef<Omit<UserDeptProps<boolean>, 'modelValue' | 'onUpdate:modelValue' | 'disabled'
             | 'users' | 'groups' | 'depts' | 'getUsersByGroup' | 'getUsersByDept'>> & PublicProps
-            uploadSlots?: {}
+            userSlots?: {}
         }
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.0-51",
+  "version": "4.0.0-52",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",