@ithinkdt/ui 4.0.0-405 → 4.0.0-406

package/dist/page.js

@@ -9,10 +9,10 @@ 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, a]) => [e, unref(a)])), SimpleUpload = /* @__PURE__ */ defineComponent({
 	name: "SimpleUpload",
 	props: {
 		type: {
@@ -53,44 +53,44 @@ var mapProps = (r) => Object.fromEntries(Object.entries(r || {}).map(([r, a]) =>
 	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);
+		let l = useFormItem(a), u = useMessage(), f = computed(() => a.customRequest || (({ file: e, onProgress: o, onFinish: s, onError: c }) => {
+			a.uploadFile(e.file, (e) => o({ percent: e })).then((a) => {
+				e.file.fileId = a, s();
+			}).catch((e) => {
+				u.error(e.message), c(e);
 			});
 		})), p = ref();
 		s({ submit() {
-			return until(p).toBeTruthy().then((r) => r.submit());
+			return until(p).toBeTruthy().then((e) => e.submit());
 		} });
-		let m = (r) => {
-			a.onUpdateFileList?.(r), nextTick(() => l.nTriggerFormChange());
+		let m = (e) => {
+			a.onUpdateFileList?.(e), nextTick(() => l.nTriggerFormChange());
 		};
 		return () => {
-			let { type: r, onUpdateFileList: s, ...u } = a;
+			let { type: e, 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,
+				listType: e === "image" ? "image-card" : "text",
+				accept: u.accept ?? e === "image" ? "image/*" : void 0,
 				"onUpdate:fileList": m
 			}), {
-				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] });
+					}, _isSlot(e = c("common.page.form.selectFileText")) ? e : { default: () => [e] });
 				},
 				...o
 			});
 		};
 	}
 });
-function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsByCode: l, getUsersByDept: d, getUsersByUsername: f, uploadFile: m, getFileInfos: g }) {
-	let _ = (r) => isNullish(r) ? r : String(r), x = (r) => r, C = (r) => isNullish(r) ? r : Number(r);
+function createPageFormHelper({ getUserGroups: e, getUsersByGroup: s, getDeptsByCode: l, getUsersByDept: d, getUsersByUsername: f, uploadFile: m, getFileInfos: g }) {
+	let _ = (e) => e, x = (e) => isNullish(e) ? e : String(e), C = (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: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => l ? createVNode(NText, {
 			depth: 2,
 			style: "line-height: 1.25"
 		}, { default: () => [o ?? ""] }) : (a = mapProps(a), h(NInput, {
@@ -99,41 +99,50 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsBy
 			...u,
 			value: o,
 			"onUpdate:value": s
-		}, r)),
-		number: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => l ? createVNode(NText, {
-			depth: 2,
-			style: "line-height: 1.25"
-		}, { default: () => [o ?? ""] }) : (a = mapProps(a), h(NInputNumber, {
-			clearable: !0,
-			...a,
-			...u,
-			value: o,
-			"onUpdate:value": s
-		}, r)),
+		}, e)),
+		number: () => {
+			let e, a;
+			return ({ slots: o, props: s }, { modelValue: c, "onUpdate:modelValue": l, required: u, readonly: d, ...f }) => {
+				if (d) 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 e = l, m === "string" && !a && (a = (a, ...o) => {
+					e(x(a), ...o);
+				}), h(NInputNumber, {
+					clearable: !0,
+					...g,
+					...f,
+					value: _,
+					"onUpdate:value": m === "string" ? a : e
+				}, o);
+			};
+		},
 		select: () => {
-			let r, a, o, s, c;
+			let e, 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 { dictType: b, options: S, valueType: w = "string", ...T } = mapProps(u), E = w === "number" ? x : _;
+				S ? a = S : e !== b && (e = b, !a && e && (a = useDict(e)));
 				let D = T.multiple ? d?.map(E) : E(d);
 				if (g) if (T.multiple) {
-					let r;
+					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 = (D?.map((e) => a?.find((a) => a[T.valueField || "value"] === e)) ?? []).map((e, a, o) => {
+						let s = e ? T.renderLabel ? T.renderLabel(e) ?? "" : e[T.labelField || "label"] ?? "" : D[a] ?? "";
+						return createVNode("span", { key: e ? e[T.valueField || "value"] : D[a] ?? "" }, [s, a < o.length - 1 ? ", " : ""]);
+					})) ? e : { default: () => [e] });
 				} else {
-					let r = a?.find((r) => r[T.valueField || "value"] === D);
+					let e = a?.find((e) => e[T.valueField || "value"] === D);
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, { default: () => [r ? T.renderLabel ? T.renderLabel(r) ?? "" : r[T.labelField || "label"] ?? "" : D ?? ""] });
+					}, { default: () => [e ? T.renderLabel ? T.renderLabel(e) ?? "" : e[T.labelField || "label"] ?? "" : D ?? ""] });
 				}
