@guodun/antdv 1.4.2 → 1.4.3

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

@@ -12,37 +12,39 @@ import Re from "./TableContextMenu.mjs";
 import ze from "./ContractTemplateDesignerWorkspaceHeader.mjs";
 import Be from "./ContractTemplateDesignerToolbar.mjs";
 import Ve from "./ContractTemplateTextContextMenu.mjs";
-import He from "./ContractTemplateImageContextMenu.mjs";
-import Ue from "./ContractTemplatePreviewModal.mjs";
-import We from "./ContractTemplateSubmitDataModal.mjs";
-import { DEFAULT_DRAFT_CACHE_INTERVAL as Ge, DEFAULT_DRAFT_CACHE_KEY as Ke, DEFAULT_DRAFT_CACHE_MAX_BYTES as l, createDraftCacheStatus as qe, formatDraftCacheSavedAt as Je } from "./composables/use-template-draft-cache.mjs";
-import { useAutoPagination as Ye } from "./composables/use-auto-pagination.mjs";
-import { resolveSetActiveFileIdOptions as Xe } from "./composables/use-designer-files.mjs";
-import { cloneContractTemplateFiles as u, constrainContractTemplateFiles as Ze, createContractTemplateFile as Qe, exportContractTemplateFiles as $e, moveContractTemplateFile as et, normalizeContractTemplateFiles as tt, removeContractTemplateFile as nt, renameContractTemplateFile as rt, replaceContractTemplateFile as it, resolveContractTemplateActiveFileId as at } from "./composables/use-template-files.mjs";
-import { useDraftCacheSession as ot } from "./composables/use-draft-cache-session.mjs";
-import { cloneSigningPlacement as st, useSigningPlacementEditor as ct } from "./composables/use-signing-placement-editor.mjs";
-import { resolveFieldTypeIcon as lt, resolveSigningPlacementTypeIcon as ut } from "./utils/template-tool-icons.mjs";
-import dt from "./ContractTemplateFileBar.mjs";
-import ft from "./ContractTemplateDesignerSidebar.mjs";
-import pt from "./ContractTemplateDesignerInspector.mjs";
-import mt from "./ContractTemplatePageDecorationsStudio.mjs";
+import He from "./ContractTemplateTextBubbleMenu.mjs";
+import Ue from "./ContractTemplateImageContextMenu.mjs";
+import We from "./ContractTemplatePreviewModal.mjs";
+import Ge from "./ContractTemplateSubmitDataModal.mjs";
+import { DEFAULT_DRAFT_CACHE_INTERVAL as Ke, DEFAULT_DRAFT_CACHE_KEY as qe, DEFAULT_DRAFT_CACHE_MAX_BYTES as l, createDraftCacheStatus as Je, formatDraftCacheSavedAt as Ye } from "./composables/use-template-draft-cache.mjs";
+import { useAutoPagination as Xe } from "./composables/use-auto-pagination.mjs";
+import { resolveSetActiveFileIdOptions as Ze } from "./composables/use-designer-files.mjs";
+import { cloneContractTemplateFiles as u, constrainContractTemplateFiles as Qe, createContractTemplateFile as $e, exportContractTemplateFiles as et, moveContractTemplateFile as tt, normalizeContractTemplateFiles as nt, removeContractTemplateFile as rt, renameContractTemplateFile as it, replaceContractTemplateFile as at, resolveContractTemplateActiveFileId as ot } from "./composables/use-template-files.mjs";
+import { useDraftCacheSession as st } from "./composables/use-draft-cache-session.mjs";
+import { cloneSigningPlacement as ct, useSigningPlacementEditor as lt } from "./composables/use-signing-placement-editor.mjs";
+import { resolveFieldTypeIcon as ut, resolveSigningPlacementTypeIcon as dt } from "./utils/template-tool-icons.mjs";
+import ft from "./ContractTemplateFileBar.mjs";
+import pt from "./ContractTemplateDesignerSidebar.mjs";
+import mt from "./ContractTemplateDesignerInspector.mjs";
+import ht from "./ContractTemplatePageDecorationsStudio.mjs";
 import { serializeFingerprint as d } from "./utils/serialize-fingerprint.mjs";
