@ithinkdt/ui 4.0.0-9 → 4.0.0

package/dist/page.js

@@ -0,0 +1,642 @@
+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-BXPJvdEe.js";
+import { computed, createVNode, defineComponent, h, isVNode, mergeProps, nextTick, ref, shallowRef, toValue, unref } from "vue";
+import { until, useClipboard } from "@vueuse/core";
+import { NButton, NCheckbox, NColorPicker, NDatePicker, NDrawer, NDrawerContent, NFlex, NIcon, 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 { useModal } from "@ithinkdt/page";
+import { isNullish } from "@ithinkdt/common";
+import { useDict, useDictMap } from "@ithinkdt/common/dict";
+function _isSlot(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
+}
+var mapProps = (e) => Object.fromEntries(Object.entries(e || {}).map(([e, t]) => [e, unref(t)])), SimpleUpload = /* @__PURE__ */ defineComponent({
+	name: "SimpleUpload",
+	props: {
+		type: {
+			type: String,
+			default: "file"
+		},
+		size: {
+			type: String,
+			default: "medium"
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		max: {
+			type: Number,
+			default: void 0
+		},
+		accept: {
+			type: String,
+			default: void 0
+		},
+		maxSize: {
+			type: Number,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		fileList: {
+			type: Array,
+			default: () => []
+		},
+		onUpdateFileList: { type: [Array, Function] },
+		uploadFile: { type: Function }
+	},
+	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);
+			});
+		})), l = ref();
+		r({ submit() {
+			return until(l).toBeTruthy().then((e) => e.submit());
+		} });
+		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: 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: e === "image" ? void 0 : () => {
+					let e;
+					return createVNode(NButton, {
+						disabled: a.mergedDisabledRef.value,
+						size: a.mergedSizeRef.value
+					}, _isSlot(e = i("common.page.form.selectFileText")) ? e : { default: () => [e] });
+				},
+				...n
+			});
+		};
+	}
+});
+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), g = (e) => isNullish(e) ? e : Number(e);
+	return {
+		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: () => [n ?? ""] }) : (t = mapProps(t), h(NInput, {
+			clearable: !0,
+			...t,
+			...o,
+			value: n,
+			"onUpdate:value": r
+		}, e)),
+		number: () => {
+			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: () => [i ?? ""] });
+				let { valueType: u = "number", ...d } = mapProps(r), f = u === "string" ? g(i) : i;
+				return e = a, u === "string" && !t && (t = (t, ...n) => {
+					e(p(t), ...n);
+				}), h(NInputNumber, {
+					clearable: !0,
+					...d,
+					...c,
+					value: f,
+					"onUpdate:value": u === "string" ? t : e
+				}, n);
+			};
+		},
+		select: () => {
+			let e, t, n, r, i;
+			return ({ slots: a, props: o }, { modelValue: s, "onUpdate:modelValue": c, required: u, readonly: d, ...m }) => {
+				let { dictType: v, options: y, valueType: b = "string", ...x } = mapProps(o), S = b === "number" ? p : f;
+				y ? t = y : e !== v && (e = v, !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(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 e = t?.find((e) => e[x.valueField || "value"] === C);
+					return createVNode(NText, {
+						depth: 2,
+						style: "line-height: 1.25"
+					}, { default: () => [e ? x.renderLabel ? x.renderLabel(e) ?? "" : e[x.labelField || "label"] ?? "" : C ?? ""] });
+				}
+				return r = x.multiple, n = c, b === "number" && !i && (i = (e, ...t) => {
+					n(r ? e?.map(g) : g(e), ...t);
+				}), h(NSelect, {
+					clearable: !0,
+					loading: t?.loading,
+					...x,
+					options: unref(t),
+					...m,
+					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 = 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(r) ? r : { default: () => [r] });
+			}
+			return h(NCheckbox, {
+				...t,
+				...o,
+				checked: n,
+				"onUpdate:checked": r
+			}, e);
+		},
+		checkboxes: () => {
+			let e, t, n, r;
+			return ({ props: i }, { modelValue: a, "onUpdate:modelValue": s, required: c, readonly: u, ...d }) => {
+				let { dictType: m, options: _, valueType: v = "string", ...y } = mapProps(i), b = v === "number" ? p : f;
+				_ ? t = _ : 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(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 n = s, v === "number" && !r && (r = (e, ...t) => {
+					n(e?.map(g), ...t);
+				}), h(NCheckboxes, {
+					...y,
+					...d,
+					options: t,
+					modelValue: x,
+					"onUpdate:modelValue": v === "number" ? r : n
+				});
+			};
+		},
+		radios: () => {
+			let e, t, n, r;
+			return ({ props: i }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: u, ...d }) => {
+				let { dictType: m, options: _, valueType: v = "string", ...y } = mapProps(i), b = v === "number" ? p : f;
+				_ ? t = _ : 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: () => [e ? e[y.labelField ?? "label"] ?? "" : x ?? ""] });
+				}
+				return n = s, v === "number" && !r && (r = (e, ...t) => {
+					n(g(e), ...t);
+				}), h(NRadios, {
+					...y,
+					...d,
+					options: t,
+					modelValue: x,
+					"onUpdate:modelValue": v === "number" ? r : n
+				});
+			};
+		},
+		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: () => [n ? `${n[0] ? format(n[0], c) : ""} ~ ${n[1] ? format(n[1], c) : ""}` : ""] }) : createVNode(NText, {
+				depth: 2,
+				style: "line-height: 1.25"
+			}, { default: () => [n ? format(n, c) : ""] }) : h(NDatePicker, {
+				actions: null,
+				updateValueOnClose: !0,
+				clearable: !0,
+				...u,
+				...o,
+				type: s,
+				format: c,
+				value: n,
+				"onUpdate:value": r
+			}, e);
+		},
+		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(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"
+				}, [e.name]))) ? e : { default: () => [e] }) : void 0;
+			}
+			return h(SimpleUpload, {
+				...t,
+				...o,
+				defaultUpload: !1,
+				uploadFile: u,
+				fileList: n,
+				onUpdateFileList: r
+			}, e);
+		},
+		upload: () => {
+			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);
+					}
+				});
+			}, o, s;
+			return {
+				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(e = r.value.map((e) => createVNode("a", {
+							key: e.id,
+							href: e.url,
+							target: "_blank",
+							rel: "noreferrer",
+							title: e.name,
+							download: e.name,
+							style: "max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block"
+						}, [e.name]))) ? e : { default: () => [e] });
+					}
+					return h(SimpleUpload, {
+						...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);
+						}
+					}, i);
+				},
+				beforeSubmit: async () => {
+					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 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: 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: 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"
+	}, e), [createVNode("circle", {
+		cx: "16",
+		cy: "16",
+		r: "8",
+		fill: "currentColor"
+	}, null)]), c = (e = {}) => createVNode("svg", mergeProps({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 24 24"
+	}, e), [createVNode("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)]), l = (e) => createVNode("svg", mergeProps({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 24 24"
+	}, e), [createVNode("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)]), u = (e) => createVNode("svg", mergeProps({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 24 24"
+	}, e), [createVNode("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 = ref(), { open: t } = useModal({
+				type: "drawer",
+				resizable: !0,
+				content: () => createVNode("div", null, [createVNode("span", null, [e.value])]),
+				width: 600,
+				footer: null,
+				maskClosable: !0
+			}), { copy: n, copied: r } = useClipboard({ legacy: !0 }), i = (i, a, o) => {
+				if (!a) return t(i);
+				let s = () => {
+					o ? o(e.value) : n(e.value);
+				};
+				return t(() => createVNode("div", { style: "display: flex; align-items: center; justify-content: space-between; margin-right: 4px;" }, [toValue(i), r.value ? createVNode(NButton, {
+					quaternary: !0,
+					size: "tiny",
+					type: "success"
+				}, { icon: () => createVNode(NIcon, { size: 18 }, { default: () => [createVNode(u, null, null)] }) }) : createVNode(NButton, {
+					quaternary: !0,
+					size: "tiny",
+					onClick: s
+				}, { icon: () => createVNode(NIcon, { size: 16 }, { default: () => [createVNode(l, null, null)] }) })]));
+			};
+			return {
+				renderer: (t, n, { params: r = {} }, { label: a }) => createVNode("div", { style: "white-space: nowrap; overflow: hidden; display: flex; gap: 8px; align-items: center; justify-content: space-between" }, [createVNode("div", { style: "flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" }, [t]), createVNode(NButton, {
+					type: "info",
+					text: !0,
+					style: "position: sticky; right: 0; z-index: 2",
+					onClick: r.showText ? () => r.showText(t) : () => {
+						e.value = r.formatText ? r.formatText(t) : t, i(r.title || a, r.copyable !== !1, r.onCopy);
+					}
+				}, { default: () => [createVNode(NIcon, { size: 18 }, { default: () => [createVNode(c, 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: 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(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 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) => 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: () => (e, t, { params: n = {} }) => {
+			let r;
+			return e ? createVNode(NFlex, {
+				gap: "8",
+				wrap: !0
+			}, _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))) ? r : { default: () => [r] }) : void 0;
+		},
+		file: () => {
+			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(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"
+				}, [e.name]))) ? a : { default: () => [a] })) : void 0;
+			};
+		},
+		dept: () => (t, n, { params: r = {} }) => {
+			if (t) return createVNode(DtDeptRender, {
+				value: t,
+				multiple: r?.multiple,
+				getDeptsByCode: e
+			}, null);
+		},
+		user: () => {
+			let e = { style: "padding-block: 0" };
+			return {
+				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",
+					cellProps: () => e
+				} }
+			};
+		}
+	};
+}
+function createFormHelper() {
+	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: r,
+		onReset: i,
+		style: s ? "padding-right: 2rem; padding-top: 1rem" : void 0
+	}, null);
+}
+function createModalHelper() {
+	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: c, resizable: l, draggable: u, closeOnEsc: f, closable: p, showMask: m, maskClosable: g, width: _, height: v, style: y, onClose: x, onCancel: S, onConfirm: C, onAfterClose: w, onAfterOpen: T, confirmText: E, confirmDisabled: D, confirmLoading: O, cancelText: k, cancelDisabled: A, cancelLoading: j, nativeScrollbar: M, ...N }) => {
+		let P = s ? () => s : s === null ? null : () => createVNode(NFlex, {
+			justify: "end",
+			gap: "16"
+		}, { default: () => [k === null ? void 0 : createVNode(NButton, {
+			onClick: S,
+			disabled: A,
+			loading: j,
+			style: "min-width: 60px"
+		}, _isSlot(k) ? k : { default: () => [k] }), E === null ? void 0 : createVNode(NButton, {
+			type: "primary",
+			onClick: C,
+			disabled: D,
+			loading: O,
+			style: "min-width: 60px"
+		}, _isSlot(E) ? E : { default: () => [E] })] });
+		if (r === "dialog") {
+			let { style: r } = mergeProps({ style: {
+				width: e(_ ?? 520),
+				height: e(v)
+			} }, { style: y });
+			return createVNode(NModal, mergeProps({
+				show: i,
+				preset: "card",
+				title: () => a,
+				maskClosable: g ?? !1,
+				closeOnEsc: f,
+				closable: p,
+				onClose: x,
+				segmented: n,
+				size: "small",
+				onAfterEnter: T,
+				onAfterLeave: w,
+				onUpdateShow: x,
+				draggable: u ?? !0,
+				style: r,
+				contentStyle: t
+			}, N), {
+				default: () => createVNode(NScrollbar, {
+					abstract: !0,
+					style: "display: flex; flex-direction: column"
+				}, _isSlot(o) ? o : { default: () => [o] }),
+				action: P
+			});
+		}
+		let { bodyContentClass: F, bodyContentStyle: I, ...L } = N;
+		return createVNode(NDrawer, mergeProps({
+			show: i,
+			trapFocus: !1,
+			closeOnEsc: f,
+			showMask: m,
+			maskClosable: g,
+			resizable: l,
+			placement: c,
+			width: l ? void 0 : _ ?? 440,
+			defaultWidth: l ? _ ?? 440 : void 0,
+			height: v,
+			onUpdateShow: x,
+			onAfterEnter: T,
+			onAfterLeave: w,
+			style: y
+		}, L), { default: () => [createVNode(NDrawerContent, {
+			closable: p,
+			nativeScrollbar: M ?? !1,
+			bodyContentClass: F,
+			bodyContentStyle: I
+		}, {
+			default: () => o,
+			header: () => a,
+			footer: P
+		})] });
+	};
+}
+export { createDescriptionHelper, createFormHelper, createModalHelper, createPageFormHelper };

