@guodun/antdv 1.2.4 → 1.2.5

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

@@ -0,0 +1,1679 @@
+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";
+//#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 = {
+	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 = {
+	key: 0,
+	class: "gd-contract-template-designer__validation"
+}, Lt = {
+	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 = [
+	"disabled",
+	"onDragstart",
+	"onClick"
+], Ut = { class: "gd-contract-template-designer__panel" }, Wt = { class: "gd-contract-template-designer__panel-head" }, Gt = {
+	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 = {
+	key: 0,
+	class: "gd-contract-template-designer__switch-grid"
+}, $t = { class: "gd-contract-template-designer__switch-row" }, en = {
+	key: 0,
+	class: "gd-contract-template-designer__form-row is-compact"
+}, tn = {
+	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 = {
+	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({
+	name: "ProContractTemplateDesigner",
+	__name: "ProContractTemplateDesigner",
+	props: {
+		modelValue: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		pageSize: { default: () => ye },
+		variableTypes: { default: () => c },
+		defaultVariableStyle: { default: () => ve },
+		fontFamilies: { default: void 0 },
+		fontFamilyMode: { default: "append" },
+		showSubmitDataViewer: {
+			type: Boolean,
+			default: !0
+		},
+		showClearButton: {
+			type: Boolean,
+			default: !0
+		},
+		enableDraftCache: {
+			type: Boolean,
+			default: !0
+		},
+		draftCacheKey: { default: Ie },
+		draftCacheInterval: { default: Fe },
+		draftCacheMaxBytes: { default: l },
+		showDraftCacheStatus: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"variable-add",
+		"validate",
+		"draft-cache-change"
+	],
+	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({
+			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)}`;
+				case "restored": return "已恢复本地草稿";
+				case "too-large": return "草稿过大，未缓存";
+				case "unavailable":
+				case "read-failed":
+				case "write-failed": return "草稿缓存失败";
+				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) => ({
+			label: e.label,
+			value: e.value
+		}))), ir = d(() => me.map((e) => ({
+			label: e.label,
+			value: e.key
+		}))), ar = ge, or = [
+			{
+				label: "正文",
+				value: "paragraph"
+			},
+			{
+				label: "H1",
+				value: 1
+			},
+			{
+				label: "H2",
+				value: 2
+			},
+			{
+				label: "H3",
+				value: 3
+			},
+			{
+				label: "H4",
+				value: 4
+			},
+			{
+				label: "H5",
+				value: 5
+			},
+			{
+				label: "H6",
+				value: 6
+			}
+		], sr = [{
+			label: "实线",
+			value: "solid"
+		}, {
+			label: "虚线",
+			value: "dashed"
+		}], cr = [
+			{
+				label: "完整显示",
+				value: "contain"
+			},
+			{
+				label: "铺满裁剪",
+				value: "cover"
+			},
+			{
+				label: "拉伸填充",
+				value: "fill"
+			}
+		], lr = be.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) => ({
+				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, {
+				label: `使用 ${n}px`,
+				value: n
+			}), t && !he.includes(t) && r.set(t, {
+				label: n === t ? `使用 ${t}px` : `${t}px`,
+				value: t
+			}), [...Array.from(r.values()), ...e];
+		});
+		Ze(() => l.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
+		], () => {
+			fr = "", Fr();
+		}), Ze(P, (e) => {
+			if (!(typeof document > "u")) {
+				if (e) {
+					ur = document.body.style.overflow, document.body.style.overflow = "hidden";
+					return;
+				}
+				document.body.style.overflow = ur ?? "", ur = 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();
+		});
+		function xr() {
+			return {
+				isFocused: !1,
+				canUndo: !1,
+				canRedo: !1,
+				isBold: !1,
+				isItalic: !1,
+				isUnderline: !1,
+				isBulletList: !1,
+				isOrderedList: !1,
+				isTableActive: !1,
+				textAlign: "left",
+				fontFamily: s,
+				fontSize: ve.fontSize ?? 14,
+				textColor: ve.color ?? "#1f2937",
+				selectionText: ""
+			};
+		}
+		function Sr(e) {
+			return e === "left" || e === "center" || e === "right";
+		}
+		function Cr(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 Tr(e, t = _r.value) {
+			let n = Number(e);
+			return Number.isFinite(n) ? Math.min(Ln, Math.max(In, Math.round(n))) : t;
+		}
+		function Er(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)));
+		}
+		function G(e = O.value) {
+			return {
+				...e,
+				pages: e.pages.map((e) => {
+					let t = M.get(e.id);
+					return {
+						...e,
+						contentHtml: t?.getHTML() ?? e.contentHtml,
+						contentJson: t?.getJSON() ?? e.contentJson
+					};
+				})
+			};
+		}
+		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 });
+		}
+		function Or() {
+			return Be();
+		}
+		function kr() {
+			if (!Yn.value) {
+				let e = Re("unavailable", "草稿缓存未启用");
+				return Dr(e), e;
+			}
+			let e = Ue({
+				storage: Or(),
+				key: l.draftCacheKey,
+				value: Se(G()),
+				maxBytes: l.draftCacheMaxBytes,
+				previousValueSerialized: fr
+			});
+			return e.valueSerialized && (fr = e.valueSerialized), e.status.type !== "unchanged" && Dr(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 jr() {
+			let e = Le(Or(), l.draftCacheKey);
+			fr = "", Dr(e);
+		}
+		function Mr() {
+			return { ...R.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);
+				return;
+			}
+			e.status.type !== "idle" && e.status.type !== "invalid" && Dr(e.status);
+		}
+		function Pr() {
+			dr &&= (clearInterval(dr), 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();
+			}, e);
+		}
+		function Ir(e, t) {
+			t ? M.set(e, t) : M.delete(e);
+		}
+		function q(e) {
+			B.value || M.get(H.value?.id ?? A.value)?.runCommand(e);
+		}
+		function J(e) {
+			q(e), Q();
+		}
+		function Lr(e) {
+			let t = K(Me(e));
+			return k.value && !t.variables.some((e) => e.key === k.value) && (k.value = ""), t;
+		}
+		function Rr(e) {
+			Lr({
+				...O.value,
+				pages: O.value.pages.map((t) => t.id === e.id ? e : t)
+			}), Y(e.id);
+		}
+		function zr(e) {
+			return je(e?.pageSize, O.value.pageSize);
+		}
+		function Br(e) {
+			if (B.value || !H.value) return;
+			let t = ke(e);
+			if (!t) return;
+			let n = H.value.id;
+			K({
+				...O.value,
+				pages: O.value.pages.map((e) => e.id === n ? {
+					...e,
+					pageSize: je(t, O.value.pageSize)
+				} : e)
+			}), Y(n);
+		}
+		function Vr(e) {
+			return {
+				type: "doc",
+				content: e.length ? e : [{ type: "paragraph" }]
+			};
+		}
+		function Hr(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;
+			return {
+				...e,
+				contentHtml: `${n}${a}`,
+				contentJson: Vr(i)
+			};
+		}
+		function Y(e = A.value) {
+			B.value || (Vn.value = e, !Bn.value && Ge(() => Wr()));
+		}
+		async function Wr() {
+			if (!Bn.value) {
+				Bn.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;
+						for (let t = r; t < n.length; t += 1) {
+							let r = n[t], a = M.get(r.id)?.splitOverflowContent();
+							if (!a) continue;
+							let o = G().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,
+								pages: o
+							}), e = o[ee + 1]?.id ?? a.page.id, i = !0;
+							break;
+						}
+						if (!i) break;
+						t += 1;
+					}
+				} finally {
+					Bn.value = !1, Vn.value && Ge(() => Wr());
+				}
+			}
+		}
+		function Gr() {
+			if (B.value) return;
+			let e = Te(O.value.pages.length + 1, U.value);
+			K({
+				...O.value,
+				pages: [...O.value.pages, e]
+			}), A.value = e.id;
+		}
+		function Kr(e) {
+			let t = new Set(O.value.variables.map((e) => e.key)), n = 1;
+			for (; t.has(`${e}_${n}`);) n += 1;
+			return `${e}_${n}`;
+		}
+		function qr(e) {
+			let t = e.type ?? "text";
+			return Ee({
+				...e,
+				type: t,
+				key: e.key || Kr(t),
+				label: e.label || Oe(t, l.variableTypes).label
+			}, l.variableTypes, l.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);
+			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;
+		}
+		function Yr(e, t, n, r) {
+			Q(), Jr(qr({ type: t }), e, {
+				left: n,
+				top: r
+			});
+		}
+		function Xr(e) {
+			Q(), k.value = e;
+		}
+		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) => {
+				let o = t.updateVariable(e, r);
+				if (o) {
+					i ||= a;
+					let e = n.findIndex((e) => e.id === a);
+					e >= 0 && (n[e] = o);
+				}
+			}), K({
+				...O.value,
+				pages: n,
+				variables: O.value.variables.map((t) => t.id === e.id ? e : t)
+			}), k.value = e.key, Y(i || A.value);
+		}
+		function X(e) {
+			V.value && Zr({
+				...V.value,
+				...e,
+				style: {
+					...V.value.style,
+					...e.style
+				}
+			});
+		}
+		function Qr(e) {
+			(e === "left" || e === "center" || e === "right") && X({ style: { textAlign: e } });
+		}
+		function $r(e) {
+			(e === "solid" || e === "dashed") && X({ style: { borderStyle: e } });
+		}
+		function ei(e) {
+			(e === "contain" || e === "cover" || e === "fill") && X({ style: { objectFit: e } });
+		}
+		function Z(e) {
+			X({ style: e });
+		}
+		function ti(e) {
+			Z({ 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 ri(e) {
+			V.value && X({
+				multiline: e,
+				rows: V.value.rows || 3,
+				lineHeight: V.value.lineHeight || 28,
+				style: e ? { underline: !0 } : void 0
+			});
+		}
+		function ii(e) {
+			V.value && X({
+				rows: Number(e || 3),
+				lineHeight: V.value.lineHeight || 28
+			});
+		}
+		function ai(e) {
+			if (B.value) return;
+			let t = [...O.value.pages];
+			M.forEach((n, r) => {
+				let i = n.removeVariable(e.key);
+				if (i) {
+					let e = t.findIndex((e) => e.id === r);
+					e >= 0 && (t[e] = i);
+				}
+			}), K({
+				...O.value,
+				pages: t,
+				variables: O.value.variables.filter((t) => t.id !== e.id)
+			}), k.value = "";
+		}
+		function oi(e) {
+			let t = (e.trim() || "variable").replace(/\s+/g, "_"), n = new Set(O.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({
+				...e,
+				id: void 0,
+				key: oi(`${e.key || e.type}_copy`),
+				label: `${e.label}副本`,
+				style: { ...e.style }
+			}, l.variableTypes, l.defaultVariableStyle));
+		}
+		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 li(e) {
+			if (!B.value) return Jr(qr({ type: e }));
+		}
+		function ui(e, t) {
+			e.dataTransfer?.setData("application/x-gd-contract-variable", t), e.dataTransfer && (e.dataTransfer.effectAllowed = "copy");
+		}
+		function di(e) {
+			return N.value = Math.round(Math.min(An, Math.max(kn, Number.isFinite(e) ? e : 1)) * 100) / 100, N.value;
+		}
+		function fi() {
+			return di(1);
+		}
+		function pi() {
+			return N.value;
+		}
+		function mi() {
+			di(N.value + jn);
+		}
+		function hi() {
+			di(N.value - jn);
+		}
+		function gi() {
+			Q(), I.value = !1, L.value = !1, P.value = !P.value;
+		}
+		function _i() {
+			Q(), Un.value = xe(G()), Hn.value = !0;
+		}
+		function vi() {
+			Hn.value = !1;
+		}
+		function yi() {
+			return Ni();
+		}
+		function bi() {
+			Q();
+			let e = yi();
+			return Gn.value = JSON.stringify(e, null, 2), Wn.value = !0, e;
+		}
+		function xi() {
+			Wn.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 Ci() {
+			B.value || (Q(), et.confirm({
+				title: "清空合同内容",
+				content: "将清空全部合同正文、页面和模板变量，仅保留一个空白 A4 合同页。此操作不可撤销。",
+				okText: "确认清空",
+				okType: "danger",
+				cancelText: "取消",
+				onOk: () => {
+					Si();
+				}
+			}));
+		}
+		function wi(e) {
+			let t = G().pages, n = t.find((e) => e.id === A.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 Ei(e) {
+			let t = O.value.variables.find((t) => t.key === e || t.id === e);
+			t && Ti(t);
+		}
+		function Di(e, t = !0) {
+			Q(), A.value = e, t && Ge(() => {
+				M.get(e)?.scrollIntoPage();
+			});
+		}
+		function Oi(e) {
+			O.value.pages.some((t) => t.id === e) && Di(e);
+		}
+		function ki() {
+			return Se(G());
+		}
+		function Ai(e) {
+			K(Ae(e, l.pageSize));
+		}
+		function ji() {
+			let e = Ne(G());
+			return j.value = e, zn.value = !0, We("validate", e), e;
+		}
+		function Mi(e) {
+			if (e.variableKey) {
+				Ei(e.variableKey);
+				return;
+			}
+			if (e.pageId) {
+				Oi(e.pageId);
+				return;
+			}
+			let t = O.value.variables.find((t) => t.id === e.id || t.key === e.id);
+			if (t) {
+				Ti(t);
+				return;
+			}
+			O.value.pages.some((t) => t.id === e.id) && Di(e.id);
+		}
+		function Ni() {
+			return De(G());
+		}
+		function Pi(e) {
+			j.value = [...e], zn.value = !0;
+		}
+		function Fi() {
+			j.value = [], zn.value = !1;
+		}
+		function Ii() {
+			M.get(H.value?.id ?? A.value)?.focus();
+		}
+		function Li(e) {
+			Sr(e) && q({
+				type: "set-text-align",
+				value: e
+			});
+		}
+		function Ri(e) {
+			if (e === "paragraph") {
+				q({ type: "set-paragraph" });
+				return;
+			}
+			Cr(e) && q({
+				type: "set-heading",
+				level: e
+			});
+		}
+		function zi(e) {
+			let t = Er(e);
+			t && (q({
+				type: "set-font-size",
+				value: t
+			}), F.value = "");
+		}
+		function Bi(e) {
+			let t = String(e || "").trim();
+			if (!t) {
+				q({ type: "unset-font-family" });
+				return;
+			}
+			q({
+				type: "set-font-family",
+				value: t
+			});
+		}
+		function Vi(e) {
+			let t = e.target?.value;
+			t && q({
+				type: "set-color",
+				value: t
+			});
+		}
+		function Hi(e) {
+			let t = e.trim();
+			t && q({
+				type: "set-color",
+				value: t
+			});
+		}
+		function Ui(e) {
+			F.value = e;
+		}
+		function Wi() {
+			F.value.trim() && zi(F.value);
+		}
+		function Gi(e) {
+			e.key === "Enter" && (e.preventDefault(), Wi());
+		}
+		function Ki(e) {
+			e || (Wi(), F.value = "");
+		}
+		function qi(e) {
+			wr(e) && (q({
+				type: "apply-text-style-preset",
+				preset: e
+			}), qn.value = void 0, Q());
+		}
+		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 = {
+				pageId: e.pageId,
+				x: t,
+				y: n
+			};
+		}
+		function Q() {
+			Jn.value = void 0;
+		}
+		function Yi(e) {
+			!Jn.value || (e.target instanceof HTMLElement ? e.target : null)?.closest(".gd-contract-template-designer__context-menu") || Q();
+		}
+		function Xi(e) {
+			let t = Rn.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));
+		}
+		function Zi(e) {
+			if ((e.ctrlKey || e.metaKey) && !e.altKey && e.key.toLowerCase() === "s") {
+				if (!Yn.value || !Xi(e)) return;
+				e.preventDefault(), kr();
+				return;
+			}
+			e.key === "Escape" && (Q(), I.value = !1, L.value = !1, P.value = !1);
+		}
+		function Qi(e, t) {
+			let n = Kn.value[e];
+			n && JSON.stringify(n) === JSON.stringify(t) || (Kn.value = {
+				...Kn.value,
+				[e]: t
+			});
+		}
+		function $i() {
+			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
+				}
+			}), 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", {
+			ref_key: "designerElement",
+			ref: Rn,
+			class: Ke(["gd-contract-template-designer", {
+				"is-disabled": c.disabled,
+				"is-readonly": B.value,
+				"is-fullscreen": P.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)]),
+					_: 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" })]),
+							_: 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"
+							}))]),
+							_: 1
+						}, 8, ["aria-label"])]),
+						_: 1
+					}, 8, ["title"])
+				])]), h("div", bt, [
+					c.showClearButton ? (v(), f(x(D), {
+						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" })]),
+							_: 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" })]),
+							_: 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" })]),
+							_: 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" })]),
+							_: 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" })]),
+							_: 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" })
+						}, {
+							default: S(() => [_(x(oe), { "aria-hidden": "true" })]),
+							_: 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), {
+								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" })
+							}, {
+								default: S(() => [_(x(t), { "aria-hidden": "true" })]),
+								_: 1
+							}, 8, ["type", "disabled"])]),
+							_: 1
+						}),
+						_(x(D), { title: "斜体" }, {
+							default: S(() => [_(x(C), {
+								size: "small",
+								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" })
+							}, {
+								default: S(() => [_(x(re), { "aria-hidden": "true" })]),
+								_: 1
+							}, 8, ["type", "disabled"])]),
+							_: 1
+						}),
+						_(x(D), { title: "下划线" }, {
+							default: S(() => [_(x(C), {
+								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" })
+							}, {
+								default: S(() => [_(x(le), { "aria-hidden": "true" })]),
+								_: 1
+							}, 8, ["type", "disabled"])]),
+							_: 1
+						}),
+						_(x(D), { title: "编号列表" }, {
+							default: S(() => [_(x(C), {
+								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" })
+							}, {
+								default: S(() => [_(x(ie), { "aria-hidden": "true" })]),
+								_: 1
+							}, 8, ["type", "disabled"])]),
+							_: 1
+						}),
+						_(x(D), { title: "项目列表" }, {
+							default: S(() => [_(x(C), {
+								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" })
+							}, {
+								default: S(() => [_(x(de), { "aria-hidden": "true" })]),
+								_: 1
+							}, 8, ["type", "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), {
+							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
+						}, 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), {
+							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), {
+							size: "small",
+							class: "gd-contract-template-designer__icon-button",
+							disabled: B.value,
+							"aria-label": "清文字",
+							onClick: s[8] ||= (e) => q({ type: "clear-text-format" })
+						}, {
+							default: S(() => [_(x(n), { "aria-hidden": "true" })]),
+							_: 1
+						}, 8, ["disabled"])]),
+						_: 1
+					}), _(x(D), { title: "清段落" }, {
+						default: S(() => [_(x(C), {
+							size: "small",
+							class: "gd-contract-template-designer__icon-button",
+							disabled: B.value,
+							"aria-label": "清段落",
+							onClick: s[9] ||= (e) => q({ type: "clear-block-format" })
+						}, {
+							default: S(() => [_(x(ee), { "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
+							})])
+						])]),
+						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
+						})]),
+						_: 1
+					}, 8, ["open"]), _(x(tt), {
+						open: L.value,
+						"onUpdate:open": s[24] ||= (e) => L.value = e,
+						trigger: "click",
+						placement: "bottom"
+					}, {
+						content: S(() => [h("div", Pt, [s[74] ||= h("strong", null, "表格操作", -1), h("div", Ft, [
+							_(x(C), {
+								size: "small",
+								onClick: s[15] ||= (e) => $("add-table-row-before")
+							}, {
+								default: S(() => [...s[65] ||= [g(" 上方插行 ", -1)]]),
+								_: 1
+							}),
+							_(x(C), {
+								size: "small",
+								onClick: s[16] ||= (e) => $("add-table-row-after")
+							}, {
+								default: S(() => [...s[66] ||= [g(" 下方插行 ", -1)]]),
+								_: 1
+							}),
+							_(x(C), {
+								size: "small",
+								onClick: s[17] ||= (e) => $("add-table-column-before")
+							}, {
+								default: S(() => [...s[67] ||= [g(" 左侧插列 ", -1)]]),
+								_: 1
+							}),
+							_(x(C), {
+								size: "small",
+								onClick: s[18] ||= (e) => $("add-table-column-after")
+							}, {
+								default: S(() => [...s[68] ||= [g(" 右侧插列 ", -1)]]),
+								_: 1
+							}),
+							_(x(C), {
+								size: "small",
+								onClick: s[19] ||= (e) => $("delete-table-row")
+							}, {
+								default: S(() => [...s[69] ||= [g(" 删除当前行 ", -1)]]),
+								_: 1
+							}),
+							_(x(C), {
+								size: "small",
+								onClick: s[20] ||= (e) => $("delete-table-column")
+							}, {
+								default: S(() => [...s[70] ||= [g(" 删除当前列 ", -1)]]),
+								_: 1
+							}),
+							_(x(C), {
+								size: "small",
+								onClick: s[21] ||= (e) => $("toggle-table-header-row")
+							}, {
+								default: S(() => [...s[71] ||= [g(" 切换表头行 ", -1)]]),
+								_: 1
+							}),
+							_(x(C), {
+								size: "small",
+								onClick: s[22] ||= (e) => $("toggle-table-header-column")
+							}, {
+								default: S(() => [...s[72] ||= [g(" 切换表头列 ", -1)]]),
+								_: 1
+							}),
+							_(x(C), {
+								danger: "",
+								size: "small",
+								onClick: s[23] ||= (e) => $("delete-table")
+							}, {
+								default: S(() => [...s[73] ||= [g(" 删除表格 ", -1)]]),
+								_: 1
+							})
+						])])]),
+						default: S(() => [_(x(D), { title: "表格操作" }, {
+							default: S(() => [_(x(C), {
+								size: "small",
+								class: "gd-contract-template-designer__icon-button",
+								disabled: B.value || !W.value.isTableActive,
+								"aria-label": "表格操作"
+							}, {
+								default: S(() => [_(x(ce), { "aria-hidden": "true" })]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 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)]]),
+						_: 1
+					}),
+					_(x(C), {
+						size: "small",
+						onClick: s[53] ||= (e) => J({ type: "clear-block-format" })
+					}, {
+						default: S(() => [...s[109] ||= [g(" 清除块级格式 ", -1)]]),
+						_: 1
+					})
+				])
+			], 4)) : p("", !0),
+			_(x(et), {
+				open: Hn.value,
+				"onUpdate:open": s[54] ||= (e) => Hn.value = e,
+				title: "模板预览",
+				width: "min(1440px, calc(100vw - 32px))",
+				centered: "",
+				footer: null,
+				"wrap-class-name": "gd-contract-template-designer__preview-modal",
+				onCancel: vi
+			}, {
+				default: S(() => [h("div", {
+					class: "gd-contract-template-designer__preview",
+					innerHTML: Un.value
+				}, null, 8, Dn)]),
+				_: 1
+			}, 8, ["open"]),
+			_(x(et), {
+				open: Wn.value,
+				"onUpdate:open": s[55] ||= (e) => Wn.value = e,
+				title: "提交数据查看",
+				width: "min(960px, calc(100vw - 48px))",
+				centered: "",
+				footer: null,
+				"wrap-class-name": "gd-contract-template-designer__submit-data-modal",
+				onCancel: xi
+			}, {
+				default: S(() => [h("pre", On, b(Gn.value), 1)]),
+				_: 1
+			}, 8, ["open"])
+		], 2));
+	}
+});
+//#endregion
+export { Rn as default };