@guodun/antdv 1.7.7 → 1.7.9

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

@@ -2,12 +2,12 @@ import { canParseHtmlDocument as e, canUseDomHtml as t, collectFromHtmlTags as n
 import { resolveTemplateVariablePresentation as c } from "./template-variable-render.mjs";
 import { buildPageDecorationClassNames as l, buildPageDecorationsHtml as u, collectPageDecorationVariableKeys as d, normalizePageDecorations as f, validatePageDecorations as p } from "./page-decorations.mjs";
 import { isContractTemplateFieldType as m } from "../types.mjs";
-import { formatContractTemplateRenderValue as h, isContractTemplateSelectionValue as g } from "./advanced-controls.mjs";
-import { CONTRACT_TEMPLATE_RESERVED_VARIABLE_KEYS as _, CONTRACT_TEMPLATE_VARIABLE_KEY_PATTERN as v, DEFAULT_PAGE_SIZE as y, resolvePageSize as b, validateContractTemplateVariableKey as x } from "../composables/use-template-designer.mjs";
+import { buildRadioOptionsHtml as h, formatContractTemplateRenderValue as g, isContractTemplateSelectionValue as _ } from "./advanced-controls.mjs";
+import { CONTRACT_TEMPLATE_RESERVED_VARIABLE_KEYS as v, CONTRACT_TEMPLATE_VARIABLE_KEY_PATTERN as ee, DEFAULT_PAGE_SIZE as y, resolvePageSize as b, validateContractTemplateVariableKey as x } from "../composables/use-template-designer.mjs";
 import { isSafeContractImageUrl as S } from "./image-url.mjs";
 //#region src/components/pro-contract-template-designer/src/utils/template-renderer.ts
-function C(e) {
-	let t = Array.isArray(e?.variables) ? e.variables : [], n = t.map((e) => w(e)), r = {};
+function te(e) {
+	let t = Array.isArray(e?.variables) ? e.variables : [], n = t.map((e) => C(e)), r = {};
 	return t.forEach((e) => {
 		let t = typeof e?.key == "string" ? e.key : "";
 		if (t) {
@@ -27,30 +27,30 @@ function C(e) {
 		variables: n
 	};
 }
-function w(e) {
+function C(e) {
 	return JSON.parse(JSON.stringify(e));
 }
-var T = new Set([
+var w = new Set([
 	"action",
 	"formaction",
 	"href",
 	"src",
 	"xlink:href"
-]), E = /<[^>]+data-template-variable=["']true["'][^>]*>/gi, D = 100, O = 6e3, k = 6, A = /^data:image\/(?:png|jpe?g|webp|gif);base64,[A-Za-z0-9+/=]+$/i;
-function j(e) {
+]), T = /<[^>]+data-template-variable=["']true["'][^>]*>/gi, E = 100, D = 6e3, O = 6, k = /^data:image\/(?:png|jpe?g|webp|gif);base64,[A-Za-z0-9+/=]+$/i;
+function A(e) {
 	let t = {};
 	return (Array.isArray(e?.variables) ? e.variables : []).forEach((e) => {
 		e?.key && (t[e.key] = U(e));
 	}), t;
 }
-function ee(e, t) {
+function j(e, t) {
 	return {
-		...j(e),
+		...A(e),
 		...t ?? {}
 	};
 }
 function M(e, t) {
-	let n = P(e);
+	let n = N(e);
 	if (!e) return n;
 	let r = Array.isArray(e.variables) ? e.variables : [], i = new Set(r.map((e) => e?.key).filter(Boolean));
 	return Object.keys(t).forEach((e) => {
@@ -63,8 +63,8 @@ function M(e, t) {
 		});
 	}), r.forEach((e) => {
 		if (!e?.key) return;
-		let r = te(e, t[e.key]), i = e.label || e.key;
-		if (e.required && L(r)) {
+		let r = se(e, t[e.key]), i = e.label || e.key;
+		if (e.required && I(r)) {
 			n.push({
 				type: "variable",
 				id: e.id,
@@ -74,39 +74,45 @@ function M(e, t) {
 			});
 			return;
 		}
-		if (L(r)) return;
+		if (I(r)) return;
 		let a = e.type ?? "text";
-		a === "number" && !ne(r, e.precision) && n.push({
+		a === "number" && !ce(r, e.precision) && n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
 			message: `${i} 不是合法数字或超出精度`,
 			code: "VARIABLE_TYPE_INVALID"
-		}), a === "checkbox" && !ie(r) && n.push({
+		}), a === "checkbox" && !ue(r) && n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
 			message: `${i} 不是合法勾选值`,
 			code: "VARIABLE_TYPE_INVALID"
-		}), a === "date" && !re(r) && n.push({
+		}), a === "date" && !le(r) && n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
 			message: `${i} 不是合法日期`,
 			code: "VARIABLE_TYPE_INVALID"
-		}), a === "image" && !ae(String(r).trim()) && n.push({
+		}), a === "image" && !de(String(r).trim()) && n.push({
 			type: "security",
 			id: e.id,
 			variableKey: e.key,
 			message: `${i} 必须使用安全的图片 data URL`,
 			code: "UNSAFE_IMAGE_URL"
-		}), a === "text" && ce(e, String(r)) && n.push({
+		}), a === "text" && me(e, String(r)) && n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
 			message: `${i} 内容超出变量范围`,
 			code: "VARIABLE_OVERFLOW"
-		}), oe(a) && (se(r, a !== "radio" && !!e.multiple) || n.push({
+		}), fe(a) && (pe(r, a !== "radio" && !!e.multiple) ? K(e) && !q(e, r) && n.push({
+			type: "variable",
+			id: e.id,
+			variableKey: e.key,
+			message: `${i} 不在可选项中`,
+			code: "VARIABLE_TYPE_INVALID"
+		}) : n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
@@ -115,10 +121,10 @@ function M(e, t) {
 		}));
 	}), n;
 }
-function N(e, t, n) {
+function ne(e, t, n) {
 	return M(e, t);
 }
-function P(e) {
+function N(e) {
 	if (!e) return [{
 		type: "page",
 		id: "template",
@@ -139,7 +145,7 @@ function P(e) {
 	}), $(e.pageSize) || t.push({
 		type: "page",
 		id: "template-page-size",
-		message: `模板默认页面尺寸必须在 ${D} ~ ${O} CSS px 之间`,
+		message: `模板默认页面尺寸必须在 ${E} ~ ${D} CSS px 之间`,
 		code: "TEMPLATE_PAGE_SIZE_INVALID"
 	});
 	let i = /* @__PURE__ */ new Map();
@@ -153,7 +159,7 @@ function P(e) {
 			});
 			return;
 		}
-		let a = e.key.trim(), o = r.some((t) => t?.id !== e.id && typeof t?.key == "string" && t.key.trim() === a), s = x(e.key, r, e.id), c = !v.test(a) || _.has(a);
+		let a = e.key.trim(), o = r.some((t) => t?.id !== e.id && typeof t?.key == "string" && t.key.trim() === a), s = x(e.key, r, e.id), c = !ee.test(a) || v.has(a);
 		s && (c || !o || e.key !== a) && t.push({
 			type: "variable",
 			id: e.id || `variable-${n}`,
@@ -192,9 +198,9 @@ function P(e) {
 			type: "page",
 			id: `${e.id}-page-size`,
 			pageId: e.id,
-			message: `${e.title || `第 ${n + 1} 页`}：页面尺寸必须在 ${D} ~ ${O} CSS px 之间`,
+			message: `${e.title || `第 ${n + 1} 页`}：页面尺寸必须在 ${E} ~ ${D} CSS px 之间`,
 			code: "PAGE_SIZE_INVALID"
-		}), J(e.contentHtml).forEach((e) => a.add(e)), Y(e.contentHtml).forEach((r, i) => {
+		}), ie(e.contentHtml).forEach((e) => a.add(e)), ae(e.contentHtml).forEach((r, i) => {
 			t.push({
 				type: "security",
 				id: `${e.id}-security-${i}`,
@@ -223,7 +229,7 @@ function P(e) {
 		});
 	}), t.push(...p(e.pageDecorations, r)), t;
 }
-function F(e, t, n = {}) {
+function P(e, t, n = {}) {
 	if (!e || !Array.isArray(e.pages)) return [];
 	let r = Array.isArray(e.variables) ? e.variables : [], i = new Map(r.filter((e) => e?.key).map((e) => [e.key, e])), a = o(e.pageSize) ? e.pageSize : y;
 	return e.pages.flatMap((o) => {
@@ -235,47 +241,47 @@ function F(e, t, n = {}) {
 			format: s.format ?? "Custom",
 			width: s.width,
 			height: s.height,
-			contentHtml: R(o.contentHtml, i, t, n),
+			contentHtml: L(o.contentHtml, i, t, n),
 			...e.pageDecorations ? { pageDecorations: f(e.pageDecorations) } : {},
 			decorationVariables: r,
 			decorationValues: t
 		}];
 	});
 }
-function I(e, t, n = {}) {
-	return F(e, t, n).map((e, t, n) => {
+function F(e, t, n = {}) {
+	return P(e, t, n).map((e, t, n) => {
 		let i = u(e.pageDecorations, t + 1, n.length, e.decorationVariables, e.decorationValues);
 		return `<section class="${l(e.pageDecorations, t + 1)}" data-page-id="${r(e.id)}" data-page-format="${r(e.format)}" data-page-width="${e.width}" data-page-height="${e.height}" style="width:${e.width}px;min-height:${e.height}px">${i}<div class="gd-contract-template-page__content">${e.contentHtml}</div></section>`;
 	}).join("\n");
 }
-function L(e) {
+function I(e) {
 	return e == null || e === "" || Array.isArray(e) && e.length === 0;
 }
-function R(e, n, r, i) {
+function L(e, n, r, i) {
 	if (!e) return e;
-	let o = q(e);
+	let o = X(e);
 	if (t()) {
 		let e = new DOMParser().parseFromString(o, "text/html");
 		return e.querySelectorAll("[data-template-variable]").forEach((e) => {
-			z(e, n, r, i);
+			R(e, n, r, i);
 		}), e.body.innerHTML;
 	}
 	return s(o, (e, t) => {
 		let o = a(t, "data-key");
-		return o ? B(n.get(o), o, r[o], i) : e;
+		return o ? z(n.get(o), o, r[o], i) : e;
 	});
 }
-function z(e, t, n, r) {
+function R(e, t, n, r) {
 	let i = e.dataset.key || "", a = t.get(i);
 	if (!i || !a) return;
-	let o = new DOMParser().parseFromString(B(a, i, n[i], r), "text/html").body.firstElementChild;
+	let o = new DOMParser().parseFromString(z(a, i, n[i], r), "text/html").body.firstElementChild;
 	o && e.replaceWith(o);
 }
-function B(e, t, n, r) {
-	return r.mode === "display" ? V(e, t, n, r) : H(e, t, n, r);
+function z(e, t, n, r) {
+	return r.mode === "display" ? B(e, t, n, r) : V(e, t, n, r);
 }
-function V(e, t, n, a) {
-	let o = e?.type ?? "text", s = n ?? U(e), l = o === "image" && !L(s) && !S(String(s)) ? "" : s, u = G(l), d = c({
+function B(e, t, n, a) {
+	let o = e?.type ?? "text", s = H(e, n), l = o === "image" && !I(s) && !S(String(s)) ? "" : s, u = re(l), d = c({
 		type: o,
 		width: e?.width,
 		height: e?.height,
@@ -296,7 +302,7 @@ function V(e, t, n, a) {
 			"gd-contract-template-renderer__preview-control",
 			...d.classes,
 			a.activeKey === t ? "is-active" : "",
-			L(l) ? "is-empty" : ""
+			I(l) ? "is-empty" : ""
 		].filter(Boolean).join(" "))}"`,
 		`style="${r(d.styleText)}"`,
 		"data-contract-render-wrapper=\"true\"",
@@ -307,10 +313,10 @@ function V(e, t, n, a) {
 		a.disabled ? "" : "role=\"button\"",
 		a.disabled ? "" : "tabindex=\"0\""
 	].filter(Boolean).join(" ");
-	return o === "checkbox" ? `<span ${p}><span class="gd-contract-template-renderer__checkbox-mark" aria-hidden="true">${K(l) ? "✓" : ""}</span>${i(f)}</span>` : o === "image" && !L(l) ? `<span ${p}></span>` : `<span ${p}>${i(f)}</span>`;
+	return o === "checkbox" ? `<span ${p}><span class="gd-contract-template-renderer__checkbox-mark" aria-hidden="true">${Y(l) ? "✓" : ""}</span>${i(f)}</span>` : o === "radio" ? `<span ${p}>${h(e?.options, W(l)) || i(e?.placeholder || f)}</span>` : o === "select" ? `<span ${p}>${i(G(e, l) || f)}</span>` : o === "image" && !I(l) ? `<span ${p}></span>` : `<span ${p}>${i(f)}</span>`;
 }
-function H(e, t, n, a) {
-	let o = e?.type ?? "text", s = !!a.readonly, l = W(n ?? U(e)), u = c({
+function V(e, t, n, a) {
+	let o = e?.type ?? "text", s = !!a.readonly, l = J(H(e, n)), u = c({
 		type: o,
 		width: e?.width,
 		height: e?.height,
@@ -333,49 +339,97 @@ function H(e, t, n, a) {
 		d ? "disabled" : "",
 		s ? "readonly" : ""
 	].filter(Boolean).join(" "), p = `style="${r(u.styleText)}"`, m = r(["gd-contract-template-renderer__control", ...u.classes].join(" "));
-	return o === "checkbox" ? `<label class="${m}" ${p} data-contract-render-wrapper="true" data-key="${r(t)}"><input type="checkbox" ${f} ${K(l) ? "checked" : ""}>${i(e?.checkedText || e?.label || t)}</label>` : s ? `<span class="${m}" ${p} data-contract-render-wrapper="true" data-key="${r(t)}">${i(u.displayText || l)}</span>` : o === "number" ? `<input class="${m}" ${p} type="number" ${f} value="${r(l)}" placeholder="${r(e?.placeholder || "")}">` : o === "date" ? `<input class="${m}" ${p} type="date" ${f} value="${r(l)}" placeholder="${r(e?.placeholder || "")}">` : o === "select" || o === "radio" || o.endsWith("-selector") || o === "custom" ? `<span class="${m}" ${p} data-contract-render-wrapper="true" data-key="${r(t)}">${i(h(n))}</span>` : e?.multiline ? `<textarea class="${m}" ${p} ${f} placeholder="${r(e.placeholder || "")}">${i(l)}</textarea>` : `<input class="${m}" ${p} type="text" ${f} value="${r(l)}" placeholder="${r(e?.placeholder || "")}">`;
+	if (o === "checkbox") return `<label class="${m}" ${p} data-contract-render-wrapper="true" data-key="${r(t)}"><input type="checkbox" ${f} ${Y(l) ? "checked" : ""}>${i(e?.checkedText || e?.label || t)}</label>`;
+	if (o === "radio") {
+		let a = H(e, n), o = h(e?.options, W(a)) || i(u.displayText || e?.placeholder || "");
+		return `<span class="${m}" ${p} data-contract-render-wrapper="true" data-key="${r(t)}">${o}</span>`;
+	}
+	if (s) return `<span class="${m}" ${p} data-contract-render-wrapper="true" data-key="${r(t)}">${i(u.displayText || l)}</span>`;
+	if (o === "number") return `<input class="${m}" ${p} type="number" ${f} value="${r(l)}" placeholder="${r(e?.placeholder || "")}">`;
+	if (o === "date") return `<input class="${m}" ${p} type="date" ${f} value="${r(l)}" placeholder="${r(e?.placeholder || "")}">`;
+	if (o === "select" || o.endsWith("-selector") || o === "custom") {
+		let a = H(e, n), s = o === "select" ? G(e, a) : g(a);
+		return `<span class="${m}" ${p} data-contract-render-wrapper="true" data-key="${r(t)}">${i(s)}</span>`;
+	}
+	return e?.multiline ? `<textarea class="${m}" ${p} ${f} placeholder="${r(e.placeholder || "")}">${i(l)}</textarea>` : `<input class="${m}" ${p} type="text" ${f} value="${r(l)}" placeholder="${r(e?.placeholder || "")}">`;
+}
+function H(e, t) {
+	if (!(e?.type === "select" && e.multiple && I(t))) return t ?? U(e);
 }
 function U(e) {
 	if (!e) return "";
-	if (e.type === "checkbox") return K(e.defaultValue);
+	if (e.type === "checkbox") return Y(e.defaultValue);
 	if (e.type === "number" && e.defaultValue !== void 0) {
 		let t = Number(e.defaultValue);
 		return Number.isFinite(t) ? t : e.defaultValue;
 	}
-	if (!(e.type === "select" || e.type === "radio" || e.type?.endsWith("-selector"))) return e.defaultValue ?? "";
+	if (e.type === "select" || e.type === "radio") {
+		if (e.type === "select" && e.multiple || !e.defaultValue) return;
+		let t = (e.options ?? []).find((t) => String(t.value) === String(e.defaultValue));
+		return t ? {
+			value: t.value,
+			label: t.label,
+			type: t.type || e.type
+		} : void 0;
+	}
+	if (!e.type?.endsWith("-selector")) return e.defaultValue ?? "";
 }
 function W(e) {
-	return typeof e == "boolean" ? e ? "true" : "" : e == null ? "" : h(e);
+	if (!Array.isArray(e)) {
+		if (_(e)) return e.value;
+		if (typeof e == "string" || typeof e == "number") return e;
+	}
 }
-function G(e) {
-	return typeof e == "boolean" ? e ? "true" : "false" : e == null ? "" : h(e);
+function G(e, t) {
+	let n = Array.isArray(t) ? t : [t];
+	if (n.length && n.every((e) => _(e))) return g(t);
+	let r = n.flatMap((t) => {
+		let n = typeof t == "string" || typeof t == "number" ? t : void 0;
+		if (n === void 0) return [];
+		let r = e?.options?.find((e) => String(e.value) === String(n));
+		return r?.label ? [r.label] : [];
+	});
+	return r.length ? r.join("、") : g(t);
 }
 function K(e) {
+	return (e.type === "select" || e.type === "radio") && !e.dataSource && Array.isArray(e.options) && e.options.length > 0;
+}
+function q(e, t) {
+	let n = Array.isArray(t) ? t : [t];
+	return n.length > 0 && n.every((t) => _(t) && (e.options ?? []).some((e) => String(e.value) === String(t.value)));
+}
+function J(e) {
+	return typeof e == "boolean" ? e ? "true" : "" : e == null ? "" : g(e);
+}
+function re(e) {
+	return typeof e == "boolean" ? e ? "true" : "false" : e == null ? "" : g(e);
+}
+function Y(e) {
 	return e === !0 || e === "true" || e === "1" || e === "yes" || e === "是" || e === "已选";
 }
-function q(t) {
+function X(t) {
 	if (e()) {
 		let e = new DOMParser().parseFromString(t, "text/html");
 		return e.querySelectorAll("script,style,meta,link,iframe,object,embed").forEach((e) => e.remove()), e.querySelectorAll("*").forEach((e) => {
 			Array.from(e.attributes).forEach((t) => {
 				let n = t.name.toLowerCase();
-				(n.startsWith("on") || n === "srcdoc" || T.has(n) && X(t.value) || n === "style" && Q(t.value)) && e.removeAttribute(t.name);
+				(n.startsWith("on") || n === "srcdoc" || w.has(n) && Z(t.value) || n === "style" && Q(t.value)) && e.removeAttribute(t.name);
 			});
 		}), e.body.innerHTML;
 	}
 	return t.replace(/<\s*(script|style|iframe|object|embed)\b[^>]*>[\s\S]*?<\s*\/\s*\1\s*>/gi, "").replace(/<\s*\/?\s*(?:script|style|meta|link|iframe|object|embed)\b[^>]*>/gi, "").replace(/\s+on[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+srcdoc\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+(action|formaction|href|src|xlink:href)\s*=\s*(?:(["'])(.*?)\2|([^\s>]+))/gi, (e, t, n, r, i) => {
 		let a = r ?? i ?? "";
-		return X(a) ? "" : n ? ` ${t}=${n}${a}${n}` : ` ${t}=${a}`;
+		return Z(a) ? "" : n ? ` ${t}=${n}${a}${n}` : ` ${t}=${a}`;
 	}).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => Q(n) ? "" : ` style=${t}${n}${t}`);
 }
-function J(e) {
-	return n(e, E, (e) => a(e, "data-key"));
+function ie(e) {
+	return n(e, T, (e) => a(e, "data-key"));
 }
-function Y(e) {
+function ae(e) {
 	let t = [];
-	return /<\s*(script|style|meta|link|iframe|object|embed)\b/i.test(e) && t.push("正文包含已移除的危险标签"), /\s(?:on[a-z]+|srcdoc)\s*=/i.test(e) && t.push("正文包含已移除的事件或嵌入属性"), (Z(e) || /style\s*=\s*["'][^"']*(?:expression\s*\(|url\s*\(\s*["']?\s*(?:javascript|vbscript|data:text\/html))/i.test(e)) && t.push("正文包含已移除的危险 URL 或样式"), t;
+	return /<\s*(script|style|meta|link|iframe|object|embed)\b/i.test(e) && t.push("正文包含已移除的危险标签"), /\s(?:on[a-z]+|srcdoc)\s*=/i.test(e) && t.push("正文包含已移除的事件或嵌入属性"), (oe(e) || /style\s*=\s*["'][^"']*(?:expression\s*\(|url\s*\(\s*["']?\s*(?:javascript|vbscript|data:text\/html))/i.test(e)) && t.push("正文包含已移除的危险 URL 或样式"), t;
 }
-function X(e) {
+function Z(e) {
 	let t = e.replace(/&#(?:x([\da-f]+)|(\d+));?/gi, (e, t, n) => {
 		let r = Number.parseInt(t ?? n ?? "", t ? 16 : 10);
 		try {
@@ -390,10 +444,10 @@ function X(e) {
 	})[t.toLowerCase()] ?? "").trim().replace(/[\u0000-\u0020\u007F]+/g, "");
 	return /^(?:javascript|vbscript|data:text\/html)/i.test(t);
 }
-function Z(e) {
+function oe(e) {
 	let t = /\s+(?:action|formaction|href|src|xlink:href)\s*=\s*(?:(["'])(.*?)\1|([^\s>]+))/gi, n = t.exec(e);
 	for (; n;) {
-		if (X(n[2] ?? n[3] ?? "")) return !0;
+		if (Z(n[2] ?? n[3] ?? "")) return !0;
 		n = t.exec(e);
 	}
 	return !1;
@@ -401,10 +455,10 @@ function Z(e) {
 function Q(e) {
 	return /expression\s*\(|url\s*\(\s*["']?\s*(?:javascript|vbscript|data:text\/html)/i.test(e);
 }
-function te(e, t) {
-	return L(t) && !L(e.defaultValue) ? e.defaultValue : t;
+function se(e, t) {
+	return I(t) ? e.type === "select" || e.type === "radio" ? U(e) : I(e.defaultValue) ? t : e.defaultValue : t;
 }
-function ne(e, t) {
+function ce(e, t) {
 	if (typeof e == "boolean" || typeof e != "number" && typeof e != "string") return !1;
 	let n = String(e).trim();
 	if (!/^-?(?:\d+)(?:\.\d+)?$/.test(n)) return !1;
@@ -412,18 +466,18 @@ function ne(e, t) {
 	if (!Number.isFinite(r)) return !1;
 	if (t !== void 0) {
 		let e = n.split(".")[1]?.length ?? 0;
-		if (!Number.isInteger(t) || t < 0 || t > k || e > t) return !1;
+		if (!Number.isInteger(t) || t < 0 || t > O || e > t) return !1;
 	}
 	return !0;
 }
-function re(e) {
+function le(e) {
 	if (typeof e != "string" && typeof e != "number") return !1;
 	let t = String(e).trim(), n = /^(\d{4})[-/年](\d{1,2})[-/月](\d{1,2})(?:日)?(?:[T\s].*)?$/.exec(t);
 	if (!n) return !1;
 	let r = Number(n[1]), i = Number(n[2]), a = Number(n[3]), o = new Date(Date.UTC(r, i - 1, a));
 	return o.getUTCFullYear() === r && o.getUTCMonth() === i - 1 && o.getUTCDate() === a;
 }
-function ie(e) {
+function ue(e) {
 	return typeof e == "boolean" ? !0 : [
 		"1",
 		"true",
@@ -439,16 +493,16 @@ function ie(e) {
 		"未选"
 	].includes(String(e).trim().toLowerCase());
 }
-function ae(e) {
-	return A.test(e);
+function de(e) {
+	return k.test(e);
 }
-function oe(e) {
+function fe(e) {
 	return e === "select" || e === "radio" || e === "user-selector" || e === "dept-selector" || e === "role-selector" || e === "org-selector";
 }
-function se(e, t) {
-	return t ? Array.isArray(e) && e.every(g) : g(e);
+function pe(e, t) {
+	return t ? Array.isArray(e) && e.every(_) : _(e);
 }
-function ce(e, t) {
+function me(e, t) {
 	let n = e.width;
 	if (!Number.isFinite(n) || n <= 0) return !1;
 	let r = Math.max(10, Number.isFinite(e.style?.fontSize) && (e.style?.fontSize ?? 0) > 0 ? e.style.fontSize : 14), i = Math.max(1, n - 12) / r, a = (e) => Array.from(e).reduce((e, t) => e + (/[^\x00-\x7f]/.test(t) ? 1 : .55), 0);
@@ -457,7 +511,7 @@ function ce(e, t) {
 function $(e) {
 	if (!e || typeof e != "object") return !1;
 	let { width: t, height: n } = e;
-	return typeof t == "number" && typeof n == "number" && Number.isFinite(t) && Number.isFinite(n) && t >= D && n >= D && t <= O && n <= O;
+	return typeof t == "number" && typeof n == "number" && Number.isFinite(t) && Number.isFinite(n) && t >= E && n >= E && t <= D && n <= D;
 }
 //#endregion
-export { j as buildInitialRenderValues, I as buildTemplateRenderHtml, F as buildTemplateRenderPages, C as buildTemplateVariableData, L as isEmptyRenderValue, ee as normalizeRenderValues, N as resolveTemplateRenderSubmitErrors, q as sanitizeContractRendererHtml, P as validateTemplateRenderStructure, M as validateTemplateRenderValues };
+export { A as buildInitialRenderValues, F as buildTemplateRenderHtml, P as buildTemplateRenderPages, te as buildTemplateVariableData, I as isEmptyRenderValue, j as normalizeRenderValues, ne as resolveTemplateRenderSubmitErrors, X as sanitizeContractRendererHtml, N as validateTemplateRenderStructure, M as validateTemplateRenderValues };

package/dist/es/components/pro-contract-template-designer/src/utils/template-variable-render.mjs

@@ -1,7 +1,7 @@
 import { DEFAULT_CONTRACT_FONT_FAMILY as e } from "../constants.mjs";
 //#region src/components/pro-contract-template-designer/src/utils/template-variable-render.ts
 function t(t) {
-	let r = t.type === void 0 ? "text" : String(t.type), i = Math.max(24, o(t.width, 160)), s = Math.max(24, o(t.height, 32)), c = t.style?.border ?? t.border ?? r === "image", l = t.style?.underline ?? t.underline ?? (r !== "image" && r !== "checkbox"), u = t.style?.color || t.color || "#1f2937", d = t.style?.background || t.background || "transparent", f = Math.max(10, o(t.style?.fontSize ?? t.fontSize, 14)), p = t.style?.fontFamily || t.fontFamily || e, m = t.style?.placeholderColor || t.placeholderColor || "#7a818b", h = t.style?.lineColor || t.lineColor || "#565b66", g = t.style?.textAlign || t.textAlign || "left", _ = t.style?.borderStyle || t.borderStyle || "solid", v = t.style?.objectFit || t.objectFit || "contain", y = !!t.multiline, b = Math.max(1, o(t.rows, 3)), x = Math.max(18, o(t.lineHeight, 28)), S = b * x, C = v === "fill" ? "100% 100%" : v, w = g === "right" ? "flex-end" : g === "center" ? "center" : "flex-start", T = String(t.defaultValue || ""), E = n({
+	let r = t.type === void 0 ? "text" : String(t.type), i = Math.max(24, o(t.width, 160)), s = Math.max(24, o(t.height, 32)), c = t.style?.border ?? t.border ?? r === "image", l = t.style?.underline ?? t.underline ?? (r !== "image" && r !== "checkbox"), u = t.style?.color || t.color || "#1f2937", d = t.style?.background || t.background || "transparent", f = Math.max(10, o(t.style?.fontSize ?? t.fontSize, 14)), p = t.style?.fontFamily || t.fontFamily || e, m = t.style?.placeholderColor || t.placeholderColor || "#7a818b", h = t.style?.lineColor || t.lineColor || "#565b66", g = t.style?.textAlign || t.textAlign || "left", _ = t.style?.borderStyle || t.borderStyle || "solid", v = t.style?.objectFit || t.objectFit || "contain", y = !!t.multiline, b = Math.max(1, o(t.rows, 3)), x = Math.max(18, o(t.lineHeight, 28)), S = b * x, C = v === "fill" ? "100% 100%" : v, w = g === "right" ? "flex-end" : g === "center" ? "center" : "flex-start", T = r === "select" && t.multiple ? "" : String(t.defaultValue || ""), E = n({
 		type: r,
 		defaultValue: T,
 		placeholder: t.placeholder || "",
@@ -9,7 +9,9 @@ function t(t) {
 		precision: t.precision,
 		useGrouping: t.useGrouping,
 		checkedText: t.checkedText || "",
-		uncheckedText: t.uncheckedText || ""
+		uncheckedText: t.uncheckedText || "",
+		options: t.options,
+		multiple: t.multiple
 	}), D = T.trim().length > 0, O = !D && E.trim().length > 0, k = r === "checkbox" && a(T), A = r === "image" && D ? `;--gd-contract-variable-image:url('${T.replaceAll("'", "%27")}')` : "";
 	return {
 		type: r,
@@ -44,12 +46,22 @@ function t(t) {
 	};
 }
 function n(e) {
-	let t = e.type || "text", n = e.defaultValue || "", o = e.placeholder || "";
-	return t === "checkbox" ? n ? a(n) ? e.checkedText || o : e.uncheckedText || o : o : n ? t === "date" ? r(n, e.format || "") : t === "number" ? i(n, {
+	let t = e.type || "text", n = t === "select" && e.multiple ? "" : e.defaultValue || "", o = e.placeholder || "";
+	if (t === "checkbox") return n ? a(n) ? e.checkedText || o : e.uncheckedText || o : o;
+	if (!n) return o;
+	if (t === "date") return r(n, e.format || "");
+	if (t === "number") return i(n, {
 		format: e.format || "",
 		precision: e.precision,
 		useGrouping: e.useGrouping
-	}) : t === "image" ? o : n : o;
+	});
+	if (t === "image") return o;
+	if (t === "select") {
+		let t = e.options?.find((e) => String(e.value ?? "") === n);
+		if (t?.label) return t.label;
+		if (e.options?.length) return o;
+	}
+	return n;
 }
 function r(e, t) {
 	if (!t) return e;