-				return s = T.multiple, o = f, w === "number" && !c && (c = (r, ...a) => {
-					o(s ? r?.map(C) : C(r), ...a);
+				return s = T.multiple, o = f, w === "number" && !c && (c = (e, ...a) => {
+					o(s ? e?.map(C) : C(e), ...a);
 				}), h(NSelect, {
 					clearable: !0,
 					loading: a?.loading,
@@ -145,10 +154,10 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsBy
 				}, l);
 			};
 		},
-		checkbox: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => {
+		checkbox: () => ({ slots: e, 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, {
+				return s = o === (a.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] });
@@ -158,26 +167,26 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsBy
 				...u,
 				checked: o,
 				"onUpdate:checked": s
-			}, r);
+			}, e);
 		},
 		checkboxes: () => {
-			let r, a, s, c;
+			let e, a, s, c;
 			return ({ props: l }, { modelValue: u, "onUpdate:modelValue": d, required: f, readonly: m, ...g }) => {
-				let { dictType: v, options: y, valueType: b = "string", ...S } = mapProps(l), w = b === "number" ? _ : x;
-				y ? a = y : r !== v && (r = v, !a && r && (a = useDict(r)));
+				let { dictType: v, options: y, valueType: b = "string", ...S } = mapProps(l), w = b === "number" ? x : _;
+				y ? a = y : e !== v && (e = v, !a && e && (a = useDict(e)));
 				let T = u?.map(w) ?? [];
 				if (m) {
-					let r;
+					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 = (T?.map((e) => a?.find((a) => a[S.valueField || "value"] === e)) ?? []).map((e, a, o) => {
+						let s = e ? e[S.labelField ?? "label"] ?? "" : T[a] ?? "";
+						return createVNode("span", { key: e ? e[S.valueField ?? "value"] : T[a] ?? "" }, [s, a < o.length - 1 ? ", " : ""]);
+					})) ? e : { default: () => [e] });
 				}
-				return s = d, b === "number" && !c && (c = (r, ...a) => {
-					s(multiple0 ? r?.map(C) : C(r), ...a);
+				return s = d, b === "number" && !c && (c = (e, ...a) => {
+					s(multiple0 ? e?.map(C) : C(e), ...a);
 				}), h(NCheckboxes, {
 					...S,
 					...g,
@@ -188,20 +197,20 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsBy
 			};
 		},
 		radios: () => {
-			let r, a, o, s;
+			let e, 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 { dictType: v, options: y, valueType: b = "string", ...S } = mapProps(c), w = b === "number" ? x : _;
+				y ? a = y : e !== v && (e = v, !a && e && (a = useDict(e)));
 				let T = w(l);
 				if (m) {
-					let r = a?.find((r) => r[S.valueField ?? "value"] === T);
+					let e = a?.find((e) => e[S.valueField ?? "value"] === T);
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 1.25"
-					}, { default: () => [r ? r[S.labelField ?? "label"] ?? "" : T ?? ""] });
+					}, { default: () => [e ? e[S.labelField ?? "label"] ?? "" : T ?? ""] });
 				}