-import { isSameEditorState as ht } from "./utils/editor-state.mjs";
-import { clampContextMenuPosition as gt, clampContextMenuToElement as _t } from "./utils/context-menu-viewport.mjs";
-import { Fragment as vt, Teleport as yt, computed as f, createBlock as bt, createCommentVNode as xt, createElementBlock as St, createElementVNode as Ct, createVNode as wt, defineComponent as p, nextTick as m, normalizeClass as Tt, normalizeStyle as Et, onBeforeUnmount as Dt, onMounted as Ot, openBlock as h, ref as g, renderList as kt, toDisplayString as At, unref as _, useId as jt, vShow as Mt, watch as v, withDirectives as Nt } from "vue";
-import { Alert as Pt, Modal as Ft } from "ant-design-vue";
-import { useElementSize as It } from "@vueuse/core";
+import { isSameEditorState as gt } from "./utils/editor-state.mjs";
+import { clampContextMenuPosition as _t, clampContextMenuToElement as vt } from "./utils/context-menu-viewport.mjs";
+import { Fragment as yt, Teleport as bt, computed as f, createBlock as xt, createCommentVNode as St, createElementBlock as Ct, createElementVNode as p, createVNode as m, defineComponent as h, nextTick as g, normalizeClass as wt, normalizeStyle as Tt, onBeforeUnmount as Et, onMounted as Dt, openBlock as _, ref as v, renderList as Ot, toDisplayString as kt, unref as y, useId as At, vShow as jt, watch as b, withCtx as Mt, withDirectives as Nt } from "vue";
+import { Alert as Pt, Modal as Ft, Tooltip as It } from "ant-design-vue";
+import { useElementSize as Lt } from "@vueuse/core";
+import { CompressOutlined as Rt, DownOutlined as zt } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ProContractTemplateDesigner.vue?vue&type=script&setup=true&lang.ts
-var Lt = {
-	key: 0,
+var Bt = {
+	key: 2,
 	class: "gd-contract-template-designer__validation"
-}, Rt = {
+}, Vt = {
 	key: 0,
 	class: "gd-contract-template-designer__validation-list"
-}, zt = ["onClick"], Bt = {
+}, Ht = ["onClick"], Ut = {
 	class: "gd-contract-template-designer__sr-status",
 	"aria-live": "polite"
-}, Vt = .5, Ht = 1.5, Ut = .1, Wt = 120, Gt = 128, Kt = 108, qt = 48, Jt = 24, Yt = 10, Xt = 48, Zt = /* @__PURE__ */ p({
+}, Wt = .5, Gt = 1.5, Kt = .1, qt = 120, Jt = 128, Yt = 108, Xt = 48, Zt = 24, Qt = 10, $t = 48, en = 8, tn = /* @__PURE__ */ h({
 	name: "ProContractTemplateDesigner",
 	__name: "ProContractTemplateDesigner",
 	props: {
@@ -83,8 +85,8 @@ var Lt = {
 			type: Boolean,
 			default: !0
 		},
-		draftCacheKey: { default: Ke },
-		draftCacheInterval: { default: Ge },
+		draftCacheKey: { default: qe },
+		draftCacheInterval: { default: Ke },
 		draftCacheMaxBytes: { default: l },
 		showDraftCacheStatus: {
 			type: Boolean,
@@ -111,9 +113,9 @@ var Lt = {
 		"signing-placement-remove",
 		"signing-placement-select"
 	],
-	setup(s, { expose: Ge, emit: Ke }) {
-		let l = s, p = Ke, Zt = f(() => ({ height: typeof l.height == "number" ? `${l.height}px` : l.height })), Qt = g(), $t = g(), en = g(), tn = g(), nn = g(), rn = `gd-contract-template-page-decorations-studio-${jt()}`, an = g();
-		function on(e) {
+	setup(s, { expose: Ke, emit: qe }) {
+		let l = s, h = qe, tn = f(() => ({ height: typeof l.height == "number" ? `${l.height}px` : l.height })), nn = v(), rn = v(), an = v(), on = v(), sn = v(), cn = `gd-contract-template-page-decorations-studio-${At()}`, ln = `gd-contract-template-workspace-chrome-${At()}`, un = v(), dn = v();
+		function fn(e) {
 			if (!e || !Array.isArray(e.pages) || !Array.isArray(e.signingPlacements)) return [];
 			try {
 				return Ae(e).filter((e) => e.type === "signing-placement");
@@ -121,52 +123,52 @@ var Lt = {
 				return [];
 			}
 		}
-		function sn(e, t) {
-			return Object.fromEntries(e.map((e, n) => [e.id, on(t?.[n]?.template ?? e.template)]));
+		function pn(e, t) {
+			return Object.fromEntries(e.map((e, n) => [e.id, fn(t?.[n]?.template ?? e.template)]));
 		}
-		let cn = "", ln = "", un = g(!1), y = f(() => un.value || Array.isArray(l.files)), dn = tt(l.files, l.modelValue, l.pageSize), fn = Ze(dn, l.pageSizeOptions), pn = y.value ? fn.files : dn, mn = at(pn, l.activeFileId), b = g(pn), x = g(mn), hn = pn.find((e) => e.id === mn) ?? pn[0], S = g(sn(pn, Array.isArray(l.files) ? l.files : l.modelValue ? [{ template: l.modelValue }] : void 0)), C = g(S.value[mn] ?? on(hn?.template)), gn = Ee(hn?.template ?? l.modelValue, l.pageSize), _n = ge(gn, l.pageSizeOptions), w = g(_n.value);
-		if (y.value) {
-			if (b.value = it(b.value, x.value, _n.value), d(b.value) !== d(dn)) {
-				let e = u(b.value);
-				cn = d(e), p("update:files", e), p("files-change", u(e));
+		let mn = "", hn = "", gn = v(!1), x = f(() => gn.value || Array.isArray(l.files)), _n = nt(l.files, l.modelValue, l.pageSize), vn = Qe(_n, l.pageSizeOptions), yn = x.value ? vn.files : _n, bn = ot(yn, l.activeFileId), S = v(yn), C = v(bn), xn = yn.find((e) => e.id === bn) ?? yn[0], w = v(pn(yn, Array.isArray(l.files) ? l.files : l.modelValue ? [{ template: l.modelValue }] : void 0)), T = v(w.value[bn] ?? fn(xn?.template)), Sn = Ee(xn?.template ?? l.modelValue, l.pageSize), Cn = ge(Sn, l.pageSizeOptions), E = v(Cn.value);
+		if (x.value) {
+			if (S.value = at(S.value, C.value, Cn.value), d(S.value) !== d(_n)) {
+				let e = u(S.value);
+				mn = d(e), h("update:files", e), h("files-change", u(e));
 			}
-		} else l.modelValue && d(_n.value) !== d(gn) && (ln = d(_n.value), p("update:modelValue", c(_n.value)), p("change", c(_n.value)), wi(_n.resizedSigningPlacementIds, _n.value));
-		let T = g(""), E = g(""), D = g(w.value.pages[0]?.id ?? ""), O = g(!1), k = g([]), A = /* @__PURE__ */ new Map(), vn = g(!1), yn = g(""), bn = g(!1), j = g(), xn = g(), Sn = g(""), Cn = g(!1), wn = g(""), M = g(1), Tn = g(!1), En = g(!1), Dn = g(!1), N = g(!1), On = g("header"), kn = g(!1), An = g({}), jn = g(""), P = g(!1), F = g(!1), Mn = g(!1), Nn = g(!1), Pn = g(""), Fn = g(), In = g(), Ln = g(""), Rn = g(!1), I = g(), zn = g(), Bn = g(!1), Vn = g(""), L = g(), Hn = g(), R = g(), Un = g(), Wn = g(), Gn = g(), z = g(""), B = g(qe("idle", "暂无本地草稿")), Kn = g({
+		} else l.modelValue && d(Cn.value) !== d(Sn) && (hn = d(Cn.value), h("update:modelValue", c(Cn.value)), h("change", c(Cn.value)), Ui(Cn.resizedSigningPlacementIds, Cn.value));
+		let D = v(""), O = v(""), k = v(E.value.pages[0]?.id ?? ""), A = v(!1), j = v([]), M = /* @__PURE__ */ new Map(), wn = v(!1), Tn = v(""), En = v(!1), Dn = v(), On = v(), kn = v(""), An = v(!1), jn = v(""), N = v(1), P = v(!1), Mn = v(!1), Nn = v(!1), Pn = v(!1), Fn = v(!1), In = v(), F = v(!1), Ln = v("header"), Rn = v(!1), zn = v({}), Bn = v(""), I = v(!1), L = v(!1), Vn = v(!1), Hn = v(!1), Un = v(""), Wn = v(), Gn = v(), Kn = v(""), qn = v(!1), R = v(), Jn = v(), z = v(), Yn = v(), Xn = v(!1), Zn, Qn = v(!1), $n, er = v(!1), tr = v(""), B = v(), nr = v(), V = v(), rr = v(), ir = v(), ar = v(), H = v(""), U = v(Je("idle", "暂无本地草稿")), or = v({
 			rows: 3,
 			cols: 3,
 			withHeaderRow: !0
-		}), qn = /* @__PURE__ */ new WeakSet(), Jn = [".gd-contract-template-designer__page-decorations-select-popup", ".gd-contract-template-designer__page-decorations-dropdown-popup"].join(","), Yn, Xn = !1, Zn = !1, Qn, V = f(() => l.readonly || l.disabled), $n = f(() => !!l.enableDraftCache && !V.value), er = f(() => b.value.find((e) => e.id === x.value) ?? b.value[0]), tr = f(() => l.draftCacheKey), H = f(() => w.value.variables.find((e) => e.key === T.value)), U = f(() => w.value.signingPlacements ?? []), nr = f(() => j.value ? pe(j.value) : []), rr = f(() => (xn.value ?? []).map((e) => ({
+		}), sr = /* @__PURE__ */ new WeakSet(), cr = [".gd-contract-template-designer__page-decorations-select-popup", ".gd-contract-template-designer__page-decorations-dropdown-popup"].join(","), lr, ur, dr = !1, fr = !1, pr, W = f(() => l.readonly || l.disabled), mr = f(() => !!(R.value || B.value || V.value || I.value || L.value || Rn.value || Vn.value || Hn.value)), hr = f(() => !!l.enableDraftCache && !W.value), gr = f(() => S.value.find((e) => e.id === C.value) ?? S.value[0]), _r = f(() => l.draftCacheKey), G = f(() => E.value.variables.find((e) => e.key === D.value)), K = f(() => E.value.signingPlacements ?? []), vr = f(() => Dn.value ? pe(Dn.value) : []), yr = f(() => (On.value ?? []).map((e) => ({
 			file: e,
 			pages: pe(e.template)
-		}))), ir = f(() => rr.value.find((e) => e.file.id === Sn.value) ?? rr.value[0]), ar = f(() => U.value.find((e) => e.id === E.value)), or = f(() => U.value.map((e) => {
-			let t = w.value.pages.findIndex((t) => t.id === e.pageId);
+		}))), br = f(() => yr.value.find((e) => e.file.id === kn.value) ?? yr.value[0]), xr = f(() => K.value.find((e) => e.id === O.value)), Sr = f(() => K.value.map((e) => {
+			let t = E.value.pages.findIndex((t) => t.id === e.pageId);
 			return {
 				placement: e,
 				label: n[e.type],
 				detail: `${n[e.type]} · 第 ${Math.max(0, t) + 1} 页`
 			};
-		})), sr = f(() => {
-			let e = ar.value?.pageId;
-			return Z(w.value.pages.find((t) => t.id === e));
-		}), W = f(() => w.value.pages.find((e) => e.id === D.value) ?? w.value.pages[0]), cr = f(() => De(W.value?.pageSize, w.value.pageSize)), lr = f(() => O.value && k.value.length === 0), ur = f(() => O.value ? lr.value ? "校验通过，正文变量与变量配置一致" : `发现 ${k.value.length} 个校验问题` : ""), dr = f(() => {
-			let e = W.value?.title || "合同正文";
-			return `${y.value && er.value ? `${er.value.name} · ` : ""}${e} · ${cr.value.label} · 共 ${w.value.pages.length} 页`;
-		}), fr = f(() => ({
+		})), Cr = f(() => {
+			let e = xr.value?.pageId;
+			return Vi(E.value.pages.find((t) => t.id === e));
+		}), q = f(() => E.value.pages.find((e) => e.id === k.value) ?? E.value.pages[0]), wr = f(() => De(q.value?.pageSize, E.value.pageSize)), Tr = f(() => A.value && j.value.length === 0), Er = f(() => A.value ? Tr.value ? "校验通过，正文变量与变量配置一致" : `发现 ${j.value.length} 个校验问题` : ""), Dr = f(() => {
+			let e = q.value?.title || "合同正文";
+			return `${x.value && gr.value ? `${gr.value.name} · ` : ""}${e} · ${wr.value.label} · 共 ${E.value.pages.length} 页`;
+		}), Or = f(() => ({
 			none: "无装饰",
 			"page-number": "标准页码",
 			"internal-review": "内部审阅",
 			draft: "草稿",
 			custom: "自定义"
-		})[ce(w.value.pageDecorations)]), pr = f(() => {
-			let e = se(w.value.pageDecorations);
+		})[ce(E.value.pageDecorations)]), kr = f(() => {
+			let e = se(E.value.pageDecorations);
 			return {
 				header: e.header.enabled,
 				footer: e.footer.enabled,
 				watermark: e.watermark.enabled
 			};
-		}), mr = f(() => Object.values(pr.value).filter(Boolean).length), hr = f(() => {
-			switch (B.value.type) {
-				case "saved": return `草稿已缓存 ${Je(B.value.savedAt)}`;
+		}), Ar = f(() => Object.values(kr.value).filter(Boolean).length), jr = f(() => {
+			switch (U.value.type) {
+				case "saved": return `草稿已缓存 ${Ye(U.value.savedAt)}`;
 				case "restored": return "已恢复本地草稿";
 				case "too-large": return "草稿过大，未缓存";
 				case "unavailable":
@@ -175,23 +177,23 @@ var Lt = {
 				case "cleared": return "草稿缓存已清理";
 				default: return "";
 			}
-		}), gr = f(() => ({
-			"is-success": B.value.type === "saved" || B.value.type === "restored",
-			"is-warning": B.value.type === "too-large",
-			"is-error": B.value.type === "unavailable" || B.value.type === "read-failed" || B.value.type === "write-failed"
-		})), _r = f(() => `${Math.round(M.value * 100)}%`), vr = f(() => ae(l.fontFamilies, l.fontFamilyMode)), yr = f(() => vr.value.map((e) => ({
+		}), Mr = f(() => ({
+			"is-success": U.value.type === "saved" || U.value.type === "restored",
+			"is-warning": U.value.type === "too-large",
+			"is-error": U.value.type === "unavailable" || U.value.type === "read-failed" || U.value.type === "write-failed"
+		})), Nr = f(() => `${Math.round(N.value * 100)}%`), Pr = f(() => ae(l.fontFamilies, l.fontFamilyMode)), Fr = f(() => Pr.value.map((e) => ({
 			label: e.label,
 			value: e.value
-		}))), br = ie, xr = [...te.map((e) => ({
+		}))), Ir = ie, Lr = [...te.map((e) => ({
 			label: e.label,
 			value: e.format
-		}))], Sr = [{
+		}))], Rr = [{
 			label: "实线",
 			value: "solid"
 		}, {
 			label: "虚线",
 			value: "dashed"
-		}], Cr = [
+		}], zr = [
 			{
 				label: "完整显示",
 				value: "contain"
@@ -204,76 +206,76 @@ var Lt = {
 				label: "拉伸填充",
 				value: "fill"
 			}
-		], wr = f(() => Te(l.pageSizeOptions)), Tr = f(() => wr.value.map((e) => ({
+		], Br = f(() => Te(l.pageSizeOptions)), Vr = f(() => Br.value.map((e) => ({
 			label: `${e.label} · ${e.width} × ${e.height}`,
 			value: Ce(e)
-		}))), Er = f(() => Ce(cr.value)), Dr = f(() => o({ showSigningPlacementTools: l.showSigningPlacementTools })), Or = f(() => l.variableTypes.filter((t) => e(t?.type))), kr = f(() => Or.value.map((e) => ({
+		}))), Hr = f(() => Ce(wr.value)), Ur = f(() => o({ showSigningPlacementTools: l.showSigningPlacementTools })), Wr = f(() => l.variableTypes.filter((t) => e(t?.type))), Gr = f(() => Wr.value.map((e) => ({
 			...e,
-			icon: lt(e.type)
-		}))), Ar = f(() => we(l.maxPages)), jr = f(() => w.value.pages.length >= Ar.value), Mr = f(() => {
-			let e = he(w.value);
-			return Array.from(oe(w.value.pageDecorations)).filter((t) => !e.has(t));
-		}), { scheduleAutoPaginate: G } = Ye({
-			templateValue: w,
-			readonlyState: V,
-			isAutoPaginating: vn,
-			pendingPaginationPageId: yn,
-			activePageId: D,
-			normalizedMaxPages: Ar,
-			pageRefs: A,
-			syncPageEditors: K,
-			commitBodyChange: xi,
-			getPageSize: Z,
-			notifyPageLimit: Ai
-		}), { insertSigningPlacement: Nr, handleSigningPlacementDrop: Pr, insertSigningPlacementTool: Fr, handleSigningPlacementDragStart: Ir, updateSigningPlacement: Lr, patchSelectedSigningPlacement: Rr, duplicateSigningPlacement: zr, removeSigningPlacement: Br } = ct({
-			templateValue: w,
-			signingPlacements: U,
-			selectedSigningPlacement: ar,
-			selectedSigningPlacementId: E,
-			selectedPage: W,
-			activePageId: D,
+			icon: ut(e.type)
+		}))), Kr = f(() => we(l.maxPages)), qr = f(() => E.value.pages.length >= Kr.value), Jr = f(() => {
+			let e = he(E.value);
+			return Array.from(oe(E.value.pageDecorations)).filter((t) => !e.has(t));
+		}), { scheduleAutoPaginate: J } = Xe({
+			templateValue: E,
+			readonlyState: W,
+			isAutoPaginating: wn,
+			pendingPaginationPageId: Tn,
+			activePageId: k,
+			normalizedMaxPages: Kr,
+			pageRefs: M,
+			syncPageEditors: Ei,
+			commitBodyChange: zi,
+			getPageSize: Vi,
+			notifyPageLimit: Yi
+		}), { insertSigningPlacement: Yr, handleSigningPlacementDrop: Xr, insertSigningPlacementTool: Zr, handleSigningPlacementDragStart: Qr, updateSigningPlacement: $r, patchSelectedSigningPlacement: ei, duplicateSigningPlacement: ti, removeSigningPlacement: ni } = lt({
+			templateValue: E,
+			signingPlacements: K,
+			selectedSigningPlacement: xr,
+			selectedSigningPlacementId: O,
+			selectedPage: q,
+			activePageId: k,
 			readonly: () => l.readonly,
 			disabled: () => l.disabled,
 			showSigningPlacementTools: () => !!l.showSigningPlacementTools,
-			getPageSize: Z,
-			getVisiblePosition: (e, t) => A.get(e)?.getVisibleSigningPlacementPosition(t),
-			commitSigningPlacements: Oi,
+			getPageSize: Vi,
+			getVisiblePosition: (e, t) => M.get(e)?.getVisibleSigningPlacementPosition(t),
+			commitSigningPlacements: qi,
 			selectSigningPlacement: Q,
-			emitAdd: (e) => p("signing-placement-add", e),
-			emitChange: (e) => p("signing-placement-change", e),
-			emitRemove: (e) => p("signing-placement-remove", e)
-		}), { saveDraftCache: Vr, loadDraftCache: Hr, clearDraftCache: Ur, restoreDraftCacheIfNeeded: Wr, stopDraftCacheTimer: Gr, restartDraftCacheTimer: Kr, resetDraftFingerprint: qr } = ot({
-			draftCacheWritable: $n,
-			multipleFilesMode: y,
-			filesValue: b,
-			activeFileIdValue: x,
-			templateValue: w,
-			draftCacheKey: tr,
+			emitAdd: (e) => h("signing-placement-add", e),
+			emitChange: (e) => h("signing-placement-change", e),
+			emitRemove: (e) => h("signing-placement-remove", e)
+		}), { saveDraftCache: ri, loadDraftCache: ii, clearDraftCache: ai, restoreDraftCacheIfNeeded: oi, stopDraftCacheTimer: si, restartDraftCacheTimer: ci, resetDraftFingerprint: li } = st({
+			draftCacheWritable: hr,
+			multipleFilesMode: x,
+			filesValue: S,
+			activeFileIdValue: C,
+			templateValue: E,
+			draftCacheKey: _r,
 			draftCacheInterval: () => l.draftCacheInterval,
 			draftCacheMaxBytes: () => l.draftCacheMaxBytes,
 			pageSize: () => l.pageSize,
 			pageSizeOptions: () => l.pageSizeOptions,
-			syncActiveFileSnapshot: q,
-			syncPageEditors: K,
-			setActiveFileId: hi,
-			emitFilesChange: J,
-			commit: Y,
+			syncActiveFileSnapshot: Y,
+			syncPageEditors: Ei,
+			setActiveFileId: Ni,
+			emitFilesChange: Mi,
+			commit: X,
 			setSigningPlacementInputErrorsByFile: (e) => {
-				S.value = e;
+				w.value = e;
 			},
-			buildSigningPlacementInputErrorsByFile: sn,
-			updateDraftCacheStatus: gi,
-			scheduleAutoPaginate: G,
-			activePageId: D,
-			selectedVariableKey: T
-		}), Jr = f(() => {
-			let e = Vn.value.trim().toLowerCase(), t = w.value.variables;
+			buildSigningPlacementInputErrorsByFile: pn,
+			updateDraftCacheStatus: Pi,
+			scheduleAutoPaginate: J,
+			activePageId: k,
+			selectedVariableKey: D
+		}), ui = f(() => {
+			let e = tr.value.trim().toLowerCase(), t = E.value.variables;
 			return e ? t.filter((t) => t.label.toLowerCase().includes(e) || t.key.toLowerCase().includes(e)) : t;
-		}), Yr = f(() => Math.max(qt, cr.value.width - Gt)), Xr = f(() => Math.max(Jt, cr.value.height - Kt)), Zr = f(() => An.value[D.value] ?? ai()), Qr = f(() => Zr.value.hasMixedBlockFormats ? void 0 : Zr.value.currentHeadingLevel ?? "paragraph"), $r = f(() => Zr.value.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif"), ei = f(() => Zr.value.fontSize ?? de.fontSize ?? 14), ti = f(() => Zr.value.textColor || de.color || "#1f2937"), ni = f(() => H.value?.style?.fontFamily || de.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif"), ri = f(() => {
+		}), di = f(() => Math.max(Xt, wr.value.width - Jt)), fi = f(() => Math.max(Zt, wr.value.height - Yt)), pi = f(() => zn.value[k.value] ?? xi()), mi = f(() => pi.value.hasMixedBlockFormats ? void 0 : pi.value.currentHeadingLevel ?? "paragraph"), hi = f(() => pi.value.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif"), gi = f(() => pi.value.fontSize ?? de.fontSize ?? 14), _i = f(() => pi.value.textColor || de.color || "#1f2937"), vi = f(() => G.value?.style?.fontFamily || de.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif"), yi = f(() => {
 			let e = re.map((e) => ({
 				label: `${e}px`,
 				value: e
-			})), t = li(ei.value), n = li(jn.value), r = /* @__PURE__ */ new Map();
+			})), t = Ti(gi.value), n = Ti(Bn.value), r = /* @__PURE__ */ new Map();
 			return n && !re.includes(n) && r.set(n, {
 				label: `使用 ${n}px`,
 				value: n
@@ -282,78 +284,86 @@ var Lt = {
 				value: t
 			}), [...Array.from(r.values()), ...e];
 		});
-		v(() => l.modelValue, (e) => {
-			if (!e || y.value) return;
-			let t = Ee(e, l.pageSize), n = ge(t, l.pageSizeOptions), r = n.value, i = d(r) !== d(w.value), a = d(r), o = a === ln;
-			o && (ln = ""), (i || !o) && (C.value = on(e), S.value = {
-				...S.value,
-				[x.value]: C.value
-			}, w.value = r, b.value = it(b.value, x.value, r), D.value = r.pages[0]?.id ?? "", T.value = "", E.value = "", G(D.value)), d(r) !== d(t) && (ln = a, p("update:modelValue", c(r)), p("change", c(r)), wi(n.resizedSigningPlacementIds, r));
-		}, { deep: !0 }), v(() => l.files, (e) => {
+		b(() => l.modelValue, (e) => {
+			if (!e || x.value) return;
+			let t = Ee(e, l.pageSize), n = ge(t, l.pageSizeOptions), r = n.value, i = d(r) !== d(E.value), a = d(r), o = a === hn;
+			o && (hn = ""), (i || !o) && (T.value = fn(e), w.value = {
+				...w.value,
+				[C.value]: T.value
+			}, E.value = r, S.value = at(S.value, C.value, r), k.value = r.pages[0]?.id ?? "", D.value = "", O.value = "", J(k.value)), d(r) !== d(t) && (hn = a, h("update:modelValue", c(r)), h("change", c(r)), Ui(n.resizedSigningPlacementIds, r));
+		}, { deep: !0 }), b(() => l.files, (e) => {
 			if (!Array.isArray(e)) return;
-			let t = tt(e, void 0, l.pageSize), n = Ze(t, l.pageSizeOptions).files, r = d(n), i = d(b.value), a = r === cn;
-			a || (S.value = sn(n, e)), a && (cn = "");
-			let o = at(n, l.activeFileId || x.value);
-			if (r === i ? o !== x.value && hi(o, {
+			let t = nt(e, void 0, l.pageSize), n = Qe(t, l.pageSizeOptions).files, r = d(n), i = d(S.value), a = r === mn;
+			a || (w.value = pn(n, e)), a && (mn = "");
+			let o = ot(n, l.activeFileId || C.value);
+			if (r === i ? o !== C.value && Ni(o, {
 				syncCurrent: !1,
 				shouldEmit: !1
-			}) : (b.value = n, hi(o, {
+			}) : (S.value = n, Ni(o, {
 				syncCurrent: !1,
 				shouldEmit: !1,
 				forceRefresh: !0,
 				persistCurrentErrors: !1
 			})), r !== d(t)) {
 				let e = u(n);
-				cn = d(e), p("update:files", e), p("files-change", u(e));
+				mn = d(e), h("update:files", e), h("files-change", u(e));
 			}
-		}, { deep: !0 }), v(() => l.activeFileId, (e) => {
-			!y.value || !e || e === x.value || hi(e, {
+		}, { deep: !0 }), b(() => l.activeFileId, (e) => {
+			!x.value || !e || e === C.value || Ni(e, {
 				syncCurrent: !0,
 				shouldEmit: !1
 			});
 		});
-		function ii(e, t) {
-			let n = d(b.value);
-			q(!1);
-			let { files: r, resizedSigningPlacementIds: i } = Ze(tt(b.value, void 0, e), t), a = d(r) !== n, o = r.find((e) => e.id === x.value);
-			o && d(o.template) !== d(w.value) && (w.value = c(o.template), C.value = [...S.value[x.value] ?? []]), a && (O.value = !1, k.value = [], J(r, ""));
-			let ee = i.get(x.value);
-			return ee?.length && o && wi(ee, o.template), a;
-		}
-		v([() => l.pageSize, () => l.pageSizeOptions], ([e, t]) => {
-			if (y.value) {
-				ii(e, t), G(D.value);
+		function bi(e, t) {
+			let n = d(S.value);
+			Y(!1);
+			let { files: r, resizedSigningPlacementIds: i } = Qe(nt(S.value, void 0, e), t), a = d(r) !== n, o = r.find((e) => e.id === C.value);
+			o && d(o.template) !== d(E.value) && (E.value = c(o.template), T.value = [...w.value[C.value] ?? []]), a && (A.value = !1, j.value = [], Mi(r, ""));
+			let ee = i.get(C.value);
+			return ee?.length && o && Ui(ee, o.template), a;
+		}
+		b([() => l.pageSize, () => l.pageSizeOptions], ([e, t]) => {
+			if (x.value) {
+				bi(e, t), J(k.value);
 				return;
 			}
-			let n = ge(Ee(w.value, e), t);
-			d(n.value) !== d(w.value) && Y(n.value), G(D.value);
-		}, { deep: !0 }), v(Ar, () => {
-			G(w.value.pages[0]?.id);
-		}), v(V, (e) => {
-			e && ($(), P.value = !1, F.value = !1);
-		}), v(U, (e) => {
-			E.value && !e.some((e) => e.id === E.value) && (E.value = "", p("signing-placement-select", void 0));
-		}, { deep: !0 }), v(() => [
+			let n = ge(Ee(E.value, e), t);
+			d(n.value) !== d(E.value) && X(n.value), J(k.value);
+		}, { deep: !0 }), b(Kr, () => {
+			J(E.value.pages[0]?.id);
+		}), b(W, (e) => {
+			e && ($(), I.value = !1, L.value = !1);
+		}), b(k, () => {
+			z.value = void 0;
+		}), b([
+			mr,
+			F,
+			En
+		], () => {
+			cs();
+		}), b(K, (e) => {
+			O.value && !e.some((e) => e.id === O.value) && (O.value = "", h("signing-placement-select", void 0));
+		}, { deep: !0 }), b(() => [
 			l.enableDraftCache,
-			tr.value,
+			_r.value,
 			l.draftCacheInterval,
-			V.value
+			W.value
 		], () => {
-			qr(), Kr();
-		}), v(Tn, (e) => {
+			li(), ci();
+		}), b(P, (e) => {
 			if (!(typeof document > "u")) {
 				if (e) {
-					Yn = document.body.style.overflow, document.body.style.overflow = "hidden";
+					lr = document.body.style.overflow, document.body.style.overflow = "hidden";
 					return;
 				}
-				document.body.style.overflow = Yn ?? "", Yn = void 0;
+				document.body.style.overflow = lr ?? "", lr = void 0;
 			}
-		}), Ot(() => {
-			Wr(), Kr(), G(D.value), window.addEventListener("pointerdown", Fo, !0), window.addEventListener("keydown", Ro, !0), window.addEventListener("keydown", zo), window.addEventListener("resize", $), window.addEventListener("scroll", Io, !0);
 		}), Dt(() => {
-			di(), Xn = !0, Tn.value && typeof document < "u" && (document.body.style.overflow = Yn ?? ""), window.removeEventListener("pointerdown", Fo, !0), window.removeEventListener("keydown", Ro, !0), window.removeEventListener("keydown", zo), window.removeEventListener("resize", $), window.removeEventListener("scroll", Io, !0), Gr();
+			oi(), ci(), J(k.value), window.addEventListener("pointerdown", gs, !0), window.addEventListener("pointerup", ps), window.addEventListener("keydown", ys, !0), window.addEventListener("keydown", bs), window.addEventListener("resize", ms), window.addEventListener("scroll", _s, !0);
+		}), Et(() => {
+			Oi(), dr = !0, P.value && typeof document < "u" && (document.body.style.overflow = lr ?? ""), window.removeEventListener("pointerdown", gs, !0), window.removeEventListener("pointerup", ps), window.removeEventListener("keydown", ys, !0), window.removeEventListener("keydown", bs), window.removeEventListener("resize", ms), window.removeEventListener("scroll", _s, !0), $n !== void 0 && cancelAnimationFrame($n), si();
 		});
-		function ai() {
+		function xi() {
 			return {
 				isFocused: !1,
 				canUndo: !1,
@@ -372,27 +382,27 @@ var Lt = {
 				hasMixedBlockFormats: !1
 			};
 		}
-		function oi(e) {
+		function Si(e) {
 			return e === "left" || e === "center" || e === "right";
 		}
-		function si(e) {
+		function Ci(e) {
 			return typeof e == "number" && Number.isInteger(e) && e >= 1 && e <= 6;
 		}
-		function ci(e, t = ei.value) {
+		function wi(e, t = gi.value) {
 			let n = Number(e);
-			return Number.isFinite(n) ? Math.min(Xt, Math.max(Yt, Math.round(n))) : t;
+			return Number.isFinite(n) ? Math.min($t, Math.max(Qt, Math.round(n))) : t;
 		}
-		function li(e) {
+		function Ti(e) {
 			let t = String(e || "").trim().match(/(\d+(\.\d+)?)/);
 			if (!t) return;
 			let n = Number(t[1]);
-			if (Number.isFinite(n)) return Math.min(Xt, Math.max(Yt, Math.round(n)));
+			if (Number.isFinite(n)) return Math.min($t, Math.max(Qt, Math.round(n)));
 		}
-		function K(e = w.value) {
+		function Ei(e = E.value) {
 			return {
 				...e,
 				pages: e.pages.map((e) => {
-					let t = A.get(e.id);
+					let t = M.get(e.id);
 					return {
 						...e,
 						contentHtml: t?.getHTML() ?? e.contentHtml,
@@ -401,204 +411,204 @@ var Lt = {
 				})
 			};
 		}
-		function ui() {
-			Zn = !1, Qn &&= (clearTimeout(Qn), void 0);
+		function Di() {
+			fr = !1, pr &&= (clearTimeout(pr), void 0);
 		}
-		function di() {
-			let e = Zn;
-			ui(), e && mi();
+		function Oi() {
+			let e = fr;
+			Di(), e && ji();
 		}
-		function fi() {
-			Zn = !0, Qn && clearTimeout(Qn), Qn = setTimeout(() => {
-				Qn = void 0, !(!Zn || Xn) && (Zn = !1, mi());
-			}, Wt);
+		function ki() {
+			fr = !0, pr && clearTimeout(pr), pr = setTimeout(() => {
+				pr = void 0, !(!fr || dr) && (fr = !1, ji());
+			}, qt);
 		}
-		function pi(e) {
-			let t = w.value.pages, n = t.findIndex((t) => t.id === e.id);
+		function Ai(e) {
+			let t = E.value.pages, n = t.findIndex((t) => t.id === e.id);
 			if (n < 0) return;
 			let r = t[n];
 			if (r.contentHtml === e.contentHtml && r.contentJson === e.contentJson && r.title === e.title && r.pageSize === e.pageSize) return;
 			let i = t.slice();
-			i[n] = e, w.value = {
-				...w.value,
+			i[n] = e, E.value = {
+				...E.value,
 				pages: i
 			};
 		}
-		function mi() {
-			let e = Oe(K());
-			T.value && !e.variables.some((e) => e.key === T.value) && (T.value = ""), Y(e);
-		}
-		function q(e = !1) {
-			di();
-			let t = c(K());
-			if (!y.value) return t;
-			let n = b.value.find((e) => e.id === x.value)?.template, r = d(n) !== d(t), i = it(b.value, x.value, t);
-			return b.value = i, r && e && J(i), t;
-		}
-		function J(e, t = x.value) {
-			if (!y.value) return;
+		function ji() {
+			let e = Oe(Ei());
+			D.value && !e.variables.some((e) => e.key === D.value) && (D.value = ""), X(e);
+		}
+		function Y(e = !1) {
+			Oi();
+			let t = c(Ei());
+			if (!x.value) return t;
+			let n = S.value.find((e) => e.id === C.value)?.template, r = d(n) !== d(t), i = at(S.value, C.value, t);
+			return S.value = i, r && e && Mi(i), t;
+		}
+		function Mi(e, t = C.value) {
+			if (!x.value) return;
 			let n = u(e);
-			b.value = n, cn = d(n), p("update:files", u(n)), p("files-change", u(n));
+			S.value = n, mn = d(n), h("update:files", u(n)), h("files-change", u(n));
 			let r = n.find((e) => e.id === t);
-			r && p("file-change", u([r])[0]);
-		}
-		function hi(e, t = {}) {
-			let { syncCurrent: n, shouldEmit: r, forceRefresh: i, persistCurrentErrors: a } = Xe(t), o = at(b.value, e), ee = o !== x.value;
-			if (a && y.value && x.value && (S.value = {
-				...S.value,
-				[x.value]: [...C.value]
-			}), n ? q(!0) : ui(), !ee && !i) return;
-			let te = b.value.find((e) => e.id === o);
-			te && (x.value = o, w.value = c(te.template), C.value = [...S.value[o] ?? []], T.value = "", E.value = "", D.value = w.value.pages[0]?.id ?? "", An.value = {}, A.clear(), yn.value = "", O.value = !1, k.value = [], bn.value = !1, j.value = void 0, xn.value = void 0, qr(), r && ee && p("update:activeFileId", o), n && ee && $n.value && Vr(), m(() => {
-				G(D.value);
+			r && h("file-change", u([r])[0]);
+		}
+		function Ni(e, t = {}) {
+			let { syncCurrent: n, shouldEmit: r, forceRefresh: i, persistCurrentErrors: a } = Ze(t), o = ot(S.value, e), ee = o !== C.value;
+			if (a && x.value && C.value && (w.value = {
+				...w.value,
+				[C.value]: [...T.value]
+			}), n ? Y(!0) : Di(), !ee && !i) return;
+			let te = S.value.find((e) => e.id === o);
+			te && (C.value = o, E.value = c(te.template), T.value = [...w.value[o] ?? []], D.value = "", O.value = "", k.value = E.value.pages[0]?.id ?? "", zn.value = {}, M.clear(), Tn.value = "", A.value = !1, j.value = [], En.value = !1, Dn.value = void 0, On.value = void 0, li(), r && ee && h("update:activeFileId", o), n && ee && hr.value && ri(), g(() => {
+				J(k.value);
 			}));
 		}
-		function Y(e) {
-			ui();
+		function X(e) {
+			Di();
 			let t = ge(Ee(e, l.pageSize), l.pageSizeOptions), n = t.value;
-			return w.value = n, O.value = !1, k.value = [], y.value ? J(it(b.value, x.value, n)) : (b.value = it(b.value, x.value, n), ln = d(n), p("update:modelValue", c(n)), p("change", c(n))), wi(t.resizedSigningPlacementIds, n), n;
+			return E.value = n, A.value = !1, j.value = [], x.value ? Mi(at(S.value, C.value, n)) : (S.value = at(S.value, C.value, n), hn = d(n), h("update:modelValue", c(n)), h("change", c(n))), Ui(t.resizedSigningPlacementIds, n), n;
 		}
-		function gi(e, t = e.type !== "unchanged") {
-			B.value = e, t && p("draft-cache-change", { ...e });
+		function Pi(e, t = e.type !== "unchanged") {
+			U.value = e, t && h("draft-cache-change", { ...e });
 		}
-		function _i() {
-			return { ...B.value };
+		function Fi() {
+			return { ...U.value };
 		}
-		function vi(e, t) {
-			t ? A.set(e, t) : A.delete(e);
+		function Ii(e, t) {
+			t ? M.set(e, t) : M.delete(e);
 		}
-		function X(e, t = W.value?.id ?? D.value) {
-			V.value || A.get(t)?.runCommand(e);
+		function Z(e, t = q.value?.id ?? k.value) {
+			W.value || M.get(t)?.runCommand(e);
 		}
-		function yi(e) {
-			X(e), $();
+		function Li(e) {
+			Z(e), $();
 		}
-		function bi(e) {
-			let t = I.value?.pageId;
-			t && (A.get(t)?.focus(), z.value = typeof document < "u" && document.execCommand(e) ? `${e === "copy" ? "已复制" : e === "cut" ? "已剪切" : "已粘贴"}` : "浏览器未授权剪贴板操作，请使用系统快捷键。", $());
+		function Ri(e) {
+			let t = R.value?.pageId;
+			t && (M.get(t)?.focus(), H.value = typeof document < "u" && document.execCommand(e) ? `${e === "copy" ? "已复制" : e === "cut" ? "已剪切" : "已粘贴"}` : "浏览器未授权剪贴板操作，请使用系统快捷键。", $());
 		}
-		function xi(e) {
-			let t = Y(Oe(e));
-			return T.value && !t.variables.some((e) => e.key === T.value) && (T.value = ""), t;
+		function zi(e) {
+			let t = X(Oe(e));
+			return D.value && !t.variables.some((e) => e.key === D.value) && (D.value = ""), t;
 		}
-		function Si(e) {
-			pi(e), fi(), G(e.id);
+		function Bi(e) {
+			Ai(e), ki(), J(e.id);
 		}
-		function Z(e) {
-			return De(e?.pageSize, w.value.pageSize);
+		function Vi(e) {
+			return De(e?.pageSize, E.value.pageSize);
 		}
-		function Ci(e) {
-			return U.value.filter((t) => t.pageId === e);
+		function Hi(e) {
+			return K.value.filter((t) => t.pageId === e);
 		}
-		function wi(e, t = w.value) {
+		function Ui(e, t = E.value) {
 			let n = new Set(e);
-			n.size && (Ei(n), (t.signingPlacements ?? []).filter((e) => n.has(e.id)).forEach((e) => p("signing-placement-change", st(e))));
+			n.size && (Gi(n), (t.signingPlacements ?? []).filter((e) => n.has(e.id)).forEach((e) => h("signing-placement-change", ct(e))));
 		}
 		function Q(e) {
-			let t = e ? U.value.find((t) => t.id === e) : void 0;
-			E.value = t?.id ?? "", t && (T.value = "", D.value = t.pageId), p("signing-placement-select", t ? st(t) : void 0);
+			let t = e ? K.value.find((t) => t.id === e) : void 0;
+			O.value = t?.id ?? "", t && (D.value = "", k.value = t.pageId), h("signing-placement-select", t ? ct(t) : void 0);
 		}
-		function Ti(e) {
+		function Wi(e) {
 			Q(e.id);
 		}
-		function Ei(e) {
+		function Gi(e) {
 			let t = new Set(e);
 			if (!t.size) return;
-			let n = C.value.filter((e) => e.type !== "signing-placement" || !t.has(e.id));
-			C.value = n, S.value = {
-				...S.value,
-				[x.value]: n
+			let n = T.value.filter((e) => e.type !== "signing-placement" || !t.has(e.id));
+			T.value = n, w.value = {
+				...w.value,
+				[C.value]: n
 			};
 		}
-		function Di(e) {
-			let t = C.value.filter((t) => t.type !== "signing-placement" || t.pageId !== e);
-			C.value = t, S.value = {
-				...S.value,
-				[x.value]: t
+		function Ki(e) {
+			let t = T.value.filter((t) => t.type !== "signing-placement" || t.pageId !== e);
+			T.value = t, w.value = {
+				...w.value,
+				[C.value]: t
 			};
 		}
-		function Oi(e, t = []) {
-			return Ei(t), Y({
-				...w.value,
+		function qi(e, t = []) {
+			return Gi(t), X({
+				...E.value,
 				signingPlacements: e
 			});
 		}
-		function ki(e) {
-			if (V.value || !W.value) return;
-			let t = wr.value.find((t) => Ce(t) === e);
+		function Ji(e) {
+			if (W.value || !q.value) return;
+			let t = Br.value.find((t) => Ce(t) === e);
 			if (!t) return;
-			let n = W.value.id, r = Z(W.value), i = De(t, w.value.pageSize), a = U.value.map((e) => e.pageId === n ? ee(e, r, i) : e);
-			Ei(a.filter((e) => e.pageId === n).map((e) => e.id)), Y({
-				...w.value,
-				pages: w.value.pages.map((e) => e.id === n ? {
+			let n = q.value.id, r = Vi(q.value), i = De(t, E.value.pageSize), a = K.value.map((e) => e.pageId === n ? ee(e, r, i) : e);
+			Gi(a.filter((e) => e.pageId === n).map((e) => e.id)), X({
+				...E.value,
+				pages: E.value.pages.map((e) => e.id === n ? {
 					...e,
 					pageSize: i
 				} : e),
 				signingPlacements: a
-			}), a.filter((e) => e.pageId === n).forEach((e) => p("signing-placement-change", st(e))), G(n);
+			}), a.filter((e) => e.pageId === n).forEach((e) => h("signing-placement-change", ct(e))), J(n);
 		}
-		function Ai(e) {
-			let t = Ar.value;
-			z.value = `合同最多支持 ${t} 页`, p("page-limit", t, e);
+		function Yi(e) {
+			let t = Kr.value;
+			H.value = `合同最多支持 ${t} 页`, h("page-limit", t, e);
 		}
-		function ji() {
-			if (V.value) return;
-			if (jr.value) {
-				Ai("add");
+		function Xi() {
+			if (W.value) return;
+			if (qr.value) {
+				Yi("add");
 				return;
 			}
-			let e = ye(w.value.pages.length + 1, cr.value);
-			Y({
-				...w.value,
-				pages: [...w.value.pages, e]
-			}), D.value = e.id;
-		}
-		function Mi(e) {
-			if (V.value) return;
-			if (jr.value) {
-				Ai("duplicate");
+			let e = ye(E.value.pages.length + 1, wr.value);
+			X({
+				...E.value,
+				pages: [...E.value.pages, e]
+			}), k.value = e.id;
+		}
+		function Zi(e) {
+			if (W.value) return;
+			if (qr.value) {
+				Yi("duplicate");
 				return;
 			}
-			let t = w.value.pages.findIndex((t) => t.id === e.id);
+			let t = E.value.pages.findIndex((t) => t.id === e.id);
 			if (t < 0) return;
 			let n = c({
 				pages: [e],
 				variables: [],
-				pageSize: w.value.pageSize,
+				pageSize: E.value.pageSize,
 				signingPlacements: []
-			}).pages[0], r = _e(t + 2, Z(e), n.contentHtml, n.contentJson);
+			}).pages[0], r = _e(t + 2, Vi(e), n.contentHtml, n.contentJson);
 			r.title = `${e.title || `第 ${t + 1} 页`}副本`;
-			let i = [...w.value.pages];
+			let i = [...E.value.pages];
 			i.splice(t + 1, 0, r);
-			let o = Ci(e.id).map((e) => a(e.type, r.id, Z(r), {
-				...st(e),
+			let o = Hi(e.id).map((e) => a(e.type, r.id, Vi(r), {
+				...ct(e),
 				id: void 0,
 				pageId: r.id
 			}));
-			Y({
-				...w.value,
+			X({
+				...E.value,
 				pages: i,
-				signingPlacements: [...U.value, ...o]
-			}), D.value = r.id, o.forEach((e) => p("signing-placement-add", st(e))), o[0] && Q(o[0].id);
+				signingPlacements: [...K.value, ...o]
+			}), k.value = r.id, o.forEach((e) => h("signing-placement-add", ct(e))), o[0] && Q(o[0].id);
 		}
-		function Ni(e) {
-			if (V.value || w.value.pages.length <= 1) return;
-			let t = w.value.pages.findIndex((t) => t.id === e.id);
+		function Qi(e) {
+			if (W.value || E.value.pages.length <= 1) return;
+			let t = E.value.pages.findIndex((t) => t.id === e.id);
 			if (t < 0) return;
-			let n = Ci(e.id);
-			Di(e.id);
-			let r = w.value.pages.filter((t) => t.id !== e.id), i = xi({
-				...w.value,
+			let n = Hi(e.id);
+			Ki(e.id);
+			let r = E.value.pages.filter((t) => t.id !== e.id), i = zi({
+				...E.value,
 				pages: r,
-				signingPlacements: U.value.filter((t) => t.pageId !== e.id)
+				signingPlacements: K.value.filter((t) => t.pageId !== e.id)
 			});
-			D.value = i.pages[Math.min(t, i.pages.length - 1)]?.id ?? "", n.some((e) => e.id === E.value) && Q(), n.forEach((e) => p("signing-placement-remove", st(e)));
+			k.value = i.pages[Math.min(t, i.pages.length - 1)]?.id ?? "", n.some((e) => e.id === O.value) && Q(), n.forEach((e) => h("signing-placement-remove", ct(e)));
 		}
-		function Pi(e) {
-			if (V.value || w.value.pages.length <= 1) return;
-			let t = Ci(e.id).length;
+		function $i(e) {
+			if (W.value || E.value.pages.length <= 1) return;
+			let t = Hi(e.id).length;
 			if (!t) {
-				Ni(e);
+				Qi(e);
 				return;
 			}
 			Ft.confirm({
@@ -608,34 +618,34 @@ var Lt = {
 				okType: "danger",
 				cancelText: "取消",
 				onOk: () => {
-					Ni(e);
+					Qi(e);
 				}
 			});
 		}
-		function Fi(e) {
-			let t = new Set(w.value.variables.map((e) => e.key)), n = 1;
+		function ea(e) {
+			let t = new Set(E.value.variables.map((e) => e.key)), n = 1;
 			for (; t.has(`${e}_${n}`);) n += 1;
 			return `${e}_${n}`;
 		}
-		function Ii(e) {
+		function ta(e) {
 			let t = e.type ?? "text";
 			return be({
 				...e,
 				type: t,
-				key: e.key || Fi(t),
+				key: e.key || ea(t),
 				label: e.label || Se(t, l.variableTypes).label
 			}, l.variableTypes, l.defaultVariableStyle);
 		}
-		function Li(e, t = W.value?.id ?? w.value.pages[0].id, n) {
-			if (V.value) return e;
-			let r = A.get(t)?.insertVariable(e, n), i = !w.value.variables.some((t) => t.key === e.key);
-			return Y({
-				...w.value,
-				pages: r ? w.value.pages.map((e) => e.id === r.id ? r : e) : w.value.pages,
-				variables: i ? [...w.value.variables, e] : w.value.variables
-			}), T.value = e.key, Q(), D.value = t, i && p("variable-add", e), G(t), e;
+		function na(e, t = q.value?.id ?? E.value.pages[0].id, n) {
+			if (W.value) return e;
+			let r = M.get(t)?.insertVariable(e, n), i = !E.value.variables.some((t) => t.key === e.key);
+			return X({
+				...E.value,
+				pages: r ? E.value.pages.map((e) => e.id === r.id ? r : e) : E.value.pages,
+				variables: i ? [...E.value.variables, e] : E.value.variables
+			}), D.value = e.key, Q(), k.value = t, i && h("variable-add", e), J(t), e;
 		}
-		function Ri(e) {
+		function ra(e) {
 			let { width: t, height: n, ...r } = e, i = Ne(t), a = Ne(n);
 			return {
 				...r,
@@ -643,96 +653,96 @@ var Lt = {
 				...a === void 0 ? {} : { height: a }
 			};
 		}
-		function zi(e = {}) {
-			let t = Ne(Fn.value), n = Ne(In.value);
+		function ia(e = {}) {
+			let t = Ne(Wn.value), n = Ne(Gn.value);
 			return {
 				...e,
 				...t === void 0 ? {} : { width: t },
 				...n === void 0 ? {} : { height: n }
 			};
 		}
-		function Bi() {
-			Pn.value = "", Fn.value = void 0, In.value = void 0, Ln.value = "";
+		function aa() {
+			Un.value = "", Wn.value = void 0, Gn.value = void 0, Kn.value = "";
 		}
-		function Vi(e, t = W.value?.id ?? w.value.pages[0]?.id, n) {
-			let r = Ri({
+		function oa(e, t = q.value?.id ?? E.value.pages[0]?.id, n) {
+			let r = ra({
 				...e,
 				src: e.src.trim()
 			});
-			if (!(V.value || !t || !je(r.src) || !r.src || !A.get(t)?.insertContentImage(r, n))) return D.value = t, T.value = "", Q(), r.src;
+			if (!(W.value || !t || !je(r.src) || !r.src || !M.get(t)?.insertContentImage(r, n))) return k.value = t, D.value = "", Q(), r.src;
 		}
-		function Hi(e) {
+		function sa(e) {
 			return e instanceof Error ? e : /* @__PURE__ */ Error("图片处理失败");
 		}
-		async function Ui(e, t) {
-			t === "toolbar" && (Rn.value = !0, Ln.value = "");
+		async function ca(e, t) {
+			t === "toolbar" && (qn.value = !0, Kn.value = "");
 			try {
 				let n = await Pe(e, {
 					source: t,
 					compression: l.imageCompression,
 					upload: l.imageUpload
 				});
-				return Xn ? void 0 : n.src;
+				return dr ? void 0 : n.src;
 			} catch (e) {
-				let n = Hi(e);
-				t === "toolbar" && (Ln.value = n.message), z.value = n.message, p("image-error", n, t);
+				let n = sa(e);
+				t === "toolbar" && (Kn.value = n.message), H.value = n.message, h("image-error", n, t);
 				return;
 			} finally {
-				t === "toolbar" && (Rn.value = !1);
+				t === "toolbar" && (qn.value = !1);
 			}
 		}
-		async function Wi(e) {
-			return await Ui(e, "paste") ?? null;
+		async function la(e) {
+			return await ca(e, "paste") ?? null;
 		}
-		async function Gi(e, t = {}) {
-			if (V.value) return;
-			let n = W.value?.id ?? w.value.pages[0]?.id, r = n ? A.get(n)?.getSelectionRange() : void 0, i = typeof e == "string" ? e.trim() : await Ui(e, "toolbar");
-			if (Xn) return;
+		async function ua(e, t = {}) {
+			if (W.value) return;
+			let n = q.value?.id ?? E.value.pages[0]?.id, r = n ? M.get(n)?.getSelectionRange() : void 0, i = typeof e == "string" ? e.trim() : await ca(e, "toolbar");
+			if (dr) return;
 			if (!i || !je(i)) {
-				typeof e == "string" && (Ln.value = "请输入安全的图片 URL");
+				typeof e == "string" && (Kn.value = "请输入安全的图片 URL");
 				return;
 			}
-			if (n && !A.has(n)) return;
-			let a = Vi({
+			if (n && !M.has(n)) return;
+			let a = oa({
 				...t,
 				src: i
 			}, n, r);
-			return a && (Nn.value = !1, Bi(), z.value = "已插入图片"), a;
+			return a && (Hn.value = !1, aa(), H.value = "已插入图片"), a;
 		}
-		function Ki() {
-			V.value || Rn.value || ($(), Ln.value = "", an.value && (an.value.value = ""), an.value?.click());
+		function da() {
+			W.value || qn.value || ($(), Kn.value = "", dn.value && (dn.value.value = ""), dn.value?.click());
 		}
-		async function qi(e) {
+		async function fa(e) {
 			let t = e.target.files?.[0];
-			t && await Gi(t, zi({ alt: t.name }));
+			t && await ua(t, ia({ alt: t.name }));
 		}
-		async function Ji() {
-			let e = Pn.value;
-			await Gi(e, zi());
+		async function pa() {
+			let e = Un.value;
+			await ua(e, ia());
 		}
-		function Yi(e) {
-			ha(e), Mn.value = !1;
+		function ma(e) {
+			Pa(e), Vn.value = !1;
 		}
-		function Xi() {
-			$(), ji();
+		function ha() {
+			$(), Xi();
 		}
-		function Zi(e, t, n, r) {
-			$(), Li(Ii({ type: t }), e, {
+		function ga(e, t, n, r) {
+			$(), na(ta({ type: t }), e, {
 				left: n,
 				top: r
 			});
 		}
-		function Qi(e) {
-			$(), T.value = e, Q();
+		function _a(e) {
+			$(), D.value = e, Q();
 		}
-		function $i(e) {
-			let t = w.value.variables.find((t) => t.id === e.id);
+		function va(e) {
+			let t = E.value.variables.find((t) => t.id === e.id);
 			if (!t) return;
 			let n = e.key.trim();
 			if (n !== t.key) {
-				let t = ke(n, w.value.variables, e.id);
+				let t = ke(n, E.value.variables, e.id);
 				if (t) {
-					z.value = t;
+					H.value = t;
 					return;
 				}
 			}
@@ -740,321 +750,346 @@ var Lt = {
 				...e,
 				key: n
 			};
-			let r = [...w.value.pages], i = t.key, a = "";
-			A.forEach((t, n) => {
+			let r = [...E.value.pages], i = t.key, a = "";
+			M.forEach((t, n) => {
 				let o = t.updateVariable(e, i);
 				if (o) {
 					a ||= n;
 					let e = r.findIndex((e) => e.id === n);
 					e >= 0 && (r[e] = o);
 				}
-			}), Y({
-				...w.value,
+			}), X({
+				...E.value,
 				pages: r,
-				variables: w.value.variables.map((t) => t.id === e.id ? e : t),
-				...i !== e.key && w.value.pageDecorations ? { pageDecorations: ue(w.value.pageDecorations, i, e.key) } : {}
-			}), T.value = e.key, G(a || D.value);
+				variables: E.value.variables.map((t) => t.id === e.id ? e : t),
+				...i !== e.key && E.value.pageDecorations ? { pageDecorations: ue(E.value.pageDecorations, i, e.key) } : {}
+			}), D.value = e.key, J(a || k.value);
 		}
-		function ea(e) {
-			H.value && $i({
-				...H.value,
+		function ya(e) {
+			G.value && va({
+				...G.value,
 				...e,
 				style: {
-					...H.value.style,
+					...G.value.style,
 					...e.style
 				}
 			});
 		}
-		function ta(e) {
-			V.value || !H.value || ea({ key: e });
+		function ba(e) {
+			W.value || !G.value || ya({ key: e });
 		}
-		function na(e) {
-			V.value || (Y({
-				...w.value,
+		function xa(e) {
+			W.value || (X({
+				...E.value,
 				pageDecorations: se(e)
-			}), G(w.value.pages[0]?.id));
+			}), J(E.value.pages[0]?.id));
 		}
-		function ra(e) {
-			(e === "left" || e === "center" || e === "right") && ea({ style: { textAlign: e } });
+		function Sa(e) {
+			(e === "left" || e === "center" || e === "right") && ya({ style: { textAlign: e } });
 		}
-		function ia(e) {
-			(e === "solid" || e === "dashed") && ea({ style: { borderStyle: e } });
+		function Ca(e) {
+			(e === "solid" || e === "dashed") && ya({ style: { borderStyle: e } });
 		}
-		function aa(e) {
-			(e === "contain" || e === "cover" || e === "fill") && ea({ style: { objectFit: e } });
+		function wa(e) {
+			(e === "contain" || e === "cover" || e === "fill") && ya({ style: { objectFit: e } });
 		}
-		function oa(e) {
-			ea({ style: e });
+		function Ta(e) {
+			ya({ style: e });
 		}
-		function sa(e) {
-			oa({ fontFamily: String(e || "").trim() || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif" });
+		function Ea(e) {
+			Ta({ fontFamily: String(e || "").trim() || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif" });
 		}
-		function ca(e) {
-			oa({ fontSize: ci(e, H.value?.style?.fontSize ?? 14) });
+		function Da(e) {
+			Ta({ fontSize: wi(e, G.value?.style?.fontSize ?? 14) });
 		}
-		function la(e) {
-			H.value && ea({
+		function Oa(e) {
+			G.value && ya({
 				multiline: e,
-				rows: H.value.rows || 3,
-				lineHeight: H.value.lineHeight || 28,
+				rows: G.value.rows || 3,
+				lineHeight: G.value.lineHeight || 28,
 				style: e ? { underline: !0 } : void 0
 			});
 		}
-		function ua(e) {
-			H.value && ea({
+		function ka(e) {
+			G.value && ya({
 				rows: Number(e || 3),
-				lineHeight: H.value.lineHeight || 28
+				lineHeight: G.value.lineHeight || 28
 			});
 		}
-		function da(e) {
-			if (V.value) return;
-			let t = [...w.value.pages];
-			A.forEach((n, r) => {
+		function Aa(e) {
+			if (W.value) return;
+			let t = [...E.value.pages];
+			M.forEach((n, r) => {
 				let i = n.removeVariable(e.key);
 				if (i) {
 					let e = t.findIndex((e) => e.id === r);
 					e >= 0 && (t[e] = i);
 				}
-			}), Y({
-				...w.value,
+			}), X({
+				...E.value,
 				pages: t,
-				variables: w.value.variables.filter((t) => t.id !== e.id),
-				...w.value.pageDecorations ? { pageDecorations: ue(w.value.pageDecorations, e.key) } : {}
-			}), T.value = "", E.value = "";
+				variables: E.value.variables.filter((t) => t.id !== e.id),
+				...E.value.pageDecorations ? { pageDecorations: ue(E.value.pageDecorations, e.key) } : {}
+			}), D.value = "", O.value = "";
 		}
-		function fa(e) {
-			let t = (e.trim() || "variable").replace(/\s+/g, "_"), n = new Set(w.value.variables.map((e) => e.key));
+		function ja(e) {
+			let t = (e.trim() || "variable").replace(/\s+/g, "_"), n = new Set(E.value.variables.map((e) => e.key));
 			if (!n.has(t)) return t;
 			let r = 2;
 			for (; n.has(`${t}_${r}`);) r += 1;
 			return `${t}_${r}`;
 		}
-		function pa(e) {
-			V.value || Li(be({
+		function Ma(e) {
+			W.value || na(be({
 				...e,
 				id: void 0,
-				key: fa(`${e.key || e.type}_copy`),
+				key: ja(`${e.key || e.type}_copy`),
 				label: `${e.label}副本`,
 				style: { ...e.style }
 			}, l.variableTypes, l.defaultVariableStyle));
 		}
-		function ma(e) {
-			return V.value ? void 0 : Li(w.value.variables.find((t) => t.key === e.key) ?? be(e, l.variableTypes, l.defaultVariableStyle));
+		function Na(e) {
+			return W.value ? void 0 : na(E.value.variables.find((t) => t.key === e.key) ?? be(e, l.variableTypes, l.defaultVariableStyle));
 		}
-		function ha(e) {
-			if (!V.value) return Li(Ii({ type: e }));
+		function Pa(e) {
+			if (!W.value) return na(ta({ type: e }));
 		}
-		function ga(t) {
-			if (V.value || !e(t)) return;
-			let n = I.value, r = Or.value.find((e) => e.type === t);
+		function Fa(t) {
+			if (W.value || !e(t)) return;
+			let n = R.value, r = Wr.value.find((e) => e.type === t);
 			if (!n || !r) return;
-			let i = Fe(n.leadingText) || r.label, a = Ie(n.selectionWidth, qt, Yr.value), o = _a();
-			Li(Ii({
+			let i = Fe(n.leadingText) || r.label, a = Ie(n.selectionWidth, Xt, di.value), o = Ia();
+			na(ta({
 				type: t,
 				label: i,
 				...a ? { width: a } : {},
 				...o ? { style: o } : {}
-			}), n.pageId), z.value = n.hasSelection ? `已将选中内容替换为${r.label}控件` : `已插入${r.label}控件`, $();
+			}), n.pageId), H.value = n.hasSelection ? `已将选中内容替换为${r.label}控件` : `已插入${r.label}控件`, $();
 		}
-		function _a() {
-			let e = Zr.value, t = {};
+		function Ia() {
+			let e = pi.value, t = {};
 			return e.isUnderline && (t.underline = !0), typeof e.fontSize == "number" && Number.isFinite(e.fontSize) && (t.fontSize = e.fontSize), e.fontFamily && (t.fontFamily = e.fontFamily), e.textColor && (t.color = e.textColor), Object.keys(t).length ? t : void 0;
 		}
-		function va(e) {
-			if (V.value) return;
-			let t = I.value;
-			t && (Li(e, t.pageId), z.value = `已绑定到${e.label}，沿用原控件尺寸`, $());
+		function La(e) {
+			if (W.value) return;
+			let t = R.value;
+			t && (na(e, t.pageId), H.value = `已绑定到${e.label}，沿用原控件尺寸`, $());
 		}
-		function ya(t) {
-			return Se(t.type && e(t.type) ? t.type : "text", Or.value).label;
+		function Ra(t) {
+			return Se(t.type && e(t.type) ? t.type : "text", Wr.value).label;
 		}
-		function ba() {
-			w.value.variables.length && (Bn.value = !0, m(() => {
-				Oo(), zn.value?.focusBindSearch();
+		function za() {
+			E.value.variables.length && (er.value = !0, g(() => {
+				Qo(), Jn.value?.focusBindSearch();
 			}));
 		}
-		function xa(e, t) {
+		function Ba(e, t) {
 			e.dataTransfer?.setData("application/x-gd-contract-variable", t), e.dataTransfer && (e.dataTransfer.effectAllowed = "copy");
 		}
-		function Sa(e) {
-			return M.value = Math.round(Math.min(Ht, Math.max(Vt, Number.isFinite(e) ? e : 1)) * 100) / 100, M.value;
+		function Va(e) {
+			return N.value = Math.round(Math.min(Gt, Math.max(Wt, Number.isFinite(e) ? e : 1)) * 100) / 100, N.value;
 		}
-		let { width: Ca } = It($t), { fitWidth: wa, applyAutoFit: Ta, markUserAdjusted: Ea } = Me({
-			viewportWidth: Ca,
-			widestPageWidth: f(() => Math.max(...w.value.pages.map((e) => Z(e).width), fe.width) + 10),
+		let { width: Ha } = Lt(rn), { fitWidth: Ua, applyAutoFit: Wa, markUserAdjusted: Ga, userAdjusted: Ka } = Me({
+			viewportWidth: Ha,
+			widestPageWidth: f(() => Math.max(...E.value.pages.map((e) => Vi(e).width), fe.width) + 10),
 			padding: 48,
-			minZoom: Vt,
-			maxZoom: Ht,
-			getZoom: () => M.value,
-			applyZoom: Sa
+			minZoom: Wt,
+			maxZoom: Gt,
+			getZoom: () => N.value,
+			applyZoom: Va
 		});
-		function Da(e) {
-			return Ea(), Sa(e);
+		function qa(e) {
+			return Ga(), Va(e);
 		}
-		function Oa() {
-			return Ta();
+		function Ja() {
+			return Wa();
 		}
-		function ka() {
-			return M.value;
+		function Ya() {
+			return N.value;
 		}
-		function Aa() {
-			Da(M.value + Ut);
+		function Xa() {
+			qa(N.value + Kt);
 		}
-		function ja() {
-			Da(M.value - Ut);
+		function Za() {
+			qa(N.value - Kt);
 		}
-		function Ma() {
-			$(), P.value = !1, F.value = !1, kn.value = !1, Tn.value = !Tn.value;
+		function Qa() {
+			$(), I.value = !1, L.value = !1, Rn.value = !1, P.value = !P.value;
 		}
-		function Na() {
-			$();
-			let e = q(!1);
-			y.value ? (xn.value = u(b.value), j.value = void 0, Sn.value = x.value || b.value[0]?.id || "") : (j.value = c(e), xn.value = void 0, Sn.value = ""), bn.value = !0;
+		b(Ha, (e) => {
+			Fn.value && !Ka.value && e > 0 && Ua();
+		});
+		function $a(e) {
+			Pn.value ? un.value?.focus() : e();
+		}
+		function eo() {
+			$(), as(), F.value = !1, ur = {
+				fullscreen: P.value,
+				sidebar: Mn.value,
+				inspector: Nn.value,
+				chrome: Pn.value,
+				zoom: N.value,
+				userAdjusted: Ka.value
+			}, P.value = !0, Mn.value = !0, Nn.value = !0, Pn.value = !0, Fn.value = !0, g(() => {
+				W.value ? In.value?.focus() : M.get(k.value)?.focus();
+			});
 		}
-		function Pa() {
-			bn.value = !1, j.value = void 0, xn.value = void 0, Sn.value = "";
+		function to() {
+			let e = ur;
+			Fn.value = !1, ur = void 0, e && (P.value = e.fullscreen, Mn.value = e.sidebar, Nn.value = e.inspector, Pn.value = e.chrome, e.userAdjusted ? qa(e.zoom) : Wa(), g(() => $a(() => on.value?.focusImmersive())));
 		}
-		function Fa() {
-			return so();
+		function no() {
+			Fn.value ? to() : eo();
 		}
-		function Ia() {
+		function ro() {
+			$(), z.value = void 0;
+			let e = Y(!1);
+			x.value ? (On.value = u(S.value), Dn.value = void 0, kn.value = C.value || S.value[0]?.id || "") : (Dn.value = c(e), On.value = void 0, kn.value = ""), En.value = !0;
+		}
+		function io() {
+			En.value = !1, Dn.value = void 0, On.value = void 0, kn.value = "";
+		}
+		function ao() {
+			return Mo();
+		}
+		function oo() {
 			$();
-			let e = Fa();
-			return wn.value = JSON.stringify(e, null, 2), Cn.value = !0, e;
-		}
-		function La() {
-			Cn.value = !1;
-		}
-		function Ra() {
-			$(), P.value = !1, F.value = !1;
-			let e = U.value.map(st);
-			C.value = [], S.value = {
-				...S.value,
-				[x.value]: []
+			let e = ao();
+			return jn.value = JSON.stringify(e, null, 2), An.value = !0, e;
+		}
+		function so() {
+			An.value = !1;
+		}
+		function co() {
+			$(), z.value = void 0, I.value = !1, L.value = !1;
+			let e = K.value.map(ct);
+			T.value = [], w.value = {
+				...w.value,
+				[C.value]: []
 			};
-			let t = !!E.value;
-			T.value = "", E.value = "", D.value = "", bn.value = !1, j.value = void 0, xn.value = void 0, Cn.value = !1, wn.value = "", An.value = {}, yn.value = "";
-			let n = Y(ve(fe));
-			return t && p("signing-placement-select", void 0), e.forEach((e) => p("signing-placement-remove", e)), D.value = n.pages[0]?.id ?? "", c(n);
+			let t = !!O.value;
+			D.value = "", O.value = "", k.value = "", En.value = !1, Dn.value = void 0, On.value = void 0, An.value = !1, jn.value = "", zn.value = {}, Tn.value = "";
+			let n = X(ve(fe));
+			return t && h("signing-placement-select", void 0), e.forEach((e) => h("signing-placement-remove", e)), k.value = n.pages[0]?.id ?? "", c(n);
 		}
-		function za() {
-			V.value || ($(), Ft.confirm({
+		function lo() {
+			W.value || ($(), Ft.confirm({
 				title: "清空合同内容",
 				content: "将清空全部合同正文、页面、模板变量和签署位置，仅保留一个空白 A4 合同页。此操作不可撤销。",
 				okText: "确认清空",
 				okType: "danger",
 				cancelText: "取消",
 				onOk: () => {
-					Ra();
+					co();
 				}
 			}));
 		}
-		function Ba(e) {
-			let t = K().pages, n = t.find((e) => e.id === D.value);
+		function uo(e) {
+			let t = Ei().pages, n = t.find((e) => e.id === k.value);
 			return (n ? [n, ...t.filter((e) => e.id !== n.id)] : t).find((t) => t.contentHtml.includes(`data-key="${e.key}"`) || t.contentHtml.includes(`data-key='${e.key}'`));
 		}
-		function Va(e) {
-			$(), T.value = e.key, Q();
-			let t = Ba(e);
-			t && (D.value = t.id, m(() => {
-				A.get(t.id)?.scrollIntoVariable(e.key);
+		function fo(e) {
+			$(), D.value = e.key, Q();
+			let t = uo(e);
+			t && (k.value = t.id, g(() => {
+				M.get(t.id)?.scrollIntoVariable(e.key);
 			}));
 		}
-		function Ha(e) {
-			let t = w.value.variables.find((t) => t.key === e || t.id === e);
-			t && Va(t);
+		function po(e) {
+			let t = E.value.variables.find((t) => t.key === e || t.id === e);
+			t && fo(t);
 		}
-		function Ua(e) {
-			let t = U.value.find((t) => t.id === e);
-			t && ($(), T.value = "", D.value = t.pageId, Q(t.id), m(() => {
-				A.get(t.pageId)?.scrollIntoSigningPlacement(t.id);
+		function mo(e) {
+			let t = K.value.find((t) => t.id === e);
+			t && ($(), D.value = "", k.value = t.pageId, Q(t.id), g(() => {
+				M.get(t.pageId)?.scrollIntoSigningPlacement(t.id);
 			}));
 		}
-		function Wa(e, t = !0) {
-			$(), D.value = e, t && m(() => {
-				A.get(e)?.scrollIntoPage();
+		function ho(e, t = !0) {
+			$(), k.value = e, t && g(() => {
+				M.get(e)?.scrollIntoPage();
 			});
 		}
-		function Ga(e) {
-			w.value.pages.some((t) => t.id === e) && Wa(e);
+		function go(e) {
+			E.value.pages.some((t) => t.id === e) && ho(e);
 		}
-		function Ka() {
-			if (N.value) {
-				qa();
+		function _o() {
+			if (F.value) {
+				vo();
 				return;
 			}
-			N.value = !0;
+			F.value = !0;
 		}
-		function qa() {
-			N.value = !1, m(() => tn.value?.focusPageDecorations());
+		function vo() {
+			F.value = !1, g(() => $a(() => on.value?.focusPageDecorations()));
 		}
-		function Ja() {
-			return di(), c(K());
+		function yo() {
+			return Oi(), c(Ei());
 		}
-		function Ya(e) {
-			C.value = on(e), S.value = {
-				...S.value,
-				[x.value]: C.value
+		function bo(e) {
+			T.value = fn(e), w.value = {
+				...w.value,
+				[C.value]: T.value
 			};
-			let t = Y(Ee(e, l.pageSize));
-			t.signingPlacements?.some((e) => e.id === E.value) || Q(), G(t.pages[0]?.id);
+			let t = X(Ee(e, l.pageSize));
+			t.signingPlacements?.some((e) => e.id === O.value) || Q(), J(t.pages[0]?.id);
 		}
-		function Xa() {
-			let e = q(!1);
-			return y.value ? u(b.value) : u(it(b.value, x.value, e));
+		function xo() {
+			let e = Y(!1);
+			return x.value ? u(S.value) : u(at(S.value, C.value, e));
 		}
-		function Za(e, t) {
-			let n = Ze(tt(e, void 0, l.pageSize), l.pageSizeOptions), r = b.value;
-			un.value = !0, q(!1), b.value = n.files, S.value = sn(n.files, e), hi(at(b.value, t ?? x.value), {
+		function So(e, t) {
+			let n = Qe(nt(e, void 0, l.pageSize), l.pageSizeOptions), r = S.value;
+			gn.value = !0, Y(!1), S.value = n.files, w.value = pn(n.files, e), Ni(ot(S.value, t ?? C.value), {
 				syncCurrent: !1,
 				shouldEmit: !0,
 				forceRefresh: !0,
 				persistCurrentErrors: !1
-			}), d(r) !== d(b.value) && J(b.value, "");
-		}
-		function Qa(e) {
-			if (V.value) return;
-			un.value = !0, q(!0);
-			let t = Qe(e || `合同文件 ${b.value.length + 1}`, l.pageSize);
-			return b.value = [...b.value, t], S.value = {
-				...S.value,
+			}), d(r) !== d(S.value) && Mi(S.value, "");
+		}
+		function Co(e) {
+			if (W.value) return;
+			gn.value = !0, Y(!0);
+			let t = $e(e || `合同文件 ${S.value.length + 1}`, l.pageSize);
+			return S.value = [...S.value, t], w.value = {
+				...w.value,
 				[t.id]: []
-			}, J(b.value, ""), p("file-add", u([t])[0]), hi(t.id, {
+			}, Mi(S.value, ""), h("file-add", u([t])[0]), Ni(t.id, {
 				syncCurrent: !1,
 				shouldEmit: !0,
 				forceRefresh: !0
 			}), u([t])[0];
 		}
-		function $a(e) {
-			!y.value && !b.value.some((t) => t.id === e) || (un.value = !0, hi(e));
-		}
-		function eo(e, t) {
-			if (V.value) return;
-			un.value = !0, q(!1);
-			let n = rt(b.value, e, t), r = n.find((t) => t.id === e);
-			if (r) return b.value = n, J(n, e), u([r])[0];
-		}
-		function to(e) {
-			if (V.value || b.value.length <= 1) return;
-			un.value = !0, q(!1);
-			let t = b.value.find((t) => t.id === e);
+		function wo(e) {
+			!x.value && !S.value.some((t) => t.id === e) || (gn.value = !0, Ni(e));
+		}
+		function To(e, t) {
+			if (W.value) return;
+			gn.value = !0, Y(!1);
+			let n = it(S.value, e, t), r = n.find((t) => t.id === e);
+			if (r) return S.value = n, Mi(n, e), u([r])[0];
+		}
+		function Eo(e) {
+			if (W.value || S.value.length <= 1) return;
+			gn.value = !0, Y(!1);
+			let t = S.value.find((t) => t.id === e);
 			if (!t) return;
-			let n = nt(b.value, e);
-			if (n.length === b.value.length) return;
-			b.value = n;
-			let { [e]: r, ...i } = S.value;
-			S.value = i, J(n, ""), p("file-remove", u([t])[0]);
+			let n = rt(S.value, e);
+			if (n.length === S.value.length) return;
+			S.value = n;
+			let { [e]: r, ...i } = w.value;
+			w.value = i, Mi(n, ""), h("file-remove", u([t])[0]);
 			let a = t.template.signingPlacements ?? [];
-			return a.forEach((e) => p("signing-placement-remove", st(e))), a.some((e) => e.id === E.value) && p("signing-placement-select", void 0), x.value === e && hi(at(n, n[0]?.id), {
+			return a.forEach((e) => h("signing-placement-remove", ct(e))), a.some((e) => e.id === O.value) && h("signing-placement-select", void 0), C.value === e && Ni(ot(n, n[0]?.id), {
 				syncCurrent: !1,
 				shouldEmit: !0,
 				forceRefresh: !0,
 				persistCurrentErrors: !1
 			}), u([t])[0];
 		}
-		function no(e) {
-			if (V.value || b.value.length <= 1) return;
-			let t = b.value.find((t) => t.id === e);
+		function Do(e) {
+			if (W.value || S.value.length <= 1) return;
+			let t = S.value.find((t) => t.id === e);
 			if (!t) return;
 			let n = t.template.signingPlacements?.length ?? 0;
 			Ft.confirm({
@@ -1064,30 +1099,30 @@ var Lt = {
 				okType: "danger",
 				cancelText: "取消",
 				onOk: () => {
-					to(e);
+					Eo(e);
 				}
 			});
 		}
-		function ro(e, t) {
-			if (V.value) return;
-			un.value = !0, q(!1);
-			let n = b.value.findIndex((t) => t.id === e), r = et(b.value, e, t), i = r.findIndex((t) => t.id === e), a = r[i];
-			if (!(!a || n === i)) return b.value = r, J(r, ""), p("file-move", u([a])[0], n, i), u([a])[0];
-		}
-		function io() {
-			q(!1);
-			let e = po(y.value ? b.value.flatMap((e) => {
-				let t = Ae(e.template, { maxPages: Ar.value });
-				return [...S.value[e.id] ?? [], ...t].map((t) => ({
+		function Oo(e, t) {
+			if (W.value) return;
+			gn.value = !0, Y(!1);
+			let n = S.value.findIndex((t) => t.id === e), r = tt(S.value, e, t), i = r.findIndex((t) => t.id === e), a = r[i];
+			if (!(!a || n === i)) return S.value = r, Mi(r, ""), h("file-move", u([a])[0], n, i), u([a])[0];
+		}
+		function ko() {
+			Y(!1);
+			let e = Lo(x.value ? S.value.flatMap((e) => {
+				let t = Ae(e.template, { maxPages: Kr.value });
+				return [...w.value[e.id] ?? [], ...t].map((t) => ({
 					...t,
 					fileId: e.id
 				}));
-			}) : [...C.value, ...Ae(K(), { maxPages: Ar.value })]);
-			return k.value = e, O.value = !0, p("validate", e), e;
+			}) : [...T.value, ...Ae(Ei(), { maxPages: Kr.value })]);
+			return j.value = e, A.value = !0, h("validate", e), e;
 		}
-		function ao(e) {
-			if (e.fileId && e.fileId !== x.value) {
-				$a(e.fileId), m(() => ao({
+		function Ao(e) {
+			if (e.fileId && e.fileId !== C.value) {
+				wo(e.fileId), g(() => Ao({
 					...e,
 					fileId: void 0
 				}));
@@ -1095,271 +1130,338 @@ var Lt = {
 			}
 			let t = le(e);
 			if (t) {
-				N.value = !0, m(() => nn.value?.focusField(t));
+				F.value = !0, g(() => sn.value?.focusField(t));
 				return;
 			}
 			if (e.type === "signing-placement") {
-				let t = U.value.find((t) => t.id === e.id);
+				let t = K.value.find((t) => t.id === e.id);
 				if (t) {
-					Wa(t.pageId), Q(t.id);
+					ho(t.pageId), Q(t.id);
 					return;
 				}
 			}
 			if (e.variableKey) {
-				Ha(e.variableKey);
+				po(e.variableKey);
 				return;
 			}
 			if (e.pageId) {
-				Ga(e.pageId);
+				go(e.pageId);
 				return;
 			}
-			let n = w.value.variables.find((t) => t.id === e.id || t.key === e.id);
+			let n = E.value.variables.find((t) => t.id === e.id || t.key === e.id);
 			if (n) {
-				Va(n);
+				fo(n);
 				return;
 			}
-			w.value.pages.some((t) => t.id === e.id) && Wa(e.id);
+			E.value.pages.some((t) => t.id === e.id) && ho(e.id);
 		}
-		function oo(e) {
+		function jo(e) {
 			return le(e) ? "页面装饰" : e.type === "signing-placement" ? "签署位置" : e.type === "variable" ? "变量" : "字段";
 		}
-		function so() {
-			return di(), xe(K());
+		function Mo() {
+			return Oi(), xe(Ei());
 		}
-		function co() {
-			let e = q(!1);
-			return $e(y.value ? b.value : it(b.value, x.value, e));
+		function No() {
+			let e = Y(!1);
+			return et(x.value ? S.value : at(S.value, C.value, e));
 		}
-		function lo(e) {
-			let n = K();
+		function Po(e) {
+			let n = Ei();
 			try {
-				let r = me(n, C.value);
+				let r = me(n, T.value);
 				if (r.length) throw new t(r);
 				return e(n);
 			} catch (e) {
-				throw e instanceof t && (k.value = [...e.errors], O.value = !0, p("validate", [...e.errors])), e;
+				throw e instanceof t && (j.value = [...e.errors], A.value = !0, h("validate", [...e.errors])), e;
 			}
 		}
-		function uo(e) {
-			return lo((t) => i(t, e));
+		function Fo(e) {
+			return Po((t) => i(t, e));
 		}
-		function fo(e) {
-			return lo((t) => r(t, e));
+		function Io(e) {
+			return Po((t) => r(t, e));
 		}
-		function po(e) {
+		function Lo(e) {
 			let t = /* @__PURE__ */ new Set();
 			return e.filter((e) => {
 				let n = `${e.fileId ?? ""}|${e.code ?? ""}|${e.id}|${e.pageId ?? ""}|${e.message}`;
 				return t.has(n) ? !1 : (t.add(n), !0);
 			});
 		}
-		function mo(e) {
-			k.value = [...e], O.value = !0;
+		function Ro(e) {
+			j.value = [...e], A.value = !0;
 		}
-		function ho() {
-			k.value = [], O.value = !1;
+		function zo() {
+			j.value = [], A.value = !1;
 		}
-		function go() {
-			A.get(W.value?.id ?? D.value)?.focus();
+		function Bo() {
+			M.get(q.value?.id ?? k.value)?.focus();
 		}
-		function _o(e) {
-			oi(e) && X({
+		function Vo(e) {
+			Si(e) && Z({
 				type: "set-text-align",
 				value: e
 			});
 		}
-		function vo(e) {
-			(e === "paragraph" || si(e)) && X({
+		function Ho(e) {
+			(e === "paragraph" || Ci(e)) && Z({
 				type: "apply-block-style",
 				format: e
 			});
 		}
-		function yo(e) {
-			let t = li(e);
-			t && (X({
+		function Uo(e) {
+			let t = Ti(e);
+			t && (Z({
 				type: "set-font-size",
 				value: t
-			}), jn.value = "");
+			}), Bn.value = "");
 		}
-		function bo(e) {
+		function Wo(e) {
 			let t = String(e || "").trim();
 			if (!t) {
-				X({ type: "unset-font-family" });
+				Z({ type: "unset-font-family" });
 				return;
 			}
-			X({
+			Z({
 				type: "set-font-family",
 				value: t
 			});
 		}
-		function xo(e) {
-			So(e.target?.value ?? "");
+		function Go(e) {
+			Ko(e.target?.value ?? "");
 		}
-		function So(e) {
+		function Ko(e) {
 			let t = e.trim();
-			t && X({
+			t && Z({
 				type: "set-color",
 				value: t
 			});
 		}
-		function Co(e) {
-			jn.value = e;
+		function qo(e) {
+			Bn.value = e;
 		}
-		function wo() {
-			jn.value.trim() && yo(jn.value);
+		function Jo() {
+			Bn.value.trim() && Uo(Bn.value);
 		}
-		function To(e) {
-			e.key === "Enter" && (e.preventDefault(), wo());
+		function Yo(e) {
+			e.key === "Enter" && (e.preventDefault(), Jo());
 		}
-		function Eo(e) {
-			e || (wo(), jn.value = "");
+		function Xo(e) {
+			e || (Jo(), Bn.value = "");
 		}
-		function Do(e) {
-			if (V.value) return;
-			D.value = e.pageId, P.value = !1, F.value = !1, L.value = void 0, R.value = void 0, Bn.value = !1, Vn.value = "";
-			let t = gt(e.clientX, e.clientY, 304, 300);
-			I.value = {
+		function Zo(e) {
+			if (W.value) return;
+			k.value = e.pageId, I.value = !1, L.value = !1, B.value = void 0, V.value = void 0, er.value = !1, tr.value = "";
+			let t = _t(e.clientX, e.clientY, 304, 300);
+			R.value = {
 				pageId: e.pageId,
 				x: t.x,
 				y: t.y,
 				hasSelection: e.hasSelection,
 				selectionWidth: e.selectionWidth,
 				leadingText: e.leadingText
-			}, m(() => {
-				Oo(), zn.value?.focusFirstButton();
+			}, g(() => {
+				Qo(), Jn.value?.focusFirstButton();
 			});
 		}
-		function Oo() {
-			let e = zn.value?.getMenuElement(), t = I.value;
+		function Qo() {
+			let e = Jn.value?.getMenuElement(), t = R.value;
 			if (!e || !t) return;
-			let n = _t(t.x, t.y, e);
-			I.value = {
+			let n = vt(t.x, t.y, e);
+			R.value = {
 				...t,
 				x: n.x,
 				y: n.y
 			};
 		}
-		function ko(e) {
-			if (V.value) return;
-			D.value = e.pageId, P.value = !1, F.value = !1, I.value = void 0, R.value = void 0;
-			let t = gt(e.clientX, e.clientY, 248, 400);
-			L.value = {
+		function $o(e) {
+			if (W.value) return;
+			k.value = e.pageId, I.value = !1, L.value = !1, R.value = void 0, V.value = void 0;
+			let t = _t(e.clientX, e.clientY, 248, 400);
+			B.value = {
 				...e,
 				x: t.x,
 				y: t.y
-			}, m(() => {
-				let e = Hn.value?.getMenuElement(), t = L.value;
+			}, g(() => {
+				let e = nr.value?.getMenuElement(), t = B.value;
 				if (e && t) {
-					let n = _t(t.x, t.y, e);
-					L.value = {
+					let n = vt(t.x, t.y, e);
+					B.value = {
 						...t,
 						x: n.x,
 						y: n.y
 					};
 				}
-				Hn.value?.focusFirstItem();
+				nr.value?.focusFirstItem();
 			});
 		}
-		function Ao(e) {
-			if (V.value) return;
-			D.value = e.pageId, P.value = !1, F.value = !1, I.value = void 0, L.value = void 0, Wn.value = e.image.width, Gn.value = e.image.height, T.value = "", E.value && Q();
-			let t = gt(e.clientX, e.clientY, 288, 196);
-			R.value = {
+		function es(e) {
+			if (W.value) return;
+			k.value = e.pageId, I.value = !1, L.value = !1, R.value = void 0, B.value = void 0, ir.value = e.image.width, ar.value = e.image.height, D.value = "", O.value && Q();
+			let t = _t(e.clientX, e.clientY, 288, 196);
+			V.value = {
 				pageId: e.pageId,
 				image: e.image,
 				x: t.x,
 				y: t.y
-			}, m(() => {
-				jo(), Un.value?.getMenuElement()?.querySelector("input, button:not(:disabled)")?.focus();
+			}, g(() => {
+				ts(), rr.value?.getMenuElement()?.querySelector("input, button:not(:disabled)")?.focus();
 			});
 		}
-		function jo() {
-			let e = Un.value?.getMenuElement(), t = R.value;
+		function ts() {
+			let e = rr.value?.getMenuElement(), t = V.value;
 			if (!e || !t) return;
-			let n = _t(t.x, t.y, e);
-			R.value = {
+			let n = vt(t.x, t.y, e);
+			V.value = {
 				...t,
 				x: n.x,
 				y: n.y
 			};
 		}
-		function Mo() {
-			let e = R.value;
-			!e || V.value || (A.get(e.pageId)?.updateSelectedContentImage({
-				width: Ne(Wn.value),
-				height: Ne(Gn.value)
-			}) && (z.value = "已更新图片尺寸"), $());
+		function ns() {
+			let e = V.value;
+			!e || W.value || (M.get(e.pageId)?.updateSelectedContentImage({
+				width: Ne(ir.value),
+				height: Ne(ar.value)
+			}) && (H.value = "已更新图片尺寸"), $());
 		}
-		function No() {
-			let e = R.value;
-			!e || V.value || (A.get(e.pageId)?.updateSelectedContentImage({
+		function rs() {
+			let e = V.value;
+			!e || W.value || (M.get(e.pageId)?.updateSelectedContentImage({
 				width: void 0,
 				height: void 0
-			}) && (z.value = "已恢复图片自然尺寸"), $());
+			}) && (H.value = "已恢复图片自然尺寸"), $());
 		}
-		function Po(e) {
-			e.type === "table" ? ko(e) : e.type === "image" ? Ao(e) : Do(e);
+		function is(e) {
+			e.type === "table" ? $o(e) : e.type === "image" ? es(e) : Zo(e);
 		}
 		function $() {
-			I.value = void 0, L.value = void 0, R.value = void 0, Bn.value = !1, Vn.value = "";
+			R.value = void 0, B.value = void 0, V.value = void 0, er.value = !1, tr.value = "";
+		}
+		function as() {
+			I.value = !1, L.value = !1, Rn.value = !1, Vn.value = !1, Hn.value = !1;
+		}
+		function os() {
+			as(), Pn.value = !Pn.value, g(() => $a(() => on.value?.focusChromeToggle()));
+		}
+		let ss = [
+			".gd-contract-template-designer__context-menu",
+			".gd-contract-template-designer__bubble-menu",
+			".gd-contract-template-designer__bubble-menu-popup"
+		].join(",");
+		function cs() {
+			let e = W.value || Qn.value || Xn.value || mr.value || F.value || En.value, t = k.value, n = e ? void 0 : M.get(t)?.getSelectionViewportRect();
+			if (!n) {
+				z.value = void 0;
+				return;
+			}
+			let r = n.top - 40 - en, i = r >= 12 ? r : n.bottom + en, a = _t((n.left + n.right) / 2 - 380 / 2, i, 380, 40);
+			z.value = {
+				pageId: t,
+				x: a.x,
+				y: a.y
+			}, g(() => ls(n));
+		}
+		function ls(e) {
+			let t = Yn.value?.getMenuElement(), n = z.value;
+			if (!t || !n) return;
+			let r = t.getBoundingClientRect(), i = e.top - r.height - en, a = i >= 12 ? i : e.bottom + en, o = vt((e.left + e.right) / 2 - r.width / 2, a, t);
+			z.value = {
+				...n,
+				x: o.x,
+				y: o.y
+			};
 		}
-		function Fo(e) {
-			!I.value && !L.value && !R.value || (e.target instanceof HTMLElement ? e.target : null)?.closest(".gd-contract-template-designer__context-menu") || $();
+		function us() {
+			let e = z.value?.pageId ?? k.value, t = M.get(e)?.getSelectionRange();
+			Zn = t ? {
+				pageId: e,
+				...t
+			} : void 0, Xn.value = !0, z.value = void 0;
+		}
+		function ds(e) {
+			if (!Xn.value) return;
+			let t = Zn, n = M.get(e)?.getSelectionRange();
+			t && n && t.pageId === e && t.from === n.from && t.to === n.to || (Xn.value = !1, Zn = void 0);
+		}
+		function fs() {
+			!z.value || $n !== void 0 || ($n = requestAnimationFrame(() => {
+				$n = void 0, cs();
+			}));
 		}
-		function Io(e) {
-			(e.target instanceof Element ? e.target : null)?.closest(".gd-contract-template-designer__context-menu") || $();
+		function ps() {
+			Qn.value && (Qn.value = !1, cs());
 		}
-		function Lo(e) {
-			let t = Qt.value;
+		function ms() {
+			$(), fs();
+		}
+		function hs(e, t) {
+			M.get(z.value?.pageId ?? k.value)?.requestTextContextMenu(e, t);
+		}
+		function gs(e) {
+			let t = e.target instanceof HTMLElement ? e.target : null;
+			t?.closest(".ProseMirror") && (Qn.value = !0, z.value = void 0), !(!R.value && !B.value && !V.value && !z.value) && (t?.closest(ss) || ($(), z.value && us()));
+		}
+		function _s(e) {
+			(e.target instanceof Element ? e.target : null)?.closest(ss) || ($(), fs());
+		}
+		function vs(e) {
+			let t = nn.value;
 			if (!t || typeof document > "u") return !1;
 			let n = e.target instanceof Node ? e.target : void 0, r = document.activeElement;
 			return !!(n && t.contains(n) || r && t.contains(r) || n instanceof Element && n.closest(".gd-contract-template-designer__context-menu"));
 		}
-		function Ro(e) {
-			if (e.key !== "Escape" || !N.value || typeof document > "u") return;
-			let t = Qt.value?.querySelector(".gd-contract-template-designer__page-decorations-studio");
+		function ys(e) {
+			if (e.key !== "Escape" || !F.value || typeof document > "u") return;
+			let t = nn.value?.querySelector(".gd-contract-template-designer__page-decorations-studio");
 			if (!t) return;
-			let n = e.target instanceof Element ? e.target : null, r = document.activeElement instanceof Element ? document.activeElement : null, i = !!(n?.closest(Jn) || r?.closest(Jn)), a = !!(n && t.contains(n) || r && t.contains(r)), o = !!t.querySelector(".ant-select-open, .ant-dropdown-open");
+			let n = e.target instanceof Element ? e.target : null, r = document.activeElement instanceof Element ? document.activeElement : null, i = !!(n?.closest(cr) || r?.closest(cr)), a = !!(n && t.contains(n) || r && t.contains(r)), o = !!t.querySelector(".ant-select-open, .ant-dropdown-open");
 			if (i || a && o) {
-				qn.add(e);
+				sr.add(e);
 				return;
 			}
-			!(I.value || L.value || R.value || P.value || F.value || kn.value || Mn.value || Nn.value) && (a || e.target === document) && (e.preventDefault(), e.stopPropagation(), qa());
+			!mr.value && (a || e.target === document) && (e.preventDefault(), e.stopPropagation(), vo());
 		}
-		function zo(e) {
+		function bs(e) {
 			if ((e.ctrlKey || e.metaKey) && !e.altKey && e.key.toLowerCase() === "s") {
-				if (!$n.value || !Lo(e)) return;
-				e.preventDefault(), Vr();
+				if (!hr.value || !vs(e)) return;
+				e.preventDefault(), ri();
 				return;
 			}
 			if (e.key === "Escape") {
-				if (qn.has(e)) {
-					qn.delete(e);
+				if (sr.has(e)) {
+					sr.delete(e);
 					return;
 				}
-				let t = !!(I.value || L.value || R.value || P.value || F.value || kn.value || Mn.value || Nn.value), n = t || N.value;
-				!t && N.value && qa(), $(), P.value = !1, F.value = !1, kn.value = !1, Mn.value = !1, Nn.value = !1, n && e.stopPropagation(), n || (Tn.value = !1);
+				let t = mr.value, n = t || F.value;
+				if (!t && F.value && vo(), $(), as(), n && e.stopPropagation(), !n) {
+					if (z.value) {
+						us(), e.stopPropagation();
+						return;
+					}
+					Fn.value ? to() : P.value = !1;
+				}
 			}
 		}
-		function Bo(e, t) {
-			e === D.value && t.selectedContentImage && (T.value = "", E.value && Q());
-			let n = An.value[e];
-			n && ht(n, t) || (An.value = {
-				...An.value,
+		function xs(e, t) {
+			e === k.value && t.selectedContentImage && (D.value = "", O.value && Q()), e === k.value && (ds(e), cs());
+			let n = zn.value[e];
+			n && gt(n, t) || (zn.value = {
+				...zn.value,
 				[e]: t
 			});
 		}
-		function Vo(e = Kn.value.rows, t = Kn.value.cols) {
-			X({
+		function Ss(e = or.value.rows, t = or.value.cols) {
+			Z({
 				type: "insert-table",
 				options: {
 					rows: Math.min(10, Math.max(1, Math.round(Number(e) || 3))),
 					cols: Math.min(10, Math.max(1, Math.round(Number(t) || 3))),
-					withHeaderRow: !!Kn.value.withHeaderRow
+					withHeaderRow: !!or.value.withHeaderRow
 				}
-			}), P.value = !1, $();
+			}), I.value = !1, $();
 		}
-		let Ho = {
+		let Cs = {
 			"delete-table-row": {
 				label: "删除当前行",
 				countKey: "deleteRow"
@@ -1373,12 +1475,12 @@ var Lt = {
 				countKey: "deleteTable"
 			}
 		};
-		function Uo(e) {
-			let t = L.value;
+		function ws(e) {
+			let t = B.value;
 			if (!t) return;
 			let n = () => {
-				X(e, t.pageId), $();
-			}, r = Ho[e.type];
+				Z(e, t.pageId), $();
+			}, r = Cs[e.type];
 			if (!r) {
 				n();
 				return;
@@ -1391,16 +1493,16 @@ var Lt = {
 				okType: "danger",
 				cancelText: "取消",
 				onOk: n,
-				onCancel: () => A.get(t.pageId)?.focus()
+				onCancel: () => M.get(t.pageId)?.focus()
 			});
 		}
-		function Wo(e) {
-			let t = Hn.value?.getMenuElement();
+		function Ts(e) {
+			let t = nr.value?.getMenuElement();
 			if (!t) return;
 			if (e.key === "Escape") {
 				e.preventDefault(), e.stopPropagation();
-				let t = L.value?.pageId;
-				$(), A.get(t ?? "")?.focus();
+				let t = B.value?.pageId;
+				$(), M.get(t ?? "")?.focus();
 				return;
 			}
 			let n = Array.from(t.querySelectorAll("button:not(:disabled)"));
@@ -1418,117 +1520,118 @@ var Lt = {
 			let r = (Math.max(0, n.indexOf(document.activeElement)) + (e.key === "ArrowUp" || e.key === "ArrowLeft" ? -1 : 1) + n.length) % n.length;
 			e.preventDefault(), n[r]?.focus();
 		}
-		function Go(e) {
+		function Es(e) {
 			if (e.key !== "Escape") return;
 			e.preventDefault(), e.stopPropagation();
-			let t = I.value?.pageId;
-			$(), A.get(t ?? "")?.focus();
+			let t = R.value?.pageId;
+			$(), M.get(t ?? "")?.focus();
 		}
-		function Ko(e) {
+		function Ds(e) {
 			if (e.key !== "Escape") return;
 			e.preventDefault(), e.stopPropagation();
-			let t = R.value?.pageId;
-			$(), A.get(t ?? "")?.focus();
-		}
-		function qo(e) {
-			X({ type: e }), F.value = !1, $();
-		}
-		return Ge({
-			getValue: Ja,
-			setValue: Ya,
-			getFiles: Xa,
-			setFiles: Za,
-			addFile: Qa,
-			selectFile: $a,
-			renameFile: eo,
-			removeFile: to,
-			moveFile: ro,
-			validate: io,
-			exportTemplate: so,
-			exportFiles: co,
-			getSubmitData: Fa,
-			clearTemplate: Ra,
-			saveDraftCache: Vr,
-			loadDraftCache: Hr,
-			clearDraftCache: Ur,
-			getDraftCacheStatus: _i,
-			insertVariable: ma,
-			insertImage: Gi,
-			focus: go,
-			openPreview: Na,
-			closePreview: Pa,
-			openSubmitDataViewer: Ia,
-			closeSubmitDataViewer: La,
-			setServerValidationErrors: mo,
-			clearValidationErrors: ho,
-			scrollToVariable: Ha,
-			scrollToSigningPlacement: Ua,
-			scrollToPage: Ga,
-			setZoom: Da,
-			resetZoom: Oa,
-			getZoom: ka,
-			fitWidth: wa,
-			insertSigningPlacement: Nr,
+			let t = V.value?.pageId;
+			$(), M.get(t ?? "")?.focus();
+		}
+		function Os(e) {
+			Z({ type: e }), L.value = !1, $();
+		}
+		return Ke({
+			getValue: yo,
+			setValue: bo,
+			getFiles: xo,
+			setFiles: So,
+			addFile: Co,
+			selectFile: wo,
+			renameFile: To,
+			removeFile: Eo,
+			moveFile: Oo,
+			validate: ko,
+			exportTemplate: Mo,
+			exportFiles: No,
+			getSubmitData: ao,
+			clearTemplate: co,
+			saveDraftCache: ri,
+			loadDraftCache: ii,
+			clearDraftCache: ai,
+			getDraftCacheStatus: Fi,
+			insertVariable: Na,
+			insertImage: ua,
+			focus: Bo,
+			openPreview: ro,
+			closePreview: io,
+			openSubmitDataViewer: oo,
+			closeSubmitDataViewer: so,
+			setServerValidationErrors: Ro,
+			clearValidationErrors: zo,
+			scrollToVariable: po,
+			scrollToSigningPlacement: mo,
+			scrollToPage: go,
+			setZoom: qa,
+			resetZoom: Ja,
+			getZoom: Ya,
+			fitWidth: Ua,
+			insertSigningPlacement: Yr,
 			selectSigningPlacement: Q,
-			buildLocationRules: uo,
-			buildContractLocationRules: fo
-		}), (e, t) => (h(), St("div", {
+			buildLocationRules: Fo,
+			buildContractLocationRules: Io
+		}), (e, t) => (_(), Ct("div", {
 			ref_key: "designerElement",
-			ref: Qt,
-			class: Tt(["gd-contract-template-designer", {
+			ref: nn,
+			class: wt(["gd-contract-template-designer", {
 				"is-disabled": s.disabled,
-				"is-readonly": V.value,
-				"is-fullscreen": Tn.value
+				"is-readonly": W.value,
+				"is-fullscreen": P.value,
+				"is-immersive": Fn.value
 			}]),
-			style: Et(Zt.value)
+			style: Tt(tn.value)
 		}, [
-			y.value ? (h(), bt(dt, {
+			x.value ? (_(), xt(ft, {
 				key: 0,
-				files: b.value,
-				"active-file-id": x.value,
-				readonly: V.value,
-				onSelect: $a,
-				onAdd: t[0] ||= (e) => Qa(),
-				onRename: eo,
-				onRemove: no,
-				onMove: ro
+				files: S.value,
+				"active-file-id": C.value,
+				readonly: W.value,
+				onSelect: wo,
+				onAdd: t[0] ||= (e) => Co(),
+				onRename: To,
+				onRemove: Do,
+				onMove: Oo
 			}, null, 8, [
 				"files",
 				"active-file-id",
 				"readonly"
-			])) : xt("", !0),
-			Ct("div", { class: Tt(["gd-contract-template-designer__layout", {
-				"is-sidebar-collapsed": En.value,
-				"is-inspector-collapsed": Dn.value
+			])) : St("", !0),
+			p("div", { class: wt(["gd-contract-template-designer__layout", {
+				"is-sidebar-collapsed": Mn.value,
+				"is-inspector-collapsed": Nn.value
 			}]) }, [
-				wt(ft, {
-					collapsed: En.value,
-					pages: w.value.pages,
-					variables: w.value.variables,
-					"decoration-variable-keys": Mr.value,
-					"signing-placement-navigation-items": or.value,
-					"active-page-id": D.value,
-					"selected-variable-key": T.value,
-					"selected-signing-placement-id": E.value,
-					"normalized-max-pages": Ar.value,
-					"page-limit-reached": jr.value,
-					"selected-page": W.value,
-					"selected-page-size": cr.value,
-					"normalized-page-size-options": wr.value,
-					"page-size-options": Tr.value,
-					"selected-page-size-option-value": Er.value,
+				m(pt, {
+					collapsed: Mn.value,
+					pages: E.value.pages,
+					variables: E.value.variables,
+					"decoration-variable-keys": Jr.value,
+					"signing-placement-navigation-items": Sr.value,
+					"active-page-id": k.value,
+					"selected-variable-key": D.value,
+					"selected-signing-placement-id": O.value,
+					"normalized-max-pages": Kr.value,
+					"page-limit-reached": qr.value,
+					"selected-page": q.value,
+					"selected-page-size": wr.value,
+					"normalized-page-size-options": Br.value,
+					"page-size-options": Vr.value,
+					"selected-page-size-option-value": Hr.value,
 					"show-signing-placement-tools": l.showSigningPlacementTools,
-					readonly: V.value,
-					"get-page-size": Z,
-					"get-page-signing-placements": Ci,
-					onToggle: t[1] ||= (e) => En.value = !En.value,
-					onAddPage: ji,
-					onActivatePage: Wa,
-					onDuplicatePage: Mi,
-					onRemovePage: Pi,
-					onPatchPageFormat: ki,
-					onScrollToVariable: Va,
-					onScrollToSigningPlacement: Ua
+					readonly: W.value,
+					"get-page-size": Vi,
+					"get-page-signing-placements": Hi,
+					onToggle: t[1] ||= (e) => Mn.value = !Mn.value,
+					onAddPage: Xi,
+					onActivatePage: ho,
+					onDuplicatePage: Zi,
+					onRemovePage: $i,
+					onPatchPageFormat: Ji,
+					onScrollToVariable: fo,
+					onScrollToSigningPlacement: mo
 				}, null, 8, [
 					"collapsed",
 					"pages",
@@ -1548,40 +1651,47 @@ var Lt = {
 					"show-signing-placement-tools",
 					"readonly"
 				]),
-				Ct("main", {
+				p("main", {
 					ref_key: "workspaceElement",
-					ref: en,
+					ref: an,
 					class: "gd-contract-template-designer__workspace"
 				}, [
-					wt(ze, {
+					Nt(p("div", {
+						id: ln,
+						class: "gd-contract-template-designer__workspace-chrome"
+					}, [m(ze, {
 						ref_key: "workspaceHeaderElement",
-						ref: tn,
-						summary: dr.value,
-						"draft-cache-status-text": hr.value,
-						"draft-cache-status-class": gr.value,
+						ref: on,
+						summary: Dr.value,
+						"draft-cache-status-text": jr.value,
+						"draft-cache-status-class": Mr.value,
 						"show-draft-cache-status": s.showDraftCacheStatus,
 						"show-clear-button": s.showClearButton,
 						"show-submit-data-viewer": s.showSubmitDataViewer,
-						readonly: V.value,
-						"zoom-percent": _r.value,
-						"zoom-out-disabled": M.value <= Vt,
-						"zoom-in-disabled": M.value >= Ht,
-						"is-fullscreen": Tn.value,
-						"page-decorations-open": N.value,
-						"page-decorations-studio-id": rn,
-						"page-decorations-preset-label": fr.value,
-						"page-decorations-enabled-count": mr.value,
-						"page-decorations-enabled-states": pr.value,
-						onZoomOut: ja,
-						onZoomIn: Aa,
-						onFitWidth: _(wa),
-						onResetZoom: Oa,
-						onToggleFullscreen: Ma,
-						onClear: za,
-						onValidate: io,
-						onPreview: Na,
-						onSubmitData: Ia,
-						onTogglePageDecorations: Ka
+						readonly: W.value,
+						"zoom-percent": Nr.value,
+						"zoom-out-disabled": N.value <= Wt,
+						"zoom-in-disabled": N.value >= Gt,
+						"is-fullscreen": P.value,
+						immersive: Fn.value,
+						"page-decorations-open": F.value,
+						"page-decorations-studio-id": cn,
+						"page-decorations-preset-label": Or.value,
+						"page-decorations-enabled-count": Ar.value,
+						"page-decorations-enabled-states": kr.value,
+						"chrome-controls-id": ln,
+						onZoomOut: Za,
+						onZoomIn: Xa,
+						onFitWidth: y(Ua),
+						onResetZoom: Ja,
+						onToggleFullscreen: Qa,
+						onToggleImmersive: no,
+						onClear: lo,
+						onValidate: ko,
+						onPreview: ro,
+						onSubmitData: oo,
+						onTogglePageDecorations: _o,
+						onToggleChrome: os
 					}, null, 8, [
 						"summary",
 						"draft-cache-status-text",
@@ -1594,62 +1704,62 @@ var Lt = {
 						"zoom-out-disabled",
 						"zoom-in-disabled",
 						"is-fullscreen",
+						"immersive",
 						"page-decorations-open",
 						"page-decorations-preset-label",
 						"page-decorations-enabled-count",
 						"page-decorations-enabled-states",
 						"onFitWidth"
-					]),
-					wt(Be, {
-						"variable-insert-popover-open": Mn.value,
-						"onUpdate:variableInsertPopoverOpen": t[2] ||= (e) => Mn.value = e,
-						"image-insert-popover-open": Nn.value,
-						"onUpdate:imageInsertPopoverOpen": t[3] ||= (e) => Nn.value = e,
-						"image-insert-url": Pn.value,
-						"onUpdate:imageInsertUrl": t[4] ||= (e) => Pn.value = e,
-						"image-insert-width": Fn.value,
-						"onUpdate:imageInsertWidth": t[5] ||= (e) => Fn.value = e,
-						"image-insert-height": In.value,
-						"onUpdate:imageInsertHeight": t[6] ||= (e) => In.value = e,
-						"table-insert-popover-open": P.value,
-						"onUpdate:tableInsertPopoverOpen": t[7] ||= (e) => P.value = e,
-						"table-actions-popover-open": F.value,
-						"onUpdate:tableActionsPopoverOpen": t[8] ||= (e) => F.value = e,
-						"table-insert-draft": Kn.value,
-						"onUpdate:tableInsertDraft": t[9] ||= (e) => Kn.value = e,
-						"toolbar-more-open": kn.value,
-						"onUpdate:toolbarMoreOpen": t[10] ||= (e) => kn.value = e,
-						readonly: V.value,
-						"editor-state": Zr.value,
-						"current-block-format": Qr.value,
-						"block-format-options": xr,
-						"font-family-select-options": yr.value,
-						"current-editor-font-family": $r.value,
-						"font-size-preset-options": ri.value,
-						"current-editor-font-size": ei.value,
-						"editor-font-size-search-value": jn.value,
-						"current-editor-text-color": ti.value,
-						"body-control-tool-items": kr.value,
-						"page-limit-reached": jr.value,
-						"normalized-max-pages": Ar.value,
-						"image-processing": Rn.value,
-						"image-insert-error": Ln.value,
-						onCommand: t[11] ||= (e) => X(e),
-						onPatchBlockFormat: vo,
-						onPatchFontFamily: bo,
-						onPatchFontSize: yo,
-						onPatchColor: xo,
-						onPatchTextAlign: _o,
-						onInsertVariable: Yi,
-						onOpenImageFile: Ki,
-						onInsertImageUrl: Ji,
-						onAddPage: ji,
-						onInsertTable: Vo,
-						onTableAction: qo,
-						onFontSizeSearch: Co,
-						onFontSizeCommit: wo,
-						onFontSizeDropdownChange: Eo,
-						onFontSizeKeydown: To
+					]), m(Be, {
+						"variable-insert-popover-open": Vn.value,
+						"onUpdate:variableInsertPopoverOpen": t[2] ||= (e) => Vn.value = e,
+						"image-insert-popover-open": Hn.value,
+						"onUpdate:imageInsertPopoverOpen": t[3] ||= (e) => Hn.value = e,
+						"image-insert-url": Un.value,
+						"onUpdate:imageInsertUrl": t[4] ||= (e) => Un.value = e,
+						"image-insert-width": Wn.value,
+						"onUpdate:imageInsertWidth": t[5] ||= (e) => Wn.value = e,
+						"image-insert-height": Gn.value,
+						"onUpdate:imageInsertHeight": t[6] ||= (e) => Gn.value = e,
+						"table-insert-popover-open": I.value,
+						"onUpdate:tableInsertPopoverOpen": t[7] ||= (e) => I.value = e,
+						"table-actions-popover-open": L.value,
+						"onUpdate:tableActionsPopoverOpen": t[8] ||= (e) => L.value = e,
+						"table-insert-draft": or.value,
+						"onUpdate:tableInsertDraft": t[9] ||= (e) => or.value = e,
+						"toolbar-more-open": Rn.value,
+						"onUpdate:toolbarMoreOpen": t[10] ||= (e) => Rn.value = e,
+						readonly: W.value,
+						"editor-state": pi.value,
+						"current-block-format": mi.value,
+						"block-format-options": Lr,
+						"font-family-select-options": Fr.value,
+						"current-editor-font-family": hi.value,
+						"font-size-preset-options": yi.value,
+						"current-editor-font-size": gi.value,
+						"editor-font-size-search-value": Bn.value,
+						"current-editor-text-color": _i.value,
+						"body-control-tool-items": Gr.value,
+						"page-limit-reached": qr.value,
+						"normalized-max-pages": Kr.value,
+						"image-processing": qn.value,
+						"image-insert-error": Kn.value,
+						onCommand: t[11] ||= (e) => Z(e),
+						onPatchBlockFormat: Ho,
+						onPatchFontFamily: Wo,
+						onPatchFontSize: Uo,
+						onPatchColor: Go,
+						onPatchTextAlign: Vo,
+						onInsertVariable: ma,
+						onOpenImageFile: da,
+						onInsertImageUrl: pa,
+						onAddPage: Xi,
+						onInsertTable: Ss,
+						onTableAction: Os,
+						onFontSizeSearch: qo,
+						onFontSizeCommit: Jo,
+						onFontSizeDropdownChange: Xo,
+						onFontSizeKeydown: Yo
 					}, null, 8, [
 						"variable-insert-popover-open",
 						"image-insert-popover-open",
@@ -1674,50 +1784,79 @@ var Lt = {
 						"normalized-max-pages",
 						"image-processing",
 						"image-insert-error"
-					]),
-					O.value ? (h(), St("section", Lt, [wt(_(Pt), {
-						type: lr.value ? "success" : "error",
-						message: ur.value,
+					])], 512), [[jt, !Pn.value]]),
+					Pn.value ? (_(), xt(y(It), {
+						key: 0,
+						title: "展开工具区"
+					}, {
+						default: Mt(() => [p("button", {
+							ref_key: "workspaceChromeHandleElement",
+							ref: un,
+							type: "button",
+							class: "gd-contract-template-designer__workspace-chrome-handle",
+							"aria-label": "展开工具区",
+							"aria-expanded": !1,
+							"aria-controls": ln,
+							onClick: os
+						}, [m(y(zt), { "aria-hidden": "true" })], 512)]),
+						_: 1
+					})) : St("", !0),
+					Fn.value && !F.value ? (_(), Ct("button", {
+						key: 1,
+						ref_key: "immersiveExitElement",
+						ref: In,
+						type: "button",
+						class: "gd-contract-template-designer__immersive-exit",
+						"aria-label": "退出沉浸写作",
+						onClick: to
+					}, [
+						m(y(Rt), { "aria-hidden": "true" }),
+						t[25] ||= p("span", { class: "gd-contract-template-designer__immersive-exit-label" }, "退出沉浸", -1),
+						t[26] ||= p("kbd", null, "Esc", -1)
+					], 512)) : St("", !0),
+					A.value ? (_(), Ct("section", Bt, [m(y(Pt), {
+						type: Tr.value ? "success" : "error",
+						message: Er.value,
 						"show-icon": ""
-					}, null, 8, ["type", "message"]), k.value.length ? (h(), St("div", Rt, [(h(!0), St(vt, null, kt(k.value, (e) => (h(), St("button", {
+					}, null, 8, ["type", "message"]), j.value.length ? (_(), Ct("div", Vt, [(_(!0), Ct(yt, null, Ot(j.value, (e) => (_(), Ct("button", {
 						key: `${e.id}-${e.message}`,
 						type: "button",
 						class: "gd-contract-template-designer__validation-item",
-						onClick: (t) => ao(e)
-					}, [Ct("span", null, At(e.message), 1), Ct("small", null, At(oo(e)), 1)], 8, zt))), 128))])) : xt("", !0)])) : xt("", !0),
-					Ct("div", {
+						onClick: (t) => Ao(e)
+					}, [p("span", null, kt(e.message), 1), p("small", null, kt(jo(e)), 1)], 8, Ht))), 128))])) : St("", !0)])) : St("", !0),
+					p("div", {
 						ref_key: "canvasElement",
-						ref: $t,
+						ref: rn,
 						class: "gd-contract-template-designer__canvas"
-					}, [(h(!0), St(vt, null, kt(w.value.pages, (e, n) => (h(), bt(Le, {
-						key: `${x.value}:${e.id}`,
+					}, [(_(!0), Ct(yt, null, Ot(E.value.pages, (e, n) => (_(), xt(Le, {
+						key: `${C.value}:${e.id}`,
 						ref_for: !0,
-						ref: (t) => vi(e.id, t),
+						ref: (t) => Ii(e.id, t),
 						page: e,
 						"page-index": n,
-						"page-size": Z(e),
-						"page-decorations": w.value.pageDecorations,
-						"total-pages": w.value.pages.length,
-						variables: w.value.variables,
-						"selected-variable-key": T.value,
-						"signing-placements": l.showSigningPlacementTools ? Ci(e.id) : [],
-						"selected-signing-placement-id": E.value,
-						active: D.value === e.id,
+						"page-size": Vi(e),
+						"page-decorations": E.value.pageDecorations,
+						"total-pages": E.value.pages.length,
+						variables: E.value.variables,
+						"selected-variable-key": D.value,
+						"signing-placements": l.showSigningPlacementTools ? Hi(e.id) : [],
+						"selected-signing-placement-id": O.value,
+						active: k.value === e.id,
 						readonly: s.readonly,
 						disabled: s.disabled,
-						zoom: M.value,
-						"process-image-file": Wi,
-						onPageUpdate: Si,
-						onVariableDrop: Zi,
-						onVariableSelect: Qi,
-						onSigningPlacementDrop: _(Pr),
-						onSigningPlacementSelect: Ti,
-						onSigningPlacementMove: _(Lr),
-						onSigningPlacementRemove: _(Br),
-						onEditorFocus: t[12] ||= (e) => Wa(e, !1),
-						onEditorStateChange: Bo,
-						onEditorContextMenu: Po,
-						onVariableMoveBlocked: t[13] ||= (e) => z.value = "变量只能在当前页内移动，跨页移动尚未支持。"
+						zoom: N.value,
+						"process-image-file": la,
+						onPageUpdate: Bi,
+						onVariableDrop: ga,
+						onVariableSelect: _a,
+						onSigningPlacementDrop: y(Xr),
+						onSigningPlacementSelect: Wi,
+						onSigningPlacementMove: y($r),
+						onSigningPlacementRemove: y(ni),
+						onEditorFocus: t[12] ||= (e) => ho(e, !1),
+						onEditorStateChange: xs,
+						onEditorContextMenu: is,
+						onVariableMoveBlocked: t[13] ||= (e) => H.value = "变量只能在当前页内移动，跨页移动尚未支持。"
 					}, null, 8, [
 						"page",
 						"page-index",
@@ -1736,20 +1875,20 @@ var Lt = {
 						"onSigningPlacementMove",
 						"onSigningPlacementRemove"
 					]))), 128))], 512),
-					Nt(wt(mt, {
+					Nt(m(ht, {
 						ref_key: "pageDecorationsStudioElement",
-						ref: nn,
-						id: rn,
-						open: N.value,
-						decorations: w.value.pageDecorations,
-						variables: w.value.variables,
-						"font-family-options": yr.value,
+						ref: sn,
+						id: cn,
+						open: F.value,
+						decorations: E.value.pageDecorations,
+						variables: E.value.variables,
+						"font-family-options": Fr.value,
 						readonly: s.readonly,
 						disabled: s.disabled,
-						"active-tab": On.value,
-						"onUpdate:activeTab": t[14] ||= (e) => On.value = e,
-						onChange: na,
-						onClose: qa
+						"active-tab": Ln.value,
+						"onUpdate:activeTab": t[14] ||= (e) => Ln.value = e,
+						onChange: xa,
+						onClose: vo
 					}, null, 8, [
 						"open",
 						"decorations",
@@ -1758,52 +1897,52 @@ var Lt = {
 						"readonly",
 						"disabled",
 						"active-tab"
-					]), [[Mt, N.value]])
+					]), [[jt, F.value]])
 				], 512),
-				wt(pt, {
-					collapsed: Dn.value,
+				m(mt, {
+					collapsed: Nn.value,
 					readonly: s.readonly,
 					disabled: s.disabled,
 					"show-signing-placement-tools": l.showSigningPlacementTools,
-					"body-control-tool-items": kr.value,
-					"signing-placement-tools": Dr.value,
-					"signing-placements": U.value,
-					"selected-signing-placement": ar.value,
-					"selected-signing-placement-page-size": sr.value,
-					"selected-variable": H.value,
-					variables: w.value.variables,
-					"current-variable-font-family": ni.value,
-					"font-family-select-options": yr.value,
-					"text-align-options": _(br),
-					"border-style-options": Sr,
-					"object-fit-options": Cr,
-					"selected-variable-width-max": Yr.value,
-					"selected-variable-height-max": Xr.value,
-					"min-font-size": Yt,
-					"max-font-size": Xt,
-					"default-multiline-rows": _(3),
-					"resolve-signing-placement-type-icon": _(ut),
-					"signing-placement-type-labels": _(n),
-					onToggle: t[15] ||= (e) => Dn.value = !Dn.value,
-					onVariableDragStart: xa,
-					onInsertVariable: ha,
-					onSigningPlacementDragStart: _(Ir),
-					onInsertSigningPlacement: _(Fr),
-					onPatchSigningPlacement: _(Rr),
-					onDuplicateSigningPlacement: t[16] ||= (e) => _(zr)(),
-					onRemoveSigningPlacement: t[17] ||= (e) => _(Br)(),
-					onDuplicateVariable: pa,
-					onRemoveVariable: da,
-					onPatchVariable: ea,
-					onRenameVariable: ta,
-					onPatchStyle: oa,
-					onPatchMultiline: la,
-					onPatchRows: ua,
-					onPatchFontFamily: sa,
-					onPatchFontSize: ca,
-					onPatchTextAlign: ra,
-					onPatchBorderStyle: ia,
-					onPatchObjectFit: aa
+					"body-control-tool-items": Gr.value,
+					"signing-placement-tools": Ur.value,
+					"signing-placements": K.value,
+					"selected-signing-placement": xr.value,
+					"selected-signing-placement-page-size": Cr.value,
+					"selected-variable": G.value,
+					variables: E.value.variables,
+					"current-variable-font-family": vi.value,
+					"font-family-select-options": Fr.value,
+					"text-align-options": y(Ir),
+					"border-style-options": Rr,
+					"object-fit-options": zr,
+					"selected-variable-width-max": di.value,
+					"selected-variable-height-max": fi.value,
+					"min-font-size": Qt,
+					"max-font-size": $t,
+					"default-multiline-rows": y(3),
+					"resolve-signing-placement-type-icon": y(dt),
+					"signing-placement-type-labels": y(n),
+					onToggle: t[15] ||= (e) => Nn.value = !Nn.value,
+					onVariableDragStart: Ba,
+					onInsertVariable: Pa,
+					onSigningPlacementDragStart: y(Qr),
+					onInsertSigningPlacement: y(Zr),
+					onPatchSigningPlacement: y(ei),
+					onDuplicateSigningPlacement: t[16] ||= (e) => y(ti)(),
+					onRemoveSigningPlacement: t[17] ||= (e) => y(ni)(),
+					onDuplicateVariable: Ma,
+					onRemoveVariable: Aa,
+					onPatchVariable: ya,
+					onRenameVariable: ba,
+					onPatchStyle: Ta,
+					onPatchMultiline: Oa,
+					onPatchRows: ka,
+					onPatchFontFamily: Ea,
+					onPatchFontSize: Da,
+					onPatchTextAlign: Sa,
+					onPatchBorderStyle: Ca,
+					onPatchObjectFit: wa
 				}, null, 8, [
 					"collapsed",
 					"readonly",
@@ -1829,83 +1968,83 @@ var Lt = {
 					"onPatchSigningPlacement"
 				])
 			], 2),
-			(h(), bt(yt, { to: "body" }, [
-				L.value ? (h(), bt(Re, {
+			(_(), xt(bt, { to: "body" }, [
+				B.value ? (_(), xt(Re, {
 					key: 0,
 					ref_key: "tableContextMenuElement",
-					ref: Hn,
-					capabilities: L.value.capabilities,
-					"active-alignment": L.value.activeAlignment,
-					style: Et({
-						left: `${L.value.x}px`,
-						top: `${L.value.y}px`
+					ref: nr,
+					capabilities: B.value.capabilities,
+					"active-alignment": B.value.activeAlignment,
+					style: Tt({
+						left: `${B.value.x}px`,
+						top: `${B.value.y}px`
 					}),
-					onExecute: Uo,
-					onKeydown: Wo
+					onExecute: ws,
+					onKeydown: Ts
 				}, null, 8, [
 					"capabilities",
 					"active-alignment",
 					"style"
-				])) : xt("", !0),
-				R.value ? (h(), bt(He, {
+				])) : St("", !0),
+				V.value ? (_(), xt(Ue, {
 					key: 1,
 					ref_key: "imageContextMenuElement",
-					ref: Un,
-					width: Wn.value,
-					"onUpdate:width": t[18] ||= (e) => Wn.value = e,
-					height: Gn.value,
-					"onUpdate:height": t[19] ||= (e) => Gn.value = e,
-					x: R.value.x,
-					y: R.value.y,
-					readonly: V.value,
-					onRestore: No,
-					onApply: Mo,
-					onKeydown: Ko
+					ref: rr,
+					width: ir.value,
+					"onUpdate:width": t[18] ||= (e) => ir.value = e,
+					height: ar.value,
+					"onUpdate:height": t[19] ||= (e) => ar.value = e,
+					x: V.value.x,
+					y: V.value.y,
+					readonly: W.value,
+					onRestore: rs,
+					onApply: ns,
+					onKeydown: Ds
 				}, null, 8, [
 					"width",
 					"height",
 					"x",
 					"y",
 					"readonly"
-				])) : xt("", !0),
-				I.value ? (h(), bt(Ve, {
+				])) : St("", !0),
+				R.value ? (_(), xt(Ve, {
 					key: 2,
 					ref_key: "textContextMenuElement",
-					ref: zn,
-					"bind-open": Bn.value,
-					"onUpdate:bindOpen": t[20] ||= (e) => Bn.value = e,
-					"bind-keyword": Vn.value,
-					"onUpdate:bindKeyword": t[21] ||= (e) => Vn.value = e,
-					x: I.value.x,
-					y: I.value.y,
-					"has-selection": I.value.hasSelection,
-					"editor-state": Zr.value,
-					"font-size-preset-options": ri.value,
-					"current-editor-font-size": ei.value,
-					"editor-font-size-search-value": jn.value,
-					"text-align-options": _(br),
-					"current-editor-text-color": ti.value,
-					"body-control-tool-items": kr.value,
-					"text-menu-bindable-variables": Jr.value,
-					"page-limit-reached": jr.value,
-					"table-insert-draft": Kn.value,
-					"variables-count": w.value.variables.length,
-					"resolve-bind-variable-type-label": ya,
-					onCommand: yi,
-					onClipboard: bi,
-					onOpenImage: Ki,
-					onAddPage: Xi,
-					onInsertVariable: ga,
-					onBindVariable: va,
-					onOpenBindPanel: ba,
-					onKeydown: Go,
-					onPatchFontSize: yo,
-					onPatchTextAlign: _o,
-					onPatchColor: So,
-					onFontSizeSearch: Co,
-					onFontSizeCommit: wo,
-					onFontSizeDropdownChange: Eo,
-					onFontSizeKeydown: To
+					ref: Jn,
+					"bind-open": er.value,
+					"onUpdate:bindOpen": t[20] ||= (e) => er.value = e,
+					"bind-keyword": tr.value,
+					"onUpdate:bindKeyword": t[21] ||= (e) => tr.value = e,
+					x: R.value.x,
+					y: R.value.y,
+					"has-selection": R.value.hasSelection,
+					"editor-state": pi.value,
+					"font-size-preset-options": yi.value,
+					"current-editor-font-size": gi.value,
+					"editor-font-size-search-value": Bn.value,
+					"text-align-options": y(Ir),
+					"current-editor-text-color": _i.value,
+					"body-control-tool-items": Gr.value,
+					"text-menu-bindable-variables": ui.value,
+					"page-limit-reached": qr.value,
+					"table-insert-draft": or.value,
+					"variables-count": E.value.variables.length,
+					"resolve-bind-variable-type-label": Ra,
+					onCommand: Li,
+					onClipboard: Ri,
+					onOpenImage: da,
+					onAddPage: ha,
+					onInsertVariable: Fa,
+					onBindVariable: La,
+					onOpenBindPanel: za,
+					onKeydown: Es,
+					onPatchFontSize: Uo,
+					onPatchTextAlign: Vo,
+					onPatchColor: Ko,
+					onFontSizeSearch: qo,
+					onFontSizeCommit: Jo,
+					onFontSizeDropdownChange: Xo,
+					onFontSizeKeydown: Yo
 				}, null, 8, [
 					"bind-open",
 					"bind-keyword",
@@ -1923,28 +2062,59 @@ var Lt = {
 					"page-limit-reached",
 					"table-insert-draft",
 					"variables-count"
-				])) : xt("", !0)
+				])) : St("", !0),
+				z.value ? (_(), xt(He, {
+					key: 3,
+					ref_key: "textBubbleElement",
+					ref: Yn,
+					x: z.value.x,
+					y: z.value.y,
+					"editor-state": pi.value,
+					"font-size-preset-options": yi.value,
+					"current-editor-font-size": gi.value,
+					"editor-font-size-search-value": Bn.value,
+					"current-editor-text-color": _i.value,
+					"text-align-options": y(Ir),
+					onCommand: Z,
+					onPatchFontSize: Uo,
+					onPatchTextAlign: Vo,
+					onPatchColor: Ko,
+					onFontSizeSearch: qo,
+					onFontSizeCommit: Jo,
+					onFontSizeDropdownChange: Xo,
+					onFontSizeKeydown: Yo,
+					onMore: hs
+				}, null, 8, [
+					"x",
+					"y",
+					"editor-state",
+					"font-size-preset-options",
+					"current-editor-font-size",
+					"editor-font-size-search-value",
+					"current-editor-text-color",
+					"text-align-options"
+				])) : St("", !0)
 			])),
-			Ct("input", {
+			p("input", {
 				ref_key: "imageFileInputElement",
-				ref: an,
+				ref: dn,
 				class: "gd-contract-template-designer__hidden-file-input",
 				type: "file",
 				accept: "image/png,image/jpeg,image/webp,image/gif,image/bmp",
 				tabindex: "-1",
 				"aria-hidden": "true",
-				onChange: qi
+				onChange: fa
 			}, null, 544),
-			Ct("span", Bt, At(z.value), 1),
-			wt(Ue, {
-				open: bn.value,
-				"onUpdate:open": t[22] ||= (e) => bn.value = e,
-				"preview-pages": nr.value,
-				"preview-file-groups": rr.value,
-				"preview-active-group": ir.value,
-				"preview-snapshot": j.value,
-				onCancel: Pa,
-				onSelectFile: t[23] ||= (e) => Sn.value = e
+			p("span", Ut, kt(H.value), 1),
+			m(We, {
+				open: En.value,
+				"onUpdate:open": t[22] ||= (e) => En.value = e,
+				"preview-pages": vr.value,
+				"preview-file-groups": yr.value,
+				"preview-active-group": br.value,
+				"preview-snapshot": Dn.value,
+				onCancel: io,
+				onSelectFile: t[23] ||= (e) => kn.value = e
 			}, null, 8, [
 				"open",
 				"preview-pages",
@@ -1952,14 +2122,14 @@ var Lt = {
 				"preview-active-group",
 				"preview-snapshot"
 			]),
-			wt(We, {
-				open: Cn.value,
-				"onUpdate:open": t[24] ||= (e) => Cn.value = e,
-				json: wn.value,
-				onCancel: La
+			m(Ge, {
+				open: An.value,
+				"onUpdate:open": t[24] ||= (e) => An.value = e,
+				json: jn.value,
+				onCancel: so
 			}, null, 8, ["open", "json"])
 		], 6));
 	}
 });
 //#endregion
-export { Zt as default };
+export { tn as default };