@guodun/antdv 1.4.2 → 1.4.4

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

@@ -1,14 +1,14 @@
-import { SIGNING_PLACEMENT_MIME as e, canMutateSigningPlacements as t, getSigningPlacementDefaultSize as n, parseSigningPlacementDragPayload as r } from "./utils/signing-placement.mjs";
-import { CONTRACT_TEXT_STYLE_PRESETS as i } from "./constants.mjs";
-import { CONTRACT_PAGE_BASE_PADDING as a, getPageDecorationSafePadding as o, hasEnabledPageFooter as s, hasEnabledPageHeader as c, normalizePageDecorations as l } from "./utils/page-decorations.mjs";
-import { DEFAULT_FIELD_STYLE as ee, resolvePageSize as te, splitPageContentByMeasurements as ne } from "./composables/use-template-designer.mjs";
-import { buildTemplateVariableAttrs as re, insertTemplateVariableNode as ie } from "./extensions/template-variable.mjs";
+import { CONTRACT_TEXT_STYLE_PRESETS as e } from "./constants.mjs";
+import { CONTRACT_PAGE_BASE_PADDING as t, getPageDecorationSafePadding as n, hasEnabledPageFooter as r, hasEnabledPageHeader as i, normalizePageDecorations as a } from "./utils/page-decorations.mjs";
+import o from "./ContractTemplatePageDecorations.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 l, insertTemplateVariableNode as ae } from "./extensions/template-variable.mjs";
 import { normalizeContractImageDimension as u } from "./utils/content-image.mjs";
-import { createEditorExtensions as ae, runContractTemplateEditorCommand as d } from "./extensions/editor-extensions.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 oe } from "./utils/block-style.mjs";
-import se from "./SigningPlacementLayer.mjs";
-import ce from "./ContractTemplatePageDecorations.mjs";
+import { applyContractTemplateBlockStyle as se } from "./utils/block-style.mjs";
+import ce from "./SigningPlacementLayer.mjs";
 import { computed as p, createBlock as le, createCommentVNode as ue, createElementBlock as de, createElementVNode as m, createVNode as h, defineComponent as g, nextTick as fe, normalizeClass as pe, normalizeStyle as _, onBeforeUnmount as me, openBlock as v, ref as he, toDisplayString as y, unref as b, watch as x, withModifiers as ge } from "vue";
 import { EditorContent as _e, useEditor as ve } from "@tiptap/vue-3";
 import { generateHTML as ye } from "@tiptap/core";
