@guodun/antdv 1.4.2 → 1.4.3

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

@@ -0,0 +1,179 @@
+import { Fragment as e, createBlock as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderList as u, resolveDynamicComponent as d, unref as f, withCtx as p } from "vue";
+import { Button as m, Select as h, Tooltip as g } from "ant-design-vue";
+import { AlignCenterOutlined as _, AlignLeftOutlined as v, AlignRightOutlined as y, BoldOutlined as b, ClearOutlined as x, EllipsisOutlined as S, ItalicOutlined as C, UnderlineOutlined as w } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateTextBubbleMenu.vue?vue&type=script&setup=true&lang.ts
+var T = ["value"], E = /* @__PURE__ */ a({
+	name: "ContractTemplateTextBubbleMenu",
+	__name: "ContractTemplateTextBubbleMenu",
+	props: {
+		x: {},
+		y: {},
+		editorState: {},
+		fontSizePresetOptions: {},
+		currentEditorFontSize: {},
+		editorFontSizeSearchValue: {},
+		currentEditorTextColor: {},
+		textAlignOptions: {}
+	},
+	emits: [
+		"command",
+		"patch-font-size",
+		"patch-text-align",
+		"patch-color",
+		"font-size-search",
+		"font-size-commit",
+		"font-size-dropdown-change",
+		"font-size-keydown",
+		"more"
+	],
+	setup(a, { expose: E, emit: D }) {
+		let O = D, k = {
+			left: v,
+			center: _,
+			right: y
+		}, A = l();
+		function j(e) {
+			let t = e.currentTarget?.getBoundingClientRect();
+			O("more", t?.left ?? e.clientX, t?.bottom ?? e.clientY);
+		}
+		return E({ getMenuElement: () => A.value }), (l, _) => (c(), n("div", {
+			ref_key: "menuElement",
+			ref: A,
+			class: "gd-contract-template-designer__bubble-menu",
+			style: s({
+				left: `${a.x}px`,
+				top: `${a.y}px`
+			}),
+			role: "toolbar",
+			"aria-label": "选区格式工具条"
+		}, [
+			i(f(g), { title: "加粗" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: o(["gd-contract-template-designer__icon-button", { "is-selected": a.editorState.isBold }]),
+					"aria-pressed": a.editorState.isBold,
+					"aria-label": "加粗",
+					onClick: _[0] ||= (e) => O("command", { type: "toggle-bold" })
+				}, {
+					default: p(() => [i(f(b), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["class", "aria-pressed"])]),
+				_: 1
+			}),
+			i(f(g), { title: "斜体" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: o(["gd-contract-template-designer__icon-button", { "is-selected": a.editorState.isItalic }]),
+					"aria-pressed": a.editorState.isItalic,
+					"aria-label": "斜体",
+					onClick: _[1] ||= (e) => O("command", { type: "toggle-italic" })
+				}, {
+					default: p(() => [i(f(C), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["class", "aria-pressed"])]),
+				_: 1
+			}),
+			i(f(g), { title: "下划线" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: o(["gd-contract-template-designer__icon-button", { "is-selected": a.editorState.isUnderline }]),
+					"aria-pressed": a.editorState.isUnderline,
+					"aria-label": "下划线",
+					onClick: _[2] ||= (e) => O("command", { type: "toggle-underline" })
+				}, {
+					default: p(() => [i(f(w), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["class", "aria-pressed"])]),
+				_: 1
+			}),
+			_[10] ||= r("span", {
+				class: "gd-contract-template-designer__bubble-divider",
+				"aria-hidden": "true"
+			}, null, -1),
+			i(f(h), {
+				class: "gd-contract-template-designer__bubble-font-size",
+				"popup-class-name": "gd-contract-template-designer__bubble-menu-popup",
+				value: a.currentEditorFontSize,
+				options: a.fontSizePresetOptions,
+				"show-search": "",
+				"filter-option": !1,
+				"search-value": a.editorFontSizeSearchValue,
+				size: "small",
+				onBlur: _[3] ||= (e) => O("font-size-commit"),
+				onChange: _[4] ||= (e) => O("patch-font-size", e),
+				onDropdownVisibleChange: _[5] ||= (e) => O("font-size-dropdown-change", e),
+				onInputKeyDown: _[6] ||= (e) => O("font-size-keydown", e),
+				onSearch: _[7] ||= (e) => O("font-size-search", e)
+			}, null, 8, [
+				"value",
+				"options",
+				"search-value"
+			]),
+			i(f(g), { title: "文字颜色" }, {
+				default: p(() => [r("input", {
+					class: "gd-contract-template-designer__bubble-color",
+					type: "color",
+					"aria-label": "文字颜色",
+					value: a.currentEditorTextColor,
+					onInput: _[8] ||= (e) => O("patch-color", e.target.value)
+				}, null, 40, T)]),
+				_: 1
+			}),
+			_[11] ||= r("span", {
+				class: "gd-contract-template-designer__bubble-divider",
+				"aria-hidden": "true"
+			}, null, -1),
+			(c(!0), n(e, null, u(a.textAlignOptions, (e) => (c(), t(f(g), {
+				key: e.value,
+				title: e.label
+			}, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: o(["gd-contract-template-designer__icon-button", { "is-selected": a.editorState.textAlign === e.value }]),
+					"aria-pressed": a.editorState.textAlign === e.value,
+					"aria-label": e.label,
+					onClick: (t) => O("patch-text-align", e.value)
+				}, {
+					default: p(() => [(c(), t(d(k[e.value]), { "aria-hidden": "true" }))]),
+					_: 2
+				}, 1032, [
+					"class",
+					"aria-pressed",
+					"aria-label",
+					"onClick"
+				])]),
+				_: 2
+			}, 1032, ["title"]))), 128)),
+			_[12] ||= r("span", {
+				class: "gd-contract-template-designer__bubble-divider",
+				"aria-hidden": "true"
+			}, null, -1),
+			i(f(g), { title: "清除文字格式" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "清除文字格式",
+					onClick: _[9] ||= (e) => O("command", { type: "clear-text-format" })
+				}, {
+					default: p(() => [i(f(x), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			i(f(g), { title: "更多操作" }, {
+				default: p(() => [i(f(m), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "更多操作",
+					onClick: j
+				}, {
+					default: p(() => [i(f(S), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			})
+		], 4));
+	}
+});
+//#endregion
+export { E as default };

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

@@ -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,7 +396,7 @@ 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 He = 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;
 			return {
 				width: `${E.pageSize.width}px`,
@@ -384,10 +405,10 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				paddingBottom: `${r}px`,
 				"--gd-contract-page-content-height": `${Math.max(120, E.pageSize.height - n - r)}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(() => te(E.pageSize));
 		function G(e, t) {
 			let n = k.value?.getBoundingClientRect();
 			return n ? {
@@ -398,7 +419,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				y: E.pageSize.height / 2
 			};
 		}
-		function We(e) {
+		function Ke(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),
@@ -410,7 +431,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 				y: l.y - i.height / 2
 			};
 		}
-		function Ge(n) {
+		function qe(n) {
 			if (!t(E.readonly, E.disabled)) {
 				n.preventDefault(), n.stopPropagation();
 				return;
@@ -430,11 +451,11 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			let o = n.dataTransfer?.getData(w);
 			o && o !== E.page.id && (n.preventDefault(), n.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;
 		}
-		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,13 +496,13 @@ 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);
@@ -491,7 +512,7 @@ var Ce = { class: "gd-contract-template-designer__page-title" }, w = "applicatio
 			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);
 		}
-		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 ? ne(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,7 +553,7 @@ 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;
 			return j.value.commands.command(({ tr: e, state: i, dispatch: a }) => (Y(i.doc, t).forEach(({ node: t, pos: i }) => {
@@ -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,9 +598,9 @@ 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) {
+		function ct(e) {
 			let t = i.find((t) => t.key === e), n = j.value;
 			if (!t || !n) return;
 			let r = n.chain().focus().clearNodes();
@@ -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 && oe(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,40 +641,42 @@ 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, {