@guodun/antdv 1.4.1 → 1.4.3

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

@@ -1,44 +1,49 @@
-import e from "./SigningPlacementInspector.mjs";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as ee, createVNode as o, defineComponent as s, normalizeClass as te, openBlock as c, renderList as l, resolveDynamicComponent as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
-import { Button as m, Empty as h, Input as g, InputNumber as _, Select as v, Switch as y, Tag as ne, Tooltip as b } from "ant-design-vue";
-import { CopyOutlined as re, DeleteOutlined as ie, LeftOutlined as x, RightOutlined as S } from "@ant-design/icons-vue";
+import { validateContractTemplateVariableKey as e } from "./composables/use-template-designer.mjs";
+import t from "./SigningPlacementInspector.mjs";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as ee, createVNode as c, defineComponent as l, normalizeClass as te, openBlock as u, ref as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, watch as ne, withCtx as g, withKeys as re, withModifiers as ie } from "vue";
+import { Button as _, Empty as v, Input as y, InputNumber as b, Select as x, Switch as S, Tag as ae, Tooltip as C } from "ant-design-vue";
+import { CopyOutlined as oe, DeleteOutlined as se, LeftOutlined as ce, RightOutlined as le } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerInspector.vue?vue&type=script&setup=true&lang.ts
-var C = ["aria-label", "aria-expanded"], w = { class: "gd-contract-template-designer__panel-stack" }, T = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--tools" }, E = [
+var w = ["aria-label", "aria-expanded"], T = { class: "gd-contract-template-designer__panel-stack" }, E = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--tools" }, D = [
 	"disabled",
 	"onDragstart",
 	"onClick"
