@ithinkdt/ui 4.0.3 → 4.0.4

package/dist/page.js

@@ -1,18 +1,218 @@
 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-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";
+import { DataForm as t, DtDeptRender as n, DtUserDept as r, DtUserRender as i, NCheckboxes as a, NRadios as o } from "./components.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, shallowRef as g, toValue as _, unref as v } from "vue";
+import { until as y, useClipboard as b } from "@vueuse/core";
+import { NButton as x, NCheckbox as S, NColorPicker 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";
 import { nanoid as I } from "nanoid";
 import { format as L } from "date-fns";
 import { useFormItem as R } from "ithinkdt-ui/es/_mixins";
 import { useModal as z } from "@ithinkdt/page";
 import { isNullish as B } from "@ithinkdt/common";
 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);
+const U = (e) => Object.fromEntries(Object.entries(e || {}).map(([e, t]) => [e, v(t)]));
+function W(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
 }
-var W = (e) => Object.fromEntries(Object.entries(e || {}).map(([e, t]) => [e, _(t)])), G = l({
+function G({ getDeptsByCode: e, getUsersByUsername: t, getFileInfos: r, previewFileUrl: a }) {
+	let o = (e) => (t, n, { params: r = {} }) => {
+		if (t != null) return L(t, r.formatter ?? e);
+	}, s = (e = {}) => c("svg", p({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 32 32"
+	}, e), [c("circle", {
+		cx: "16",
+		cy: "16",
+		r: "8",
+		fill: "currentColor"
+	}, null)]), l = (e = {}) => c("svg", p({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 24 24"
+	}, e), [c("path", {
+		fill: "currentColor",
+		d: "M12 9a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0-4.5c5 0 9.27 3.11 11 7.5c-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0 0 17.64 0a9.821 9.821 0 0 0-17.64 0"
+	}, null)]), u = (e) => c("svg", p({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 24 24"
+	}, e), [c("path", {
+		fill: "currentColor",
+		d: "M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z"
+	}, null)]), d = (e) => c("svg", p({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 24 24"
+	}, e), [c("path", {
+		fill: "currentColor",
+		d: "M20 12a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8c.76 0 1.5.11 2.2.31l1.57-1.57A9.8 9.8 0 0 0 12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10M7.91 10.08L6.5 11.5L11 16L21 6l-1.41-1.42L11 13.17z"
+	}, null)]);
+	return {
+		longtext: () => {
+			let e = h(), t = h(), n = h(), { open: r } = z({
+				type: "drawer",
+				resizable: !0,
+				content: () => c("div", null, [c("span", null, [e.value])]),
+				width: t,
+				footer: () => n.value?.() ?? null,
+				maskClosable: !0
+			}), { copy: i, copied: a } = b({ legacy: !0 }), o = (t, n, o) => {
+				if (!n) return r(t);
+				let s = () => {
+					o ? o(e.value) : i(e.value);
+				};
+				return r(() => c("div", { style: "display: flex; align-items: center; justify-content: space-between; margin-right: 4px;" }, [_(t), a.value ? c(x, {
+					quaternary: !0,
+					size: "tiny",
+					type: "success"
+				}, { icon: () => c(D, { size: 18 }, { default: () => [c(d, null, null)] }) }) : c(x, {
+					quaternary: !0,
+					size: "tiny",
+					onClick: s
+				}, { icon: () => c(D, { size: 16 }, { default: () => [c(u, null, null)] }) })]));
+			};
+			return {
+				renderer: (r, i, { params: a = {} }, { label: s }) => c("div", { style: "white-space: nowrap; overflow: hidden; display: flex; gap: 8px; align-items: center; justify-content: space-between" }, [c("div", { style: "flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" }, [r]), c(x, {
+					type: "info",
+					text: !0,
+					style: "position: sticky; right: 0; z-index: 2",
+					onClick: a.showText ? () => a.showText(r) : () => {
+						e.value = a.formatText ? a.formatText(r) : r, t.value = a.drawerWidth ?? 600, n.value = () => a.drawerFooter?.(r, i), o(a.title || s, a.copyable !== !1, a.onCopy);
+					}
+				}, { default: () => [c(D, { size: 18 }, { default: () => [c(l, null, null)] })] })]),
+				default: { table: { ellipsis: !1 } }
+			};
+		},
+		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 e, t, n;
+			return (r, i, { params: a = {} }) => {
+				if (r == null) return;
+				let { dictType: o, options: l, multiple: u, statusMap: d } = U(a);
+				if (l ? t !== l && (t = l, n = new Map(l.map((e) => [e[a.valueField || "value"], e]))) : e !== o && (e = o, !n && e && (n = H(e))), !u) {
+					if (r = r.toString(), d && r in d) {
+						let e = d[r] ?? "default";
+						return [
+							"primary",
+							"success",
+							"warning",
+							"danger"
+						].includes(e) && (e = `var(--color-${e})`), c("span", { style: "position: relative; padding-left: 1.25em" }, [c(s, { style: `color: ${e}; position: absolute;left: 0; top: 1.5px` }, null), c("span", null, [n.get(r)?.[a.labelField || "label"] ?? r ?? ""])]);
+					}
+					return n.get(r)?.[a.labelField || "label"] ?? r ?? "";
+				}
+				return r?.map((e) => n.get(e?.toString())?.[a.labelField || "label"] ?? e?.toString() ?? "") ?? "";
+			};
+		},
+		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;
+				}
+			},
+			default: { table: {
+				width: 100,
+				align: "right",
+				sortable: !0
+			} }
+		}),
+		email: () => (e) => c("a", { href: `mailto:${e}` }, [e]),
+		url: () => (e) => c("a", { href: e }, [e]),
+		color: () => (e) => c(C, {
+			value: e,
+			disabled: !0,
+			size: "small"
+		}, null),
+		image: () => (e, t, { params: n = {} }) => {
+			let r;
+			return e ? c(E, {
+				gap: "8",
+				wrap: !0
+			}, W(r = (Array.isArray(e) ? e : n?.multiple ? e.split(",") : [e]).map((e) => a(e)).map((e) => c("img", {
+				key: e,
+				src: e,
+				style: "max-height: 32px; max-width: 100px; object-fit: contain"
+			}, null))) ? r : { default: () => [r] }) : void 0;
+		},
+		file: () => {
+			let e = I();
+			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;
+				}), c(E, {
+					gap: "8",
+					wrap: !0
+				}, W(a = (n.__file_urls[e] || []).map((e) => c("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"
+				}, [e.name]))) ? a : { default: () => [a] })) : void 0;
+			};
+		},
+		dept: () => (t, r, { params: i = {} }) => {
+			if (t) return c(n, {
+				value: t,
+				multiple: i?.multiple,
+				getDeptsByCode: e
+			}, null);
+		},
+		user: () => {
+			let e = { style: "padding-block: 0" };
+			return {
+				renderer: (e, n, { params: r = {} }) => {
+					if (e) return c(i, {
+						value: e,
+						multiple: r?.multiple,
+						getUsersByUsername: t
+					}, null);
+				},
+				default: { table: {
+					width: 150,
+					ellipsis: !1,
+					align: "center",
+					cellProps: () => e
+				} }
+			};
+		}
+	};
+}
+function K(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
+}
+var q = l(() => import("ithinkdt-ui/es/date-picker")), J = u({
 	name: "SimpleUpload",
 	props: {
 		type: {
@@ -52,24 +252,24 @@ var W = (e) => Object.fromEntries(Object.entries(e || {}).map(([e, t]) => [e, _(
 	},
 	setup(t, { slots: n, expose: r }) {
 		let { t: i } = e();
-		G.t = i;
+		J.t = i;
 		let a = R(t), o = F(), l = s(() => 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);
 			});
-		})), u = m();
+		})), u = h();
 		r({ submit() {
-			return v(u).toBeTruthy().then((e) => e.submit());
+			return y(u).toBeTruthy().then((e) => e.submit());
 		} });
 		let d = (e) => {
 			if (e) for (let n of e) n.size > t.maxSize * 1024 && (n.status = "error");
-			t.onUpdateFileList?.(e), p(() => a.nTriggerFormChange());
+			t.onUpdateFileList?.(e), m(() => a.nTriggerFormChange());
 		};
 		return () => {
 			let { type: e, onUpdateFileList: r, ...o } = t;
-			return c(P, f(o, {
+			return c(P, p(o, {
 				ref: u,
 				customRequest: l.value,
 				listType: e === "image" ? "image-card" : "text",
@@ -78,23 +278,23 @@ var W = (e) => Object.fromEntries(Object.entries(e || {}).map(([e, t]) => [e, _(
 			}), {
 				default: e === "image" ? void 0 : () => {
 					let e;
-					return c(b, {
+					return c(x, {
 						disabled: a.mergedDisabledRef.value,
 						size: a.mergedSizeRef.value
-					}, U(e = i("common.page.form.selectFileText")) ? e : { default: () => [e] });
+					}, K(e = i("common.page.form.selectFileText")) ? e : { default: () => [e] });
 				},
 				...n
 			});
 		};
 	}
 });
-function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersByDept: s, getUsersByUsername: l, uploadFile: d, getFileInfos: f }) {
-	let p = (e) => e, m = (e) => B(e) ? e : String(e), g = (e) => B(e) ? e : Number(e);
+function Y({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: n, getUsersByDept: s, getUsersByUsername: l, uploadFile: u, getFileInfos: f }) {
+	let p = (e) => e, m = (e) => B(e) ? e : String(e), h = (e) => B(e) ? e : Number(e);
 	return {
 		input: () => ({ slots: e, props: t }, { modelValue: n, "onUpdate:modelValue": r, required: i, readonly: a, ...o }) => a ? c(N, {
 			depth: 2,
 			style: "line-height: 1.25"
-		}, { default: () => [n ?? ""] }) : (t = W(t), u(O, {
+		}, { default: () => [n ?? ""] }) : (t = U(t), d(O, {
 			clearable: !0,
 			...t,
 			...o,
@@ -108,63 +308,63 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 					depth: 2,
 					style: "line-height: 1.25"
 				}, { default: () => [i ?? ""] });
-				let { valueType: d = "number", ...f } = W(r), p = d === "string" ? g(i) : i;
-				return e = a, d === "string" && !t && (t = (t, ...n) => {
+				let { valueType: u = "number", ...f } = U(r), p = u === "string" ? h(i) : i;
+				return e = a, u === "string" && !t && (t = (t, ...n) => {
 					e(m(t), ...n);
-				}), u(k, {
+				}), d(k, {
 					clearable: !0,
 					...f,
 					...l,
 					value: p,
-					"onUpdate:value": d === "string" ? t : e
+					"onUpdate:value": u === "string" ? t : e
 				}, n);
 			};
 		},
 		select: () => {
 			let e, t, n, r, i;
-			return ({ slots: a, props: o }, { modelValue: s, "onUpdate:modelValue": l, required: d, readonly: f, ...h }) => {
-				let { dictType: v, options: y, valueType: b = "string", ...x } = W(o), S = b === "number" ? m : p;
-				y ? t = y : e !== v && (e = v, !t && e && (t = V(e)));
+			return ({ slots: a, props: o }, { modelValue: s, "onUpdate:modelValue": l, required: u, readonly: f, ...g }) => {
+				let { dictType: _, options: y, valueType: b = "string", ...x } = U(o), S = b === "number" ? m : p;
+				y ? t = y : e !== _ && (e = _, !t && e && (t = V(e)));
 				let C = x.multiple ? s?.map(S) : S(s);
 				if (f) if (x.multiple) {
 					let e;
 					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) => {
+					}, K(e = (C?.map((e) => v(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 = v(t)?.find((e) => e[x.valueField || "value"] === C);
 					return c(N, {
 						depth: 2,
 						style: "line-height: 1.25"
 					}, { default: () => [e ? x.renderLabel ? x.renderLabel(e) ?? "" : e[x.labelField || "label"] ?? "" : C ?? ""] });
 				}
 				return r = x.multiple, n = l, b === "number" && !i && (i = (e, ...t) => {
-					n(r ? e?.map(g) : g(e), ...t);
-				}), u(M, {
+					n(r ? e?.map(h) : h(e), ...t);
+				}), d(M, {
 					clearable: !0,
-					filterable: _(t)?.length > 9,
+					filterable: v(t)?.length > 9,
 					loading: t?.loading,
 					...x,
-					options: _(t),
-					...h,
+					options: v(t),
+					...g,
 					value: C,
 					"onUpdate:value": b === "number" ? i : n
 				}, a);
 			};
 		},
 		checkbox: () => ({ slots: e, props: t }, { modelValue: n, "onUpdate:modelValue": r, required: i, readonly: a, ...o }) => {
-			if (t = W(t), a) {
+			if (t = U(t), a) {
 				let r;
-				return r = n === (t.checkedValue ?? !0) ? e?.checked ? e.checked() : c(x, { checked: !0 }, null) : e?.unchecked ? e.unchecked() : c(x, { disabled: !0 }, null), c(N, {
+				return r = n === (t.checkedValue ?? !0) ? e?.checked ? e.checked() : c(S, { checked: !0 }, null) : e?.unchecked ? e.unchecked() : c(S, { disabled: !0 }, null), c(N, {
 					depth: 2,
 					style: "line-height: 1.25"
-				}, U(r) ? r : { default: () => [r] });
+				}, K(r) ? r : { default: () => [r] });
 			}
-			return u(x, {
+			return d(S, {
 				...t,
 				...o,
 				checked: n,
@@ -173,23 +373,23 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 		},
 		checkboxes: () => {
 			let e, t, n, r;
-			return ({ props: i }, { modelValue: a, "onUpdate:modelValue": s, required: l, readonly: d, ...f }) => {
-				let { dictType: h, options: _, valueType: v = "string", ...y } = W(i), b = v === "number" ? m : p;
-				_ ? t = _ : e !== h && (e = h, !t && e && (t = V(e)));
-				let x = a?.map(b) ?? [];
-				if (d) {
+			return ({ props: i }, { modelValue: o, "onUpdate:modelValue": s, required: l, readonly: u, ...f }) => {
+				let { dictType: g, options: _, valueType: v = "string", ...y } = U(i), b = v === "number" ? m : p;
+				_ ? t = _ : e !== g && (e = g, !t && e && (t = V(e)));
+				let x = o?.map(b) ?? [];
+				if (u) {
 					let e;
 					return c(N, {
 						depth: 2,
 						style: "line-height: 2.4"
-					}, U(e = (x?.map((e) => t?.find((t) => t[y.valueField || "value"] === e)) ?? []).map((e, t, n) => {
+					}, K(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 c("span", { key: e ? e[y.valueField ?? "value"] : x[t] ?? "" }, [r, t < n.length - 1 ? ", " : ""]);
 					})) ? e : { default: () => [e] });
 				}
 				return n = s, v === "number" && !r && (r = (e, ...t) => {
-					n(e?.map(g), ...t);
-				}), u(o, {
+					n(e?.map(h), ...t);
+				}), d(a, {
 					...y,
 					...f,
 					options: t,
@@ -200,11 +400,11 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 		},
 		radios: () => {
 			let e, t, n, r;
-			return ({ props: i }, { modelValue: o, "onUpdate:modelValue": s, required: l, readonly: d, ...f }) => {
-				let { dictType: h, options: _, valueType: v = "string", ...y } = W(i), b = v === "number" ? m : p;
-				_ ? t = _ : e !== h && (e = h, !t && e && (t = V(e)));
-				let x = b(o);
-				if (d) {
+			return ({ props: i }, { modelValue: a, "onUpdate:modelValue": s, required: l, readonly: u, ...f }) => {
+				let { dictType: g, options: _, valueType: v = "string", ...y } = U(i), b = v === "number" ? m : p;
+				_ ? t = _ : e !== g && (e = g, !t && e && (t = V(e)));
+				let x = b(a);
+				if (u) {
 					let e = t?.find((e) => e[y.valueField ?? "value"] === x);
 					return c(N, {
 						depth: 2,
@@ -212,8 +412,8 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 					}, { default: () => [e ? e[y.labelField ?? "label"] ?? "" : x ?? ""] });
 				}
 				return n = s, v === "number" && !r && (r = (e, ...t) => {
-					n(g(e), ...t);
-				}), u(a, {
+					n(h(e), ...t);
+				}), d(o, {
 					...y,
 					...f,
 					options: t,
@@ -223,18 +423,18 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 			};
 		},
 		datepicker: () => ({ slots: e, props: t }, { modelValue: n, "onUpdate:modelValue": r, required: i, readonly: a, ...o }) => {
-			let { type: s = "date", format: l = s.startsWith("datetime") ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd", ...d } = W(t);
+			let { type: s = "date", format: l = s.startsWith("datetime") ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd", ...u } = U(t);
 			return a ? s.endsWith("range") ? c(N, {
 				depth: 2,
 				style: "line-height: 1.25"
 			}, { default: () => [n ? `${n[0] ? L(n[0], l) : ""} ~ ${n[1] ? L(n[1], l) : ""}` : ""] }) : c(N, {
 				depth: 2,
 				style: "line-height: 1.25"
-			}, { default: () => [n ? L(n, l) : ""] }) : u(C, {
+			}, { default: () => [n ? L(n, l) : ""] }) : d(q, {
 				actions: null,
 				updateValueOnClose: !0,
 				clearable: !0,
-				...d,
+				...u,
 				...o,
 				type: s,
 				format: l,
@@ -243,12 +443,12 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 			}, e);
 		},
 		file: () => ({ slots: e, props: t }, { modelValue: n, "onUpdate:modelValue": r, required: i, readonly: a, ...o }) => {
-			if (t = W(t), a) {
+			if (t = U(t), a) {
 				let e;
 				return console.warn("[file] 原则上此组建不应该显示在详情中"), n?.length ? c(E, {
 					gap: "8",
 					vertical: !0
-				}, U(e = n.map((e) => c("a", {
+				}, K(e = n.map((e) => c("a", {
 					key: e.id,
 					href: e.url,
 					target: "_blank",
@@ -256,17 +456,17 @@ function K({ getUserGroups: e, getUsersByGroup: n, 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 u(G, {
+			return d(J, {
 				...t,
 				...o,
 				defaultUpload: !1,
-				uploadFile: d,
+				uploadFile: u,
 				fileList: n,
 				onUpdateFileList: r
 			}, e);
 		},
 		upload: () => {
-			let e = null, t = new Map(), n = new Map(), r = h([]), i = 0, a = (e) => {
+			let e = null, t = new Map(), n = new Map(), r = g([]), 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));
@@ -278,15 +478,15 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 				});
 			}, o, s;
 			return {
-				renderer: ({ slots: i, props: l }, { modelValue: f, "onUpdate:modelValue": p, required: m, readonly: g, ..._ }) => {
-					let v = W(l);
-					if (s = v.maxSize, o = v.ref ??= h(), e !== f && (e = f, a(f?.split(",") ?? [])), g) {
+				renderer: ({ slots: i, props: l }, { modelValue: f, "onUpdate:modelValue": p, required: m, readonly: h, ..._ }) => {
+					let v = U(l);
+					if (s = v.maxSize, o = v.ref ??= g(), e !== f && (e = f, a(f?.split(",") ?? [])), h) {
 						let e;
 						return r.value.length === 0 ? void 0 : c(E, {
 							gap: "8",
 							vertical: !0,
 							style: "padding: 6px 0"
-						}, U(e = r.value.map((e) => c("a", {
+						}, K(e = r.value.map((e) => c("a", {
 							key: e.id,
 							href: e.url,
 							target: "_blank",
@@ -296,10 +496,10 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 							style: "max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
 						}, [e.name]))) ? e : { default: () => [e] });
 					}
-					return u(G, {
+					return d(J, {
 						...v,
 						..._,
-						uploadFile: d,
+						uploadFile: u,
 						fileList: r.value,
 						onUpdateFileList: (e = []) => {
 							n.clear();
@@ -309,298 +509,105 @@ function K({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersBy
 					}, i);
 				},
 				beforeSubmit: async () => {
-					if (await o?.value?.submit(), await v(r).toMatch((e) => e.every((e) => !["pending", "uploading"].includes(e.status))), r.value.some((e) => e.size > s * 1024)) return G.t("common.page.form.validate.fileSizeExceeded", { maxSize: s });
-					if (r.value.some((e) => e.status === "error")) return G.t("common.page.form.validate.fileErrorMessage");
+					if (await o?.value?.submit(), await y(r).toMatch((e) => e.every((e) => !["pending", "uploading"].includes(e.status))), r.value.some((e) => e.size > s * 1024)) return J.t("common.page.form.validate.fileSizeExceeded", { maxSize: s });
+					if (r.value.some((e) => e.status === "error")) return J.t("common.page.form.validate.fileErrorMessage");
 				}
 			};
 		},
 		user: () => {
-			let a, o, d;
-			return ({ slots: f, props: p }, { modelValue: m, "onUpdate:modelValue": g, required: _, readonly: v, ...y }) => {
-				let b = W(p);
-				return a || (a = h([]), o = h([]), d = h([]), l().then((e) => {
+			let a, o, u;
+			return ({ slots: f, props: p }, { modelValue: m, "onUpdate:modelValue": h, required: _, readonly: v, ...y }) => {
+				let b = U(p);
+				return a || (a = g([]), o = g([]), u = g([]), l().then((e) => {
 					a.value = e;
 				}), e().then((e) => {
 					o.value = e;
-				}), i().then((e) => {
-					d.value = e;
-				})), v ? c(t, {
+				}), n().then((e) => {
+					u.value = e;
+				})), v ? c(i, {
 					value: m,
 					multiple: b.multiple,
 					getUsersByUsername: l,
 					renderInfo: b.renderInfo
-				}, null) : u(r, {
+				}, null) : d(r, {
 					type: "user",
 					users: a.value,
-					depts: d.value,
+					depts: u.value,
 					groups: o.value,
 					getUsersByDept: s,
-					getUsersByGroup: n,
+					getUsersByGroup: t,
 					...b,
 					...y,
 					renderUserInfo: b.renderInfo,
 					modelValue: m,
-					"onUpdate:modelValue": g
+					"onUpdate:modelValue": h
 				}, f);
 			};
 		}
 	};
 }
-function q({ getDeptsByCode: e, getUsersByUsername: n, getFileInfos: r, previewFileUrl: a }) {
-	let o = (e) => (t, n, { params: r = {} }) => {
-		if (t != null) return L(t, r.formatter ?? e);
-	}, s = (e = {}) => c("svg", f({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "1em",
-		height: "1em",
-		viewBox: "0 0 32 32"
-	}, e), [c("circle", {
-		cx: "16",
-		cy: "16",
-		r: "8",
-		fill: "currentColor"
-	}, null)]), l = (e = {}) => c("svg", f({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "1em",
-		height: "1em",
-		viewBox: "0 0 24 24"
-	}, e), [c("path", {
-		fill: "currentColor",
-		d: "M12 9a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0-4.5c5 0 9.27 3.11 11 7.5c-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0 0 17.64 0a9.821 9.821 0 0 0-17.64 0"
-	}, null)]), u = (e) => c("svg", f({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "1em",
-		height: "1em",
-		viewBox: "0 0 24 24"
-	}, e), [c("path", {
-		fill: "currentColor",
-		d: "M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z"
-	}, null)]), d = (e) => c("svg", f({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "1em",
-		height: "1em",
-		viewBox: "0 0 24 24"
-	}, e), [c("path", {
-		fill: "currentColor",
-		d: "M20 12a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8c.76 0 1.5.11 2.2.31l1.57-1.57A9.8 9.8 0 0 0 12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10M7.91 10.08L6.5 11.5L11 16L21 6l-1.41-1.42L11 13.17z"
-	}, null)]);
-	return {
-		longtext: () => {
-			let e = m(), t = m(), n = m(), { open: r } = z({
-				type: "drawer",
-				resizable: !0,
-				content: () => c("div", null, [c("span", null, [e.value])]),
-				width: t,
-				footer: () => n.value?.() ?? null,
-				maskClosable: !0
-			}), { copy: i, copied: a } = y({ legacy: !0 }), o = (t, n, o) => {
-				if (!n) return r(t);
-				let s = () => {
-					o ? o(e.value) : i(e.value);
-				};
-				return r(() => c("div", { style: "display: flex; align-items: center; justify-content: space-between; margin-right: 4px;" }, [g(t), a.value ? c(b, {
-					quaternary: !0,
-					size: "tiny",
-					type: "success"
-				}, { icon: () => c(D, { size: 18 }, { default: () => [c(d, null, null)] }) }) : c(b, {
-					quaternary: !0,
-					size: "tiny",
-					onClick: s
-				}, { icon: () => c(D, { size: 16 }, { default: () => [c(u, null, null)] }) })]));
-			};
-			return {
-				renderer: (r, i, { params: a = {} }, { label: s }) => c("div", { style: "white-space: nowrap; overflow: hidden; display: flex; gap: 8px; align-items: center; justify-content: space-between" }, [c("div", { style: "flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" }, [r]), c(b, {
-					type: "info",
-					text: !0,
-					style: "position: sticky; right: 0; z-index: 2",
-					onClick: a.showText ? () => a.showText(r) : () => {
-						e.value = a.formatText ? a.formatText(r) : r, t.value = a.drawerWidth ?? 600, n.value = () => a.drawerFooter?.(r, i), o(a.title || s, a.copyable !== !1, a.onCopy);
-					}
-				}, { default: () => [c(D, { size: 18 }, { default: () => [c(l, null, null)] })] })]),
-				default: { table: { ellipsis: !1 } }
-			};
-		},
-		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 e, t, n;
-			return (r, i, { params: a = {} }) => {
-				if (r == null) return;
-				let { dictType: o, options: l, multiple: u, statusMap: d } = W(a);
-				if (l ? t !== l && (t = l, n = new Map(l.map((e) => [e[a.valueField || "value"], e]))) : e !== o && (e = o, !n && e && (n = H(e))), !u) {
-					if (r = r.toString(), d && r in d) {
-						let e = d[r] ?? "default";
-						return [
-							"primary",
-							"success",
-							"warning",
-							"danger"
-						].includes(e) && (e = `var(--color-${e})`), c("span", { style: "position: relative; padding-left: 1.25em" }, [c(s, { style: `color: ${e}; position: absolute;left: 0; top: 1.5px` }, null), c("span", null, [n.get(r)?.[a.labelField || "label"] ?? r ?? ""])]);
-					}
-					return n.get(r)?.[a.labelField || "label"] ?? r ?? "";
-				}
-				return r?.map((e) => n.get(e?.toString())?.[a.labelField || "label"] ?? e?.toString() ?? "") ?? "";
-			};
-		},
-		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;
-				}
-			},
-			default: { table: {
-				width: 100,
-				align: "right",
-				sortable: !0
-			} }
-		}),
-		email: () => (e) => c("a", { href: `mailto:${e}` }, [e]),
-		url: () => (e) => c("a", { href: e }, [e]),
-		color: () => (e) => c(S, {
-			value: e,
-			disabled: !0,
-			size: "small"
-		}, null),
-		image: () => (e, t, { params: n = {} }) => {
-			let r;
-			return e ? c(E, {
-				gap: "8",
-				wrap: !0
-			}, U(r = (Array.isArray(e) ? e : n?.multiple ? e.split(",") : [e]).map((e) => a(e)).map((e) => c("img", {
-				key: e,
-				src: e,
-				style: "max-height: 32px; max-width: 100px; object-fit: contain"
-			}, null))) ? r : { default: () => [r] }) : void 0;
-		},
-		file: () => {
-			let e = I();
-			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;
-				}), c(E, {
-					gap: "8",
-					wrap: !0
-				}, U(a = (n.__file_urls[e] || []).map((e) => c("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"
-				}, [e.name]))) ? a : { default: () => [a] })) : void 0;
-			};
-		},
-		dept: () => (t, n, { params: r = {} }) => {
-			if (t) return c(i, {
-				value: t,
-				multiple: r?.multiple,
-				getDeptsByCode: e
-			}, null);
-		},
-		user: () => {
-			let e = { style: "padding-block: 0" };
-			return {
-				renderer: (e, r, { params: i = {} }) => {
-					if (e) return c(t, {
-						value: e,
-						multiple: i?.multiple,
-						getUsersByUsername: n
-					}, null);
-				},
-				default: { table: {
-					width: 150,
-					ellipsis: !1,
-					align: "center",
-					cellProps: () => e
-				} }
-			};
-		}
-	};
+function X(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
 }
-function J() {
-	return () => ({ items: e, model: t, handleSubmit: r, reset: i, validation: a, readonly: o, inModal: s, showFeedback: l, showColon: u, labelWidth: d, labelAlign: f, labelPlacement: p, showRequireMark: m, requireMarkPlacement: h }) => c(n, {
+function Z() {
+	return () => ({ items: e, model: n, handleSubmit: r, reset: i, validation: a, readonly: o, inModal: s, showFeedback: l, showColon: u, labelWidth: d, labelAlign: f, labelPlacement: p, showRequireMark: m, requireMarkPlacement: h }) => c(t, {
 		readonly: o,
-		model: t,
+		model: n,
 		items: e,
 		validation: a,
-		showColon: _(u) ?? !0,
-		labelWidth: _(d),
-		labelAlign: _(f),
-		labelPlacement: _(p),
-		showRequireMark: _(m),
-		requireMarkPlacement: _(h),
-		showFeedback: _(l) ?? !0,
+		showColon: v(u) ?? !0,
+		labelWidth: v(d),
+		labelAlign: v(f),
+		labelPlacement: v(p),
+		showRequireMark: v(m),
+		requireMarkPlacement: v(h),
+		showFeedback: v(l) ?? !0,
 		showAction: !1,
 		onSubmit: r,
 		onReset: i,
 		style: s ? "padding-right: 2rem; padding-top: 1rem" : void 0
 	}, null);
 }
-function Y() {
+function Q() {
 	let e = (e) => typeof e == "number" ? `${e}px` : e, t = {
 		maxHeight: "calc(100vh - 130px)",
 		display: "flex",
 		flexDirection: "column"
 	}, n = { content: !0 };
-	return () => ({ type: r = "dialog", visible: i, title: a, content: o, footer: s, placement: l, resizable: u, draggable: d, closeOnEsc: p, closable: m, showMask: h, maskClosable: g, width: _, height: v, style: y, onClose: x, onCancel: S, onConfirm: C, onAfterClose: D, onAfterOpen: O, confirmText: k, confirmDisabled: M, confirmLoading: N, cancelText: P, cancelDisabled: F, cancelLoading: I, nativeScrollbar: L, ...R }) => {
+	return () => ({ type: r = "dialog", visible: i, title: a, content: o, footer: s, placement: l, resizable: u, draggable: d, closeOnEsc: f, closable: m, showMask: h, maskClosable: g, width: _, height: v, style: y, onClose: b, onCancel: S, onConfirm: C, onAfterClose: D, onAfterOpen: O, confirmText: k, confirmDisabled: M, confirmLoading: N, cancelText: P, cancelDisabled: F, cancelLoading: I, nativeScrollbar: L, ...R }) => {
 		let z = s ? () => s : s === null ? null : () => c(E, {
 			justify: "end",
 			gap: "16"
-		}, { default: () => [P === null ? void 0 : c(b, {
+		}, { default: () => [P === null ? void 0 : c(x, {
 			onClick: S,
 			disabled: F,
 			loading: I,
 			style: "min-width: 60px"
-		}, U(P) ? P : { default: () => [P] }), k === null ? void 0 : c(b, {
+		}, X(P) ? P : { default: () => [P] }), k === null ? void 0 : c(x, {
 			type: "primary",
 			onClick: C,
 			disabled: M,
 			loading: N,
 			style: "min-width: 60px"
-		}, U(k) ? k : { default: () => [k] })] });
+		}, X(k) ? k : { default: () => [k] })] });
 		if (r === "dialog") {
-			let { style: r } = f({ style: {
+			let { style: r } = p({ style: {
 				width: e(_ ?? 520),
 				height: e(v)
 			} }, { style: y });
-			return c(A, f({
+			return c(A, p({
 				show: i,
 				preset: "card",
 				title: () => a,
 				maskClosable: g ?? !1,
-				closeOnEsc: p,
+				closeOnEsc: f,
 				closable: m,
-				onClose: x,
+				onClose: b,
 				segmented: n,
 				size: "small",
 				onAfterEnter: O,
 				onAfterLeave: D,
-				onUpdateShow: x,
+				onUpdateShow: b,
 				draggable: d ?? !0,
 				style: r,
 				contentStyle: t
@@ -608,15 +615,15 @@ function Y() {
 				default: () => c(j, {
 					abstract: !0,
 					style: "display: flex; flex-direction: column"
-				}, U(o) ? o : { default: () => [o] }),
+				}, X(o) ? o : { default: () => [o] }),
 				action: z
 			});
 		}
 		let { bodyContentClass: B, bodyContentStyle: V, ...H } = R;
-		return c(w, f({
+		return c(w, p({
 			show: i,
 			trapFocus: !1,
-			closeOnEsc: p,
+			closeOnEsc: f,
 			showMask: h,
 			maskClosable: g,
 			resizable: u,
@@ -624,7 +631,7 @@ function Y() {
 			width: u ? void 0 : _ ?? 440,
 			defaultWidth: u ? _ ?? 440 : void 0,
 			height: v,
-			onUpdateShow: x,
+			onUpdateShow: b,
 			onAfterEnter: O,
 			onAfterLeave: D,
 			style: y
@@ -640,4 +647,4 @@ function Y() {
 		})] });
 	};
 }
-export { q as createDescriptionHelper, J as createFormHelper, Y as createModalHelper, K as createPageFormHelper };
+export { G as createDescriptionHelper, Z as createFormHelper, Q as createModalHelper, Y as createPageFormHelper };