-				return o = d, b === "number" && !s && (s = (r, ...a) => {
-					o(C(r), ...a);
+				return o = d, b === "number" && !s && (s = (e, ...a) => {
+					o(C(e), ...a);
 				}), h(NRadios, {
 					...S,
 					...g,
@@ -211,7 +220,7 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsBy
 				});
 			};
 		},
-		datepicker: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => {
+		datepicker: () => ({ slots: e, 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, {
 				depth: 2,
@@ -229,21 +238,21 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsBy
 				format: f,
 				value: o,
 				"onUpdate:value": s
-			}, r);
+			}, e);
 		},
-		file: () => ({ slots: r, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => {
+		file: () => ({ slots: e, props: a }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: l, ...u }) => {
 			if (a = mapProps(a), l) {
-				let r;
+				let e;
 				return console.warn("[file] 原则上此组建不应该显示在详情中"), fileList.value.length === 0 ? void 0 : createVNode(NFlex, {
 					gap: "8",
 					vertical: !0
-				}, _isSlot(r = o.map((r) => createVNode("a", {
-					key: r.id,
-					href: r.url,
+				}, _isSlot(e = o.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] });
 			}
 			return h(SimpleUpload, {
 				...a,
@@ -252,53 +261,53 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsBy
 				uploadFile: m,
 				fileList: o,
 				onUpdateFileList: s
-			}, r);
+			}, e);
 		},
 		upload: () => {
-			let r = null, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = shallowRef([]), c = 0, l = (r) => {
+			let e = null, a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = shallowRef([]), c = 0, l = (e) => {
 				let a = ++c;
-				s.value = r.map((r) => o.get(r)).filter(Boolean);
-				let l = r.filter((r) => !o.has(r));
+				s.value = e.map((e) => o.get(e)).filter(Boolean);
+				let l = e.filter((e) => !o.has(e));
 				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);
+						s.value = e.map((e) => o.get(e) || l.find((a) => a.id === e)), o.clear();
+						for (let e of s.value) o.set(e.id, e);
 					}
 				});
 			}, u;
 			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;
+					if (u = x.ref ??= shallowRef(), e !== f && (e = f, l(f?.split(",") ?? [])), y) {
+						let e;
 						return s.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 = s.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 = []) => {
+						onUpdateFileList: (e = []) => {
 							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);
+							for (let s of e) 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 = e, g(s.value.map((e) => a.get(e.id) || e.id).join(",") || null);
 						}
 					}, c);
 				},
 				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 u?.value?.submit(), await until(s).toMatch((e) => e.every((e) => !["pending", "uploading"].includes(e.status))), s.value.some((e) => e.status === "error")) return SimpleUpload.t("common.page.form.validate.fileErrorMessage");
 				}
 			};
 		},
