@guodun/antdv 1.4.1 → 1.4.3

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

@@ -1,98 +1,50 @@
 import { isContractTemplateFieldType as e } from "./types.mjs";
-import { ContractTemplateLocationRuleBuildError as t, SIGNING_PLACEMENT_MIME as n, SIGNING_PLACEMENT_TYPE_LABELS as r, applySigningPlacementPatch as i, buildContractLocationRules as a, buildSigningPlacementLocationRules as o, canMutateSigningPlacements as s, clampSigningPlacement as ee, createSigningPlacement as te, getSigningPlacementDefaultSize as ne, resolveSigningPlacementToolItems as re, scaleSigningPlacementToPage as ie, serializeSigningPlacementDragPayload as ae } from "./utils/signing-placement.mjs";
-import { CONTRACT_TEXT_STYLE_PRESETS as oe, DEFAULT_CONTRACT_FONT_FAMILY as se, DEFAULT_FONT_SIZE_PRESETS as ce, DEFAULT_TEXT_ALIGN_OPTIONS as le, resolveFontFamilyOptions as ue } from "./constants.mjs";
-import { DEFAULT_FIELD_STYLE as de, DEFAULT_FIELD_TYPES as fe, DEFAULT_PAGE_SIZE as pe, buildTemplatePreviewPages as me, cloneTemplateValue as c, collectTemplateLocationRuleExportErrors as he, constrainTemplatePageSizes as ge, createBlankPage as _e, createBlankTemplate as ve, createDefaultPage as ye, createTemplateVariable as be, exportTemplateValue as xe, getFieldOption as Se, getPageSizeKey as Ce, normalizeContractTemplateMaxPages as we, normalizePageSizeOptions as Te, normalizeTemplateValue as Ee, resolvePageSize as De, syncTemplateVariablesWithPages as Oe, validateTemplateValue as ke } from "./composables/use-template-designer.mjs";
-import { isSafeContractImageUrl as Ae } from "./utils/image-url.mjs";
-import { useFitWidthZoom as je } from "./composables/use-fit-width-zoom.mjs";
-import { MAX_CONTRACT_IMAGE_DIMENSION as Me, normalizeContractImageDimension as Ne, processContractImageFile as Pe } from "./utils/content-image.mjs";
+import { ContractTemplateLocationRuleBuildError as t, SIGNING_PLACEMENT_TYPE_LABELS as n, buildContractLocationRules as r, buildSigningPlacementLocationRules as i, createSigningPlacement as a, resolveSigningPlacementToolItems as o, scaleSigningPlacementToPage as ee } from "./utils/signing-placement.mjs";
+import { CONTRACT_BLOCK_STYLES as te, DEFAULT_CONTRACT_FONT_FAMILY as ne, DEFAULT_FONT_SIZE_PRESETS as re, DEFAULT_TEXT_ALIGN_OPTIONS as ie, resolveFontFamilyOptions as ae } from "./constants.mjs";
+import { collectPageDecorationVariableKeys as oe, normalizePageDecorations as se, resolvePageDecorationPreset as ce, resolvePageDecorationValidationPath as le, rewritePageDecorationVariableTokens as ue } from "./utils/page-decorations.mjs";
+import { DEFAULT_FIELD_STYLE as de, DEFAULT_FIELD_TYPES as s, DEFAULT_PAGE_SIZE as fe, buildTemplatePreviewPages as pe, cloneTemplateValue as c, collectTemplateLocationRuleExportErrors as me, collectTemplateValueVariableKeys as he, constrainTemplatePageSizes as ge, createBlankPage as _e, createBlankTemplate as ve, createDefaultPage as ye, createTemplateVariable as be, exportTemplateValue as xe, getFieldOption as Se, getPageSizeKey as Ce, normalizeContractTemplateMaxPages as we, normalizePageSizeOptions as Te, normalizeTemplateValue as Ee, resolvePageSize as De, syncTemplateVariablesWithPages as Oe, validateContractTemplateVariableKey as ke, validateTemplateValue as Ae } from "./composables/use-template-designer.mjs";
+import { isSafeContractImageUrl as je } from "./utils/image-url.mjs";
+import { useFitWidthZoom as Me } from "./composables/use-fit-width-zoom.mjs";
+import { normalizeContractImageDimension as Ne, processContractImageFile as Pe } from "./utils/content-image.mjs";
 import { inferContextVariableLabel as Fe, resolveContextVariableWidth as Ie } from "./utils/context-variable.mjs";
 import Le from "./DesignerPage.mjs";
