@ithinkdt/ui 4.0.0-40 → 4.0.0-400

package/dist/components.js

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

package/dist/{directives-DUuJW647.js → directives-qqYcWl1I.js}

@@ -2,10 +2,11 @@ import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-Dc
 import { Fragment, createVNode, defineComponent, h, nextTick, reactive, ref, shallowRef, toRef, watch } from "vue";
 import { promiseTimeout, useEventListener } from "@vueuse/core";
 import { NTooltip } from "ithinkdt-ui";
+import { nanoid } from "nanoid";
+import { debounce, throttle } from "@ithinkdt/common/fn";
 import { useElementIntersectionRect } from "@ithinkdt/common/composables";
 import { string2dom } from "@ithinkdt/common/dom";
-import { debounce } from "@ithinkdt/common/fn";
-var Tooltip = /* @__PURE__ */ Symbol("tooltip-dir"), current = /* @__PURE__ */ shallowRef(), _update;
+var Tooltip = /* @__PURE__ */ Symbol("tooltip-dir"), current = /* @__PURE__ */ shallowRef(), _update, _current;
 const TooltipDirectiveProvider = /* @__PURE__ */ defineComponent({
 	name: "TooltipDirectiveProvider",
 	props: { delay: {
@@ -13,69 +14,79 @@ const TooltipDirectiveProvider = /* @__PURE__ */ defineComponent({
 		default: 180
 	} },
 	setup(d) {
-		let k = shallowRef(), A = reactive({
+		let M = shallowRef(), N = reactive({
 			show: !1,
 			tip: void 0,
 			placement: "top",
 			x: 0,
 			y: 0
 		});
-		return _update = async () => {
+		_update = async () => {
 			if (!current.value) return;
 			d.delay > 0 && await promiseTimeout(d.delay);
-			let j = current.value, M = j?.[Tooltip];
-			if (!M) return;
-			let N = M.tip;
-			k.value = typeof N == "function" ? N : () => N || j.attributes.getNamedItem("title") || j.textContent;
-			let { auto: P } = M.binding.modifiers;
-			if (!P || j.firstChild.offsetWidth > j.clientWidth || j.firstChild.offsetHeight > j.clientHeight) {
-				A.show = !0;
-				let d = j.getBoundingClientRect();
-				switch (A.placement = Object.keys(M.binding.modifiers).find((d) => [
+			let P = current.value, F = P?.[Tooltip];
+			if (!F) return;
+			let I = F.tip;
+			M.value = typeof I == "function" ? I : () => I || P.attributes.getNamedItem("title") || P.textContent;
+			let { auto: L } = F.binding.modifiers;
+			if (!L || P.firstChild.offsetWidth > P.clientWidth || P.firstChild.offsetHeight > P.clientHeight) {
+				N.show = !0;
+				let d = P.getBoundingClientRect();
+				switch (N.placement = Object.keys(F.binding.modifiers).find((d) => [
 					"top",
 					"right",
 					"left",
 					"bottom"
-				].find((k) => d.startsWith(k))) ?? "top", A.placement.split("-")[0]) {
+				].find((M) => d.startsWith(M))) ?? "top", N.placement.split("-")[0]) {
 					case "top":
-						A.x = d.left + d.width / 2, A.y = d.top;
+						N.x = d.left + d.width / 2, N.y = d.top;
 						break;
 					case "right":
-						A.x = d.left + d.width, A.y = d.top + d.height / 2;
+						N.x = d.left + d.width, N.y = d.top + d.height / 2;
 						break;
 					case "left":
-						A.x = d.left, A.y = d.top + d.height / 2;
+						N.x = d.left, N.y = d.top + d.height / 2;
 						break;
 					case "bottom":
-						A.x = d.left + d.width / 2, A.y = d.bottom;
+						N.x = d.left + d.width / 2, N.y = d.bottom;
 						break;
 				}
-			} else A.show &&= !1;
-		}, useEventListener("mouseover", (d) => {
-			let k = d.target;
-			!current.value || current.value?.contains(k) || (A.show = !1, current.value = void 0);
+			} else N.show &&= !1;
+		};
+		let P = `ithinkdt-tooltip-${nanoid()}`, F = throttle((d) => {
+			!_current || _current.contains(d) || d.closest(`.${P}`) || (N.show = !1, current.value = void 0);
+		}, 100, { leading: !1 });
+		return useEventListener("mouseover", (d) => {
+			_current = current.value, F(d.target);
 		}, { capture: !0 }), () => createVNode(NTooltip, {
 			trigger: "manual",
-			show: !!current.value && A.show,
-			x: A.x,
-			y: A.y,
-			placement: A.placement,
-			keepAliveOnHover: !0
-		}, { default: () => [k.value?.()] });
+			show: !!current.value && N.show,
+			x: N.x,
+			y: N.y,
+			placement: N.placement,
+			internalInheritedEventHandlers: [{
+				onMouseenter: () => {
+					console.log("111");
+				},
+				onMouseleave: () => {
+					console.log("222");
+				}
+			}]
+		}, { default: () => [createVNode("div", { class: P }, [M.value?.()])] });
 	}
 });
 var _listener = (d) => {
-	current.value = d.target, _update?.();
+	_current = void 0, current.value = d.target, _update?.();
 };
 const vTooltip = {
-	mounted(d, k) {
+	mounted(d, M) {
 		d[Tooltip] = {
-			binding: k,
-			tip: k.value
+			binding: M,
+			tip: M.value
 		}, d.addEventListener("mouseenter", _listener);
 	},
-	updated(d, k) {
-		d[Tooltip].binding = k, d[Tooltip].tip = k.value, _update();
+	updated(d, M) {
+		d[Tooltip].binding = M, d[Tooltip].tip = M.value, _update();
 	},
 	beforeUnmount(d) {
 		d[Tooltip] && d.removeEventListener("mouseenter", _listener), current.value === d && (current.value = void 0), delete d[Tooltip];
@@ -105,19 +116,19 @@ var clsPrefix, isDark, style = /* @__PURE__ */ c([c(({ props: d }) => `:where(${
 const SpinDirectiveProvider = /* @__PURE__ */ defineComponent({
 	name: "SpinDirectiveProvider",
 	props: { dark: Boolean },
-	setup(k) {
-		return clsPrefix = useStyle("-spin-directive", style), isDark = toRef(k, "dark"), () => h(Fragment);
+	setup(M) {
+		return clsPrefix = useStyle("-spin-directive", style), isDark = toRef(M, "dark"), () => h(Fragment);
 	}
 });
-var Spin = /* @__PURE__ */ Symbol("spin-dir"), updateLoading = (d, { value: k, modifiers: A }) => {
-	if (d[Spin].loading.value = !!k, !d[Spin].loading.value) return;
-	let j = A.dark || !A.light && isDark.value;
-	d[Spin].spinEl.style.setProperty("--host-bg", j ? "0 0 0" : "255 255 255");
+var Spin = /* @__PURE__ */ Symbol("spin-dir"), updateLoading = (d, { value: M, modifiers: N }) => {
+	if (d[Spin].loading.value = !!M, !d[Spin].loading.value) return;
+	let P = N.dark || !N.light && isDark.value;
+	d[Spin].spinEl.style.setProperty("--host-bg", P ? "0 0 0" : "255 255 255");
 };
 const vSpin = {
 	beforeMount(d) {
 		if (d.classList.add(`${clsPrefix.value}-spin-host`), d[Spin]) return;
-		let k = ref(!1), A = string2dom(`
+		let M = ref(!1), N = string2dom(`
             <div class="${clsPrefix.value}-spin-directive">
                 <svg class="${clsPrefix.value}-spin-directive__icon" width="32" height="32" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
                     <g>
@@ -130,42 +141,42 @@ const vSpin = {
                 </svg>
                 <div class="${clsPrefix.value}-spin-directive__tip"></div>
             </div>
-        `.trim()), j, { stop: M, update: N } = useElementIntersectionRect(d, (d) => {
-			j = d, Object.assign(A.style, {
+        `.trim()), P, { stop: F, update: I } = useElementIntersectionRect(d, (d) => {
+			P = d, Object.assign(N.style, {
 				left: 0,
 				top: 0,
-				width: j.width + "px",
-				height: j.height + "px"
+				width: P.width + "px",
+				height: P.height + "px"
 			});
-		}, { interval: 1e3 / 30 }), P, F = watch(k, debounce(() => {
-			if (k.value) P === void 0 && (clearTimeout(P), P = void 0), N(), d.append(A), requestAnimationFrame(() => {
-				k.value && A.classList.add(`${clsPrefix.value}-spin-directive--spining`);
+		}, { interval: 1e3 / 30 }), L, R = watch(M, debounce(() => {
+			if (M.value) L === void 0 && (clearTimeout(L), L = void 0), I(), d.append(N), requestAnimationFrame(() => {
+				M.value && N.classList.add(`${clsPrefix.value}-spin-directive--spining`);
 			});
 			else {
-				A.classList.remove(`${clsPrefix.value}-spin-directive--spining`);
+				N.classList.remove(`${clsPrefix.value}-spin-directive--spining`);
 				let d = () => {
-					A.remove(), k && clearTimeout(k), k = null, A.removeEventListener("transitioncancel", d), A.removeEventListener("transitionend", d);
+					N.remove(), M && clearTimeout(M), M = null, N.removeEventListener("transitioncancel", d), N.removeEventListener("transitionend", d);
 				};
-				A.addEventListener("transitioncancel", d), A.addEventListener("transitionend", d);
-				let k = setTimeout(d, 300);
+				N.addEventListener("transitioncancel", d), N.addEventListener("transitionend", d);
+				let M = setTimeout(d, 300);
 			}
 		}, 30));
 		d[Spin] = {
-			loading: k,
-			spinEl: A,
+			loading: M,
+			spinEl: N,
 			updateTip: () => {
-				let k = A.querySelector(`.${clsPrefix.value}-spin-directive__tip`);
-				k.textContent = d.dataset.spinTip;
+				let M = N.querySelector(`.${clsPrefix.value}-spin-directive__tip`);
+				M.textContent = d.dataset.spinTip;
 			},
 			stop: () => {
-				M(), F();
+				F(), R();
 			}
 		};
 	},
-	mounted(d, k) {
-		updateLoading(d, k), d[Spin].updateTip(), !d[Spin].observer && nextTick().then(() => {
-			(d[Spin].observer = new MutationObserver((k) => {
-				for (let A of k) if (A.type === "attributes" && A.attributeName === "data-spin-tip") {
+	mounted(d, M) {
+		updateLoading(d, M), d[Spin].updateTip(), !d[Spin].observer && nextTick().then(() => {
+			(d[Spin].observer = new MutationObserver((M) => {
+				for (let N of M) if (N.type === "attributes" && N.attributeName === "data-spin-tip") {
 					d[Spin].updateTip();
 					return;
 				}

package/dist/directives.js

@@ -1,3 +1,3 @@
-import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-DUuJW647.js";
+import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-qqYcWl1I.js";
 import "./use-style-DcT-1dj4.js";
 export { SpinDirectiveProvider, TooltipDirectiveProvider, vSpin, vTooltip };

package/dist/index.js

@@ -1,5 +1,5 @@
 import { n as useI18n, t as UI_I18N_INJECTION } from "./use-i18n-Dx7V4KrY.js";
-import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-DUuJW647.js";
+import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-qqYcWl1I.js";
 import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-DcT-1dj4.js";
 import { Fragment, computed, createVNode, defineComponent, inject, isVNode, mergeProps, provide, reactive, ref, renderSlot, shallowRef, toRef, toValue, unref, useTemplateRef, watch, withDirectives } from "vue";
 import { computedAsync, promiseTimeout, useElementHover, useElementSize, useEventListener, useFullscreen, watchDebounced } from "@vueuse/core";
@@ -330,7 +330,9 @@ var style = /* @__PURE__ */ c([
 	}),
 	cB("footer", {
 		gridArea: "footer",
-		lineHeight: "24px"
+		lineHeight: "32px",
+		textAlign: "center",
+		color: "gray"
 	})
 ]), IFold = () => createVNode("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -628,7 +630,7 @@ function useCtxMenu(z, B, V) {
 			{
 				key: "reload",
 				label: H("common.layout.tabs.reloadTab"),
-				disabled: U.tab && U.tab.key !== B.value,
+				disabled: !U.tab || U.tab.key !== B.value,
 				icon: () => createVNode(NIcon, { size: 20 }, { default: () => [createVNode("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -663,7 +665,7 @@ function useCtxMenu(z, B, V) {
 			{
 				key: "open",
 				label: H("common.layout.tabs.openTabBlank"),
-				disabled: U.tab?.key !== B.value,
+				disabled: !U.tab,
 				icon: () => createVNode(NIcon, { size: 20 }, { default: () => [createVNode("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -754,19 +756,7 @@ function useCtxMenu(z, B, V) {
 				V();
 				return;
 			}
-			if (!U.tab) {
-				let z = H.find((d) => d.key === B.value);
-				switch (d) {
-					case "open":
-						window.open(z.href, "_blank");
-						break;
-					case "reload":
-						z.reloading ||= (z.reloading = !0, await promiseTimeout(220), !1);
-						break;
-				}
-				return;
-			}
-			switch (d) {
+			if (U.tab) switch (d) {
 				case "open":
 					window.open(U.tab.href, "_blank");
 					break;
@@ -1208,7 +1198,7 @@ const AppTenant = /* @__PURE__ */ defineComponent({
 					d: "M728 600.2c8.1-13.2 4-30.4-9.1-38.5-30.7-19-63.6-33.8-97.8-44.4 69.4-43 115.6-119.8 115.6-207.4C736.7 175.2 627.5 66 492.8 66S249 175.2 249 309.9c0 88.2 46.8 165.5 117 208.3-12.9 4.1-25.6 8.8-38.1 14.1-51.1 21.8-97 53-136.4 92.7-39.4 39.7-70.3 85.9-91.9 137.4-22.4 53.3-33.7 109.9-33.7 168.2 0 15.5 12.5 28 28 28s28-12.5 28-28c0-207.5 167.4-376.3 373.2-376.3 68.8 0 136.1 19 194.4 55 13.1 8.2 30.4 4.1 38.5-9.1zM305 309.9c0-50.2 19.5-97.4 55-132.8 35.5-35.5 82.7-55 132.8-55 50.2 0 97.4 19.5 132.8 55 35.5 35.5 55 82.7 55 132.8s-19.5 97.4-55 132.8c-35.5 35.5-82.7 55-132.8 55-50.2 0-97.4-19.5-132.8-55-35.5-35.5-55-82.6-55-132.8zM606.2 746.4h325.1c11.3 0 21.5-6.8 25.9-17.3s1.9-22.5-6.1-30.5L844.5 592.1c-10.9-10.9-28.7-10.9-39.6 0-10.9 10.9-10.9 28.7 0 39.6l58.7 58.6H606.2c-15.5 0-28 12.5-28 28s12.6 28.1 28 28.1zM931.4 794.6H606.3c-11.3 0-21.5 6.8-25.9 17.3s-1.9 22.5 6.1 30.5l106.6 106.4c5.5 5.5 12.6 8.2 19.8 8.2 7.2 0 14.4-2.7 19.8-8.2 10.9-10.9 10.9-28.7 0-39.6L674 850.6h257.4c15.5 0 28-12.5 28-28s-12.5-28-28-28z",
 					fill: "currentColor"
 				}, null)])] }),
-				default: () => d.shotName || d.name
+				default: () => d?.shotName || d?.name
 			})] });
 		};
 	}

package/dist/page.js

@@ -1,7 +1,7 @@
 import { n as useI18n } from "./use-i18n-Dx7V4KrY.js";
-import "./directives-DUuJW647.js";
+import "./directives-qqYcWl1I.js";
 import "./use-style-DcT-1dj4.js";
-import { a as NRadios, g as NCheckboxes, n as DtUserDept, p as DataForm, r as DtUserRender, t as DtDeptRender } from "./components-BC8oa62b.js";
+import { a as NRadios, n as DtUserDept, p as DataForm, r as DtUserRender, t as DtDeptRender, v as NCheckboxes } from "./components-B_qzc9ro.js";
 import { computed, createVNode, defineComponent, h, isVNode, mergeProps, ref, shallowRef, unref } from "vue";
 import { until } from "@vueuse/core";
 import { NButton, NCheckbox, NColorPicker, NDatePicker, NDrawer, NDrawerContent, NFlex, NInput, NInputNumber, NModal, NScrollbar, NSelect, NText, NUpload, useMessage } from "ithinkdt-ui";
@@ -66,7 +66,7 @@ var mapProps = (n) => Object.fromEntries(Object.entries(n || {}).map(([n, c]) =>
 			c.onUpdateFileList?.(n), nextTick(() => f.nTriggerFormChange());
 		};
 		return () => {
-			let { type: n, onUpdateFileList: u,...p } = c;
+			let { type: n, onUpdateFileList: u, ...p } = c;
 			return createVNode(NUpload, mergeProps(p, {
 				ref: _,
 				customRequest: g.value,
@@ -74,7 +74,7 @@ var mapProps = (n) => Object.fromEntries(Object.entries(n || {}).map(([n, c]) =>
 				accept: p.accept ?? n === "image" ? "image/*" : void 0,
 				"onUpdate:fileList": v
 			}), {
-				default: () => {
+				default: n === "image" ? void 0 : () => {
 					let n;
 					return createVNode(NButton, {
 						disabled: f.mergedDisabledRef.value,
@@ -86,9 +86,9 @@ var mapProps = (n) => Object.fromEntries(Object.entries(n || {}).map(([n, c]) =>
 		};
 	}
 });
-function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersByDept: p, getUsersByUsername: m, uploadFile: g, getFileInfos: v }) {
+function createPageFormHelper({ getUserGroups: n, getUsersByGroup: u, getDeptsByCode: f, getUsersByDept: m, getUsersByUsername: g, uploadFile: v, getFileInfos: y }) {
 	return {
-		input: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => f ? createVNode(NText, {
+		input: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f, ...p }) => f ? createVNode(NText, {
 			depth: 2,
 			style: "line-height: 1.25"
 		}, { default: () => [l ?? ""] }) : (c = mapProps(c), h(NInput, {
@@ -98,7 +98,7 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 			value: l,
 			"onUpdate:value": u
 		}, n)),
-		number: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => f ? createVNode(NText, {
+		number: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f, ...p }) => f ? createVNode(NText, {
 			depth: 2,
 			style: "line-height: 1.25"
 		}, { default: () => [l ?? ""] }) : (c = mapProps(c), h(NInputNumber, {
@@ -110,8 +110,8 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 		}, n)),
 		select: () => {
 			let n, c;
-			return ({ slots: l, props: u }, { modelValue: d, "onUpdate:modelValue": f, required: p, readonly: m,...g }) => {
-				let { dictType: v, options: y,...b } = mapProps(u);
+			return ({ slots: l, props: u }, { modelValue: d, "onUpdate:modelValue": f, required: p, readonly: m, ...g }) => {
+				let { dictType: v, options: y, ...b } = mapProps(u);
 				if (y ? c = y : n !== v && (n = v, !c && n && (c = useDict(n))), m) if (b.multiple) {
 					let n;
 					return createVNode(NText, {
@@ -119,7 +119,7 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 						style: "line-height: 1.25"
 					}, _isSlot(n = (d?.map((n) => c?.find((c) => c[b.valueField || "value"] === n)) ?? []).map((n, c, l) => {
 						let u = n ? b.renderLabel ? b.renderLabel(n) ?? "" : n[b.labelField || "label"] ?? "" : d[c] ?? "";
-						return createVNode("span", { key: n[b.valueField || "value"] }, [u, c < l.length - 1 ? ", " : ""]);
+						return createVNode("span", { key: n ? n[b.valueField || "value"] : d[c] ?? "" }, [u, c < l.length - 1 ? ", " : ""]);
 					})) ? n : { default: () => [n] });
 				} else {
 					let n = c?.find((n) => n[b.valueField || "value"] === d);
@@ -139,7 +139,7 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 				}, l);
 			};
 		},
-		checkbox: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => {
+		checkbox: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f, ...p }) => {
 			if (c = mapProps(c), f) {
 				let u;
 				return u = l === (c.checkedValue ?? !0) ? n?.checked ? n.checked() : createVNode(NCheckbox, { checked: !0 }, null) : n?.unchecked ? n.unchecked() : createVNode(NCheckbox, { disabled: !0 }, null), createVNode(NText, {
@@ -156,30 +156,30 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 		},
 		checkboxes: () => {
 			let n, c;
-			return ({ props: u }, { modelValue: d, required: f, readonly: p,...m }) => {
-				let { dictType: g, options: v,...y } = mapProps(u);
-				if (v ? c = v : n !== g && (n = g, !c && n && (c = useDict(n))), p) {
+			return ({ props: l }, { modelValue: u, required: d, readonly: f, ...m }) => {
+				let { dictType: g, options: v, ...y } = mapProps(l);
+				if (v ? c = v : n !== g && (n = g, !c && n && (c = useDict(n))), f) {
 					let n;
 					return createVNode(NText, {
 						depth: 2,
 						style: "line-height: 2.4"
-					}, _isSlot(n = (d?.map((n) => c?.find((c) => c[y.valueField || "value"] === n)) ?? []).map((n, c, l) => {
-						let u = n ? n[y.labelField ?? "label"] ?? "" : d[c] ?? "";
-						return createVNode("span", { key: n[y.valueField ?? "value"] }, [u, c < l.length - 1 ? ", " : ""]);
+					}, _isSlot(n = (u?.map((n) => c?.find((c) => c[y.valueField || "value"] === n)) ?? []).map((n, c, l) => {
+						let d = n ? n[y.labelField ?? "label"] ?? "" : u[c] ?? "";
+						return createVNode("span", { key: n ? n[y.valueField ?? "value"] : u[c] ?? "" }, [d, c < l.length - 1 ? ", " : ""]);
 					})) ? n : { default: () => [n] });
 				}
 				return h(NCheckboxes, {
 					...y,
 					...m,
 					options: c,
-					modelValue: d
+					modelValue: u
 				});
 			};
 		},
 		radios: () => {
 			let n, l;
-			return ({ props: u }, { modelValue: d, required: f, readonly: p,...m }) => {
-				let { dictType: g, options: v,...y } = mapProps(u);
+			return ({ props: u }, { modelValue: d, required: f, readonly: p, ...m }) => {
+				let { dictType: g, options: v, ...y } = mapProps(u);
 				if (v ? l = v : n !== g && (n = g, !l && n && (l = useDict(n))), p) {
 					let n = l?.find((n) => n[y.valueField ?? "value"] === d);
 					return createVNode(NText, {
@@ -195,8 +195,8 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 				});
 			};
 		},
-		datepicker: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => {
-			let { type: m = "date", format: g = m.startsWith("datetime") ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd",...v } = mapProps(c);
+		datepicker: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f, ...p }) => {
+			let { type: m = "date", format: g = m.startsWith("datetime") ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd", ...v } = mapProps(c);
 			return f ? m.endsWith("range") ? createVNode(NText, {
 				depth: 2,
 				style: "line-height: 1.25"
@@ -213,7 +213,7 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 				"onUpdate:value": u
 			}, n);
 		},
-		file: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f,...p }) => {
+		file: () => ({ slots: n, props: c }, { modelValue: l, "onUpdate:modelValue": u, required: d, readonly: f, ...p }) => {
 			if (c = mapProps(c), f) {
 				let n;
 				return console.warn("[file] 原则上此组建不应该显示在详情中"), fileList.value.length === 0 ? void 0 : createVNode(NFlex, {
@@ -231,7 +231,7 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 				...c,
 				...p,
 				defaultUpload: !1,
-				uploadFile: g,
+				uploadFile: v,
 				fileList: l,
 				onUpdateFileList: u
 			}, n);
@@ -241,7 +241,7 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 				let c = ++d;
 				u.value = n.map((n) => l.get(n)).filter(Boolean);
 				let f = n.filter((n) => !l.has(n));
-				Promise.resolve(f.length > 0 ? v(f) : []).then((f) => {
+				Promise.resolve(f.length > 0 ? y(f) : []).then((f) => {
 					if (c === d) {
 						u.value = n.map((n) => l.get(n) || f.find((c) => c.id === n)), l.clear();
 						for (let n of u.value) l.set(n.id, n);
@@ -249,30 +249,32 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 				});
 			}, p;
 			return {
-				renderer: ({ slots: d, props: m }, { modelValue: v, "onUpdate:modelValue": y, required: b, readonly: S,...C }) => {
+				renderer: ({ slots: d, props: m }, { modelValue: g, "onUpdate:modelValue": y, required: b, readonly: S, ...C }) => {
 					let w = mapProps(m);
-					if (p = w.ref ??= shallowRef(), n !== v && (n = v, f(v?.split(",") ?? [])), S) {
+					if (p = w.ref ??= shallowRef(), n !== g && (n = g, f(g?.split(",") ?? [])), S) {
 						let n;
 						return u.value.length === 0 ? void 0 : createVNode(NFlex, {
 							gap: "8",
-							vertical: !0
+							vertical: !0,
+							style: "padding: 6px 0"
 						}, _isSlot(n = u.value.map((n) => createVNode("a", {
 							key: n.id,
 							href: n.url,
 							target: "_blank",
 							rel: "noreferrer",
 							title: n.name,
-							style: "max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
+							download: n.name,
+							style: "max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
 						}, [n.name]))) ? n : { default: () => [n] });
 					}
 					return h(SimpleUpload, {
 						...w,
 						...C,
-						uploadFile: g,
+						uploadFile: v,
 						fileList: u.value,
 						onUpdateFileList: (n = []) => {
 							l.clear();
-							for (let u of n) u.file.fileId && c.set(u.id, u.file.fileId), u.file.fileId ? l.set(u.file.fileId, u) : l.set(u.id, u);
+							for (let u of n) u.file?.fileId && c.set(u.id, u.file.fileId), u.file?.fileId ? l.set(u.file.fileId, u) : l.set(u.id, u);
 							u.value = n, y(u.value.map((n) => c.get(n.id) || n.id).join(",") || null);
 						}
 					}, d);
@@ -283,37 +285,37 @@ function createPageFormHelper({ getUserGroups: n, getUsersByGroup: d, getUsersBy
 			};
 		},
 		user: () => {
-			let c;
-			return ({ slots: l, props: g }, { modelValue: v, "onUpdate:modelValue": y, required: b, readonly: S,...C }) => {
-				let w = mapProps(g);
-				return c || (c = shallowRef([]), m().then((n) => {
+			let c, p, v;
+			return ({ slots: y, props: b }, { modelValue: S, "onUpdate:modelValue": C, required: w, readonly: T, ...E }) => {
+				let D = mapProps(b);
+				return c || (c = shallowRef([]), p = shallowRef([]), v = shallowRef([]), g().then((n) => {
 					c.value = n;
 				}), n().then((n) => {
-					(void 0).value = n;
-				}), getDeptsByCode().then((n) => {
-					(void 0).value = n;
-				})), S ? createVNode(DtUserRender, {
-					value: v,
-					multiple: w.multiple,
-					getUsersByUsername: m
+					p.value = n;
+				}), f().then((n) => {
+					v.value = n;
+				})), T ? createVNode(DtUserRender, {
+					value: S,
+					multiple: D.multiple,
+					getUsersByUsername: g
 				}, null) : h(DtUserDept, {
 					type: "user",
 					users: c.value,
-					depts: (void 0).value,
-					groups: (void 0).value,
-					getUsersByDept: p,
-					getUsersByGroup: d,
-					...w,
-					...C,
-					modelValue: v,
-					"onUpdate:modelValue": y
-				}, l);
+					depts: v.value,
+					groups: p.value,
+					getUsersByDept: m,
+					getUsersByGroup: u,
+					...D,
+					...E,
+					modelValue: S,
+					"onUpdate:modelValue": C
+				}, y);
 			};
 		}
 	};
 }
 function createPageTableHelper({ getDeptsByCode: n, getUsersByUsername: c, getFileInfos: l, previewFileUrl: u }) {
-	let d = (n) => () => (c, l, u, d) => {
+	let p = (n) => () => (c, l, u, d) => {
 		if (c != null) return format(c, d.formatter ?? n);
 	}, m = (n = {}) => createVNode("svg", mergeProps({
 		xmlns: "http://www.w3.org/2000/svg",
@@ -327,8 +329,8 @@ function createPageTableHelper({ getDeptsByCode: n, getUsersByUsername: c, getFi
 		fill: "currentColor"
 	}, null)]);
 	return {
-		date: d("yyyy-MM-dd"),
-		datetime: d("yyyy-MM-dd HH:mm:ss"),
+		date: p("yyyy-MM-dd"),
+		datetime: p("yyyy-MM-dd HH:mm:ss"),
 		dict: () => {
 			let n, c, l;
 			return (u, d, f, p) => {
@@ -408,25 +410,31 @@ function createPageTableHelper({ getDeptsByCode: n, getUsersByUsername: c, getFi
 				getDeptsByCode: n
 			}, null);
 		},
-		user: () => (n, l, u, d) => {
+		user: () => (n, l, u, f) => {
 			if (n) return createVNode(DtUserRender, {
 				value: n,
-				multiple: d?.multiple,
+				multiple: f?.multiple,
 				getUsersByUsername: c
 			}, null);
 		}
 	};
 }
 function createFormHelper() {
-	return () => ({ items: n, model: c, handleSubmit: l, reset: u, validation: f, readonly: p, inModal: m, showColon: g }) => createVNode(DataForm, {
+	return () => ({ items: n, model: c, handleSubmit: l, reset: d, validation: f, readonly: p, inModal: m, showFeedback: g, showColon: _, labelWidth: v, labelAlign: y, labelPlacement: b, showRequireMark: x, requireMarkPlacement: C }) => createVNode(DataForm, {
 		readonly: p,
 		model: c,
 		items: n,
 		validation: f,
-		showColon: unref(g) ?? !0,
+		showColon: unref(_) ?? !0,
+		labelWidth: unref(v),
+		labelAlign: unref(y),
+		labelPlacement: unref(b),
+		showRequireMark: unref(x),
+		requireMarkPlacement: unref(C),
+		showFeedback: unref(g) ?? !0,
 		showAction: !1,
 		onSubmit: l,
-		onRest: u,
+		onRest: d,
 		style: m ? "padding-right: 2rem; padding-top: 1rem" : void 0
 	}, null);
 }
@@ -436,7 +444,7 @@ function createModalHelper() {
 		display: "flex",
 		flexDirection: "column"
 	}, l = { content: !0 };
-	return () => ({ type: u = "dialog", visible: d, title: f, content: p, footer: m, placement: g, resizable: _, draggable: v, closeOnEsc: b, closable: x, showMask: S, maskClosable: C, width: T, height: E, style: D, 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 }) => {
+	return () => ({ type: u = "dialog", visible: d, title: f, content: p, footer: m, placement: g, resizable: _, draggable: v, closeOnEsc: b, closable: x, showMask: S, maskClosable: C, width: T, height: E, style: D, 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 = m ? () => m : m === null ? null : () => createVNode(NFlex, {
 			justify: "end",
 			gap: "16"
@@ -481,7 +489,7 @@ function createModalHelper() {
 				action: V
 			});
 		}
-		let { bodyContentClass: H, bodyContentStyle: U,...W } = B;
+		let { bodyContentClass: H, bodyContentStyle: U, ...W } = B;
 		return createVNode(NDrawer, mergeProps({
 			show: d,
 			trapFocus: !1,