@@ -60,7 +60,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 		"editor-context-menu"
 	],
 	setup(g, { expose: T, emit: Te }) {
-		let E = g, D = Te, O = p(() => E.readonly || E.disabled), k = he(), A = ae("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
+		let E = g, D = Te, O = p(() => E.readonly || E.disabled), k = he(), A = oe("请输入合同正文，或从 WPS / Word 粘贴合同内容", {
 			processImageFile: E.processImageFile,
 			getZoom: () => Math.max(.1, E.zoom || 1)
 		}), j = ve({
@@ -78,7 +78,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				handleDOMEvents: {
 					contextmenu: (e, t) => {
 						if (O.value) return !1;
-						let n = Fe(e, t.target);
+						let n = Le(e, t.target);
 						if (n) return t.preventDefault(), L({
 							pageId: E.page.id,
 							clientX: t.clientX,
@@ -89,7 +89,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 							selectionEmpty: !r || r.empty,
 							inTable: a
 						});
-						return t.preventDefault(), o === "table" && (i || Ne(t.clientX, t.clientY, t.target)) ? (B({
+						return t.preventDefault(), o === "table" && (i || Pe(t.clientX, t.clientY, t.target)) ? (B({
 							pageId: E.page.id,
 							clientX: t.clientX,
 							clientY: t.clientY
@@ -108,7 +108,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 					}
 				},
 				handleKeyDown: (e, t) => {
-					if (O.value || !Ae(t)) return !1;
+					if (O.value || !je(t)) return !1;
 					let n = j.value;
 					if (!n) return !1;
 					t.preventDefault();
@@ -128,7 +128,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 						inTable: n.isActive("table")
 					}) === "table") {
 						if (!a) {
-							let e = Me();
+							let e = Ne();
 							typeof e == "number" && n.view.dispatch(n.state.tr.setSelection(S.create(n.state.doc, e)));
 						}
 						let e = n.view.coordsAtPos(n.state.selection.from);
@@ -182,6 +182,20 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			}
 		}
 		function ke() {
+			let e = j.value, t = e?.state.selection;
+			if (!(!e || !t || t.empty) && !(t instanceof S || t instanceof C)) try {
+				let n = e.view.coordsAtPos(t.from), r = e.view.coordsAtPos(t.to, -1);
+				return {
+					top: Math.min(n.top, r.top),
+					bottom: Math.max(n.bottom, r.bottom),
+					left: Math.min(n.left, r.left),
+					right: Math.max(n.left, r.right)
+				};
+			} catch {
+				return;
+			}
+		}
+		function Ae() {
 			let e = j.value;
 			if (!e) return "";
 			let t = e.state.selection.$from, n = t.pos;
@@ -194,7 +208,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			}
 			return e.state.doc.textBetween(n, e.state.selection.from, "");
 		}
-		function Ae(e) {
+		function je(e) {
 			return e.key === "ContextMenu" || e.shiftKey && e.key === "F10";
 		}
 		function M(e) {
@@ -203,22 +217,22 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				if (n === "cell" || n === "header_cell") return e.before(t);
 			}
 		}
-		function je(e, t) {
+		function Me(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));
 		}
-		function Me() {
+		function Ne() {
 			let e = j.value;
 			if (e) return M(e.state.selection.$from);
 		}
-		function Ne(e, t, n) {
+		function Pe(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 S && i.closest("td.selectedCell,th.selectedCell")) return !0;
-			let a = je(e, t);
+			let a = Me(e, t);
 			return typeof a == "number" ? (r.view.dispatch(r.state.tr.setSelection(S.create(r.state.doc, a))), !0) : !1;
 		}
 		function N() {
@@ -240,7 +254,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				deleteTable: n((e) => e.deleteTable())
 			};
 		}
-		function Pe() {
+		function Fe() {
 			let e = j.value, t = e?.state.selection;
 			if (!e || !(t instanceof S)) return "left";
 			let n = /* @__PURE__ */ new Set();
@@ -270,7 +284,14 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				...e,
 				hasSelection: n,
 				selectionWidth: n ? Oe() : void 0,
-				leadingText: ke()
+				leadingText: Ae()
+			});
+		}
+		function Ie(e, t) {
+			I({
+				pageId: E.page.id,
+				clientX: e,
+				clientY: t
 			});
 		}
 		function L(e, t) {
@@ -294,7 +315,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			let e = j.value?.state.selection;
 			if (e instanceof C) return R(e.node, e.from);
 		}
-		function Fe(e, t) {
+		function Le(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);
@@ -308,7 +329,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				type: "table",
 				...e,
 				capabilities: N(),
-				activeAlignment: Pe(),
+				activeAlignment: Fe(),
 				affectedVariableCounts: {
 					deleteRow: F("delete-table-row"),
 					deleteColumn: F("delete-table-column"),
@@ -316,14 +337,14 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				}
 			});
 		}
-		function Ie(e) {
+		function Re(e) {
 			return typeof e == "number" && Number.isInteger(e) && e >= 1 && e <= 6;
 		}
 		function V() {
 			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" && Ie(e.attrs.level) && r.push(e.attrs.level);
+				e.type.name === "paragraph" ? r.push("paragraph") : e.type.name === "heading" && Re(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);
@@ -335,14 +356,14 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			else t.nodesBetween(n.from, n.to, (e) => (i(e), !0));
 			return Array.from(new Set(r));
 		}
-		function Le() {
+		function ze() {
 			let e = V();
 			return e.length === 1 && e[0] !== "paragraph" ? e[0] : void 0;
 		}
-		function Re() {
+		function Be() {
 			return V().length > 1;
 		}
-		function ze() {
+		function Ve() {
 			return ["center", "right"].find((e) => j.value?.isActive("heading", { textAlign: e }) || j.value?.isActive("paragraph", { textAlign: e })) ?? "left";
 		}
 		function H() {
@@ -357,9 +378,9 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				isBulletList: t("bulletList"),
 				isOrderedList: t("orderedList"),
 				isTableActive: t("table"),
-				currentHeadingLevel: Le(),
-				hasMixedBlockFormats: Re(),
-				textAlign: ze(),
+				currentHeadingLevel: ze(),
+				hasMixedBlockFormats: Be(),
+				textAlign: Ve(),
 				fontFamily: typeof n.fontFamily == "string" ? n.fontFamily : void 0,
 				fontSize: Ee(n.fontSize),
 				textColor: typeof n.color == "string" ? n.color : void 0,
@@ -375,19 +396,19 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 		}), x(() => E.page.contentHtml, (e) => {
 			!j.value || e === j.value.getHTML() || (j.value.commands.setContent(e || "<p></p>", { emitUpdate: !1 }), U());
 		});
-		let Be = p(() => {
-			let e = l(E.pageDecorations), t = E.pageIndex + 1, n = c(e, t) ? o(e.header) : a.top, r = s(e, t) ? o(e.footer) : a.bottom;
+		let He = p(() => {
+			let e = a(E.pageDecorations), o = E.pageIndex + 1, s = i(e, o) ? n(e.header) : t.top, c = r(e, o) ? n(e.footer) : t.bottom;
 			return {
 				width: `${E.pageSize.width}px`,
 				height: `${E.pageSize.height}px`,
-				paddingTop: `${n}px`,
-				paddingBottom: `${r}px`,
-				"--gd-contract-page-content-height": `${Math.max(120, E.pageSize.height - n - r)}px`
+				paddingTop: `${s}px`,
+				paddingBottom: `${c}px`,
+				"--gd-contract-page-content-height": `${Math.max(120, E.pageSize.height - s - c)}px`
 			};
-		}), W = p(() => Math.max(.1, E.zoom || 1)), Ve = p(() => ({
+		}), W = p(() => Math.max(.1, E.zoom || 1)), Ue = p(() => ({
 			width: `${Math.ceil((E.pageSize.width + 10) * W.value)}px`,
 			height: `${Math.ceil((E.pageSize.height + 40) * W.value)}px`
-		})), He = p(() => ({ "--gd-contract-page-zoom": String(W.value) })), Ue = p(() => te(E.pageSize));
+		})), We = p(() => ({ "--gd-contract-page-zoom": String(W.value) })), Ge = p(() => re(E.pageSize));
 		function G(e, t) {
 			let n = k.value?.getBoundingClientRect();
 			return n ? {
@@ -398,43 +419,43 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				y: E.pageSize.height / 2
 			};
 		}
-		function We(e) {
-			let t = k.value?.getBoundingClientRect(), r = k.value?.closest(".gd-contract-template-designer__canvas")?.getBoundingClientRect(), i = n(e);
-			if (!t || !r) return {
-				x: Math.max(0, (E.pageSize.width - i.width) / 2),
-				y: Math.max(0, (E.pageSize.height - i.height) / 2)
+		function Ke(e) {
+			let t = k.value?.getBoundingClientRect(), n = k.value?.closest(".gd-contract-template-designer__canvas")?.getBoundingClientRect(), r = ee(e);
+			if (!t || !n) return {
+				x: Math.max(0, (E.pageSize.width - r.width) / 2),
+				y: Math.max(0, (E.pageSize.height - r.height) / 2)
 			};
-			let a = Math.max(t.left, r.left), o = Math.max(t.top, r.top), s = Math.min(t.right, r.right), c = Math.min(t.bottom, r.bottom), l = G(s > a ? (a + s) / 2 : (t.left + t.right) / 2, c > o ? (o + c) / 2 : (t.top + t.bottom) / 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: l.x - i.width / 2,
-				y: l.y - i.height / 2
+				x: c.x - r.width / 2,
+				y: c.y - r.height / 2
 			};
 		}
-		function Ge(n) {
-			if (!t(E.readonly, E.disabled)) {
-				n.preventDefault(), n.stopPropagation();
+		function qe(e) {
+			if (!c(E.readonly, E.disabled)) {
+				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			let i = r(n.dataTransfer?.getData(e));
-			if (i) {
-				n.preventDefault(), n.stopPropagation();
-				let e = G(n.clientX, n.clientY);
-				D("signing-placement-drop", E.page.id, i, e.x, e.y);
+			let t = te(e.dataTransfer?.getData(s));
+			if (t) {
+				e.preventDefault(), e.stopPropagation();
+				let n = G(e.clientX, e.clientY);
+				D("signing-placement-drop", E.page.id, t, n.x, n.y);
 				return;
 			}
-			let a = n.dataTransfer?.getData("application/x-gd-contract-variable");
-			if (a) {
-				n.preventDefault(), n.stopPropagation(), D("variable-drop", E.page.id, a, n.clientX, n.clientY);
+			let n = e.dataTransfer?.getData("application/x-gd-contract-variable");
+			if (n) {
+				e.preventDefault(), e.stopPropagation(), D("variable-drop", E.page.id, n, e.clientX, e.clientY);
 				return;
 			}
-			let o = n.dataTransfer?.getData(w);
-			o && o !== E.page.id && (n.preventDefault(), n.stopPropagation(), D("variable-move-blocked", E.page.id));
+			let r = e.dataTransfer?.getData(w);
+			r && r !== E.page.id && (e.preventDefault(), e.stopPropagation(), D("variable-move-blocked", E.page.id));
 		}
-		function Ke(e, t) {
+		function Je(e, t) {
 			let n = j.value;
-			return n ? (ie(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), $(), K()) : void 0;
+			return n ? (ae(n, e, t ? n.view.posAtCoords(t)?.pos : void 0), $(), K()) : void 0;
 		}
-		function qe(e, t) {
+		function Ye(e, t) {
 			let n = j.value;
 			if (n) return d(n, {
 				type: "insert-content-image",
@@ -442,7 +463,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				position: t
 			}), K();
 		}
-		function Je(e) {
+		function Xe(e) {
 			let t = j.value, n = t?.state.selection;
 			if (!t || !(n instanceof C) || n.node.type.name !== "image") return;
 			let r = { ...n.node.attrs }, i = !1;
@@ -454,7 +475,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			let a = t.state.tr.setNodeMarkup(n.from, void 0, r);
 			return a.setSelection(C.create(a.doc, n.from)), t.view.dispatch(a), K();
 		}
-		function Ye() {
+		function Ze() {
 			let e = j.value?.state.selection;
 			return e ? {
 				from: e.from,
@@ -464,7 +485,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 		function K() {
 			return {
 				...E.page,
-				pageSize: Ue.value,
+				pageSize: Ge.value,
 				contentHtml: j.value?.getHTML() ?? E.page.contentHtml,
 				contentJson: j.value?.getJSON() ?? E.page.contentJson
 			};
@@ -475,23 +496,23 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				content: e.length ? e : [{ type: "paragraph" }]
 			};
 		}
-		function Xe(e) {
+		function Qe(e) {
 			return e?.length ? e.length === 1 && e[0].type === "paragraph" && !e[0].content?.length : !0;
 		}
-		function Ze(e) {
+		function $e(e) {
 			return ye(q(e), A);
 		}
-		function Qe() {
+		function et() {
 			if (E.pageDecorations) {
-				let e = l(E.pageDecorations), t = E.pageIndex + 1, n = c(e, t) ? o(e.header) : a.top, r = s(e, t) ? o(e.footer) : a.bottom;
-				return Math.max(120, E.pageSize.height - n - r);
+				let e = a(E.pageDecorations), o = E.pageIndex + 1, s = i(e, o) ? n(e.header) : t.top, c = r(e, o) ? n(e.footer) : t.bottom;
+				return Math.max(120, E.pageSize.height - s - c);
 			}
 			let e = k.value;
 			if (!e) return E.pageSize.height - 108;
-			let t = window.getComputedStyle(e), n = Number.parseFloat(t.paddingTop) || 0, r = Number.parseFloat(t.paddingBottom) || 0;
-			return Math.max(120, E.pageSize.height - n - r);
+			let o = window.getComputedStyle(e), s = Number.parseFloat(o.paddingTop) || 0, c = Number.parseFloat(o.paddingBottom) || 0;
+			return Math.max(120, E.pageSize.height - s - c);
 		}
-		function $e() {
+		function tt() {
 			let e = k.value?.querySelector(".gd-contract-template-designer__editor-prose");
 			if (!e) return [];
 			let t = e.getBoundingClientRect(), n = W.value;
@@ -504,23 +525,23 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			});
 		}
 		function J() {
-			return j.value ? ne(j.value.getJSON().content, $e(), Qe()) : void 0;
+			return j.value ? ie(j.value.getJSON().content, tt(), et()) : void 0;
 		}
-		function et() {
+		function nt() {
 			return !!J();
 		}
-		function tt() {
+		function rt() {
 			if (!j.value) return;
 			let e = J();
 			if (e) return j.value.commands.setContent(q(e.currentContent), { emitUpdate: !1 }), {
 				page: K(),
 				overflowContent: e.overflowContent,
-				overflowHtml: Ze(e.overflowContent)
+				overflowHtml: $e(e.overflowContent)
 			};
 		}
-		function nt(e) {
+		function it(e) {
 			if (!j.value || !e.length) return;
-			let t = j.value.getJSON().content, n = [...e, ...Xe(t) ? [] : t ?? []];
+			let t = j.value.getJSON().content, n = [...e, ...Qe(t) ? [] : t ?? []];
 			return j.value.commands.setContent(q(n), { emitUpdate: !1 }), K();
 		}
 		function Y(e, t) {
@@ -532,9 +553,9 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				});
 			}), n;
 		}
-		function rt(e, t = e.key) {
+		function X(e, t = e.key) {
 			if (!j.value) return;
-			let n = re(e), r = !1;
+			let n = l(e), r = !1;
 			return j.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,
@@ -542,7 +563,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				}), r = !0;
 			}), r && a?.(e), r)), $(), r ? K() : void 0;
 		}
-		function it(e) {
+		function at(e) {
 			if (!j.value) return;
 			let t = 0;
 			return j.value.commands.command(({ tr: n, state: r, dispatch: i }) => {
@@ -553,22 +574,22 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				return a.forEach((e) => n.delete(e.from, e.to)), t = a.length, t && i?.(n), t > 0;
 			}), t ? K() : void 0;
 		}
-		function X() {
+		function Z() {
 			k.value?.querySelectorAll(".gd-contract-template-variable.is-active").forEach((e) => e.classList.remove("is-active"));
 		}
-		function Z(e) {
+		function Q(e) {
 			if (e) return Array.from(k.value?.querySelectorAll("[data-template-variable]") ?? []).find((t) => t.dataset.key === e);
 		}
-		function at(e) {
-			X();
-			let t = Z(e);
+		function ot(e) {
+			Z();
+			let t = Q(e);
 			return t ? (t.classList.add("is-active"), t.scrollIntoView({
 				behavior: "smooth",
 				block: "center",
 				inline: "center"
 			}), j.value?.commands.focus(), !0) : !1;
 		}
-		function Q(e) {
+		function st(e) {
 			let t = Array.from(k.value?.querySelectorAll("[data-signing-placement-id]") ?? []).find((t) => t.dataset.signingPlacementId === e);
 			return t?.scrollIntoView({
 				behavior: "smooth",
@@ -577,13 +598,13 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			}), !!t;
 		}
 		function $() {
-			X(), Z(E.selectedVariableKey)?.classList.add("is-active");
+			Z(), Q(E.selectedVariableKey)?.classList.add("is-active");
 		}
-		function ot(e) {
-			let t = i.find((t) => t.key === e), n = j.value;
-			if (!t || !n) return;
-			let r = n.chain().focus().clearNodes();
-			t.headingLevel ? r.setHeading({ level: t.headingLevel }) : r.setParagraph(), r.unsetAllMarks().unsetTextAlign().unsetFontSize().unsetFontFamily().unsetColor().setTextAlign(t.textAlign).setFontSize(`${t.fontSize}px`).setFontFamily(t.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif").setColor(ee.color || "#1f2937"), t.bold ? r.setBold() : r.unsetBold(), t.italic ? r.setItalic() : r.unsetItalic(), t.underline ? r.setUnderline() : r.unsetUnderline(), r.run();
+		function ct(t) {
+			let n = e.find((e) => e.key === t), r = j.value;
+			if (!n || !r) return;
+			let i = r.chain().focus().clearNodes();
+			n.headingLevel ? i.setHeading({ level: n.headingLevel }) : i.setParagraph(), i.unsetAllMarks().unsetTextAlign().unsetFontSize().unsetFontFamily().unsetColor().setTextAlign(n.textAlign).setFontSize(`${n.fontSize}px`).setFontFamily(n.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif").setColor(ne.color || "#1f2937"), n.bold ? i.setBold() : i.unsetBold(), n.italic ? i.setItalic() : i.unsetItalic(), n.underline ? i.setUnderline() : i.unsetUnderline(), i.run();
 		}
 		x([() => E.selectedVariableKey, () => E.variables], () => {
 			fe($);
@@ -591,26 +612,26 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			deep: !0,
 			flush: "post"
 		});
-		function st(e) {
-			e.type === "apply-block-style" ? j.value && oe(j.value, e.format) : e.type === "apply-text-style-preset" ? ot(e.preset) : d(j.value, e), U();
+		function lt(e) {
+			e.type === "apply-block-style" ? j.value && se(j.value, e.format) : e.type === "apply-text-style-preset" ? ct(e.preset) : d(j.value, e), U();
 		}
-		function ct() {
+		function ut() {
 			j.value?.commands.focus();
 		}
-		function lt() {
+		function dt() {
 			return j.value?.getJSON();
 		}
-		function ut() {
+		function ft() {
 			return j.value?.getHTML() ?? E.page.contentHtml;
 		}
-		function dt(e) {
-			let t = E.variables.find((t) => t.id === e || t.key === e), n = t ? Z(t.key) : void 0;
+		function pt(e) {
+			let t = E.variables.find((t) => t.id === e || t.key === e), n = t ? Q(t.key) : void 0;
 			$(), n?.scrollIntoView({
 				behavior: "smooth",
 				block: "center"
 			});
 		}
-		function ft() {
+		function mt() {
 			k.value?.scrollIntoView({
 				behavior: "smooth",
 				block: "start",
@@ -620,43 +641,45 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 		return me(() => {
 			j.value?.destroy();
 		}), T({
-			focus: ct,
-			getHTML: ut,
-			getJSON: lt,
+			focus: ut,
+			getHTML: ft,
+			getJSON: dt,
 			getEditorState: H,
 			getTableCommandCapabilities: N,
 			getAffectedVariableCount: F,
-			getVisibleSigningPlacementPosition: We,
-			insertVariable: Ke,
-			insertContentImage: qe,
-			updateSelectedContentImage: Je,
-			getSelectionRange: Ye,
-			hasOverflowContent: et,
-			updateVariable: rt,
-			removeVariable: it,
-			splitOverflowContent: tt,
-			prependContent: nt,
-			runCommand: st,
-			scrollIntoField: dt,
-			scrollIntoVariable: at,
-			scrollIntoSigningPlacement: Q,
-			scrollIntoPage: ft
+			getVisibleSigningPlacementPosition: Ke,
+			insertVariable: Je,
+			insertContentImage: Ye,
+			updateSelectedContentImage: Xe,
+			getSelectionRange: Ze,
+			getSelectionViewportRect: ke,
+			requestTextContextMenu: Ie,
+			hasOverflowContent: nt,
+			updateVariable: X,
+			removeVariable: at,
+			splitOverflowContent: rt,
+			prependContent: it,
+			runCommand: lt,
+			scrollIntoField: pt,
+			scrollIntoVariable: ot,
+			scrollIntoSigningPlacement: st,
+			scrollIntoPage: mt
 		}), (e, t) => (v(), de("section", {
 			class: "gd-contract-template-designer__page-shell",
-			style: _(Ve.value)
+			style: _(Ue.value)
 		}, [m("div", {
 			class: pe(["gd-contract-template-designer__page-zoom", { "is-active": g.active }]),
-			style: _(He.value)
+			style: _(We.value)
 		}, [m("header", Ce, [m("span", null, y(g.page.title || `第 ${g.pageIndex + 1} 页`), 1), m("span", null, "第 " + y(g.pageIndex + 1) + " 页 · " + y(g.pageSize.label || "A4") + " · " + y(g.pageSize.width) + " × " + y(g.pageSize.height), 1)]), m("div", {
 			ref_key: "pageElement",
 			ref: k,
 			class: "gd-contract-template-designer__page",
-			style: _(Be.value),
+			style: _(He.value),
 			onDragover: t[3] ||= ge(() => {}, ["prevent"]),
-			onDrop: Ge,
+			onDrop: qe,
 			onClick: t[4] ||= (e) => D("editor-focus", g.page.id)
 		}, [
-			h(ce, {
+			h(o, {
 				decorations: g.pageDecorations,
 				"page-number": g.pageIndex + 1,
 				"total-pages": g.totalPages,
@@ -672,7 +695,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				class: "gd-contract-template-page__content",
 				editor: b(j)
 			}, null, 8, ["editor"])) : ue("", !0),
-			h(se, {
+			h(ce, {
 				"page-size": g.pageSize,
 				placements: g.signingPlacements,
 				"selected-id": g.selectedSigningPlacementId,