@guodun/antdv 1.7.7 → 1.7.8

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

@@ -1,22 +1,25 @@
 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 { DEFAULT_FIELD_STYLE as s, resolvePageSize as c, splitPageContentByMeasurements as ee } from "./composables/use-template-designer.mjs";
-import { createEditorSnapshotCache as te } from "./utils/editor-snapshot-cache.mjs";
-import { usePageAuthoring as ne } from "./composables/use-page-authoring.mjs";
-import { buildTemplateVariableAttrs as re, insertTemplateVariableNode as ie } from "./extensions/template-variable.mjs";
-import { normalizeContractImageDimension as l } from "./utils/content-image.mjs";
-import { createEditorExtensions as ae, runContractTemplateEditorCommand as u } from "./extensions/editor-extensions.mjs";
-import { resolveEditorContextMenuKind as oe } from "./utils/context-variable.mjs";
+import { DEFAULT_FIELD_STYLE as s, resolvePageSize as c, splitPageContentByMeasurements as l } from "./composables/use-template-designer.mjs";
+import { createEditorSnapshotCache as ee } from "./utils/editor-snapshot-cache.mjs";
+import { Mapping as te, StepMap as ne } from "../../../node_modules/prosemirror-transform/dist/index.mjs";
+import { usePageAuthoring as re } from "./composables/use-page-authoring.mjs";
+import "../../../node_modules/@tiptap/pm/dist/transform/index.mjs";
+import { buildTemplateVariableAttrs as ie, insertTemplateVariableNode as ae } from "./extensions/template-variable.mjs";
+import { normalizeContractImageDimension as u } from "./utils/content-image.mjs";
+import { createEditorExtensions as oe, runContractTemplateEditorCommand as d } from "./extensions/editor-extensions.mjs";
+import { resolveEditorContextMenuKind as f } from "./utils/context-variable.mjs";
 import { applyContractTemplateBlockStyle as se } from "./utils/block-style.mjs";
 import ce from "./ContractTemplatePageDecorations.mjs";
