@guodun/antdv 1.5.2 → 1.5.3

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

@@ -10,12 +10,13 @@ import { applyContractTemplateBlockStyle as ce } from "./utils/block-style.mjs";
 import le from "./SigningPlacementLayer.mjs";
 import ue from "./ContractTemplatePageDecorations.mjs";
 import { computed as f, createBlock as de, createCommentVNode as fe, createElementBlock as pe, createElementVNode as p, createVNode as m, defineComponent as h, nextTick as me, normalizeClass as he, normalizeStyle as g, onBeforeUnmount as ge, openBlock as _, ref as _e, toDisplayString as v, unref as y, watch as b, withModifiers as ve } from "vue";
-import { EditorContent as ye, useEditor as be } from "@tiptap/vue-3";
-import { generateHTML as xe } from "@tiptap/core";
-import { CellSelection as x, deleteColumn as Se, deleteRow as Ce, deleteTable as we } from "@tiptap/pm/tables";
+import { Modal as ye } from "ant-design-vue";
+import { EditorContent as be, useEditor as xe } from "@tiptap/vue-3";
+import { generateHTML as Se } from "@tiptap/core";
+import { CellSelection as x, deleteColumn as Ce, deleteRow as we, deleteTable as Te } from "@tiptap/pm/tables";
 import { NodeSelection as S } from "@tiptap/pm/state";
 //#region src/components/pro-contract-template-designer/src/DesignerPage.vue?vue&type=script&setup=true&lang.ts
