@guodun/antdv 1.5.2 → 1.6.0

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

@@ -1,21 +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 { 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 { 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 Te = { class: "gd-contract-template-designer__page-title" }, C = "application/x-gd-contract-variable-move", Ee = 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: {
@@ -39,20 +39,20 @@ var Te = { 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",
@@ -60,14 +60,29 @@ 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(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) => {
+				he.confirm({
+					title: "粘贴内容包含不兼容字体",
+					content: `检测到 ${t || "外部"} 字体。为保证 Mac 与 Windows 排版一致，将统一转换为合同标准字体（GD Contract Latin + 系统宋体）。是否继续粘贴？`,
+					okText: "继续粘贴",
+					cancelText: "取消粘贴",
+					onOk: () => e(!0),
+					onCancel: () => e(!1)
+				});
+			});
+		}
+		let A = ie("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
 			processImageFile: T.processImageFile,
+			confirmExternalFontPaste: k,
 			getZoom: () => Math.max(.1, T.zoom || 1)
-		}), A = be({
+		}), 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) => {
@@ -79,22 +94,22 @@ 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);
-						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 || Ie(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
@@ -109,14 +124,14 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 					}
 				},
 				handleKeyDown: (e, t) => {
-					if (D.value || !Ne(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
@@ -129,18 +144,18 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 						inTable: n.isActive("table")
 					}) === "table") {
 						if (!a) {
-							let e = Fe();
+							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
@@ -152,43 +167,51 @@ var Te = { 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 Oe(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 ke() {
-			if (!A.value) return "";
-			let { from: e, to: t } = A.value.state.selection;
-			return A.value.state.doc.textBetween(e, t, "\n");
-		}
 		function Ae() {
-			let e = A.value, t = e?.state.selection;
+			if (!j.value) return "";
+			let { from: e, to: t } = j.value.state.selection;
+			return j.value.state.doc.textBetween(e, t, "\n");
+		}
+		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) > Ee) 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 je() {
-			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 {
@@ -201,8 +224,8 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				return;
 			}
 		}
-		function Me() {
-			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) {
@@ -214,35 +237,35 @@ 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 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 Pe(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 Fe() {
-			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 Ie(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 = Pe(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()),
@@ -260,8 +283,8 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				deleteTable: n((e) => e.deleteTable())
 			};
 		}
-		function Le() {
-			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) => {
@@ -269,45 +292,45 @@ var Te = { 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" ? 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" ? 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 ? Ae() : void 0,
-				leadingText: Me()
+				selectionWidth: n ? je() : void 0,
+				leadingText: Ne()
 			});
 		}
-		function Re(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,
@@ -317,40 +340,40 @@ var Te = { 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 ze(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: Le(),
+				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 Be(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" && Be(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);
@@ -362,18 +385,18 @@ 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() {
-			let e = V();
-			return e.length === 1 && e[0] !== "paragraph" ? e[0] : void 0;
-		}
 		function He() {
-			return V().length > 1;
+			let e = H();
+			return e.length === 1 && e[0] !== "paragraph" ? e[0] : void 0;
 		}
 		function Ue() {
-			return ["center", "right"].find((e) => A.value?.isActive("heading", { textAlign: e }) || A.value?.isActive("paragraph", { textAlign: e })) ?? "left";
+			return H().length > 1;
 		}
-		function H() {
-			let e = A.value, t = (t) => !!e?.isActive(t), n = e?.getAttributes("textStyle") ?? {};
+		function We() {
+			return ["center", "right"].find((e) => j.value?.isActive("heading", { textAlign: e }) || j.value?.isActive("paragraph", { textAlign: e })) ?? "left";
+		}
+		function U() {
+			let e = j.value, t = (t) => !!e?.isActive(t), n = e?.getAttributes("textStyle") ?? {};
 			return {
 				isFocused: !!e?.isFocused,
 				canUndo: !!e?.can().undo(),
@@ -384,25 +407,25 @@ 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: He(),
+				hasMixedBlockFormats: Ue(),
+				textAlign: We(),
 				fontFamily: typeof n.fontFamily == "string" ? n.fontFamily : void 0,
-				fontSize: Oe(n.fontSize),
+				fontSize: ke(n.fontSize),
 				textColor: typeof n.color == "string" ? n.color : void 0,
-				selectionText: ke(),
-				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 We = 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`,
@@ -411,58 +434,29 @@ 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(() => ({
-			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));
-		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 Je(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
-			};
-		}
+		}), 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 (!c(T.readonly, T.disabled)) {
+			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 Xe(e, t) {
-			let n = A.value;
-			return n ? (oe(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), $(), K()) : void 0;
+			let n = j.value;
+			return n ? (re(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), $(), K()) : void 0;
 		}
 		function Ze(e, t) {
-			let n = A.value;
+			let n = j.value;
 			if (n) return u(n, {
 				type: "insert-content-image",
 				image: e,
@@ -470,7 +464,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			}), K();
 		}
 		function Qe(e) {
-			let t = A.value, n = t?.state.selection;
+			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) => {
@@ -482,7 +476,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			return a.setSelection(S.create(a.doc, n.from)), t.view.dispatch(a), K();
 		}
 		function $e() {
-			let e = A.value?.state.selection;
+			let e = j.value?.state.selection;
 			return e ? {
 				from: e.from,
 				to: e.to
@@ -491,9 +485,9 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		function K() {
 			return {
 				...T.page,
-				pageSize: qe.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) {
@@ -506,7 +500,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			return e?.length ? e.length === 1 && e[0].type === "paragraph" && !e[0].content?.length : !0;
 		}
 		function tt(e) {
-			return xe(q(e), k);
+			return ve(q(e), A);
 		}
 		function nt() {
 			if (T.pageDecorations) {
@@ -521,7 +515,7 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 		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 {
@@ -531,24 +525,24 @@ 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 j.value ? ee(j.value.getJSON().content, rt(), nt()) : void 0;
 		}
 		function it() {
 			return !!J();
 		}
 		function at() {
-			if (!A.value) return;
+			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: tt(e.overflowContent)
 			};
 		}
 		function Y(e) {
-			if (!A.value || !e.length) return;
-			let t = A.value.getJSON().content, n = [...e, ...et(t) ? [] : t ?? []];
-			return A.value.commands.setContent(q(n), { emitUpdate: !1 }), K();
+			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 = [];
@@ -560,9 +554,9 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			}), n;
 		}
 		function ot(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 }) => {
+			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
@@ -570,9 +564,9 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 			}), r && a?.(e), r)), $(), r ? K() : void 0;
 		}
 		function st(e) {
-			if (!A.value) return;
+			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
@@ -593,133 +587,106 @@ var Te = { class: "gd-contract-template-designer__page-title" }, C = "applicatio
 				behavior: "smooth",
 				block: "center",
 				inline: "center"
-			}), A.value?.commands.focus(), !0) : !1;
-		}
-		function lt(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 ut(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 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 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 dt() {
+			j.value?.commands.focus();
 		}
 		function ft() {
-			A.value?.commands.focus();
+			return j.value?.getJSON();
 		}
 		function pt() {
-			return A.value?.getJSON();
-		}
-		function mt() {
-			return A.value?.getHTML() ?? T.page.contentHtml;
+			return j.value?.getHTML() ?? T.page.contentHtml;
 		}
-		function ht(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 gt() {
+		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: ft,
-			getHTML: mt,
-			getJSON: pt,
-			getEditorState: H,
-			getTableCommandCapabilities: N,
-			getAffectedVariableCount: F,
-			getVisibleSigningPlacementPosition: Je,
+			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: je,
-			requestTextContextMenu: Re,
+			getSelectionViewportRect: Me,
+			requestTextContextMenu: ze,
 			hasOverflowContent: it,
 			updateVariable: ot,
 			removeVariable: st,
 			splitOverflowContent: at,
 			prependContent: Y,
-			runCommand: dt,
-			scrollIntoField: ht,
+			runCommand: ut,
+			scrollIntoField: mt,
 			scrollIntoVariable: ct,
-			scrollIntoSigningPlacement: lt,
-			scrollIntoPage: gt
-		}), (e, t) => (_(), pe("section", {
+			scrollIntoPage: ht
+		}), (e, t) => (_(), le("section", {
 			class: "gd-contract-template-designer__page-shell",
-			style: g(Ge.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", {
+		}, [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(We.value),
-			onDragover: t[3] ||= ve(() => {}, ["prevent"]),
+			style: g(Ge.value),
+			onDragover: t[0] ||= me(() => {}, ["prevent"]),
 			onDrop: Ye,
-			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(ye), {
-				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));
+			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