@guodun/antdv 1.4.2 → 1.4.4

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

@@ -1,7 +1,7 @@
-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 { buildPageDecorationClassNames as u, buildPageDecorationsHtml as d, collectPageDecorationVariableKeys as f, normalizePageDecorations as p, validatePageDecorations as m } from "./page-decorations.mjs";
+import { canParseHtmlDocument as e, canUseDomHtml as t, collectFromHtmlTags as n, escapeHtmlAttribute as r, escapeHtmlText as i, getHtmlAttribute as a, hasPositivePageSize as o, replaceTemplateVariableSpans as s } from "./html.mjs";
+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 { 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
@@ -79,93 +79,93 @@ function T(e, t) {
 function E(e, t, n) {
 	return n ? T(e, t) : D(e);
 }
-function D(t) {
-	if (!t) return [{
+function D(e) {
+	if (!e) return [{
 		type: "page",
 		id: "template",
 		message: "缺少可渲染的合同模板",
 		code: "TEMPLATE_MISSING"
 	}];
-	let n = [], r = Array.isArray(t.pages) ? t.pages : [], i = Array.isArray(t.variables) ? t.variables : [];
-	(!Array.isArray(t.pages) || r.length === 0) && n.push({
+	let t = [], n = Array.isArray(e.pages) ? e.pages : [], r = Array.isArray(e.variables) ? e.variables : [];
+	(!Array.isArray(e.pages) || n.length === 0) && t.push({
 		type: "page",
 		id: "template-pages",
 		message: "模板至少需要一个合法页面",
 		code: "TEMPLATE_PAGES_INVALID"
-	}), Array.isArray(t.variables) || n.push({
+	}), Array.isArray(e.variables) || t.push({
 		type: "variable",
 		id: "template-variables",
 		message: "模板变量列表格式无效",
 		code: "TEMPLATE_VARIABLES_INVALID"
-	}), s(t.pageSize) || n.push({
+	}), o(e.pageSize) || t.push({
 		type: "page",
 		id: "template-page-size",
 		message: "模板默认页面尺寸无效，已回退为安全默认尺寸",
 		code: "TEMPLATE_PAGE_SIZE_INVALID"
 	});
-	let a = /* @__PURE__ */ new Map();
-	i.forEach((t, r) => {
-		if (!t || typeof t.key != "string" || !t.key.trim()) {
-			n.push({
+	let i = /* @__PURE__ */ new Map();
+	r.forEach((e, n) => {
+		if (!e || typeof e.key != "string" || !e.key.trim()) {
+			t.push({
 				type: "variable",
-				id: t?.id || `variable-${r}`,
-				message: `第 ${r + 1} 个变量缺少有效 key`,
+				id: e?.id || `variable-${n}`,
+				message: `第 ${n + 1} 个变量缺少有效 key`,
 				code: "VARIABLE_KEY_MISSING"
 			});
 			return;
 		}
-		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({
+		let a = e.key.trim(), o = r.some((t) => t?.id !== e.id && typeof t?.key == "string" && t.key.trim() === a), s = y(e.key, r, e.id), c = !g.test(a) || h.has(a);
+		s && (c || !o || e.key !== a) && t.push({
 			type: "variable",
-			id: t.id || `variable-${r}`,
-			variableKey: t.key,
-			message: `${t.label || t.key}：${c}`,
+			id: e.id || `variable-${n}`,
+			variableKey: e.key,
+			message: `${e.label || e.key}：${s}`,
 			code: "VARIABLE_KEY_INVALID"
-		}), a.set(o, (a.get(o) ?? 0) + 1), e(t.type ?? "text") || n.push({
+		}), i.set(a, (i.get(a) ?? 0) + 1), m(e.type ?? "text") || t.push({
 			type: "variable",
-			id: t.id,
-			variableKey: t.key,
-			message: `${t.label || t.key} 不是正文填写变量`,
+			id: e.id,
+			variableKey: e.key,
+			message: `${e.label || e.key} 不是正文填写变量`,
 			code: "VARIABLE_TYPE_UNSUPPORTED"
 		});
-	}), a.forEach((e, t) => {
-		e > 1 && n.push({
+	}), i.forEach((e, n) => {
+		e > 1 && t.push({
 			type: "variable",
-			id: t,
-			variableKey: t,
-			message: `变量 key ${t} 重复`,
+			id: n,
+			variableKey: n,
+			message: `变量 key ${n} 重复`,
 			code: "VARIABLE_KEY_DUPLICATED"
 		});
 	});
-	let o = /* @__PURE__ */ new Set();
-	r.forEach((e, t) => {
+	let a = /* @__PURE__ */ new Set();
+	n.forEach((e, n) => {
 		if (!e || typeof e.id != "string" || !e.id.trim() || typeof e.contentHtml != "string") {
-			n.push({
+			t.push({
 				type: "page",
-				id: e?.id || `page-${t}`,
+				id: e?.id || `page-${n}`,
 				pageId: e?.id,
-				message: `第 ${t + 1} 页结构无效，已跳过渲染`,
+				message: `第 ${n + 1} 页结构无效，已跳过渲染`,
 				code: "PAGE_INVALID"
 			});
 			return;
 		}
-		e.pageSize !== void 0 && !s(e.pageSize) && n.push({
+		e.pageSize !== void 0 && !o(e.pageSize) && t.push({
 			type: "page",
 			id: `${e.id}-page-size`,
 			pageId: e.id,
-			message: `${e.title || `第 ${t + 1} 页`}：页面尺寸无效，已回退为安全尺寸`,
+			message: `${e.title || `第 ${n + 1} 页`}：页面尺寸无效，已回退为安全尺寸`,
 			code: "PAGE_SIZE_INVALID"
-		}), V(e.contentHtml).forEach((e) => o.add(e)), H(e.contentHtml).forEach((r, i) => {
-			n.push({
+		}), V(e.contentHtml).forEach((e) => a.add(e)), H(e.contentHtml).forEach((r, i) => {
+			t.push({
 				type: "security",
 				id: `${e.id}-security-${i}`,
 				pageId: e.id,
-				message: `${e.title || `第 ${t + 1} 页`}：${r}`,
+				message: `${e.title || `第 ${n + 1} 页`}：${r}`,
 				code: "HTML_UNSAFE"
 			});
 		});
-	}), o.forEach((e) => {
-		a.has(e) || n.push({
+	}), a.forEach((e) => {
+		i.has(e) || t.push({
 			type: "variable",
 			id: e,
 			variableKey: e,
@@ -173,20 +173,20 @@ function D(t) {
 			code: "VARIABLE_CONFIG_MISSING"
 		});
 	});
-	let c = f(t.pageDecorations);
-	return a.forEach((e, t) => {
-		!o.has(t) && !c.has(t) && n.push({
+	let s = d(e.pageDecorations);
+	return i.forEach((e, n) => {
+		!a.has(n) && !s.has(n) && t.push({
 			type: "variable",
-			id: t,
-			variableKey: t,
-			message: `变量 ${t} 缺少正文节点`,
+			id: n,
+			variableKey: n,
+			message: `变量 ${n} 缺少正文节点`,
 			code: "VARIABLE_NODE_MISSING"
 		});
-	}), n.push(...m(t.pageDecorations, i)), n;
+	}), t.push(...p(e.pageDecorations, r)), t;
 }
 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 : _;
+	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 : _;
 	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);
@@ -197,7 +197,7 @@ function O(e, t, n = {}) {
 			width: s.width,
 			height: s.height,
 			contentHtml: j(o.contentHtml, i, t, n),
-			...e.pageDecorations ? { pageDecorations: p(e.pageDecorations) } : {},
+			...e.pageDecorations ? { pageDecorations: f(e.pageDecorations) } : {},
 			decorationVariables: r,
 			decorationValues: t
 		}];
@@ -205,25 +205,25 @@ function O(e, t, 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>`;
+		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 A(e) {
 	return e == null || e === "";
 }
-function j(e, t, r, i) {
+function j(e, n, r, i) {
 	if (!e) return e;
-	let a = B(e);
-	if (n()) {
-		let e = new DOMParser().parseFromString(a, "text/html");
+	let o = B(e);
+	if (t()) {
+		let e = new DOMParser().parseFromString(o, "text/html");
 		return e.querySelectorAll("[data-template-variable]").forEach((e) => {
-			M(e, t, r, i);
+			M(e, n, r, i);
 		}), e.body.innerHTML;
 	}
-	return c(a, (e, n) => {
-		let a = o(n, "data-key");
-		return a ? N(t.get(a), a, r[a], i) : e;
+	return s(o, (e, t) => {
+		let o = a(t, "data-key");
+		return o ? N(n.get(o), o, r[o], i) : e;
 	});
 }
 function M(e, t, n, r) {
@@ -235,8 +235,8 @@ function M(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 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({
+function P(e, t, n, a) {
+	let o = e?.type ?? "text", s = n ?? I(e), l = o === "image" && !A(s) && !b(String(s)) ? "" : s, u = R(l), d = c({
 		type: o,
 		width: e?.width,
 		height: e?.height,
@@ -252,31 +252,31 @@ function P(e, t, n, r) {
 		lineHeight: e?.lineHeight,
 		style: e?.style
 	}), f = d.displayText || e?.placeholder || e?.label || t, p = [
-		`class="${i([
+		`class="${r([
 			"gd-contract-template-renderer__control",
 			"gd-contract-template-renderer__preview-control",
 			...d.classes,
-			r.activeKey === t ? "is-active" : "",
-			A(c) ? "is-empty" : ""
+			a.activeKey === t ? "is-active" : "",
+			A(l) ? "is-empty" : ""
 		].filter(Boolean).join(" "))}"`,
-		`style="${i(d.styleText)}"`,
+		`style="${r(d.styleText)}"`,
 		"data-contract-render-wrapper=\"true\"",
 		"data-contract-render-preview=\"true\"",
-		`data-key="${i(t)}"`,
-		`data-variable-type="${i(o)}"`,
-		`aria-label="${i(e?.label || t)}"`,
-		r.disabled ? "" : "role=\"button\"",
-		r.disabled ? "" : "tabindex=\"0\""
+		`data-key="${r(t)}"`,
+		`data-variable-type="${r(o)}"`,
+		`aria-label="${r(e?.label || t)}"`,
+		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">${z(c) ? "✓" : ""}</span>${a(f)}</span>` : o === "image" && !A(c) ? `<span ${p}></span>` : `<span ${p}>${a(f)}</span>`;
+	return o === "checkbox" ? `<span ${p}><span class="gd-contract-template-renderer__checkbox-mark" aria-hidden="true">${z(l) ? "✓" : ""}</span>${i(f)}</span>` : o === "image" && !A(l) ? `<span ${p}></span>` : `<span ${p}>${i(f)}</span>`;
 }
-function F(e, t, n, r) {
-	let o = e?.type ?? "text", s = !!r.readonly, c = L(n ?? I(e)), u = l({
+function F(e, t, n, a) {
+	let o = e?.type ?? "text", s = !!a.readonly, l = L(n ?? I(e)), u = c({
 		type: o,
 		width: e?.width,
 		height: e?.height,
 		placeholder: e?.placeholder ?? "",
-		defaultValue: s ? c : "",
+		defaultValue: s ? l : "",
 		format: e?.format ?? "",
 		precision: e?.precision,
 		useGrouping: e?.useGrouping,
@@ -286,15 +286,15 @@ function F(e, t, n, r) {
 		rows: e?.rows,
 		lineHeight: e?.lineHeight,
 		style: e?.style
-	}), d = r.disabled || s, f = [
+	}), d = a.disabled || s, f = [
 		"data-contract-render-control=\"true\"",
-		`data-key="${i(t)}"`,
-		`data-variable-type="${i(o)}"`,
-		`aria-label="${i(e?.label || t)}"`,
+		`data-key="${r(t)}"`,
+		`data-variable-type="${r(o)}"`,
+		`aria-label="${r(e?.label || t)}"`,
 		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} ${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 || "")}">`;
+	].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} ${z(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 || "")}">` : 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 I(e) {
 	if (!e) return "";
@@ -314,23 +314,23 @@ function R(e) {
 function z(e) {
 	return e === !0 || e === "true" || e === "1" || e === "yes" || e === "是" || 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) => {
+function B(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" || x.has(n) && U(t.value) || n === "style" && G(t.value)) && e.removeAttribute(t.name);
 			});
-		}), t.body.innerHTML;
+		}), e.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) => {
+	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 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 V(e) {
-	return r(e, S, (e) => o(e, "data-key"));
+	return n(e, S, (e) => a(e, "data-key"));
 }
 function H(e) {
 	let t = [];