-var Te = { class: "gd-contract-template-designer__page-title" }, C = "application/x-gd-contract-variable-move", Ee = 8, w = /* @__PURE__ */ h({
+var Ee = { class: "gd-contract-template-designer__page-title" }, C = "application/x-gd-contract-variable-move", De = 8, w = /* @__PURE__ */ h({
 	name: "ProContractTemplateDesignerPage",
 	__name: "DesignerPage",
 	props: {
@@ -60,11 +61,26 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		"editor-context-menu",
 		"word-paste"
 	],
-	setup(h, { expose: w, emit: De }) {
-		let T = h, E = De, D = f(() => T.readonly || T.disabled), O = _e(), k = se("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
+	setup(h, { expose: w, emit: Oe }) {
+		let T = h, E = Oe, D = f(() => T.readonly || T.disabled), O = _e();
+		function ke(e) {
+			let t = e.filter(Boolean).join("、");
+			return typeof window > "u" ? !1 : new Promise((e) => {
+				ye.confirm({
+					title: "粘贴内容包含不兼容字体",
+					content: `检测到 ${t || "外部"} 字体。为保证 Mac 与 Windows 排版一致，将统一转换为合同标准字体（GD Contract Latin + 系统宋体）。是否继续粘贴？`,
+					okText: "继续粘贴",
+					cancelText: "取消粘贴",
+					onOk: () => e(!0),
+					onCancel: () => e(!1)
+				});
+			});
+		}
+		let k = se("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
 			processImageFile: T.processImageFile,
+			confirmExternalFontPaste: ke,
 			getZoom: () => Math.max(.1, T.zoom || 1)
-		}), A = be({
+		}), A = xe({
 			content: T.page.contentHtml,
 			editable: !D.value,
 			extensions: k,
@@ -79,7 +95,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				handleDOMEvents: {
 					contextmenu: (e, t) => {
 						if (D.value) return !1;
-						let n = ze(e, t.target);
+						let n = Ve(e, t.target);
 						if (n) return t.preventDefault(), L({
 							pageId: T.page.id,
 							clientX: t.clientX,
@@ -90,7 +106,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 							selectionEmpty: !r || r.empty,
 							inTable: a
 						});
-						return t.preventDefault(), o === "table" && (i || Ie(t.clientX, t.clientY, t.target)) ? (B({
+						return t.preventDefault(), o === "table" && (i || Re(t.clientX, t.clientY, t.target)) ? (B({
 							pageId: T.page.id,
 							clientX: t.clientX,
 							clientY: t.clientY
@@ -109,7 +125,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 					}
 				},
 				handleKeyDown: (e, t) => {
-					if (D.value || !Ne(t)) return !1;
+					if (D.value || !Fe(t)) return !1;
 					let n = A.value;
 					if (!n) return !1;
 					t.preventDefault();
@@ -129,7 +145,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 						inTable: n.isActive("table")
 					}) === "table") {
 						if (!a) {
-							let e = Fe();
+							let e = Le();
 							typeof e == "number" && n.view.dispatch(n.state.tr.setSelection(x.create(n.state.doc, e)));
 						}
 						let e = n.view.coordsAtPos(n.state.selection.from);
@@ -166,28 +182,28 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		function j(e) {
 			E("word-paste", e);
 		}
-		function Oe(e) {
+		function Ae(e) {
 			if (typeof e == "number" && Number.isFinite(e)) return e;
 			let t = String(e || "").match(/(\d+(\.\d+)?)/);
 			return t ? Number(t[1]) : void 0;
 		}
-		function ke() {
+		function je() {
 			if (!A.value) return "";
 			let { from: e, to: t } = A.value.state.selection;
 			return A.value.state.doc.textBetween(e, t, "\n");
 		}
-		function Ae() {
+		function Me() {
 			let e = A.value, t = e?.state.selection;
 			if (!(!e || !t || t.empty)) try {
 				let n = e.view.coordsAtPos(t.from), r = e.view.coordsAtPos(t.to, -1);
-				if (Math.abs(r.top - n.top) > Ee) return;
+				if (Math.abs(r.top - n.top) > De) return;
 				let i = Math.abs(r.left - n.left) / W.value;
 				return Number.isFinite(i) && i > 0 ? i : void 0;
 			} catch {
 				return;
 			}
 		}
-		function je() {
+		function Ne() {
 			let e = A.value, t = e?.state.selection;
 			if (!(!e || !t || t.empty) && !(t instanceof x || t instanceof S)) try {
 				let n = e.view.coordsAtPos(t.from), r = e.view.coordsAtPos(t.to, -1);
@@ -201,7 +217,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				return;
 			}
 		}
-		function Me() {
+		function Pe() {
 			let e = A.value;
 			if (!e) return "";
 			let t = e.state.selection.$from, n = t.pos;
@@ -214,7 +230,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			}
 			return e.state.doc.textBetween(n, e.state.selection.from, "");
 		}
-		function Ne(e) {
+		function Fe(e) {
 			return e.key === "ContextMenu" || e.shiftKey && e.key === "F10";
 		}
 		function M(e) {
@@ -223,22 +239,22 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				if (n === "cell" || n === "header_cell") return e.before(t);
 			}
 		}
-		function Pe(e, t) {
+		function Ie(e, t) {
 			let n = A.value, r = n?.view.posAtCoords({
 				left: e,
 				top: t
 			})?.pos;
 			if (!(!n || typeof r != "number")) return M(n.state.doc.resolve(r));
 		}
-		function Fe() {
+		function Le() {
 			let e = A.value;
 			if (e) return M(e.state.selection.$from);
 		}
-		function Ie(e, t, n) {
+		function Re(e, t, n) {
 			let r = A.value, i = n instanceof HTMLElement ? n : null;
 			if (!r || !i?.closest("td,th")) return !1;
 			if (r.state.selection instanceof x && i.closest("td.selectedCell,th.selectedCell")) return !0;
-			let a = Pe(e, t);
+			let a = Ie(e, t);
 			return typeof a == "number" ? (r.view.dispatch(r.state.tr.setSelection(x.create(r.state.doc, a))), !0) : !1;
 		}
 		function N() {
@@ -260,7 +276,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				deleteTable: n((e) => e.deleteTable())
 			};
 		}
-		function Le() {
+		function ze() {
 			let e = A.value, t = e?.state.selection;
 			if (!e || !(t instanceof x)) return "left";
 			let n = /* @__PURE__ */ new Set();
@@ -281,7 +297,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			let n = P(t.state.doc), r = n, i = (e) => {
 				r = P(e.doc);
 			};
-			return e === "delete-table-row" ? Ce(t.state, i) : e === "delete-table-column" ? Se(t.state, i) : we(t.state, i), Math.max(0, n - r);
+			return e === "delete-table-row" ? we(t.state, i) : e === "delete-table-column" ? Ce(t.state, i) : Te(t.state, i), Math.max(0, n - r);
 		}
 		function I(e) {
 			let t = A.value?.state.selection, n = !!(t && !t.empty);
@@ -289,11 +305,11 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				type: "text",
 				...e,
 				hasSelection: n,
-				selectionWidth: n ? Ae() : void 0,
-				leadingText: Me()
+				selectionWidth: n ? Me() : void 0,
+				leadingText: Pe()
 			});
 		}
-		function Re(e, t) {
+		function Be(e, t) {
 			I({
 				pageId: T.page.id,
 				clientX: e,
@@ -321,7 +337,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			let e = A.value?.state.selection;
 			if (e instanceof S) return R(e.node, e.from);
 		}
-		function ze(e, t) {
+		function Ve(e, t) {
 			let n = t instanceof HTMLElement ? t.closest("[data-template-variable], img[src]") : null;
 			if (n) try {
 				let t = e.posAtDOM(n, 0), r = e.state.doc.nodeAt(t);
@@ -335,7 +351,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				type: "table",
 				...e,
 				capabilities: N(),
-				activeAlignment: Le(),
+				activeAlignment: ze(),
 				affectedVariableCounts: {
 					deleteRow: F("delete-table-row"),
 					deleteColumn: F("delete-table-column"),
@@ -343,14 +359,14 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				}
 			});
 		}
-		function Be(e) {
+		function He(e) {
 			return typeof e == "number" && Number.isInteger(e) && e >= 1 && e <= 6;
 		}
 		function V() {
 			let e = A.value;
 			if (!e) return [];
 			let { doc: t, selection: n } = e.state, r = [], i = (e) => {
-				e.type.name === "paragraph" ? r.push("paragraph") : e.type.name === "heading" && Be(e.attrs.level) && r.push(e.attrs.level);
+				e.type.name === "paragraph" ? r.push("paragraph") : e.type.name === "heading" && He(e.attrs.level) && r.push(e.attrs.level);
 			};
 			if (n.empty) for (let e = n.$from.depth; e > 0; e--) {
 				let t = n.$from.node(e);
@@ -362,14 +378,14 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			else t.nodesBetween(n.from, n.to, (e) => (i(e), !0));
 			return Array.from(new Set(r));
 		}
-		function Ve() {
+		function Ue() {
 			let e = V();
 			return e.length === 1 && e[0] !== "paragraph" ? e[0] : void 0;
 		}
-		function He() {
+		function We() {
 			return V().length > 1;
 		}
-		function Ue() {
+		function Ge() {
 			return ["center", "right"].find((e) => A.value?.isActive("heading", { textAlign: e }) || A.value?.isActive("paragraph", { textAlign: e })) ?? "left";
 		}
 		function H() {
@@ -384,13 +400,13 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				isBulletList: t("bulletList"),
 				isOrderedList: t("orderedList"),
 				isTableActive: t("table"),
-				currentHeadingLevel: Ve(),
-				hasMixedBlockFormats: He(),
-				textAlign: Ue(),
+				currentHeadingLevel: Ue(),
+				hasMixedBlockFormats: We(),
+				textAlign: Ge(),
 				fontFamily: typeof n.fontFamily == "string" ? n.fontFamily : void 0,
-				fontSize: Oe(n.fontSize),
+				fontSize: Ae(n.fontSize),
 				textColor: typeof n.color == "string" ? n.color : void 0,
-				selectionText: ke(),
+				selectionText: je(),
 				selectedContentImage: z()
 			};
 		}
@@ -402,7 +418,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		}), b(() => T.page.contentHtml, (e) => {
 			!A.value || e === A.value.getHTML() || (A.value.commands.setContent(e || "<p></p>", { emitUpdate: !1 }), U());
 		});
-		let We = f(() => {
+		let Ke = f(() => {
 			let e = o(T.pageDecorations), t = T.pageIndex + 1, s = a(e, t) ? r(e.header) : n.top, c = i(e, t) ? r(e.footer) : n.bottom;
 			return {
 				width: `${T.pageSize.width}px`,
@@ -411,10 +427,10 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				paddingBottom: `${c}px`,
 				"--gd-contract-page-content-height": `${Math.max(120, T.pageSize.height - s - c)}px`
 			};
-		}), W = f(() => Math.max(.1, T.zoom || 1)), Ge = f(() => ({
+		}), W = f(() => Math.max(.1, T.zoom || 1)), qe = f(() => ({
 			width: `${Math.ceil((T.pageSize.width + 10) * W.value)}px`,
 			height: `${Math.ceil((T.pageSize.height + 40) * W.value)}px`
-		})), Ke = f(() => ({ "--gd-contract-page-zoom": String(W.value) })), qe = f(() => re(T.pageSize));
+		})), Je = f(() => ({ "--gd-contract-page-zoom": String(W.value) })), Ye = f(() => re(T.pageSize));
 		function G(e, t) {
 			let n = O.value?.getBoundingClientRect();
 			return n ? {
@@ -425,7 +441,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				y: T.pageSize.height / 2
 			};
 		}
-		function Je(e) {
+		function Xe(e) {
 			let t = O.value?.getBoundingClientRect(), n = O.value?.closest(".gd-contract-template-designer__canvas")?.getBoundingClientRect(), r = ee(e);
 			if (!t || !n) return {
 				x: Math.max(0, (T.pageSize.width - r.width) / 2),
@@ -437,7 +453,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				y: c.y - r.height / 2
 			};
 		}
-		function Ye(e) {
+		function Ze(e) {
 			if (!c(T.readonly, T.disabled)) {
 				e.preventDefault(), e.stopPropagation();
 				return;
@@ -457,11 +473,11 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			let r = e.dataTransfer?.getData(C);
 			r && r !== T.page.id && (e.preventDefault(), e.stopPropagation(), E("variable-move-blocked", T.page.id));
 		}
-		function Xe(e, t) {
+		function Qe(e, t) {
 			let n = A.value;
 			return n ? (oe(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), $(), K()) : void 0;
 		}
-		function Ze(e, t) {
+		function $e(e, t) {
 			let n = A.value;
 			if (n) return u(n, {
 				type: "insert-content-image",
@@ -469,7 +485,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				position: t
 			}), K();
 		}
-		function Qe(e) {
+		function et(e) {
 			let t = A.value, n = t?.state.selection;
 			if (!t || !(n instanceof S) || n.node.type.name !== "image") return;
 			let r = { ...n.node.attrs }, i = !1;
@@ -481,7 +497,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			let a = t.state.tr.setNodeMarkup(n.from, void 0, r);
 			return a.setSelection(S.create(a.doc, n.from)), t.view.dispatch(a), K();
 		}
-		function $e() {
+		function tt() {
 			let e = A.value?.state.selection;
 			return e ? {
 				from: e.from,
@@ -491,7 +507,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		function K() {
 			return {
 				...T.page,
-				pageSize: qe.value,
+				pageSize: Ye.value,
 				contentHtml: A.value?.getHTML() ?? T.page.contentHtml,
 				contentJson: A.value?.getJSON() ?? T.page.contentJson
 			};
@@ -502,13 +518,13 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				content: e.length ? e : [{ type: "paragraph" }]
 			};
 		}
-		function et(e) {
+		function nt(e) {
 			return e?.length ? e.length === 1 && e[0].type === "paragraph" && !e[0].content?.length : !0;
 		}
-		function tt(e) {
-			return xe(q(e), k);
+		function rt(e) {
+			return Se(q(e), k);
 		}
-		function nt() {
+		function it() {
 			if (T.pageDecorations) {
 				let e = o(T.pageDecorations), t = T.pageIndex + 1, s = a(e, t) ? r(e.header) : n.top, c = i(e, t) ? r(e.footer) : n.bottom;
 				return Math.max(120, T.pageSize.height - s - c);
@@ -518,7 +534,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			let t = window.getComputedStyle(e), s = Number.parseFloat(t.paddingTop) || 0, c = Number.parseFloat(t.paddingBottom) || 0;
 			return Math.max(120, T.pageSize.height - s - c);
 		}
-		function rt() {
+		function at() {
 			let e = O.value?.querySelector(".gd-contract-template-designer__editor-prose");
 			if (!e) return [];
 			let t = e.getBoundingClientRect(), n = W.value;
@@ -531,23 +547,23 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			});
 		}
 		function J() {
-			return A.value ? ie(A.value.getJSON().content, rt(), nt()) : void 0;
+			return A.value ? ie(A.value.getJSON().content, at(), it()) : void 0;
 		}
-		function it() {
+		function Y() {
 			return !!J();
 		}
-		function at() {
+		function ot() {
 			if (!A.value) return;
 			let e = J();
 			if (e) return A.value.commands.setContent(q(e.currentContent), { emitUpdate: !1 }), {
 				page: K(),
 				overflowContent: e.overflowContent,
-				overflowHtml: tt(e.overflowContent)
+				overflowHtml: rt(e.overflowContent)
 			};
 		}
-		function Y(e) {
+		function st(e) {
 			if (!A.value || !e.length) return;
-			let t = A.value.getJSON().content, n = [...e, ...et(t) ? [] : t ?? []];
+			let t = A.value.getJSON().content, n = [...e, ...nt(t) ? [] : t ?? []];
 			return A.value.commands.setContent(q(n), { emitUpdate: !1 }), K();
 		}
 		function X(e, t) {
@@ -559,7 +575,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				});
 			}), n;
 		}
-		function ot(e, t = e.key) {
+		function ct(e, t = e.key) {
 			if (!A.value) return;
 			let n = ae(e), r = !1;
 			return A.value.commands.command(({ tr: e, state: i, dispatch: a }) => (X(i.doc, t).forEach(({ node: t, pos: i }) => {
@@ -569,7 +585,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				}), r = !0;
 			}), r && a?.(e), r)), $(), r ? K() : void 0;
 		}
-		function st(e) {
+		function lt(e) {
 			if (!A.value) return;
 			let t = 0;
 			return A.value.commands.command(({ tr: n, state: r, dispatch: i }) => {
@@ -586,7 +602,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		function Q(e) {
 			if (e) return Array.from(O.value?.querySelectorAll("[data-template-variable]") ?? []).find((t) => t.dataset.key === e);
 		}
-		function ct(e) {
+		function ut(e) {
 			Z();
 			let t = Q(e);
 			return t ? (t.classList.add("is-active"), t.scrollIntoView({
@@ -595,7 +611,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				inline: "center"
 			}), A.value?.commands.focus(), !0) : !1;
 		}
-		function lt(e) {
+		function dt(e) {
 			let t = Array.from(O.value?.querySelectorAll("[data-signing-placement-id]") ?? []).find((t) => t.dataset.signingPlacementId === e);
 			return t?.scrollIntoView({
 				behavior: "smooth",
@@ -606,7 +622,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		function $() {
 			Z(), Q(T.selectedVariableKey)?.classList.add("is-active");
 		}
-		function ut(n) {
+		function ft(n) {
 			let r = e.find((e) => e.key === n), i = A.value;
 			if (!r || !i) return;
 			let a = i.chain().focus().clearNodes();
@@ -618,26 +634,26 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			deep: !0,
 			flush: "post"
 		});
-		function dt(e) {
-			e.type === "apply-block-style" ? A.value && ce(A.value, e.format) : e.type === "apply-text-style-preset" ? ut(e.preset) : u(A.value, e), U();
+		function pt(e) {
+			e.type === "apply-block-style" ? A.value && ce(A.value, e.format) : e.type === "apply-text-style-preset" ? ft(e.preset) : u(A.value, e), U();
 		}
-		function ft() {
+		function mt() {
 			A.value?.commands.focus();
 		}
-		function pt() {
+		function ht() {
 			return A.value?.getJSON();
 		}
-		function mt() {
+		function gt() {
 			return A.value?.getHTML() ?? T.page.contentHtml;
 		}
-		function ht(e) {
+		function _t(e) {
 			let t = T.variables.find((t) => t.id === e || t.key === e), n = t ? Q(t.key) : void 0;
 			$(), n?.scrollIntoView({
 				behavior: "smooth",
 				block: "center"
 			});
 		}
-		function gt() {
+		function vt() {
 			O.value?.scrollIntoView({
 				behavior: "smooth",
 				block: "start",
@@ -647,42 +663,42 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		return ge(() => {
 			A.value?.off("contract-word-paste", j), A.value?.destroy();
 		}), w({
-			focus: ft,
-			getHTML: mt,
-			getJSON: pt,
+			focus: mt,
+			getHTML: gt,
+			getJSON: ht,
 			getEditorState: H,
 			getTableCommandCapabilities: N,
 			getAffectedVariableCount: F,
-			getVisibleSigningPlacementPosition: Je,
-			insertVariable: Xe,
-			insertContentImage: Ze,
-			updateSelectedContentImage: Qe,
-			getSelectionRange: $e,
-			getSelectionViewportRect: je,
-			requestTextContextMenu: Re,
-			hasOverflowContent: it,
-			updateVariable: ot,
-			removeVariable: st,
-			splitOverflowContent: at,
-			prependContent: Y,
-			runCommand: dt,
-			scrollIntoField: ht,
-			scrollIntoVariable: ct,
-			scrollIntoSigningPlacement: lt,
-			scrollIntoPage: gt
+			getVisibleSigningPlacementPosition: Xe,
+			insertVariable: Qe,
+			insertContentImage: $e,
+			updateSelectedContentImage: et,
+			getSelectionRange: tt,
+			getSelectionViewportRect: Ne,
+			requestTextContextMenu: Be,
+			hasOverflowContent: Y,
+			updateVariable: ct,
+			removeVariable: lt,
+			splitOverflowContent: ot,
+			prependContent: st,
+			runCommand: pt,
+			scrollIntoField: _t,
+			scrollIntoVariable: ut,
+			scrollIntoSigningPlacement: dt,
+			scrollIntoPage: vt
 		}), (e, t) => (_(), pe("section", {
 			class: "gd-contract-template-designer__page-shell",
-			style: g(Ge.value)
+			style: g(qe.value)
 		}, [p("div", {
 			class: he(["gd-contract-template-designer__page-zoom", { "is-active": h.active }]),
-			style: g(Ke.value)
-		}, [p("header", Te, [p("span", null, v(h.page.title || `第 ${h.pageIndex + 1} 页`), 1), p("span", null, "第 " + v(h.pageIndex + 1) + " 页 · " + v(h.pageSize.label || "A4") + " · " + v(h.pageSize.width) + " × " + v(h.pageSize.height), 1)]), p("div", {
+			style: g(Je.value)
+		}, [p("header", Ee, [p("span", null, v(h.page.title || `第 ${h.pageIndex + 1} 页`), 1), p("span", null, "第 " + v(h.pageIndex + 1) + " 页 · " + v(h.pageSize.label || "A4") + " · " + v(h.pageSize.width) + " × " + v(h.pageSize.height), 1)]), p("div", {
 			ref_key: "pageElement",
 			ref: O,
 			class: "gd-contract-template-designer__page",
-			style: g(We.value),
+			style: g(Ke.value),
 			onDragover: t[3] ||= ve(() => {}, ["prevent"]),
-			onDrop: Ye,
+			onDrop: Ze,
 			onClick: t[4] ||= (e) => E("editor-focus", h.page.id)
 		}, [
 			m(ue, {
@@ -696,7 +712,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				"total-pages",
 				"variables"
 			]),
-			y(A) ? (_(), de(y(ye), {
+			y(A) ? (_(), de(y(be), {
 				key: 0,
 				class: "gd-contract-template-page__content",
 				editor: y(A)

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

@@ -3,19 +3,32 @@ import { computed as n, nextTick as r, onBeforeUnmount as i, onMounted as a, ref
 //#region src/components/pro-contract-template-designer/src/composables/use-toolbar-overflow.ts
 var c = 43, l = 6, u = 4;
 function d(d) {
-	let f = o([]), p = /* @__PURE__ */ new Map(), m = 0, h = n(() => f.value.length > 0);
-	function g(e) {
+	let f = o([]), p = /* @__PURE__ */ new Map(), m = 0, h, g = n(() => f.value.length > 0);
+	function _(e) {
 		return f.value.includes(e);
 	}
-	function _(e, t) {
+	function v(e, t) {
 		let n = f.value;
-		n.length === e.length && e.every((e) => n.includes(e)) || (f.value = e, e.length || (d.toolbarMoreOpen.value = !1), !(t >= u) && r(() => v(t + 1)));
+		n.length === e.length && e.every((e) => n.includes(e)) || (f.value = e, e.length || (d.toolbarMoreOpen.value = !1), !(t >= u) && y(t + 1));
 	}
-	function v(n = 0) {
+	function y(e = 0) {
+		r(() => {
+			if (!(d.isDisposed() || !d.toolbarMainElement.value)) {
+				if (typeof window > "u") {
+					b(e);
+					return;
+				}
+				h !== void 0 && window.cancelAnimationFrame(h), h = window.requestAnimationFrame(() => {
+					h = void 0, d.isDisposed() || b(e);
+				});
+			}
+		});
+	}
+	function b(n = 0) {
 		let r = d.toolbarMainElement.value;
 		if (!r) return;
 		if (typeof window < "u" && window.matchMedia("(max-width: 760px)").matches) {
-			_([], n);
+			v([], n);
 			return;
 		}
 		let i = r.clientWidth;
@@ -35,7 +48,7 @@ function d(d) {
 			o += e.offsetWidth;
 		}
 		let s = Object.fromEntries(e.map((e) => [e, p.get(e) ?? 0]));
-		_(t({
+		v(t({
 			availableWidth: i,
 			fixedWidth: o,
 			groupWidths: s,
@@ -44,27 +57,25 @@ function d(d) {
 		}), n);
 	}
 	s(() => d.measureDependencies(), () => {
-		r(() => v());
+		y();
 	}, { immediate: !0 }), a(() => {
-		r(() => v()), typeof document < "u" && document.fonts?.ready && document.fonts.ready.then(() => {
-			d.isDisposed() || !d.toolbarMainElement.value || r(() => {
-				d.isDisposed() || v();
-			});
+		y(), typeof document < "u" && document.fonts?.ready && document.fonts.ready.then(() => {
+			d.isDisposed() || !d.toolbarMainElement.value || y();
 		});
 	}), i(() => {
-		typeof document > "u" || document.removeEventListener("mousedown", y, !0);
+		typeof window < "u" && h !== void 0 && window.cancelAnimationFrame(h), !(typeof document > "u") && document.removeEventListener("mousedown", x, !0);
 	});
-	function y(e) {
+	function x(e) {
 		let t = e.target instanceof HTMLElement ? e.target : null;
 		t && (t.closest(".gd-contract-template-designer__toolbar-more, .ant-popover, .ant-select-dropdown") || (d.toolbarMoreOpen.value = !1));
 	}
 	return s(d.toolbarMoreOpen, (e) => {
-		typeof document > "u" || (e ? document.addEventListener("mousedown", y, !0) : document.removeEventListener("mousedown", y, !0));
+		typeof document > "u" || (e ? document.addEventListener("mousedown", x, !0) : document.removeEventListener("mousedown", x, !0));
 	}), {
 		toolbarOverflowKeys: f,
-		toolbarHasOverflow: h,
-		isToolbarGroupOverflowed: g,
-		measureToolbarOverflow: v
+		toolbarHasOverflow: g,
+		isToolbarGroupOverflowed: _,
+		measureToolbarOverflow: b
 	};
 }
 //#endregion

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

@@ -52,7 +52,10 @@ function C(e = "请输入合同正文", C = {}) {
 		S(v),
 		r.configure({ getZoom: C.getZoom }),
 		t,
-		s.configure({ processImageFile: C.processImageFile })
+		s.configure({
+			processImageFile: C.processImageFile,
+			confirmExternalFontPaste: C.confirmExternalFontPaste
+		})
 	];
 }
 function w(e) {