@guodun/antdv 1.4.4 → 1.4.5

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

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