@guodun/antdv 1.4.1 → 1.4.3

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

@@ -1,30 +1,31 @@
 import { isContractTemplateFieldType as e } from "../types.mjs";
 import { canParseHtmlDocument as t, canUseDomHtml as n, collectFromHtmlTags as r, escapeHtmlAttribute as i, escapeHtmlText as a, getHtmlAttribute as o, hasPositivePageSize as s, replaceTemplateVariableSpans as c } from "./html.mjs";
 import { resolveTemplateVariablePresentation as l } from "./template-variable-render.mjs";
-import { DEFAULT_PAGE_SIZE as u, resolvePageSize as d } from "../composables/use-template-designer.mjs";
-import { isSafeContractImageUrl as f } from "./image-url.mjs";
+import { buildPageDecorationClassNames as u, buildPageDecorationsHtml as d, collectPageDecorationVariableKeys as f, normalizePageDecorations as p, validatePageDecorations as m } from "./page-decorations.mjs";
+import { CONTRACT_TEMPLATE_RESERVED_VARIABLE_KEYS as h, CONTRACT_TEMPLATE_VARIABLE_KEY_PATTERN as g, DEFAULT_PAGE_SIZE as _, resolvePageSize as v, validateContractTemplateVariableKey as y } from "../composables/use-template-designer.mjs";
+import { isSafeContractImageUrl as b } from "./image-url.mjs";
 //#region src/components/pro-contract-template-designer/src/utils/template-renderer.ts
