@guodun/antdv 1.3.2 → 1.4.0

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

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