@guodun/antdv 1.4.0 → 1.4.2

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

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