@guodun/antdv 1.5.3 → 1.6.0

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

@@ -1,22 +1,21 @@
 import { CONTRACT_TEXT_STYLE_PRESETS as e, DEFAULT_CONTRACT_FONT_FAMILY as t } from "./constants.mjs";
 import { CONTRACT_PAGE_BASE_PADDING as n, getPageDecorationSafePadding as r, hasEnabledPageFooter as i, hasEnabledPageHeader as a, normalizePageDecorations as o } from "./utils/page-decorations.mjs";
-import { SIGNING_PLACEMENT_MIME as s, canMutateSigningPlacements as c, getSigningPlacementDefaultSize as ee, parseSigningPlacementDragPayload as te } from "./utils/signing-placement.mjs";
-import { DEFAULT_FIELD_STYLE as ne, resolvePageSize as re, splitPageContentByMeasurements as ie } from "./composables/use-template-designer.mjs";
-import { buildTemplateVariableAttrs as ae, insertTemplateVariableNode as oe } from "./extensions/template-variable.mjs";
+import { DEFAULT_FIELD_STYLE as s, resolvePageSize as c, splitPageContentByMeasurements as ee } from "./composables/use-template-designer.mjs";
+import { usePageAuthoring as te } from "./composables/use-page-authoring.mjs";
+import { buildTemplateVariableAttrs as ne, insertTemplateVariableNode as re } from "./extensions/template-variable.mjs";
 import { normalizeContractImageDimension as l } from "./utils/content-image.mjs";
-import { createEditorExtensions as se, runContractTemplateEditorCommand as u } from "./extensions/editor-extensions.mjs";
+import { createEditorExtensions as ie, runContractTemplateEditorCommand as u } from "./extensions/editor-extensions.mjs";
 import { resolveEditorContextMenuKind as d } from "./utils/context-variable.mjs";