-import { computed as d, createBlock as le, createCommentVNode as ue, createElementBlock as de, createElementVNode as f, createVNode as fe, defineComponent as p, nextTick as pe, normalizeClass as me, normalizeStyle as m, onBeforeUnmount as he, openBlock as ge, ref as _e, toDisplayString as h, unref as g, watch as _, 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 v, deleteColumn as Ce, deleteRow as we, deleteTable as Te } from "@tiptap/pm/tables";
-import { NodeSelection as y } from "@tiptap/pm/state";
+import { scrollCaretIntoCanvas as le } from "./utils/caret-viewport.mjs";
+import { computed as p, createBlock as ue, createCommentVNode as de, createElementBlock as fe, createElementVNode as m, createVNode as pe, defineComponent as h, nextTick as me, normalizeClass as he, normalizeStyle as g, onBeforeUnmount as ge, openBlock as _e, ref as ve, toDisplayString as _, toRaw as ye, unref as v, watch as y, withModifiers as be } from "vue";
+import { Modal as xe } from "ant-design-vue";
+import { EditorContent as Se, useEditor as Ce } from "@tiptap/vue-3";
+import { generateHTML as we } from "@tiptap/core";
+import { CellSelection as b, deleteColumn as Te, deleteRow as Ee, deleteTable as De } from "@tiptap/pm/tables";
+import { NodeSelection as x, Selection as Oe } 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" }, b = "application/x-gd-contract-variable-move", De = 8, Oe = /* @__PURE__ */ p({
+var ke = { class: "gd-contract-template-designer__page-title" }, S = "application/x-gd-contract-variable-move", Ae = 8, je = /* @__PURE__ */ h({
 	name: "ProContractTemplateDesignerPage",
 	__name: "DesignerPage",
 	props: {
@@ -49,7 +52,11 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 			type: Boolean,
 			default: !1
 		},
-		activeSearchMatch: { default: void 0 }
+		activeSearchMatch: { default: void 0 },
+		getScrollContainer: {
+			type: Function,
+			default: void 0
+		}
 	},
 	emits: [
 		"page-update",
@@ -64,18 +71,18 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 		"editor-context-menu",
 		"word-paste"
 	],
-	setup(p, { expose: Oe, emit: ke }) {
-		let x = p, S = ke, C = d(() => x.readonly || x.disabled), w = _e(), T = te(), E = !1, D, O, k = !1, Ae = !1, je = x.page.contentHtml;
-		function A() {
-			return Ae && !k;
+	setup(h, { expose: je, emit: Me }) {
+		let C = h, w = Me, T = p(() => C.readonly || C.disabled), E = ve(), D = ee(), O = !1, k, A, j = !1, M = !1, Ne = !1, N = !1, P = 0, F, Pe = C.page.contentHtml, Fe = ye(C.page);
+		function I() {
+			return M && !j;
 		}
-		function j() {
-			return E || !!N.value?.view.composing;
+		function L() {
+			return O || !!R.value?.view.composing;
 		}
-		function Me(e) {
+		function Ie(e) {
 			let t = e.filter(Boolean).join("、");
 			return typeof window > "u" ? !1 : new Promise((e) => {
-				ye.confirm({
+				xe.confirm({
 					title: "粘贴内容包含不兼容字体",
 					content: `检测到 ${t || "外部"} 字体。为保证 Mac 与 Windows 排版一致，将统一转换为合同标准字体（GD Contract Latin + 系统宋体）。是否继续粘贴？`,
 					okText: "继续粘贴",
@@ -85,154 +92,166 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 				});
 			});
 		}
-		let M = ae("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
-			processImageFile: x.processImageFile,
-			confirmExternalFontPaste: Me,
-			getZoom: () => Math.max(.1, x.zoom || 1)
-		}), N = xe({
-			content: x.page.contentHtml,
-			editable: !C.value,
-			extensions: M,
+		let Le = oe("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
+			processImageFile: C.processImageFile,
+			confirmExternalFontPaste: Ie,
+			getZoom: () => Math.max(.1, C.zoom || 1)
+		}), R = Ce({
+			content: C.page.contentHtml,
+			editable: !T.value,
+			extensions: Le,
 			editorProps: {
 				attributes: { class: "gd-contract-template-designer__editor-prose" },
 				handleClick: (e, t, n) => {
 					let r = (n.target instanceof HTMLElement ? n.target.closest("[data-template-variable]") : void 0)?.dataset.key;
 					if (!r) return !1;
-					let i = x.variables.find((e) => e.key === r);
-					return i && S("variable-select", i.key), !1;
+					let i = C.variables.find((e) => e.key === r);
+					return i && w("variable-select", i.key), !1;
 				},
 				handleDOMEvents: {
-					compositionstart: () => (E = !0, D !== void 0 && clearTimeout(D), !1),
-					compositionend: () => (E = !1, D = setTimeout(() => {
-						if (D = void 0, !(k || j())) {
-							if (O !== void 0) {
-								let e = O;
-								O = void 0, $e(e);
+					compositionstart: () => (O = !0, k !== void 0 && clearTimeout(k), !1),
+					compositionend: () => (O = !1, k = setTimeout(() => {
+						if (k = void 0, !(j || L())) {
+							if (A !== void 0) {
+								let e = A;
+								A = void 0, dt(e);
 							}
-							S("page-update", J()), S("composition-end", x.page.id);
+							w("page-update", K()), w("composition-end", C.page.id);
 						}
 					}, 0), !1),
 					contextmenu: (e, t) => {
-						if (C.value) return !1;
-						let n = Je(e, t.target);
-						if (n) return t.preventDefault(), B({
-							pageId: x.page.id,
+						if (T.value) return !1;
+						let n = rt(e, t.target);
+						if (n) return t.preventDefault(), V({
+							pageId: C.page.id,
 							clientX: t.clientX,
 							clientY: t.clientY
 						}, n), !0;
-						let r = N.value?.state.selection, i = r instanceof v, a = t.target instanceof HTMLElement ? !!t.target.closest("td, th") : !1, o = oe({
+						let r = R.value?.state.selection, i = r instanceof b, a = t.target instanceof HTMLElement ? !!t.target.closest("td, th") : !1, o = f({
 							isCellSelection: i,
 							selectionEmpty: !r || r.empty,
 							inTable: a
 						});
-						return t.preventDefault(), o === "table" && (i || Ge(t.clientX, t.clientY, t.target)) ? (U({
-							pageId: x.page.id,
+						return t.preventDefault(), o === "table" && (i || Qe(t.clientX, t.clientY, t.target)) ? (it({
+							pageId: C.page.id,
 							clientX: t.clientX,
 							clientY: t.clientY
-						}), !0) : (z({
-							pageId: x.page.id,
+						}), !0) : (B({
+							pageId: C.page.id,
 							clientX: t.clientX,
 							clientY: t.clientY
 						}), !0);
 					},
-					dragstart: (e, t) => C.value ? (t.preventDefault(), !0) : (t.target instanceof HTMLElement ? t.target : null)?.closest("[data-template-variable]") ? (t.dataTransfer?.setData(b, x.page.id), t.dataTransfer && (t.dataTransfer.effectAllowed = "move"), w.value?.classList.add("is-variable-dragging"), !1) : !1,
-					dragend: () => (w.value?.classList.remove("is-variable-dragging"), !1),
+					dragstart: (e, t) => T.value ? (t.preventDefault(), !0) : (t.target instanceof HTMLElement ? t.target : null)?.closest("[data-template-variable]") ? (t.dataTransfer?.setData(S, C.page.id), t.dataTransfer && (t.dataTransfer.effectAllowed = "move"), E.value?.classList.add("is-variable-dragging"), !1) : !1,
+					dragend: () => (E.value?.classList.remove("is-variable-dragging"), !1),
 					drop: (e, t) => {
-						if (C.value) return t.preventDefault(), t.stopPropagation(), !0;
-						let n = t.dataTransfer?.getData(b);
-						return !n || n === x.page.id ? !1 : (t.preventDefault(), S("variable-move-blocked", x.page.id), !0);
+						if (T.value) return t.preventDefault(), t.stopPropagation(), !0;
+						let n = t.dataTransfer?.getData(S);
+						return !n || n === C.page.id ? !1 : (t.preventDefault(), w("variable-move-blocked", C.page.id), !0);
 					}
 				},
 				handleKeyDown: (e, t) => {
-					if (C.value || !He(t)) return !1;
-					let n = N.value;
+					if (T.value || !Je(t)) return !1;
+					let n = R.value;
 					if (!n) return !1;
 					t.preventDefault();
-					let r = n.state.selection, i = H();
+					let r = n.state.selection, i = U();
 					if (i) {
 						let e = n.view.coordsAtPos(r.from);
-						return B({
-							pageId: x.page.id,
+						return V({
+							pageId: C.page.id,
 							clientX: e.left,
 							clientY: e.bottom
 						}, i), !0;
 					}
-					let a = r instanceof v;
-					if (oe({
+					let a = r instanceof b;
+					if (f({
 						isCellSelection: a,
 						selectionEmpty: r.empty,
 						inTable: n.isActive("table")
 					}) === "table") {
 						if (!a) {
-							let e = We();
-							typeof e == "number" && n.view.dispatch(n.state.tr.setSelection(v.create(n.state.doc, e)));
+							let e = Ze();
+							typeof e == "number" && n.view.dispatch(n.state.tr.setSelection(b.create(n.state.doc, e)));
 						}
 						let e = n.view.coordsAtPos(n.state.selection.from);
-						return U({
-							pageId: x.page.id,
+						return it({
+							pageId: C.page.id,
 							clientX: e.left,
 							clientY: e.bottom
 						}), !0;
 					}
 					let o = n.view.coordsAtPos(n.state.selection.from);
-					return z({
-						pageId: x.page.id,
+					return B({
+						pageId: C.page.id,
 						clientX: o.left,
 						clientY: o.bottom
 					}), !0;
-				}
+				},
+				handleScrollToSelection: (e) => le(e, () => C.getScrollContainer?.(), () => E.value)
+			},
+			onTransaction: ({ transaction: e, appendedTransactions: t }) => {
+				[e, ...t].some((e) => e.docChanged && !e.getMeta("preventUpdate")) && (Ne = !0), !M && [e, ...t].some((e) => e.selectionSet || e.storedMarksSet) && (N = !0), [e, ...t].some((e) => e.docChanged || e.selectionSet || e.storedMarksSet || e.getMeta("blur")) && (P += 1);
 			},
 			onUpdate: ({ editor: e }) => {
-				S("page-update", {
-					...x.page,
-					contentHtml: T.read(e).getHTML(),
-					contentJson: T.read(e).getJSON()
-				}), K();
+				w("page-update", {
+					...C.page,
+					contentHtml: D.read(e).getHTML(),
+					contentJson: D.read(e).getJSON()
+				}), W();
 			},
 			onFocus: () => {
-				S("editor-focus", x.page.id), K();
+				w("editor-focus", C.page.id), W();
+			},
+			onBlur: W,
+			onSelectionUpdate: W,
+			onMount: () => {
+				F = P;
 			},
-			onBlur: K,
-			onSelectionUpdate: K,
 			onCreate: ({ editor: e }) => {
-				x.page.contentHtml !== je && x.page.contentHtml !== T.read(e).getHTML() && (E || e.view.composing ? O = x.page.contentHtml : e.commands.setContent(x.page.contentHtml || "<p></p>", { emitUpdate: !1 })), Ae = !0, e.on("contract-word-paste", P), K(), S("editor-ready", x.page.id);
+				if (C.page.contentHtml !== Pe && C.page.contentHtml !== D.read(e).getHTML()) if (O || e.view.composing) A = C.page.contentHtml;
+				else {
+					let t = F === P ? P + 1 : void 0;
+					e.commands.setContent(C.page.contentHtml || "<p></p>", { emitUpdate: !1 }), F = t;
+				}
+				M = !0, e.on("contract-word-paste", He), W(), w("editor-ready", C.page.id);
 			}
-		}), { findText: Ne, revealSearchMatch: Pe, replaceSearchMatches: Fe, focusHeading: Ie } = ne({
-			editor: () => N.value,
-			readonly: () => C.value,
+		}), { findText: Re, revealSearchMatch: ze, replaceSearchMatches: Be, focusHeading: Ve } = re({
+			editor: () => R.value,
+			readonly: () => T.value,
 			search: () => ({
-				query: x.searchQuery,
-				matchCase: x.searchMatchCase,
-				activeMatch: x.activeSearchMatch
+				query: C.searchQuery,
+				matchCase: C.searchMatchCase,
+				activeMatch: C.activeSearchMatch
 			})
 		});
-		function P(e) {
-			S("word-paste", e);
+		function He(e) {
+			w("word-paste", e);
 		}
-		function Le(e) {
+		function Ue(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 Re() {
-			if (!N.value) return "";
-			let { from: e, to: t } = N.value.state.selection;
-			return N.value.state.doc.textBetween(e, t, "\n");
+		function We() {
+			if (!R.value) return "";
+			let { from: e, to: t } = R.value.state.selection;
+			return R.value.state.doc.textBetween(e, t, "\n");
 		}
-		function ze() {
-			let e = N.value, t = e?.state.selection;
+		function Ge() {
+			let e = R.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) / q.value;
+				if (Math.abs(r.top - n.top) > Ae) return;
+				let i = Math.abs(r.left - n.left) / G.value;
 				return Number.isFinite(i) && i > 0 ? i : void 0;
 			} catch {
 				return;
 			}
 		}
-		function Be() {
-			let e = N.value, t = e?.state.selection;
-			if (!(!e || !t || t.empty) && !(t instanceof v || t instanceof y)) try {
+		function Ke() {
+			let e = R.value, t = e?.state.selection;
+			if (!(!e || !t || t.empty) && !(t instanceof b || t instanceof x)) try {
 				let n = e.view.coordsAtPos(t.from), r = e.view.coordsAtPos(t.to, -1);
 				return {
 					top: Math.min(n.top, r.top),
@@ -244,8 +263,8 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 				return;
 			}
 		}
-		function Ve() {
-			let e = N.value;
+		function qe() {
+			let e = R.value;
 			if (!e) return "";
 			let t = e.state.selection.$from, n = t.pos;
 			for (let e = t.depth; e > 0; --e) {
@@ -257,35 +276,35 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 			}
 			return e.state.doc.textBetween(n, e.state.selection.from, "");
 		}
-		function He(e) {
+		function Je(e) {
 			return e.key === "ContextMenu" || e.shiftKey && e.key === "F10";
 		}
-		function F(e) {
+		function Ye(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 Ue(e, t) {
-			let n = N.value, r = n?.view.posAtCoords({
+		function Xe(e, t) {
+			let n = R.value, r = n?.view.posAtCoords({
 				left: e,
 				top: t
 			})?.pos;
-			if (!(!n || typeof r != "number")) return F(n.state.doc.resolve(r));
+			if (!(!n || typeof r != "number")) return Ye(n.state.doc.resolve(r));
 		}
-		function We() {
-			let e = N.value;
-			if (e) return F(e.state.selection.$from);
+		function Ze() {
+			let e = R.value;
+			if (e) return Ye(e.state.selection.$from);
 		}
-		function Ge(e, t, n) {
-			let r = N.value, i = n instanceof HTMLElement ? n : null;
+		function Qe(e, t, n) {
+			let r = R.value, i = n instanceof HTMLElement ? n : null;
 			if (!r || !i?.closest("td,th")) return !1;
-			if (r.state.selection instanceof v && i.closest("td.selectedCell,th.selectedCell")) return !0;
-			let a = Ue(e, t);
-			return typeof a == "number" ? (r.view.dispatch(r.state.tr.setSelection(v.create(r.state.doc, a))), !0) : !1;
+			if (r.state.selection instanceof b && i.closest("td.selectedCell,th.selectedCell")) return !0;
+			let a = Xe(e, t);
+			return typeof a == "number" ? (r.view.dispatch(r.state.tr.setSelection(b.create(r.state.doc, a))), !0) : !1;
 		}
-		function I() {
-			let e = N.value, t = e?.isActive("table") ? e.can() : void 0, n = (e) => !!(t && e(t));
+		function $e() {
+			let e = R.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()),
@@ -303,97 +322,97 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 				deleteTable: n((e) => e.deleteTable())
 			};
 		}
-		function Ke() {
-			let e = N.value, t = e?.state.selection;
-			if (!e || !(t instanceof v)) return "left";
+		function et() {
+			let e = R.value, t = e?.state.selection;
+			if (!e || !(t instanceof b)) return "left";
 			let n = /* @__PURE__ */ new Set();
 			return t.forEachCell((e) => {
 				let t = e.attrs.textAlign;
 				n.add(t === "center" || t === "right" ? t : "left");
 			}), n.size === 1 ? n.values().next().value ?? "left" : "mixed";
 		}
-		function L(e = N.value?.state.doc) {
+		function tt(e = R.value?.state.doc) {
 			let t = 0;
 			return e?.descendants((e) => {
 				e.type.name === "templateVariable" && (t += 1);
 			}), t;
 		}
-		function R(e) {
-			let t = N.value;
+		function z(e) {
+			let t = R.value;
 			if (!t) return 0;
-			let n = L(t.state.doc), r = n, i = (e) => {
-				r = L(e.doc);
+			let n = tt(t.state.doc), r = n, i = (e) => {
+				r = tt(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" ? Ee(t.state, i) : e === "delete-table-column" ? Te(t.state, i) : De(t.state, i), Math.max(0, n - r);
 		}
-		function z(e) {
-			let t = N.value?.state.selection, n = !!(t && !t.empty);
-			S("editor-context-menu", {
+		function B(e) {
+			let t = R.value?.state.selection, n = !!(t && !t.empty);
+			w("editor-context-menu", {
 				type: "text",
 				...e,
 				hasSelection: n,
-				selectionWidth: n ? ze() : void 0,
-				leadingText: Ve()
+				selectionWidth: n ? Ge() : void 0,
+				leadingText: qe()
 			});
 		}
-		function qe(e, t) {
-			z({
-				pageId: x.page.id,
+		function nt(e, t) {
+			B({
+				pageId: C.page.id,
 				clientX: e,
 				clientY: t
 			});
 		}
-		function B(e, t) {
-			S("editor-context-menu", {
+		function V(e, t) {
+			w("editor-context-menu", {
 				type: "image",
 				...e,
 				image: t
 			});
 		}
-		function V(e, t) {
+		function H(e, t) {
 			if (!(e.type.name !== "image" || typeof e.attrs.src != "string" || !e.attrs.src)) return {
 				position: t,
 				src: e.attrs.src,
 				alt: typeof e.attrs.alt == "string" ? e.attrs.alt : void 0,
 				title: typeof e.attrs.title == "string" ? e.attrs.title : void 0,
-				width: l(e.attrs.width),
-				height: l(e.attrs.height)
+				width: u(e.attrs.width),
+				height: u(e.attrs.height)
 			};
 		}
-		function H() {
-			let e = N.value?.state.selection;
-			if (e instanceof y) return V(e.node, e.from);
+		function U() {
+			let e = R.value?.state.selection;
+			if (e instanceof x) return H(e.node, e.from);
 		}
-		function Je(e, t) {
+		function rt(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" && S("variable-select", r.attrs.key), (!(e.state.selection instanceof y) || e.state.selection.from !== t) && e.dispatch(e.state.tr.setSelection(y.create(e.state.doc, t))), V(r, t));
+				return !r || r.type.name !== "templateVariable" && r.type.name !== "image" ? void 0 : (r.type.name === "templateVariable" && typeof r.attrs.key == "string" && w("variable-select", r.attrs.key), (!(e.state.selection instanceof x) || e.state.selection.from !== t) && e.dispatch(e.state.tr.setSelection(x.create(e.state.doc, t))), H(r, t));
 			} catch {
 				return;
 			}
 		}
-		function U(e) {
-			S("editor-context-menu", {
+		function it(e) {
+			w("editor-context-menu", {
 				type: "table",
 				...e,
-				capabilities: I(),
-				activeAlignment: Ke(),
+				capabilities: $e(),
+				activeAlignment: et(),
 				affectedVariableCounts: {
-					deleteRow: R("delete-table-row"),
-					deleteColumn: R("delete-table-column"),
-					deleteTable: R("delete-table")
+					deleteRow: z("delete-table-row"),
+					deleteColumn: z("delete-table-column"),
+					deleteTable: z("delete-table")
 				}
 			});
 		}
-		function Ye(e) {
+		function at(e) {
 			return typeof e == "number" && Number.isInteger(e) && e >= 1 && e <= 6;
 		}
-		function W() {
-			let e = N.value;
+		function ot() {
+			let e = R.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" && Ye(e.attrs.level) && r.push(e.attrs.level);
+				e.type.name === "paragraph" ? r.push("paragraph") : e.type.name === "heading" && at(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);
@@ -405,18 +424,18 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 			else t.nodesBetween(n.from, n.to, (e) => (i(e), !0));
 			return Array.from(new Set(r));
 		}
-		function Xe() {
-			let e = W();
+		function st() {
+			let e = ot();
 			return e.length === 1 && e[0] !== "paragraph" ? e[0] : void 0;
 		}
-		function Ze() {
-			return W().length > 1;
+		function ct() {
+			return ot().length > 1;
 		}
-		function Qe() {
-			return ["center", "right"].find((e) => N.value?.isActive("heading", { textAlign: e }) || N.value?.isActive("paragraph", { textAlign: e })) ?? "left";
+		function lt() {
+			return ["center", "right"].find((e) => R.value?.isActive("heading", { textAlign: e }) || R.value?.isActive("paragraph", { textAlign: e })) ?? "left";
 		}
-		function G() {
-			let e = N.value, t = (t) => !!e?.isActive(t), n = e?.getAttributes("textStyle") ?? {};
+		function ut() {
+			let e = R.value, t = (t) => !!e?.isActive(t), n = e?.getAttributes("textStyle") ?? {};
 			return {
 				isFocused: !!e?.isFocused,
 				canUndo: !!e?.can().undo(),
@@ -427,107 +446,107 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 				isBulletList: t("bulletList"),
 				isOrderedList: t("orderedList"),
 				isTableActive: t("table"),
-				currentHeadingLevel: Xe(),
-				hasMixedBlockFormats: Ze(),
-				textAlign: Qe(),
+				currentHeadingLevel: st(),
+				hasMixedBlockFormats: ct(),
+				textAlign: lt(),
 				fontFamily: typeof n.fontFamily == "string" ? n.fontFamily : void 0,
-				fontSize: Le(n.fontSize),
+				fontSize: Ue(n.fontSize),
 				textColor: typeof n.color == "string" ? n.color : void 0,
-				selectionText: Re(),
-				selectedContentImage: H()
+				selectionText: We(),
+				selectedContentImage: U()
 			};
 		}
-		function K() {
-			S("editor-state-change", x.page.id, G());
+		function W() {
+			w("editor-state-change", C.page.id, ut());
 		}
-		_(C, (e) => {
-			N.value?.setEditable(!e), K();
-		}), _(() => x.page.contentHtml, (e) => {
-			$e(e);
+		y(T, (e) => {
+			R.value?.setEditable(!e), W();
+		}), y(() => C.page.contentHtml, (e) => {
+			dt(e);
 		});
-		function $e(e) {
-			if (!N.value || e === $()) {
-				O = void 0;
+		function dt(e) {
+			if (!R.value || e === $()) {
+				A = void 0;
 				return;
 			}
-			if (j()) {
-				O = e;
+			if (L()) {
+				A = e;
 				return;
 			}
-			N.value.commands.setContent(e || "<p></p>", { emitUpdate: !1 }), K();
+			R.value.commands.setContent(e || "<p></p>", { emitUpdate: !1 }), W();
 		}
-		let et = d(() => {
-			let e = o(x.pageDecorations), t = x.pageIndex + 1, s = a(e, t) ? r(e.header) : n.top, c = i(e, t) ? r(e.footer) : n.bottom;
+		let ft = p(() => {
+			let e = o(C.pageDecorations), t = C.pageIndex + 1, s = a(e, t) ? r(e.header) : n.top, c = i(e, t) ? r(e.footer) : n.bottom;
 			return {
-				width: `${x.pageSize.width}px`,
-				height: `${x.pageSize.height}px`,
+				width: `${C.pageSize.width}px`,
+				height: `${C.pageSize.height}px`,
 				paddingTop: `${s}px`,
 				paddingBottom: `${c}px`,
-				"--gd-contract-page-content-height": `${Math.max(120, x.pageSize.height - s - c)}px`
+				"--gd-contract-page-content-height": `${Math.max(120, C.pageSize.height - s - c)}px`
 			};
-		}), q = d(() => Math.max(.1, x.zoom || 1)), tt = d(() => ({
-			width: `${Math.ceil((x.pageSize.width + 10) * q.value)}px`,
-			height: `${Math.ceil((x.pageSize.height + 40) * q.value)}px`
-		})), nt = d(() => ({ "--gd-contract-page-zoom": String(q.value) })), rt = d(() => c(x.pageSize));
-		function it(e) {
-			if (x.readonly || x.disabled) {
+		}), G = p(() => Math.max(.1, C.zoom || 1)), pt = p(() => ({
+			width: `${Math.ceil((C.pageSize.width + 10) * G.value)}px`,
+			height: `${Math.ceil((C.pageSize.height + 40) * G.value)}px`
+		})), mt = p(() => ({ "--gd-contract-page-zoom": String(G.value) })), ht = p(() => c(C.pageSize));
+		function gt(e) {
+			if (C.readonly || C.disabled) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
 			let t = e.dataTransfer?.getData("application/x-gd-contract-variable");
 			if (t) {
-				e.preventDefault(), e.stopPropagation(), S("variable-drop", x.page.id, t, e.clientX, e.clientY);
+				e.preventDefault(), e.stopPropagation(), w("variable-drop", C.page.id, t, e.clientX, e.clientY);
 				return;
 			}
-			let n = e.dataTransfer?.getData(b);
-			n && n !== x.page.id && (e.preventDefault(), e.stopPropagation(), S("variable-move-blocked", x.page.id));
+			let n = e.dataTransfer?.getData(S);
+			n && n !== C.page.id && (e.preventDefault(), e.stopPropagation(), w("variable-move-blocked", C.page.id));
 		}
-		function at(e, t) {
-			let n = N.value;
-			return n ? (ie(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), Z(), J()) : void 0;
+		function _t(e, t) {
+			let n = R.value;
+			return n ? (ae(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), Z(), K()) : void 0;
 		}
-		function ot(e, t) {
-			let n = N.value;
-			if (n) return u(n, {
+		function vt(e, t) {
+			let n = R.value;
+			if (n) return d(n, {
 				type: "insert-content-image",
 				image: e,
 				position: t
-			}), J();
+			}), K();
 		}
-		function st(e) {
-			let t = N.value, n = t?.state.selection;
-			if (!t || !(n instanceof y) || n.node.type.name !== "image") return;
+		function yt(e) {
+			let t = R.value, n = t?.state.selection;
+			if (!t || !(n instanceof x) || n.node.type.name !== "image") return;
 			let r = { ...n.node.attrs }, i = !1;
 			if (["width", "height"].forEach((t) => {
 				if (!Object.prototype.hasOwnProperty.call(e, t)) return;
-				let n = e[t] === void 0 ? null : l(e[t]) ?? null;
+				let n = e[t] === void 0 ? null : u(e[t]) ?? null;
 				r[t] !== n && (r[t] = n, i = !0);
 			}), !i) return;
 			let a = t.state.tr.setNodeMarkup(n.from, void 0, r);
-			return a.setSelection(y.create(a.doc, n.from)), t.view.dispatch(a), J();
+			return a.setSelection(x.create(a.doc, n.from)), t.view.dispatch(a), K();
 		}
-		function ct() {
-			let e = N.value?.state.selection;
+		function bt() {
+			let e = R.value?.state.selection;
 			return e ? {
 				from: e.from,
 				to: e.to
 			} : void 0;
 		}
-		function J() {
+		function K() {
 			return {
-				...x.page,
-				pageSize: rt.value,
+				...C.page,
+				pageSize: ht.value,
 				contentHtml: $(),
-				contentJson: Q() ?? x.page.contentJson
+				contentJson: Q() ?? C.page.contentJson
 			};
 		}
-		function lt(e) {
-			if (!A()) return {
+		function xt(e) {
+			if (!I()) return {
 				contentHtml: e.contentHtml,
 				contentJson: e.contentJson
 			};
 			let t = $();
-			return !j() && e.contentHtml !== x.page.contentHtml && e.contentHtml !== t ? {
+			return !L() && e.contentHtml !== C.page.contentHtml && e.contentHtml !== t ? {
 				contentHtml: e.contentHtml,
 				contentJson: e.contentJson
 			} : {
@@ -535,32 +554,32 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 				contentJson: Q()
 			};
 		}
-		function Y(e) {
+		function q(e) {
 			return {
 				type: "doc",
 				content: e.length ? e : [{ type: "paragraph" }]
 			};
 		}
-		function ut(e) {
+		function St(e) {
 			return e?.length ? e.length === 1 && e[0].type === "paragraph" && !e[0].content?.length : !0;
 		}
-		function dt(e) {
-			return Se(Y(e), M);
+		function Ct(e) {
+			return we(q(e), Le);
 		}
-		function ft() {
-			if (x.pageDecorations) {
-				let e = o(x.pageDecorations), t = x.pageIndex + 1, s = a(e, t) ? r(e.header) : n.top, c = i(e, t) ? r(e.footer) : n.bottom;
-				return Math.max(120, x.pageSize.height - s - c);
+		function wt() {
+			if (C.pageDecorations) {
+				let e = o(C.pageDecorations), t = C.pageIndex + 1, s = a(e, t) ? r(e.header) : n.top, c = i(e, t) ? r(e.footer) : n.bottom;
+				return Math.max(120, C.pageSize.height - s - c);
 			}
-			let e = w.value;
-			if (!e) return x.pageSize.height - 108;
+			let e = E.value;
+			if (!e) return C.pageSize.height - 108;
 			let t = window.getComputedStyle(e), s = Number.parseFloat(t.paddingTop) || 0, c = Number.parseFloat(t.paddingBottom) || 0;
-			return Math.max(120, x.pageSize.height - s - c);
+			return Math.max(120, C.pageSize.height - s - c);
 		}
-		function pt() {
-			let e = w.value?.querySelector(".gd-contract-template-designer__editor-prose");
+		function Tt() {
+			let e = E.value?.querySelector(".gd-contract-template-designer__editor-prose");
 			if (!e) return [];
-			let t = e.getBoundingClientRect(), n = q.value;
+			let t = e.getBoundingClientRect(), n = G.value;
 			return Array.from(e.children).map((r) => {
 				let i = r.getBoundingClientRect(), a = r instanceof HTMLTableElement ? r : r.querySelector(":scope > table"), o = a ? Array.from(a.rows).map((e) => {
 					let r = e.getBoundingClientRect();
@@ -579,29 +598,77 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 				};
 			});
 		}
-		function mt() {
-			if (!N.value) return;
-			let e = pt(), t = ft();
-			if (e.some((e) => e.top + e.height > t + 1)) return ee(Q()?.content, e, t);
+		function J() {
+			if (!R.value) return;
+			let e = Tt(), t = wt();
+			if (e.some((e) => e.top + e.height > t + 1)) return l(Q()?.content, e, t);
 		}
-		function ht() {
-			return !!mt();
+		function Et() {
+			return !!J();
 		}
-		function gt() {
-			if (!N.value || !A() || j()) return;
-			let e = mt();
-			if (e) return N.value.commands.setContent(Y(e.currentContent), { emitUpdate: !1 }), {
-				page: J(),
+		function Dt() {
+			let e = R.value;
+			if (!e || !I() || L() || !e.view.hasFocus()) return !1;
+			let t = J();
+			if (!t) return !1;
+			let n = 0;
+			for (let r = 0; r < t.splitIndex; r++) n += e.state.doc.child(r).nodeSize;
+			if (t.currentContent.length > t.splitIndex) {
+				let r = e.state.doc.child(t.splitIndex), i = t.currentContent[t.splitIndex].content.length;
+				for (let e = 0; e < i; e++) n += r.child(e).nodeSize;
+				n += 1;
+			}
+			return e.state.selection.ranges.every((e) => e.$from.pos >= n);
+		}
+		function Ot(e) {
+			return (!e || ye(e) === Fe) && !Ne && !L() && !R.value?.view.hasFocus() && St(Q()?.content);
+		}
+		function kt() {
+			if (!R.value || !I() || L()) return;
+			let e = J();
+			if (!e) return;
+			let t = R.value, { doc: n, selection: r, storedMarks: i } = t.state, a = t.state.tr, o = 0;
+			for (let t = 0; t < e.splitIndex; t++) o += n.child(t).nodeSize;
+			let s = o, c = o;
+			if (e.currentContent.length > e.splitIndex) {
+				let t = n.child(e.splitIndex), r = e.currentContent[e.splitIndex].content.length;
+				for (let e = 0; e < r; e++) s += t.child(e).nodeSize;
+				c = s + 1, a.delete(c, o + t.nodeSize - 1), a.delete(s + 2, a.doc.content.size);
+			} else a.delete(o, n.content.size);
+			let l = t.view.hasFocus() && r.ranges.every((e) => e.$from.pos >= c) ? r.map(t.schema.nodeFromJSON(q(e.overflowContent)), new te([new ne([
+				0,
+				s,
+				0
+			])])) : void 0;
+			a.setMeta("preventUpdate", !0).setMeta("addToHistory", !1).setStoredMarks(i);
+			let ee = P + 1;
+			t.view.dispatch(a);
+			let re = l && {
+				selection: l,
+				storedMarks: i,
+				isCurrent: () => !j && R.value === t && !t.isDestroyed && !T.value && !L() && t.view.hasFocus() && P === ee
+			};
+			return {
+				page: K(),
 				overflowContent: e.overflowContent,
-				overflowHtml: dt(e.overflowContent)
+				overflowHtml: Ct(e.overflowContent),
+				selection: re
 			};
 		}
-		function _t(e) {
-			if (!N.value || !A() || j() || !e.length) return;
-			let t = Q()?.content, n = [...e, ...ut(t) ? [] : t ?? []];
-			return N.value.commands.setContent(Y(n), { emitUpdate: !1 }), J();
+		function At(e) {
+			if (!R.value || !I() || L() || !e.length) return;
+			let t = R.value, n = t.schema.nodeFromJSON(q(e)).content, { doc: r, storedMarks: i } = t.state, a = t.state.tr;
+			St(Q()?.content) ? a.replaceWith(0, r.content.size, n) : a.insert(0, n), a.setMeta("preventUpdate", !0).setMeta("addToHistory", !1).setStoredMarks(i);
+			let o = P + 1;
+			return t.view.dispatch(a), F = N ? void 0 : o, N = !1, K();
 		}
-		function vt(e, t) {
+		function jt(e, t) {
+			let n = R.value, r = F;
+			if (F = void 0, !n || !I() || T.value || L() || r !== P || !e.isCurrent() || $() !== t) return;
+			let i = Oe.fromJSON(n.state.doc, e.selection.toJSON()), a = P + 1;
+			n.view.dispatch(n.state.tr.setSelection(i).setStoredMarks(e.storedMarks?.map((e) => n.schema.markFromJSON(e.toJSON())) ?? null).setMeta("addToHistory", !1)), !(!e.isCurrent() || P !== a) && (n.view.focus(), n.view.hasFocus() && P === a && n.commands.scrollIntoView());
+		}
+		function Y(e, t) {
 			let n = [];
 			return e.descendants((e, r) => {
 				e.type.name === "templateVariable" && e.attrs.key === t && n.push({
@@ -610,145 +677,148 @@ var Ee = { class: "gd-contract-template-designer__page-title" }, b = "applicatio
 				});
 			}), n;
 		}
-		function yt(e, t = e.key) {
-			if (!N.value) return;
-			let n = re(e), r = !1;
-			return N.value.commands.command(({ tr: e, state: i, dispatch: a }) => (vt(i.doc, t).forEach(({ node: t, pos: i }) => {
+		function Mt(e, t = e.key) {
+			if (!R.value) return;
+			let n = ie(e), r = !1;
+			return R.value.commands.command(({ tr: e, state: i, dispatch: a }) => (Y(i.doc, t).forEach(({ node: t, pos: i }) => {
 				e.setNodeMarkup(i, void 0, {
 					...t.attrs,
 					...n
 				}), r = !0;
-			}), r && a?.(e), r)), Z(), r ? J() : void 0;
+			}), r && a?.(e), r)), Z(), r ? K() : void 0;
 		}
-		function bt(e) {
-			if (!N.value) return;
+		function Nt(e) {
+			if (!R.value) return;
 			let t = 0;
-			return N.value.commands.command(({ tr: n, state: r, dispatch: i }) => {
-				let a = vt(r.doc, e).map(({ node: e, pos: t }) => ({
+			return R.value.commands.command(({ tr: n, state: r, dispatch: i }) => {
+				let a = Y(r.doc, e).map(({ node: e, pos: t }) => ({
 					from: t,
 					to: t + e.nodeSize
 				})).sort((e, t) => t.from - e.from);
 				return a.forEach((e) => n.delete(e.from, e.to)), t = a.length, t && i?.(n), t > 0;
-			}), t ? J() : void 0;
+			}), t ? K() : void 0;
 		}
-		function xt() {
-			w.value?.querySelectorAll(".gd-contract-template-variable.is-active").forEach((e) => e.classList.remove("is-active"));
+		function Pt() {
+			E.value?.querySelectorAll(".gd-contract-template-variable.is-active").forEach((e) => e.classList.remove("is-active"));
 		}
 		function X(e) {
-			if (e) return Array.from(w.value?.querySelectorAll("[data-template-variable]") ?? []).find((t) => t.dataset.key === e);
+			if (e) return Array.from(E.value?.querySelectorAll("[data-template-variable]") ?? []).find((t) => t.dataset.key === e);
 		}
-		function St(e) {
-			xt();
+		function Ft(e) {
+			Pt();
 			let t = X(e);
 			return t ? (t.classList.add("is-active"), t.scrollIntoView({
 				behavior: "smooth",
 				block: "center",
 				inline: "center"
-			}), N.value?.commands.focus(), !0) : !1;
+			}), R.value?.commands.focus(), !0) : !1;
 		}
 		function Z() {
-			xt(), X(x.selectedVariableKey)?.classList.add("is-active");
+			Pt(), X(C.selectedVariableKey)?.classList.add("is-active");
 		}
-		function Ct(n) {
-			let r = e.find((e) => e.key === n), i = N.value;
+		function It(n) {
+			let r = e.find((e) => e.key === n), i = R.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(s.color || "#1f2937"), r.bold ? a.setBold() : a.unsetBold(), r.italic ? a.setItalic() : a.unsetItalic(), r.underline ? a.setUnderline() : a.unsetUnderline(), a.run();
 		}
-		_([() => x.selectedVariableKey, () => x.variables], () => {
-			pe(Z);
+		y([() => C.selectedVariableKey, () => C.variables], () => {
+			me(Z);
 		}, {
 			deep: !0,
 			flush: "post"
 		});
-		function wt(e) {
-			C.value || (e.type === "apply-block-style" ? N.value && se(N.value, e.format) : e.type === "apply-text-style-preset" ? Ct(e.preset) : u(N.value, e), K());
+		function Lt(e) {
+			T.value || (e.type === "apply-block-style" ? R.value && se(R.value, e.format) : e.type === "apply-text-style-preset" ? It(e.preset) : d(R.value, e), W());
 		}
-		function Tt() {
-			N.value?.commands.focus();
+		function Rt() {
+			R.value?.commands.focus();
 		}
 		function Q() {
-			return N.value ? T.read(N.value).getJSON() : x.page.contentJson;
+			return R.value ? D.read(R.value).getJSON() : C.page.contentJson;
 		}
 		function $() {
-			return N.value ? T.read(N.value).getHTML() : x.page.contentHtml;
+			return R.value ? D.read(R.value).getHTML() : C.page.contentHtml;
 		}
-		function Et(e) {
-			let t = x.variables.find((t) => t.id === e || t.key === e), n = t ? X(t.key) : void 0;
+		function zt(e) {
+			let t = C.variables.find((t) => t.id === e || t.key === e), n = t ? X(t.key) : void 0;
 			Z(), n?.scrollIntoView({
 				behavior: "smooth",
 				block: "center"
 			});
 		}
-		function Dt() {
-			w.value?.scrollIntoView({
+		function Bt() {
+			E.value?.scrollIntoView({
 				behavior: "smooth",
 				block: "start",
 				inline: "center"
 			});
 		}
-		return he(() => {
-			k = !0, D !== void 0 && clearTimeout(D), N.value?.off("contract-word-paste", P), N.value?.destroy();
-		}), Oe({
-			findText: Ne,
-			revealSearchMatch: Pe,
-			replaceSearchMatches: Fe,
-			focusHeading: Ie,
-			focus: Tt,
+		return ge(() => {
+			j = !0, k !== void 0 && clearTimeout(k), R.value?.off("contract-word-paste", He), R.value?.destroy();
+		}), je({
+			findText: Re,
+			revealSearchMatch: ze,
+			replaceSearchMatches: Be,
+			focusHeading: Ve,
+			focus: Rt,
 			getHTML: $,
 			getJSON: Q,
-			getContentSnapshot: lt,
-			getEditorState: G,
-			getTableCommandCapabilities: I,
-			getAffectedVariableCount: R,
-			insertVariable: at,
-			insertContentImage: ot,
-			updateSelectedContentImage: st,
-			getSelectionRange: ct,
-			getSelectionViewportRect: Be,
-			requestTextContextMenu: qe,
-			isReady: A,
-			isComposing: j,
-			hasOverflowContent: ht,
-			updateVariable: yt,
-			removeVariable: bt,
-			splitOverflowContent: gt,
-			prependContent: _t,
-			runCommand: wt,
-			scrollIntoField: Et,
-			scrollIntoVariable: St,
-			scrollIntoPage: Dt
-		}), (e, t) => (ge(), de("section", {
+			getContentSnapshot: xt,
+			getEditorState: ut,
+			getTableCommandCapabilities: $e,
+			getAffectedVariableCount: z,
+			insertVariable: _t,
+			insertContentImage: vt,
+			updateSelectedContentImage: yt,
+			getSelectionRange: bt,
+			getSelectionViewportRect: Ke,
+			requestTextContextMenu: nt,
+			isReady: I,
+			isComposing: L,
+			hasOverflowContent: Et,
+			hasOverflowSelection: Dt,
+			isUntouchedPaginationBlank: Ot,
+			updateVariable: Mt,
+			removeVariable: Nt,
+			splitOverflowContent: kt,
+			prependContent: At,
+			restorePaginationSelection: jt,
+			runCommand: Lt,
+			scrollIntoField: zt,
+			scrollIntoVariable: Ft,
+			scrollIntoPage: Bt
+		}), (e, t) => (_e(), fe("section", {
 			class: "gd-contract-template-designer__page-shell",
-			style: m(tt.value)
-		}, [f("div", {
-			class: me(["gd-contract-template-designer__page-zoom", { "is-active": p.active }]),
-			style: m(nt.value)
-		}, [f("header", Ee, [f("span", null, h(p.page.title || `第 ${p.pageIndex + 1} 页`), 1), f("span", null, "第 " + h(p.pageIndex + 1) + " 页 · " + h(p.pageSize.label || "A4") + " · " + h(p.pageSize.width) + " × " + h(p.pageSize.height), 1)]), f("div", {
+			style: g(pt.value)
+		}, [m("div", {
+			class: he(["gd-contract-template-designer__page-zoom", { "is-active": h.active }]),
+			style: g(mt.value)
+		}, [m("header", ke, [m("span", null, _(h.page.title || `第 ${h.pageIndex + 1} 页`), 1), m("span", null, "第 " + _(h.pageIndex + 1) + " 页 · " + _(h.pageSize.label || "A4") + " · " + _(h.pageSize.width) + " × " + _(h.pageSize.height), 1)]), m("div", {
 			ref_key: "pageElement",
-			ref: w,
+			ref: E,
 			class: "gd-contract-template-designer__page",
-			style: m(et.value),
-			onLoadCapture: t[0] ||= (e) => S("page-layout-change", p.page.id),
-			onDragover: t[1] ||= ve(() => {}, ["prevent"]),
-			onDrop: it,
-			onClick: t[2] ||= (e) => S("editor-focus", p.page.id)
-		}, [fe(ce, {
-			decorations: p.pageDecorations,
-			"page-number": p.pageIndex + 1,
-			"total-pages": p.totalPages,
-			variables: p.variables
+			style: g(ft.value),
+			onLoadCapture: t[0] ||= (e) => w("page-layout-change", h.page.id),
+			onDragover: t[1] ||= be(() => {}, ["prevent"]),
+			onDrop: gt,
+			onClick: t[2] ||= (e) => w("editor-focus", h.page.id)
+		}, [pe(ce, {
+			decorations: h.pageDecorations,
+			"page-number": h.pageIndex + 1,
+			"total-pages": h.totalPages,
+			variables: h.variables
 		}, null, 8, [
 			"decorations",
 			"page-number",
 			"total-pages",
 			"variables"
-		]), g(N) ? (ge(), le(g(be), {
+		]), v(R) ? (_e(), ue(v(Se), {
 			key: 0,
 			class: "gd-contract-template-page__content",
-			editor: g(N)
-		}, null, 8, ["editor"])) : ue("", !0)], 36)], 6)], 4));
+			editor: v(R)
+		}, null, 8, ["editor"])) : de("", !0)], 36)], 6)], 4));
 	}
 });
 //#endregion
-export { Oe as default };
+export { je as default };