-import Re from "./ContractTemplatePreviewPage.mjs";
-import ze from "./TableContextMenu.mjs";
-import Be from "./TableSizePicker.mjs";
-import { DEFAULT_DRAFT_CACHE_INTERVAL as Ve, DEFAULT_DRAFT_CACHE_KEY as He, DEFAULT_DRAFT_CACHE_MAX_BYTES as l, clearTemplateDraftCache as Ue, createDraftCacheStatus as We, formatDraftCacheSavedAt as Ge, getBrowserDraftCacheStorage as Ke, isBlankTemplateDraftValue as qe, isBlankTemplateFilesDraftValue as Je, loadTemplateDraftCache as Ye, loadTemplateFilesDraftCache as Xe, saveTemplateDraftCache as Ze, saveTemplateFilesDraftCache as Qe } from "./composables/use-template-draft-cache.mjs";
-import { cloneContractTemplateFiles as u, 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 { resolveFieldTypeIcon as st, resolveSigningPlacementTypeIcon as ct } from "./utils/template-tool-icons.mjs";
-import lt from "./ContractTemplateFileBar.mjs";
-import ut from "./ContractTemplateDesignerSidebar.mjs";
-import dt from "./ContractTemplateDesignerInspector.mjs";
-import { CONTRACT_TEMPLATE_TOOLBAR_OVERFLOW_PRIORITY as ft, resolveContractTemplateToolbarOverflowKeys as pt } from "./utils/toolbar-overflow.mjs";
-import { Fragment as mt, Teleport as ht, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, nextTick as y, normalizeClass as b, normalizeStyle as gt, onBeforeUnmount as _t, onMounted as vt, openBlock as x, ref as S, renderList as yt, resolveDynamicComponent as bt, toDisplayString as C, unref as w, vShow as xt, watch as St, withCtx as T, withDirectives as Ct, withModifiers as wt } from "vue";
-import { Alert as Tt, Button as E, Input as Et, InputNumber as Dt, Modal as Ot, Popover as kt, Select as At, Switch as jt, Tooltip as D } from "ant-design-vue";
-import { useElementSize as Mt } from "@vueuse/core";
-import { AlignCenterOutlined as Nt, AlignLeftOutlined as Pt, AlignRightOutlined as Ft, AuditOutlined as It, BoldOutlined as Lt, ClearOutlined as Rt, ColumnWidthOutlined as zt, CopyOutlined as Bt, DatabaseOutlined as Vt, DeleteOutlined as Ht, DownOutlined as Ut, EllipsisOutlined as Wt, EyeOutlined as Gt, FileAddOutlined as Kt, FormatPainterOutlined as qt, FullscreenExitOutlined as Jt, FullscreenOutlined as Yt, ItalicOutlined as Xt, MinusOutlined as Zt, OrderedListOutlined as Qt, PictureOutlined as $t, PlusOutlined as en, RedoOutlined as tn, ReloadOutlined as nn, ScissorOutlined as rn, TableOutlined as an, UnderlineOutlined as on, UndoOutlined as sn, UnorderedListOutlined as cn, ZoomInOutlined as ln, ZoomOutOutlined as un } from "@ant-design/icons-vue";
+import Re from "./TableContextMenu.mjs";
+import ze from "./ContractTemplateDesignerWorkspaceHeader.mjs";
+import Be from "./ContractTemplateDesignerToolbar.mjs";
+import Ve from "./ContractTemplateTextContextMenu.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 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 dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { class: "gd-contract-template-designer__workspace-meta" }, pn = { class: "gd-contract-template-designer__workspace-actions" }, mn = { class: "gd-contract-template-designer__workspace-controls" }, hn = { class: "gd-contract-template-designer__zoom" }, gn = { class: "gd-contract-template-designer__workspace-buttons" }, _n = { class: "gd-contract-template-designer__toolbar" }, vn = { class: "gd-contract-template-designer__toolbar-group" }, yn = { class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--style" }, bn = { class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--format" }, xn = {
-	class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--insert",
-	"data-toolbar-overflow-key": "insert"
-}, Sn = { class: "gd-contract-template-designer__popover gd-contract-template-designer__control-insert-popover" }, Cn = { class: "gd-contract-template-designer__text-menu-control-options" }, wn = ["aria-label", "onClick"], Tn = { class: "gd-contract-template-designer__popover gd-contract-template-designer__image-insert-popover" }, En = {
-	class: "gd-contract-template-designer__image-size-fields",
-	role: "group",
-	"aria-label": "图片尺寸"
-}, Dn = {
-	class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--typography",
-	"data-toolbar-overflow-key": "typography"
-}, On = ["value", "disabled"], kn = {
-	class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--cleanup",
-	"data-toolbar-overflow-key": "cleanup"
-}, An = {
-	class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--table",
-	"data-toolbar-overflow-key": "table"
-}, jn = { class: "gd-contract-template-designer__popover" }, Mn = { class: "gd-contract-template-designer__switch-row" }, Nn = { class: "gd-contract-template-designer__popover" }, Pn = { class: "gd-contract-template-designer__table-actions" }, Fn = {
-	class: "gd-contract-template-designer__toolbar-more-panel",
-	role: "menu",
-	"aria-label": "更多编辑工具"
-}, In = { class: "gd-contract-template-designer__toolbar-more-section" }, Ln = { class: "gd-contract-template-designer__toolbar-more-section" }, Rn = { class: "gd-contract-template-designer__toolbar-more-section" }, zn = { class: "gd-contract-template-designer__toolbar-more-section" }, Bn = {
-	key: 0,
+var Bt = {
+	key: 2,
 	class: "gd-contract-template-designer__validation"
-}, Vn = {
+}, Vt = {
 	key: 0,
 	class: "gd-contract-template-designer__validation-list"
-}, Hn = ["onClick"], Un = {
-	class: "gd-contract-template-designer__image-size-fields",
-	role: "group",
-	"aria-label": "图片尺寸"
-}, Wn = { class: "gd-contract-template-designer__popover-actions" }, Gn = {
-	class: "gd-contract-template-designer__text-menu-row",
-	role: "group",
-	"aria-label": "编辑历史与剪贴板"
-}, Kn = {
-	key: 0,
-	class: "gd-contract-template-designer__text-menu-quick-insert",
-	role: "group",
-	"aria-label": "光标处插入"
-}, qn = {
-	class: "gd-contract-template-designer__text-menu-row gd-contract-template-designer__text-menu-row--controls",
-	role: "group",
-	"aria-label": "文字样式"
-}, Jn = ["value"], Yn = ["aria-label"], Xn = { class: "gd-contract-template-designer__text-menu-control-head" }, Zn = { class: "gd-contract-template-designer__text-menu-control-options" }, Qn = ["aria-label", "onClick"], $n = ["disabled"], er = {
-	class: "gd-contract-template-designer__text-menu-bind-list",
-	role: "listbox",
-	"aria-label": "已有正文控件"
-}, tr = ["onClick"], nr = { class: "gd-contract-template-designer__text-menu-bind-item-label" }, rr = { class: "gd-contract-template-designer__text-menu-bind-item-meta" }, ir = {
-	key: 0,
-	class: "gd-contract-template-designer__text-menu-bind-empty"
-}, ar = {
-	class: "gd-contract-template-designer__text-menu-row",
-	role: "group",
-	"aria-label": "常用格式与列表"
-}, or = {
-	class: "gd-contract-template-designer__text-menu-row gd-contract-template-designer__text-menu-row--cleanup",
-	role: "group",
-	"aria-label": "清理格式"
-}, sr = {
+}, Ht = ["onClick"], Ut = {
 	class: "gd-contract-template-designer__sr-status",
 	"aria-live": "polite"
-}, cr = {
-	key: 0,
-	class: "gd-contract-template-designer__preview-layout"
-}, lr = {
-	class: "gd-contract-template-designer__preview-file-nav",
-	"aria-label": "合同文件预览切换"
-}, ur = ["aria-current", "onClick"], dr = {
-	key: 0,
-	class: "gd-contract-template-designer__preview-file"
-}, fr = { class: "gd-contract-template-designer__preview-file-title" }, pr = { class: "gd-contract-template-designer__submit-data" }, mr = .5, hr = 1.5, gr = .1, _r = 128, vr = 108, yr = 48, br = 24, xr = 10, Sr = 48, Cr = 304, wr = 300, Tr = 288, Er = 196, O = 12, Dr = 43, Or = 6, kr = 4, Ar = /* @__PURE__ */ v({
+}, 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: {
@@ -108,12 +60,12 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 			default: !1
 		},
 		height: { default: 760 },
-		pageSize: { default: () => pe },
+		pageSize: { default: () => fe },
 		pageSizeOptions: {},
 		maxPages: { default: 20 },
 		imageCompression: { type: [Object, Boolean] },
 		imageUpload: {},
-		variableTypes: { default: () => fe },
+		variableTypes: { default: () => s },
 		defaultVariableStyle: { default: () => de },
 		fontFamilies: { default: void 0 },
 		fontFamilyMode: { default: "append" },
@@ -133,8 +85,8 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 			type: Boolean,
 			default: !0
 		},
-		draftCacheKey: { default: He },
-		draftCacheInterval: { default: Ve },
+		draftCacheKey: { default: qe },
+		draftCacheInterval: { default: Ke },
 		draftCacheMaxBytes: { default: l },
 		showDraftCacheStatus: {
 			type: Boolean,
@@ -161,62 +113,62 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 		"signing-placement-remove",
 		"signing-placement-select"
 	],
-	setup(fe, { expose: Ve, emit: He }) {
-		let l = fe, v = He, Ar = d(() => ({ height: typeof l.height == "number" ? `${l.height}px` : l.height })), jr = S(), Mr = S(), Nr = S(), Pr = S(), Fr = S(), Ir = S(), Lr = S(), Rr = S(), zr = S(), Br = S();
-		function Vr(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 ke(e).filter((e) => e.type === "signing-placement");
+				return Ae(e).filter((e) => e.type === "signing-placement");
 			} catch {
 				return [];
 			}
 		}
-		function Hr(e, t) {
-			return Object.fromEntries(e.map((e, n) => [e.id, Vr(t?.[n]?.template ?? e.template)]));
-		}
-		function Ur(e, t) {
-			let n = /* @__PURE__ */ new Map();
-			return {
-				files: e.map((e) => {
-					let r = ge(e.template, t);
-					return r.resizedSigningPlacementIds.length && n.set(e.id, r.resizedSigningPlacementIds), {
-						...e,
-						template: r.value
-					};
-				}),
-				resizedSigningPlacementIds: n
-			};
+		function pn(e, t) {
+			return Object.fromEntries(e.map((e, n) => [e.id, fn(t?.[n]?.template ?? e.template)]));
 		}
-		let Wr = "", Gr = "", Kr = S(!1), k = d(() => Kr.value || Array.isArray(l.files)), qr = nt(l.files, l.modelValue, l.pageSize), Jr = Ur(qr, l.pageSizeOptions), Yr = k.value ? Jr.files : qr, Xr = ot(Yr, l.activeFileId), A = S(Yr), j = S(Xr), Zr = Yr.find((e) => e.id === Xr) ?? Yr[0], M = S(Hr(Yr, Array.isArray(l.files) ? l.files : l.modelValue ? [{ template: l.modelValue }] : void 0)), N = S(M.value[Xr] ?? Vr(Zr?.template)), Qr = Ee(Zr?.template ?? l.modelValue, l.pageSize), $r = ge(Qr, l.pageSizeOptions), P = S($r.value);
-		if (k.value) {
-			if (A.value = at(A.value, j.value, $r.value), JSON.stringify(A.value) !== JSON.stringify(qr)) {
-				let e = u(A.value);
-				Wr = JSON.stringify(e), v("update:files", e), v("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 && JSON.stringify($r.value) !== JSON.stringify(Qr) && (Gr = JSON.stringify($r.value), v("update:modelValue", c($r.value)), v("change", c($r.value)), Xa($r.resizedSigningPlacementIds, $r.value));
-		let F = S(""), I = S(""), L = S(P.value.pages[0]?.id ?? ""), ei = S(!1), ti = S([]), R = /* @__PURE__ */ new Map(), ni = S(!1), ri = S(""), ii = S(!1), ai = S(), oi = S(), si = S(""), ci = S(!1), li = S(""), ui = S(1), di = S(!1), fi = S(!1), pi = S(!1), mi = S(!1), hi = S({}), gi = S(), _i = S(""), vi = S(!1), yi = S(!1), bi = S(!1), xi = S(!1), Si = S(""), Ci = S(), wi = S(), Ti = S(""), Ei = S(!1), z = S(), Di = S(), Oi = S(!1), ki = S(""), B = S(), Ai = S(), V = S(), ji = S(), Mi = S(), Ni = S(), Pi = S(""), Fi = S(We("idle", "暂无本地草稿")), Ii = S({
+		} 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
-		}), Li, Ri, zi = "", H = d(() => l.readonly || l.disabled), Bi = d(() => !!l.enableDraftCache && !H.value), Vi = d(() => A.value.find((e) => e.id === j.value) ?? A.value[0]), Hi = d(() => l.draftCacheKey), Ui = d(() => P.value.variables.find((e) => e.key === F.value)), U = d(() => P.value.signingPlacements ?? []), Wi = d(() => ai.value ? me(ai.value) : []), Gi = d(() => (oi.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: me(e.template)
-		}))), Ki = d(() => Gi.value.find((e) => e.file.id === si.value) ?? Gi.value[0]), qi = d(() => U.value.find((e) => e.id === I.value)), Ji = d(() => U.value.map((e) => {
-			let t = P.value.pages.findIndex((t) => t.id === e.pageId);
+			pages: pe(e.template)
+		}))), 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: r[e.type],
-				detail: `${r[e.type]} · 第 ${Math.max(0, t) + 1} 页`
+				label: n[e.type],
+				detail: `${n[e.type]} · 第 ${Math.max(0, t) + 1} 页`
+			};
+		})), 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(E.value.pageDecorations)]), kr = f(() => {
+			let e = se(E.value.pageDecorations);
+			return {
+				header: e.header.enabled,
+				footer: e.footer.enabled,
+				watermark: e.watermark.enabled
 			};
-		})), Yi = d(() => {
-			let e = qi.value?.pageId;
-			return X(P.value.pages.find((t) => t.id === e));
-		}), W = d(() => P.value.pages.find((e) => e.id === L.value) ?? P.value.pages[0]), Xi = d(() => De(W.value?.pageSize, P.value.pageSize)), Zi = d(() => ei.value && ti.value.length === 0), Qi = d(() => ei.value ? Zi.value ? "校验通过，正文变量与变量配置一致" : `发现 ${ti.value.length} 个校验问题` : ""), $i = d(() => {
-			let e = W.value?.title || "合同正文";
-			return `${k.value && Vi.value ? `${Vi.value.name} · ` : ""}${e} · ${Xi.value.label} · 共 ${P.value.pages.length} 页`;
-		}), ea = d(() => {
-			switch (Fi.value.type) {
-				case "saved": return `草稿已缓存 ${Ge(Fi.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":
@@ -225,52 +177,23 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 				case "cleared": return "草稿缓存已清理";
 				default: return "";
 			}
-		}), ta = d(() => ({
-			"is-success": Fi.value.type === "saved" || Fi.value.type === "restored",
-			"is-warning": Fi.value.type === "too-large",
-			"is-error": Fi.value.type === "unavailable" || Fi.value.type === "read-failed" || Fi.value.type === "write-failed"
-		})), na = d(() => `${Math.round(ui.value * 100)}%`), ra = d(() => ue(l.fontFamilies, l.fontFamilyMode)), ia = d(() => ra.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
-		}))), aa = d(() => oe.map((e) => ({
+		}))), Ir = ie, Lr = [...te.map((e) => ({
 			label: e.label,
-			value: e.key
-		}))), oa = le, sa = [
-			{
-				label: "正文",
-				value: "paragraph"
-			},
-			{
-				label: "H1",
-				value: 1
-			},
-			{
-				label: "H2",
-				value: 2
-			},
-			{
-				label: "H3",
-				value: 3
-			},
-			{
-				label: "H4",
-				value: 4
-			},
-			{
-				label: "H5",
-				value: 5
-			},
-			{
-				label: "H6",
-				value: 6
-			}
-		], ca = [{
+			value: e.format
+		}))], Rr = [{
 			label: "实线",
 			value: "solid"
 		}, {
 			label: "虚线",
 			value: "dashed"
-		}], la = [
+		}], zr = [
 			{
 				label: "完整显示",
 				value: "contain"
@@ -283,89 +206,164 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 				label: "拉伸填充",
 				value: "fill"
 			}
-		], ua = d(() => Te(l.pageSizeOptions)), da = d(() => ua.value.map((e) => ({
+		], Br = f(() => Te(l.pageSizeOptions)), Vr = f(() => Br.value.map((e) => ({
 			label: `${e.label} · ${e.width} × ${e.height}`,
 			value: Ce(e)
-		}))), fa = d(() => Ce(Xi.value)), pa = d(() => re({ showSigningPlacementTools: l.showSigningPlacementTools })), ma = d(() => l.variableTypes.filter((t) => e(t?.type))), ha = d(() => ma.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: st(e.type)
-		}))), ga = d(() => we(l.maxPages)), _a = d(() => P.value.pages.length >= ga.value), va = d(() => {
-			let e = ki.value.trim().toLowerCase(), t = P.value.variables;
+			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: Vi,
+			getVisiblePosition: (e, t) => M.get(e)?.getVisibleSigningPlacementPosition(t),
+			commitSigningPlacements: qi,
+			selectSigningPlacement: Q,
+			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: Y,
+			syncPageEditors: Ei,
+			setActiveFileId: Ni,
+			emitFilesChange: Mi,
+			commit: X,
+			setSigningPlacementInputErrorsByFile: (e) => {
+				w.value = e;
+			},
+			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;
-		}), ya = d(() => Math.max(yr, Xi.value.width - _r)), ba = d(() => Math.max(br, Xi.value.height - vr)), G = d(() => hi.value[L.value] ?? Oa()), xa = d(() => G.value.currentHeadingLevel ?? "paragraph"), Sa = d(() => G.value.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif"), Ca = d(() => G.value.fontSize ?? de.fontSize ?? 14), wa = d(() => G.value.textColor || de.color || "#1f2937"), Ta = d(() => Ui.value?.style?.fontFamily || de.fontFamily || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif"), Ea = d(() => {
-			let e = ce.map((e) => ({
+		}), 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 = Na(Ca.value), n = Na(_i.value), r = /* @__PURE__ */ new Map();
-			return n && !ce.includes(n) && r.set(n, {
+			})), 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
-			}), t && !ce.includes(t) && r.set(t, {
+			}), t && !re.includes(t) && r.set(t, {
 				label: n === t ? `使用 ${t}px` : `${t}px`,
 				value: t
 			}), [...Array.from(r.values()), ...e];
 		});
-		St(() => l.modelValue, (e) => {
-			if (!e || k.value) return;
-			let t = Ee(e, l.pageSize), n = ge(t, l.pageSizeOptions), r = n.value, i = JSON.stringify(r) !== JSON.stringify(P.value), a = JSON.stringify(r), o = a === Gr;
-			o && (Gr = ""), (i || !o) && (N.value = Vr(e), M.value = {
-				...M.value,
-				[j.value]: N.value
-			}, P.value = r, A.value = at(A.value, j.value, r), L.value = r.pages[0]?.id ?? "", F.value = "", I.value = "", mo(L.value)), JSON.stringify(r) !== JSON.stringify(t) && (Gr = a, v("update:modelValue", c(r)), v("change", c(r)), Xa(n.resizedSigningPlacementIds, r));
-		}, { deep: !0 }), St(() => 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 = nt(e, void 0, l.pageSize), n = Ur(t, l.pageSizeOptions).files, r = JSON.stringify(n), i = JSON.stringify(A.value), a = r === Wr;
-			a || (M.value = Hr(n, e)), a && (Wr = "");
-			let o = ot(n, l.activeFileId || j.value);
-			if (r === i ? o !== j.value && Ia(o, !1, !1) : (A.value = n, Ia(o, !1, !1, !0, !1)), r !== JSON.stringify(t)) {
+			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
+			}) : (S.value = n, Ni(o, {
+				syncCurrent: !1,
+				shouldEmit: !1,
+				forceRefresh: !0,
+				persistCurrentErrors: !1
+			})), r !== d(t)) {
 				let e = u(n);
-				Wr = JSON.stringify(e), v("update:files", e), v("files-change", u(e));
+				mn = d(e), h("update:files", e), h("files-change", u(e));
 			}
-		}, { deep: !0 }), St(() => l.activeFileId, (e) => {
-			!k.value || !e || e === j.value || Ia(e, !0, !1);
+		}, { deep: !0 }), b(() => l.activeFileId, (e) => {
+			!x.value || !e || e === C.value || Ni(e, {
+				syncCurrent: !0,
+				shouldEmit: !1
+			});
 		});
-		function Da(e, t) {
-			let n = JSON.stringify(A.value);
-			K(!1);
-			let { files: r, resizedSigningPlacementIds: i } = Ur(nt(A.value, void 0, e), t), a = JSON.stringify(r) !== n, o = r.find((e) => e.id === j.value);
-			o && JSON.stringify(o.template) !== JSON.stringify(P.value) && (P.value = c(o.template), N.value = [...M.value[j.value] ?? []]), a && (ei.value = !1, ti.value = [], Fa(r, ""));
-			let s = i.get(j.value);
-			return s?.length && o && Xa(s, o.template), a;
-		}
-		St([() => l.pageSize, () => l.pageSizeOptions], ([e, t]) => {
-			if (k.value) {
-				Da(e, t), mo(L.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(P.value, e), t);
-			JSON.stringify(n.value) !== JSON.stringify(P.value) && q(n.value), mo(L.value);
-		}, { deep: !0 }), St(ga, () => {
-			mo(P.value.pages[0]?.id);
-		}), St(H, (e) => {
-			e && ($(), vi.value = !1, yi.value = !1);
-		}), St(U, (e) => {
-			I.value && !e.some((e) => e.id === I.value) && (I.value = "", v("signing-placement-select", void 0));
-		}, { deep: !0 }), St(() => [
+			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,
-			Hi.value,
+			_r.value,
 			l.draftCacheInterval,
-			H.value
+			W.value
 		], () => {
-			zi = "", Wa();
-		}), St(di, (e) => {
+			li(), ci();
+		}), b(P, (e) => {
 			if (!(typeof document > "u")) {
 				if (e) {
-					Li = document.body.style.overflow, document.body.style.overflow = "hidden";
+					lr = document.body.style.overflow, document.body.style.overflow = "hidden";
 					return;
 				}
-				document.body.style.overflow = Li ?? "", Li = void 0;
+				document.body.style.overflow = lr ?? "", lr = void 0;
 			}
-		}), vt(() => {
-			Ha(), Wa(), mo(L.value), window.addEventListener("pointerdown", Ec, !0), window.addEventListener("keydown", Oc), window.addEventListener("resize", $), window.addEventListener("scroll", $, !0);
-		}), _t(() => {
-			di.value && typeof document < "u" && (document.body.style.overflow = Li ?? ""), window.removeEventListener("pointerdown", Ec, !0), window.removeEventListener("keydown", Oc), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0), Ua();
+		}), Dt(() => {
+			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 Oa() {
+		function xi() {
 			return {
 				isFocused: !1,
 				canUndo: !1,
@@ -377,36 +375,34 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 				isOrderedList: !1,
 				isTableActive: !1,
 				textAlign: "left",
-				fontFamily: se,
+				fontFamily: ne,
 				fontSize: de.fontSize ?? 14,
 				textColor: de.color ?? "#1f2937",
-				selectionText: ""
+				selectionText: "",
+				hasMixedBlockFormats: !1
 			};
 		}
-		function ka(e) {
+		function Si(e) {
 			return e === "left" || e === "center" || e === "right";
 		}
-		function Aa(e) {
+		function Ci(e) {
 			return typeof e == "number" && Number.isInteger(e) && e >= 1 && e <= 6;
 		}
-		function ja(e) {
-			return typeof e == "string" && oe.some((t) => t.key === e);
-		}
-		function Ma(e, t = Ca.value) {
+		function wi(e, t = gi.value) {
 			let n = Number(e);
-			return Number.isFinite(n) ? Math.min(Sr, Math.max(xr, Math.round(n))) : t;
+			return Number.isFinite(n) ? Math.min($t, Math.max(Qt, Math.round(n))) : t;
 		}
-		function Na(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(Sr, Math.max(xr, Math.round(n)));
+			if (Number.isFinite(n)) return Math.min($t, Math.max(Qt, Math.round(n)));
 		}
-		function Pa(e = P.value) {
+		function Ei(e = E.value) {
 			return {
 				...e,
 				pages: e.pages.map((e) => {
-					let t = R.get(e.id);
+					let t = M.get(e.id);
 					return {
 						...e,
 						contentHtml: t?.getHTML() ?? e.contentHtml,
@@ -415,408 +411,241 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 				})
 			};
 		}
-		function K(e = !1) {
-			let t = c(Pa());
-			if (!k.value) return t;
-			let n = A.value.find((e) => e.id === j.value)?.template, r = JSON.stringify(n) !== JSON.stringify(t), i = at(A.value, j.value, t);
-			return A.value = i, r && e && Fa(i), t;
+		function Di() {
+			fr = !1, pr &&= (clearTimeout(pr), void 0);
+		}
+		function Oi() {
+			let e = fr;
+			Di(), e && ji();
+		}
+		function ki() {
+			fr = !0, pr && clearTimeout(pr), pr = setTimeout(() => {
+				pr = void 0, !(!fr || dr) && (fr = !1, ji());
+			}, qt);
+		}
+		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, E.value = {
+				...E.value,
+				pages: i
+			};
+		}
+		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 Fa(e, t = j.value) {
-			if (!k.value) return;
+		function Mi(e, t = C.value) {
+			if (!x.value) return;
 			let n = u(e);
-			A.value = n, Wr = JSON.stringify(n), v("update:files", u(n)), v("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 && v("file-change", u([r])[0]);
-		}
-		function Ia(e, t = !0, n = !0, r = !1, i = !0) {
-			let a = ot(A.value, e), o = a !== j.value;
-			if (i && k.value && j.value && (M.value = {
-				...M.value,
-				[j.value]: [...N.value]
-			}), t && K(!0), !o && !r) return;
-			let s = A.value.find((e) => e.id === a);
-			s && (j.value = a, P.value = c(s.template), N.value = [...M.value[a] ?? []], F.value = "", I.value = "", L.value = P.value.pages[0]?.id ?? "", hi.value = {}, R.clear(), ri.value = "", ei.value = !1, ti.value = [], ii.value = !1, ai.value = void 0, oi.value = void 0, zi = "", n && o && v("update:activeFileId", a), t && o && Bi.value && Ra(), y(() => {
-				mo(L.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 q(e) {
+		function X(e) {
+			Di();
 			let t = ge(Ee(e, l.pageSize), l.pageSizeOptions), n = t.value;
-			return P.value = n, ei.value = !1, ti.value = [], k.value ? Fa(at(A.value, j.value, n)) : (A.value = at(A.value, j.value, n), Gr = JSON.stringify(n), v("update:modelValue", c(n)), v("change", c(n))), Xa(t.resizedSigningPlacementIds, n), n;
-		}
-		function La(e, t = e.type !== "unchanged") {
-			Fi.value = e, t && v("draft-cache-change", { ...e });
-		}
-		function Ra() {
-			if (!Bi.value) {
-				let e = We("unavailable", "草稿缓存未启用");
-				return La(e), e;
-			}
-			let e = Ke();
-			k.value && K(!1);
-			let t = k.value ? Qe({
-				storage: e,
-				key: Hi.value,
-				value: {
-					files: u(A.value),
-					activeFileId: j.value
-				},
-				maxBytes: l.draftCacheMaxBytes,
-				previousValueSerialized: zi
-			}) : Ze({
-				storage: e,
-				key: Hi.value,
-				value: c(Pa()),
-				maxBytes: l.draftCacheMaxBytes,
-				previousValueSerialized: zi
-			});
-			return t.valueSerialized && (zi = t.valueSerialized), t.status.type !== "unchanged" && La(t.status), t.status;
-		}
-		function za() {
-			if (k.value) {
-				let e = Xe(Ke(), Hi.value);
-				e.valueSerialized && (zi = e.valueSerialized), e.status.type !== "idle" && La(e.status);
-				let t = ot(e.value?.files ?? [], e.value?.activeFileId), n = e.value?.files.find((e) => e.id === t)?.template;
-				return n ? c(n) : void 0;
-			}
-			let e = Ye(Ke(), Hi.value);
-			return e.valueSerialized && (zi = e.valueSerialized), e.status.type !== "idle" && La(e.status), e.value ? c(e.value) : void 0;
-		}
-		function Ba() {
-			let e = Ue(Ke(), Hi.value);
-			zi = "", La(e);
-		}
-		function Va() {
-			return { ...Fi.value };
-		}
-		function Ha() {
-			if (!Bi.value) return;
-			if (k.value) {
-				if (!Je({
-					files: u(A.value),
-					activeFileId: j.value
-				})) return;
-				let e = Xe(Ke(), Hi.value);
-				if (e.valueSerialized && (zi = e.valueSerialized), e.value) {
-					let t = Ur(nt(e.value.files, void 0, l.pageSize), l.pageSizeOptions);
-					A.value = t.files, M.value = Hr(t.files, e.value.files), Ia(ot(A.value, e.value.activeFileId), !1, !0, !0, !1), Fa(A.value, ""), La(e.status);
-					return;
-				}
-				e.status.type !== "idle" && e.status.type !== "invalid" && La(e.status);
-				return;
-			}
-			if (!qe(P.value)) return;
-			let e = Ye(Ke(), Hi.value);
-			if (e.valueSerialized && (zi = e.valueSerialized), e.value) {
-				L.value = q(e.value).pages[0]?.id ?? "", F.value = "", mo(L.value), La(e.status);
-				return;
-			}
-			e.status.type !== "idle" && e.status.type !== "invalid" && La(e.status);
+			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 Ua() {
-			Ri &&= (clearInterval(Ri), void 0);
+		function Pi(e, t = e.type !== "unchanged") {
+			U.value = e, t && h("draft-cache-change", { ...e });
 		}
-		function Wa() {
-			if (Ua(), !Bi.value || typeof window > "u") return;
-			let e = Math.max(1e3, Math.round(Number(l.draftCacheInterval) || 5e3));
-			Ri = window.setInterval(() => {
-				Ra();
-			}, e);
+		function Fi() {
+			return { ...U.value };
 		}
-		function Ga(e, t) {
-			t ? R.set(e, t) : R.delete(e);
+		function Ii(e, t) {
+			t ? M.set(e, t) : M.delete(e);
 		}
-		function J(e, t = W.value?.id ?? L.value) {
-			H.value || R.get(t)?.runCommand(e);
+		function Z(e, t = q.value?.id ?? k.value) {
+			W.value || M.get(t)?.runCommand(e);
 		}
-		function Y(e) {
-			J(e), $();
+		function Li(e) {
+			Z(e), $();
 		}
-		function Ka(e) {
-			let t = z.value?.pageId;
-			t && (R.get(t)?.focus(), Pi.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 qa(e) {
-			let t = q(Oe(e));
-			return F.value && !t.variables.some((e) => e.key === F.value) && (F.value = ""), t;
-		}
-		function Ja(e) {
-			qa({
-				...P.value,
-				pages: P.value.pages.map((t) => t.id === e.id ? e : t)
-			}), mo(e.id);
+		function zi(e) {
+			let t = X(Oe(e));
+			return D.value && !t.variables.some((e) => e.key === D.value) && (D.value = ""), t;
 		}
-		function X(e) {
-			return De(e?.pageSize, P.value.pageSize);
+		function Bi(e) {
+			Ai(e), ki(), J(e.id);
 		}
-		function Ya(e) {
-			return U.value.filter((t) => t.pageId === e);
+		function Vi(e) {
+			return De(e?.pageSize, E.value.pageSize);
 		}
-		function Z(e) {
-			return {
-				...e,
-				...e.sealTypes ? { sealTypes: [...e.sealTypes] } : {}
-			};
+		function Hi(e) {
+			return K.value.filter((t) => t.pageId === e);
 		}
-		function Xa(e, t = P.value) {
+		function Ui(e, t = E.value) {
 			let n = new Set(e);
-			n.size && (Qa(n), (t.signingPlacements ?? []).filter((e) => n.has(e.id)).forEach((e) => v("signing-placement-change", Z(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;
-			I.value = t?.id ?? "", t && (F.value = "", L.value = t.pageId), v("signing-placement-select", t ? Z(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 Za(e) {
+		function Wi(e) {
 			Q(e.id);
 		}
-		function Qa(e) {
+		function Gi(e) {
 			let t = new Set(e);
 			if (!t.size) return;
-			let n = N.value.filter((e) => e.type !== "signing-placement" || !t.has(e.id));
-			N.value = n, M.value = {
-				...M.value,
-				[j.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 $a(e) {
-			let t = N.value.filter((t) => t.type !== "signing-placement" || t.pageId !== e);
-			N.value = t, M.value = {
-				...M.value,
-				[j.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 eo(e, t = []) {
-			return Qa(t), q({
-				...P.value,
+		function qi(e, t = []) {
+			return Gi(t), X({
+				...E.value,
 				signingPlacements: e
 			});
 		}
-		function to(e, t = W.value?.id ?? P.value.pages[0]?.id, n) {
-			if (!s(l.readonly, l.disabled) || !t) return;
-			let r = P.value.pages.find((e) => e.id === t);
-			if (!r) return;
-			let i = te(e, t, X(r), { ...n ?? R.get(t)?.getVisibleSigningPlacementPosition(e) });
-			return eo([...U.value, i]), L.value = t, Q(i.id), v("signing-placement-add", Z(i)), i;
-		}
-		function no(e, t, n, r) {
-			if (!l.showSigningPlacementTools) return;
-			let i = ne(t.type);
-			to(t.type, e, {
-				x: n - i.width / 2,
-				y: r - i.height / 2
-			});
-		}
-		function ro(e) {
-			return to(e.type);
-		}
-		function io(e, t) {
-			if (!s(l.readonly, l.disabled)) {
-				e.preventDefault();
-				return;
-			}
-			e.dataTransfer?.setData(n, ae(t)), e.dataTransfer && (e.dataTransfer.effectAllowed = "copy");
-		}
-		function ao(e) {
-			if (!s(l.readonly, l.disabled)) return;
-			let t = P.value.pages.find((t) => t.id === e.pageId);
-			if (!t) return;
-			let n = ee({
-				...e,
-				...e.type === "seal" ? {} : { sealTypes: void 0 }
-			}, X(t));
-			eo(U.value.map((e) => e.id === n.id ? n : e), [n.id]), I.value = n.id, v("signing-placement-change", Z(n));
-		}
-		function oo(e) {
-			let t = qi.value;
-			if (!t) return;
-			let n = P.value.pages.find((e) => e.id === t.pageId);
-			n && ao(i(t, e, X(n)));
-		}
-		function so(e = qi.value) {
-			if (!s(l.readonly, l.disabled) || !e) return;
-			let t = P.value.pages.find((t) => t.id === e.pageId);
-			if (!t) return;
-			let n = te(e.type, e.pageId, X(t), {
-				...Z(e),
-				id: void 0,
-				x: e.x + 16,
-				y: e.y + 16
-			});
-			eo([...U.value, n]), Q(n.id), v("signing-placement-add", Z(n));
-		}
-		function co(e = qi.value) {
-			!s(l.readonly, l.disabled) || !e || (eo(U.value.filter((t) => t.id !== e.id), [e.id]), I.value === e.id && Q(), v("signing-placement-remove", Z(e)));
-		}
-		function lo(e) {
-			if (H.value || !W.value) return;
-			let t = ua.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 = X(W.value), i = De(t, P.value.pageSize), a = U.value.map((e) => e.pageId === n ? ie(e, r, i) : e);
-			Qa(a.filter((e) => e.pageId === n).map((e) => e.id)), q({
-				...P.value,
-				pages: P.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) => v("signing-placement-change", Z(e))), mo(n);
-		}
-		function uo(e) {
-			return {
-				type: "doc",
-				content: e.length ? e : [{ type: "paragraph" }]
-			};
-		}
-		function fo(e) {
-			return e.replace(/<p>\s*(<br>)?\s*<\/p>/gi, "").trim().length === 0;
-		}
-		function po(e, t, n) {
-			let r = e.contentJson?.content, i = [...t, ...r?.length ? r : []], a = fo(e.contentHtml || "") ? "" : e.contentHtml;
-			return {
-				...e,
-				contentHtml: `${n}${a}`,
-				contentJson: uo(i)
-			};
+			}), a.filter((e) => e.pageId === n).forEach((e) => h("signing-placement-change", ct(e))), J(n);
 		}
-		function mo(e = L.value) {
-			if (H.value) return;
-			let t = P.value.pages.findIndex((e) => e.id === ri.value), n = P.value.pages.findIndex((t) => t.id === e);
-			(!ri.value || t < 0 || n >= 0 && n < t) && (ri.value = e), !ni.value && y(() => go());
-		}
-		function ho(e) {
-			let t = ga.value;
-			Pi.value = `合同最多支持 ${t} 页`, v("page-limit", t, e);
-		}
-		async function go() {
-			if (!ni.value) {
-				ni.value = !0;
-				try {
-					let e = ri.value;
-					ri.value = "";
-					let t = 0, n = Math.max(40, ga.value + 1);
-					for (; t < n;) {
-						await y();
-						let n = Pa().pages, r = Math.max(0, n.findIndex((t) => t.id === e)), i = !1;
-						for (let t = r; t < n.length; t += 1) {
-							let r = n[t];
-							if (t === n.length - 1 && n.length >= ga.value && R.get(r.id)?.hasOverflowContent()) {
-								ho("auto-pagination");
-								break;
-							}
-							let a = R.get(r.id)?.splitOverflowContent();
-							if (!a) continue;
-							let o = Pa().pages, s = o.findIndex((e) => e.id === r.id);
-							if (s < 0) break;
-							o[s] = a.page;
-							let ee = o[s + 1];
-							ee ? o[s + 1] = R.get(ee.id)?.prependContent(a.overflowContent) ?? po(ee, a.overflowContent, a.overflowHtml) : o.push(_e(o.length + 1, X(a.page), a.overflowHtml, uo(a.overflowContent))), qa({
-								...P.value,
-								pages: o
-							}), e = o[s + 1]?.id ?? a.page.id, i = !0;
-							break;
-						}
-						if (!i) break;
-						t += 1;
-					}
-				} finally {
-					ni.value = !1, ri.value && y(() => go());
-				}
-			}
+		function Yi(e) {
+			let t = Kr.value;
+			H.value = `合同最多支持 ${t} 页`, h("page-limit", t, e);
 		}
-		function _o() {
-			if (H.value) return;
-			if (_a.value) {
-				ho("add");
+		function Xi() {
+			if (W.value) return;
+			if (qr.value) {
+				Yi("add");
 				return;
 			}
-			let e = ye(P.value.pages.length + 1, Xi.value);
-			q({
-				...P.value,
-				pages: [...P.value.pages, e]
-			}), L.value = e.id;
-		}
-		function vo(e) {
-			if (H.value) return;
-			if (_a.value) {
-				ho("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 = P.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: P.value.pageSize,
+				pageSize: E.value.pageSize,
 				signingPlacements: []
-			}).pages[0], r = _e(t + 2, X(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 = [...P.value.pages];
+			let i = [...E.value.pages];
 			i.splice(t + 1, 0, r);
-			let a = Ya(e.id).map((e) => te(e.type, r.id, X(r), {
-				...Z(e),
+			let o = Hi(e.id).map((e) => a(e.type, r.id, Vi(r), {
+				...ct(e),
 				id: void 0,
 				pageId: r.id
 			}));
-			q({
-				...P.value,
+			X({
+				...E.value,
 				pages: i,
-				signingPlacements: [...U.value, ...a]
-			}), L.value = r.id, a.forEach((e) => v("signing-placement-add", Z(e))), a[0] && Q(a[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 yo(e) {
-			if (H.value || P.value.pages.length <= 1) return;
-			let t = P.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 = Ya(e.id);
-			$a(e.id);
-			let r = P.value.pages.filter((t) => t.id !== e.id), i = qa({
-				...P.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)
 			});
-			L.value = i.pages[Math.min(t, i.pages.length - 1)]?.id ?? "", n.some((e) => e.id === I.value) && Q(), n.forEach((e) => v("signing-placement-remove", Z(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 bo(e) {
-			if (H.value || P.value.pages.length <= 1) return;
-			let t = Ya(e.id).length;
+		function $i(e) {
+			if (W.value || E.value.pages.length <= 1) return;
+			let t = Hi(e.id).length;
 			if (!t) {
-				yo(e);
+				Qi(e);
 				return;
 			}
-			Ot.confirm({
+			Ft.confirm({
 				title: "删除合同页面",
 				content: `此页包含 ${t} 个签署位置，删除页面会同时移除这些位置，是否继续？`,
 				okText: "确认删除",
 				okType: "danger",
 				cancelText: "取消",
 				onOk: () => {
-					yo(e);
+					Qi(e);
 				}
 			});
 		}
-		function xo(e) {
-			let t = new Set(P.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 So(e) {
+		function ta(e) {
 			let t = e.type ?? "text";
 			return be({
 				...e,
 				type: t,
-				key: e.key || xo(t),
+				key: e.key || ea(t),
 				label: e.label || Se(t, l.variableTypes).label
 			}, l.variableTypes, l.defaultVariableStyle);
 		}
-		function Co(e, t = W.value?.id ?? P.value.pages[0].id, n) {
-			if (H.value) return e;
-			let r = R.get(t)?.insertVariable(e, n), i = !P.value.variables.some((t) => t.key === e.key);
-			return q({
-				...P.value,
-				pages: r ? P.value.pages.map((e) => e.id === r.id ? r : e) : P.value.pages,
-				variables: i ? [...P.value.variables, e] : P.value.variables
-			}), F.value = e.key, Q(), L.value = t, i && v("variable-add", e), mo(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 wo(e) {
+		function ra(e) {
 			let { width: t, height: n, ...r } = e, i = Ne(t), a = Ne(n);
 			return {
 				...r,
@@ -824,709 +653,815 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 				...a === void 0 ? {} : { height: a }
 			};
 		}
-		function To(e = {}) {
-			let t = Ne(Ci.value), n = Ne(wi.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 Eo() {
-			Si.value = "", Ci.value = void 0, wi.value = void 0, Ti.value = "";
+		function aa() {
+			Un.value = "", Wn.value = void 0, Gn.value = void 0, Kn.value = "";
 		}
-		function Do(e, t = W.value?.id ?? P.value.pages[0]?.id, n) {
-			let r = wo({
+		function oa(e, t = q.value?.id ?? E.value.pages[0]?.id, n) {
+			let r = ra({
 				...e,
 				src: e.src.trim()
 			});
-			if (!(H.value || !t || !Ae(r.src) || !r.src || !R.get(t)?.insertContentImage(r, n))) return L.value = t, F.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 Oo(e) {
+		function sa(e) {
 			return e instanceof Error ? e : /* @__PURE__ */ Error("图片处理失败");
 		}
-		async function ko(e, t) {
-			t === "toolbar" && (Ei.value = !0, Ti.value = "");
+		async function ca(e, t) {
+			t === "toolbar" && (qn.value = !0, Kn.value = "");
 			try {
-				return (await Pe(e, {
+				let n = await Pe(e, {
 					source: t,
 					compression: l.imageCompression,
 					upload: l.imageUpload
-				})).src;
+				});
+				return dr ? void 0 : n.src;
 			} catch (e) {
-				let n = Oo(e);
-				t === "toolbar" && (Ti.value = n.message), Pi.value = n.message, v("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" && (Ei.value = !1);
+				t === "toolbar" && (qn.value = !1);
 			}
 		}
-		async function Ao(e) {
-			return await ko(e, "paste") ?? null;
+		async function la(e) {
+			return await ca(e, "paste") ?? null;
 		}
-		async function jo(e, t = {}) {
-			if (H.value) return;
-			let n = W.value?.id ?? P.value.pages[0]?.id, r = n ? R.get(n)?.getSelectionRange() : void 0, i = typeof e == "string" ? e.trim() : await ko(e, "toolbar");
-			if (!i || !Ae(i)) {
-				typeof e == "string" && (Ti.value = "请输入安全的图片 URL");
+		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" && (Kn.value = "请输入安全的图片 URL");
 				return;
 			}
-			let a = Do({
+			if (n && !M.has(n)) return;
+			let a = oa({
 				...t,
 				src: i
 			}, n, r);
-			return a && (xi.value = !1, Eo(), Pi.value = "已插入图片"), a;
+			return a && (Hn.value = !1, aa(), H.value = "已插入图片"), a;
 		}
-		function Mo() {
-			H.value || Ei.value || ($(), Ti.value = "", Br.value && (Br.value.value = ""), Br.value?.click());
+		function da() {
+			W.value || qn.value || ($(), Kn.value = "", dn.value && (dn.value.value = ""), dn.value?.click());
 		}
-		async function No(e) {
+		async function fa(e) {
 			let t = e.target.files?.[0];
-			t && await jo(t, To({ alt: t.name }));
+			t && await ua(t, ia({ alt: t.name }));
 		}
-		async function Po() {
-			let e = Si.value;
-			await jo(e, To());
+		async function pa() {
+			let e = Un.value;
+			await ua(e, ia());
 		}
-		function Fo(e) {
-			$o(e), bi.value = !1;
+		function ma(e) {
+			Pa(e), Vn.value = !1;
 		}
-		function Io() {
-			$(), _o();
+		function ha() {
+			$(), Xi();
 		}
-		function Lo(e, t, n, r) {
-			$(), Co(So({ type: t }), e, {
+		function ga(e, t, n, r) {
+			$(), na(ta({ type: t }), e, {
 				left: n,
 				top: r
 			});
 		}
-		function Ro(e) {
-			$(), F.value = e, Q();
+		function _a(e) {
+			$(), D.value = e, Q();
 		}
-		function zo(e) {
-			let t = P.value.variables.find((t) => t.id === e.id), n = [...P.value.pages], r = t?.key ?? e.key, i = "";
-			R.forEach((t, a) => {
-				let o = t.updateVariable(e, r);
+		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, E.value.variables, e.id);
+				if (t) {
+					H.value = t;
+					return;
+				}
+			}
+			e = {
+				...e,
+				key: n
+			};
+			let r = [...E.value.pages], i = t.key, a = "";
+			M.forEach((t, n) => {
+				let o = t.updateVariable(e, i);
 				if (o) {
-					i ||= a;
-					let e = n.findIndex((e) => e.id === a);
-					e >= 0 && (n[e] = o);
+					a ||= n;
+					let e = r.findIndex((e) => e.id === n);
+					e >= 0 && (r[e] = o);
 				}
-			}), q({
-				...P.value,
-				pages: n,
-				variables: P.value.variables.map((t) => t.id === e.id ? e : t)
-			}), F.value = e.key, mo(i || L.value);
-		}
-		function Bo(e) {
-			Ui.value && zo({
-				...Ui.value,
+			}), X({
+				...E.value,
+				pages: r,
+				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 ya(e) {
+			G.value && va({
+				...G.value,
 				...e,
 				style: {
-					...Ui.value.style,
+					...G.value.style,
 					...e.style
 				}
 			});
 		}
-		function Vo(e) {
-			(e === "left" || e === "center" || e === "right") && Bo({ style: { textAlign: e } });
+		function ba(e) {
+			W.value || !G.value || ya({ key: e });
 		}
-		function Ho(e) {
-			(e === "solid" || e === "dashed") && Bo({ style: { borderStyle: e } });
+		function xa(e) {
+			W.value || (X({
+				...E.value,
+				pageDecorations: se(e)
+			}), J(E.value.pages[0]?.id));
 		}
-		function Uo(e) {
-			(e === "contain" || e === "cover" || e === "fill") && Bo({ style: { objectFit: e } });
+		function Sa(e) {
+			(e === "left" || e === "center" || e === "right") && ya({ style: { textAlign: e } });
 		}
-		function Wo(e) {
-			Bo({ style: e });
+		function Ca(e) {
+			(e === "solid" || e === "dashed") && ya({ style: { borderStyle: e } });
 		}
-		function Go(e) {
-			Wo({ fontFamily: String(e || "").trim() || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif" });
+		function wa(e) {
+			(e === "contain" || e === "cover" || e === "fill") && ya({ style: { objectFit: e } });
 		}
-		function Ko(e) {
-			Wo({ fontSize: Ma(e, Ui.value?.style?.fontSize ?? 14) });
+		function Ta(e) {
+			ya({ style: e });
 		}
-		function qo(e) {
-			Ui.value && Bo({
+		function Ea(e) {
+			Ta({ fontFamily: String(e || "").trim() || "Noto Serif SC, Source Han Serif SC, Songti SC, STSong, SimSun, serif" });
+		}
+		function Da(e) {
+			Ta({ fontSize: wi(e, G.value?.style?.fontSize ?? 14) });
+		}
+		function Oa(e) {
+			G.value && ya({
 				multiline: e,
-				rows: Ui.value.rows || 3,
-				lineHeight: Ui.value.lineHeight || 28,
+				rows: G.value.rows || 3,
+				lineHeight: G.value.lineHeight || 28,
 				style: e ? { underline: !0 } : void 0
 			});
 		}
-		function Jo(e) {
-			Ui.value && Bo({
+		function ka(e) {
+			G.value && ya({
 				rows: Number(e || 3),
-				lineHeight: Ui.value.lineHeight || 28
+				lineHeight: G.value.lineHeight || 28
 			});
 		}
-		function Yo(e) {
-			if (H.value) return;
-			let t = [...P.value.pages];
-			R.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);
 				}
-			}), q({
-				...P.value,
+			}), X({
+				...E.value,
 				pages: t,
-				variables: P.value.variables.filter((t) => t.id !== e.id)
-			}), F.value = "", I.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 Xo(e) {
-			let t = (e.trim() || "variable").replace(/\s+/g, "_"), n = new Set(P.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 Zo(e) {
-			H.value || Co(be({
+		function Ma(e) {
+			W.value || na(be({
 				...e,
 				id: void 0,
-				key: Xo(`${e.key || e.type}_copy`),
+				key: ja(`${e.key || e.type}_copy`),
 				label: `${e.label}副本`,
 				style: { ...e.style }
 			}, l.variableTypes, l.defaultVariableStyle));
 		}
-		function Qo(e) {
-			return H.value ? void 0 : Co(P.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 $o(e) {
-			if (!H.value) return Co(So({ type: e }));
+		function Pa(e) {
+			if (!W.value) return na(ta({ type: e }));
 		}
-		function es(t) {
-			if (H.value || !e(t)) return;
-			let n = z.value, r = ma.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, yr, ya.value), o = ts();
-			Co(So({
+			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), Pi.value = n.hasSelection ? `已将选中内容替换为${r.label}控件` : `已插入${r.label}控件`, $();
+			}), n.pageId), H.value = n.hasSelection ? `已将选中内容替换为${r.label}控件` : `已插入${r.label}控件`, $();
 		}
-		function ts() {
-			let e = G.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 ns(e) {
-			if (H.value) return;
-			let t = z.value;
-			t && (Co(e, t.pageId), Pi.value = `已绑定到${e.label}，沿用原控件尺寸`, $());
+		function La(e) {
+			if (W.value) return;
+			let t = R.value;
+			t && (na(e, t.pageId), H.value = `已绑定到${e.label}，沿用原控件尺寸`, $());
 		}
-		function rs(t) {
-			return Se(t.type && e(t.type) ? t.type : "text", ma.value).label;
+		function Ra(t) {
+			return Se(t.type && e(t.type) ? t.type : "text", Wr.value).label;
 		}
-		function is() {
-			P.value.variables.length && (Oi.value = !0, y(() => {
-				yc(), Di.value?.querySelector(".gd-contract-template-designer__text-menu-bind-search input")?.focus();
+		function za() {
+			E.value.variables.length && (er.value = !0, g(() => {
+				Qo(), Jn.value?.focusBindSearch();
 			}));
 		}
-		function as(e, t) {
+		function Ba(e, t) {
 			e.dataTransfer?.setData("application/x-gd-contract-variable", t), e.dataTransfer && (e.dataTransfer.effectAllowed = "copy");
 		}
-		function os(e) {
-			return ui.value = Math.round(Math.min(hr, Math.max(mr, Number.isFinite(e) ? e : 1)) * 100) / 100, ui.value;
-		}
-		let { width: ss } = Mt(Mr), { width: cs } = Mt(Pr), ls = d(() => Math.max(...P.value.pages.map((e) => X(e).width), pe.width) + 10), us = S([]), ds = /* @__PURE__ */ new Map(), fs = 0, ps = d(() => us.value.length > 0);
-		function ms(e) {
-			return us.value.includes(e);
-		}
-		function hs(e, t) {
-			let n = us.value;
-			n.length === e.length && e.every((e) => n.includes(e)) || (us.value = e, e.length || (mi.value = !1), !(t >= kr) && y(() => gs(t + 1)));
+		function Va(e) {
+			return N.value = Math.round(Math.min(Gt, Math.max(Wt, Number.isFinite(e) ? e : 1)) * 100) / 100, N.value;
 		}
-		function gs(e = 0) {
-			let t = Pr.value;
-			if (!t) return;
-			if (typeof window < "u" && window.matchMedia("(max-width: 760px)").matches) {
-				hs([], e);
-				return;
-			}
-			let n = t.clientWidth;
-			if (n <= 0) return;
-			let r = Fr.value, i = 0;
-			for (let e of Array.from(t.children)) {
-				if (!(e instanceof HTMLElement)) continue;
-				if (e === r) {
-					e.offsetWidth > 0 && (fs = e.offsetWidth);
-					continue;
-				}
-				let t = e.dataset.toolbarOverflowKey;
-				if (t) {
-					e.offsetWidth > 0 && ds.set(t, e.offsetWidth);
-					continue;
-				}
-				i += e.offsetWidth;
-			}
-			let a = Object.fromEntries(ft.map((e) => [e, ds.get(e) ?? 0]));
-			hs(pt({
-				availableWidth: n,
-				fixedWidth: i,
-				groupWidths: a,
-				moreWidth: fs || Dr,
-				buffer: Or
-			}), e);
-		}
-		St([
-			cs,
-			xa,
-			gi,
-			Sa,
-			Ca,
-			H
-		], () => {
-			y(() => gs());
-		}, { immediate: !0 }), vt(() => {
-			y(() => gs()), typeof document < "u" && document.fonts?.ready && document.fonts.ready.then(() => {
-				Pr.value && y(() => gs());
-			});
-		});
-		let { fitWidth: _s, applyAutoFit: vs, markUserAdjusted: ys } = je({
-			viewportWidth: ss,
-			widestPageWidth: ls,
+		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: mr,
-			maxZoom: hr,
-			getZoom: () => ui.value,
-			applyZoom: os
+			minZoom: Wt,
+			maxZoom: Gt,
+			getZoom: () => N.value,
+			applyZoom: Va
 		});
-		function bs(e) {
-			return ys(), os(e);
+		function qa(e) {
+			return Ga(), Va(e);
 		}
-		function xs() {
-			return vs();
+		function Ja() {
+			return Wa();
 		}
-		function Ss() {
-			return ui.value;
+		function Ya() {
+			return N.value;
 		}
-		function Cs() {
-			bs(ui.value + gr);
+		function Xa() {
+			qa(N.value + Kt);
 		}
-		function ws() {
-			bs(ui.value - gr);
+		function Za() {
+			qa(N.value - Kt);
 		}
-		function Ts(e) {
-			let t = e.target instanceof HTMLElement ? e.target : null;
-			t && (t.closest(".gd-contract-template-designer__toolbar-more, .ant-popover, .ant-select-dropdown") || (mi.value = !1));
+		function Qa() {
+			$(), I.value = !1, L.value = !1, Rn.value = !1, P.value = !P.value;
 		}
-		St(mi, (e) => {
-			typeof document > "u" || (e ? document.addEventListener("mousedown", Ts, !0) : document.removeEventListener("mousedown", Ts, !0));
-		}), _t(() => {
-			typeof document < "u" && document.removeEventListener("mousedown", Ts, !0);
+		b(Ha, (e) => {
+			Fn.value && !Ka.value && e > 0 && Ua();
 		});
-		function Es() {
-			$(), vi.value = !1, yi.value = !1, mi.value = !1, di.value = !di.value;
+		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 Ds() {
-			$();
-			let e = K(!1);
-			k.value ? (oi.value = u(A.value), ai.value = void 0, si.value = j.value || A.value[0]?.id || "") : (ai.value = c(e), oi.value = void 0, si.value = ""), ii.value = !0;
+		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 no() {
+			Fn.value ? to() : eo();
+		}
+		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 Os() {
-			ii.value = !1, ai.value = void 0, oi.value = void 0, si.value = "";
+		function io() {
+			En.value = !1, Dn.value = void 0, On.value = void 0, kn.value = "";
 		}
-		function ks() {
-			return Qs();
+		function ao() {
+			return Mo();
 		}
-		function As() {
+		function oo() {
 			$();
-			let e = ks();
-			return li.value = JSON.stringify(e, null, 2), ci.value = !0, e;
-		}
-		function js() {
-			ci.value = !1;
-		}
-		function Ms() {
-			$(), vi.value = !1, yi.value = !1;
-			let e = U.value.map(Z);
-			N.value = [], M.value = {
-				...M.value,
-				[j.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 = !!I.value;
-			F.value = "", I.value = "", L.value = "", ii.value = !1, ai.value = void 0, oi.value = void 0, ci.value = !1, li.value = "", hi.value = {}, ri.value = "";
-			let n = q(ve(pe));
-			return t && v("signing-placement-select", void 0), e.forEach((e) => v("signing-placement-remove", e)), L.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 Ns() {
-			H.value || ($(), Ot.confirm({
+		function lo() {
+			W.value || ($(), Ft.confirm({
 				title: "清空合同内容",
 				content: "将清空全部合同正文、页面、模板变量和签署位置，仅保留一个空白 A4 合同页。此操作不可撤销。",
 				okText: "确认清空",
 				okType: "danger",
 				cancelText: "取消",
 				onOk: () => {
-					Ms();
+					co();
 				}
 			}));
 		}
-		function Ps(e) {
-			let t = Pa().pages, n = t.find((e) => e.id === L.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 Fs(e) {
-			$(), F.value = e.key, Q();
-			let t = Ps(e);
-			t && (L.value = t.id, y(() => {
-				R.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 Is(e) {
-			let t = P.value.variables.find((t) => t.key === e || t.id === e);
-			t && Fs(t);
+		function po(e) {
+			let t = E.value.variables.find((t) => t.key === e || t.id === e);
+			t && fo(t);
 		}
-		function Ls(e) {
-			let t = U.value.find((t) => t.id === e);
-			t && ($(), F.value = "", L.value = t.pageId, Q(t.id), y(() => {
-				R.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 Rs(e, t = !0) {
-			$(), L.value = e, t && y(() => {
-				R.get(e)?.scrollIntoPage();
+		function ho(e, t = !0) {
+			$(), k.value = e, t && g(() => {
+				M.get(e)?.scrollIntoPage();
 			});
 		}
-		function zs(e) {
-			P.value.pages.some((t) => t.id === e) && Rs(e);
+		function go(e) {
+			E.value.pages.some((t) => t.id === e) && ho(e);
 		}
-		function Bs() {
-			return c(Pa());
+		function _o() {
+			if (F.value) {
+				vo();
+				return;
+			}
+			F.value = !0;
 		}
-		function Vs(e) {
-			N.value = Vr(e), M.value = {
-				...M.value,
-				[j.value]: N.value
-			};
-			let t = q(Ee(e, l.pageSize));
-			t.signingPlacements?.some((e) => e.id === I.value) || Q(), mo(t.pages[0]?.id);
-		}
-		function Hs() {
-			let e = K(!1);
-			return k.value ? u(A.value) : u(at(A.value, j.value, e));
-		}
-		function Us(e, t) {
-			let n = Ur(nt(e, void 0, l.pageSize), l.pageSizeOptions), r = A.value;
-			Kr.value = !0, K(!1), A.value = n.files, M.value = Hr(n.files, e), Ia(ot(A.value, t ?? j.value), !1, !0, !0, !1), JSON.stringify(r) !== JSON.stringify(A.value) && Fa(A.value, "");
-		}
-		function Ws(e) {
-			if (H.value) return;
-			Kr.value = !0, K(!0);
-			let t = $e(e || `合同文件 ${A.value.length + 1}`, l.pageSize);
-			return A.value = [...A.value, t], M.value = {
-				...M.value,
-				[t.id]: []
-			}, Fa(A.value, ""), v("file-add", u([t])[0]), Ia(t.id, !1, !0, !0), u([t])[0];
+		function vo() {
+			F.value = !1, g(() => $a(() => on.value?.focusPageDecorations()));
 		}
-		function Gs(e) {
-			!k.value && !A.value.some((t) => t.id === e) || (Kr.value = !0, Ia(e));
+		function yo() {
+			return Oi(), c(Ei());
 		}
-		function Ks(e, t) {
-			if (H.value) return;
-			Kr.value = !0, K(!1);
-			let n = it(A.value, e, t), r = n.find((t) => t.id === e);
-			if (r) return A.value = n, Fa(n, e), u([r])[0];
+		function bo(e) {
+			T.value = fn(e), w.value = {
+				...w.value,
+				[C.value]: T.value
+			};
+			let t = X(Ee(e, l.pageSize));
+			t.signingPlacements?.some((e) => e.id === O.value) || Q(), J(t.pages[0]?.id);
+		}
+		function xo() {
+			let e = Y(!1);
+			return x.value ? u(S.value) : u(at(S.value, C.value, e));
+		}
+		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(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]: []
+			}, Mi(S.value, ""), h("file-add", u([t])[0]), Ni(t.id, {
+				syncCurrent: !1,
+				shouldEmit: !0,
+				forceRefresh: !0
+			}), u([t])[0];
 		}
-		function qs(e) {
-			if (H.value || A.value.length <= 1) return;
-			Kr.value = !0, K(!1);
-			let t = A.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 = rt(A.value, e);
-			if (n.length === A.value.length) return;
-			A.value = n;
-			let { [e]: r, ...i } = M.value;
-			M.value = i, Fa(n, ""), v("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) => v("signing-placement-remove", Z(e))), a.some((e) => e.id === I.value) && v("signing-placement-select", void 0), j.value === e && Ia(ot(n, n[0]?.id), !1, !0, !0, !1), u([t])[0];
-		}
-		function Js(e) {
-			if (H.value || A.value.length <= 1) return;
-			let t = A.value.find((t) => t.id === e);
+			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 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;
-			Ot.confirm({
+			Ft.confirm({
 				title: "删除合同文件",
 				content: n ? `“${t.name}”包含 ${n} 个签署位置，删除后文件内正文、变量和签署位置都会移除，是否继续？` : `删除“${t.name}”后，其正文和变量将无法恢复，是否继续？`,
 				okText: "确认删除",
 				okType: "danger",
 				cancelText: "取消",
 				onOk: () => {
-					qs(e);
+					Eo(e);
 				}
 			});
 		}
-		function Ys(e, t) {
-			if (H.value) return;
-			Kr.value = !0, K(!1);
-			let n = A.value.findIndex((t) => t.id === e), r = tt(A.value, e, t), i = r.findIndex((t) => t.id === e), a = r[i];
-			if (!(!a || n === i)) return A.value = r, Fa(r, ""), v("file-move", u([a])[0], n, i), u([a])[0];
-		}
-		function Xs() {
-			K(!1);
-			let e = rc(k.value ? A.value.flatMap((e) => {
-				let t = ke(e.template, { maxPages: ga.value });
-				return [...M.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
 				}));
-			}) : [...N.value, ...ke(Pa(), { maxPages: ga.value })]);
-			return ti.value = e, ei.value = !0, v("validate", e), e;
+			}) : [...T.value, ...Ae(Ei(), { maxPages: Kr.value })]);
+			return j.value = e, A.value = !0, h("validate", e), e;
 		}
-		function Zs(e) {
-			if (e.fileId && e.fileId !== j.value) {
-				Gs(e.fileId), y(() => Zs({
+		function Ao(e) {
+			if (e.fileId && e.fileId !== C.value) {
+				wo(e.fileId), g(() => Ao({
 					...e,
 					fileId: void 0
 				}));
 				return;
 			}
+			let t = le(e);
+			if (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) {
-					Rs(t.pageId), Q(t.id);
+					ho(t.pageId), Q(t.id);
 					return;
 				}
 			}
 			if (e.variableKey) {
-				Is(e.variableKey);
+				po(e.variableKey);
 				return;
 			}
 			if (e.pageId) {
-				zs(e.pageId);
+				go(e.pageId);
 				return;
 			}
-			let t = P.value.variables.find((t) => t.id === e.id || t.key === e.id);
-			if (t) {
-				Fs(t);
+			let n = E.value.variables.find((t) => t.id === e.id || t.key === e.id);
+			if (n) {
+				fo(n);
 				return;
 			}
-			P.value.pages.some((t) => t.id === e.id) && Rs(e.id);
+			E.value.pages.some((t) => t.id === e.id) && ho(e.id);
 		}
-		function Qs() {
-			return xe(Pa());
+		function jo(e) {
+			return le(e) ? "页面装饰" : e.type === "signing-placement" ? "签署位置" : e.type === "variable" ? "变量" : "字段";
 		}
-		function $s() {
-			let e = K(!1);
-			return et(k.value ? A.value : at(A.value, j.value, e));
+		function Mo() {
+			return Oi(), xe(Ei());
+		}
+		function No() {
+			let e = Y(!1);
+			return et(x.value ? S.value : at(S.value, C.value, e));
 		}
-		function ec(e) {
-			let n = Pa();
+		function Po(e) {
+			let n = Ei();
 			try {
-				let r = he(n, N.value);
+				let r = me(n, T.value);
 				if (r.length) throw new t(r);
 				return e(n);
 			} catch (e) {
-				throw e instanceof t && (ti.value = [...e.errors], ei.value = !0, v("validate", [...e.errors])), e;
+				throw e instanceof t && (j.value = [...e.errors], A.value = !0, h("validate", [...e.errors])), e;
 			}
 		}
-		function tc(e) {
-			return ec((t) => o(t, e));
+		function Fo(e) {
+			return Po((t) => i(t, e));
 		}
-		function nc(e) {
-			return ec((t) => a(t, e));
+		function Io(e) {
+			return Po((t) => r(t, e));
 		}
-		function rc(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 ic(e) {
-			ti.value = [...e], ei.value = !0;
+		function Ro(e) {
+			j.value = [...e], A.value = !0;
 		}
-		function ac() {
-			ti.value = [], ei.value = !1;
+		function zo() {
+			j.value = [], A.value = !1;
 		}
-		function oc() {
-			R.get(W.value?.id ?? L.value)?.focus();
+		function Bo() {
+			M.get(q.value?.id ?? k.value)?.focus();
 		}
-		function sc(e) {
-			ka(e) && J({
+		function Vo(e) {
+			Si(e) && Z({
 				type: "set-text-align",
 				value: e
 			});
 		}
-		function cc(e) {
-			if (e === "paragraph") {
-				J({ type: "set-paragraph" });
-				return;
-			}
-			Aa(e) && J({
-				type: "set-heading",
-				level: e
+		function Ho(e) {
+			(e === "paragraph" || Ci(e)) && Z({
+				type: "apply-block-style",
+				format: e
 			});
 		}
-		function lc(e) {
-			let t = Na(e);
-			t && (J({
+		function Uo(e) {
+			let t = Ti(e);
+			t && (Z({
 				type: "set-font-size",
 				value: t
-			}), _i.value = "");
+			}), Bn.value = "");
 		}
-		function uc(e) {
+		function Wo(e) {
 			let t = String(e || "").trim();
 			if (!t) {
-				J({ type: "unset-font-family" });
+				Z({ type: "unset-font-family" });
 				return;
 			}
-			J({
+			Z({
 				type: "set-font-family",
 				value: t
 			});
 		}
-		function dc(e) {
-			fc(e.target?.value ?? "");
+		function Go(e) {
+			Ko(e.target?.value ?? "");
 		}
-		function fc(e) {
+		function Ko(e) {
 			let t = e.trim();
-			t && J({
+			t && Z({
 				type: "set-color",
 				value: t
 			});
 		}
-		function pc(e) {
-			_i.value = e;
-		}
-		function mc() {
-			_i.value.trim() && lc(_i.value);
+		function qo(e) {
+			Bn.value = e;
 		}
-		function hc(e) {
-			e.key === "Enter" && (e.preventDefault(), mc());
+		function Jo() {
+			Bn.value.trim() && Uo(Bn.value);
 		}
-		function gc(e) {
-			e || (mc(), _i.value = "");
+		function Yo(e) {
+			e.key === "Enter" && (e.preventDefault(), Jo());
 		}
-		function _c(e) {
-			ja(e) && (J({
-				type: "apply-text-style-preset",
-				preset: e
-			}), gi.value = void 0, $());
+		function Xo(e) {
+			e || (Jo(), Bn.value = "");
 		}
-		function vc(e) {
-			if (H.value) return;
-			L.value = e.pageId, vi.value = !1, yi.value = !1, B.value = void 0, V.value = void 0, Oi.value = !1, ki.value = "";
-			let t = Math.max(O, Math.min(e.clientX, window.innerWidth - Cr)), n = Math.max(O, Math.min(e.clientY, window.innerHeight - wr));
-			z.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,
-				y: n,
+				x: t.x,
+				y: t.y,
 				hasSelection: e.hasSelection,
 				selectionWidth: e.selectionWidth,
 				leadingText: e.leadingText
-			}, y(() => {
-				yc(), Di.value?.querySelector("button:not(:disabled)")?.focus();
+			}, g(() => {
+				Qo(), Jn.value?.focusFirstButton();
 			});
 		}
-		function yc() {
-			let e = Di.value, t = z.value;
+		function Qo() {
+			let e = Jn.value?.getMenuElement(), t = R.value;
 			if (!e || !t) return;
-			let n = e.getBoundingClientRect();
-			z.value = {
+			let n = vt(t.x, t.y, e);
+			R.value = {
 				...t,
-				x: Math.max(O, Math.min(t.x, window.innerWidth - n.width - O)),
-				y: Math.max(O, Math.min(t.y, window.innerHeight - n.height - O))
+				x: n.x,
+				y: n.y
 			};
 		}
-		function bc(e) {
-			H.value || (L.value = e.pageId, vi.value = !1, yi.value = !1, z.value = void 0, V.value = void 0, B.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: Math.max(8, Math.min(e.clientX, window.innerWidth - 248)),
-				y: Math.max(8, Math.min(e.clientY, window.innerHeight - 400))
-			}, y(() => {
-				let e = Ai.value?.getMenuElement(), t = B.value;
+				x: t.x,
+				y: t.y
+			}, g(() => {
+				let e = nr.value?.getMenuElement(), t = B.value;
 				if (e && t) {
-					let n = e.getBoundingClientRect();
+					let n = vt(t.x, t.y, e);
 					B.value = {
 						...t,
-						x: Math.max(8, Math.min(t.x, window.innerWidth - n.width - 8)),
-						y: Math.max(8, Math.min(t.y, window.innerHeight - n.height - 8))
+						x: n.x,
+						y: n.y
 					};
 				}
-				Ai.value?.focusFirstItem();
-			}));
+				nr.value?.focusFirstItem();
+			});
 		}
-		function xc(e) {
-			H.value || (L.value = e.pageId, vi.value = !1, yi.value = !1, z.value = void 0, B.value = void 0, Mi.value = e.image.width, Ni.value = e.image.height, F.value = "", I.value && Q(), V.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: Math.max(O, Math.min(e.clientX, window.innerWidth - Tr)),
-				y: Math.max(O, Math.min(e.clientY, window.innerHeight - Er))
-			}, y(() => {
-				Sc(), ji.value?.querySelector("input, button:not(:disabled)")?.focus();
-			}));
+				x: t.x,
+				y: t.y
+			}, g(() => {
+				ts(), rr.value?.getMenuElement()?.querySelector("input, button:not(:disabled)")?.focus();
+			});
 		}
-		function Sc() {
-			let e = ji.value, t = V.value;
+		function ts() {
+			let e = rr.value?.getMenuElement(), t = V.value;
 			if (!e || !t) return;
-			let n = e.getBoundingClientRect();
+			let n = vt(t.x, t.y, e);
 			V.value = {
 				...t,
-				x: Math.max(O, Math.min(t.x, window.innerWidth - n.width - O)),
-				y: Math.max(O, Math.min(t.y, window.innerHeight - n.height - O))
+				x: n.x,
+				y: n.y
 			};
 		}
-		function Cc() {
+		function ns() {
 			let e = V.value;
-			!e || H.value || (R.get(e.pageId)?.updateSelectedContentImage({
-				width: Ne(Mi.value),
-				height: Ne(Ni.value)
-			}) && (Pi.value = "已更新图片尺寸"), $());
+			!e || W.value || (M.get(e.pageId)?.updateSelectedContentImage({
+				width: Ne(ir.value),
+				height: Ne(ar.value)
+			}) && (H.value = "已更新图片尺寸"), $());
 		}
-		function wc() {
+		function rs() {
 			let e = V.value;
-			!e || H.value || (R.get(e.pageId)?.updateSelectedContentImage({
+			!e || W.value || (M.get(e.pageId)?.updateSelectedContentImage({
 				width: void 0,
 				height: void 0
-			}) && (Pi.value = "已恢复图片自然尺寸"), $());
+			}) && (H.value = "已恢复图片自然尺寸"), $());
 		}
-		function Tc(e) {
-			e.type === "table" ? bc(e) : e.type === "image" ? xc(e) : vc(e);
+		function is(e) {
+			e.type === "table" ? $o(e) : e.type === "image" ? es(e) : Zo(e);
 		}
 		function $() {
-			z.value = void 0, B.value = void 0, V.value = void 0, Oi.value = !1, ki.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 Ec(e) {
-			!z.value && !B.value && !V.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 Dc(e) {
-			let t = jr.value;
+		function ps() {
+			Qn.value && (Qn.value = !1, cs());
+		}
+		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 Oc(e) {
+		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(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) {
+				sr.add(e);
+				return;
+			}
+			!mr.value && (a || e.target === document) && (e.preventDefault(), e.stopPropagation(), vo());
+		}
+		function bs(e) {
 			if ((e.ctrlKey || e.metaKey) && !e.altKey && e.key.toLowerCase() === "s") {
-				if (!Bi.value || !Dc(e)) return;
-				e.preventDefault(), Ra();
+				if (!hr.value || !vs(e)) return;
+				e.preventDefault(), ri();
 				return;
 			}
-			e.key === "Escape" && ($(), vi.value = !1, yi.value = !1, di.value = !1);
+			if (e.key === "Escape") {
+				if (sr.has(e)) {
+					sr.delete(e);
+					return;
+				}
+				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 kc(e, t) {
-			e === L.value && t.selectedContentImage && (F.value = "", I.value && Q());
-			let n = hi.value[e];
-			n && JSON.stringify(n) === JSON.stringify(t) || (hi.value = {
-				...hi.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 Ac(e = Ii.value.rows, t = Ii.value.cols) {
-			J({
+		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: !!Ii.value.withHeaderRow
+					withHeaderRow: !!or.value.withHeaderRow
 				}
-			}), vi.value = !1, $();
+			}), I.value = !1, $();
 		}
-		let jc = {
+		let Cs = {
 			"delete-table-row": {
 				label: "删除当前行",
 				countKey: "deleteRow"
@@ -1540,34 +1475,34 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 				countKey: "deleteTable"
 			}
 		};
-		function Mc(e) {
+		function ws(e) {
 			let t = B.value;
 			if (!t) return;
 			let n = () => {
-				J(e, t.pageId), $();
-			}, r = jc[e.type];
+				Z(e, t.pageId), $();
+			}, r = Cs[e.type];
 			if (!r) {
 				n();
 				return;
 			}
 			let i = t.affectedVariableCounts[r.countKey];
-			$(), Ot.confirm({
+			$(), Ft.confirm({
 				title: r.label,
 				content: i ? `此操作将移除 ${i} 个正文变量节点，是否继续？` : "此操作将修改表格结构，是否继续？",
 				okText: "确认",
 				okType: "danger",
 				cancelText: "取消",
 				onOk: n,
-				onCancel: () => R.get(t.pageId)?.focus()
+				onCancel: () => M.get(t.pageId)?.focus()
 			});
 		}
-		function Nc(e) {
-			let t = Ai.value?.getMenuElement();
+		function Ts(e) {
+			let t = nr.value?.getMenuElement();
 			if (!t) return;
 			if (e.key === "Escape") {
-				e.preventDefault();
+				e.preventDefault(), e.stopPropagation();
 				let t = B.value?.pageId;
-				$(), R.get(t ?? "")?.focus();
+				$(), M.get(t ?? "")?.focus();
 				return;
 			}
 			let n = Array.from(t.querySelectorAll("button:not(:disabled)"));
@@ -1585,120 +1520,123 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 			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 Pc(e) {
+		function Es(e) {
 			if (e.key !== "Escape") return;
-			e.preventDefault();
-			let t = z.value?.pageId;
-			$(), R.get(t ?? "")?.focus();
+			e.preventDefault(), e.stopPropagation();
+			let t = R.value?.pageId;
+			$(), M.get(t ?? "")?.focus();
 		}
-		function Fc(e) {
+		function Ds(e) {
 			if (e.key !== "Escape") return;
-			e.preventDefault();
+			e.preventDefault(), e.stopPropagation();
 			let t = V.value?.pageId;
-			$(), R.get(t ?? "")?.focus();
-		}
-		function Ic(e) {
-			J({ type: e }), yi.value = !1, $();
-		}
-		return Ve({
-			getValue: Bs,
-			setValue: Vs,
-			getFiles: Hs,
-			setFiles: Us,
-			addFile: Ws,
-			selectFile: Gs,
-			renameFile: Ks,
-			removeFile: qs,
-			moveFile: Ys,
-			validate: Xs,
-			exportTemplate: Qs,
-			exportFiles: $s,
-			getSubmitData: ks,
-			clearTemplate: Ms,
-			saveDraftCache: Ra,
-			loadDraftCache: za,
-			clearDraftCache: Ba,
-			getDraftCacheStatus: Va,
-			insertVariable: Qo,
-			insertImage: jo,
-			focus: oc,
-			openPreview: Ds,
-			closePreview: Os,
-			openSubmitDataViewer: As,
-			closeSubmitDataViewer: js,
-			setServerValidationErrors: ic,
-			clearValidationErrors: ac,
-			scrollToVariable: Is,
-			scrollToSigningPlacement: Ls,
-			scrollToPage: zs,
-			setZoom: bs,
-			resetZoom: xs,
-			getZoom: Ss,
-			fitWidth: _s,
-			insertSigningPlacement: to,
+			$(), 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: tc,
-			buildContractLocationRules: nc
-		}), (e, t) => (x(), m("div", {
+			buildLocationRules: Fo,
+			buildContractLocationRules: Io
+		}), (e, t) => (_(), Ct("div", {
 			ref_key: "designerElement",
-			ref: jr,
-			class: b(["gd-contract-template-designer", {
-				"is-disabled": fe.disabled,
-				"is-readonly": H.value,
-				"is-fullscreen": di.value
+			ref: nn,
+			class: wt(["gd-contract-template-designer", {
+				"is-disabled": s.disabled,
+				"is-readonly": W.value,
+				"is-fullscreen": P.value,
+				"is-immersive": Fn.value
 			}]),
-			style: gt(Ar.value)
+			style: Tt(tn.value)
 		}, [
-			k.value ? (x(), f(lt, {
+			x.value ? (_(), xt(ft, {
 				key: 0,
-				files: A.value,
-				"active-file-id": j.value,
-				readonly: H.value,
-				onSelect: Gs,
-				onAdd: t[0] ||= (e) => Ws(),
-				onRename: Ks,
-				onRemove: Js,
-				onMove: Ys
+				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"
-			])) : p("", !0),
-			h("div", { class: b(["gd-contract-template-designer__layout", {
-				"is-sidebar-collapsed": fi.value,
-				"is-inspector-collapsed": pi.value
+			])) : St("", !0),
+			p("div", { class: wt(["gd-contract-template-designer__layout", {
+				"is-sidebar-collapsed": Mn.value,
+				"is-inspector-collapsed": Nn.value
 			}]) }, [
-				_(ut, {
-					collapsed: fi.value,
-					pages: P.value.pages,
-					variables: P.value.variables,
-					"signing-placement-navigation-items": Ji.value,
-					"active-page-id": L.value,
-					"selected-variable-key": F.value,
-					"selected-signing-placement-id": I.value,
-					"normalized-max-pages": ga.value,
-					"page-limit-reached": _a.value,
-					"selected-page": W.value,
-					"selected-page-size": Xi.value,
-					"normalized-page-size-options": ua.value,
-					"page-size-options": da.value,
-					"selected-page-size-option-value": fa.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: H.value,
-					"get-page-size": X,
-					"get-page-signing-placements": Ya,
-					onToggle: t[1] ||= (e) => fi.value = !fi.value,
-					onAddPage: _o,
-					onActivatePage: Rs,
-					onDuplicatePage: vo,
-					onRemovePage: bo,
-					onPatchPageFormat: lo,
-					onScrollToVariable: Fs,
-					onScrollToSigningPlacement: Ls
+					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",
 					"variables",
+					"decoration-variable-keys",
 					"signing-placement-navigation-items",
 					"active-page-id",
 					"selected-variable-key",
@@ -1713,749 +1651,218 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 					"show-signing-placement-tools",
 					"readonly"
 				]),
-				h("main", {
+				p("main", {
 					ref_key: "workspaceElement",
-					ref: Nr,
+					ref: an,
 					class: "gd-contract-template-designer__workspace"
 				}, [
-					h("header", dn, [h("div", fn, [h("strong", null, C($i.value), 1), fe.showDraftCacheStatus && ea.value ? (x(), m("small", {
+					Nt(p("div", {
+						id: ln,
+						class: "gd-contract-template-designer__workspace-chrome"
+					}, [m(ze, {
+						ref_key: "workspaceHeaderElement",
+						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: 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",
+						"draft-cache-status-class",
+						"show-draft-cache-status",
+						"show-clear-button",
+						"show-submit-data-viewer",
+						"readonly",
+						"zoom-percent",
+						"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"
+					]), 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",
+						"image-insert-url",
+						"image-insert-width",
+						"image-insert-height",
+						"table-insert-popover-open",
+						"table-actions-popover-open",
+						"table-insert-draft",
+						"toolbar-more-open",
+						"readonly",
+						"editor-state",
+						"current-block-format",
+						"font-family-select-options",
+						"current-editor-font-family",
+						"font-size-preset-options",
+						"current-editor-font-size",
+						"editor-font-size-search-value",
+						"current-editor-text-color",
+						"body-control-tool-items",
+						"page-limit-reached",
+						"normalized-max-pages",
+						"image-processing",
+						"image-insert-error"
+					])], 512), [[jt, !Pn.value]]),
+					Pn.value ? (_(), xt(y(It), {
 						key: 0,
-						class: b(["gd-contract-template-designer__draft-cache-status", ta.value])
-					}, C(ea.value), 3)) : p("", !0)]), h("div", pn, [h("div", mn, [h("div", hn, [
-						_(w(D), { title: "缩小" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								disabled: ui.value <= mr,
-								"aria-label": "缩小",
-								onClick: ws
-							}, {
-								default: T(() => [_(w(un), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						}),
-						h("span", null, C(na.value), 1),
-						_(w(D), { title: "放大" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								disabled: ui.value >= hr,
-								"aria-label": "放大",
-								onClick: Cs
-							}, {
-								default: T(() => [_(w(ln), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						}),
-						_(w(D), { title: "适应宽度" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								"aria-label": "适应宽度",
-								onClick: w(_s)
-							}, {
-								default: T(() => [_(w(zt), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["onClick"])]),
-							_: 1
-						}),
-						_(w(D), { title: "重置缩放" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								"aria-label": "重置缩放",
-								onClick: xs
-							}, {
-								default: T(() => [_(w(nn), { "aria-hidden": "true" })]),
-								_: 1
-							})]),
-							_: 1
-						}),
-						_(w(D), { title: di.value ? "退出全屏" : "全屏显示" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								"aria-label": di.value ? "退出全屏" : "全屏显示",
-								onClick: Es
-							}, {
-								default: T(() => [di.value ? (x(), f(w(Jt), {
-									key: 0,
-									"aria-hidden": "true"
-								})) : (x(), f(w(Yt), {
-									key: 1,
-									"aria-hidden": "true"
-								}))]),
-								_: 1
-							}, 8, ["aria-label"])]),
-							_: 1
-						}, 8, ["title"])
-					])]), h("div", gn, [
-						fe.showClearButton ? (x(), f(w(D), {
-							key: 0,
-							title: "清空合同"
-						}, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								danger: "",
-								class: "gd-contract-template-designer__icon-button",
-								disabled: H.value,
-								"aria-label": "清空合同",
-								onClick: Ns
-							}, {
-								default: T(() => [_(w(Ht), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						})) : p("", !0),
-						_(w(D), { title: "校验" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								"aria-label": "校验",
-								onClick: Xs
-							}, {
-								default: T(() => [_(w(It), { "aria-hidden": "true" })]),
-								_: 1
-							})]),
-							_: 1
-						}),
-						_(w(D), { title: "预览" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								type: "primary",
-								class: "gd-contract-template-designer__icon-button",
-								"aria-label": "预览",
-								onClick: Ds
-							}, {
-								default: T(() => [_(w(Gt), { "aria-hidden": "true" })]),
-								_: 1
-							})]),
-							_: 1
-						}),
-						fe.showSubmitDataViewer ? (x(), f(w(D), {
-							key: 1,
-							title: "数据查看"
-						}, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								"aria-label": "数据查看",
-								onClick: As
-							}, {
-								default: T(() => [_(w(Vt), { "aria-hidden": "true" })]),
-								_: 1
-							})]),
-							_: 1
-						})) : p("", !0)
-					])])]),
-					h("header", _n, [h("div", {
-						ref_key: "toolbarMainElement",
-						ref: Pr,
-						class: "gd-contract-template-designer__toolbar-section gd-contract-template-designer__toolbar-section--main"
+						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
 					}, [
-						h("div", vn, [_(w(D), { title: "撤销" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								disabled: H.value || !G.value.canUndo,
-								"aria-label": "撤销",
-								onClick: t[2] ||= (e) => J({ type: "undo" })
-							}, {
-								default: T(() => [_(w(sn), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						}), _(w(D), { title: "重做" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								disabled: H.value || !G.value.canRedo,
-								"aria-label": "重做",
-								onClick: t[3] ||= (e) => J({ type: "redo" })
-							}, {
-								default: T(() => [_(w(tn), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						})]),
-						h("div", yn, [_(w(At), {
-							value: gi.value,
-							"onUpdate:value": t[4] ||= (e) => gi.value = e,
-							class: "gd-contract-template-designer__toolbar-select",
-							options: aa.value,
-							placeholder: "合同样式",
-							disabled: H.value,
-							onChange: _c
-						}, null, 8, [
-							"value",
-							"options",
-							"disabled"
-						]), _(w(At), {
-							class: "gd-contract-template-designer__toolbar-select",
-							value: xa.value,
-							options: sa,
-							disabled: H.value,
-							onChange: cc
-						}, null, 8, ["value", "disabled"])]),
-						h("div", bn, [
-							_(w(D), { title: "加粗" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: "gd-contract-template-designer__icon-button",
-									type: G.value.isBold ? "primary" : "default",
-									disabled: H.value,
-									"aria-label": "加粗",
-									onClick: t[5] ||= (e) => J({ type: "toggle-bold" })
-								}, {
-									default: T(() => [_(w(Lt), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["type", "disabled"])]),
-								_: 1
-							}),
-							_(w(D), { title: "斜体" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: "gd-contract-template-designer__icon-button",
-									type: G.value.isItalic ? "primary" : "default",
-									disabled: H.value,
-									"aria-label": "斜体",
-									onClick: t[6] ||= (e) => J({ type: "toggle-italic" })
-								}, {
-									default: T(() => [_(w(Xt), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["type", "disabled"])]),
-								_: 1
-							}),
-							_(w(D), { title: "下划线" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: "gd-contract-template-designer__icon-button",
-									type: G.value.isUnderline ? "primary" : "default",
-									disabled: H.value,
-									"aria-label": "下划线",
-									onClick: t[7] ||= (e) => J({ type: "toggle-underline" })
-								}, {
-									default: T(() => [_(w(on), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["type", "disabled"])]),
-								_: 1
-							}),
-							_(w(D), { title: "编号列表" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: "gd-contract-template-designer__icon-button",
-									type: G.value.isOrderedList ? "primary" : "default",
-									disabled: H.value,
-									"aria-label": "编号列表",
-									onClick: t[8] ||= (e) => J({ type: "toggle-ordered-list" })
-								}, {
-									default: T(() => [_(w(Qt), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["type", "disabled"])]),
-								_: 1
-							}),
-							_(w(D), { title: "项目列表" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: "gd-contract-template-designer__icon-button",
-									type: G.value.isBulletList ? "primary" : "default",
-									disabled: H.value,
-									"aria-label": "项目列表",
-									onClick: t[9] ||= (e) => J({ type: "toggle-bullet-list" })
-								}, {
-									default: T(() => [_(w(cn), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["type", "disabled"])]),
-								_: 1
-							})
-						]),
-						(x(), f(ht, {
-							disabled: !ms("insert") || !Ir.value,
-							to: Ir.value || "body"
-						}, [h("div", xn, [
-							_(w(kt), {
-								open: bi.value,
-								"onUpdate:open": t[10] ||= (e) => bi.value = e,
-								trigger: "click",
-								placement: "bottom"
-							}, {
-								content: T(() => [h("div", Sn, [t[62] ||= h("strong", null, "插入正文控件", -1), h("div", Cn, [(x(!0), m(mt, null, yt(ha.value, (e) => (x(), f(w(D), {
-									key: e.type,
-									title: `插入${e.label}控件`
-								}, {
-									default: T(() => [h("button", {
-										type: "button",
-										class: "gd-contract-template-designer__text-menu-control-option",
-										"aria-label": `插入${e.label}控件`,
-										onClick: (t) => Fo(e.type)
-									}, [(x(), f(bt(e.icon), { "aria-hidden": "true" })), h("span", null, C(e.label), 1)], 8, wn)]),
-									_: 2
-								}, 1032, ["title"]))), 128))])])]),
-								default: T(() => [_(w(D), { title: "插入正文控件" }, {
-									default: T(() => [_(w(E), {
-										size: "small",
-										class: "gd-contract-template-designer__icon-button",
-										disabled: H.value,
-										"aria-label": "插入正文控件"
-									}, {
-										default: T(() => [_(w(en), { "aria-hidden": "true" })]),
-										_: 1
-									}, 8, ["disabled"])]),
-									_: 1
-								})]),
-								_: 1
-							}, 8, ["open"]),
-							_(w(kt), {
-								open: xi.value,
-								"onUpdate:open": t[14] ||= (e) => xi.value = e,
-								trigger: "click",
-								placement: "bottom"
-							}, {
-								content: T(() => [h("div", Tn, [
-									t[67] ||= h("strong", null, "插入正文图片", -1),
-									_(w(E), {
-										block: "",
-										loading: Ei.value,
-										disabled: H.value,
-										onClick: Mo
-									}, {
-										default: T(() => [_(w($t), { "aria-hidden": "true" }), t[63] ||= g(" 本地图片 ", -1)]),
-										_: 1
-									}, 8, ["loading", "disabled"]),
-									_(w(Et), {
-										value: Si.value,
-										"onUpdate:value": t[11] ||= (e) => Si.value = e,
-										"allow-clear": "",
-										disabled: H.value || Ei.value,
-										placeholder: "https:// 或 data:image/...",
-										"aria-label": "图片 URL",
-										onPressEnter: Po
-									}, null, 8, ["value", "disabled"]),
-									h("div", En, [h("label", null, [t[64] ||= h("span", null, "宽度", -1), _(w(Dt), {
-										value: Ci.value,
-										"onUpdate:value": t[12] ||= (e) => Ci.value = e,
-										min: w(16),
-										max: w(Me),
-										disabled: H.value || Ei.value,
-										placeholder: "自然",
-										"aria-label": "图片宽度"
-									}, null, 8, [
-										"value",
-										"min",
-										"max",
-										"disabled"
-									])]), h("label", null, [t[65] ||= h("span", null, "高度", -1), _(w(Dt), {
-										value: wi.value,
-										"onUpdate:value": t[13] ||= (e) => wi.value = e,
-										min: w(16),
-										max: w(Me),
-										disabled: H.value || Ei.value,
-										placeholder: "自然",
-										"aria-label": "图片高度"
-									}, null, 8, [
-										"value",
-										"min",
-										"max",
-										"disabled"
-									])])]),
-									_(w(E), {
-										type: "primary",
-										block: "",
-										disabled: H.value || Ei.value || !Si.value.trim(),
-										onClick: Po
-									}, {
-										default: T(() => [...t[66] ||= [g(" 插入 URL ", -1)]]),
-										_: 1
-									}, 8, ["disabled"]),
-									Ti.value ? (x(), f(w(Tt), {
-										key: 0,
-										type: "error",
-										"show-icon": "",
-										message: Ti.value
-									}, null, 8, ["message"])) : p("", !0)
-								])]),
-								default: T(() => [_(w(D), { title: "插入图片" }, {
-									default: T(() => [_(w(E), {
-										size: "small",
-										class: "gd-contract-template-designer__icon-button",
-										disabled: H.value,
-										"aria-label": "插入图片"
-									}, {
-										default: T(() => [_(w($t), { "aria-hidden": "true" })]),
-										_: 1
-									}, 8, ["disabled"])]),
-									_: 1
-								})]),
-								_: 1
-							}, 8, ["open"]),
-							_(w(D), { title: "插入分隔线" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: "gd-contract-template-designer__icon-button",
-									disabled: H.value,
-									"aria-label": "插入分隔线",
-									onClick: t[15] ||= (e) => J({ type: "insert-horizontal-rule" })
-								}, {
-									default: T(() => [_(w(Zt), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["disabled"])]),
-								_: 1
-							}),
-							_(w(D), { title: _a.value ? `已达 ${ga.value} 页上限` : "新增页面" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: "gd-contract-template-designer__icon-button",
-									disabled: H.value || _a.value,
-									"aria-label": "新增页面",
-									onClick: _o
-								}, {
-									default: T(() => [_(w(Kt), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["disabled"])]),
-								_: 1
-							}, 8, ["title"])
-						])], 8, ["disabled", "to"])),
-						(x(), f(ht, {
-							disabled: !ms("typography") || !Lr.value,
-							to: Lr.value || "body"
-						}, [h("div", Dn, [
-							_(w(At), {
-								class: "gd-contract-template-designer__toolbar-select is-wide",
-								value: Sa.value,
-								options: ia.value,
-								disabled: H.value,
-								onChange: uc
-							}, null, 8, [
-								"value",
-								"options",
-								"disabled"
-							]),
-							_(w(At), {
-								class: "gd-contract-template-designer__toolbar-select",
-								value: Ca.value,
-								options: Ea.value,
-								"show-search": "",
-								"filter-option": !1,
-								"search-value": _i.value,
-								disabled: H.value,
-								onBlur: mc,
-								onChange: lc,
-								onDropdownVisibleChange: gc,
-								onInputKeyDown: hc,
-								onSearch: pc
-							}, null, 8, [
-								"value",
-								"options",
-								"search-value",
-								"disabled"
-							]),
-							h("input", {
-								class: "gd-contract-template-designer__color",
-								type: "color",
-								value: wa.value,
-								disabled: H.value,
-								onInput: dc
-							}, null, 40, On),
-							_(w(D), { title: "左对齐" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: b(["gd-contract-template-designer__icon-button", { "is-selected": G.value.textAlign === "left" }]),
-									type: G.value.textAlign === "left" ? "primary" : "default",
-									disabled: H.value,
-									"aria-label": "左对齐",
-									onClick: t[16] ||= (e) => sc("left")
-								}, {
-									default: T(() => [_(w(Pt), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, [
-									"class",
-									"type",
-									"disabled"
-								])]),
-								_: 1
-							}),
-							_(w(D), { title: "居中对齐" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: b(["gd-contract-template-designer__icon-button", { "is-selected": G.value.textAlign === "center" }]),
-									type: G.value.textAlign === "center" ? "primary" : "default",
-									disabled: H.value,
-									"aria-label": "居中对齐",
-									onClick: t[17] ||= (e) => sc("center")
-								}, {
-									default: T(() => [_(w(Nt), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, [
-									"class",
-									"type",
-									"disabled"
-								])]),
-								_: 1
-							}),
-							_(w(D), { title: "右对齐" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: b(["gd-contract-template-designer__icon-button", { "is-selected": G.value.textAlign === "right" }]),
-									type: G.value.textAlign === "right" ? "primary" : "default",
-									disabled: H.value,
-									"aria-label": "右对齐",
-									onClick: t[18] ||= (e) => sc("right")
-								}, {
-									default: T(() => [_(w(Ft), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, [
-									"class",
-									"type",
-									"disabled"
-								])]),
-								_: 1
-							})
-						])], 8, ["disabled", "to"])),
-						(x(), f(ht, {
-							disabled: !ms("cleanup") || !Rr.value,
-							to: Rr.value || "body"
-						}, [h("div", kn, [_(w(D), { title: "清文字" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								disabled: H.value,
-								"aria-label": "清文字",
-								onClick: t[19] ||= (e) => J({ type: "clear-text-format" })
-							}, {
-								default: T(() => [_(w(Rt), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						}), _(w(D), { title: "清段落" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__icon-button",
-								disabled: H.value,
-								"aria-label": "清段落",
-								onClick: t[20] ||= (e) => J({ type: "clear-block-format" })
-							}, {
-								default: T(() => [_(w(qt), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						})])], 8, ["disabled", "to"])),
-						(x(), f(ht, {
-							disabled: !ms("table") || !zr.value,
-							to: zr.value || "body"
-						}, [h("div", An, [_(w(kt), {
-							open: vi.value,
-							"onUpdate:open": t[24] ||= (e) => vi.value = e,
-							trigger: "click",
-							placement: "bottom"
-						}, {
-							content: T(() => [h("div", jn, [
-								t[69] ||= h("strong", null, "插入表格", -1),
-								_(Be, {
-									disabled: H.value,
-									onSelect: t[21] ||= (e) => Ac(e.rows, e.cols),
-									onClose: t[22] ||= (e) => vi.value = !1
-								}, null, 8, ["disabled"]),
-								h("label", Mn, [t[68] ||= h("span", null, "表头行", -1), _(w(jt), {
-									checked: Ii.value.withHeaderRow,
-									"onUpdate:checked": t[23] ||= (e) => Ii.value.withHeaderRow = e,
-									disabled: H.value
-								}, null, 8, ["checked", "disabled"])])
-							])]),
-							default: T(() => [_(w(D), { title: "插入表格" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: "gd-contract-template-designer__icon-button",
-									disabled: H.value,
-									"aria-label": "插入表格"
-								}, {
-									default: T(() => [_(w(an), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["disabled"])]),
-								_: 1
-							})]),
-							_: 1
-						}, 8, ["open"]), _(w(kt), {
-							open: yi.value,
-							"onUpdate:open": t[34] ||= (e) => yi.value = e,
-							trigger: "click",
-							placement: "bottom"
-						}, {
-							content: T(() => [h("div", Nn, [t[79] ||= h("strong", null, "表格操作", -1), h("div", Pn, [
-								_(w(E), {
-									size: "small",
-									disabled: H.value,
-									onClick: t[25] ||= (e) => Ic("add-table-row-before")
-								}, {
-									default: T(() => [...t[70] ||= [g(" 上方插行 ", -1)]]),
-									_: 1
-								}, 8, ["disabled"]),
-								_(w(E), {
-									size: "small",
-									disabled: H.value,
-									onClick: t[26] ||= (e) => Ic("add-table-row-after")
-								}, {
-									default: T(() => [...t[71] ||= [g(" 下方插行 ", -1)]]),
-									_: 1
-								}, 8, ["disabled"]),
-								_(w(E), {
-									size: "small",
-									disabled: H.value,
-									onClick: t[27] ||= (e) => Ic("add-table-column-before")
-								}, {
-									default: T(() => [...t[72] ||= [g(" 左侧插列 ", -1)]]),
-									_: 1
-								}, 8, ["disabled"]),
-								_(w(E), {
-									size: "small",
-									disabled: H.value,
-									onClick: t[28] ||= (e) => Ic("add-table-column-after")
-								}, {
-									default: T(() => [...t[73] ||= [g(" 右侧插列 ", -1)]]),
-									_: 1
-								}, 8, ["disabled"]),
-								_(w(E), {
-									size: "small",
-									disabled: H.value,
-									onClick: t[29] ||= (e) => Ic("delete-table-row")
-								}, {
-									default: T(() => [...t[74] ||= [g(" 删除当前行 ", -1)]]),
-									_: 1
-								}, 8, ["disabled"]),
-								_(w(E), {
-									size: "small",
-									disabled: H.value,
-									onClick: t[30] ||= (e) => Ic("delete-table-column")
-								}, {
-									default: T(() => [...t[75] ||= [g(" 删除当前列 ", -1)]]),
-									_: 1
-								}, 8, ["disabled"]),
-								_(w(E), {
-									size: "small",
-									disabled: H.value,
-									onClick: t[31] ||= (e) => Ic("toggle-table-header-row")
-								}, {
-									default: T(() => [...t[76] ||= [g(" 切换表头行 ", -1)]]),
-									_: 1
-								}, 8, ["disabled"]),
-								_(w(E), {
-									size: "small",
-									disabled: H.value,
-									onClick: t[32] ||= (e) => Ic("toggle-table-header-column")
-								}, {
-									default: T(() => [...t[77] ||= [g(" 切换表头列 ", -1)]]),
-									_: 1
-								}, 8, ["disabled"]),
-								_(w(E), {
-									danger: "",
-									size: "small",
-									disabled: H.value,
-									onClick: t[33] ||= (e) => Ic("delete-table")
-								}, {
-									default: T(() => [...t[78] ||= [g(" 删除表格 ", -1)]]),
-									_: 1
-								}, 8, ["disabled"])
-							])])]),
-							default: T(() => [_(w(D), { title: "表格操作" }, {
-								default: T(() => [_(w(E), {
-									size: "small",
-									class: "gd-contract-template-designer__icon-button",
-									disabled: H.value || !G.value.isTableActive,
-									"aria-label": "表格操作"
-								}, {
-									default: T(() => [_(w(an), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["disabled"])]),
-								_: 1
-							})]),
-							_: 1
-						}, 8, ["open"])])], 8, ["disabled", "to"])),
-						Ct(h("div", {
-							ref_key: "toolbarMoreElement",
-							ref: Fr,
-							class: "gd-contract-template-designer__toolbar-more"
-						}, [_(w(D), { title: "更多工具" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: b(["gd-contract-template-designer__icon-button", { "is-selected": mi.value }]),
-								"aria-label": "更多工具",
-								"aria-haspopup": "true",
-								"aria-expanded": mi.value,
-								onClick: t[35] ||= wt((e) => mi.value = !mi.value, ["stop"])
-							}, {
-								default: T(() => [_(w(Wt), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["class", "aria-expanded"])]),
-							_: 1
-						}), Ct(h("div", Fn, [
-							Ct(h("div", In, [t[80] ||= h("span", { class: "gd-contract-template-designer__toolbar-more-title" }, "插入", -1), h("div", {
-								ref_key: "toolbarInsertSlotElement",
-								ref: Ir,
-								class: "gd-contract-template-designer__toolbar-more-slot"
-							}, null, 512)], 512), [[xt, ms("insert")]]),
-							Ct(h("div", Ln, [t[81] ||= h("span", { class: "gd-contract-template-designer__toolbar-more-title" }, "文字排版", -1), h("div", {
-								ref_key: "toolbarTypographySlotElement",
-								ref: Lr,
-								class: "gd-contract-template-designer__toolbar-more-slot"
-							}, null, 512)], 512), [[xt, ms("typography")]]),
-							Ct(h("div", Rn, [t[82] ||= h("span", { class: "gd-contract-template-designer__toolbar-more-title" }, "清除格式", -1), h("div", {
-								ref_key: "toolbarCleanupSlotElement",
-								ref: Rr,
-								class: "gd-contract-template-designer__toolbar-more-slot"
-							}, null, 512)], 512), [[xt, ms("cleanup")]]),
-							Ct(h("div", zn, [t[83] ||= h("span", { class: "gd-contract-template-designer__toolbar-more-title" }, "表格", -1), h("div", {
-								ref_key: "toolbarTableSlotElement",
-								ref: zr,
-								class: "gd-contract-template-designer__toolbar-more-slot"
-							}, null, 512)], 512), [[xt, ms("table")]])
-						], 512), [[xt, mi.value]])], 512), [[xt, ps.value]])
-					], 512)]),
-					ei.value ? (x(), m("section", Bn, [_(w(Tt), {
-						type: Zi.value ? "success" : "error",
-						message: Qi.value,
+						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"]), ti.value.length ? (x(), m("div", Vn, [(x(!0), m(mt, null, yt(ti.value, (e) => (x(), m("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) => Zs(e)
-					}, [h("span", null, C(e.message), 1), h("small", null, C(e.type === "signing-placement" ? "签署位置" : e.type === "variable" ? "变量" : "字段"), 1)], 8, Hn))), 128))])) : p("", !0)])) : p("", !0),
-					h("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: Mr,
+						ref: rn,
 						class: "gd-contract-template-designer__canvas"
-					}, [(x(!0), m(mt, null, yt(P.value.pages, (e, n) => (x(), f(Le, {
-						key: `${j.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) => Ga(e.id, t),
+						ref: (t) => Ii(e.id, t),
 						page: e,
 						"page-index": n,
-						"page-size": X(e),
-						variables: P.value.variables,
-						"selected-variable-key": F.value,
-						"signing-placements": l.showSigningPlacementTools ? Ya(e.id) : [],
-						"selected-signing-placement-id": I.value,
-						active: L.value === e.id,
-						readonly: fe.readonly,
-						disabled: fe.disabled,
-						zoom: ui.value,
-						"process-image-file": Ao,
-						onPageUpdate: Ja,
-						onVariableDrop: Lo,
-						onVariableSelect: Ro,
-						onSigningPlacementDrop: no,
-						onSigningPlacementSelect: Za,
-						onSigningPlacementMove: ao,
-						onSigningPlacementRemove: co,
-						onEditorFocus: t[36] ||= (e) => Rs(e, !1),
-						onEditorStateChange: kc,
-						onEditorContextMenu: Tc,
-						onVariableMoveBlocked: t[37] ||= (e) => Pi.value = "变量只能在当前页内移动，跨页移动尚未支持。"
+						"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: 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",
 						"page-size",
+						"page-decorations",
+						"total-pages",
 						"variables",
 						"selected-variable-key",
 						"signing-placements",
@@ -2463,51 +1870,79 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 						"active",
 						"readonly",
 						"disabled",
-						"zoom"
-					]))), 128))], 512)
+						"zoom",
+						"onSigningPlacementDrop",
+						"onSigningPlacementMove",
+						"onSigningPlacementRemove"
+					]))), 128))], 512),
+					Nt(m(ht, {
+						ref_key: "pageDecorationsStudioElement",
+						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": Ln.value,
+						"onUpdate:activeTab": t[14] ||= (e) => Ln.value = e,
+						onChange: xa,
+						onClose: vo
+					}, null, 8, [
+						"open",
+						"decorations",
+						"variables",
+						"font-family-options",
+						"readonly",
+						"disabled",
+						"active-tab"
+					]), [[jt, F.value]])
 				], 512),