@@ -306,12 +315,12 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsBy
 			let o, u, m;
 			return ({ slots: g, props: _ }, { modelValue: y, "onUpdate:modelValue": b, required: x, readonly: S, ...C }) => {
 				let w = mapProps(_);
-				return o || (o = shallowRef([]), u = shallowRef([]), m = shallowRef([]), f().then((r) => {
-					o.value = r;
-				}), r().then((r) => {
-					u.value = r;
-				}), l().then((r) => {
-					m.value = r;
+				return o || (o = shallowRef([]), u = shallowRef([]), m = shallowRef([]), f().then((e) => {
+					o.value = e;
+				}), e().then((e) => {
+					u.value = e;
+				}), l().then((e) => {
+					m.value = e;
 				})), S ? createVNode(DtUserRender, {
 					value: y,
 					multiple: w.multiple,
@@ -332,15 +341,15 @@ function createPageFormHelper({ getUserGroups: r, getUsersByGroup: s, getDeptsBy
 		}
 	};
 }
-function createPageTableHelper({ getDeptsByCode: r, getUsersByUsername: o, getFileInfos: s, previewFileUrl: c }) {
-	let u = (r) => () => (a, o, s, c) => {
-		if (a != null) return format(a, c.formatter ?? r);
-	}, d = (r = {}) => createVNode("svg", mergeProps({
+function createPageTableHelper({ getDeptsByCode: e, getUsersByUsername: o, getFileInfos: s, previewFileUrl: c }) {
+	let u = (e) => () => (a, o, s, c) => {
+		if (a != null) return format(a, c.formatter ?? e);
+	}, d = (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",
@@ -350,87 +359,87 @@ function createPageTableHelper({ getDeptsByCode: r, getUsersByUsername: o, getFi
 		date: u("yyyy-MM-dd"),
 		datetime: u("yyyy-MM-dd HH:mm:ss"),
 		dict: () => {
-			let r, a, o;
+			let e, a, o;
 			return (s, c, l, u) => {
 				if (s == null) return;
 				let { dictType: f, options: p, multiple: m, statusMap: g } = mapProps(u);
-				if (p ? a !== p && (a = p, o = new Map(p.map((r) => [r[u.valueField || "value"], r]))) : r !== f && (r = f, !o && r && (o = useDictMap(r))), !m) {
+				if (p ? a !== p && (a = p, o = new Map(p.map((e) => [e[u.valueField || "value"], e]))) : e !== f && (e = f, !o && e && (o = useDictMap(e))), !m) {
 					if (s = s.toString(), g && s in g) {
-						let r = g[s] ?? "default";
+						let e = g[s] ?? "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)?.[u.labelField || "label"] ?? s ?? ""])]);
+						].includes(e) && (e = `var(--color-${e})`), createVNode("span", { style: "position: relative; padding-left: 1.25em" }, [createVNode(d, { style: `color: ${e}; position: absolute;left: 0; top: 1.5px` }, null), createVNode("span", null, [o.get(s)?.[u.labelField || "label"] ?? s ?? ""])]);
 					}
 					return o.get(s)?.[u.labelField || "label"] ?? s ?? "";
 				}
-				return s?.map((r) => o.get(r?.toString())?.[u.labelField || "label"] ?? r?.toString() ?? "") ?? "";
+				return s?.map((e) => o.get(e?.toString())?.[u.labelField || "label"] ?? e?.toString() ?? "") ?? "";
 			};
 		},
-		number: () => (r, a, o, s) => {
-			if (r != null) {
-				switch (s.percent && (r = Number(r) * 100), "number") {
+		number: () => (e, a, o, s) => {
+			if (e != null) {
+				switch (s.percent && (e = Number(e) * 100), "number") {
 					case typeof s.fixed:
-						r = r.toFixed(s.fixed);
+						e = e.toFixed(s.fixed);
 						break;
 					case typeof s.round:
-						r = r.toFixed(s.round).replace(/0+$/, "");
+						e = e.toFixed(s.round).replace(/0+$/, "");
 						break;
 					case typeof s.precision:
-						r = r.toPrecision(s.precision);
+						e = e.toPrecision(s.precision);
 						break;
 				}
-				return s?.separator ? Number(r).toLocaleString() : r;
+				return s?.separator ? Number(e).toLocaleString() : e;
 			}
 		},
-		email: () => (r) => createVNode("a", { href: `mailto:${r}` }, [r]),
-		url: () => (r) => createVNode("a", { href: r }, [r]),
-		color: () => (r) => createVNode(NColorPicker, {
-			value: r,
+		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, o, s) => {
+		image: () => (e, a, o, s) => {
 			let l;
-			return r ? createVNode(NFlex, {
+			return e ? createVNode(NFlex, {
 				gap: "8",
 				wrap: !0
-			}, _isSlot(l = (Array.isArray(r) ? r : s?.multiple ? r.split(",") : [r]).map((r) => c(r)).map((r) => createVNode("img", {
-				key: r,
-				src: r,
+			}, _isSlot(l = (Array.isArray(e) ? e : s?.multiple ? e.split(",") : [e]).map((e) => c(e)).map((e) => createVNode("img", {
+				key: e,
+				src: e,
 				style: "max-height: 32px; max-width: 100px; object-fit: contain"
 			}, null))) ? l : { default: () => [l] }) : void 0;
 		},
 		file: () => {
-			let r = nanoid();
+			let e = nanoid();
 			return (a, o, c, l) => {
 				let u;
-				return a ? (o.__file_urls ??= {}, o.__file_urls[r] || s(Array.isArray(a) ? a : l?.multiple ? a.split(",") : [a]).then((a) => {
-					o.__file_urls[r] = a;
+				return a ? (o.__file_urls ??= {}, o.__file_urls[e] || s(Array.isArray(a) ? a : l?.multiple ? a.split(",") : [a]).then((a) => {
+					o.__file_urls[e] = a;
 				}), createVNode(NFlex, {
 					gap: "8",
 					wrap: !0
-				}, _isSlot(u = (o.__file_urls[r] || []).map((r) => createVNode("a", {
-					key: r.id,
-					href: r.url,
+				}, _isSlot(u = (o.__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]))) ? u : { default: () => [u] })) : void 0;
+				}, [e.name]))) ? u : { default: () => [u] })) : void 0;
 			};
 		},
 		dept: () => (a, o, s, c) => {
 			if (a) return createVNode(DtDeptRender, {
 				value: a,
 				multiple: c?.multiple,
-				getDeptsByCode: r
+				getDeptsByCode: e
 			}, null);
 		},
-		user: () => (r, s, c, l) => {
-			if (r) return createVNode(DtUserRender, {
-				value: r,
+		user: () => (e, s, c, l) => {
+			if (e) return createVNode(DtUserRender, {
+				value: e,
 				multiple: l?.multiple,
 				getUsersByUsername: o
 			}, null);
@@ -438,10 +447,10 @@ function createPageTableHelper({ getDeptsByCode: r, getUsersByUsername: o, getFi
 	};
 }
 function createFormHelper() {
-	return () => ({ items: r, model: a, handleSubmit: o, reset: c, validation: l, readonly: u, inModal: d, showFeedback: f, showColon: p, labelWidth: m, labelAlign: g, labelPlacement: _, showRequireMark: v, requireMarkPlacement: b }) => createVNode(DataForm, {
+	return () => ({ items: e, model: a, handleSubmit: o, 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,
+		items: e,
 		validation: l,
 		showColon: unref(p) ?? !0,
 		labelWidth: unref(m),
@@ -457,7 +466,7 @@ function createFormHelper() {
 	}, null);
 }
 function createModalHelper() {
-	let r = (r) => typeof r == "number" ? `${r}px` : r, a = {
+	let e = (e) => typeof e == "number" ? `${e}px` : e, a = {
 		maxHeight: "calc(100vh - 130px)",
 		display: "flex",
 		flexDirection: "column"
@@ -480,8 +489,8 @@ function createModalHelper() {
 		}, _isSlot(N) ? N : { default: () => [N] })] });
 		if (s === "dialog") {
 			let { style: s } = mergeProps({ style: {
-				width: r(S ?? 520),
-				height: r(C)
+				width: e(S ?? 520),
+				height: e(C)
 			} }, { style: w });
 			return createVNode(NModal, mergeProps({
 				show: c,

package/esm/page.d.ts

@@ -26,7 +26,9 @@ declare module '@ithinkdt/page' {
             inputSlots?: InputSlots
         }
         number: {
-            numberProps?: ShallowMaybeRef<Omit<InputNumberProps, 'value' | 'onUpdate:value' | 'disabled'>> & PublicProps
+            numberProps?: ShallowMaybeRef<Omit<InputNumberProps, 'value' | 'onUpdate:value' | 'disabled'>> & PublicProps & {
+                valueType?: 'string' | 'number' | undefined
+            }
             numberSlots?: InputNumberSlots
         }
         select: {

package/package.json

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