@guodun/antdv 1.4.4 → 1.4.5

package/dist/es/components/pro-contract-template-designer/src/ContractTemplateDesignerWorkspaceHeader.vue.mjs

@@ -1,8 +1,8 @@
 import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 import { Button as p, Tooltip as m } from "ant-design-vue";
-import { AuditOutlined as h, BgColorsOutlined as g, ColumnWidthOutlined as _, DatabaseOutlined as v, DeleteOutlined as y, EyeOutlined as b, FormOutlined as x, FullscreenExitOutlined as S, FullscreenOutlined as C, ReloadOutlined as w, UpOutlined as T, ZoomInOutlined as E, ZoomOutOutlined as D } from "@ant-design/icons-vue";
+import { AuditOutlined as h, BgColorsOutlined as g, ColumnWidthOutlined as _, CopyOutlined as v, DatabaseOutlined as y, DeleteOutlined as b, EyeOutlined as x, FormOutlined as S, FullscreenExitOutlined as C, FullscreenOutlined as w, ReloadOutlined as T, UpOutlined as E, ZoomInOutlined as D, ZoomOutOutlined as O } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerWorkspaceHeader.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class: "gd-contract-template-designer__workspace-actions" }, A = { class: "gd-contract-template-designer__workspace-controls" }, j = { class: "gd-contract-template-designer__zoom" }, M = { class: "gd-contract-template-designer__workspace-buttons" }, N = { class: "gd-contract-template-designer__page-decorations-trigger-copy" }, P = /* @__PURE__ */ o({
+var k = { class: "gd-contract-template-designer__workspace-meta" }, A = { class: "gd-contract-template-designer__workspace-actions" }, j = { class: "gd-contract-template-designer__workspace-controls" }, M = { class: "gd-contract-template-designer__zoom" }, N = { class: "gd-contract-template-designer__workspace-buttons" }, P = { class: "gd-contract-template-designer__page-decorations-trigger-copy" }, F = /* @__PURE__ */ o({
 	__name: "ContractTemplateDesignerWorkspaceHeader",
 	props: {
 		summary: {},
@@ -11,6 +11,7 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 		showDraftCacheStatus: { type: Boolean },
 		showClearButton: { type: Boolean },
 		showSubmitDataViewer: { type: Boolean },
+		showVariableDataViewer: { type: Boolean },
 		readonly: { type: Boolean },
 		zoomPercent: {},
 		zoomOutDisabled: { type: Boolean },
@@ -35,49 +36,50 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 		"validate",
 		"preview",
 		"submitData",
+		"variableData",
 		"togglePageDecorations",
 		"toggleChrome"
 	],
-	setup(o, { expose: P, emit: F }) {
-		let I = o, L = F, R = l(), z = e(() => [
+	setup(o, { expose: F, emit: I }) {
+		let L = o, R = I, z = l(), B = e(() => [
 			{
 				key: "header",
 				label: "页眉",
-				enabled: I.pageDecorationsEnabledStates.header
+				enabled: L.pageDecorationsEnabledStates.header
 			},
 			{
 				key: "footer",
 				label: "页脚",
-				enabled: I.pageDecorationsEnabledStates.footer
+				enabled: L.pageDecorationsEnabledStates.footer
 			},
 			{
 				key: "watermark",
 				label: "水印",
-				enabled: I.pageDecorationsEnabledStates.watermark
+				enabled: L.pageDecorationsEnabledStates.watermark
 			}
-		]), B = e(() => `页面装饰 · ${I.pageDecorationsPresetLabel} · 启用 ${I.pageDecorationsEnabledCount}/3`), V = e(() => `页面装饰，${I.pageDecorationsPresetLabel}，已启用 ${I.pageDecorationsEnabledCount}/3；${z.value.map((e) => `${e.label}${e.enabled ? "已启用" : "未启用"}`).join("，")}`);
-		return P({
-			focusPageDecorations: () => R.value?.querySelector(".gd-contract-template-designer__page-decorations-trigger")?.focus(),
-			focusImmersive: () => R.value?.querySelector(".gd-contract-template-designer__immersive-trigger")?.focus(),
-			focusChromeToggle: () => R.value?.querySelector(".gd-contract-template-designer__workspace-chrome-toggle")?.focus()
+		]), V = e(() => `页面装饰 · ${L.pageDecorationsPresetLabel} · 启用 ${L.pageDecorationsEnabledCount}/3`), H = e(() => `页面装饰，${L.pageDecorationsPresetLabel}，已启用 ${L.pageDecorationsEnabledCount}/3；${B.value.map((e) => `${e.label}${e.enabled ? "已启用" : "未启用"}`).join("，")}`);
+		return F({
+			focusPageDecorations: () => z.value?.querySelector(".gd-contract-template-designer__page-decorations-trigger")?.focus(),
+			focusImmersive: () => z.value?.querySelector(".gd-contract-template-designer__immersive-trigger")?.focus(),
+			focusChromeToggle: () => z.value?.querySelector(".gd-contract-template-designer__workspace-chrome-toggle")?.focus()
 		}), (e, l) => (c(), r("header", {
 			ref_key: "workspaceHeader",
-			ref: R,
+			ref: z,
 			class: "gd-contract-template-designer__workspace-header"
-		}, [i("div", O, [i("strong", null, u(o.summary), 1), o.showDraftCacheStatus && o.draftCacheStatusText ? (c(), r("small", {
+		}, [i("div", k, [i("strong", null, u(o.summary), 1), o.showDraftCacheStatus && o.draftCacheStatusText ? (c(), r("small", {
 			key: 0,
 			class: s(["gd-contract-template-designer__draft-cache-status", o.draftCacheStatusClass])
-		}, u(o.draftCacheStatusText), 3)) : n("", !0)]), i("div", k, [
-			i("div", A, [i("div", j, [
+		}, u(o.draftCacheStatusText), 3)) : n("", !0)]), i("div", A, [
+			i("div", j, [i("div", M, [
 				a(d(m), { title: "缩小" }, {
 					default: f(() => [a(d(p), {
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						disabled: o.zoomOutDisabled,
 						"aria-label": "缩小",
-						onClick: l[0] ||= (e) => L("zoomOut")
+						onClick: l[0] ||= (e) => R("zoomOut")
 					}, {
-						default: f(() => [a(d(D), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(O), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
@@ -89,9 +91,9 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						class: "gd-contract-template-designer__icon-button",
 						disabled: o.zoomInDisabled,
 						"aria-label": "放大",
-						onClick: l[1] ||= (e) => L("zoomIn")
+						onClick: l[1] ||= (e) => R("zoomIn")
 					}, {
-						default: f(() => [a(d(E), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(D), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
@@ -101,7 +103,7 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "适应宽度",
-						onClick: l[2] ||= (e) => L("fitWidth")
+						onClick: l[2] ||= (e) => R("fitWidth")
 					}, {
 						default: f(() => [a(d(_), { "aria-hidden": "true" })]),
 						_: 1
@@ -113,9 +115,9 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "重置缩放",
-						onClick: l[3] ||= (e) => L("resetZoom")
+						onClick: l[3] ||= (e) => R("resetZoom")
 					}, {
-						default: f(() => [a(d(w), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(T), { "aria-hidden": "true" })]),
 						_: 1
 					})]),
 					_: 1
@@ -125,12 +127,12 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": o.isFullscreen ? "退出全屏" : "全屏显示",
-						onClick: l[4] ||= (e) => L("toggleFullscreen")
+						onClick: l[4] ||= (e) => R("toggleFullscreen")
 					}, {
-						default: f(() => [o.isFullscreen ? (c(), t(d(S), {
+						default: f(() => [o.isFullscreen ? (c(), t(d(C), {
 							key: 0,
 							"aria-hidden": "true"
-						})) : (c(), t(d(C), {
+						})) : (c(), t(d(w), {
 							key: 1,
 							"aria-hidden": "true"
 						}))]),
@@ -144,15 +146,15 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						class: s(["gd-contract-template-designer__icon-button gd-contract-template-designer__immersive-trigger", { "is-selected": o.immersive }]),
 						"aria-pressed": o.immersive,
 						"aria-label": "沉浸写作",
-						onClick: l[5] ||= (e) => L("toggleImmersive")
+						onClick: l[5] ||= (e) => R("toggleImmersive")
 					}, {
-						default: f(() => [a(d(x), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(S), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["class", "aria-pressed"])]),
 					_: 1
 				})
 			])]),
-			i("div", M, [
+			i("div", N, [
 				o.showClearButton ? (c(), t(d(m), {
 					key: 0,
 					title: "清空合同"
@@ -163,24 +165,24 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						class: "gd-contract-template-designer__icon-button",
 						disabled: o.readonly,
 						"aria-label": "清空合同",
-						onClick: l[6] ||= (e) => L("clear")
+						onClick: l[6] ||= (e) => R("clear")
 					}, {
-						default: f(() => [a(d(y), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(b), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				})) : n("", !0),
-				a(d(m), { title: B.value }, {
+				a(d(m), { title: V.value }, {
 					default: f(() => [a(d(p), {
 						size: "small",
 						class: s(["gd-contract-template-designer__page-decorations-trigger", { "is-selected": o.pageDecorationsOpen }]),
 						"aria-pressed": o.pageDecorationsOpen,
 						"aria-expanded": o.pageDecorationsOpen,
 						"aria-controls": o.pageDecorationsStudioId,
-						"aria-label": V.value,
-						onClick: l[7] ||= (e) => L("togglePageDecorations")
+						"aria-label": H.value,
+						onClick: l[7] ||= (e) => R("togglePageDecorations")
 					}, {
-						default: f(() => [a(d(g), { "aria-hidden": "true" }), i("span", N, [l[12] ||= i("span", null, "页面装饰", -1), i("small", null, u(o.pageDecorationsPresetLabel) + " · 启用 " + u(o.pageDecorationsEnabledCount) + "/3", 1)])]),
+						default: f(() => [a(d(g), { "aria-hidden": "true" }), i("span", P, [l[13] ||= i("span", null, "页面装饰", -1), i("small", null, u(o.pageDecorationsPresetLabel) + " · 启用 " + u(o.pageDecorationsEnabledCount) + "/3", 1)])]),
 						_: 1
 					}, 8, [
 						"class",
@@ -196,7 +198,7 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "校验",
-						onClick: l[8] ||= (e) => L("validate")
+						onClick: l[8] ||= (e) => R("validate")
 					}, {
 						default: f(() => [a(d(h), { "aria-hidden": "true" })]),
 						_: 1
@@ -209,9 +211,9 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						type: "primary",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "预览",
-						onClick: l[9] ||= (e) => L("preview")
+						onClick: l[9] ||= (e) => R("preview")
 					}, {
-						default: f(() => [a(d(b), { "aria-hidden": "true" })]),
+						default: f(() => [a(d(x), { "aria-hidden": "true" })]),
 						_: 1
 					})]),
 					_: 1
@@ -224,7 +226,22 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 						size: "small",
 						class: "gd-contract-template-designer__icon-button",
 						"aria-label": "数据查看",
-						onClick: l[10] ||= (e) => L("submitData")
+						onClick: l[10] ||= (e) => R("submitData")
+					}, {
+						default: f(() => [a(d(y), { "aria-hidden": "true" })]),
+						_: 1
+					})]),
+					_: 1
+				})) : n("", !0),
+				o.showVariableDataViewer ? (c(), t(d(m), {
+					key: 2,
+					title: "控件变量"
+				}, {
+					default: f(() => [a(d(p), {
+						size: "small",
+						class: "gd-contract-template-designer__icon-button",
+						"aria-label": "控件变量",
+						onClick: l[11] ||= (e) => R("variableData")
 					}, {
 						default: f(() => [a(d(v), { "aria-hidden": "true" })]),
 						_: 1
@@ -239,9 +256,9 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 					"aria-label": "收起工具区",
 					"aria-expanded": !0,
 					"aria-controls": o.chromeControlsId,
-					onClick: l[11] ||= (e) => L("toggleChrome")
+					onClick: l[12] ||= (e) => R("toggleChrome")
 				}, {
-					default: f(() => [a(d(T), { "aria-hidden": "true" })]),
+					default: f(() => [a(d(E), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["aria-controls"])]),
 				_: 1
@@ -250,4 +267,4 @@ var O = { class: "gd-contract-template-designer__workspace-meta" }, k = { class:
 	}
 });
 //#endregion
-export { P as default };
+export { F as default };

package/dist/es/components/pro-contract-template-designer/src/ContractTemplateRendererField.vue.mjs

@@ -1,31 +1,40 @@
-import { isContractTemplateFieldType as e } from "./types.mjs";
-import { getFieldOption as t } from "./composables/use-template-designer.mjs";
-import { isSafeContractImageUrl as n } from "./utils/image-url.mjs";
-import { resolveFieldTypeIcon as r } from "./utils/template-tool-icons.mjs";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
-import { Button as x, Checkbox as S, DatePicker as C, Image as w, Input as T, InputNumber as E, Tooltip as D } from "ant-design-vue";
-import { DeleteOutlined as O, EyeOutlined as k } from "@ant-design/icons-vue";
+import e from "../../pro-selector-group/index.mjs";
+import { isContractTemplateFieldType as t } from "./types.mjs";
+import { formatContractTemplateRenderValue as n, normalizeContractTemplateJsonObject as r, normalizeContractTemplateSelectionValues as i } from "./utils/advanced-controls.mjs";
+import { getFieldOption as ee } from "./composables/use-template-designer.mjs";
+import { isSafeContractImageUrl as te } from "./utils/image-url.mjs";
+import { resolveFieldTypeIcon as a } from "./utils/template-tool-icons.mjs";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as ne, openBlock as g, ref as _, renderList as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, withCtx as S, withModifiers as C } from "vue";
+import { Alert as w, Button as T, Checkbox as E, DatePicker as re, Image as ie, Input as D, InputNumber as ae, Radio as oe, RadioGroup as se, Select as ce, Tooltip as O } from "ant-design-vue";
+import { DeleteOutlined as le, EyeOutlined as ue } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateRendererField.vue?vue&type=script&setup=true&lang.ts
-var A = { class: "gd-contract-template-renderer__field-head" }, j = { class: "gd-contract-template-renderer__field-title" }, M = {
+var k = { class: "gd-contract-template-renderer__field-head" }, de = { class: "gd-contract-template-renderer__field-title" }, fe = {
 	class: "gd-contract-template-renderer__field-type-icon",
 	"aria-hidden": "true"
-}, N = { class: "gd-contract-template-renderer__field-title-text" }, P = {
+}, pe = { class: "gd-contract-template-renderer__field-title-text" }, me = {
 	key: 0,
 	class: "gd-contract-template-renderer__field-required",
 	"aria-label": "必填"
-}, F = {
+}, A = {
 	key: 4,
+	class: "gd-contract-template-renderer__selector-field"
+}, j = {
+	key: 1,
+	class: "gd-contract-template-renderer__selector-placeholder",
+	role: "status"
+}, M = {
+	key: 9,
 	class: "gd-contract-template-renderer__field-checkbox"
-}, I = {
-	key: 5,
+}, N = {
+	key: 10,
 	class: "gd-contract-template-renderer__image-field"
-}, L = {
+}, P = {
 	key: 0,
 	class: "gd-contract-template-renderer__image-preview"
-}, R = {
-	key: 7,
+}, F = {
+	key: 12,
 	class: "gd-contract-template-renderer__field-errors"
-}, z = /* @__PURE__ */ f({
+}, I = /* @__PURE__ */ m({
 	name: "ContractTemplateRendererField",
 	__name: "ContractTemplateRendererField",
 	props: {
@@ -33,138 +42,262 @@ var A = { class: "gd-contract-template-renderer__field-head" }, j = { class: "gd
 		value: { type: [
 			String,
 			Number,
-			Boolean
+			Boolean,
+			Object,
+			Array,
+			null
 		] },
 		errors: {},
 		active: { type: Boolean },
 		readonly: { type: Boolean },
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		options: {},
+		loading: { type: Boolean },
+		loadError: {},
+		registration: {},
+		selectorHttp: {},
+		selectorUrlPrefix: {}
 	},
 	emits: ["updateValue", "focusVariable"],
-	setup(f, { emit: z }) {
-		let B = f, V = z, H = a(() => B.readonly || B.disabled), U = a(() => B.value === void 0 || B.value === null ? "" : String(B.value)), W = a(() => {
-			if (B.value === void 0 || B.value === null || B.value === "") return;
-			let e = Number(B.value);
+	setup(m, { emit: I }) {
+		let L = m, R = I, z = s(() => L.readonly || L.disabled), B = s(() => L.value === void 0 || L.value === null ? "" : String(L.value)), V = s(() => n(L.value)), he = s(() => {
+			if (L.value === void 0 || L.value === null || L.value === "") return;
+			let e = Number(L.value);
 			return Number.isFinite(e) ? e : void 0;
-		}), G = a(() => B.value === !0 || B.value === "true" || B.value === "1" || B.value === "是" || B.value === "已选"), K = a(() => B.errors.length > 0), q = a(() => U.value && n(U.value) ? U.value : ""), J = a(() => e(B.variable.type) ? B.variable.type : "text"), Y = a(() => r(J.value)), X = a(() => t(J.value).label);
+		}), H = s(() => L.value === !0 || L.value === "true" || L.value === "1" || L.value === "是" || L.value === "已选"), U = s(() => L.errors.length > 0), W = s(() => B.value && te(B.value) ? B.value : ""), G = s(() => t(L.variable.type) ? L.variable.type : "text"), ge = s(() => a(G.value)), _e = s(() => ee(G.value).label), K = _(!1), q = s(() => L.variable.type === "user-selector" ? "user" : L.variable.type === "role-selector" ? "role" : "dept"), ve = s(() => (Array.isArray(L.value) ? L.value : L.value ? [L.value] : []).flatMap((e) => {
+			if (!e || typeof e != "object") return [];
+			let t = e;
+			return [{
+				value: String(t.value),
+				label: t.label,
+				type: q.value
+			}];
+		})), J = s(() => (L.options ?? L.variable.options ?? []).map((e) => ({
+			...e,
+			value: e.value,
+			label: e.label
+		}))), Y = s(() => {
+			if (Array.isArray(L.value)) return L.value.map((e) => e.value);
+			if (L.value && typeof L.value == "object") return L.value.value;
+		}), X = s(() => ({
+			modelValue: L.value,
+			variable: L.variable,
+			config: r(L.variable.componentConfig),
+			readonly: L.readonly,
+			disabled: z.value,
+			options: J.value,
+			loading: !!L.loading,
+			error: L.loadError,
+			...L.registration?.resolveProps?.({
+				variable: L.variable,
+				config: r(L.variable.componentConfig)
+			}) ?? {}
+		}));
 		function Z(e) {
-			V("updateValue", e);
+			R("updateValue", e);
 		}
-		function Q(e) {
+		function ye(e) {
 			if (e === null || e === "") {
-				V("updateValue", void 0);
+				R("updateValue", void 0);
 				return;
 			}
 			let t = Number(e);
-			V("updateValue", Number.isFinite(t) ? t : void 0);
+			R("updateValue", Number.isFinite(t) ? t : void 0);
+		}
+		function be(e) {
+			R("updateValue", e);
+		}
+		function Q(e) {
+			let t = (e == null ? [] : Array.isArray(e) ? e : [e]).flatMap((e) => {
+				let t = e && typeof e == "object" && "value" in e ? e.value : e, n = J.value.find((e) => e.value === t);
+				return n ? [{
+					value: n.value,
+					label: n.label,
+					type: n.type || G.value
+				}] : [];
+			});
+			R("updateValue", L.variable.multiple && G.value === "select" ? t : t[0]);
+		}
+		function xe(e) {
+			R("updateValue", i(e, G.value, !!L.variable.multiple));
 		}
 		function $(e) {
-			V("updateValue", e);
+			let t = {
+				variable: L.variable,
+				config: r(L.variable.componentConfig)
+			};
+			R("updateValue", L.registration?.normalizeValue ? L.registration.normalizeValue(e, t) : e);
 		}
-		function ee(e) {
-			V("updateValue", typeof e == "string" ? e : "");
+		function Se(e) {
+			R("updateValue", typeof e == "string" ? e : "");
 		}
-		return (e, t) => (m(), c("section", {
-			class: p(["gd-contract-template-renderer__field", {
-				"is-active": f.active,
-				"has-error": K.value
+		return (t, n) => (g(), u("section", {
+			class: ne(["gd-contract-template-renderer__field", {
+				"is-active": m.active,
+				"has-error": U.value
 			}]),
-			onClick: t[1] ||= (e) => V("focusVariable"),
-			onFocusin: t[2] ||= (e) => V("focusVariable")
+			onClick: n[3] ||= (e) => R("focusVariable"),
+			onFocusin: n[4] ||= (e) => R("focusVariable")
 		}, [
-			l("div", A, [l("strong", null, [l("span", j, [d(v(D), { title: X.value }, {
-				default: y(() => [l("span", M, [(m(), o(g(Y.value)))])]),
+			d("div", k, [d("strong", null, [d("span", de, [p(x(O), { title: _e.value }, {
+				default: S(() => [d("span", fe, [(g(), c(y(ge.value)))])]),
 				_: 1
-			}, 8, ["title"]), l("span", N, [u(_(f.variable.label || f.variable.key) + " ", 1), f.variable.required ? (m(), c("span", P, "*")) : s("", !0)])])]), l("small", null, _(f.variable.key), 1)]),
-			f.variable.type === "text" && f.variable.multiline ? (m(), o(v(T).TextArea, {
+			}, 8, ["title"]), d("span", pe, [f(b(m.variable.label || m.variable.key) + " ", 1), m.variable.required ? (g(), u("span", me, "*")) : l("", !0)])])]), d("small", null, b(m.variable.key), 1)]),
+			m.variable.type === "text" && m.variable.multiline ? (g(), c(x(D).TextArea, {
 				key: 0,
-				value: U.value,
-				rows: f.variable.rows || 3,
-				placeholder: f.variable.placeholder || "",
-				disabled: H.value,
+				value: B.value,
+				rows: m.variable.rows || 3,
+				placeholder: m.variable.placeholder || "",
+				disabled: z.value,
 				"onUpdate:value": Z
 			}, null, 8, [
 				"value",
 				"rows",
 				"placeholder",
 				"disabled"
-			])) : !f.variable.type || f.variable.type === "text" ? (m(), o(v(T), {
+			])) : !m.variable.type || m.variable.type === "text" ? (g(), c(x(D), {
 				key: 1,
-				value: U.value,
-				placeholder: f.variable.placeholder || "",
-				disabled: H.value,
+				value: B.value,
+				placeholder: m.variable.placeholder || "",
+				disabled: z.value,
 				"onUpdate:value": Z
 			}, null, 8, [
 				"value",
 				"placeholder",
 				"disabled"
-			])) : f.variable.type === "date" ? (m(), o(v(C), {
+			])) : m.variable.type === "select" ? (g(), c(x(ce), {
 				key: 2,
-				"value-format": "YYYY-MM-DD",
-				value: U.value,
-				placeholder: f.variable.placeholder || "",
-				disabled: H.value,
-				"onUpdate:value": ee
+				value: Y.value,
+				options: J.value,
+				mode: m.variable.multiple ? "multiple" : void 0,
+				placeholder: m.variable.placeholder || "请选择",
+				disabled: z.value,
+				loading: m.loading,
+				"allow-clear": "",
+				"onUpdate:value": Q
 			}, null, 8, [
 				"value",
+				"options",
+				"mode",
 				"placeholder",
-				"disabled"
-			])) : f.variable.type === "number" ? (m(), o(v(E), {
+				"disabled",
+				"loading"
+			])) : m.variable.type === "radio" ? (g(), c(x(se), {
 				key: 3,
-				value: W.value,
-				precision: f.variable.precision,
-				placeholder: f.variable.placeholder || "",
-				disabled: H.value,
+				value: Y.value,
+				disabled: z.value,
 				"onUpdate:value": Q
+			}, {
+				default: S(() => [(g(!0), u(o, null, v(J.value, (e) => (g(), c(x(oe), {
+					key: e.value,
+					value: e.value,
+					disabled: e.disabled
+				}, {
+					default: S(() => [f(b(e.label), 1)]),
+					_: 2
+				}, 1032, ["value", "disabled"]))), 128))]),
+				_: 1
+			}, 8, ["value", "disabled"])) : m.variable.type === "user-selector" || m.variable.type === "dept-selector" || m.variable.type === "role-selector" || m.variable.type === "org-selector" ? (g(), u("div", A, [m.registration ? (g(), c(y(m.registration?.component), h({ key: 0 }, X.value, { "onUpdate:modelValue": $ }), null, 16)) : m.variable.type === "org-selector" ? (g(), u("span", j, b(V.value || m.variable.placeholder || "组织架构占位（由宿主提供组件）"), 1)) : (g(), u(o, { key: 2 }, [p(x(T), {
+				disabled: z.value || !m.selectorHttp,
+				title: m.selectorHttp ? void 0 : "请注入 selectorHttp 后使用内置选择器",
+				onClick: n[0] ||= C((e) => K.value = !0, ["stop"])
+			}, {
+				default: S(() => [f(b(V.value || m.variable.placeholder || "请选择"), 1)]),
+				_: 1
+			}, 8, ["disabled", "title"]), p(x(e), {
+				"model-value": ve.value,
+				visible: K.value,
+				"onUpdate:visible": n[1] ||= (e) => K.value = e,
+				http: m.selectorHttp,
+				"url-prefix": m.selectorUrlPrefix,
+				type: q.value,
+				"is-single": !0,
+				"hide-slot": "",
+				"onUpdate:modelValue": xe
+			}, null, 8, [
+				"model-value",
+				"visible",
+				"http",
+				"url-prefix",
+				"type"
+			])], 64))])) : m.variable.type === "custom" && m.registration ? (g(), c(y(m.registration?.component), h({ key: 5 }, X.value, { "onUpdate:modelValue": $ }), null, 16)) : m.variable.type === "custom" ? (g(), c(x(w), {
+				key: 6,
+				type: "warning",
+				"show-icon": "",
+				message: `未注册自定义控件 ${m.variable.componentKey || "(空)"}`
+			}, null, 8, ["message"])) : m.variable.type === "date" ? (g(), c(x(re), {
+				key: 7,
+				"value-format": "YYYY-MM-DD",
+				value: B.value,
+				placeholder: m.variable.placeholder || "",
+				disabled: z.value,
+				"onUpdate:value": Se
+			}, null, 8, [
+				"value",
+				"placeholder",
+				"disabled"
+			])) : m.variable.type === "number" ? (g(), c(x(ae), {
+				key: 8,
+				value: he.value,
+				precision: m.variable.precision,
+				placeholder: m.variable.placeholder || "",
+				disabled: z.value,
+				"onUpdate:value": ye
 			}, null, 8, [
 				"value",
 				"precision",
 				"placeholder",
 				"disabled"
-			])) : f.variable.type === "checkbox" ? (m(), c("label", F, [d(v(S), {
-				checked: G.value,
-				disabled: H.value,
-				"onUpdate:checked": $
-			}, null, 8, ["checked", "disabled"]), l("span", null, _(G.value ? f.variable.checkedText || "已选" : f.variable.uncheckedText || "未选"), 1)])) : f.variable.type === "image" ? (m(), c("div", I, [
-				d(v(T), {
-					value: U.value,
-					placeholder: f.variable.placeholder || "请输入图片 URL",
-					disabled: H.value,
+			])) : m.variable.type === "checkbox" ? (g(), u("label", M, [p(x(E), {
+				checked: H.value,
+				disabled: z.value,
+				"onUpdate:checked": be
+			}, null, 8, ["checked", "disabled"]), d("span", null, b(H.value ? m.variable.checkedText || "已选" : m.variable.uncheckedText || "未选"), 1)])) : m.variable.type === "image" ? (g(), u("div", N, [
+				p(x(D), {
+					value: B.value,
+					placeholder: m.variable.placeholder || "请输入图片 URL",
+					disabled: z.value,
 					"onUpdate:value": Z
 				}, null, 8, [
 					"value",
 					"placeholder",
 					"disabled"
 				]),
-				d(v(D), { title: "清除图片地址" }, {
-					default: y(() => [d(v(x), {
+				p(x(O), { title: "清除图片地址" }, {
+					default: S(() => [p(x(T), {
 						"aria-label": "清除图片地址",
-						disabled: H.value || !U.value,
-						onClick: t[0] ||= b((e) => Z(""), ["stop"])
+						disabled: z.value || !B.value,
+						onClick: n[2] ||= C((e) => Z(""), ["stop"])
 					}, {
-						icon: y(() => [d(v(O))]),
+						icon: S(() => [p(x(le))]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				}),
-				q.value ? (m(), c("div", L, [d(v(w), {
-					src: q.value,
-					alt: f.variable.label || f.variable.key
-				}, null, 8, ["src", "alt"]), l("span", null, [d(v(k)), t[3] ||= u(" 点击图片预览", -1)])])) : s("", !0)
-			])) : (m(), o(v(T), {
-				key: 6,
-				value: U.value,
-				placeholder: f.variable.placeholder || "",
-				disabled: H.value,
+				W.value ? (g(), u("div", P, [p(x(ie), {
+					src: W.value,
+					alt: m.variable.label || m.variable.key
+				}, null, 8, ["src", "alt"]), d("span", null, [p(x(ue)), n[5] ||= f(" 点击图片预览", -1)])])) : l("", !0)
+			])) : (g(), c(x(D), {
+				key: 11,
+				value: B.value,
+				placeholder: m.variable.placeholder || "",
+				disabled: z.value,
 				"onUpdate:value": Z
 			}, null, 8, [
 				"value",
 				"placeholder",
 				"disabled"
 			])),
-			K.value ? (m(), c("div", R, [(m(!0), c(i, null, h(f.errors, (e) => (m(), c("span", { key: `${e.id}-${e.message}` }, _(e.message), 1))), 128))])) : s("", !0)
+			U.value ? (g(), u("div", F, [(g(!0), u(o, null, v(m.errors, (e) => (g(), u("span", { key: `${e.id}-${e.message}` }, b(e.message), 1))), 128))])) : l("", !0),
+			m.loadError ? (g(), c(x(w), {
+				key: 13,
+				type: "warning",
+				"show-icon": "",
+				message: m.loadError
+			}, null, 8, ["message"])) : l("", !0)
 		], 34));
 	}
 });
 //#endregion
-export { z as default };
+export { I as default };

package/dist/es/components/pro-contract-template-designer/src/ContractTemplateVariableDataModal.mjs

@@ -0,0 +1,5 @@
+import e from "./ContractTemplateVariableDataModal.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateVariableDataModal.vue
+var t = e;
+//#endregion
+export { t as default };