-				_(dt, {
-					collapsed: pi.value,
-					readonly: fe.readonly,
-					disabled: fe.disabled,
+				m(mt, {
+					collapsed: Nn.value,
+					readonly: s.readonly,
+					disabled: s.disabled,
 					"show-signing-placement-tools": l.showSigningPlacementTools,
-					"body-control-tool-items": ha.value,
-					"signing-placement-tools": pa.value,
-					"signing-placements": U.value,
-					"selected-signing-placement": qi.value,
-					"selected-signing-placement-page-size": Yi.value,
-					"selected-variable": Ui.value,
-					"current-variable-font-family": Ta.value,
-					"font-family-select-options": ia.value,
-					"text-align-options": w(oa),
-					"border-style-options": ca,
-					"object-fit-options": la,
-					"selected-variable-width-max": ya.value,
-					"selected-variable-height-max": ba.value,
-					"min-font-size": xr,
-					"max-font-size": Sr,
-					"default-multiline-rows": w(3),
-					"resolve-signing-placement-type-icon": w(ct),
-					"signing-placement-type-labels": w(r),
-					onToggle: t[38] ||= (e) => pi.value = !pi.value,
-					onVariableDragStart: as,
-					onInsertVariable: $o,
-					onSigningPlacementDragStart: io,
-					onInsertSigningPlacement: ro,
-					onPatchSigningPlacement: oo,
-					onDuplicateSigningPlacement: t[39] ||= (e) => so(),
-					onRemoveSigningPlacement: t[40] ||= (e) => co(),
-					onDuplicateVariable: Zo,
-					onRemoveVariable: Yo,
-					onPatchVariable: Bo,
-					onPatchStyle: Wo,
-					onPatchMultiline: qo,
-					onPatchRows: Jo,
-					onPatchFontFamily: Go,
-					onPatchFontSize: Ko,
-					onPatchTextAlign: Vo,
-					onPatchBorderStyle: Ho,
-					onPatchObjectFit: Uo
+					"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",
@@ -2519,6 +1954,7 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 					"selected-signing-placement",
 					"selected-signing-placement-page-size",
 					"selected-variable",
+					"variables",
 					"current-variable-font-family",
 					"font-family-select-options",
 					"text-align-options",
@@ -2526,455 +1962,174 @@ var dn = { class: "gd-contract-template-designer__workspace-header" }, fn = { cl
 					"selected-variable-height-max",
 					"default-multiline-rows",
 					"resolve-signing-placement-type-icon",
-					"signing-placement-type-labels"
+					"signing-placement-type-labels",
+					"onSigningPlacementDragStart",
+					"onInsertSigningPlacement",
+					"onPatchSigningPlacement"
 				])
 			], 2),
-			(x(), f(ht, { to: "body" }, [
-				B.value ? (x(), f(ze, {
+			(_(), xt(bt, { to: "body" }, [
+				B.value ? (_(), xt(Re, {
 					key: 0,
 					ref_key: "tableContextMenuElement",
-					ref: Ai,
+					ref: nr,
 					capabilities: B.value.capabilities,
 					"active-alignment": B.value.activeAlignment,
-					style: gt({
+					style: Tt({
 						left: `${B.value.x}px`,
 						top: `${B.value.y}px`
 					}),
-					onExecute: Mc,
-					onKeydown: Nc
+					onExecute: ws,
+					onKeydown: Ts
 				}, null, 8, [
 					"capabilities",
 					"active-alignment",
 					"style"
-				])) : p("", !0),
-				V.value ? (x(), m("div", {
+				])) : St("", !0),
+				V.value ? (_(), xt(Ue, {
 					key: 1,
 					ref_key: "imageContextMenuElement",
-					ref: ji,
-					class: "gd-contract-template-designer__context-menu gd-contract-template-designer__image-context-menu",
-					style: gt({
-						left: `${V.value.x}px`,
-						top: `${V.value.y}px`
-					}),
-					role: "dialog",
-					"aria-label": "图片尺寸",
-					onKeydown: Fc
-				}, [
-					t[88] ||= h("div", { class: "gd-contract-template-designer__image-context-title" }, [h("strong", null, "图片尺寸"), h("span", null, "单位：px；留空可恢复自然尺寸")], -1),
-					h("div", Un, [h("label", null, [t[84] ||= h("span", null, "宽度", -1), _(w(Dt), {
-						value: Mi.value,
-						"onUpdate:value": t[41] ||= (e) => Mi.value = e,
-						min: w(16),
-						max: w(Me),
-						disabled: H.value,
-						placeholder: "自然",
-						"aria-label": "图片宽度"
-					}, null, 8, [
-						"value",
-						"min",
-						"max",
-						"disabled"
-					])]), h("label", null, [t[85] ||= h("span", null, "高度", -1), _(w(Dt), {
-						value: Ni.value,
-						"onUpdate:value": t[42] ||= (e) => Ni.value = e,
-						min: w(16),
-						max: w(Me),
-						disabled: H.value,
-						placeholder: "自然",
-						"aria-label": "图片高度"
-					}, null, 8, [
-						"value",
-						"min",
-						"max",
-						"disabled"
-					])])]),
-					h("div", Wn, [_(w(E), {
-						size: "small",
-						onClick: wc
-					}, {
-						default: T(() => [...t[86] ||= [g("恢复自然尺寸", -1)]]),
-						_: 1
-					}), _(w(E), {
-						size: "small",
-						type: "primary",
-						onClick: Cc
-					}, {
-						default: T(() => [...t[87] ||= [g("应用", -1)]]),
-						_: 1
-					})])
-				], 36)) : p("", !0),
-				z.value ? (x(), m("div", {
+					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"
+				])) : St("", !0),
+				R.value ? (_(), xt(Ve, {
 					key: 2,
 					ref_key: "textContextMenuElement",
-					ref: Di,
-					class: "gd-contract-template-designer__context-menu gd-contract-template-designer__text-context-menu",
-					style: gt({
-						left: `${z.value.x}px`,
-						top: `${z.value.y}px`
-					}),
-					role: "toolbar",
-					"aria-label": "正文快捷操作",
-					onKeydown: Pc
-				}, [
-					h("div", Gn, [
-						_(w(D), { title: "撤销" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__text-menu-icon-button",
-								disabled: !G.value.canUndo,
-								"aria-label": "撤销",
-								onClick: t[43] ||= (e) => Y({ type: "undo" })
-							}, {
-								default: T(() => [_(w(sn), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						}),
-						_(w(D), { title: "重做" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__text-menu-icon-button",
-								disabled: !G.value.canRedo,
-								"aria-label": "重做",
-								onClick: t[44] ||= (e) => Y({ type: "redo" })
-							}, {
-								default: T(() => [_(w(tn), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["disabled"])]),
-							_: 1
-						}),
-						t[89] ||= h("span", {
-							class: "gd-contract-template-designer__text-menu-divider",
-							"aria-hidden": "true"
-						}, null, -1),
-						z.value.hasSelection ? (x(), f(w(D), {
-							key: 0,
-							title: "复制"
-						}, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__text-menu-icon-button",
-								"aria-label": "复制",
-								onClick: t[45] ||= (e) => Ka("copy")
-							}, {
-								default: T(() => [_(w(Bt), { "aria-hidden": "true" })]),
-								_: 1
-							})]),
-							_: 1
-						})) : p("", !0),
-						z.value.hasSelection ? (x(), f(w(D), {
-							key: 1,
-							title: "剪切"
-						}, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__text-menu-icon-button",
-								"aria-label": "剪切",
-								onClick: t[46] ||= (e) => Ka("cut")
-							}, {
-								default: T(() => [_(w(rn), { "aria-hidden": "true" })]),
-								_: 1
-							})]),
-							_: 1
-						})) : p("", !0),
-						_(w(D), { title: "粘贴" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: "gd-contract-template-designer__text-menu-icon-button",
-								"aria-label": "粘贴",
-								onClick: t[47] ||= (e) => Ka("paste")
-							}, {
-								default: T(() => [_(w(Bt), { "aria-hidden": "true" })]),
-								_: 1
-							})]),
-							_: 1
-						})
-					]),
-					z.value.hasSelection ? p("", !0) : (x(), m("div", Kn, [
-						_(w(E), {
-							size: "small",
-							onClick: Mo
-						}, {
-							default: T(() => [_(w($t), { "aria-hidden": "true" }), t[90] ||= h("span", null, "图片", -1)]),
-							_: 1
-						}),
-						_(w(E), {
-							size: "small",
-							onClick: t[48] ||= (e) => Y({
-								type: "insert-table",
-								options: Ii.value
-							})
-						}, {
-							default: T(() => [_(w(an), { "aria-hidden": "true" }), t[91] ||= h("span", null, "表格", -1)]),
-							_: 1
-						}),
-						_(w(E), {
-							size: "small",
-							onClick: t[49] ||= (e) => Y({ type: "insert-horizontal-rule" })
-						}, {
-							default: T(() => [_(w(Zt), { "aria-hidden": "true" }), t[92] ||= h("span", null, "分隔线", -1)]),
-							_: 1
-						}),
-						_(w(E), {
-							size: "small",
-							disabled: _a.value,
-							onClick: Io
-						}, {
-							default: T(() => [_(w(Kt), { "aria-hidden": "true" }), t[93] ||= h("span", null, "新页面", -1)]),
-							_: 1
-						}, 8, ["disabled"]),
-						_(w(E), {
-							size: "small",
-							onClick: t[50] ||= (e) => Y({ type: "select-all" })
-						}, {
-							default: T(() => [...t[94] ||= [h("span", null, "全选正文", -1)]]),
-							_: 1
-						})
-					])),
-					h("div", qn, [
-						_(w(At), {
-							class: "gd-contract-template-designer__context-menu-field gd-contract-template-designer__text-menu-font-size",
-							value: Ca.value,
-							options: Ea.value,
-							"show-search": "",
-							"filter-option": !1,
-							"search-value": _i.value,
-							onBlur: mc,
-							onChange: lc,
-							onDropdownVisibleChange: gc,
-							onInputKeyDown: hc,
-							onSearch: pc
-						}, null, 8, [
-							"value",
-							"options",
-							"search-value"
-						]),
-						_(w(At), {
-							class: "gd-contract-template-designer__context-menu-field gd-contract-template-designer__text-menu-alignment",
-							value: G.value.textAlign,
-							options: w(oa),
-							onChange: sc
-						}, null, 8, ["value", "options"]),
-						_(w(D), { title: "文字颜色" }, {
-							default: T(() => [h("input", {
-								class: "gd-contract-template-designer__context-menu-color",
-								type: "color",
-								"aria-label": "文字颜色",
-								value: wa.value,
-								onInput: t[51] ||= (e) => fc(e.target.value)
-							}, null, 40, Jn)]),
-							_: 1
-						})
-					]),
-					h("div", {
-						class: "gd-contract-template-designer__text-menu-control-group",
-						role: "group",
-						"aria-label": z.value.hasSelection ? "转换为正文控件" : "插入正文控件"
-					}, [
-						h("div", Xn, [h("strong", null, C(z.value.hasSelection ? "转换为正文控件" : "插入正文控件"), 1), h("span", null, C(z.value.hasSelection ? "替换选中内容" : "在光标处插入"), 1)]),
-						h("div", Zn, [(x(!0), m(mt, null, yt(ha.value, (e) => (x(), f(w(D), {
-							key: e.type,
-							title: z.value.hasSelection ? `转换为${e.label}控件` : `插入${e.label}控件`
-						}, {
-							default: T(() => [h("button", {
-								type: "button",
-								class: "gd-contract-template-designer__text-menu-control-option",
-								"aria-label": z.value.hasSelection ? `转换为${e.label}控件` : `插入${e.label}控件`,
-								onClick: (t) => es(e.type)
-							}, [(x(), f(bt(e.icon), { "aria-hidden": "true" })), h("span", null, C(e.label), 1)], 8, Qn)]),
-							_: 2
-						}, 1032, ["title"]))), 128))]),
-						Oi.value ? (x(), m(mt, { key: 1 }, [_(w(Et), {
-							value: ki.value,
-							"onUpdate:value": t[52] ||= (e) => ki.value = e,
-							class: "gd-contract-template-designer__text-menu-bind-search",
-							size: "small",
-							"allow-clear": "",
-							placeholder: "搜索已有控件",
-							"aria-label": "搜索已有控件"
-						}, null, 8, ["value"]), h("div", er, [(x(!0), m(mt, null, yt(va.value, (e) => (x(), m("button", {
-							key: e.id,
-							type: "button",
-							class: "gd-contract-template-designer__text-menu-bind-item",
-							role: "option",
-							onClick: (t) => ns(e)
-						}, [h("span", nr, C(e.label), 1), h("span", rr, C(rs(e)) + " · " + C(e.key), 1)], 8, tr))), 128)), va.value.length ? p("", !0) : (x(), m("p", ir, " 暂无已有控件 "))])], 64)) : (x(), m("button", {
-							key: 0,
-							type: "button",
-							class: "gd-contract-template-designer__text-menu-bind-toggle",
-							disabled: !P.value.variables.length,
-							"aria-expanded": !1,
-							"aria-label": "绑定已有控件",
-							onClick: is
-						}, [t[95] ||= h("span", null, "绑定已有", -1), _(w(Ut), { "aria-hidden": "true" })], 8, $n))
-					], 8, Yn),
-					h("div", ar, [
-						_(w(D), { title: "加粗" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: b(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": G.value.isBold }]),
-								"aria-pressed": G.value.isBold,
-								"aria-label": "加粗",
-								onClick: t[53] ||= (e) => Y({ type: "toggle-bold" })
-							}, {
-								default: T(() => [_(w(Lt), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["class", "aria-pressed"])]),
-							_: 1
-						}),
-						_(w(D), { title: "斜体" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: b(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": G.value.isItalic }]),
-								"aria-pressed": G.value.isItalic,
-								"aria-label": "斜体",
-								onClick: t[54] ||= (e) => Y({ type: "toggle-italic" })
-							}, {
-								default: T(() => [_(w(Xt), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["class", "aria-pressed"])]),
-							_: 1
-						}),
-						_(w(D), { title: "下划线" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: b(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": G.value.isUnderline }]),
-								"aria-pressed": G.value.isUnderline,
-								"aria-label": "下划线",
-								onClick: t[55] ||= (e) => Y({ type: "toggle-underline" })
-							}, {
-								default: T(() => [_(w(on), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["class", "aria-pressed"])]),
-							_: 1
-						}),
-						t[96] ||= h("span", {
-							class: "gd-contract-template-designer__text-menu-divider",
-							"aria-hidden": "true"
-						}, null, -1),
-						_(w(D), { title: "有序列表" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: b(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": G.value.isOrderedList }]),
-								"aria-pressed": G.value.isOrderedList,
-								"aria-label": "有序列表",
-								onClick: t[56] ||= (e) => Y({ type: "toggle-ordered-list" })
-							}, {
-								default: T(() => [_(w(Qt), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["class", "aria-pressed"])]),
-							_: 1
-						}),
-						_(w(D), { title: "无序列表" }, {
-							default: T(() => [_(w(E), {
-								size: "small",
-								class: b(["gd-contract-template-designer__text-menu-icon-button", { "is-selected": G.value.isBulletList }]),
-								"aria-pressed": G.value.isBulletList,
-								"aria-label": "无序列表",
-								onClick: t[57] ||= (e) => Y({ type: "toggle-bullet-list" })
-							}, {
-								default: T(() => [_(w(cn), { "aria-hidden": "true" })]),
-								_: 1
-							}, 8, ["class", "aria-pressed"])]),
-							_: 1
-						})
-					]),
-					h("div", or, [_(w(D), { title: "清除文字格式" }, {
-						default: T(() => [_(w(E), {
-							size: "small",
-							class: "gd-contract-template-designer__text-menu-clear-action",
-							"aria-label": "清除文字格式",
-							onClick: t[58] ||= (e) => Y({ type: "clear-text-format" })
-						}, {
-							default: T(() => [_(w(Rt), { "aria-hidden": "true" }), t[97] ||= h("span", null, "清文字", -1)]),
-							_: 1
-						})]),
-						_: 1
-					}), _(w(D), { title: "清除段落格式" }, {
-						default: T(() => [_(w(E), {
-							size: "small",
-							class: "gd-contract-template-designer__text-menu-clear-action",
-							"aria-label": "清除段落格式",
-							onClick: t[59] ||= (e) => Y({ type: "clear-block-format" })
-						}, {
-							default: T(() => [_(w(qt), { "aria-hidden": "true" }), t[98] ||= h("span", null, "清段落", -1)]),
-							_: 1
-						})]),
-						_: 1
-					})])
-				], 36)) : p("", !0)
+					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",
+					"x",
+					"y",
+					"has-selection",
+					"editor-state",
+					"font-size-preset-options",
+					"current-editor-font-size",
+					"editor-font-size-search-value",
+					"text-align-options",
+					"current-editor-text-color",
+					"body-control-tool-items",
+					"text-menu-bindable-variables",
+					"page-limit-reached",
+					"table-insert-draft",
+					"variables-count"
+				])) : 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)
 			])),