-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 { 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 { applyContractTemplateBlockStyle as ae } from "./utils/block-style.mjs";
+import oe from "./ContractTemplatePageDecorations.mjs";
+import { computed as f, createBlock as se, createCommentVNode as ce, createElementBlock as le, createElementVNode as p, createVNode as ue, defineComponent as m, nextTick as de, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as fe, openBlock as _, ref as pe, toDisplayString as v, unref as y, watch as b, withModifiers as me } from "vue";
+import { Modal as he } from "ant-design-vue";
+import { EditorContent as ge, useEditor as _e } from "@tiptap/vue-3";
+import { generateHTML as ve } from "@tiptap/core";
+import { CellSelection as x, deleteColumn as ye, deleteRow as be, deleteTable as xe } 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 Ee = { class: "gd-contract-template-designer__page-title" }, C = "application/x-gd-contract-variable-move", De = 8, w = /* @__PURE__ */ h({
+var Se = { class: "gd-contract-template-designer__page-title" }, C = "application/x-gd-contract-variable-move", Ce = 8, w = /* @__PURE__ */ m({
 	name: "ProContractTemplateDesignerPage",
 	__name: "DesignerPage",
 	props: {
@@ -40,20 +39,20 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			default: !1
 		},
 		zoom: { default: 1 },
-		signingPlacements: { default: () => [] },
-		selectedSigningPlacementId: { default: "" },
 		processImageFile: {
 			type: Function,
 			default: void 0
-		}
+		},
+		searchQuery: { default: "" },
+		searchMatchCase: {
+			type: Boolean,
+			default: !1
+		},
+		activeSearchMatch: { default: void 0 }
 	},
 	emits: [
 		"page-update",
 		"variable-drop",
-		"signing-placement-drop",
-		"signing-placement-select",
-		"signing-placement-move",
-		"signing-placement-remove",
 		"variable-select",
 		"variable-move-blocked",
 		"editor-focus",
@@ -61,12 +60,12 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		"editor-context-menu",
 		"word-paste"
 	],
-	setup(h, { expose: w, emit: Oe }) {
-		let T = h, E = Oe, D = f(() => T.readonly || T.disabled), O = _e();
-		function ke(e) {
+	setup(m, { expose: w, emit: we }) {
+		let T = m, E = we, D = f(() => T.readonly || T.disabled), O = pe();
+		function k(e) {
 			let t = e.filter(Boolean).join("、");
 			return typeof window > "u" ? !1 : new Promise((e) => {
-				ye.confirm({
+				he.confirm({
 					title: "粘贴内容包含不兼容字体",
 					content: `检测到 ${t || "外部"} 字体。为保证 Mac 与 Windows 排版一致，将统一转换为合同标准字体（GD Contract Latin + 系统宋体）。是否继续粘贴？`,
 					okText: "继续粘贴",
@@ -76,14 +75,14 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				});
 			});
 		}
-		let k = se("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
+		let A = ie("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
 			processImageFile: T.processImageFile,
-			confirmExternalFontPaste: ke,
+			confirmExternalFontPaste: k,
 			getZoom: () => Math.max(.1, T.zoom || 1)
-		}), A = xe({
+		}), j = _e({
 			content: T.page.contentHtml,
 			editable: !D.value,
-			extensions: k,
+			extensions: A,
 			editorProps: {
 				attributes: { class: "gd-contract-template-designer__editor-prose" },
 				handleClick: (e, t, n) => {
@@ -95,22 +94,22 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				handleDOMEvents: {
 					contextmenu: (e, t) => {
 						if (D.value) return !1;
-						let n = Ve(e, t.target);
-						if (n) return t.preventDefault(), L({
+						let n = Be(e, t.target);
+						if (n) return t.preventDefault(), R({
 							pageId: T.page.id,
 							clientX: t.clientX,
 							clientY: t.clientY
 						}, n), !0;
-						let r = A.value?.state.selection, i = r instanceof x, a = t.target instanceof HTMLElement ? !!t.target.closest("td, th") : !1, o = d({
+						let r = j.value?.state.selection, i = r instanceof x, a = t.target instanceof HTMLElement ? !!t.target.closest("td, th") : !1, o = d({
 							isCellSelection: i,
 							selectionEmpty: !r || r.empty,
 							inTable: a
 						});
-						return t.preventDefault(), o === "table" && (i || Re(t.clientX, t.clientY, t.target)) ? (B({
+						return t.preventDefault(), o === "table" && (i || Le(t.clientX, t.clientY, t.target)) ? (V({
 							pageId: T.page.id,
 							clientX: t.clientX,
 							clientY: t.clientY
-						}), !0) : (I({
+						}), !0) : (L({
 							pageId: T.page.id,
 							clientX: t.clientX,
 							clientY: t.clientY
@@ -125,14 +124,14 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 					}
 				},
 				handleKeyDown: (e, t) => {
-					if (D.value || !Fe(t)) return !1;
-					let n = A.value;
+					if (D.value || !Pe(t)) return !1;
+					let n = j.value;
 					if (!n) return !1;
 					t.preventDefault();
-					let r = n.state.selection, i = z();
+					let r = n.state.selection, i = B();
 					if (i) {
 						let e = n.view.coordsAtPos(r.from);
-						return L({
+						return R({
 							pageId: T.page.id,
 							clientX: e.left,
 							clientY: e.bottom
@@ -145,18 +144,18 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 						inTable: n.isActive("table")
 					}) === "table") {
 						if (!a) {
-							let e = Le();
+							let e = Ie();
 							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);
-						return B({
+						return V({
 							pageId: T.page.id,
 							clientX: e.left,
 							clientY: e.bottom
 						}), !0;
 					}
 					let o = n.view.coordsAtPos(n.state.selection.from);
-					return I({
+					return L({
 						pageId: T.page.id,
 						clientX: o.left,
 						clientY: o.bottom
@@ -168,43 +167,51 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 					...T.page,
 					contentHtml: e.getHTML(),
 					contentJson: e.getJSON()
-				}), U();
+				}), W();
 			},
 			onFocus: () => {
-				E("editor-focus", T.page.id), U();
+				E("editor-focus", T.page.id), W();
 			},
-			onBlur: U,
-			onSelectionUpdate: U,
+			onBlur: W,
+			onSelectionUpdate: W,
 			onCreate: ({ editor: e }) => {
-				e.on("contract-word-paste", j), U();
+				e.on("contract-word-paste", M), W();
 			}
+		}), { findText: Te, revealSearchMatch: Ee, replaceSearchMatches: De, focusHeading: Oe } = te({
+			editor: () => j.value,
+			readonly: () => D.value,
+			search: () => ({
+				query: T.searchQuery,
+				matchCase: T.searchMatchCase,
+				activeMatch: T.activeSearchMatch
+			})
 		});
-		function j(e) {
+		function M(e) {
 			E("word-paste", e);
 		}
-		function Ae(e) {
+		function ke(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 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() {
+			if (!j.value) return "";
+			let { from: e, to: t } = j.value.state.selection;
+			return j.value.state.doc.textBetween(e, t, "\n");
 		}
-		function Me() {
-			let e = A.value, t = e?.state.selection;
+		function je() {
+			let e = j.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) > De) return;
-				let i = Math.abs(r.left - n.left) / W.value;
+				if (Math.abs(r.top - n.top) > Ce) return;
+				let i = Math.abs(r.left - n.left) / G.value;
 				return Number.isFinite(i) && i > 0 ? i : void 0;
 			} catch {
 				return;
 			}
 		}
-		function Ne() {
-			let e = A.value, t = e?.state.selection;
+		function Me() {
+			let e = j.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);
 				return {
@@ -217,8 +224,8 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				return;
 			}
 		}
-		function Pe() {
-			let e = A.value;
+		function Ne() {
+			let e = j.value;
 			if (!e) return "";
 			let t = e.state.selection.$from, n = t.pos;
 			for (let e = t.depth; e > 0; --e) {
@@ -230,35 +237,35 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			}
 			return e.state.doc.textBetween(n, e.state.selection.from, "");
 		}
-		function Fe(e) {
+		function Pe(e) {
 			return e.key === "ContextMenu" || e.shiftKey && e.key === "F10";
 		}
-		function M(e) {
+		function N(e) {
 			for (let t = e.depth; t > 0; --t) {
 				let n = e.node(t).type.spec.tableRole;
 				if (n === "cell" || n === "header_cell") return e.before(t);
 			}
 		}
-		function Ie(e, t) {
-			let n = A.value, r = n?.view.posAtCoords({
+		function Fe(e, t) {
+			let n = j.value, r = n?.view.posAtCoords({
 				left: e,
 				top: t
 			})?.pos;
-			if (!(!n || typeof r != "number")) return M(n.state.doc.resolve(r));
+			if (!(!n || typeof r != "number")) return N(n.state.doc.resolve(r));
 		}
-		function Le() {
-			let e = A.value;
-			if (e) return M(e.state.selection.$from);
+		function Ie() {
+			let e = j.value;
+			if (e) return N(e.state.selection.$from);
 		}
-		function Re(e, t, n) {
-			let r = A.value, i = n instanceof HTMLElement ? n : null;
+		function Le(e, t, n) {
+			let r = j.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 = Ie(e, t);
+			let a = Fe(e, t);
 			return typeof a == "number" ? (r.view.dispatch(r.state.tr.setSelection(x.create(r.state.doc, a))), !0) : !1;
 		}
-		function N() {
-			let e = A.value, t = e?.isActive("table") ? e.can() : void 0, n = (e) => !!(t && e(t));
+		function P() {
+			let e = j.value, t = e?.isActive("table") ? e.can() : void 0, n = (e) => !!(t && e(t));
 			return {
 				addRowBefore: n((e) => e.addRowBefore()),
 				addRowAfter: n((e) => e.addRowAfter()),
@@ -276,8 +283,8 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				deleteTable: n((e) => e.deleteTable())
 			};
 		}
-		function ze() {
-			let e = A.value, t = e?.state.selection;
+		function Re() {
+			let e = j.value, t = e?.state.selection;
 			if (!e || !(t instanceof x)) return "left";
 			let n = /* @__PURE__ */ new Set();
 			return t.forEachCell((e) => {
@@ -285,45 +292,45 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				n.add(t === "center" || t === "right" ? t : "left");
 			}), n.size === 1 ? n.values().next().value ?? "left" : "mixed";
 		}
-		function P(e = A.value?.state.doc) {
+		function F(e = j.value?.state.doc) {
 			let t = 0;
 			return e?.descendants((e) => {
 				e.type.name === "templateVariable" && (t += 1);
 			}), t;
 		}
-		function F(e) {
-			let t = A.value;
+		function I(e) {
+			let t = j.value;
 			if (!t) return 0;
-			let n = P(t.state.doc), r = n, i = (e) => {
-				r = P(e.doc);
+			let n = F(t.state.doc), r = n, i = (e) => {
+				r = F(e.doc);
 			};
-			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);
+			return e === "delete-table-row" ? be(t.state, i) : e === "delete-table-column" ? ye(t.state, i) : xe(t.state, i), Math.max(0, n - r);
 		}
-		function I(e) {
-			let t = A.value?.state.selection, n = !!(t && !t.empty);
+		function L(e) {
+			let t = j.value?.state.selection, n = !!(t && !t.empty);
 			E("editor-context-menu", {
 				type: "text",
 				...e,
 				hasSelection: n,
-				selectionWidth: n ? Me() : void 0,
-				leadingText: Pe()
+				selectionWidth: n ? je() : void 0,
+				leadingText: Ne()
 			});
 		}
-		function Be(e, t) {
-			I({
+		function ze(e, t) {
+			L({
 				pageId: T.page.id,
 				clientX: e,
 				clientY: t
 			});
 		}
-		function L(e, t) {
+		function R(e, t) {
 			E("editor-context-menu", {
 				type: "image",
 				...e,
 				image: t
 			});
 		}
-		function R(e, t) {
+		function z(e, t) {
 			if (!(e.type.name !== "image" || typeof e.attrs.src != "string" || !e.attrs.src)) return {
 				position: t,
 				src: e.attrs.src,
@@ -333,40 +340,40 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				height: l(e.attrs.height)
 			};
 		}
-		function z() {
-			let e = A.value?.state.selection;
-			if (e instanceof S) return R(e.node, e.from);
+		function B() {
+			let e = j.value?.state.selection;
+			if (e instanceof S) return z(e.node, e.from);
 		}
-		function Ve(e, t) {
+		function Be(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);
-				return !r || r.type.name !== "templateVariable" && r.type.name !== "image" ? void 0 : (r.type.name === "templateVariable" && typeof r.attrs.key == "string" && E("variable-select", r.attrs.key), (!(e.state.selection instanceof S) || e.state.selection.from !== t) && e.dispatch(e.state.tr.setSelection(S.create(e.state.doc, t))), R(r, t));
+				return !r || r.type.name !== "templateVariable" && r.type.name !== "image" ? void 0 : (r.type.name === "templateVariable" && typeof r.attrs.key == "string" && E("variable-select", r.attrs.key), (!(e.state.selection instanceof S) || e.state.selection.from !== t) && e.dispatch(e.state.tr.setSelection(S.create(e.state.doc, t))), z(r, t));
 			} catch {
 				return;
 			}
 		}
-		function B(e) {
+		function V(e) {
 			E("editor-context-menu", {
 				type: "table",
 				...e,
-				capabilities: N(),
-				activeAlignment: ze(),
+				capabilities: P(),
+				activeAlignment: Re(),
 				affectedVariableCounts: {
-					deleteRow: F("delete-table-row"),
-					deleteColumn: F("delete-table-column"),
-					deleteTable: F("delete-table")
+					deleteRow: I("delete-table-row"),
+					deleteColumn: I("delete-table-column"),
+					deleteTable: I("delete-table")
 				}
 			});
 		}
-		function He(e) {
+		function Ve(e) {
 			return typeof e == "number" && Number.isInteger(e) && e >= 1 && e <= 6;
 		}
-		function V() {
-			let e = A.value;
+		function H() {
+			let e = j.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" && He(e.attrs.level) && r.push(e.attrs.level);
+				e.type.name === "paragraph" ? r.push("paragraph") : e.type.name === "heading" && Ve(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);
@@ -378,18 +385,18 @@ var Ee = { 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 Ue() {
-			let e = V();
+		function He() {
+			let e = H();
 			return e.length === 1 && e[0] !== "paragraph" ? e[0] : void 0;
 		}
-		function We() {
-			return V().length > 1;
+		function Ue() {
+			return H().length > 1;
 		}
-		function Ge() {
-			return ["center", "right"].find((e) => A.value?.isActive("heading", { textAlign: e }) || A.value?.isActive("paragraph", { textAlign: e })) ?? "left";
+		function We() {
+			return ["center", "right"].find((e) => j.value?.isActive("heading", { textAlign: e }) || j.value?.isActive("paragraph", { textAlign: e })) ?? "left";
 		}
-		function H() {
-			let e = A.value, t = (t) => !!e?.isActive(t), n = e?.getAttributes("textStyle") ?? {};
+		function U() {
+			let e = j.value, t = (t) => !!e?.isActive(t), n = e?.getAttributes("textStyle") ?? {};
 			return {
 				isFocused: !!e?.isFocused,
 				canUndo: !!e?.can().undo(),
@@ -400,25 +407,25 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				isBulletList: t("bulletList"),
 				isOrderedList: t("orderedList"),
 				isTableActive: t("table"),
-				currentHeadingLevel: Ue(),
-				hasMixedBlockFormats: We(),
-				textAlign: Ge(),
+				currentHeadingLevel: He(),
+				hasMixedBlockFormats: Ue(),
+				textAlign: We(),
 				fontFamily: typeof n.fontFamily == "string" ? n.fontFamily : void 0,
-				fontSize: Ae(n.fontSize),
+				fontSize: ke(n.fontSize),
 				textColor: typeof n.color == "string" ? n.color : void 0,
-				selectionText: je(),
-				selectedContentImage: z()
+				selectionText: Ae(),
+				selectedContentImage: B()
 			};
 		}
-		function U() {
-			E("editor-state-change", T.page.id, H());
+		function W() {
+			E("editor-state-change", T.page.id, U());
 		}
 		b(D, (e) => {
-			A.value?.setEditable(!e), U();
+			j.value?.setEditable(!e), W();
 		}), b(() => T.page.contentHtml, (e) => {
-			!A.value || e === A.value.getHTML() || (A.value.commands.setContent(e || "<p></p>", { emitUpdate: !1 }), U());
+			!j.value || e === j.value.getHTML() || (j.value.commands.setContent(e || "<p></p>", { emitUpdate: !1 }), W());
 		});
-		let Ke = f(() => {
+		let Ge = 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`,
@@ -427,66 +434,37 @@ var Ee = { 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)), qe = f(() => ({
-			width: `${Math.ceil((T.pageSize.width + 10) * W.value)}px`,
-			height: `${Math.ceil((T.pageSize.height + 40) * W.value)}px`
-		})), 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 ? {
-				x: Math.min(T.pageSize.width, Math.max(0, (e - n.left) / W.value)),
-				y: Math.min(T.pageSize.height, Math.max(0, (t - n.top) / W.value))
-			} : {
-				x: T.pageSize.width / 2,
-				y: T.pageSize.height / 2
-			};
-		}
-		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),
-				y: Math.max(0, (T.pageSize.height - r.height) / 2)
-			};
-			let i = Math.max(t.left, n.left), a = Math.max(t.top, n.top), o = Math.min(t.right, n.right), s = Math.min(t.bottom, n.bottom), c = G(o > i ? (i + o) / 2 : (t.left + t.right) / 2, s > a ? (a + s) / 2 : (t.top + t.bottom) / 2);
-			return {
-				x: c.x - r.width / 2,
-				y: c.y - r.height / 2
-			};
-		}
-		function Ze(e) {
-			if (!c(T.readonly, T.disabled)) {
+		}), G = f(() => Math.max(.1, T.zoom || 1)), Ke = f(() => ({
+			width: `${Math.ceil((T.pageSize.width + 10) * G.value)}px`,
+			height: `${Math.ceil((T.pageSize.height + 40) * G.value)}px`
+		})), qe = f(() => ({ "--gd-contract-page-zoom": String(G.value) })), Je = f(() => c(T.pageSize));
+		function Ye(e) {
+			if (T.readonly || T.disabled) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			let t = te(e.dataTransfer?.getData(s));
+			let t = e.dataTransfer?.getData("application/x-gd-contract-variable");
 			if (t) {
-				e.preventDefault(), e.stopPropagation();
-				let n = G(e.clientX, e.clientY);
-				E("signing-placement-drop", T.page.id, t, n.x, n.y);
-				return;
-			}
-			let n = e.dataTransfer?.getData("application/x-gd-contract-variable");
-			if (n) {
-				e.preventDefault(), e.stopPropagation(), E("variable-drop", T.page.id, n, e.clientX, e.clientY);
+				e.preventDefault(), e.stopPropagation(), E("variable-drop", T.page.id, t, e.clientX, e.clientY);
 				return;
 			}
-			let r = e.dataTransfer?.getData(C);
-			r && r !== T.page.id && (e.preventDefault(), e.stopPropagation(), E("variable-move-blocked", T.page.id));
+			let n = e.dataTransfer?.getData(C);
+			n && n !== T.page.id && (e.preventDefault(), e.stopPropagation(), E("variable-move-blocked", T.page.id));
 		}
-		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 Xe(e, t) {
+			let n = j.value;
+			return n ? (re(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), $(), K()) : void 0;
 		}
-		function $e(e, t) {
-			let n = A.value;
+		function Ze(e, t) {
+			let n = j.value;
 			if (n) return u(n, {
 				type: "insert-content-image",
 				image: e,
 				position: t
 			}), K();
 		}
-		function et(e) {
-			let t = A.value, n = t?.state.selection;
+		function Qe(e) {
+			let t = j.value, n = t?.state.selection;
 			if (!t || !(n instanceof S) || n.node.type.name !== "image") return;
 			let r = { ...n.node.attrs }, i = !1;
 			if (["width", "height"].forEach((t) => {
@@ -497,8 +475,8 @@ var Ee = { 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 tt() {
-			let e = A.value?.state.selection;
+		function $e() {
+			let e = j.value?.state.selection;
 			return e ? {
 				from: e.from,
 				to: e.to
@@ -507,9 +485,9 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		function K() {
 			return {
 				...T.page,
-				pageSize: Ye.value,
-				contentHtml: A.value?.getHTML() ?? T.page.contentHtml,
-				contentJson: A.value?.getJSON() ?? T.page.contentJson
+				pageSize: Je.value,
+				contentHtml: j.value?.getHTML() ?? T.page.contentHtml,
+				contentJson: j.value?.getJSON() ?? T.page.contentJson
 			};
 		}
 		function q(e) {
@@ -518,13 +496,13 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				content: e.length ? e : [{ type: "paragraph" }]
 			};
 		}
-		function nt(e) {
+		function et(e) {
 			return e?.length ? e.length === 1 && e[0].type === "paragraph" && !e[0].content?.length : !0;
 		}
-		function rt(e) {
-			return Se(q(e), k);
+		function tt(e) {
+			return ve(q(e), A);
 		}
-		function it() {
+		function nt() {
 			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);
@@ -534,10 +512,10 @@ var Ee = { 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 at() {
+		function rt() {
 			let e = O.value?.querySelector(".gd-contract-template-designer__editor-prose");
 			if (!e) return [];
-			let t = e.getBoundingClientRect(), n = W.value;
+			let t = e.getBoundingClientRect(), n = G.value;
 			return Array.from(e.children).map((e) => {
 				let r = e.getBoundingClientRect();
 				return {
@@ -547,24 +525,24 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			});
 		}
 		function J() {
-			return A.value ? ie(A.value.getJSON().content, at(), it()) : void 0;
+			return j.value ? ee(j.value.getJSON().content, rt(), nt()) : void 0;
 		}
-		function Y() {
+		function it() {
 			return !!J();
 		}
-		function ot() {
-			if (!A.value) return;
+		function at() {
+			if (!j.value) return;
 			let e = J();
-			if (e) return A.value.commands.setContent(q(e.currentContent), { emitUpdate: !1 }), {
+			if (e) return j.value.commands.setContent(q(e.currentContent), { emitUpdate: !1 }), {
 				page: K(),
 				overflowContent: e.overflowContent,
-				overflowHtml: rt(e.overflowContent)
+				overflowHtml: tt(e.overflowContent)
 			};
 		}
-		function st(e) {
-			if (!A.value || !e.length) return;
-			let t = A.value.getJSON().content, n = [...e, ...nt(t) ? [] : t ?? []];
-			return A.value.commands.setContent(q(n), { emitUpdate: !1 }), K();
+		function Y(e) {
+			if (!j.value || !e.length) return;
+			let t = j.value.getJSON().content, n = [...e, ...et(t) ? [] : t ?? []];
+			return j.value.commands.setContent(q(n), { emitUpdate: !1 }), K();
 		}
 		function X(e, t) {
 			let n = [];
@@ -575,20 +553,20 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				});
 			}), n;
 		}
-		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 }) => {
+		function ot(e, t = e.key) {
+			if (!j.value) return;
+			let n = ne(e), r = !1;
+			return j.value.commands.command(({ tr: e, state: i, dispatch: a }) => (X(i.doc, t).forEach(({ node: t, pos: i }) => {
 				e.setNodeMarkup(i, void 0, {
 					...t.attrs,
 					...n
 				}), r = !0;
 			}), r && a?.(e), r)), $(), r ? K() : void 0;
 		}
-		function lt(e) {
-			if (!A.value) return;
+		function st(e) {
+			if (!j.value) return;
 			let t = 0;
-			return A.value.commands.command(({ tr: n, state: r, dispatch: i }) => {
+			return j.value.commands.command(({ tr: n, state: r, dispatch: i }) => {
 				let a = X(r.doc, e).map(({ node: e, pos: t }) => ({
 					from: t,
 					to: t + e.nodeSize
@@ -602,140 +580,113 @@ var Ee = { 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 ut(e) {
+		function ct(e) {
 			Z();
 			let t = Q(e);
 			return t ? (t.classList.add("is-active"), t.scrollIntoView({
 				behavior: "smooth",
 				block: "center",
 				inline: "center"
-			}), A.value?.commands.focus(), !0) : !1;
-		}
-		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",
-				block: "center",
-				inline: "center"
-			}), !!t;
+			}), j.value?.commands.focus(), !0) : !1;
 		}
 		function $() {
 			Z(), Q(T.selectedVariableKey)?.classList.add("is-active");
 		}
-		function ft(n) {
-			let r = e.find((e) => e.key === n), i = A.value;
+		function lt(n) {
+			let r = e.find((e) => e.key === n), i = j.value;
 			if (!r || !i) return;
 			let a = i.chain().focus().clearNodes();
-			r.headingLevel ? a.setHeading({ level: r.headingLevel }) : a.setParagraph(), a.unsetAllMarks().unsetTextAlign().unsetFontSize().unsetFontFamily().unsetColor().setTextAlign(r.textAlign).setFontSize(`${r.fontSize}px`).setFontFamily(r.fontFamily || t).setColor(ne.color || "#1f2937"), r.bold ? a.setBold() : a.unsetBold(), r.italic ? a.setItalic() : a.unsetItalic(), r.underline ? a.setUnderline() : a.unsetUnderline(), a.run();
+			r.headingLevel ? a.setHeading({ level: r.headingLevel }) : a.setParagraph(), a.unsetAllMarks().unsetTextAlign().unsetFontSize().unsetFontFamily().unsetColor().setTextAlign(r.textAlign).setFontSize(`${r.fontSize}px`).setFontFamily(r.fontFamily || t).setColor(s.color || "#1f2937"), r.bold ? a.setBold() : a.unsetBold(), r.italic ? a.setItalic() : a.unsetItalic(), r.underline ? a.setUnderline() : a.unsetUnderline(), a.run();
 		}
 		b([() => T.selectedVariableKey, () => T.variables], () => {
-			me($);
+			de($);
 		}, {
 			deep: !0,
 			flush: "post"
 		});
-		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 ut(e) {
+			D.value || (e.type === "apply-block-style" ? j.value && ae(j.value, e.format) : e.type === "apply-text-style-preset" ? lt(e.preset) : u(j.value, e), W());
 		}
-		function mt() {
-			A.value?.commands.focus();
+		function dt() {
+			j.value?.commands.focus();
 		}
-		function ht() {
-			return A.value?.getJSON();
+		function ft() {
+			return j.value?.getJSON();
 		}
-		function gt() {
-			return A.value?.getHTML() ?? T.page.contentHtml;
+		function pt() {
+			return j.value?.getHTML() ?? T.page.contentHtml;
 		}
-		function _t(e) {
+		function mt(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 vt() {
+		function ht() {
 			O.value?.scrollIntoView({
 				behavior: "smooth",
 				block: "start",
 				inline: "center"
 			});
 		}
-		return ge(() => {
-			A.value?.off("contract-word-paste", j), A.value?.destroy();
+		return fe(() => {
+			j.value?.off("contract-word-paste", M), j.value?.destroy();
 		}), w({
-			focus: mt,
-			getHTML: gt,
-			getJSON: ht,
-			getEditorState: H,
-			getTableCommandCapabilities: N,
-			getAffectedVariableCount: F,
-			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", {
+			findText: Te,
+			revealSearchMatch: Ee,
+			replaceSearchMatches: De,
+			focusHeading: Oe,
+			focus: dt,
+			getHTML: pt,
+			getJSON: ft,
+			getEditorState: U,
+			getTableCommandCapabilities: P,
+			getAffectedVariableCount: I,
+			insertVariable: Xe,
+			insertContentImage: Ze,
+			updateSelectedContentImage: Qe,
+			getSelectionRange: $e,
+			getSelectionViewportRect: Me,
+			requestTextContextMenu: ze,
+			hasOverflowContent: it,
+			updateVariable: ot,
+			removeVariable: st,
+			splitOverflowContent: at,
+			prependContent: Y,
+			runCommand: ut,
+			scrollIntoField: mt,
+			scrollIntoVariable: ct,
+			scrollIntoPage: ht
+		}), (e, t) => (_(), le("section", {
 			class: "gd-contract-template-designer__page-shell",
-			style: g(qe.value)
+			style: g(Ke.value)
 		}, [p("div", {
-			class: he(["gd-contract-template-designer__page-zoom", { "is-active": h.active }]),
-			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", {
+			class: h(["gd-contract-template-designer__page-zoom", { "is-active": m.active }]),
+			style: g(qe.value)
+		}, [p("header", Se, [p("span", null, v(m.page.title || `第 ${m.pageIndex + 1} 页`), 1), p("span", null, "第 " + v(m.pageIndex + 1) + " 页 · " + v(m.pageSize.label || "A4") + " · " + v(m.pageSize.width) + " × " + v(m.pageSize.height), 1)]), p("div", {
 			ref_key: "pageElement",
 			ref: O,
 			class: "gd-contract-template-designer__page",
-			style: g(Ke.value),
-			onDragover: t[3] ||= ve(() => {}, ["prevent"]),
-			onDrop: Ze,
-			onClick: t[4] ||= (e) => E("editor-focus", h.page.id)
-		}, [
-			m(ue, {
-				decorations: h.pageDecorations,
-				"page-number": h.pageIndex + 1,
-				"total-pages": h.totalPages,
-				variables: h.variables
-			}, null, 8, [
-				"decorations",
-				"page-number",
-				"total-pages",
-				"variables"
-			]),
-			y(A) ? (_(), de(y(be), {
-				key: 0,
-				class: "gd-contract-template-page__content",
-				editor: y(A)
-			}, null, 8, ["editor"])) : fe("", !0),
-			m(le, {
-				"page-size": h.pageSize,
-				placements: h.signingPlacements,
-				"selected-id": h.selectedSigningPlacementId,
-				zoom: W.value,
-				readonly: h.readonly,
-				disabled: h.disabled,
-				onSelect: t[0] ||= (e) => E("signing-placement-select", e),
-				onMove: t[1] ||= (e) => E("signing-placement-move", e),
-				onRemove: t[2] ||= (e) => E("signing-placement-remove", e)
-			}, null, 8, [
-				"page-size",
-				"placements",
-				"selected-id",
-				"zoom",
-				"readonly",
-				"disabled"
-			])
-		], 36)], 6)], 4));
+			style: g(Ge.value),
+			onDragover: t[0] ||= me(() => {}, ["prevent"]),
+			onDrop: Ye,
+			onClick: t[1] ||= (e) => E("editor-focus", m.page.id)
+		}, [ue(oe, {
+			decorations: m.pageDecorations,
+			"page-number": m.pageIndex + 1,
+			"total-pages": m.totalPages,
+			variables: m.variables
+		}, null, 8, [
+			"decorations",
+			"page-number",
+			"total-pages",
+			"variables"
+		]), y(j) ? (_(), se(y(ge), {
+			key: 0,
+			class: "gd-contract-template-page__content",
+			editor: y(j)
+		}, null, 8, ["editor"])) : ce("", !0)], 36)], 6)], 4));
 	}
 });
 //#endregion