-var p = new Set([
+var x = new Set([
 	"action",
 	"formaction",
 	"href",
 	"src",
 	"xlink:href"
-]), m = /<[^>]+data-template-variable=["']true["'][^>]*>/gi;
-function h(e) {
+]), S = /<[^>]+data-template-variable=["']true["'][^>]*>/gi;
+function C(e) {
 	let t = {};
 	return (Array.isArray(e?.variables) ? e.variables : []).forEach((e) => {
-		e?.key && (t[e.key] = O(e));
+		e?.key && (t[e.key] = I(e));
 	}), t;
 }
-function g(e, t) {
+function w(e, t) {
 	return {
-		...h(e),
+		...C(e),
 		...t ?? {}
 	};
 }
-function _(e, t) {
-	let n = y(e);
+function T(e, t) {
+	let n = D(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) => {
@@ -38,7 +39,7 @@ function _(e, t) {
 	}), r.forEach((e) => {
 		if (!e?.key) return;
 		let r = t[e.key];
-		if (e.required && S(r)) {
+		if (e.required && A(r)) {
 			n.push({
 				type: "variable",
 				id: e.id,
@@ -48,7 +49,7 @@ function _(e, t) {
 			});
 			return;
 		}
-		S(r) || (e.type === "number" && (typeof r != "number" || !Number.isFinite(r)) && n.push({
+		A(r) || (e.type === "number" && (typeof r != "number" || !Number.isFinite(r)) && n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
@@ -60,13 +61,13 @@ function _(e, t) {
 			variableKey: e.key,
 			message: `${e.label || e.key} 不是合法复选值`,
 			code: "VARIABLE_TYPE_INVALID"
-		}), e.type === "date" && !R(r) && n.push({
+		}), e.type === "date" && !K(r) && n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
 			message: `${e.label || e.key} 不是合法日期`,
 			code: "VARIABLE_TYPE_INVALID"
-		}), e.type === "image" && !f(String(r)) && n.push({
+		}), e.type === "image" && !b(String(r)) && n.push({
 			type: "security",
 			id: e.id,
 			variableKey: e.key,
@@ -75,10 +76,10 @@ function _(e, t) {
 		}));
 	}), n;
 }
-function v(e, t, n) {
-	return n ? _(e, t) : y(e);
+function E(e, t, n) {
+	return n ? T(e, t) : D(e);
 }
-function y(t) {
+function D(t) {
 	if (!t) return [{
 		type: "page",
 		id: "template",
@@ -113,7 +114,14 @@ function y(t) {
 			});
 			return;
 		}
-		a.set(t.key, (a.get(t.key) ?? 0) + 1), e(t.type ?? "text") || n.push({
+		let o = t.key.trim(), s = i.some((e) => e?.id !== t.id && typeof e?.key == "string" && e.key.trim() === o), c = y(t.key, i, t.id), l = !g.test(o) || h.has(o);
+		c && (l || !s || t.key !== o) && n.push({
+			type: "variable",
+			id: t.id || `variable-${r}`,
+			variableKey: t.key,
+			message: `${t.label || t.key}：${c}`,
+			code: "VARIABLE_KEY_INVALID"
+		}), a.set(o, (a.get(o) ?? 0) + 1), e(t.type ?? "text") || n.push({
 			type: "variable",
 			id: t.id,
 			variableKey: t.key,
@@ -130,7 +138,7 @@ function y(t) {
 		});
 	});
 	let o = /* @__PURE__ */ new Set();
-	return r.forEach((e, t) => {
+	r.forEach((e, t) => {
 		if (!e || typeof e.id != "string" || !e.id.trim() || typeof e.contentHtml != "string") {
 			n.push({
 				type: "page",
@@ -147,7 +155,7 @@ function y(t) {
 			pageId: e.id,
 			message: `${e.title || `第 ${t + 1} 页`}：页面尺寸无效，已回退为安全尺寸`,
 			code: "PAGE_SIZE_INVALID"
-		}), N(e.contentHtml).forEach((e) => o.add(e)), P(e.contentHtml).forEach((r, i) => {
+		}), V(e.contentHtml).forEach((e) => o.add(e)), H(e.contentHtml).forEach((r, i) => {
 			n.push({
 				type: "security",
 				id: `${e.id}-security-${i}`,
@@ -164,63 +172,71 @@ function y(t) {
 			message: `正文引用的变量 ${e} 缺少配置`,
 			code: "VARIABLE_CONFIG_MISSING"
 		});
-	}), a.forEach((e, t) => {
-		o.has(t) || n.push({
+	});
+	let c = f(t.pageDecorations);
+	return a.forEach((e, t) => {
+		!o.has(t) && !c.has(t) && n.push({
 			type: "variable",
 			id: t,
 			variableKey: t,
 			message: `变量 ${t} 缺少正文节点`,
 			code: "VARIABLE_NODE_MISSING"
 		});
-	}), n;
+	}), n.push(...m(t.pageDecorations, i)), n;
 }
-function b(e, t, n = {}) {
+function O(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 = s(e.pageSize) ? e.pageSize : u;
-	return e.pages.flatMap((e) => {
-		if (!e || typeof e.id != "string" || !e.id.trim() || typeof e.contentHtml != "string") return [];
-		let r = d(e.pageSize, a);
+	let r = Array.isArray(e.variables) ? e.variables : [], i = new Map(r.filter((e) => e?.key).map((e) => [e.key, e])), a = s(e.pageSize) ? e.pageSize : _;
+	return e.pages.flatMap((o) => {
+		if (!o || typeof o.id != "string" || !o.id.trim() || typeof o.contentHtml != "string") return [];
+		let s = v(o.pageSize, a);
 		return [{
-			id: e.id,
-			title: e.title || "未命名页面",
-			format: r.format ?? "Custom",
-			width: r.width,
-			height: r.height,
-			contentHtml: C(e.contentHtml, i, t, n)
+			id: o.id,
+			title: o.title || "未命名页面",
+			format: s.format ?? "Custom",
+			width: s.width,
+			height: s.height,
+			contentHtml: j(o.contentHtml, i, t, n),
+			...e.pageDecorations ? { pageDecorations: p(e.pageDecorations) } : {},
+			decorationVariables: r,
+			decorationValues: t
 		}];
 	});
 }
-function x(e, t, n = {}) {
-	return b(e, t, n).map((e) => `<section class="gd-contract-template-page" data-page-id="${i(e.id)}" data-page-format="${i(e.format)}" data-page-width="${e.width}" data-page-height="${e.height}" style="width:${e.width}px;min-height:${e.height}px">${e.contentHtml}</section>`).join("\n");
+function k(e, t, n = {}) {
+	return O(e, t, n).map((e, t, n) => {
+		let r = d(e.pageDecorations, t + 1, n.length, e.decorationVariables, e.decorationValues);
+		return `<section class="${u(e.pageDecorations, t + 1)}" data-page-id="${i(e.id)}" data-page-format="${i(e.format)}" data-page-width="${e.width}" data-page-height="${e.height}" style="width:${e.width}px;min-height:${e.height}px">${r}<div class="gd-contract-template-page__content">${e.contentHtml}</div></section>`;
+	}).join("\n");
 }
-function S(e) {
+function A(e) {
 	return e == null || e === "";
 }
-function C(e, t, r, i) {
+function j(e, t, r, i) {
 	if (!e) return e;
-	let a = M(e);
+	let a = B(e);
 	if (n()) {
 		let e = new DOMParser().parseFromString(a, "text/html");
 		return e.querySelectorAll("[data-template-variable]").forEach((e) => {
-			w(e, t, r, i);
+			M(e, t, r, i);
 		}), e.body.innerHTML;
 	}
 	return c(a, (e, n) => {
 		let a = o(n, "data-key");
-		return a ? T(t.get(a), a, r[a], i) : e;
+		return a ? N(t.get(a), a, r[a], i) : e;
 	});
 }
-function w(e, t, n, r) {
+function M(e, t, n, r) {
 	let i = e.dataset.key || "", a = t.get(i);
 	if (!i || !a) return;
-	let o = new DOMParser().parseFromString(T(a, i, n[i], r), "text/html").body.firstElementChild;
+	let o = new DOMParser().parseFromString(N(a, i, n[i], r), "text/html").body.firstElementChild;
 	o && e.replaceWith(o);
 }
-function T(e, t, n, r) {
-	return r.mode === "display" ? E(e, t, n, r) : D(e, t, n, r);
+function N(e, t, n, r) {
+	return r.mode === "display" ? P(e, t, n, r) : F(e, t, n, r);
 }
-function E(e, t, n, r) {
-	let o = e?.type ?? "text", s = n ?? O(e), c = o === "image" && !S(s) && !f(String(s)) ? "" : s, u = A(c), d = l({
+function P(e, t, n, r) {
+	let o = e?.type ?? "text", s = n ?? I(e), c = o === "image" && !A(s) && !b(String(s)) ? "" : s, u = R(c), d = l({
 		type: o,
 		width: e?.width,
 		height: e?.height,
@@ -235,13 +251,13 @@ function E(e, t, n, r) {
 		rows: e?.rows,
 		lineHeight: e?.lineHeight,
 		style: e?.style
-	}), p = d.displayText || e?.placeholder || e?.label || t, m = [
+	}), f = d.displayText || e?.placeholder || e?.label || t, p = [
 		`class="${i([
 			"gd-contract-template-renderer__control",
 			"gd-contract-template-renderer__preview-control",
 			...d.classes,
 			r.activeKey === t ? "is-active" : "",
-			S(c) ? "is-empty" : ""
+			A(c) ? "is-empty" : ""
 		].filter(Boolean).join(" "))}"`,
 		`style="${i(d.styleText)}"`,
 		"data-contract-render-wrapper=\"true\"",
@@ -252,10 +268,10 @@ function E(e, t, n, r) {
 		r.disabled ? "" : "role=\"button\"",
 		r.disabled ? "" : "tabindex=\"0\""
 	].filter(Boolean).join(" ");
-	return o === "checkbox" ? `<span ${m}><span class="gd-contract-template-renderer__checkbox-mark" aria-hidden="true">${j(c) ? "✓" : ""}</span>${a(p)}</span>` : o === "image" && !S(c) ? `<span ${m}></span>` : `<span ${m}>${a(p)}</span>`;
+	return o === "checkbox" ? `<span ${p}><span class="gd-contract-template-renderer__checkbox-mark" aria-hidden="true">${z(c) ? "✓" : ""}</span>${a(f)}</span>` : o === "image" && !A(c) ? `<span ${p}></span>` : `<span ${p}>${a(f)}</span>`;
 }
-function D(e, t, n, r) {
-	let o = e?.type ?? "text", s = !!r.readonly, c = k(n ?? O(e)), u = l({
+function F(e, t, n, r) {
+	let o = e?.type ?? "text", s = !!r.readonly, c = L(n ?? I(e)), u = l({
 		type: o,
 		width: e?.width,
 		height: e?.height,
@@ -278,49 +294,49 @@ function D(e, t, n, r) {
 		d ? "disabled" : "",
 		s ? "readonly" : ""
 	].filter(Boolean).join(" "), p = `style="${i(u.styleText)}"`, m = i(["gd-contract-template-renderer__control", ...u.classes].join(" "));
-	return o === "checkbox" ? `<label class="${m}" ${p} data-contract-render-wrapper="true" data-key="${i(t)}"><input type="checkbox" ${f} ${j(c) ? "checked" : ""}>${a(e?.checkedText || e?.label || t)}</label>` : s ? `<span class="${m}" ${p} data-contract-render-wrapper="true" data-key="${i(t)}">${a(u.displayText || c)}</span>` : o === "number" ? `<input class="${m}" ${p} type="number" ${f} value="${i(c)}" placeholder="${i(e?.placeholder || "")}">` : o === "date" ? `<input class="${m}" ${p} type="date" ${f} value="${i(c)}" placeholder="${i(e?.placeholder || "")}">` : e?.multiline ? `<textarea class="${m}" ${p} ${f} placeholder="${i(e.placeholder || "")}">${a(c)}</textarea>` : `<input class="${m}" ${p} type="text" ${f} value="${i(c)}" placeholder="${i(e?.placeholder || "")}">`;
+	return o === "checkbox" ? `<label class="${m}" ${p} data-contract-render-wrapper="true" data-key="${i(t)}"><input type="checkbox" ${f} ${z(c) ? "checked" : ""}>${a(e?.checkedText || e?.label || t)}</label>` : s ? `<span class="${m}" ${p} data-contract-render-wrapper="true" data-key="${i(t)}">${a(u.displayText || c)}</span>` : o === "number" ? `<input class="${m}" ${p} type="number" ${f} value="${i(c)}" placeholder="${i(e?.placeholder || "")}">` : o === "date" ? `<input class="${m}" ${p} type="date" ${f} value="${i(c)}" placeholder="${i(e?.placeholder || "")}">` : e?.multiline ? `<textarea class="${m}" ${p} ${f} placeholder="${i(e.placeholder || "")}">${a(c)}</textarea>` : `<input class="${m}" ${p} type="text" ${f} value="${i(c)}" placeholder="${i(e?.placeholder || "")}">`;
 }
-function O(e) {
+function I(e) {
 	if (!e) return "";
-	if (e.type === "checkbox") return j(e.defaultValue);
+	if (e.type === "checkbox") return z(e.defaultValue);
 	if (e.type === "number" && e.defaultValue !== void 0) {
 		let t = Number(e.defaultValue);
 		return Number.isFinite(t) ? t : e.defaultValue;
 	}
 	return e.defaultValue ?? "";
 }
-function k(e) {
+function L(e) {
 	return typeof e == "boolean" ? e ? "true" : "" : e == null ? "" : String(e);
 }
-function A(e) {
+function R(e) {
 	return typeof e == "boolean" ? e ? "true" : "false" : e == null ? "" : String(e);
 }
-function j(e) {
+function z(e) {
 	return e === !0 || e === "true" || e === "1" || e === "yes" || e === "是" || e === "已选";
 }
-function M(e) {
+function B(e) {
 	if (t()) {
 		let t = new DOMParser().parseFromString(e, "text/html");
 		return t.querySelectorAll("script,style,meta,link,iframe,object,embed").forEach((e) => e.remove()), t.querySelectorAll("*").forEach((e) => {
 			Array.from(e.attributes).forEach((t) => {
 				let n = t.name.toLowerCase();
-				(n.startsWith("on") || n === "srcdoc" || p.has(n) && F(t.value) || n === "style" && L(t.value)) && e.removeAttribute(t.name);
+				(n.startsWith("on") || n === "srcdoc" || x.has(n) && U(t.value) || n === "style" && G(t.value)) && e.removeAttribute(t.name);
 			});
 		}), t.body.innerHTML;
 	}
 	return e.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 F(a) ? "" : n ? ` ${t}=${n}${a}${n}` : ` ${t}=${a}`;
-	}).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => L(n) ? "" : ` style=${t}${n}${t}`);
+		return U(a) ? "" : n ? ` ${t}=${n}${a}${n}` : ` ${t}=${a}`;
+	}).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => G(n) ? "" : ` style=${t}${n}${t}`);
 }
-function N(e) {
-	return r(e, m, (e) => o(e, "data-key"));
+function V(e) {
+	return r(e, S, (e) => o(e, "data-key"));
 }
-function P(e) {
+function H(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("正文包含已移除的事件或嵌入属性"), (I(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("正文包含已移除的事件或嵌入属性"), (W(e) || /style\s*=\s*["'][^"']*(?:expression\s*\(|url\s*\(\s*["']?\s*(?:javascript|vbscript|data:text\/html))/i.test(e)) && t.push("正文包含已移除的危险 URL 或样式"), t;
 }
-function F(e) {
+function U(e) {
 	let t = e.replace(/&#(?:x([\da-f]+)|(\d+));?/gi, (e, t, n) => {
 		let r = Number.parseInt(t ?? n ?? "", t ? 16 : 10);
 		try {
@@ -335,22 +351,22 @@ function F(e) {
 	})[t.toLowerCase()] ?? "").trim().replace(/[\u0000-\u0020\u007F]+/g, "");
 	return /^(?:javascript|vbscript|data:text\/html)/i.test(t);
 }
-function I(e) {
+function W(e) {
 	let t = /\s+(?:action|formaction|href|src|xlink:href)\s*=\s*(?:(["'])(.*?)\1|([^\s>]+))/gi, n = t.exec(e);
 	for (; n;) {
-		if (F(n[2] ?? n[3] ?? "")) return !0;
+		if (U(n[2] ?? n[3] ?? "")) return !0;
 		n = t.exec(e);
 	}
 	return !1;
 }
-function L(e) {
+function G(e) {
 	return /expression\s*\(|url\s*\(\s*["']?\s*(?:javascript|vbscript|data:text\/html)/i.test(e);
 }
-function R(e) {
+function K(e) {
 	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(String(e));
 	if (!t) return !1;
 	let n = /* @__PURE__ */ new Date(`${t[1]}-${t[2]}-${t[3]}T00:00:00Z`);
 	return !Number.isNaN(n.getTime()) && n.getUTCFullYear() === Number(t[1]) && n.getUTCMonth() + 1 === Number(t[2]) && n.getUTCDate() === Number(t[3]);
 }
 //#endregion
-export { h as buildInitialRenderValues, x as buildTemplateRenderHtml, b as buildTemplateRenderPages, S as isEmptyRenderValue, g as normalizeRenderValues, v as resolveTemplateRenderSubmitErrors, M as sanitizeContractRendererHtml, y as validateTemplateRenderStructure, _ as validateTemplateRenderValues };
+export { C as buildInitialRenderValues, k as buildTemplateRenderHtml, O as buildTemplateRenderPages, A as isEmptyRenderValue, w as normalizeRenderValues, E as resolveTemplateRenderSubmitErrors, B as sanitizeContractRendererHtml, D as validateTemplateRenderStructure, T as validateTemplateRenderValues };