@guodun/antdv 1.5.3 → 1.6.0

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

@@ -1,34 +1,36 @@
 import { createPageDecorationPreset as e, normalizePageDecorations as t, resolvePageDecorationPreset as n, validatePageDecorations as ee } from "./utils/page-decorations.mjs";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderList as m, shallowRef as h, toDisplayString as g, unref as _, watch as v, withCtx as y, withKeys as b } from "vue";
-import { Alert as te, Button as x, Dropdown as S, Input as C, InputNumber as w, Menu as T, MenuItem as E, Modal as ne, Select as D, Switch as O, TabPane as k, Tabs as re, Tooltip as ie } from "ant-design-vue";
-import { DownOutlined as A, ReloadOutlined as ae } from "@ant-design/icons-vue";
+import te from "./ContractTemplatePageDecorationsPageMap.mjs";
+import ne from "./ContractTemplatePageDecorationsPresetPicker.mjs";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as re, openBlock as f, renderList as p, shallowRef as m, toDisplayString as h, unref as g, vShow as _, watch as v, withCtx as y, withDirectives as b, withKeys as x } from "vue";
+import { Alert as ie, Button as S, Dropdown as C, Input as w, InputNumber as T, Menu as E, MenuItem as D, Modal as ae, Segmented as O, Select as k, Switch as A, Tooltip as oe } from "ant-design-vue";
+import { PlusOutlined as j, ReloadOutlined as se } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorationsInspector.vue?vue&type=script&setup=true&lang.ts
-var oe = {
+var ce = {
 	key: 0,
 	class: "gd-contract-template-designer__panel-head"
-}, se = { class: "gd-contract-template-designer__decoration-plan" }, ce = { class: "gd-contract-template-designer__form-row is-compact" }, le = { class: "gd-contract-template-designer__decoration-tab-label" }, ue = { class: "gd-contract-template-designer__decoration-form" }, de = { class: "gd-contract-template-designer__switch-row" }, fe = { class: "gd-contract-template-designer__switch-row" }, pe = {
+}, le = { class: "gd-contract-template-designer__decoration-workbench" }, ue = { class: "gd-contract-template-designer__decoration-config" }, de = { class: "gd-contract-template-designer__decoration-quick-settings" }, fe = { class: "gd-contract-template-designer__decoration-quick-setting" }, pe = { class: "gd-contract-template-designer__decoration-quick-setting" }, me = {
 	key: 0,
-	class: "gd-contract-template-designer__switch-row"
-}, me = { class: "gd-contract-template-designer__decoration-slots-grid" }, he = ["data-decoration-slot", "data-page-decoration-path"], ge = { class: "gd-contract-template-designer__form-row is-compact" }, _e = { class: "gd-contract-template-designer__decoration-advanced" }, ve = { class: "gd-contract-template-designer__decoration-advanced-content" }, ye = { class: "gd-contract-template-designer__form-row is-compact" }, be = { class: "gd-contract-template-designer__decoration-control-grid" }, xe = { class: "gd-contract-template-designer__unit-control" }, j = { class: "gd-contract-template-designer__unit-control" }, M = { class: "gd-contract-template-designer__color-control" }, Se = [
+	class: "gd-contract-template-designer__decoration-quick-setting"
+}, he = { class: "gd-contract-template-designer__decoration-slots-grid" }, ge = ["data-decoration-slot", "data-page-decoration-path"], _e = { class: "gd-contract-template-designer__decoration-slot-head" }, ve = { class: "gd-contract-template-designer__decoration-advanced" }, ye = { class: "gd-contract-template-designer__decoration-advanced-content" }, be = { class: "gd-contract-template-designer__decoration-control-grid is-single" }, xe = { class: "gd-contract-template-designer__decoration-control-grid" }, Se = { class: "gd-contract-template-designer__unit-control" }, Ce = { class: "gd-contract-template-designer__unit-control" }, we = { class: "gd-contract-template-designer__color-control" }, Te = [
 	"value",
 	"disabled",
 	"aria-label",
 	"onInput"
-], Ce = { class: "gd-contract-template-designer__switch-row" }, we = {
+], Ee = { class: "gd-contract-template-designer__decoration-switch-row" }, De = {
 	key: 0,
-	class: "gd-contract-template-designer__color-row"
-}, Te = { class: "gd-contract-template-designer__color-control" }, Ee = [
+	class: "gd-contract-template-designer__decoration-color-row"
+}, Oe = { class: "gd-contract-template-designer__color-control" }, ke = [
 	"value",
 	"disabled",
 	"aria-label",
 	"onInput"
-], De = { class: "gd-contract-template-designer__decoration-tab-label" }, Oe = { class: "gd-contract-template-designer__decoration-form" }, ke = { class: "gd-contract-template-designer__switch-row" }, Ae = { class: "gd-contract-template-designer__switch-row" }, je = {
+], Ae = { class: "gd-contract-template-designer__decoration-form" }, je = { class: "gd-contract-template-designer__decoration-quick-settings" }, Me = { class: "gd-contract-template-designer__decoration-quick-setting" }, Ne = { class: "gd-contract-template-designer__decoration-quick-setting" }, Pe = {
 	class: "gd-contract-template-designer__decoration-slot-editor gd-contract-template-designer__decoration-watermark-editor",
 	"data-page-decoration-path": "watermark.text"
-}, Me = { class: "gd-contract-template-designer__form-row is-compact" }, Ne = { class: "gd-contract-template-designer__form-row is-compact" }, Pe = {
+}, Fe = { class: "gd-contract-template-designer__decoration-slot-head" }, Ie = { class: "gd-contract-template-designer__decoration-segment-row" }, Le = {
 	key: 0,
-	class: "gd-contract-template-designer__form-row is-compact"
-}, Fe = { class: "gd-contract-template-designer__decoration-advanced" }, Ie = { class: "gd-contract-template-designer__decoration-advanced-content" }, Le = { class: "gd-contract-template-designer__decoration-control-grid" }, Re = { class: "gd-contract-template-designer__unit-control" }, ze = { class: "gd-contract-template-designer__unit-control" }, Be = { class: "gd-contract-template-designer__unit-control" }, Ve = { class: "gd-contract-template-designer__color-control" }, He = ["value", "disabled"], N = /* @__PURE__ */ d({
+	class: "gd-contract-template-designer__decoration-segment-row"
+}, Re = { class: "gd-contract-template-designer__decoration-advanced" }, ze = { class: "gd-contract-template-designer__decoration-advanced-content" }, Be = { class: "gd-contract-template-designer__decoration-control-grid" }, Ve = { class: "gd-contract-template-designer__unit-control" }, He = { class: "gd-contract-template-designer__unit-control" }, Ue = { class: "gd-contract-template-designer__unit-control" }, We = { class: "gd-contract-template-designer__color-control" }, Ge = ["value", "disabled"], M = /* @__PURE__ */ d({
 	name: "ContractTemplatePageDecorationsInspector",
 	__name: "ContractTemplatePageDecorationsInspector",
 	props: {
@@ -44,40 +46,21 @@ var oe = {
 		}
 	},
 	emits: ["change", "update:activeTab"],
-	setup(d, { expose: N, emit: Ue }) {
-		let P = d, F = Ue, I = i(() => t(P.decorations)), L = i(() => P.readonly || P.disabled), R = h("header"), z = h(""), B = i(() => n(I.value)), V = i(() => ee(I.value, P.variables)), We = i(() => {
+	setup(d, { expose: M, emit: Ke }) {
+		let N = d, P = Ke, F = i(() => t(N.decorations)), I = i(() => N.readonly || N.disabled), L = m("header"), R = m(""), z = i(() => n(F.value)), B = i(() => ee(F.value, N.variables)), V = i(() => {
 			let e = /* @__PURE__ */ new Map();
-			return V.value.forEach((t) => {
+			return B.value.forEach((t) => {
 				let n = t.id.replace(/-\d+-\d+$/, "");
 				e.set(n, [...e.get(n) ?? [], t.message.replace(/^.*?：/, "")]);
 			}), e;
-		}), H = i(() => P.variables.filter((e) => e.type !== "image")), Ge = [
-			{
-				label: "无装饰",
-				value: "none"
-			},
-			{
-				label: "标准页码",
-				value: "page-number"
-			},
-			{
-				label: "内部审阅",
-				value: "internal-review"
-			},
-			{
-				label: "草稿",
-				value: "draft"
-			}
-		], Ke = {
-			none: "无装饰",
-			"page-number": "标准页码",
-			"internal-review": "内部审阅",
-			draft: "草稿",
-			custom: "自定义"
-		}, qe = i(() => ({
-			value: B.value,
-			label: Ke[B.value]
-		})), Je = [{
+		}), qe = i(() => {
+			let e = Array.from(V.value.keys());
+			return {
+				header: e.some((e) => e.startsWith("header.")),
+				footer: e.some((e) => e.startsWith("footer.")),
+				watermark: e.some((e) => e.startsWith("watermark."))
+			};
+		}), H = i(() => N.variables.filter((e) => e.type !== "image")), Je = [{
 			label: "常规",
 			value: 400
 		}, {
@@ -102,11 +85,11 @@ var oe = {
 				label: "密集 4×6",
 				value: "dense"
 			}
-		], Ze = {
+		], U = {
 			left: "左侧",
 			center: "居中",
 			right: "右侧"
-		}, U = [
+		}, Ze = [
 			"left",
 			"center",
 			"right"
@@ -117,73 +100,72 @@ var oe = {
 			key: "footer",
 			label: "页脚"
 		}];
-		v(() => P.activeTab, (e) => {
-			e && (R.value = e);
-		}, { immediate: !0 }), v(R, (e) => F("update:activeTab", e));
+		v(() => N.activeTab, (e) => {
+			e && (L.value = e);
+		}, { immediate: !0 }), v(L, (e) => P("update:activeTab", e));
 		function W(e) {
-			F("change", t(e));
+			P("change", t(e));
 		}
 		function G(e, t) {
 			W({
-				...I.value,
+				...F.value,
 				[e]: {
-					...I.value[e],
+					...F.value[e],
 					...t
 				}
 			});
 		}
 		function K(e, t, n) {
 			G(e, { slots: {
-				...I.value[e].slots,
+				...F.value[e].slots,
 				[t]: n
 			} });
 		}
 		function q(e) {
 			W({
-				...I.value,
+				...F.value,
 				watermark: {
-					...I.value.watermark,
+					...F.value.watermark,
 					...e
 				}
 			});
 		}
 		function $e(e) {
 			W({
-				...I.value,
+				...F.value,
 				pageNumbering: { countFirstPage: e }
 			});
 		}
 		function J(e, t, n) {
-			K(e, t, `${I.value[e].slots[t]}${n}`.slice(0, 240));
+			K(e, t, `${F.value[e].slots[t]}${n}`.slice(0, 240));
 		}
 		function et(e) {
-			q({ text: `${I.value.watermark.text}${e}`.slice(0, 240) });
+			q({ text: `${F.value.watermark.text}${e}`.slice(0, 240) });
 		}
 		function Y(e, t) {
-			t ? z.value = e : z.value === e && (z.value = "");
+			t ? R.value = e : R.value === e && (R.value = "");
 		}
 		function X(e, t) {
-			z.value === t && (e.preventDefault(), e.stopPropagation(), z.value = "");
+			R.value === t && (e.preventDefault(), e.stopPropagation(), R.value = "");
 		}
 		function Z(t) {
-			F("change", e(t));
+			P("change", e(t));
 		}
 		function Q(e) {
-			let t = typeof e == "object" && e && "value" in e ? e.value : e;
-			if (L.value || t === "custom") return;
-			let n = t;
-			if (n !== B.value) {
-				if (B.value !== "custom") {
-					Z(n);
+			if (I.value || e === "custom") return;
+			let t = e;
+			if (t !== z.value) {
+				if (z.value !== "custom") {
+					Z(t);
 					return;
 				}
-				ne.confirm({
+				ae.confirm({
 					title: "应用装饰方案",
 					content: "将覆盖当前自定义设置，是否继续？",
 					okText: "应用",
 					cancelText: "取消",
 					onOk: () => {
-						Z(n);
+						Z(t);
 					}
 				});
 			}
@@ -192,359 +174,364 @@ var oe = {
 			Q("none");
 		}
 		function $(e) {
-			return We.value.get(e) ?? [];
+			return V.value.get(e) ?? [];
 		}
-		return N({ resetToDefault: tt }), (e, t) => (p(), s("section", { class: f(["gd-contract-template-designer__panel gd-contract-template-designer__panel--decorations", { "is-embedded": P.embedded }]) }, [
-			P.embedded ? o("", !0) : (p(), s("div", oe, [t[15] ||= c("strong", null, "页面装饰", -1), u(_(ie), { title: "恢复默认" }, {
-				default: y(() => [u(_(x), {
+		return M({ resetToDefault: tt }), (e, t) => (f(), s("section", { class: re(["gd-contract-template-designer__panel gd-contract-template-designer__panel--decorations", { "is-embedded": N.embedded }]) }, [
+			N.embedded ? o("", !0) : (f(), s("div", ce, [t[15] ||= c("strong", null, "页面装饰", -1), u(g(oe), { title: "恢复默认" }, {
+				default: y(() => [u(g(S), {
 					size: "small",
 					class: "gd-contract-template-designer__icon-button",
-					disabled: L.value,
+					disabled: I.value,
 					"aria-label": "恢复页面装饰默认值",
 					onClick: t[0] ||= (e) => Q("none")
 				}, {
-					default: y(() => [u(_(ae), { "aria-hidden": "true" })]),
+					default: y(() => [u(g(se), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["disabled"])]),
 				_: 1
 			})])),
-			c("div", se, [c("label", ce, [t[16] ||= c("span", null, "方案", -1), u(_(D), {
-				value: qe.value,
-				options: Ge,
-				"label-in-value": "",
-				"popup-class-name": "gd-contract-template-designer__page-decorations-select-popup",
-				disabled: L.value,
-				"aria-label": "页面装饰方案",
-				onChange: Q
-			}, null, 8, ["value", "disabled"])])]),
-			V.value.length ? (p(), a(_(te), {
+			u(ne, {
+				value: z.value,
+				readonly: I.value,
+				disabled: I.value,
+				onSelect: Q
+			}, null, 8, [
+				"value",
+				"readonly",
+				"disabled"
+			]),
+			B.value.length ? (f(), a(g(ie), {
 				key: 1,
 				class: "gd-contract-template-designer__decoration-errors",
 				type: "error",
 				"show-icon": "",
-				message: `${V.value.length} 个配置错误`
+				message: `${B.value.length} 个配置错误`
 			}, {
-				description: y(() => [c("ul", null, [(p(!0), s(r, null, m(V.value.slice(0, 3), (e) => (p(), s("li", { key: e.id }, g(e.message), 1))), 128))])]),
+				description: y(() => [c("ul", null, [(f(!0), s(r, null, p(B.value.slice(0, 3), (e) => (f(), s("li", { key: e.id }, h(e.message), 1))), 128))])]),
 				_: 1
 			}, 8, ["message"])) : o("", !0),
-			u(_(re), {
-				"active-key": R.value,
-				"onUpdate:activeKey": t[14] ||= (e) => R.value = e,
-				size: "small",
-				class: "gd-contract-template-designer__decoration-tabs"
-			}, {
-				default: y(() => [(p(), s(r, null, m(Qe, (e) => u(_(k), { key: e.key }, {
-					tab: y(() => [c("span", le, [l(g(e.label) + " ", 1), c("i", {
-						class: f({ "is-enabled": I.value[e.key].enabled }),
-						"aria-hidden": "true"
-					}, null, 2)])]),
-					default: y(() => [c("div", ue, [
-						c("label", de, [t[17] ||= c("span", null, "启用", -1), u(_(O), {
-							checked: I.value[e.key].enabled,
-							disabled: L.value,
-							onChange: (t) => G(e.key, { enabled: !!t })
+			c("div", le, [u(te, {
+				decorations: N.decorations,
+				variables: N.variables,
+				"active-tab": L.value,
+				errors: qe.value,
+				"onUpdate:activeTab": t[1] ||= (e) => L.value = e
+			}, null, 8, [
+				"decorations",
+				"variables",
+				"active-tab",
+				"errors"
+			]), c("div", ue, [(f(), s(r, null, p(Qe, (e) => b(c("div", {
+				key: e.key,
+				class: "gd-contract-template-designer__decoration-form"
+			}, [
+				c("div", de, [
+					c("label", fe, [t[16] ||= c("span", null, "启用", -1), u(g(A), {
+						size: "small",
+						checked: F.value[e.key].enabled,
+						disabled: I.value,
+						onChange: (t) => G(e.key, { enabled: !!t })
+					}, null, 8, [
+						"checked",
+						"disabled",
+						"onChange"
+					])]),
+					c("label", pe, [t[17] ||= c("span", null, "第 1 页显示", -1), u(g(A), {
+						size: "small",
+						checked: F.value[e.key].showOnFirstPage,
+						disabled: I.value,
+						onChange: (t) => G(e.key, { showOnFirstPage: !!t })
+					}, null, 8, [
+						"checked",
+						"disabled",
+						"onChange"
+					])]),
+					e.key === "footer" ? (f(), s("label", me, [t[18] ||= c("span", null, "首页计入页码", -1), u(g(A), {
+						size: "small",
+						checked: F.value.pageNumbering.countFirstPage,
+						disabled: I.value,
+						onChange: t[2] ||= (e) => $e(!!e)
+					}, null, 8, ["checked", "disabled"])])) : o("", !0)
+				]),
+				c("div", he, [(f(), s(r, null, p(Ze, (n) => c("div", {
+					key: n,
+					class: "gd-contract-template-designer__decoration-slot-editor",
+					"data-decoration-slot": n,
+					"data-page-decoration-path": `${e.key}.slots.${n}`
+				}, [
+					c("div", _e, [c("span", null, h(U[n]), 1), u(g(C), {
+						trigger: ["click"],
+						open: R.value === `${e.key}.${n}`,
+						disabled: I.value,
+						"overlay-class-name": "gd-contract-template-designer__page-decorations-dropdown-popup",
+						onOpenChange: (t) => Y(`${e.key}.${n}`, t)
+					}, {
+						overlay: y(() => [u(g(E), { onKeydown: x((t) => X(t, `${e.key}.${n}`), ["esc"]) }, {
+							default: y(() => [
+								u(g(D), { onClick: (t) => J(e.key, n, "{pageNumber}") }, {
+									default: y(() => [...t[19] ||= [l(" 页码 {pageNumber} ", -1)]]),
+									_: 1
+								}, 8, ["onClick"]),
+								u(g(D), { onClick: (t) => J(e.key, n, "{totalPages}") }, {
+									default: y(() => [...t[20] ||= [l(" 总页数 {totalPages} ", -1)]]),
+									_: 1
+								}, 8, ["onClick"]),
+								(f(!0), s(r, null, p(H.value, (t) => (f(), a(g(D), {
+									key: t.id,
+									onClick: (ee) => J(e.key, n, `\${{${t.key}}}`)
+								}, {
+									default: y(() => [l(h(t.label) + " · " + h(t.key), 1)]),
+									_: 2
+								}, 1032, ["onClick"]))), 128)),
+								H.value.length ? o("", !0) : (f(), a(g(D), {
+									key: 0,
+									disabled: ""
+								}, {
+									default: y(() => [...t[21] ||= [l(" 暂无可用模板变量 ", -1)]]),
+									_: 1
+								}))
+							]),
+							_: 2
+						}, 1032, ["onKeydown"])]),
+						default: y(() => [u(g(S), {
+							size: "small",
+							class: "gd-contract-template-designer__decoration-insert-button",
+							disabled: I.value,
+							"aria-label": `插入到${e.label}${U[n]}`,
+							onKeydown: x((t) => X(t, `${e.key}.${n}`), ["esc"])
+						}, {
+							default: y(() => [u(g(j), { "aria-hidden": "true" })]),
+							_: 1
+						}, 8, [
+							"disabled",
+							"aria-label",
+							"onKeydown"
+						])]),
+						_: 2
+					}, 1032, [
+						"open",
+						"disabled",
+						"onOpenChange"
+					])]),
+					u(g(w), {
+						value: F.value[e.key].slots[n],
+						maxlength: g(240),
+						disabled: I.value,
+						status: $(`${e.key}.slots.${n}`).length ? "error" : void 0,
+						"aria-invalid": $(`${e.key}.slots.${n}`).length ? "true" : void 0,
+						"onUpdate:value": (t) => K(e.key, n, String(t))
+					}, null, 8, [
+						"value",
+						"maxlength",
+						"disabled",
+						"status",
+						"aria-invalid",
+						"onUpdate:value"
+					]),
+					(f(!0), s(r, null, p($(`${e.key}.slots.${n}`), (e) => (f(), s("small", {
+						key: e,
+						class: "gd-contract-template-designer__form-error"
+					}, h(e), 1))), 128))
+				], 8, ge)), 64))]),
+				c("details", ve, [t[30] ||= c("summary", null, "排版参数", -1), c("div", ye, [
+					c("label", be, [t[22] ||= c("span", null, "字体", -1), u(g(k), {
+						value: F.value[e.key].fontFamily,
+						options: d.fontFamilyOptions,
+						"popup-class-name": "gd-contract-template-designer__page-decorations-select-popup",
+						disabled: I.value,
+						onChange: (t) => G(e.key, { fontFamily: String(t) })
+					}, null, 8, [
+						"value",
+						"options",
+						"disabled",
+						"onChange"
+					])]),
+					c("div", xe, [
+						c("label", null, [t[24] ||= c("span", null, "字号", -1), c("span", Se, [u(g(T), {
+							value: F.value[e.key].fontSize,
+							min: 10,
+							max: 24,
+							disabled: I.value,
+							"aria-label": `${e.label}字号`,
+							onChange: (t) => G(e.key, { fontSize: Number(t || 12) })
 						}, null, 8, [
-							"checked",
+							"value",
 							"disabled",
+							"aria-label",
 							"onChange"
-						])]),
-						c("label", fe, [t[18] ||= c("span", null, "第 1 页显示", -1), u(_(O), {
-							checked: I.value[e.key].showOnFirstPage,
-							disabled: L.value,
-							onChange: (t) => G(e.key, { showOnFirstPage: !!t })
+						]), t[23] ||= c("small", null, "px", -1)])]),
+						c("label", null, [t[25] ||= c("span", null, "字重", -1), u(g(k), {
+							value: F.value[e.key].fontWeight,
+							options: Je,
+							"popup-class-name": "gd-contract-template-designer__page-decorations-select-popup",
+							disabled: I.value,
+							"aria-label": `${e.label}字重`,
+							onChange: (t) => G(e.key, { fontWeight: t === 600 ? 600 : 400 })
 						}, null, 8, [
-							"checked",
+							"value",
 							"disabled",
+							"aria-label",
 							"onChange"
 						])]),
-						e.key === "footer" ? (p(), s("label", pe, [t[19] ||= c("span", null, "首页计入页码", -1), u(_(O), {
-							checked: I.value.pageNumbering.countFirstPage,
-							disabled: L.value,
-							onChange: t[1] ||= (e) => $e(!!e)
-						}, null, 8, ["checked", "disabled"])])) : o("", !0),
-						c("div", me, [(p(), s(r, null, m(U, (n) => c("div", {
-							key: n,
-							class: "gd-contract-template-designer__decoration-slot-editor",
-							"data-decoration-slot": n,
-							"data-page-decoration-path": `${e.key}.slots.${n}`
-						}, [
-							c("label", ge, [c("span", null, g(Ze[n]), 1), u(_(C), {
-								value: I.value[e.key].slots[n],
-								maxlength: _(240),
-								disabled: L.value,
-								status: $(`${e.key}.slots.${n}`).length ? "error" : void 0,
-								"aria-invalid": $(`${e.key}.slots.${n}`).length ? "true" : void 0,
-								"onUpdate:value": (t) => K(e.key, n, String(t))
-							}, null, 8, [
-								"value",
-								"maxlength",
-								"disabled",
-								"status",
-								"aria-invalid",
-								"onUpdate:value"
-							])]),
-							u(_(S), {
-								trigger: ["click"],
-								open: z.value === `${e.key}.${n}`,
-								disabled: L.value,
-								"overlay-class-name": "gd-contract-template-designer__page-decorations-dropdown-popup",
-								onOpenChange: (t) => Y(`${e.key}.${n}`, t)
+						c("label", null, [t[27] ||= c("span", null, "距边缘", -1), c("span", Ce, [u(g(T), {
+							value: F.value[e.key].offset,
+							min: 12,
+							max: 48,
+							disabled: I.value,
+							"aria-label": `${e.label}距页面边缘`,
+							onChange: (t) => G(e.key, { offset: Number(t || 24) })
+						}, null, 8, [
+							"value",
+							"disabled",
+							"aria-label",
+							"onChange"
+						]), t[26] ||= c("small", null, "px", -1)])]),
+						c("label", null, [t[28] ||= c("span", null, "颜色", -1), c("span", we, [c("input", {
+							type: "color",
+							value: F.value[e.key].color,
+							disabled: I.value,
+							"aria-label": `${e.label}颜色`,
+							onInput: (t) => G(e.key, { color: t.target.value })
+						}, null, 40, Te), c("code", null, h(F.value[e.key].color.toUpperCase()), 1)])])
+					]),
+					c("label", Ee, [c("span", null, h(e.key === "header" ? "底部" : "顶部") + "分隔线 · 1px", 1), u(g(A), {
+						checked: F.value[e.key].divider.enabled,
+						disabled: I.value,
+						onChange: (t) => G(e.key, { divider: {
+							...F.value[e.key].divider,
+							enabled: !!t
+						} })
+					}, null, 8, [
+						"checked",
+						"disabled",
+						"onChange"
+					])]),
+					F.value[e.key].divider.enabled ? (f(), s("label", De, [t[29] ||= c("span", null, "线条颜色", -1), c("span", Oe, [c("input", {
+						type: "color",
+						value: F.value[e.key].divider.color,
+						disabled: I.value,
+						"aria-label": `${e.label}分隔线颜色`,
+						onInput: (t) => G(e.key, { divider: {
+							...F.value[e.key].divider,
+							color: t.target.value
+						} })
+					}, null, 40, ke), c("code", null, h(F.value[e.key].divider.color.toUpperCase()), 1)])])) : o("", !0)
+				])])
+			]), [[_, L.value === e.key]])), 64)), b(c("div", Ae, [
+				c("div", je, [c("label", Me, [t[31] ||= c("span", null, "启用", -1), u(g(A), {
+					size: "small",
+					checked: F.value.watermark.enabled,
+					disabled: I.value,
+					onChange: t[3] ||= (e) => q({ enabled: !!e })
+				}, null, 8, ["checked", "disabled"])]), c("label", Ne, [t[32] ||= c("span", null, "第 1 页显示", -1), u(g(A), {
+					size: "small",
+					checked: F.value.watermark.showOnFirstPage,
+					disabled: I.value,
+					onChange: t[4] ||= (e) => q({ showOnFirstPage: !!e })
+				}, null, 8, ["checked", "disabled"])])]),
+				c("div", Pe, [
+					c("div", Fe, [t[34] ||= c("span", null, "内容", -1), u(g(C), {
+						trigger: ["click"],
+						open: R.value === "watermark",
+						disabled: I.value,
+						"overlay-class-name": "gd-contract-template-designer__page-decorations-dropdown-popup",
+						onOpenChange: t[7] ||= (e) => Y("watermark", e)
+					}, {
+						overlay: y(() => [u(g(E), { onKeydown: t[6] ||= x((e) => X(e, "watermark"), ["esc"]) }, {
+							default: y(() => [(f(!0), s(r, null, p(H.value, (e) => (f(), a(g(D), {
+								key: e.id,
+								onClick: (t) => et(`\${{${e.key}}}`)
 							}, {
-								overlay: y(() => [u(_(T), { onKeydown: b((t) => X(t, `${e.key}.${n}`), ["esc"]) }, {
-									default: y(() => [
-										u(_(E), { onClick: (t) => J(e.key, n, "{pageNumber}") }, {
-											default: y(() => [...t[21] ||= [l(" 页码 {pageNumber} ", -1)]]),
-											_: 1
-										}, 8, ["onClick"]),
-										u(_(E), { onClick: (t) => J(e.key, n, "{totalPages}") }, {
-											default: y(() => [...t[22] ||= [l(" 总页数 {totalPages} ", -1)]]),
-											_: 1
-										}, 8, ["onClick"]),
-										(p(!0), s(r, null, m(H.value, (t) => (p(), a(_(E), {
-											key: t.id,
-											onClick: (ee) => J(e.key, n, `\${{${t.key}}}`)
-										}, {
-											default: y(() => [l(g(t.label) + " · " + g(t.key), 1)]),
-											_: 2
-										}, 1032, ["onClick"]))), 128)),
-										H.value.length ? o("", !0) : (p(), a(_(E), {
-											key: 0,
-											disabled: ""
-										}, {
-											default: y(() => [...t[23] ||= [l(" 暂无可用模板变量 ", -1)]]),
-											_: 1
-										}))
-									]),
-									_: 2
-								}, 1032, ["onKeydown"])]),
-								default: y(() => [u(_(x), {
-									size: "small",
-									disabled: L.value,
-									onKeydown: b((t) => X(t, `${e.key}.${n}`), ["esc"])
-								}, {
-									default: y(() => [t[20] ||= l(" 插入 ", -1), u(_(A), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["disabled", "onKeydown"])]),
+								default: y(() => [l(h(e.label) + " · " + h(e.key), 1)]),
 								_: 2
-							}, 1032, [
-								"open",
-								"disabled",
-								"onOpenChange"
-							]),
-							(p(!0), s(r, null, m($(`${e.key}.slots.${n}`), (e) => (p(), s("small", {
-								key: e,
-								class: "gd-contract-template-designer__form-error"
-							}, g(e), 1))), 128))
-						], 8, he)), 64))]),
-						c("details", _e, [t[32] ||= c("summary", null, "高级设置", -1), c("div", ve, [
-							c("label", ye, [t[24] ||= c("span", null, "字体", -1), u(_(D), {
-								value: I.value[e.key].fontFamily,
-								options: d.fontFamilyOptions,
-								"popup-class-name": "gd-contract-template-designer__page-decorations-select-popup",
-								disabled: L.value,
-								onChange: (t) => G(e.key, { fontFamily: String(t) })
-							}, null, 8, [
-								"value",
-								"options",
-								"disabled",
-								"onChange"
-							])]),
-							c("div", be, [
-								c("label", null, [t[26] ||= c("span", null, "字号", -1), c("span", xe, [u(_(w), {
-									value: I.value[e.key].fontSize,
-									min: 10,
-									max: 24,
-									disabled: L.value,
-									"aria-label": `${e.label}字号`,
-									onChange: (t) => G(e.key, { fontSize: Number(t || 12) })
-								}, null, 8, [
-									"value",
-									"disabled",
-									"aria-label",
-									"onChange"
-								]), t[25] ||= c("small", null, "px", -1)])]),
-								c("label", null, [t[27] ||= c("span", null, "字重", -1), u(_(D), {
-									value: I.value[e.key].fontWeight,
-									options: Je,
-									"popup-class-name": "gd-contract-template-designer__page-decorations-select-popup",
-									disabled: L.value,
-									"aria-label": `${e.label}字重`,
-									onChange: (t) => G(e.key, { fontWeight: t === 600 ? 600 : 400 })
-								}, null, 8, [
-									"value",
-									"disabled",
-									"aria-label",
-									"onChange"
-								])]),
-								c("label", null, [t[29] ||= c("span", null, "距边缘", -1), c("span", j, [u(_(w), {
-									value: I.value[e.key].offset,
-									min: 12,
-									max: 48,
-									disabled: L.value,
-									"aria-label": `${e.label}距页面边缘`,
-									onChange: (t) => G(e.key, { offset: Number(t || 24) })
-								}, null, 8, [
-									"value",
-									"disabled",
-									"aria-label",
-									"onChange"
-								]), t[28] ||= c("small", null, "px", -1)])]),
-								c("label", null, [t[30] ||= c("span", null, "颜色", -1), c("span", M, [c("input", {
-									type: "color",
-									value: I.value[e.key].color,
-									disabled: L.value,
-									"aria-label": `${e.label}颜色`,
-									onInput: (t) => G(e.key, { color: t.target.value })
-								}, null, 40, Se), c("code", null, g(I.value[e.key].color.toUpperCase()), 1)])])
-							]),
-							c("label", Ce, [c("span", null, g(e.key === "header" ? "底部" : "顶部") + "分隔线 · 1px", 1), u(_(O), {
-								checked: I.value[e.key].divider.enabled,
-								disabled: L.value,
-								onChange: (t) => G(e.key, { divider: {
-									...I.value[e.key].divider,
-									enabled: !!t
-								} })
-							}, null, 8, [
-								"checked",
-								"disabled",
-								"onChange"
-							])]),
-							I.value[e.key].divider.enabled ? (p(), s("label", we, [t[31] ||= c("span", null, "线条颜色", -1), c("span", Te, [c("input", {
-								type: "color",
-								value: I.value[e.key].divider.color,
-								disabled: L.value,
-								"aria-label": `${e.label}分隔线颜色`,
-								onInput: (t) => G(e.key, { divider: {
-									...I.value[e.key].divider,
-									color: t.target.value
-								} })
-							}, null, 40, Ee), c("code", null, g(I.value[e.key].divider.color.toUpperCase()), 1)])])) : o("", !0)
-						])])
-					])]),
-					_: 2
-				}, 1024)), 64)), u(_(k), { key: "watermark" }, {
-					tab: y(() => [c("span", De, [t[33] ||= l(" 水印 ", -1), c("i", {
-						class: f({ "is-enabled": I.value.watermark.enabled }),
-						"aria-hidden": "true"
-					}, null, 2)])]),
-					default: y(() => [c("div", Oe, [
-						c("label", ke, [t[34] ||= c("span", null, "启用", -1), u(_(O), {
-							checked: I.value.watermark.enabled,
-							disabled: L.value,
-							onChange: t[2] ||= (e) => q({ enabled: !!e })
-						}, null, 8, ["checked", "disabled"])]),
-						c("label", Ae, [t[35] ||= c("span", null, "第 1 页显示", -1), u(_(O), {
-							checked: I.value.watermark.showOnFirstPage,
-							disabled: L.value,
-							onChange: t[3] ||= (e) => q({ showOnFirstPage: !!e })
-						}, null, 8, ["checked", "disabled"])]),
-						c("div", je, [
-							c("label", Me, [t[36] ||= c("span", null, "内容", -1), u(_(C), {
-								value: I.value.watermark.text,
-								maxlength: _(240),
-								disabled: L.value,
-								status: $("watermark.text").length ? "error" : void 0,
-								"aria-invalid": $("watermark.text").length ? "true" : void 0,
-								"onUpdate:value": t[4] ||= (e) => q({ text: String(e) })
-							}, null, 8, [
-								"value",
-								"maxlength",
-								"disabled",
-								"status",
-								"aria-invalid"
-							])]),
-							u(_(S), {
-								trigger: ["click"],
-								open: z.value === "watermark",
-								disabled: L.value,
-								"overlay-class-name": "gd-contract-template-designer__page-decorations-dropdown-popup",
-								onOpenChange: t[7] ||= (e) => Y("watermark", e)
+							}, 1032, ["onClick"]))), 128)), H.value.length ? o("", !0) : (f(), a(g(D), {
+								key: 0,
+								disabled: ""
 							}, {
-								overlay: y(() => [u(_(T), { onKeydown: t[6] ||= b((e) => X(e, "watermark"), ["esc"]) }, {
-									default: y(() => [(p(!0), s(r, null, m(H.value, (e) => (p(), a(_(E), {
-										key: e.id,
-										onClick: (t) => et(`\${{${e.key}}}`)
-									}, {
-										default: y(() => [l(g(e.label) + " · " + g(e.key), 1)]),
-										_: 2
-									}, 1032, ["onClick"]))), 128)), H.value.length ? o("", !0) : (p(), a(_(E), {
-										key: 0,
-										disabled: ""
-									}, {
-										default: y(() => [...t[38] ||= [l(" 暂无可用模板变量 ", -1)]]),
-										_: 1
-									}))]),
-									_: 1
-								})]),
-								default: y(() => [u(_(x), {
-									size: "small",
-									disabled: L.value,
-									onKeydown: t[5] ||= b((e) => X(e, "watermark"), ["esc"])
-								}, {
-									default: y(() => [t[37] ||= l(" 插入 ", -1), u(_(A), { "aria-hidden": "true" })]),
-									_: 1
-								}, 8, ["disabled"])]),
+								default: y(() => [...t[33] ||= [l(" 暂无可用模板变量 ", -1)]]),
 								_: 1
-							}, 8, ["open", "disabled"]),
-							(p(!0), s(r, null, m($("watermark.text"), (e) => (p(), s("small", {
-								key: e,
-								class: "gd-contract-template-designer__form-error"
-							}, g(e), 1))), 128))
-						]),
-						c("label", Ne, [t[39] ||= c("span", null, "布局", -1), u(_(D), {
-							value: I.value.watermark.layout,
-							options: Ye,
-							"popup-class-name": "gd-contract-template-designer__page-decorations-select-popup",
-							disabled: L.value,
-							onChange: t[8] ||= (e) => q({ layout: e === "tiled" ? "tiled" : "single" })
-						}, null, 8, ["value", "disabled"])]),
-						I.value.watermark.layout === "tiled" ? (p(), s("label", Pe, [t[40] ||= c("span", null, "密度", -1), u(_(D), {
-							value: I.value.watermark.density,
-							options: Xe,
-							"popup-class-name": "gd-contract-template-designer__page-decorations-select-popup",
-							disabled: L.value,
-							onChange: t[9] ||= (e) => q({ density: e === "sparse" || e === "dense" ? e : "normal" })
-						}, null, 8, ["value", "disabled"])])) : o("", !0),
-						c("details", Fe, [t[48] ||= c("summary", null, "高级设置", -1), c("div", Ie, [c("div", Le, [
-							c("label", null, [t[42] ||= c("span", null, "字号", -1), c("span", Re, [u(_(w), {
-								value: I.value.watermark.fontSize,
-								min: 12,
-								max: 72,
-								disabled: L.value,
-								"aria-label": "水印字号",
-								onChange: t[10] ||= (e) => q({ fontSize: Number(e || 36) })
-							}, null, 8, ["value", "disabled"]), t[41] ||= c("small", null, "px", -1)])]),
-							c("label", null, [t[44] ||= c("span", null, "透明度", -1), c("span", ze, [u(_(w), {
-								value: Math.round(I.value.watermark.opacity * 100),
-								min: 4,
-								max: 50,
-								disabled: L.value,
-								"aria-label": "水印透明度",
-								onChange: t[11] ||= (e) => q({ opacity: Number(e || 14) / 100 })
-							}, null, 8, ["value", "disabled"]), t[43] ||= c("small", null, "%", -1)])]),
-							c("label", null, [t[46] ||= c("span", null, "角度", -1), c("span", Be, [u(_(w), {
-								value: I.value.watermark.rotation,
-								min: -90,
-								max: 90,
-								disabled: L.value,
-								"aria-label": "水印角度",
-								onChange: t[12] ||= (e) => q({ rotation: Number(e ?? -30) })
-							}, null, 8, ["value", "disabled"]), t[45] ||= c("small", null, "°", -1)])]),
-							c("label", null, [t[47] ||= c("span", null, "颜色", -1), c("span", Ve, [c("input", {
-								type: "color",
-								value: I.value.watermark.color,
-								disabled: L.value,
-								"aria-label": "水印颜色",
-								onInput: t[13] ||= (e) => q({ color: e.target.value })
-							}, null, 40, He), c("code", null, g(I.value.watermark.color.toUpperCase()), 1)])])
-						])])])
-					])]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["active-key"])
+							}))]),
+							_: 1
+						})]),
+						default: y(() => [u(g(S), {
+							size: "small",
+							class: "gd-contract-template-designer__decoration-insert-button",
+							disabled: I.value,
+							"aria-label": "插入到水印内容",
+							onKeydown: t[5] ||= x((e) => X(e, "watermark"), ["esc"])
+						}, {
+							default: y(() => [u(g(j), { "aria-hidden": "true" })]),
+							_: 1
+						}, 8, ["disabled"])]),
+						_: 1
+					}, 8, ["open", "disabled"])]),
+					u(g(w), {
+						value: F.value.watermark.text,
+						maxlength: g(240),
+						disabled: I.value,
+						status: $("watermark.text").length ? "error" : void 0,
+						"aria-invalid": $("watermark.text").length ? "true" : void 0,
+						"onUpdate:value": t[8] ||= (e) => q({ text: String(e) })
+					}, null, 8, [
+						"value",
+						"maxlength",
+						"disabled",
+						"status",
+						"aria-invalid"
+					]),
+					(f(!0), s(r, null, p($("watermark.text"), (e) => (f(), s("small", {
+						key: e,
+						class: "gd-contract-template-designer__form-error"
+					}, h(e), 1))), 128))
+				]),
+				c("div", Ie, [t[35] ||= c("span", null, "布局", -1), u(g(O), {
+					value: F.value.watermark.layout,
+					options: Ye,
+					disabled: I.value,
+					onChange: t[9] ||= (e) => q({ layout: e === "tiled" ? "tiled" : "single" })
+				}, null, 8, ["value", "disabled"])]),
+				F.value.watermark.layout === "tiled" ? (f(), s("div", Le, [t[36] ||= c("span", null, "密度", -1), u(g(O), {
+					value: F.value.watermark.density,
+					options: Xe,
+					disabled: I.value,
+					onChange: t[10] ||= (e) => q({ density: e === "sparse" || e === "dense" ? e : "normal" })
+				}, null, 8, ["value", "disabled"])])) : o("", !0),
+				c("details", Re, [t[44] ||= c("summary", null, "排版参数", -1), c("div", ze, [c("div", Be, [
+					c("label", null, [t[38] ||= c("span", null, "字号", -1), c("span", Ve, [u(g(T), {
+						value: F.value.watermark.fontSize,
+						min: 12,
+						max: 72,
+						disabled: I.value,
+						"aria-label": "水印字号",
+						onChange: t[11] ||= (e) => q({ fontSize: Number(e || 36) })
+					}, null, 8, ["value", "disabled"]), t[37] ||= c("small", null, "px", -1)])]),
+					c("label", null, [t[40] ||= c("span", null, "透明度", -1), c("span", He, [u(g(T), {
+						value: Math.round(F.value.watermark.opacity * 100),
+						min: 4,
+						max: 50,
+						disabled: I.value,
+						"aria-label": "水印透明度",
+						onChange: t[12] ||= (e) => q({ opacity: Number(e || 14) / 100 })
+					}, null, 8, ["value", "disabled"]), t[39] ||= c("small", null, "%", -1)])]),
+					c("label", null, [t[42] ||= c("span", null, "角度", -1), c("span", Ue, [u(g(T), {
+						value: F.value.watermark.rotation,
+						min: -90,
+						max: 90,
+						disabled: I.value,
+						"aria-label": "水印角度",
+						onChange: t[13] ||= (e) => q({ rotation: Number(e ?? -30) })
+					}, null, 8, ["value", "disabled"]), t[41] ||= c("small", null, "°", -1)])]),
+					c("label", null, [t[43] ||= c("span", null, "颜色", -1), c("span", We, [c("input", {
+						type: "color",
+						value: F.value.watermark.color,
+						disabled: I.value,
+						"aria-label": "水印颜色",
+						onInput: t[14] ||= (e) => q({ color: e.target.value })
+					}, null, 40, Ge), c("code", null, h(F.value.watermark.color.toUpperCase()), 1)])])
+				])])])
+			], 512), [[_, L.value === "watermark"]])])])
 		], 2));
 	}
 });
 //#endregion
-export { N as default };
+export { M as default };