-			h("input", {
+			p("input", {
 				ref_key: "imageFileInputElement",
-				ref: Br,
+				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: No
+				onChange: fa
 			}, null, 544),
-			h("span", sr, C(Pi.value), 1),
-			_(w(Ot), {
-				open: ii.value,
-				"onUpdate:open": t[60] ||= (e) => ii.value = e,
-				title: "模板预览",
-				width: "min(1440px, calc(100vw - 32px))",
-				centered: "",
-				footer: null,
-				"wrap-class-name": "gd-contract-template-designer__preview-modal",
-				onCancel: Os
-			}, {
-				default: T(() => [h("div", { class: b(["gd-contract-template-designer__preview", { "is-multi-file": Gi.value.length > 0 }]) }, [Gi.value.length ? (x(), m("div", cr, [h("nav", lr, [t[99] ||= h("span", { class: "gd-contract-template-designer__preview-file-nav-title" }, "合同文件", -1), (x(!0), m(mt, null, yt(Gi.value, (e) => (x(), m("button", {
-					key: e.file.id,
-					type: "button",
-					class: b(["gd-contract-template-designer__preview-file-tab", { "is-active": e.file.id === Ki.value?.file.id }]),
-					"aria-current": e.file.id === Ki.value?.file.id ? "page" : void 0,
-					onClick: (t) => si.value = e.file.id
-				}, [
-					_(w(Kt), { "aria-hidden": "true" }),
-					h("span", null, C(e.file.name), 1),
-					h("small", null, C(e.pages.length) + " 页", 1)
-				], 10, ur))), 128))]), Ki.value ? (x(), m("section", dr, [h("h3", fr, C(Ki.value.file.name), 1), (x(!0), m(mt, null, yt(Ki.value.pages, (e) => (x(), f(Re, {
-					key: `${Ki.value.file.id}:${e.page.id}`,
-					page: e.page,
-					"fallback-page-size": Ki.value.file.template.pageSize,
-					"content-html": e.contentHtml,
-					"signing-placements": e.signingPlacements
-				}, null, 8, [
-					"page",
-					"fallback-page-size",
-					"content-html",
-					"signing-placements"
-				]))), 128))])) : p("", !0)])) : (x(!0), m(mt, { key: 1 }, yt(Wi.value, (e) => (x(), f(Re, {
-					key: e.page.id,
-					page: e.page,
-					"fallback-page-size": ai.value?.pageSize ?? w(pe),
-					"content-html": e.contentHtml,
-					"signing-placements": e.signingPlacements
-				}, null, 8, [
-					"page",
-					"fallback-page-size",
-					"content-html",
-					"signing-placements"
-				]))), 128))], 2)]),
-				_: 1
-			}, 8, ["open"]),
-			_(w(Ot), {
-				open: ci.value,
-				"onUpdate:open": t[61] ||= (e) => ci.value = e,
-				title: "提交数据查看",
-				width: "min(960px, calc(100vw - 48px))",
-				centered: "",
-				footer: null,
-				"wrap-class-name": "gd-contract-template-designer__submit-data-modal",
-				onCancel: js
-			}, {
-				default: T(() => [h("pre", pr, C(li.value), 1)]),
-				_: 1
-			}, 8, ["open"])
+			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",
+				"preview-file-groups",
+				"preview-active-group",
+				"preview-snapshot"
+			]),
+			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 { Ar as default };
+export { tn as default };