@guodun/antdv 1.2.5 → 1.3.0

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

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