-], D = {
+], O = {
 	class: "gd-contract-template-designer__tool-item-icon",
 	"aria-hidden": "true"
-}, O = { class: "gd-contract-template-designer__tool-item-copy" }, k = {
+}, k = { class: "gd-contract-template-designer__tool-item-copy" }, A = {
 	key: 0,
 	class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--tools"
-}, A = { class: "gd-contract-template-designer__panel-head" }, j = { class: "gd-contract-template-designer__panel-actions" }, M = [
+}, j = { class: "gd-contract-template-designer__panel-head" }, M = { class: "gd-contract-template-designer__panel-actions" }, N = [
 	"disabled",
 	"onDragstart",
 	"onClick"
-], N = {
+], P = {
 	class: "gd-contract-template-designer__tool-item-icon",
 	"aria-hidden": "true"
-}, P = { class: "gd-contract-template-designer__signing-tool-copy" }, F = { class: "gd-contract-template-designer__signing-tool-label" }, I = {
+}, F = { class: "gd-contract-template-designer__signing-tool-copy" }, I = { class: "gd-contract-template-designer__signing-tool-label" }, L = {
 	key: 2,
 	class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--properties"
-}, L = { class: "gd-contract-template-designer__panel-head" }, R = {
+}, R = { class: "gd-contract-template-designer__panel-head" }, z = {
 	key: 0,
 	class: "gd-contract-template-designer__panel-actions"
-}, z = { class: "gd-contract-template-designer__form-row" }, B = { class: "gd-contract-template-designer__form-row" }, V = { class: "gd-contract-template-designer__form-row" }, H = { class: "gd-contract-template-designer__form-row" }, U = { class: "gd-contract-template-designer__form-row" }, W = { class: "gd-contract-template-designer__form-row" }, ae = {
+}, B = { class: "gd-contract-template-designer__form-row" }, V = { class: "gd-contract-template-designer__form-row" }, H = {
 	key: 0,
+	class: "gd-contract-template-designer__form-error",
+	role: "alert"
+}, U = { class: "gd-contract-template-designer__form-row" }, W = { class: "gd-contract-template-designer__form-row" }, ue = { class: "gd-contract-template-designer__form-row" }, de = { class: "gd-contract-template-designer__form-row" }, fe = {
+	key: 1,
 	class: "gd-contract-template-designer__switch-grid"
-}, G = { class: "gd-contract-template-designer__switch-row" }, K = {
+}, pe = { class: "gd-contract-template-designer__switch-row" }, me = {
 	key: 0,
 	class: "gd-contract-template-designer__form-row is-compact"
-}, q = {
-	key: 1,
+}, he = {
+	key: 2,
 	class: "gd-contract-template-designer__form-row"
-}, J = { class: "gd-contract-template-designer__form-row" }, oe = { class: "gd-contract-template-designer__form-row" }, se = { class: "gd-contract-template-designer__form-row" }, ce = { class: "gd-contract-template-designer__form-row" }, le = { class: "gd-contract-template-designer__switch-grid" }, ue = { class: "gd-contract-template-designer__switch-row" }, de = { class: "gd-contract-template-designer__switch-row" }, fe = { class: "gd-contract-template-designer__switch-row" }, pe = {
+}, G = { class: "gd-contract-template-designer__form-row" }, ge = { class: "gd-contract-template-designer__form-row" }, _e = { class: "gd-contract-template-designer__form-row" }, ve = { class: "gd-contract-template-designer__form-row" }, ye = { class: "gd-contract-template-designer__switch-grid" }, be = { class: "gd-contract-template-designer__switch-row" }, xe = { class: "gd-contract-template-designer__switch-row" }, Se = { class: "gd-contract-template-designer__switch-row" }, Ce = {
 	key: 0,
 	class: "gd-contract-template-designer__switch-row"
-}, me = { class: "gd-contract-template-designer__form-row" }, he = { class: "gd-contract-template-designer__form-row" }, ge = { class: "gd-contract-template-designer__form-row" }, _e = ["value", "disabled"], Y = { class: "gd-contract-template-designer__form-row" }, ve = ["value", "disabled"], ye = { class: "gd-contract-template-designer__form-row" }, be = ["value", "disabled"], xe = { class: "gd-contract-template-designer__form-row" }, Se = { class: "gd-contract-template-designer__form-row" }, Ce = { class: "gd-contract-template-designer__form-row" }, X = /* @__PURE__ */ s({
+}, we = { class: "gd-contract-template-designer__form-row" }, Te = { class: "gd-contract-template-designer__form-row" }, Ee = { class: "gd-contract-template-designer__form-row" }, De = ["value", "disabled"], Oe = { class: "gd-contract-template-designer__form-row" }, ke = ["value", "disabled"], Ae = { class: "gd-contract-template-designer__form-row" }, je = ["value", "disabled"], Me = { class: "gd-contract-template-designer__form-row" }, Ne = { class: "gd-contract-template-designer__form-row" }, Pe = { class: "gd-contract-template-designer__form-row" }, K = /* @__PURE__ */ l({
 	name: "ContractTemplateDesignerInspector",
 	__name: "ContractTemplateDesignerInspector",
 	props: {
@@ -52,6 +57,7 @@ var C = ["aria-label", "aria-expanded"], w = { class: "gd-contract-template-desi
 		selectedSigningPlacement: {},
 		selectedSigningPlacementPageSize: {},
 		selectedVariable: {},
+		variables: {},
 		currentVariableFontFamily: {},
 		fontFamilySelectOptions: {},
 		textAlignOptions: {},
@@ -77,6 +83,7 @@ var C = ["aria-label", "aria-expanded"], w = { class: "gd-contract-template-desi
 		"duplicateVariable",
 		"removeVariable",
 		"patchVariable",
+		"renameVariable",
 		"patchStyle",
 		"patchMultiline",
 		"patchRows",
@@ -86,262 +93,283 @@ var C = ["aria-label", "aria-expanded"], w = { class: "gd-contract-template-desi
 		"patchBorderStyle",
 		"patchObjectFit"
 	],
-	setup(s, { emit: X }) {
-		let Z = s, Q = X, $ = () => Z.readonly || Z.disabled;
-		return (s, X) => (c(), i("aside", { class: te(["gd-contract-template-designer__inspector", { "is-collapsed": Z.collapsed }]) }, [o(f(b), { title: Z.collapsed ? "展开属性栏" : "收起属性栏" }, {
-			default: p(() => [a("button", {
+	setup(l, { emit: K }) {
+		let q = l, J = K, Y = () => q.readonly || q.disabled, X = d(""), Z = d(!1), Q = r(() => Z.value && q.selectedVariable ? e(X.value, q.variables, q.selectedVariable.id) : "");
+		ne(() => [q.selectedVariable?.id, q.selectedVariable?.key], ([, e]) => {
+			X.value = e ?? "", Z.value = !1;
+		}, { immediate: !0 });
+		function Fe(e) {
+			X.value = e.target.value, Z.value = !0;
+		}
+		function $() {
+			if (!q.selectedVariable || Y() || (Z.value = !0, Q.value)) return;
+			let e = X.value.trim();
+			e !== q.selectedVariable.key && J("renameVariable", e), Z.value = !1;
+		}
+		return (e, r) => (u(), o("aside", { class: te(["gd-contract-template-designer__inspector", { "is-collapsed": q.collapsed }]) }, [c(h(C), { title: q.collapsed ? "展开属性栏" : "收起属性栏" }, {
+			default: g(() => [s("button", {
 				type: "button",
 				class: "gd-contract-template-designer__panel-handle",
-				"aria-label": Z.collapsed ? "展开属性栏" : "收起属性栏",
-				"aria-expanded": !Z.collapsed,
-				onClick: X[0] ||= (e) => Q("toggle")
-			}, [Z.collapsed ? (c(), n(f(x), {
+				"aria-label": q.collapsed ? "展开属性栏" : "收起属性栏",
+				"aria-expanded": !q.collapsed,
+				onClick: r[0] ||= (e) => J("toggle")
+			}, [q.collapsed ? (u(), i(h(ce), {
 				key: 0,
 				"aria-hidden": "true"
-			})) : (c(), n(f(S), {
+			})) : (u(), i(h(le), {
 				key: 1,
 				"aria-hidden": "true"
-			}))], 8, C)]),
+			}))], 8, w)]),
 			_: 1
-		}, 8, ["title"]), a("div", w, [
-			a("section", T, [X[31] ||= a("div", { class: "gd-contract-template-designer__panel-head" }, [a("strong", null, "正文控件"), a("span", null, "拖到正文")], -1), (c(!0), i(t, null, l(Z.bodyControlToolItems, (e) => (c(), i("button", {
+		}, 8, ["title"]), s("div", T, [
+			s("section", E, [r[31] ||= s("div", { class: "gd-contract-template-designer__panel-head" }, [s("strong", null, "正文控件"), s("span", null, "拖到正文")], -1), (u(!0), o(n, null, f(q.bodyControlToolItems, (e) => (u(), o("button", {
 				key: e.type,
 				type: "button",
 				draggable: "true",
 				class: "gd-contract-template-designer__tool-item",
-				disabled: $(),
-				onDragstart: (t) => Q("variableDragStart", t, e.type),
-				onClick: (t) => Q("insertVariable", e.type)
-			}, [a("span", D, [(c(), n(u(e.icon)))]), a("span", O, [a("span", null, d(e.label), 1), X[30] ||= a("small", null, "模板变量", -1)])], 40, E))), 128))]),
-			Z.showSigningPlacementTools ? (c(), i("section", k, [a("div", A, [X[32] ||= a("strong", null, "签署位置", -1), a("div", j, [o(f(ne), null, {
-				default: p(() => [ee(d(Z.signingPlacements.length), 1)]),
+				disabled: Y(),
+				onDragstart: (t) => J("variableDragStart", t, e.type),
+				onClick: (t) => J("insertVariable", e.type)
+			}, [s("span", O, [(u(), i(p(e.icon)))]), s("span", k, [s("span", null, m(e.label), 1), r[30] ||= s("small", null, "模板变量", -1)])], 40, D))), 128))]),
+			q.showSigningPlacementTools ? (u(), o("section", A, [s("div", j, [r[32] ||= s("strong", null, "签署位置", -1), s("div", M, [c(h(ae), null, {
+				default: g(() => [ee(m(q.signingPlacements.length), 1)]),
 				_: 1
-			})])]), (c(!0), i(t, null, l(Z.signingPlacementTools, (e) => (c(), i("button", {
+			})])]), (u(!0), o(n, null, f(q.signingPlacementTools, (e) => (u(), o("button", {
 				key: e.key,
 				type: "button",
 				draggable: "true",
 				class: "gd-contract-template-designer__tool-item gd-contract-template-designer__signing-tool",
-				disabled: $(),
-				onDragstart: (t) => Q("signingPlacementDragStart", t, e),
-				onClick: (t) => Q("insertSigningPlacement", e)
-			}, [a("span", N, [(c(), n(u(Z.resolveSigningPlacementTypeIcon(e.type))))]), a("span", P, [a("span", F, d(e.label), 1), a("small", null, d(Z.signingPlacementTypeLabels[e.type]) + " · 页面坐标", 1)])], 40, M))), 128))])) : r("", !0),
-			Z.showSigningPlacementTools && Z.selectedSigningPlacement ? (c(), n(e, {
+				disabled: Y(),
+				onDragstart: (t) => J("signingPlacementDragStart", t, e),
+				onClick: (t) => J("insertSigningPlacement", e)
+			}, [s("span", P, [(u(), i(p(q.resolveSigningPlacementTypeIcon(e.type))))]), s("span", F, [s("span", I, m(e.label), 1), s("small", null, m(q.signingPlacementTypeLabels[e.type]) + " · 页面坐标", 1)])], 40, N))), 128))])) : a("", !0),
+			q.showSigningPlacementTools && q.selectedSigningPlacement ? (u(), i(t, {
 				key: 1,
-				placement: Z.selectedSigningPlacement,
-				"page-size": Z.selectedSigningPlacementPageSize,
-				readonly: Z.readonly,
-				disabled: Z.disabled,
-				onUpdate: X[1] ||= (e) => Q("patchSigningPlacement", e),
-				onDuplicate: X[2] ||= (e) => Q("duplicateSigningPlacement"),
-				onRemove: X[3] ||= (e) => Q("removeSigningPlacement")
+				placement: q.selectedSigningPlacement,
+				"page-size": q.selectedSigningPlacementPageSize,
+				readonly: q.readonly,
+				disabled: q.disabled,
+				onUpdate: r[1] ||= (e) => J("patchSigningPlacement", e),
+				onDuplicate: r[2] ||= (e) => J("duplicateSigningPlacement"),
+				onRemove: r[3] ||= (e) => J("removeSigningPlacement")
 			}, null, 8, [
 				"placement",
 				"page-size",
 				"readonly",
 				"disabled"
-			])) : (c(), i("section", I, [a("div", L, [X[33] ||= a("strong", null, "属性", -1), Z.selectedVariable ? (c(), i("div", R, [o(f(b), { title: "复制变量" }, {
-				default: p(() => [o(f(m), {
+			])) : (u(), o("section", L, [s("div", R, [r[33] ||= s("strong", null, "属性", -1), q.selectedVariable ? (u(), o("div", z, [c(h(C), { title: "复制变量" }, {
+				default: g(() => [c(h(_), {
 					size: "small",
 					type: "primary",
 					class: "gd-contract-template-designer__icon-button",
-					disabled: $(),
+					disabled: Y(),
 					"aria-label": "复制变量",
-					onClick: X[4] ||= (e) => Q("duplicateVariable", Z.selectedVariable)
+					onClick: r[4] ||= (e) => J("duplicateVariable", q.selectedVariable)
 				}, {
-					default: p(() => [o(f(re), { "aria-hidden": "true" })]),
+					default: g(() => [c(h(oe), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["disabled"])]),
 				_: 1
-			}), o(f(b), { title: "删除变量" }, {
-				default: p(() => [o(f(m), {
+			}), c(h(C), { title: "删除变量" }, {
+				default: g(() => [c(h(_), {
 					danger: "",
 					type: "primary",
 					size: "small",
 					class: "gd-contract-template-designer__icon-button",
-					disabled: $(),
+					disabled: Y(),
 					"aria-label": "删除变量",
-					onClick: X[5] ||= (e) => Q("removeVariable", Z.selectedVariable)
+					onClick: r[5] ||= (e) => J("removeVariable", q.selectedVariable)
 				}, {
-					default: p(() => [o(f(ie), { "aria-hidden": "true" })]),
+					default: g(() => [c(h(se), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["disabled"])]),
 				_: 1
-			})])) : r("", !0)]), Z.selectedVariable ? (c(), i(t, { key: 1 }, [
-				a("label", z, [X[34] ||= a("span", null, "名称", -1), o(f(g), {
-					value: Z.selectedVariable.label,
-					disabled: $(),
-					onChange: X[6] ||= (e) => Q("patchVariable", { label: e.target.value })
+			})])) : a("", !0)]), q.selectedVariable ? (u(), o(n, { key: 1 }, [
+				s("label", B, [r[34] ||= s("span", null, "名称", -1), c(h(y), {
+					value: q.selectedVariable.label,
+					disabled: Y(),
+					onChange: r[6] ||= (e) => J("patchVariable", { label: e.target.value })
 				}, null, 8, ["value", "disabled"])]),
-				a("label", B, [X[35] ||= a("span", null, "变量标识", -1), o(f(g), {
-					value: Z.selectedVariable.key,
-					disabled: ""
-				}, null, 8, ["value"])]),
-				a("label", V, [X[36] ||= a("span", null, "占位文案", -1), o(f(g), {
-					value: Z.selectedVariable.placeholder,
-					disabled: $(),
-					onChange: X[7] ||= (e) => Q("patchVariable", { placeholder: e.target.value })
+				s("label", V, [r[35] ||= s("span", null, "变量标识", -1), c(h(y), {
+					value: X.value,
+					status: Q.value ? "error" : void 0,
+					disabled: Y(),
+					onInput: Fe,
+					onBlur: $,
+					onKeydown: re(ie($, ["prevent"]), ["enter"])
+				}, null, 8, [
+					"value",
+					"status",
+					"disabled",
+					"onKeydown"
+				])]),
+				Q.value ? (u(), o("small", H, m(Q.value), 1)) : a("", !0),
+				s("label", U, [r[36] ||= s("span", null, "占位文案", -1), c(h(y), {
+					value: q.selectedVariable.placeholder,
+					disabled: Y(),
+					onChange: r[7] ||= (e) => J("patchVariable", { placeholder: e.target.value })
 				}, null, 8, ["value", "disabled"])]),
-				a("label", H, [X[37] ||= a("span", null, "默认值", -1), o(f(g), {
-					value: Z.selectedVariable.defaultValue,
-					disabled: $(),
-					onChange: X[8] ||= (e) => Q("patchVariable", { defaultValue: e.target.value })
+				s("label", W, [r[37] ||= s("span", null, "默认值", -1), c(h(y), {
+					value: q.selectedVariable.defaultValue,
+					disabled: Y(),
+					onChange: r[8] ||= (e) => J("patchVariable", { defaultValue: e.target.value })
 				}, null, 8, ["value", "disabled"])]),
-				a("label", U, [X[38] ||= a("span", null, "宽度", -1), o(f(_), {
-					value: Z.selectedVariable.width,
+				s("label", ue, [r[38] ||= s("span", null, "宽度", -1), c(h(b), {
+					value: q.selectedVariable.width,
 					min: 48,
-					max: Z.selectedVariableWidthMax,
-					disabled: $(),
-					onChange: X[9] ||= (e) => Q("patchVariable", { width: Number(e || 48) })
+					max: q.selectedVariableWidthMax,
+					disabled: Y(),
+					onChange: r[9] ||= (e) => J("patchVariable", { width: Number(e || 48) })
 				}, null, 8, [
 					"value",
 					"max",
 					"disabled"
 				])]),
-				a("label", W, [X[39] ||= a("span", null, "高度", -1), o(f(_), {
-					value: Z.selectedVariable.height,
+				s("label", de, [r[39] ||= s("span", null, "高度", -1), c(h(b), {
+					value: q.selectedVariable.height,
 					min: 24,
-					max: Z.selectedVariableHeightMax,
-					disabled: $(),
-					onChange: X[10] ||= (e) => Q("patchVariable", { height: Number(e || 24) })
+					max: q.selectedVariableHeightMax,
+					disabled: Y(),
+					onChange: r[10] ||= (e) => J("patchVariable", { height: Number(e || 24) })
 				}, null, 8, [
 					"value",
 					"max",
 					"disabled"
 				])]),
-				Z.selectedVariable.type === "text" ? (c(), i("div", ae, [a("label", G, [X[40] ||= a("span", null, "多行", -1), o(f(y), {
-					checked: !!Z.selectedVariable.multiline,
-					disabled: $(),
-					onChange: X[11] ||= (e) => Q("patchMultiline", !!e)
-				}, null, 8, ["checked", "disabled"])]), Z.selectedVariable.multiline ? (c(), i("label", K, [X[41] ||= a("span", null, "行数", -1), o(f(_), {
-					value: Z.selectedVariable.rows || Z.defaultMultilineRows,
+				q.selectedVariable.type === "text" ? (u(), o("div", fe, [s("label", pe, [r[40] ||= s("span", null, "多行", -1), c(h(S), {
+					checked: !!q.selectedVariable.multiline,
+					disabled: Y(),
+					onChange: r[11] ||= (e) => J("patchMultiline", !!e)
+				}, null, 8, ["checked", "disabled"])]), q.selectedVariable.multiline ? (u(), o("label", me, [r[41] ||= s("span", null, "行数", -1), c(h(b), {
+					value: q.selectedVariable.rows || q.defaultMultilineRows,
 					min: 2,
 					max: 12,
-					disabled: $(),
-					onChange: X[12] ||= (e) => Q("patchRows", e)
-				}, null, 8, ["value", "disabled"])])) : r("", !0)])) : r("", !0),
-				Z.selectedVariable.type === "date" ? (c(), i("label", q, [X[42] ||= a("span", null, "日期格式", -1), o(f(g), {
-					value: Z.selectedVariable.format,
-					disabled: $(),
-					onChange: X[13] ||= (e) => Q("patchVariable", { format: e.target.value })
-				}, null, 8, ["value", "disabled"])])) : r("", !0),
-				Z.selectedVariable.type === "number" ? (c(), i(t, { key: 2 }, [a("label", J, [X[43] ||= a("span", null, "数字格式", -1), o(f(g), {
-					value: Z.selectedVariable.format,
-					disabled: $(),
-					onChange: X[14] ||= (e) => Q("patchVariable", { format: e.target.value })
-				}, null, 8, ["value", "disabled"])]), a("label", oe, [X[44] ||= a("span", null, "小数位", -1), o(f(_), {
-					value: Z.selectedVariable.precision,
+					disabled: Y(),
+					onChange: r[12] ||= (e) => J("patchRows", e)
+				}, null, 8, ["value", "disabled"])])) : a("", !0)])) : a("", !0),
+				q.selectedVariable.type === "date" ? (u(), o("label", he, [r[42] ||= s("span", null, "日期格式", -1), c(h(y), {
+					value: q.selectedVariable.format,
+					disabled: Y(),
+					onChange: r[13] ||= (e) => J("patchVariable", { format: e.target.value })
+				}, null, 8, ["value", "disabled"])])) : a("", !0),
+				q.selectedVariable.type === "number" ? (u(), o(n, { key: 3 }, [s("label", G, [r[43] ||= s("span", null, "数字格式", -1), c(h(y), {
+					value: q.selectedVariable.format,
+					disabled: Y(),
+					onChange: r[14] ||= (e) => J("patchVariable", { format: e.target.value })
+				}, null, 8, ["value", "disabled"])]), s("label", ge, [r[44] ||= s("span", null, "小数位", -1), c(h(b), {
+					value: q.selectedVariable.precision,
 					min: 0,
 					max: 6,
-					disabled: $(),
-					onChange: X[15] ||= (e) => Q("patchVariable", { precision: typeof e == "number" ? e : void 0 })
-				}, null, 8, ["value", "disabled"])])], 64)) : r("", !0),
-				Z.selectedVariable.type === "checkbox" ? (c(), i(t, { key: 3 }, [a("label", se, [X[45] ||= a("span", null, "勾选文本", -1), o(f(g), {
-					value: Z.selectedVariable.checkedText,
-					disabled: $(),
-					onChange: X[16] ||= (e) => Q("patchVariable", { checkedText: e.target.value })
-				}, null, 8, ["value", "disabled"])]), a("label", ce, [X[46] ||= a("span", null, "未选文本", -1), o(f(g), {
-					value: Z.selectedVariable.uncheckedText,
-					disabled: $(),
-					onChange: X[17] ||= (e) => Q("patchVariable", { uncheckedText: e.target.value })
-				}, null, 8, ["value", "disabled"])])], 64)) : r("", !0),
-				a("div", le, [
-					a("label", ue, [X[47] ||= a("span", null, "必填", -1), o(f(y), {
-						checked: Z.selectedVariable.required,
-						disabled: $(),
-						onChange: X[18] ||= (e) => Q("patchVariable", { required: !!e })
+					disabled: Y(),
+					onChange: r[15] ||= (e) => J("patchVariable", { precision: typeof e == "number" ? e : void 0 })
+				}, null, 8, ["value", "disabled"])])], 64)) : a("", !0),
+				q.selectedVariable.type === "checkbox" ? (u(), o(n, { key: 4 }, [s("label", _e, [r[45] ||= s("span", null, "勾选文本", -1), c(h(y), {
+					value: q.selectedVariable.checkedText,
+					disabled: Y(),
+					onChange: r[16] ||= (e) => J("patchVariable", { checkedText: e.target.value })
+				}, null, 8, ["value", "disabled"])]), s("label", ve, [r[46] ||= s("span", null, "未选文本", -1), c(h(y), {
+					value: q.selectedVariable.uncheckedText,
+					disabled: Y(),
+					onChange: r[17] ||= (e) => J("patchVariable", { uncheckedText: e.target.value })
+				}, null, 8, ["value", "disabled"])])], 64)) : a("", !0),
+				s("div", ye, [
+					s("label", be, [r[47] ||= s("span", null, "必填", -1), c(h(S), {
+						checked: q.selectedVariable.required,
+						disabled: Y(),
+						onChange: r[18] ||= (e) => J("patchVariable", { required: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					a("label", de, [X[48] ||= a("span", null, "边框", -1), o(f(y), {
-						checked: !!Z.selectedVariable.style?.border,
-						disabled: $(),
-						onChange: X[19] ||= (e) => Q("patchStyle", { border: !!e })
+					s("label", xe, [r[48] ||= s("span", null, "边框", -1), c(h(S), {
+						checked: !!q.selectedVariable.style?.border,
+						disabled: Y(),
+						onChange: r[19] ||= (e) => J("patchStyle", { border: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					a("label", fe, [X[49] ||= a("span", null, "下划线", -1), o(f(y), {
-						checked: !!Z.selectedVariable.style?.underline,
-						disabled: $(),
-						onChange: X[20] ||= (e) => Q("patchStyle", { underline: !!e })
+					s("label", Se, [r[49] ||= s("span", null, "下划线", -1), c(h(S), {
+						checked: !!q.selectedVariable.style?.underline,
+						disabled: Y(),
+						onChange: r[20] ||= (e) => J("patchStyle", { underline: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					Z.selectedVariable.type === "number" ? (c(), i("label", pe, [X[50] ||= a("span", null, "千分位", -1), o(f(y), {
-						checked: Z.selectedVariable.useGrouping !== !1,
-						disabled: $(),
-						onChange: X[21] ||= (e) => Q("patchVariable", { useGrouping: !!e })
-					}, null, 8, ["checked", "disabled"])])) : r("", !0)
+					q.selectedVariable.type === "number" ? (u(), o("label", Ce, [r[50] ||= s("span", null, "千分位", -1), c(h(S), {
+						checked: q.selectedVariable.useGrouping !== !1,
+						disabled: Y(),
+						onChange: r[21] ||= (e) => J("patchVariable", { useGrouping: !!e })
+					}, null, 8, ["checked", "disabled"])])) : a("", !0)
 				]),
-				a("label", me, [X[51] ||= a("span", null, "字体", -1), o(f(v), {
-					value: Z.currentVariableFontFamily,
-					options: Z.fontFamilySelectOptions,
-					disabled: $(),
-					onChange: X[22] ||= (e) => Q("patchFontFamily", e)
+				s("label", we, [r[51] ||= s("span", null, "字体", -1), c(h(x), {
+					value: q.currentVariableFontFamily,
+					options: q.fontFamilySelectOptions,
+					disabled: Y(),
+					onChange: r[22] ||= (e) => J("patchFontFamily", e)
 				}, null, 8, [
 					"value",
 					"options",
 					"disabled"
 				])]),
-				a("label", he, [X[52] ||= a("span", null, "字号", -1), o(f(_), {
-					value: Z.selectedVariable.style?.fontSize,
-					min: Z.minFontSize,
-					max: Z.maxFontSize,
-					disabled: $(),
-					onChange: X[23] ||= (e) => Q("patchFontSize", e)
+				s("label", Te, [r[52] ||= s("span", null, "字号", -1), c(h(b), {
+					value: q.selectedVariable.style?.fontSize,
+					min: q.minFontSize,
+					max: q.maxFontSize,
+					disabled: Y(),
+					onChange: r[23] ||= (e) => J("patchFontSize", e)
 				}, null, 8, [
 					"value",
 					"min",
 					"max",
 					"disabled"
 				])]),
-				a("label", ge, [X[53] ||= a("span", null, "颜色", -1), a("input", {
+				s("label", Ee, [r[53] ||= s("span", null, "颜色", -1), s("input", {
 					type: "color",
-					value: Z.selectedVariable.style?.color || "#1f2937",
-					disabled: $(),
-					onInput: X[24] ||= (e) => Q("patchStyle", { color: e.target.value })
-				}, null, 40, _e)]),
-				a("label", Y, [X[54] ||= a("span", null, "占位颜色", -1), a("input", {
+					value: q.selectedVariable.style?.color || "#1f2937",
+					disabled: Y(),
+					onInput: r[24] ||= (e) => J("patchStyle", { color: e.target.value })
+				}, null, 40, De)]),
+				s("label", Oe, [r[54] ||= s("span", null, "占位颜色", -1), s("input", {
 					type: "color",
-					value: Z.selectedVariable.style?.placeholderColor || "#7a818b",
-					disabled: $(),
-					onInput: X[25] ||= (e) => Q("patchStyle", { placeholderColor: e.target.value })
-				}, null, 40, ve)]),
-				a("label", ye, [X[55] ||= a("span", null, "线条颜色", -1), a("input", {
+					value: q.selectedVariable.style?.placeholderColor || "#7a818b",
+					disabled: Y(),
+					onInput: r[25] ||= (e) => J("patchStyle", { placeholderColor: e.target.value })
+				}, null, 40, ke)]),
+				s("label", Ae, [r[55] ||= s("span", null, "线条颜色", -1), s("input", {
 					type: "color",
-					value: Z.selectedVariable.style?.lineColor || "#565b66",
-					disabled: $(),
-					onInput: X[26] ||= (e) => Q("patchStyle", { lineColor: e.target.value })
-				}, null, 40, be)]),
-				a("label", xe, [X[56] ||= a("span", null, "文字对齐", -1), o(f(v), {
-					value: Z.selectedVariable.style?.textAlign || "left",
-					options: Z.textAlignOptions,
-					disabled: $(),
-					onChange: X[27] ||= (e) => Q("patchTextAlign", e)
+					value: q.selectedVariable.style?.lineColor || "#565b66",
+					disabled: Y(),
+					onInput: r[26] ||= (e) => J("patchStyle", { lineColor: e.target.value })
+				}, null, 40, je)]),
+				s("label", Me, [r[56] ||= s("span", null, "文字对齐", -1), c(h(x), {
+					value: q.selectedVariable.style?.textAlign || "left",
+					options: q.textAlignOptions,
+					disabled: Y(),
+					onChange: r[27] ||= (e) => J("patchTextAlign", e)
 				}, null, 8, [
 					"value",
 					"options",
 					"disabled"
 				])]),
-				Z.selectedVariable.type === "image" ? (c(), i(t, { key: 4 }, [a("label", Se, [X[57] ||= a("span", null, "边框样式", -1), o(f(v), {
-					value: Z.selectedVariable.style?.borderStyle || "dashed",
-					options: Z.borderStyleOptions,
-					disabled: $(),
-					onChange: X[28] ||= (e) => Q("patchBorderStyle", e)
+				q.selectedVariable.type === "image" ? (u(), o(n, { key: 5 }, [s("label", Ne, [r[57] ||= s("span", null, "边框样式", -1), c(h(x), {
+					value: q.selectedVariable.style?.borderStyle || "dashed",
+					options: q.borderStyleOptions,
+					disabled: Y(),
+					onChange: r[28] ||= (e) => J("patchBorderStyle", e)
 				}, null, 8, [
 					"value",
 					"options",
 					"disabled"
-				])]), a("label", Ce, [X[58] ||= a("span", null, "图片适配", -1), o(f(v), {
-					value: Z.selectedVariable.style?.objectFit || "contain",
-					options: Z.objectFitOptions,
-					disabled: $(),
-					onChange: X[29] ||= (e) => Q("patchObjectFit", e)
+				])]), s("label", Pe, [r[58] ||= s("span", null, "图片适配", -1), c(h(x), {
+					value: q.selectedVariable.style?.objectFit || "contain",
+					options: q.objectFitOptions,
+					disabled: Y(),
+					onChange: r[29] ||= (e) => J("patchObjectFit", e)
 				}, null, 8, [
 					"value",
 					"options",
 					"disabled"
-				])])], 64)) : r("", !0)
-			], 64)) : (c(), n(f(h), {
+				])])], 64)) : a("", !0)
+			], 64)) : (u(), i(h(v), {
 				key: 0,
 				description: "请选择模板变量",
-				image: f(h).PRESENTED_IMAGE_SIMPLE
+				image: h(v).PRESENTED_IMAGE_SIMPLE
 			}, null, 8, ["image"]))]))
 		])], 2));
 	}
 });
 //#endregion
-export { X as default };
+export { K as default };

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

@@ -18,6 +18,7 @@ var w = ["aria-label", "aria-expanded"], T = { class: "gd-contract-template-desi
 		collapsed: { type: Boolean },
 		pages: {},
 		variables: {},
+		decorationVariableKeys: {},
 		signingPlacementNavigationItems: {},
 		activePageId: {},
 		selectedVariableKey: {},
@@ -145,7 +146,7 @@ var w = ["aria-label", "aria-expanded"], T = { class: "gd-contract-template-desi
 					type: "button",
 					class: c(["gd-contract-template-designer__nav-item", { "is-active": V.selectedVariableKey === e.key }]),
 					onClick: (t) => H("scrollToVariable", e)
-				}, [i("span", null, d(e.label), 1), i("small", null, d(e.type || "text") + " · " + d(e.key), 1)], 10, I))), 128))
+				}, [i("span", null, d(e.label), 1), i("small", null, d(V.decorationVariableKeys.includes(e.key) ? "页面装饰" : e.type || "text") + " · " + d(e.key), 1)], 10, I))), 128))
 			]),
 			V.showSigningPlacementTools ? (l(), r("section", L, [
 				i("div", R, [B[6] ||= i("strong", null, "签署位置", -1), o(f(_), null, {

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

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