@guodun/antdv 1.4.1 → 1.4.2

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

@@ -0,0 +1,550 @@
+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";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorationsInspector.vue?vue&type=script&setup=true&lang.ts
+var oe = {
+	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 = {
+	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 = [
+	"value",
+	"disabled",
+	"aria-label",
+	"onInput"
+], Ce = { class: "gd-contract-template-designer__switch-row" }, we = {
+	key: 0,
+	class: "gd-contract-template-designer__color-row"
+}, Te = { class: "gd-contract-template-designer__color-control" }, Ee = [
+	"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 = {
+	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 = {
+	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({
+	name: "ContractTemplatePageDecorationsInspector",
+	__name: "ContractTemplatePageDecorationsInspector",
+	props: {
+		decorations: {},
+		variables: {},
+		fontFamilyOptions: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		activeTab: {},
+		embedded: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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(() => {
+			let e = /* @__PURE__ */ new Map();
+			return V.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 = [{
+			label: "常规",
+			value: 400
+		}, {
+			label: "加粗",
+			value: 600
+		}], Ye = [{
+			label: "居中单个",
+			value: "single"
+		}, {
+			label: "全页平铺",
+			value: "tiled"
+		}], Xe = [
+			{
+				label: "稀疏 2×3",
+				value: "sparse"
+			},
+			{
+				label: "标准 3×4",
+				value: "normal"
+			},
+			{
+				label: "密集 4×6",
+				value: "dense"
+			}
+		], Ze = {
+			left: "左侧",
+			center: "居中",
+			right: "右侧"
+		}, U = [
+			"left",
+			"center",
+			"right"
+		], Qe = [{
+			key: "header",
+			label: "页眉"
+		}, {
+			key: "footer",
+			label: "页脚"
+		}];
+		v(() => P.activeTab, (e) => {
+			e && (R.value = e);
+		}, { immediate: !0 }), v(R, (e) => F("update:activeTab", e));
+		function W(e) {
+			F("change", t(e));
+		}
+		function G(e, t) {
+			W({
+				...I.value,
+				[e]: {
+					...I.value[e],
+					...t
+				}
+			});
+		}
+		function K(e, t, n) {
+			G(e, { slots: {
+				...I.value[e].slots,
+				[t]: n
+			} });
+		}
+		function q(e) {
+			W({
+				...I.value,
+				watermark: {
+					...I.value.watermark,
+					...e
+				}
+			});
+		}
+		function $e(e) {
+			W({
+				...I.value,
+				pageNumbering: { countFirstPage: e }
+			});
+		}
+		function J(e, t, n) {
+			K(e, t, `${I.value[e].slots[t]}${n}`.slice(0, 240));
+		}
+		function et(e) {
+			q({ text: `${I.value.watermark.text}${e}`.slice(0, 240) });
+		}
+		function Y(e, t) {
+			t ? z.value = e : z.value === e && (z.value = "");
+		}
+		function X(e, t) {
+			z.value === t && (e.preventDefault(), e.stopPropagation(), z.value = "");
+		}
+		function Z(t) {
+			F("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);
+					return;
+				}
+				ne.confirm({
+					title: "应用装饰方案",
+					content: "将覆盖当前自定义设置，是否继续？",
+					okText: "应用",
+					cancelText: "取消",
+					onOk: () => {
+						Z(n);
+					}
+				});
+			}
+		}
+		function tt() {
+			Q("none");
+		}
+		function $(e) {
+			return We.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), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					disabled: L.value,
+					"aria-label": "恢复页面装饰默认值",
+					onClick: t[0] ||= (e) => Q("none")
+				}, {
+					default: y(() => [u(_(ae), { "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), {
+				key: 1,
+				class: "gd-contract-template-designer__decoration-errors",
+				type: "error",
+				"show-icon": "",
+				message: `${V.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))])]),
+				_: 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 })
+						}, null, 8, [
+							"checked",
+							"disabled",
+							"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 })
+						}, null, 8, [
+							"checked",
+							"disabled",
+							"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)
+							}, {
+								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"])]),
+								_: 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)
+							}, {
+								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"])]),
+								_: 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"])
+		], 2));
+	}
+});
+//#endregion
+export { N as default };

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

@@ -0,0 +1,5 @@
+import e from "./ContractTemplatePageDecorationsStudio.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorationsStudio.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,117 @@
+import { normalizePageDecorations as e, resolvePageDecorationPreset as t } from "./utils/page-decorations.mjs";
+import n from "./ContractTemplatePageDecorationsInspector.mjs";
+import { computed as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, openBlock as d, ref as f, toDisplayString as p, unref as m, watch as h, withCtx as g } from "vue";
+import { Button as _, Tooltip as v } from "ant-design-vue";
+import { BgColorsOutlined as y, CloseOutlined as b, ReloadOutlined as x } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePageDecorationsStudio.vue?vue&type=script&setup=true&lang.ts
+var S = ["id", "aria-hidden"], C = { class: "gd-contract-template-designer__page-decorations-studio-head" }, w = { class: "gd-contract-template-designer__page-decorations-studio-title" }, T = {
+	class: "gd-contract-template-designer__page-decorations-studio-icon",
+	"aria-hidden": "true"
+}, E = { class: "gd-contract-template-designer__page-decorations-studio-actions" }, D = { class: "gd-contract-template-designer__page-decorations-studio-body" }, O = { class: "gd-contract-template-designer__page-decorations-studio-form-section" }, k = { class: "gd-contract-template-designer__page-decorations-studio-footer" }, A = /* @__PURE__ */ c({
+	name: "ContractTemplatePageDecorationsStudio",
+	__name: "ContractTemplatePageDecorationsStudio",
+	props: {
+		id: {},
+		open: { type: Boolean },
+		decorations: {},
+		variables: {},
+		fontFamilyOptions: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		activeTab: {}
+	},
+	emits: [
+		"close",
+		"change",
+		"update:activeTab"
+	],
+	setup(c, { expose: A, emit: j }) {
+		let M = c, N = j, P = f(), F = f(), I = f("header"), L = r(() => e(M.decorations)), R = r(() => t(L.value)), z = {
+			none: "无装饰",
+			"page-number": "标准页码",
+			"internal-review": "内部审阅",
+			draft: "草稿",
+			custom: "自定义"
+		}, B = r(() => z[R.value]), V = r(() => [
+			L.value.header.enabled,
+			L.value.footer.enabled,
+			L.value.watermark.enabled
+		].filter(Boolean).length);
+		h(() => M.activeTab, (e) => {
+			e && (I.value = e);
+		}, { immediate: !0 }), h(I, (e) => N("update:activeTab", e));
+		function H() {
+			l(() => P.value?.querySelector("[data-page-decoration-studio-focus]")?.focus());
+		}
+		function U() {
+			F.value?.resetToDefault();
+		}
+		async function W(e) {
+			I.value = e.startsWith("header.") ? "header" : e.startsWith("footer.") ? "footer" : "watermark", await l(), await l();
+			let t = P.value?.querySelector(`[data-page-decoration-path="${e}"] input`);
+			t?.scrollIntoView({ block: "nearest" }), t?.focus();
+		}
+		return h(() => M.open, (e) => {
+			e && H();
+		}), A({ focusField: W }), (e, t) => (d(), i("aside", {
+			id: M.id,
+			ref_key: "studioRoot",
+			ref: P,
+			class: u(["gd-contract-template-designer__page-decorations-studio", { "is-open": M.open }]),
+			"aria-label": "页面装饰配置",
+			"aria-hidden": M.open ? void 0 : "true"
+		}, [
+			a("header", C, [a("div", w, [a("span", T, [s(m(y))]), a("div", null, [t[4] ||= a("strong", null, "页面装饰", -1), a("small", null, p(B.value) + " · 启用 " + p(V.value) + "/3", 1)])]), a("div", E, [s(m(v), { title: "关闭页面装饰" }, {
+				default: g(() => [s(m(_), {
+					size: "small",
+					class: "gd-contract-template-designer__icon-button",
+					"aria-label": "关闭页面装饰",
+					"data-page-decoration-studio-focus": "",
+					onClick: t[0] ||= (e) => N("close")
+				}, {
+					default: g(() => [s(m(b), { "aria-hidden": "true" })]),
+					_: 1
+				})]),
+				_: 1
+			})])]),
+			a("div", D, [a("section", O, [s(n, {
+				ref_key: "inspectorRef",
+				ref: F,
+				decorations: M.decorations,
+				variables: M.variables,
+				"font-family-options": M.fontFamilyOptions,
+				readonly: M.readonly,
+				disabled: M.disabled,
+				embedded: "",
+				"active-tab": I.value,
+				"onUpdate:activeTab": t[1] ||= (e) => I.value = e,
+				onChange: t[2] ||= (e) => N("change", e)
+			}, null, 8, [
+				"decorations",
+				"variables",
+				"font-family-options",
+				"readonly",
+				"disabled",
+				"active-tab"
+			])])]),
+			a("footer", k, [t[7] ||= a("span", null, "修改实时生效", -1), a("div", null, [s(m(_), {
+				size: "small",
+				disabled: M.readonly || M.disabled,
+				"data-page-decoration-studio-reset": "",
+				onClick: U
+			}, {
+				default: g(() => [s(m(x), { "aria-hidden": "true" }), t[5] ||= o(" 恢复默认 ", -1)]),
+				_: 1
+			}, 8, ["disabled"]), s(m(_), {
+				size: "small",
+				type: "primary",
+				onClick: t[3] ||= (e) => N("close")
+			}, {
+				default: g(() => [...t[6] ||= [o("完成", -1)]]),
+				_: 1
+			})])])
+		], 10, S));
+	}
+});
+//#endregion
+export { A as default };

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

@@ -0,0 +1,5 @@
+import e from "./ContractTemplatePreviewModal.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePreviewModal.vue
+var t = e;
+//#endregion
+export { t as default };