package/dist/use-i18n-D-AJ8KbA.js

@@ -0,0 +1,6 @@
+import { inject } from "vue";
+const UI_I18N_INJECTION = "__UI_I18N__";
+function useI18n() {
+	return inject(UI_I18N_INJECTION).value();
+}
+export { useI18n as n, UI_I18N_INJECTION as t };

package/dist/use-style-BGq0HdRK.js

@@ -0,0 +1,29 @@
+import { useMergedClsPrefix } from "ithinkdt-ui/es/_mixins/use-config";
+import _useStyle from "ithinkdt-ui/es/_mixins/use-style";
+import { c, cB, cE, cM } from "ithinkdt-ui/es/_utils/cssr/index";
+function useStyle(t, n, r, i) {
+	return r ??= useMergedClsPrefix(), _useStyle(t, n, r, i), r;
+}
+const fullWidth = { width: "100%" }, fullHeight = { height: "100%" }, fullWH = {
+	...fullWidth,
+	...fullHeight
+}, flex = { display: "flex" }, flexDirCol = {
+	...flex,
+	flexDirection: "column"
+}, flexAlignCenter = {
+	...flex,
+	alignItems: "center"
+}, flexJustifyCenter = {
+	...flex,
+	justifyContent: "center"
+}, flexJustifySB = {
+	...flex,
+	justifyContent: "space-between"
+}, flexCenter = {
+	...flexAlignCenter,
+	...flexJustifyCenter
+}, flexGap = (e) => ({
+	...flex,
+	gap: e
+});
+export { flex as a, flexDirCol as c, flexJustifySB as d, fullHeight as f, useStyle as g, useMergedClsPrefix as h, cM as i, flexGap as l, fullWidth as m, cB as n, flexAlignCenter as o, fullWH as p, cE as r, flexCenter as s, c as t, flexJustifyCenter as u };

package/dist/use-style.js

@@ -0,0 +1,2 @@
+import { a as flex, c as flexDirCol, d as flexJustifySB, f as fullHeight, g as useStyle, h as useMergedClsPrefix, i as cM, l as flexGap, m as fullWidth, n as cB, o as flexAlignCenter, p as fullWH, r as cE, s as flexCenter, t as c, u as flexJustifyCenter } from "./use-style-BGq0HdRK.js";
+export { c, cB, cE, cM, useStyle as default, flex, flexAlignCenter, flexCenter, flexDirCol, flexGap, flexJustifyCenter, flexJustifySB, fullHeight, fullWH, fullWidth, useMergedClsPrefix as useClsPrefix };