@guodun/antdv 1.3.1 → 1.4.0

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

@@ -1,8 +1,8 @@
-import { resolveTemplateVariablePresentation as e } from "./template-variable-render.mjs";
-import { isSafeContractImageUrl as t } from "./image-url.mjs";
-import { canParseHtmlDocument as n, canUseDomHtml as r, collectFromHtmlTags as i, escapeHtmlAttribute as a, escapeHtmlText as o, getHtmlAttribute as s, hasPositivePageSize as c, replaceTemplateVariableSpans as l } from "./html.mjs";
-import { isContractTemplateFieldType as u } from "../types.mjs";
-import { DEFAULT_PAGE_SIZE as d, resolvePageSize as f } from "../composables/use-template-designer.mjs";
+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";
 //#region src/components/pro-contract-template-designer/src/utils/template-renderer.ts
 var p = new Set([
 	"action",
@@ -23,23 +23,23 @@ function g(e, t) {
 		...t ?? {}
 	};
 }
-function _(e, n) {
-	let r = y(e);
-	if (!e) return r;
-	let i = Array.isArray(e.variables) ? e.variables : [], a = new Set(i.map((e) => e?.key).filter(Boolean));
-	return Object.keys(n).forEach((e) => {
-		a.has(e) || r.push({
+function _(e, t) {
+	let n = y(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) => {
+		i.has(e) || n.push({
 			type: "variable",
 			id: e,
 			variableKey: e,
 			message: `提交值 ${e} 不属于模板变量`,
 			code: "VARIABLE_UNKNOWN"
 		});
-	}), i.forEach((e) => {
+	}), r.forEach((e) => {
 		if (!e?.key) return;
-		let i = n[e.key];
-		if (e.required && S(i)) {
-			r.push({
+		let r = t[e.key];
+		if (e.required && S(r)) {
+			n.push({
 				type: "variable",
 				id: e.id,
 				variableKey: e.key,
@@ -48,138 +48,138 @@ function _(e, n) {
 			});
 			return;
 		}
-		S(i) || (e.type === "number" && (typeof i != "number" || !Number.isFinite(i)) && r.push({
+		S(r) || (e.type === "number" && (typeof r != "number" || !Number.isFinite(r)) && n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
 			message: `${e.label || e.key} 不是合法数字`,
 			code: "VARIABLE_TYPE_INVALID"
-		}), e.type === "checkbox" && typeof i != "boolean" && r.push({
+		}), e.type === "checkbox" && typeof r != "boolean" && n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
 			message: `${e.label || e.key} 不是合法复选值`,
 			code: "VARIABLE_TYPE_INVALID"
-		}), e.type === "date" && !R(i) && r.push({
+		}), e.type === "date" && !R(r) && n.push({
 			type: "variable",
 			id: e.id,
 			variableKey: e.key,
 			message: `${e.label || e.key} 不是合法日期`,
 			code: "VARIABLE_TYPE_INVALID"
-		}), e.type === "image" && !t(String(i)) && r.push({
+		}), e.type === "image" && !f(String(r)) && n.push({
 			type: "security",
 			id: e.id,
 			variableKey: e.key,
 			message: `${e.label || e.key} 不是安全的图片地址`,
 			code: "IMAGE_URL_UNSAFE"
 		}));
-	}), r;
+	}), n;
 }
 function v(e, t, n) {
 	return n ? _(e, t) : y(e);
 }
-function y(e) {
-	if (!e) return [{
+function y(t) {
+	if (!t) return [{
 		type: "page",
 		id: "template",
 		message: "缺少可渲染的合同模板",
 		code: "TEMPLATE_MISSING"
 	}];
-	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({
+	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({
 		type: "page",
 		id: "template-pages",
 		message: "模板至少需要一个合法页面",
 		code: "TEMPLATE_PAGES_INVALID"
-	}), Array.isArray(e.variables) || t.push({
+	}), Array.isArray(t.variables) || n.push({
 		type: "variable",
 		id: "template-variables",
 		message: "模板变量列表格式无效",
 		code: "TEMPLATE_VARIABLES_INVALID"
-	}), c(e.pageSize) || t.push({
+	}), s(t.pageSize) || n.push({
 		type: "page",
 		id: "template-page-size",
 		message: "模板默认页面尺寸无效，已回退为安全默认尺寸",
 		code: "TEMPLATE_PAGE_SIZE_INVALID"
 	});
-	let i = /* @__PURE__ */ new Map();
-	r.forEach((e, n) => {
-		if (!e || typeof e.key != "string" || !e.key.trim()) {
-			t.push({
+	let a = /* @__PURE__ */ new Map();
+	i.forEach((t, r) => {
+		if (!t || typeof t.key != "string" || !t.key.trim()) {
+			n.push({
 				type: "variable",
-				id: e?.id || `variable-${n}`,
-				message: `第 ${n + 1} 个变量缺少有效 key`,
+				id: t?.id || `variable-${r}`,
+				message: `第 ${r + 1} 个变量缺少有效 key`,
 				code: "VARIABLE_KEY_MISSING"
 			});
 			return;
 		}
-		i.set(e.key, (i.get(e.key) ?? 0) + 1), u(e.type ?? "text") || t.push({
+		a.set(t.key, (a.get(t.key) ?? 0) + 1), e(t.type ?? "text") || n.push({
 			type: "variable",
-			id: e.id,
-			variableKey: e.key,
-			message: `${e.label || e.key} 不是正文填写变量`,
+			id: t.id,
+			variableKey: t.key,
+			message: `${t.label || t.key} 不是正文填写变量`,
 			code: "VARIABLE_TYPE_UNSUPPORTED"
 		});
-	}), i.forEach((e, n) => {
-		e > 1 && t.push({
+	}), a.forEach((e, t) => {
+		e > 1 && n.push({
 			type: "variable",
-			id: n,
-			variableKey: n,
-			message: `变量 key ${n} 重复`,
+			id: t,
+			variableKey: t,
+			message: `变量 key ${t} 重复`,
 			code: "VARIABLE_KEY_DUPLICATED"
 		});
 	});
-	let a = /* @__PURE__ */ new Set();
-	return n.forEach((e, n) => {
+	let o = /* @__PURE__ */ new Set();
+	return r.forEach((e, t) => {
 		if (!e || typeof e.id != "string" || !e.id.trim() || typeof e.contentHtml != "string") {
-			t.push({
+			n.push({
 				type: "page",
-				id: e?.id || `page-${n}`,
+				id: e?.id || `page-${t}`,
 				pageId: e?.id,
-				message: `第 ${n + 1} 页结构无效，已跳过渲染`,
+				message: `第 ${t + 1} 页结构无效，已跳过渲染`,
 				code: "PAGE_INVALID"
 			});
 			return;
 		}
-		e.pageSize !== void 0 && !c(e.pageSize) && t.push({
+		e.pageSize !== void 0 && !s(e.pageSize) && n.push({
 			type: "page",
 			id: `${e.id}-page-size`,
 			pageId: e.id,
-			message: `${e.title || `第 ${n + 1} 页`}：页面尺寸无效，已回退为安全尺寸`,
+			message: `${e.title || `第 ${t + 1} 页`}：页面尺寸无效，已回退为安全尺寸`,
 			code: "PAGE_SIZE_INVALID"
-		}), N(e.contentHtml).forEach((e) => a.add(e)), P(e.contentHtml).forEach((r, i) => {
-			t.push({
+		}), N(e.contentHtml).forEach((e) => o.add(e)), P(e.contentHtml).forEach((r, i) => {
+			n.push({
 				type: "security",
 				id: `${e.id}-security-${i}`,
 				pageId: e.id,
-				message: `${e.title || `第 ${n + 1} 页`}：${r}`,
+				message: `${e.title || `第 ${t + 1} 页`}：${r}`,
 				code: "HTML_UNSAFE"
 			});
 		});
-	}), a.forEach((e) => {
-		i.has(e) || t.push({
+	}), o.forEach((e) => {
+		a.has(e) || n.push({
 			type: "variable",
 			id: e,
 			variableKey: e,
 			message: `正文引用的变量 ${e} 缺少配置`,
 			code: "VARIABLE_CONFIG_MISSING"
 		});
-	}), i.forEach((e, n) => {
-		a.has(n) || t.push({
+	}), a.forEach((e, t) => {
+		o.has(t) || n.push({
 			type: "variable",
-			id: n,
-			variableKey: n,
-			message: `变量 ${n} 缺少正文节点`,
+			id: t,
+			variableKey: t,
+			message: `变量 ${t} 缺少正文节点`,
 			code: "VARIABLE_NODE_MISSING"
 		});
-	}), t;
+	}), n;
 }
 function b(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 = c(e.pageSize) ? e.pageSize : d;
+	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 = f(e.pageSize, a);
+		let r = d(e.pageSize, a);
 		return [{
 			id: e.id,
 			title: e.title || "未命名页面",
@@ -191,23 +191,23 @@ function b(e, t, n = {}) {
 	});
 }
 function x(e, t, n = {}) {
-	return b(e, t, n).map((e) => `<section class="gd-contract-template-page" data-page-id="${a(e.id)}" data-page-format="${a(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");
+	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 S(e) {
 	return e == null || e === "";
 }
-function C(e, t, n, i) {
+function C(e, t, r, i) {
 	if (!e) return e;
 	let a = M(e);
-	if (r()) {
+	if (n()) {
 		let e = new DOMParser().parseFromString(a, "text/html");
 		return e.querySelectorAll("[data-template-variable]").forEach((e) => {
-			w(e, t, n, i);
+			w(e, t, r, i);
 		}), e.body.innerHTML;
 	}
-	return l(a, (e, r) => {
-		let a = s(r, "data-key");
-		return a ? T(t.get(a), a, n[a], i) : e;
+	return c(a, (e, n) => {
+		let a = o(n, "data-key");
+		return a ? T(t.get(a), a, r[a], i) : e;
 	});
 }
 function w(e, t, n, r) {
@@ -219,66 +219,66 @@ function w(e, t, n, r) {
 function T(e, t, n, r) {
 	return r.mode === "display" ? E(e, t, n, r) : D(e, t, n, r);
 }
-function E(n, r, i, s) {
-	let c = n?.type ?? "text", l = i ?? O(n), u = c === "image" && !S(l) && !t(String(l)) ? "" : l, d = A(u), f = e({
-		type: c,
-		width: n?.width,
-		height: n?.height,
-		placeholder: n?.placeholder ?? "",
-		defaultValue: d,
-		format: n?.format ?? "",
-		precision: n?.precision,
-		useGrouping: n?.useGrouping,
-		checkedText: n?.checkedText ?? "",
-		uncheckedText: n?.uncheckedText ?? "",
-		multiline: n?.multiline,
-		rows: n?.rows,
-		lineHeight: n?.lineHeight,
-		style: n?.style
-	}), p = f.displayText || n?.placeholder || n?.label || r, m = [
-		`class="${a([
+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({
+		type: o,
+		width: e?.width,
+		height: e?.height,
+		placeholder: e?.placeholder ?? "",
+		defaultValue: u,
+		format: e?.format ?? "",
+		precision: e?.precision,
+		useGrouping: e?.useGrouping,
+		checkedText: e?.checkedText ?? "",
+		uncheckedText: e?.uncheckedText ?? "",
+		multiline: e?.multiline,
+		rows: e?.rows,
+		lineHeight: e?.lineHeight,
+		style: e?.style
+	}), p = d.displayText || e?.placeholder || e?.label || t, m = [
+		`class="${i([
 			"gd-contract-template-renderer__control",
 			"gd-contract-template-renderer__preview-control",
-			...f.classes,
-			s.activeKey === r ? "is-active" : "",
-			S(u) ? "is-empty" : ""
+			...d.classes,
+			r.activeKey === t ? "is-active" : "",
+			S(c) ? "is-empty" : ""
 		].filter(Boolean).join(" "))}"`,
-		`style="${a(f.styleText)}"`,
+		`style="${i(d.styleText)}"`,
 		"data-contract-render-wrapper=\"true\"",
 		"data-contract-render-preview=\"true\"",
-		`data-key="${a(r)}"`,
-		`data-variable-type="${a(c)}"`,
-		`aria-label="${a(n?.label || r)}"`,
-		s.disabled ? "" : "role=\"button\"",
-		s.disabled ? "" : "tabindex=\"0\""
+		`data-key="${i(t)}"`,
+		`data-variable-type="${i(o)}"`,
+		`aria-label="${i(e?.label || t)}"`,
+		r.disabled ? "" : "role=\"button\"",
+		r.disabled ? "" : "tabindex=\"0\""
 	].filter(Boolean).join(" ");
-	return c === "checkbox" ? `<span ${m}><span class="gd-contract-template-renderer__checkbox-mark" aria-hidden="true">${j(u) ? "✓" : ""}</span>${o(p)}</span>` : c === "image" && !S(u) ? `<span ${m}></span>` : `<span ${m}>${o(p)}</span>`;
+	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>`;
 }
-function D(t, n, r, i) {
-	let s = t?.type ?? "text", c = !!i.readonly, l = k(r ?? O(t)), u = e({
-		type: s,
-		width: t?.width,
-		height: t?.height,
-		placeholder: t?.placeholder ?? "",
-		defaultValue: c ? l : "",
-		format: t?.format ?? "",
-		precision: t?.precision,
-		useGrouping: t?.useGrouping,
-		checkedText: t?.checkedText ?? "",
-		uncheckedText: t?.uncheckedText ?? "",
-		multiline: t?.multiline,
-		rows: t?.rows,
-		lineHeight: t?.lineHeight,
-		style: t?.style
-	}), d = i.disabled || c, f = [
+function D(e, t, n, r) {
+	let o = e?.type ?? "text", s = !!r.readonly, c = k(n ?? O(e)), u = l({
+		type: o,
+		width: e?.width,
+		height: e?.height,
+		placeholder: e?.placeholder ?? "",
+		defaultValue: s ? c : "",
+		format: e?.format ?? "",
+		precision: e?.precision,
+		useGrouping: e?.useGrouping,
+		checkedText: e?.checkedText ?? "",
+		uncheckedText: e?.uncheckedText ?? "",
+		multiline: e?.multiline,
+		rows: e?.rows,
+		lineHeight: e?.lineHeight,
+		style: e?.style
+	}), d = r.disabled || s, f = [
 		"data-contract-render-control=\"true\"",
-		`data-key="${a(n)}"`,
-		`data-variable-type="${a(s)}"`,
-		`aria-label="${a(t?.label || n)}"`,
+		`data-key="${i(t)}"`,
+		`data-variable-type="${i(o)}"`,
+		`aria-label="${i(e?.label || t)}"`,
 		d ? "disabled" : "",
-		c ? "readonly" : ""
-	].filter(Boolean).join(" "), p = `style="${a(u.styleText)}"`, m = a(["gd-contract-template-renderer__control", ...u.classes].join(" "));
-	return s === "checkbox" ? `<label class="${m}" ${p} data-contract-render-wrapper="true" data-key="${a(n)}"><input type="checkbox" ${f} ${j(l) ? "checked" : ""}>${o(t?.checkedText || t?.label || n)}</label>` : c ? `<span class="${m}" ${p} data-contract-render-wrapper="true" data-key="${a(n)}">${o(u.displayText || l)}</span>` : s === "number" ? `<input class="${m}" ${p} type="number" ${f} value="${a(l)}" placeholder="${a(t?.placeholder || "")}">` : s === "date" ? `<input class="${m}" ${p} type="date" ${f} value="${a(l)}" placeholder="${a(t?.placeholder || "")}">` : t?.multiline ? `<textarea class="${m}" ${p} ${f} placeholder="${a(t.placeholder || "")}">${o(l)}</textarea>` : `<input class="${m}" ${p} type="text" ${f} value="${a(l)}" placeholder="${a(t?.placeholder || "")}">`;
+		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 || "")}">`;
 }
 function O(e) {
 	if (!e) return "";
@@ -299,7 +299,7 @@ function j(e) {
 	return e === !0 || e === "true" || e === "1" || e === "yes" || e === "是" || e === "已选";
 }
 function M(e) {
-	if (n()) {
+	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) => {
@@ -314,7 +314,7 @@ function M(e) {
 	}).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => L(n) ? "" : ` style=${t}${n}${t}`);
 }
 function N(e) {
-	return i(e, m, (e) => s(e, "data-key"));
+	return r(e, m, (e) => o(e, "data-key"));
 }
 function P(e) {
 	let t = [];

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

@@ -1,25 +1,19 @@
-import e from "../../../../node_modules/@ant-design/icons-vue/es/icons/CalendarOutlined.mjs";
-import t from "../../../../node_modules/@ant-design/icons-vue/es/icons/CheckSquareOutlined.mjs";
-import n from "../../../../node_modules/@ant-design/icons-vue/es/icons/EditOutlined.mjs";
-import r from "../../../../node_modules/@ant-design/icons-vue/es/icons/FontSizeOutlined.mjs";
-import i from "../../../../node_modules/@ant-design/icons-vue/es/icons/NumberOutlined.mjs";
-import a from "../../../../node_modules/@ant-design/icons-vue/es/icons/PictureOutlined.mjs";
-import o from "../../../../node_modules/@ant-design/icons-vue/es/icons/SafetyCertificateOutlined.mjs";
-import { isContractTemplateFieldType as s } from "../types.mjs";
+import { isContractTemplateFieldType as e } from "../types.mjs";
+import { CalendarOutlined as t, CheckSquareOutlined as n, EditOutlined as r, FontSizeOutlined as i, NumberOutlined as a, PictureOutlined as o, SafetyCertificateOutlined as s } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/utils/template-tool-icons.ts
 var c = {
-	text: r,
-	date: e,
-	number: i,
-	image: a,
-	checkbox: t
+	text: i,
+	date: t,
+	number: a,
+	image: o,
+	checkbox: n
 }, l = {
-	seal: o,
-	signature: n,
-	date: e
+	seal: s,
+	signature: r,
+	date: t
 };
-function u(e) {
-	return c[s(e) ? e : "text"];
+function u(t) {
+	return c[e(t) ? t : "text"];
 }
 function d(e) {
 	return l[e];

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

@@ -0,0 +1,19 @@
+//#region src/components/pro-contract-template-designer/src/utils/toolbar-overflow.ts
+var e = [
+	"table",
+	"cleanup",
+	"typography",
+	"insert"
+];
+function t(t) {
+	let n = t.buffer ?? 0, r = e.reduce((e, n) => e + (t.groupWidths[n] ?? 0), 0);
+	if (t.fixedWidth + r + n <= t.availableWidth) return [];
+	let i = [], a = t.fixedWidth + r + t.moreWidth;
+	for (let n of e) {
+		if (a <= t.availableWidth) break;
+		i.push(n), a -= t.groupWidths[n] ?? 0;
+	}
+	return i;
+}
+//#endregion
+export { e as CONTRACT_TEMPLATE_TOOLBAR_OVERFLOW_PRIORITY, t as resolveContractTemplateToolbarOverflowKeys };