@ithinkdt/ui 4.0.0-601 → 4.0.0-800

package/dist/page.js

@@ -1,18 +1,17 @@
-import { n as useI18n } from "./use-i18n-Dx7V4KrY.js";
-import "./use-style-D9hLG26i.js";
-import "./directives-8VsgmCuO.js";
-import { a as DtUserRender, h as DataForm, i as DtUserDept, r as DtDeptRender, s as NRadios, x as NCheckboxes } from "./components-CDuTve1u.js";
-import { computed, createVNode, defineComponent, h, isVNode, mergeProps, ref, shallowRef, unref } from "vue";
+import { n as useI18n } from "./use-i18n-D-AJ8KbA.js";
+import { a as DtUserRender, h as DataForm, i as DtUserDept, r as DtDeptRender, s as NRadios, x as NCheckboxes } from "./components-DYFd5z-C.js";
+import { computed, createVNode, defineComponent, h, isVNode, mergeProps, nextTick, 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 { nanoid } from "nanoid";
 import { format } from "date-fns";
 import { useFormItem } from "ithinkdt-ui/es/_mixins";
 import { isNullish } from "@ithinkdt/common";
 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(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
 }
-var mapProps = (r) => Object.fromEntries(Object.entries(r || {}).map(([r, a]) => [r, unref(a)])), SimpleUpload = /* @__PURE__ */ defineComponent({
+var mapProps = (e) => Object.fromEntries(Object.entries(e || {}).map(([e, t]) => [e, unref(t)])), SimpleUpload = /* @__PURE__ */ defineComponent({
 	name: "SimpleUpload",
 	props: {
 		type: {
@@ -50,496 +49,528 @@ var mapProps = (r) => Object.fromEntries(Object.entries(r || {}).map(([r, a]) =>
 		onUpdateFileList: { type: [Array, Function] },
 		uploadFile: { type: Function }
 	},
-	setup(a, { slots: o, expose: s }) {
-		let { t: c } = useI18n();
-		SimpleUpload.t = c;
-		let l = useFormItem(a), u = useMessage(), f = computed(() => a.customRequest || (({ file: r, onProgress: o, onFinish: s, onError: c }) => {
-			a.uploadFile(r.file, (r) => o({ percent: r })).then((a) => {
-				r.file.fileId = a, s();
-			}).catch((r) => {
-				u.error(r.message), c(r);
+	setup(t, { slots: n, expose: r }) {
+		let { t: i } = useI18n();
+		SimpleUpload.t = i;
+		let a = useFormItem(t), o = useMessage(), c = computed(() => t.customRequest || (({ file: e, onProgress: n, onFinish: r, onError: i }) => {
+			t.uploadFile(e.file, (e) => n({ percent: e })).then((t) => {
+				e.file.fileId = t, r();
+			}).catch((e) => {
+				o.error(e.message), i(e);
 			});
-		})), p = ref();
-		s({ submit() {
-			return until(p).toBeTruthy().then((r) => r.submit());
+		})), l = ref();
+		r({ submit() {
+			return until(l).toBeTruthy().then((e) => e.submit());
 		} });
-		let m = (r) => {
-			a.onUpdateFileList?.(r), nextTick(() => l.nTriggerFormChange());
+		let u = (e) => {
+			if (e) for (let n of e) n.size > t.maxSize * 1024 && (n.status = "error");
+			t.onUpdateFileList?.(e), nextTick(() => a.nTriggerFormChange());
 		};
 		return () => {
-			let { type: r, onUpdateFileList: s,...u } = a;
-			return createVNode(NUpload, mergeProps(u, {
-				ref: p,
-				customRequest: f.value,
-				listType: r === "image" ? "image-card" : "text",
-				accept: u.accept ?? r === "image" ? "image/*" : void 0,
-				"onUpdate:fileList": m
+			let { type: e, onUpdateFileList: r, ...o } = t;
+			return createVNode(NUpload, mergeProps(o, {
+				ref: l,
+				customRequest: c.value,
+				listType: e === "image" ? "image-card" : "text",
+				accept: o.accept ?? e === "image" ? "image/*" : void 0,
+				"onUpdate:fileList": u
 			}), {
-				default: r === "image" ? void 0 : () => {
-					let r;
+				default: e === "image" ? void 0 : () => {
+					let e;
 					return createVNode(NButton, {
-						disabled: l.mergedDisabledRef.value,
-						size: l.mergedSizeRef.value
-					}, _isSlot(r = c("common.page.form.selectFileText")) ? r : { default: () => [r] });
+						disabled: a.mergedDisabledRef.value,
+						size: a.mergedSizeRef.value
+					}, _isSlot(e = i("common.page.form.selectFileText")) ? e : { default: () => [e] });
 				},
-				...o
+				...n
 			});
 		};
 	}
 });
-function createPageFormHelper({ getUserGroups: r, getUsersByGroup: o, getDeptsByCode: c, getUsersByDept: d, getUsersByUsername: f, uploadFile: m, getFileInfos: g }) {
-	let _ = (r) => r, x = (r) => isNullish(r) ? r : String(r), C = (r) => isNullish(r) ? r : Number(r);
+function createPageFormHelper({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersByDept: s, getUsersByUsername: c, uploadFile: u, getFileInfos: d }) {
+	let f = (e) => e, p = (e) => isNullish(e) ? e : String(e), v = (e) => isNullish(e) ? e : Number(e);
 	return {
-		input: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l,...u }) => l ? createVNode(NText, {
+		input: () => ({ slots: e, props: t }, { modelValue: n, "onUpdate:modelValue": r, required: i, readonly: a, ...o }) => a ? createVNode(NText, {
 			depth: 2,
 			style: "line-height: 1.25"
-		}, { default: () => [o ?? ""] }) : (a = mapProps(a), h(NInput, {
+		}, { default: () => [n ?? ""] }) : (t = mapProps(t), h(NInput, {
 			clearable: !0,
-			...a,
-			...u,
-			value: o,
-			"onUpdate:value": s
-		}, r)),
+			...t,
+			...o,
+			value: n,
+			"onUpdate:value": r
+		}, e)),
 		number: () => {
-			let r, a;
-			return ({ slots: o, props: s }, { modelValue: c, "onUpdate:modelValue": l, required: u, readonly: d,...f }) => {
-				if (d) return createVNode(NText, {
+			let e, t;
+			return ({ slots: n, props: r }, { modelValue: i, "onUpdate:modelValue": a, required: o, readonly: s, ...c }) => {
+				if (s) return createVNode(NText, {
 					depth: 2,
 					style: "line-height: 1.25"
-				}, { default: () => [c ?? ""] });
-				let { valueType: m = "number",...g } = mapProps(s), _ = m === "string" ? C(c) : c;
-				return r = l, m === "string" && !a && (a = (a, ...o) => {
-					r(x(a), ...o);
+				}, { default: () => [i ?? ""] });
+				let { valueType: u = "number", ...d } = mapProps(r), f = u === "string" ? v(i) : i;
+				return e = a, u === "string" && !t && (t = (t, ...n) => {
+					e(p(t), ...n);
 				}), h(NInputNumber, {
 					clearable: !0,
-					...g,
-					...f,
-					value: _,
-					"onUpdate:value": m === "string" ? a : r
-				}, o);
+					...d,
+					...c,
+					value: f,
+					"onUpdate:value": u === "string" ? t : e
+				}, n);
 			};
 		},
 		select: () => {
-			let r, a, o, s, c;
-			return ({ slots: l, props: u }, { modelValue: d, "onUpdate:modelValue": f, required: m, readonly: g,...v }) => {
-				let { dictType: b, options: S, valueType: w = "string",...T } = mapProps(u), E = w === "number" ? x : _;
-				S ? a = S : r !== b && (r = b, !a && r && (a = useDict(r)));
-				let D = T.multiple ? d?.map(E) : E(d);
-				if (g) if (T.multiple) {
-					let r;
+			let e, t, n, r, i;
+			return ({ slots: a, props: o }, { modelValue: s, "onUpdate:modelValue": c, required: u, readonly: d, ...m }) => {
+				let { dictType: _, options: y, valueType: b = "string", ...x } = mapProps(o), S = b === "number" ? p : f;
+				y ? t = y : e !== _ && (e = _, !t && e && (t = useDict(e)));
+				let C = x.multiple ? s?.map(S) : S(s);
+				if (d) if (x.multiple) {
+					let e;
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, _isSlot(r = (D?.map((r) => a?.find((a) => a[T.valueField || "value"] === r)) ?? []).map((r, a, o) => {
-						let s = r ? T.renderLabel ? T.renderLabel(r) ?? "" : r[T.labelField || "label"] ?? "" : D[a] ?? "";
-						return createVNode("span", { key: r ? r[T.valueField || "value"] : D[a] ?? "" }, [s, a < o.length - 1 ? ", " : ""]);
-					})) ? r : { default: () => [r] });
+					}, _isSlot(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 createVNode("span", { key: e ? e[x.valueField || "value"] : C[t] ?? "" }, [r, t < n.length - 1 ? ", " : ""]);
+					})) ? e : { default: () => [e] });
 				} else {
-					let r = a?.find((r) => r[T.valueField || "value"] === D);
+					let e = t?.find((e) => e[x.valueField || "value"] === C);
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, { default: () => [r ? T.renderLabel ? T.renderLabel(r) ?? "" : r[T.labelField || "label"] ?? "" : D ?? ""] });
+					}, { default: () => [e ? x.renderLabel ? x.renderLabel(e) ?? "" : e[x.labelField || "label"] ?? "" : C ?? ""] });
 				}
-				return s = T.multiple, o = f, w === "number" && !c && (c = (r, ...a) => {
-					o(s ? r?.map(C) : C(r), ...a);
+				return r = x.multiple, n = c, b === "number" && !i && (i = (e, ...t) => {
+					n(r ? e?.map(v) : v(e), ...t);
 				}), h(NSelect, {
 					clearable: !0,
-					loading: a?.loading,
-					...T,
-					options: unref(a),
-					...v,
-					value: D,
-					"onUpdate:value": w === "number" ? c : o
-				}, l);
+					loading: t?.loading,
+					...x,
+					options: unref(t),
+					...m,
+					value: C,
+					"onUpdate:value": b === "number" ? i : n
+				}, a);
 			};
 		},
-		checkbox: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l,...u }) => {
-			if (a = mapProps(a), l) {
-				let s;
-				return s = o === (a.checkedValue ?? !0) ? r?.checked ? r.checked() : createVNode(NCheckbox, { checked: !0 }, null) : r?.unchecked ? r.unchecked() : createVNode(NCheckbox, { disabled: !0 }, null), createVNode(NText, {
+		checkbox: () => ({ slots: e, props: t }, { modelValue: n, "onUpdate:modelValue": r, required: i, readonly: a, ...o }) => {
+			if (t = mapProps(t), a) {
+				let r;
+				return r = n === (t.checkedValue ?? !0) ? e?.checked ? e.checked() : createVNode(NCheckbox, { checked: !0 }, null) : e?.unchecked ? e.unchecked() : createVNode(NCheckbox, { disabled: !0 }, null), createVNode(NText, {
 					depth: 2,
 					style: "line-height: 1.25"
-				}, _isSlot(s) ? s : { default: () => [s] });
+				}, _isSlot(r) ? r : { default: () => [r] });
 			}
 			return h(NCheckbox, {
-				...a,
-				...u,
-				checked: o,
-				"onUpdate:checked": s
-			}, r);
+				...t,
+				...o,
+				checked: n,
+				"onUpdate:checked": r
+			}, e);
 		},
 		checkboxes: () => {
-			let r, a, o, s;
-			return ({ props: c }, { modelValue: l, "onUpdate:modelValue": d, required: f, readonly: m,...g }) => {
-				let { dictType: v, options: y, valueType: b = "string",...S } = mapProps(c), w = b === "number" ? x : _;
-				y ? a = y : r !== v && (r = v, !a && r && (a = useDict(r)));
-				let T = l?.map(w) ?? [];
-				if (m) {
-					let r;
+			let e, t, n, r;
+			return ({ props: i }, { modelValue: a, "onUpdate:modelValue": s, required: c, readonly: u, ...d }) => {
+				let { dictType: m, options: g, valueType: _ = "string", ...y } = mapProps(i), b = _ === "number" ? p : f;
+				g ? t = g : e !== m && (e = m, !t && e && (t = useDict(e)));
+				let x = a?.map(b) ?? [];
+				if (u) {
+					let e;
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 2.4"
-					}, _isSlot(r = (T?.map((r) => a?.find((a) => a[S.valueField || "value"] === r)) ?? []).map((r, a, o) => {
-						let s = r ? r[S.labelField ?? "label"] ?? "" : T[a] ?? "";
-						return createVNode("span", { key: r ? r[S.valueField ?? "value"] : T[a] ?? "" }, [s, a < o.length - 1 ? ", " : ""]);
-					})) ? r : { default: () => [r] });
+					}, _isSlot(e = (x?.map((e) => t?.find((t) => t[y.valueField || "value"] === e)) ?? []).map((e, t, n) => {
+						let r = e ? e[y.labelField ?? "label"] ?? "" : x[t] ?? "";
+						return createVNode("span", { key: e ? e[y.valueField ?? "value"] : x[t] ?? "" }, [r, t < n.length - 1 ? ", " : ""]);
+					})) ? e : { default: () => [e] });
 				}
-				return o = d, b === "number" && !s && (s = (r, ...a) => {
-					o(multiple0 ? r?.map(C) : C(r), ...a);
+				return n = s, _ === "number" && !r && (r = (e, ...t) => {
+					n(e?.map(v), ...t);
 				}), h(NCheckboxes, {
-					...S,
-					...g,
-					options: a,
-					modelValue: T,
-					"onUpdate:modelValue": b === "number" ? s : o
+					...y,
+					...d,
+					options: t,
+					modelValue: x,
+					"onUpdate:modelValue": _ === "number" ? r : n
 				});
 			};
 		},
 		radios: () => {
-			let r, a, o, s;
-			return ({ props: c }, { modelValue: u, "onUpdate:modelValue": d, required: f, readonly: m,...g }) => {
-				let { dictType: v, options: y, valueType: b = "string",...S } = mapProps(c), w = b === "number" ? x : _;
-				y ? a = y : r !== v && (r = v, !a && r && (a = useDict(r)));
-				let T = w(u);
-				if (m) {
-					let r = a?.find((r) => r[S.valueField ?? "value"] === T);
+			let e, t, n, r;
+			return ({ props: i }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: u, ...d }) => {
+				let { dictType: m, options: g, valueType: _ = "string", ...y } = mapProps(i), b = _ === "number" ? p : f;
+				g ? t = g : e !== m && (e = m, !t && e && (t = useDict(e)));
+				let x = b(o);
+				if (u) {
+					let e = t?.find((e) => e[y.valueField ?? "value"] === x);
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, { default: () => [r ? r[S.labelField ?? "label"] ?? "" : T ?? ""] });
+					}, { default: () => [e ? e[y.labelField ?? "label"] ?? "" : x ?? ""] });
 				}
-				return o = d, b === "number" && !s && (s = (r, ...a) => {
-					o(C(r), ...a);
+				return n = s, _ === "number" && !r && (r = (e, ...t) => {
+					n(v(e), ...t);
 				}), h(NRadios, {
-					...S,
-					...g,
-					options: a,
-					modelValue: T,
-					"onUpdate:modelValue": b === "number" ? s : o
+					...y,
+					...d,
+					options: t,
+					modelValue: x,
+					"onUpdate:modelValue": _ === "number" ? r : n
 				});
 			};
 		},
-		datepicker: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l,...u }) => {
-			let { type: d = "date", format: f = d.startsWith("datetime") ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd",...m } = mapProps(a);
-			return l ? d.endsWith("range") ? createVNode(NText, {
+		datepicker: () => ({ slots: e, props: t }, { modelValue: n, "onUpdate:modelValue": r, required: i, readonly: a, ...o }) => {
+			let { type: s = "date", format: c = s.startsWith("datetime") ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd", ...u } = mapProps(t);
+			return a ? s.endsWith("range") ? createVNode(NText, {
 				depth: 2,
 				style: "line-height: 1.25"
-			}, { default: () => [o ? `${o[0] ? format(o[0], f) : ""} ~ ${o[1] ? format(o[1], f) : ""}` : ""] }) : createVNode(NText, {
+			}, { default: () => [n ? `${n[0] ? format(n[0], c) : ""} ~ ${n[1] ? format(n[1], c) : ""}` : ""] }) : createVNode(NText, {
 				depth: 2,
 				style: "line-height: 1.25"
-			}, { default: () => [o ? format(o, f) : ""] }) : h(NDatePicker, {
+			}, { default: () => [n ? format(n, c) : ""] }) : h(NDatePicker, {
 				actions: null,
 				updateValueOnClose: !0,
 				clearable: !0,
-				...m,
 				...u,
-				type: d,
-				format: f,
-				value: o,
-				"onUpdate:value": s
-			}, r);
+				...o,
+				type: s,
+				format: c,
+				value: n,
+				"onUpdate:value": r
+			}, e);
 		},
-		file: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l,...u }) => {
-			if (a = mapProps(a), l) {
-				let r;
-				return console.warn("[file] 原则上此组建不应该显示在详情中"), fileList.value.length === 0 ? void 0 : createVNode(NFlex, {
+		file: () => ({ slots: e, props: t }, { modelValue: n, "onUpdate:modelValue": r, required: i, readonly: a, ...o }) => {
+			if (t = mapProps(t), a) {
+				let e;
+				return console.warn("[file] 原则上此组建不应该显示在详情中"), n?.length ? createVNode(NFlex, {
 					gap: "8",
 					vertical: !0
-				}, _isSlot(r = o.map((r) => createVNode("a", {
-					key: r.id,
-					href: r.url,
+				}, _isSlot(e = n.map((e) => createVNode("a", {
+					key: e.id,
+					href: e.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] });
+				}, [e.name]))) ? e : { default: () => [e] }) : void 0;
 			}
 			return h(SimpleUpload, {
-				...a,
-				...u,
+				...t,
+				...o,
 				defaultUpload: !1,
-				uploadFile: m,
-				fileList: o,
-				onUpdateFileList: s
-			}, r);
+				uploadFile: u,
+				fileList: n,
+				onUpdateFileList: r
+			}, e);
 		},
 		upload: () => {
-			let r = null, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = shallowRef([]), c = 0, l = (r) => {
-				let a = ++c;
-				s.value = r.map((r) => o.get(r)).filter(Boolean);
-				let l = r.filter((r) => !o.has(r));
-				Promise.resolve(l.length > 0 ? g(l) : []).then((l) => {
-					if (a === c) {
-						s.value = r.map((r) => o.get(r) || l.find((a) => a.id === r)), o.clear();
-						for (let r of s.value) o.set(r.id, r);
+			let e = null, t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = shallowRef([]), 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));
+				Promise.resolve(a.length > 0 ? d(a) : []).then((a) => {
+					if (t === i) {
+						r.value = e.map((e) => n.get(e) || a.find((t) => t.id === e)), n.clear();
+						for (let e of r.value) n.set(e.id, e);
 					}
 				});
-			}, u;
+			}, o, s;
 			return {
-				renderer: ({ slots: c, props: d }, { modelValue: f, "onUpdate:modelValue": g, required: _, readonly: y,...b }) => {
-					let x = mapProps(d);
-					if (u = x.ref ??= shallowRef(), r !== f && (r = f, l(f?.split(",") ?? [])), y) {
-						let r;
-						return s.value.length === 0 ? void 0 : createVNode(NFlex, {
+				renderer: ({ slots: i, props: c }, { modelValue: d, "onUpdate:modelValue": f, required: p, readonly: g, ..._ }) => {
+					let v = mapProps(c);
+					if (s = v.maxSize, o = v.ref ??= shallowRef(), e !== d && (e = d, a(d?.split(",") ?? [])), g) {
+						let e;
+						return r.value.length === 0 ? void 0 : createVNode(NFlex, {
 							gap: "8",
 							vertical: !0,
 							style: "padding: 6px 0"
-						}, _isSlot(r = s.value.map((r) => createVNode("a", {
-							key: r.id,
-							href: r.url,
+						}, _isSlot(e = r.value.map((e) => createVNode("a", {
+							key: e.id,
+							href: e.url,
 							target: "_blank",
 							rel: "noreferrer",
-							title: r.name,
-							download: r.name,
+							title: e.name,
+							download: e.name,
 							style: "max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
-						}, [r.name]))) ? r : { default: () => [r] });
+						}, [e.name]))) ? e : { default: () => [e] });
 					}
 					return h(SimpleUpload, {
-						...x,
-						...b,
-						uploadFile: m,
-						fileList: s.value,
-						onUpdateFileList: (r = []) => {
-							o.clear();
-							for (let s of r) s.file?.fileId && a.set(s.id, s.file.fileId), s.file?.fileId ? o.set(s.file.fileId, s) : o.set(s.id, s);
-							s.value = r, g(s.value.map((r) => a.get(r.id) || r.id).join(",") || null);
+						...v,
+						..._,
+						uploadFile: u,
+						fileList: r.value,
+						onUpdateFileList: (e = []) => {
+							n.clear();
+							for (let r of e) r.file?.fileId && t.set(r.id, r.file.fileId), r.file?.fileId ? n.set(r.file.fileId, r) : n.set(r.id, r);
+							r.value = e, f(r.value.map((e) => t.get(e.id) || e.id).join(",") || null);
 						}
-					}, c);
+					}, i);
 				},
 				beforeSubmit: async () => {
-					if (await u?.value?.submit(), await until(s).toMatch((r) => r.every((r) => !["pending", "uploading"].includes(r.status))), s.value.some((r) => r.status === "error")) return SimpleUpload.t("common.page.form.validate.fileErrorMessage");
+					if (await o?.value?.submit(), await until(r).toMatch((e) => e.every((e) => !["pending", "uploading"].includes(e.status))), r.value.some((e) => e.size > s * 1024)) return SimpleUpload.t("common.page.form.validate.fileSizeExceeded", { maxSize: s });
+					if (r.value.some((e) => e.status === "error")) return SimpleUpload.t("common.page.form.validate.fileErrorMessage");
 				}
 			};
 		},
 		user: () => {
-			let l, u, m;
-			return ({ slots: g, props: _ }, { modelValue: y, "onUpdate:modelValue": b, required: x, readonly: S,...C }) => {
-				let w = mapProps(_);
-				return l || (l = shallowRef([]), u = shallowRef([]), m = shallowRef([]), f().then((r) => {
-					l.value = r;
-				}), r().then((r) => {
-					u.value = r;
-				}), c().then((r) => {
-					m.value = r;
-				})), S ? createVNode(DtUserRender, {
-					value: y,
-					multiple: w.multiple,
-					getUsersByUsername: f
+			let a, o, u;
+			return ({ slots: d, props: f }, { modelValue: p, "onUpdate:modelValue": g, required: _, readonly: v, ...y }) => {
+				let b = mapProps(f);
+				return a || (a = shallowRef([]), o = shallowRef([]), u = shallowRef([]), c().then((e) => {
+					a.value = e;
+				}), e().then((e) => {
+					o.value = e;
+				}), i().then((e) => {
+					u.value = e;
+				})), v ? createVNode(DtUserRender, {
+					value: p,
+					multiple: b.multiple,
+					getUsersByUsername: c,
+					renderInfo: b.renderInfo
 				}, null) : h(DtUserDept, {
 					type: "user",
-					users: l.value,
-					depts: m.value,
-					groups: u.value,
-					getUsersByDept: d,
-					getUsersByGroup: o,
-					...w,
-					...C,
-					modelValue: y,
-					"onUpdate:modelValue": b
-				}, g);
+					users: a.value,
+					depts: u.value,
+					groups: o.value,
+					getUsersByDept: s,
+					getUsersByGroup: n,
+					...b,
+					...y,
+					renderUserInfo: b.renderInfo,
+					modelValue: p,
+					"onUpdate:modelValue": g
+				}, d);
 			};
 		}
 	};
 }
-function createDescriptionHelper({ getDeptsByCode: r, getUsersByUsername: o, getFileInfos: s, previewFileUrl: l }) {
-	let u = (r) => () => (a, o, { params: s = {} }) => {
-		if (a != null) return format(a, s.formatter ?? r);
-	}, d = (r = {}) => createVNode("svg", mergeProps({
+function createDescriptionHelper({ getDeptsByCode: e, getUsersByUsername: n, getFileInfos: r, previewFileUrl: a }) {
+	let o = (e) => (t, n, { params: r = {} }) => {
+		if (t != null) return format(t, r.formatter ?? e);
+	}, s = (e = {}) => createVNode("svg", mergeProps({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: "1em",
 		height: "1em",
 		viewBox: "0 0 32 32"
-	}, r), [createVNode("circle", {
+	}, e), [createVNode("circle", {
 		cx: "16",
 		cy: "16",
 		r: "8",
 		fill: "currentColor"
 	}, null)]);
 	return {
-		date: u("yyyy-MM-dd"),
-		datetime: u("yyyy-MM-dd HH:mm:ss"),
+		date: () => ({
+			renderer: o("yyyy-MM-dd"),
+			default: { table: {
+				width: 140,
+				align: "center",
+				sortable: !0
+			} }
+		}),
+		datetime: () => ({
+			renderer: o("yyyy-MM-dd HH:mm:ss"),
+			default: { table: {
+				width: 174,
+				align: "center",
+				sortable: !0
+			} }
+		}),
 		dict: () => {
-			let r, a, o;
-			return (s, c, { params: l = {} }) => {
-				if (s == null) return;
-				let { dictType: u, options: f, multiple: p, statusMap: m } = mapProps(l);
-				if (f ? a !== f && (a = f, o = new Map(f.map((r) => [r[l.valueField || "value"], r]))) : r !== u && (r = u, !o && r && (o = useDictMap(r))), !p) {
-					if (s = s.toString(), m && s in m) {
-						let r = m[s] ?? "default";
+			let e, t, n;
+			return (r, i, { params: a = {} }) => {
+				if (r == null) return;
+				let { dictType: o, options: c, multiple: l, statusMap: u } = mapProps(a);
+				if (c ? t !== c && (t = c, n = new Map(c.map((e) => [e[a.valueField || "value"], e]))) : e !== o && (e = o, !n && e && (n = useDictMap(e))), !l) {
+					if (r = r.toString(), u && r in u) {
+						let e = u[r] ?? "default";
 						return [
 							"primary",
 							"success",
 							"warning",
 							"danger"
-						].includes(r) && (r = `var(--color-${r})`), createVNode("span", { style: "position: relative; padding-left: 1.25em" }, [createVNode(d, { style: `color: ${r}; position: absolute;left: 0; top: 1.5px` }, null), createVNode("span", null, [o.get(s)?.[l.labelField || "label"] ?? s ?? ""])]);
+						].includes(e) && (e = `var(--color-${e})`), createVNode("span", { style: "position: relative; padding-left: 1.25em" }, [createVNode(s, { style: `color: ${e}; position: absolute;left: 0; top: 1.5px` }, null), createVNode("span", null, [n.get(r)?.[a.labelField || "label"] ?? r ?? ""])]);
 					}
-					return o.get(s)?.[l.labelField || "label"] ?? s ?? "";
+					return n.get(r)?.[a.labelField || "label"] ?? r ?? "";
 				}
-				return s?.map((r) => o.get(r?.toString())?.[l.labelField || "label"] ?? r?.toString() ?? "") ?? "";
+				return r?.map((e) => n.get(e?.toString())?.[a.labelField || "label"] ?? e?.toString() ?? "") ?? "";
 			};
 		},
-		number: () => (r, a, { params: o = {} }) => {
-			if (r != null) {
-				switch (o.percent && (r = Number(r) * 100), "number") {
-					case typeof o.fixed:
-						r = r.toFixed(o.fixed);
-						break;
-					case typeof o.round:
-						r = r.toFixed(o.round).replace(/0+$/, "");
-						break;
-					case typeof o.precision:
-						r = r.toPrecision(o.precision);
-						break;
+		number: () => ({
+			renderer: (e, t, { params: n = {} }) => {
+				if (e != null) {
+					switch (n.percent && (e = Number(e) * 100), "number") {
+						case typeof n.fixed:
+							e = e.toFixed(n.fixed);
+							break;
+						case typeof n.round:
+							e = e.toFixed(n.round).replace(/0+$/, "");
+							break;
+						case typeof n.precision:
+							e = e.toPrecision(n.precision);
+							break;
+					}
+					return n?.separator ? Number(e).toLocaleString() : e;
 				}
-				return o?.separator ? Number(r).toLocaleString() : r;
-			}
-		},
-		email: () => (r) => createVNode("a", { href: `mailto:${r}` }, [r]),
-		url: () => (r) => createVNode("a", { href: r }, [r]),
-		color: () => (r) => createVNode(NColorPicker, {
-			value: r,
+			},
+			default: { table: {
+				width: 100,
+				align: "right",
+				sortable: !0
+			} }
+		}),
+		email: () => (e) => createVNode("a", { href: `mailto:${e}` }, [e]),
+		url: () => (e) => createVNode("a", { href: e }, [e]),
+		color: () => (e) => createVNode(NColorPicker, {
+			value: e,
 			disabled: !0,
 			size: "small"
 		}, null),
-		image: () => (r, a, { params: o = {} }) => {
-			let s;
-			return r ? createVNode(NFlex, {
+		image: () => (e, t, { params: n = {} }) => {
+			let r;
+			return e ? createVNode(NFlex, {
 				gap: "8",
 				wrap: !0
-			}, _isSlot(s = (Array.isArray(r) ? r : o?.multiple ? r.split(",") : [r]).map((r) => l(r)).map((r) => createVNode("img", {
-				key: r,
-				src: r,
+			}, _isSlot(r = (Array.isArray(e) ? e : n?.multiple ? e.split(",") : [e]).map((e) => a(e)).map((e) => createVNode("img", {
+				key: e,
+				src: e,
 				style: "max-height: 32px; max-width: 100px; object-fit: contain"
-			}, null))) ? s : { default: () => [s] }) : void 0;
+			}, null))) ? r : { default: () => [r] }) : void 0;
 		},
 		file: () => {
-			let r = nanoid();
-			return (a, o, { params: c = {} }) => {
-				let l;
-				return a ? (o.__file_urls ??= {}, o.__file_urls[r] || s(Array.isArray(a) ? a : c?.multiple ? a.split(",") : [a]).then((a) => {
-					o.__file_urls[r] = a;
+			let e = nanoid();
+			return (t, n, { params: i = {} }) => {
+				let a;
+				return t ? (n.__file_urls ??= {}, n.__file_urls[e] || r(Array.isArray(t) ? t : i?.multiple ? t.split(",") : [t]).then((t) => {
+					n.__file_urls[e] = t;
 				}), createVNode(NFlex, {
 					gap: "8",
 					wrap: !0
-				}, _isSlot(l = (o.__file_urls[r] || []).map((r) => createVNode("a", {
-					key: r.id,
-					href: r.url,
+				}, _isSlot(a = (n.__file_urls[e] || []).map((e) => createVNode("a", {
+					key: e.id,
+					href: e.url,
 					target: "_blank",
 					rel: "noreferrer",
 					style: "max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
-				}, [r.name]))) ? l : { default: () => [l] })) : void 0;
+				}, [e.name]))) ? a : { default: () => [a] })) : void 0;
 			};
 		},
-		dept: () => (a, o, { params: s = {} }) => {
-			if (a) return createVNode(DtDeptRender, {
-				value: a,
-				multiple: s?.multiple,
-				getDeptsByCode: r
+		dept: () => (t, n, { params: r = {} }) => {
+			if (t) return createVNode(DtDeptRender, {
+				value: t,
+				multiple: r?.multiple,
+				getDeptsByCode: e
 			}, null);
 		},
-		user: () => (r, s, { params: c = {} }) => {
-			if (r) return createVNode(DtUserRender, {
-				value: r,
-				multiple: c?.multiple,
-				getUsersByUsername: o
-			}, null);
-		}
+		user: () => ({
+			renderer: (e, r, { params: i = {} }) => {
+				if (e) return createVNode(DtUserRender, {
+					value: e,
+					multiple: i?.multiple,
+					getUsersByUsername: n
+				}, null);
+			},
+			default: { table: {
+				width: 150,
+				ellipsis: !1,
+				align: "center"
+			} }
+		})
 	};
 }
 function createFormHelper() {
-	return () => ({ items: r, model: a, handleSubmit: s, reset: c, validation: l, readonly: u, inModal: d, showFeedback: f, showColon: p, labelWidth: m, labelAlign: g, labelPlacement: _, showRequireMark: v, requireMarkPlacement: b }) => createVNode(DataForm, {
-		readonly: u,
-		model: a,
-		items: r,
-		validation: l,
-		showColon: unref(p) ?? !0,
-		labelWidth: unref(m),
-		labelAlign: unref(g),
-		labelPlacement: unref(_),
-		showRequireMark: unref(v),
-		requireMarkPlacement: unref(b),
-		showFeedback: unref(f) ?? !0,
+	return () => ({ items: e, model: t, handleSubmit: r, reset: i, validation: a, readonly: o, inModal: s, showFeedback: c, showColon: l, labelWidth: u, labelAlign: d, labelPlacement: f, showRequireMark: p, requireMarkPlacement: m }) => createVNode(DataForm, {
+		readonly: o,
+		model: t,
+		items: e,
+		validation: a,
+		showColon: unref(l) ?? !0,
+		labelWidth: unref(u),
+		labelAlign: unref(d),
+		labelPlacement: unref(f),
+		showRequireMark: unref(p),
+		requireMarkPlacement: unref(m),
+		showFeedback: unref(c) ?? !0,
 		showAction: !1,
-		onSubmit: s,
-		onRest: c,
-		style: d ? "padding-right: 2rem; padding-top: 1rem" : void 0
+		onSubmit: r,
+		onReset: i,
+		style: s ? "padding-right: 2rem; padding-top: 1rem" : void 0
 	}, null);
 }
 function createModalHelper() {
-	let r = (r) => typeof r == "number" ? `${r}px` : r, a = {
+	let e = (e) => typeof e == "number" ? `${e}px` : e, t = {
 		maxHeight: "calc(100vh - 130px)",
 		display: "flex",
 		flexDirection: "column"
-	}, o = { content: !0 };
-	return () => ({ type: s = "dialog", visible: c, title: l, content: u, footer: d, placement: f, resizable: p, draggable: m, closeOnEsc: _, closable: v, showMask: y, maskClosable: b, width: S, height: C, style: w, onClose: O, onCancel: k, onConfirm: A, onAfterClose: j, onAfterOpen: M, confirmText: N, confirmDisabled: P, confirmLoading: F, cancelText: I, cancelDisabled: L, cancelLoading: R, nativeScrollbar: z,...B }) => {
-		let V = d ? () => d : d === null ? null : () => createVNode(NFlex, {
+	}, n = { content: !0 };
+	return () => ({ type: r = "dialog", visible: i, title: a, content: o, footer: s, placement: c, resizable: l, draggable: u, closeOnEsc: f, closable: p, showMask: m, maskClosable: g, width: _, height: y, style: b, onClose: x, onCancel: w, onConfirm: T, onAfterClose: E, onAfterOpen: D, confirmText: O, confirmDisabled: k, confirmLoading: A, cancelText: j, cancelDisabled: M, cancelLoading: N, nativeScrollbar: P, ...F }) => {
+		let I = s ? () => s : s === null ? null : () => createVNode(NFlex, {
 			justify: "end",
 			gap: "16"
-		}, { default: () => [I === null ? void 0 : createVNode(NButton, {
-			onClick: k,
-			disabled: L,
-			loading: R,
+		}, { default: () => [j === null ? void 0 : createVNode(NButton, {
+			onClick: w,
+			disabled: M,
+			loading: N,
 			style: "min-width: 60px"
-		}, _isSlot(I) ? I : { default: () => [I] }), N === null ? void 0 : createVNode(NButton, {
+		}, _isSlot(j) ? j : { default: () => [j] }), O === null ? void 0 : createVNode(NButton, {
 			type: "primary",
-			onClick: A,
-			disabled: P,
-			loading: F,
+			onClick: T,
+			disabled: k,
+			loading: A,
 			style: "min-width: 60px"
-		}, _isSlot(N) ? N : { default: () => [N] })] });
-		if (s === "dialog") {
-			let { style: s } = mergeProps({ style: {
-				width: r(S ?? 520),
-				height: r(C)
-			} }, { style: w });
+		}, _isSlot(O) ? O : { default: () => [O] })] });
+		if (r === "dialog") {
+			let { style: r } = mergeProps({ style: {
+				width: e(_ ?? 520),
+				height: e(y)
+			} }, { style: b });
 			return createVNode(NModal, mergeProps({
-				show: c,
+				show: i,
 				preset: "card",
-				title: () => l,
-				maskClosable: b ?? !1,
-				closeOnEsc: _,
-				closable: v,
-				onClose: O,
-				segmented: o,
+				title: () => a,
+				maskClosable: g ?? !1,
+				closeOnEsc: f,
+				closable: p,
+				onClose: x,
+				segmented: n,
 				size: "small",
-				onAfterEnter: M,
-				onAfterLeave: j,
-				onUpdateShow: O,
-				draggable: m ?? !0,
-				style: s,
-				contentStyle: a
-			}, B), {
+				onAfterEnter: D,
+				onAfterLeave: E,
+				onUpdateShow: x,
+				draggable: u ?? !0,
+				style: r,
+				contentStyle: t
+			}, F), {
 				default: () => createVNode(NScrollbar, {
 					abstract: !0,
 					style: "display: flex; flex-direction: column"
-				}, _isSlot(u) ? u : { default: () => [u] }),
-				action: V
+				}, _isSlot(o) ? o : { default: () => [o] }),
+				action: I
 			});
 		}
-		let { bodyContentClass: H, bodyContentStyle: U,...W } = B;
+		let { bodyContentClass: L, bodyContentStyle: R, ...z } = F;
 		return createVNode(NDrawer, mergeProps({
-			show: c,
+			show: i,
 			trapFocus: !1,
-			closeOnEsc: _,
-			showMask: y,
-			maskClosable: b,
-			resizable: p,
-			placement: f,
-			width: S ?? 440,
-			height: C,
-			onUpdateShow: O,
-			onAfterEnter: M,
-			onAfterLeave: j,
-			style: w
-		}, W), { default: () => [createVNode(NDrawerContent, {
-			closable: v,
-			nativeScrollbar: z ?? !1,
-			bodyContentClass: H,
-			bodyContentStyle: U
+			closeOnEsc: f,
+			showMask: m,
+			maskClosable: g,
+			resizable: l,
+			placement: c,
+			width: _ ?? 440,
+			height: y,
+			onUpdateShow: x,
+			onAfterEnter: D,
+			onAfterLeave: E,
+			style: b
+		}, z), { default: () => [createVNode(NDrawerContent, {
+			closable: p,
+			nativeScrollbar: P ?? !1,
+			bodyContentClass: L,
+			bodyContentStyle: R
 		}, {
-			default: () => u,
-			header: () => l,
-			footer: V
+			default: () => o,
+			header: () => a,
+			footer: I
 		})] });
 	};
 }