@guodun/antdv 1.7.9 → 1.7.11

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

@@ -1,41 +1,48 @@
-import { DEFAULT_FIELD_STYLE as e, getFieldOption as t } from "./composables/use-template-designer.mjs";
-import { resolveFieldTypeIcon as n } from "./utils/template-tool-icons.mjs";
-import r from "./ContractTemplatePanelTabs.mjs";
-import ee from "./ContractTemplateChoiceOptionsEditor.mjs";
-import te from "./ContractTemplateControlLibrary.mjs";
-import ne from "./ContractTemplateVariableAdvanced.mjs";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as re, openBlock as p, resolveDynamicComponent as ie, shallowRef as m, toDisplayString as h, unref as g, useId as ae, vShow as _, watch as oe, withCtx as v, withDirectives as y } from "vue";
-import { Button as b, Input as x, InputNumber as S, Popconfirm as se, Select as C, Switch as w, Tooltip as T } from "ant-design-vue";
-import { CopyOutlined as ce, DeleteOutlined as le, LeftOutlined as ue, RightOutlined as E } from "@ant-design/icons-vue";
+import { TEMPLATE_NUMBER_FORMAT_OPTIONS as e } from "./utils/template-variable-render.mjs";
+import { DEFAULT_FIELD_STYLE as t, getFieldOption as n } from "./composables/use-template-designer.mjs";
+import { resolveFieldTypeIcon as r } from "./utils/template-tool-icons.mjs";
+import ee from "./ContractTemplatePanelTabs.mjs";
+import te from "./ContractTemplateChoiceOptionsEditor.mjs";
+import ne from "./ContractTemplateControlLibrary.mjs";
+import re from "./ContractTemplateVariableAdvanced.mjs";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as ie, openBlock as p, resolveDynamicComponent as ae, shallowRef as oe, toDisplayString as m, unref as h, useId as se, vShow as g, watch as ce, withCtx as _, withDirectives as v } from "vue";
+import { Button as y, Input as b, InputNumber as x, Popconfirm as le, Select as S, Switch as C, Tooltip as w } from "ant-design-vue";
+import { CopyOutlined as ue, DeleteOutlined as de, LeftOutlined as fe, RightOutlined as T } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerInspector.vue?vue&type=script&setup=true&lang.ts
-var D = ["aria-label", "aria-expanded"], O = { class: "gd-contract-template-designer__panel-stack" }, k = { class: "gd-contract-authoring-panel__body" }, A = ["id", "aria-labelledby"], j = ["id", "aria-labelledby"], M = { class: "gd-contract-authoring-panel__section-heading" }, N = {
+var pe = ["aria-label", "aria-expanded"], me = { class: "gd-contract-template-designer__panel-stack" }, E = { class: "gd-contract-authoring-panel__body" }, D = ["id", "aria-labelledby"], O = ["id", "aria-labelledby"], k = { class: "gd-contract-authoring-panel__section-heading" }, A = {
 	key: 0,
 	class: "gd-contract-authoring-panel__meta"
-}, P = {
+}, j = {
 	key: 0,
 	class: "gd-contract-authoring-panel__empty"
-}, F = { class: "gd-contract-authoring-panel__selection" }, I = {
+}, M = { class: "gd-contract-authoring-panel__selection" }, N = {
 	class: "gd-contract-authoring-panel__variable-icon",
 	"aria-hidden": "true"
-}, L = { class: "gd-contract-authoring-panel__variable-copy" }, R = { class: "gd-contract-authoring-panel__item-title" }, z = { class: "gd-contract-authoring-panel__meta" }, B = { class: "gd-contract-authoring-panel__property-group" }, V = { class: "gd-contract-authoring-panel__fields" }, H = { class: "gd-contract-authoring-panel__field" }, U = { class: "gd-contract-authoring-panel__field" }, de = {
+}, P = { class: "gd-contract-authoring-panel__variable-copy" }, F = { class: "gd-contract-authoring-panel__item-title" }, I = { class: "gd-contract-authoring-panel__meta" }, L = { class: "gd-contract-authoring-panel__property-group" }, R = { class: "gd-contract-authoring-panel__fields" }, z = { class: "gd-contract-authoring-panel__field" }, he = { class: "gd-contract-authoring-panel__field" }, ge = {
 	key: 0,
 	class: "gd-contract-authoring-panel__field"
-}, fe = {
+}, _e = {
 	open: "",
 	class: "gd-contract-authoring-panel__property-group"
-}, pe = { class: "gd-contract-authoring-panel__group-title" }, me = { class: "gd-contract-authoring-panel__fields" }, he = { class: "gd-contract-authoring-panel__switch" }, ge = { class: "gd-contract-authoring-panel__switch" }, _e = {
+}, ve = { class: "gd-contract-authoring-panel__group-title" }, ye = { class: "gd-contract-authoring-panel__fields" }, B = { class: "gd-contract-authoring-panel__switch" }, be = { class: "gd-contract-authoring-panel__switch" }, xe = {
 	key: 0,
 	class: "gd-contract-authoring-panel__field"
-}, ve = {
+}, Se = {
 	key: 1,
 	class: "gd-contract-authoring-panel__field"
-}, ye = { class: "gd-contract-authoring-panel__field" }, be = { class: "gd-contract-authoring-panel__field" }, xe = { class: "gd-contract-authoring-panel__switch" }, Se = { class: "gd-contract-authoring-panel__field" }, Ce = { class: "gd-contract-authoring-panel__field" }, we = {
+}, Ce = { class: "gd-contract-authoring-panel__field" }, we = { key: 0 }, Te = { class: "gd-contract-authoring-panel__field" }, Ee = { class: "gd-contract-authoring-panel__switch" }, De = { class: "gd-contract-authoring-panel__field" }, Oe = { class: "gd-contract-authoring-panel__field" }, ke = {
 	key: 4,
 	class: "gd-contract-authoring-panel__switch"
-}, Te = {
+}, Ae = {
 	key: 5,
 	class: "gd-contract-authoring-panel__field"
-}, Ee = { class: "gd-contract-authoring-panel__property-group" }, De = { class: "gd-contract-authoring-panel__group-title" }, Oe = { class: "gd-contract-authoring-panel__fields" }, W = { class: "gd-contract-authoring-panel__field-pair" }, ke = { class: "gd-contract-authoring-panel__field" }, Ae = { class: "gd-contract-authoring-panel__field" }, je = { class: "gd-contract-authoring-panel__switch" }, Me = { class: "gd-contract-authoring-panel__switch" }, Ne = { class: "gd-contract-authoring-panel__field" }, Pe = { class: "gd-contract-authoring-panel__field" }, Fe = { class: "gd-contract-authoring-panel__color" }, Ie = ["value", "disabled"], Le = { class: "gd-contract-authoring-panel__color" }, Re = ["value", "disabled"], ze = { class: "gd-contract-authoring-panel__color" }, Be = ["value", "disabled"], Ve = { class: "gd-contract-authoring-panel__field" }, He = { class: "gd-contract-authoring-panel__field" }, Ue = { class: "gd-contract-authoring-panel__field" }, We = { class: "gd-contract-authoring-panel__danger-zone" }, G = /* @__PURE__ */ f({
+}, je = { class: "gd-contract-authoring-panel__property-group" }, Me = { class: "gd-contract-authoring-panel__group-title" }, Ne = { class: "gd-contract-authoring-panel__fields" }, Pe = { class: "gd-contract-authoring-panel__field-pair" }, Fe = { class: "gd-contract-authoring-panel__field" }, Ie = {
+	key: 0,
+	class: "gd-contract-authoring-panel__field"
+}, Le = { class: "gd-contract-authoring-panel__meta" }, Re = {
+	key: 1,
+	class: "gd-contract-authoring-panel__field"
+}, ze = { class: "gd-contract-authoring-panel__switch" }, Be = { class: "gd-contract-authoring-panel__switch" }, Ve = { class: "gd-contract-authoring-panel__field" }, He = { class: "gd-contract-authoring-panel__field" }, Ue = { class: "gd-contract-authoring-panel__color" }, We = ["value", "disabled"], Ge = { class: "gd-contract-authoring-panel__color" }, Ke = ["value", "disabled"], qe = { class: "gd-contract-authoring-panel__color" }, Je = ["value", "disabled"], Ye = { class: "gd-contract-authoring-panel__field" }, Xe = { class: "gd-contract-authoring-panel__field" }, Ze = { class: "gd-contract-authoring-panel__field" }, Qe = { class: "gd-contract-authoring-panel__danger-zone" }, V = /* @__PURE__ */ f({
 	name: "ContractTemplateDesignerInspector",
 	__name: "ContractTemplateDesignerInspector",
 	props: {
@@ -73,376 +80,396 @@ var D = ["aria-label", "aria-expanded"], O = { class: "gd-contract-template-desi
 		"patchBorderStyle",
 		"patchObjectFit"
 	],
-	setup(f, { emit: G }) {
-		let K = f, q = G, J = `gd-contract-inspector-${ae()}`, Y = m("insert"), Ge = [{
+	setup(f, { emit: V }) {
+		let H = f, U = V, W = `gd-contract-inspector-${se()}`, G = oe("insert"), $e = [{
 			value: "insert",
 			label: "插入控件"
 		}, {
 			value: "properties",
 			label: "控件属性"
-		}], X = a(() => K.readonly || K.disabled), Ke = a(() => K.selectedVariable ? K.bodyControlToolItems.find((e) => e.type === (K.selectedVariable?.type || "text"))?.label || t(K.selectedVariable.type || "text").label : ""), Z = a(() => K.selectedVariable?.type === "select" || K.selectedVariable?.type === "radio"), qe = a(() => K.selectedVariable?.type === "select" || !!K.selectedVariable?.type?.endsWith("-selector")), Je = a(() => K.selectedVariable?.type === "select" && !!K.selectedVariable.multiple), Ye = a(() => K.selectedVariable?.defaultValue || void 0), Xe = a(() => (K.selectedVariable?.options ?? []).map((e) => ({
+		}], K = a(() => e.some((e) => e.value === H.selectedVariable?.format) ? H.selectedVariable?.format : "decimal"), q = a(() => H.readonly || H.disabled), et = a(() => H.selectedVariable ? H.bodyControlToolItems.find((e) => e.type === (H.selectedVariable?.type || "text"))?.label || n(H.selectedVariable.type || "text").label : ""), J = a(() => (!H.selectedVariable?.type || H.selectedVariable.type === "text") && !!H.selectedVariable?.multiline), Y = a(() => H.selectedVariable?.rows || H.defaultMultilineRows), X = a(() => H.selectedVariable?.lineHeight || 28), Z = a(() => H.selectedVariable?.type === "select" || H.selectedVariable?.type === "radio"), tt = a(() => H.selectedVariable?.type === "select" || !!H.selectedVariable?.type?.endsWith("-selector")), nt = a(() => H.selectedVariable?.type === "select" && !!H.selectedVariable.multiple), rt = a(() => H.selectedVariable?.defaultValue || void 0), it = a(() => (H.selectedVariable?.options ?? []).map((e) => ({
 			label: e.label,
 			value: String(e.value)
 		})));
-		oe(() => K.selectedVariable?.id, (e) => {
-			Y.value = e ? "properties" : "insert";
+		ce(() => H.selectedVariable?.id, (e) => {
+			G.value = e ? "properties" : "insert";
 		}, { immediate: !0 });
 		function Q(e) {
-			K.selectedVariable && !X.value && q("patchVariable", e);
+			H.selectedVariable && !q.value && U("patchVariable", e);
 		}
 		function $(e) {
-			K.selectedVariable && !X.value && q("patchStyle", e);
+			H.selectedVariable && !q.value && U("patchStyle", e);
 		}
-		function Ze(e) {
+		function at(e) {
 			Q({ defaultValue: e == null ? "" : String(e) });
 		}
-		function Qe(e) {
+		function ot(e) {
 			let t = { multiple: e };
-			e && K.selectedVariable?.type === "select" && (t.defaultValue = ""), Q(t);
+			e && H.selectedVariable?.type === "select" && (t.defaultValue = ""), Q(t);
 		}
-		function $e(e) {
-			let t = e ?? [], n = K.selectedVariable?.defaultValue, r = { options: t };
+		function st(e) {
+			let t = e ?? [], n = H.selectedVariable?.defaultValue, r = { options: t };
 			n && !t.some((e) => String(e.value) === String(n)) && (r.defaultValue = ""), Q(r);
 		}
-		function et() {
-			K.selectedVariable && !X.value && q("duplicateVariable", K.selectedVariable);
+		function ct() {
+			H.selectedVariable && !q.value && U("duplicateVariable", H.selectedVariable);
 		}
-		function tt() {
-			K.selectedVariable && !X.value && q("removeVariable", K.selectedVariable);
+		function lt() {
+			H.selectedVariable && !q.value && U("removeVariable", H.selectedVariable);
 		}
-		return (t, a) => (p(), c("aside", {
-			class: re(["gd-contract-template-designer__inspector gd-contract-authoring-panel", { "is-collapsed": K.collapsed }]),
+		return (n, a) => (p(), c("aside", {
+			class: ie(["gd-contract-template-designer__inspector gd-contract-authoring-panel", { "is-collapsed": H.collapsed }]),
 			"aria-label": "控件插入与属性"
-		}, [d(g(T), { title: K.collapsed ? "展开属性栏" : "收起属性栏" }, {
-			default: v(() => [l("button", {
+		}, [d(h(w), { title: H.collapsed ? "展开属性栏" : "收起属性栏" }, {
+			default: _(() => [l("button", {
 				type: "button",
 				class: "gd-contract-template-designer__panel-handle gd-contract-authoring-panel__handle",
-				"aria-label": K.collapsed ? "展开属性栏" : "收起属性栏",
-				"aria-expanded": !K.collapsed,
-				onClick: a[0] ||= (e) => q("toggle")
-			}, [K.collapsed ? (p(), o(g(ue), {
+				"aria-label": H.collapsed ? "展开属性栏" : "收起属性栏",
+				"aria-expanded": !H.collapsed,
+				onClick: a[0] ||= (e) => U("toggle")
+			}, [H.collapsed ? (p(), o(h(fe), {
 				key: 0,
 				"aria-hidden": "true"
-			})) : (p(), o(g(E), {
+			})) : (p(), o(h(T), {
 				key: 1,
 				"aria-hidden": "true"
-			}))], 8, D)]),
+			}))], 8, pe)]),
 			_: 1
-		}, 8, ["title"]), l("div", O, [l("div", k, [
-			d(r, {
-				id: J,
-				modelValue: Y.value,
-				"onUpdate:modelValue": a[1] ||= (e) => Y.value = e,
-				items: Ge,
+		}, 8, ["title"]), l("div", me, [l("div", E, [
+			d(ee, {
+				id: W,
+				modelValue: G.value,
+				"onUpdate:modelValue": a[1] ||= (e) => G.value = e,
+				items: $e,
 				label: "控件面板视图"
 			}, null, 8, ["modelValue"]),
-			y(l("section", {
-				id: `${J}-panel-insert`,
+			v(l("section", {
+				id: `${W}-panel-insert`,
 				class: "gd-contract-authoring-panel__view",
 				role: "tabpanel",
-				"aria-labelledby": `${J}-tab-insert`
-			}, [d(te, {
-				items: K.bodyControlToolItems,
-				readonly: X.value,
-				onInsertVariable: a[2] ||= (e) => q("insertVariable", e),
-				onVariableDragStart: a[3] ||= (e, t) => q("variableDragStart", e, t)
-			}, null, 8, ["items", "readonly"])], 8, A), [[_, Y.value === "insert"]]),
-			y(l("section", {
-				id: `${J}-panel-properties`,
+				"aria-labelledby": `${W}-tab-insert`
+			}, [d(ne, {
+				items: H.bodyControlToolItems,
+				readonly: q.value,
+				onInsertVariable: a[2] ||= (e) => U("insertVariable", e),
+				onVariableDragStart: a[3] ||= (e, t) => U("variableDragStart", e, t)
+			}, null, 8, ["items", "readonly"])], 8, D), [[g, G.value === "insert"]]),
+			v(l("section", {
+				id: `${W}-panel-properties`,
 				class: "gd-contract-authoring-panel__view",
 				role: "tabpanel",
-				"aria-labelledby": `${J}-tab-properties`
-			}, [l("div", M, [a[31] ||= l("strong", null, "属性", -1), X.value ? (p(), c("small", N, "只读")) : s("", !0)]), K.selectedVariable ? (p(), c("div", {
-				key: K.selectedVariable.id,
+				"aria-labelledby": `${W}-tab-properties`
+			}, [l("div", k, [a[32] ||= l("strong", null, "属性", -1), q.value ? (p(), c("small", A, "只读")) : s("", !0)]), H.selectedVariable ? (p(), c("div", {
+				key: H.selectedVariable.id,
 				class: "gd-contract-authoring-panel__properties"
 			}, [
-				l("div", F, [
-					l("span", I, [(p(), o(ie(g(n)(K.selectedVariable.type))))]),
-					l("div", L, [l("span", R, h(K.selectedVariable.label), 1), l("small", z, h(Ke.value), 1)]),
-					d(g(T), { title: "复制变量" }, {
-						default: v(() => [d(g(b), {
+				l("div", M, [
+					l("span", N, [(p(), o(ae(h(r)(H.selectedVariable.type))))]),
+					l("div", P, [l("span", F, m(H.selectedVariable.label), 1), l("small", I, m(et.value), 1)]),
+					d(h(w), { title: "复制变量" }, {
+						default: _(() => [d(h(y), {
 							type: "text",
-							disabled: X.value,
+							disabled: q.value,
 							"aria-label": "复制变量",
-							onClick: et
+							onClick: ct
 						}, {
-							default: v(() => [d(g(ce), { "aria-hidden": "true" })]),
+							default: _(() => [d(h(ue), { "aria-hidden": "true" })]),
 							_: 1
 						}, 8, ["disabled"])]),
 						_: 1
 					})
 				]),
-				d(ne, {
-					variable: K.selectedVariable,
-					variables: K.variables,
-					readonly: X.value,
+				d(re, {
+					variable: H.selectedVariable,
+					variables: H.variables,
+					readonly: q.value,
 					onPatchVariable: Q,
-					onRenameVariable: a[5] ||= (e) => q("renameVariable", e)
+					onRenameVariable: a[5] ||= (e) => U("renameVariable", e)
 				}, null, 8, [
 					"variable",
 					"variables",
 					"readonly"
 				]),
-				l("section", B, [a[38] ||= l("h3", { class: "gd-contract-authoring-panel__group-title" }, "基础信息", -1), l("div", V, [
-					l("label", H, [a[35] ||= l("span", null, "名称", -1), d(g(x), {
-						value: K.selectedVariable.label,
-						disabled: X.value,
+				l("section", L, [a[39] ||= l("h3", { class: "gd-contract-authoring-panel__group-title" }, "基础信息", -1), l("div", R, [
+					l("label", z, [a[36] ||= l("span", null, "名称", -1), d(h(b), {
+						value: H.selectedVariable.label,
+						disabled: q.value,
 						"aria-label": "变量名称",
 						onChange: a[6] ||= (e) => Q({ label: e.target.value })
 					}, null, 8, ["value", "disabled"])]),
-					l("label", U, [a[36] ||= l("span", null, "占位文案", -1), d(g(x), {
-						value: K.selectedVariable.placeholder,
-						disabled: X.value,
+					l("label", he, [a[37] ||= l("span", null, "占位文案", -1), d(h(b), {
+						value: H.selectedVariable.placeholder,
+						disabled: q.value,
 						"aria-label": "占位文案",
 						onChange: a[7] ||= (e) => Q({ placeholder: e.target.value })
 					}, null, 8, ["value", "disabled"])]),
-					Je.value ? s("", !0) : (p(), c("label", de, [a[37] ||= l("span", null, "默认值", -1), Z.value ? (p(), o(g(C), {
+					nt.value ? s("", !0) : (p(), c("label", ge, [a[38] ||= l("span", null, "默认值", -1), Z.value ? (p(), o(h(S), {
 						key: 0,
-						value: Ye.value,
-						options: Xe.value,
-						disabled: X.value,
+						value: rt.value,
+						options: it.value,
+						disabled: q.value,
 						"allow-clear": "",
 						placeholder: "请选择",
 						"aria-label": "默认值",
-						onChange: Ze
+						onChange: at
 					}, null, 8, [
 						"value",
 						"options",
 						"disabled"
-					])) : (p(), o(g(x), {
+					])) : J.value ? (p(), o(h(b).TextArea, {
 						key: 1,
-						value: K.selectedVariable.defaultValue,
-						disabled: X.value,
+						value: H.selectedVariable.defaultValue,
+						rows: Y.value,
+						disabled: q.value,
 						"aria-label": "默认值",
-						onChange: a[8] ||= (e) => Q({ defaultValue: e.target.value })
+						"onUpdate:value": a[8] ||= (e) => Q({ defaultValue: e })
+					}, null, 8, [
+						"value",
+						"rows",
+						"disabled"
+					])) : (p(), o(h(b), {
+						key: 2,
+						value: H.selectedVariable.defaultValue,
+						disabled: q.value,
+						"aria-label": "默认值",
+						onChange: a[9] ||= (e) => Q({ defaultValue: e.target.value })
 					}, null, 8, ["value", "disabled"]))]))
 				])]),
-				l("details", fe, [l("summary", pe, [d(g(E), {
+				l("details", _e, [l("summary", ve, [d(h(T), {
 					class: "gd-contract-authoring-panel__chevron",
 					"aria-hidden": "true"
-				}), a[39] ||= l("span", null, "填写规则", -1)]), l("div", me, [
-					l("label", he, [a[40] ||= l("span", null, "必填", -1), d(g(w), {
-						checked: K.selectedVariable.required,
-						disabled: X.value,
+				}), a[40] ||= l("span", null, "填写规则", -1)]), l("div", ye, [
+					l("label", B, [a[41] ||= l("span", null, "必填", -1), d(h(C), {
+						checked: H.selectedVariable.required,
+						disabled: q.value,
 						"aria-label": "必填",
-						onChange: a[9] ||= (e) => Q({ required: !!e })
+						onChange: a[10] ||= (e) => Q({ required: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					!K.selectedVariable.type || K.selectedVariable.type === "text" ? (p(), c(i, { key: 0 }, [l("label", ge, [a[41] ||= l("span", null, "多行", -1), d(g(w), {
-						checked: !!K.selectedVariable.multiline,
-						disabled: X.value,
+					!H.selectedVariable.type || H.selectedVariable.type === "text" ? (p(), c(i, { key: 0 }, [l("label", be, [a[42] ||= l("span", null, "多行", -1), d(h(C), {
+						checked: !!H.selectedVariable.multiline,
+						disabled: q.value,
 						"aria-label": "多行",
-						onChange: a[10] ||= (e) => q("patchMultiline", !!e)
-					}, null, 8, ["checked", "disabled"])]), K.selectedVariable.multiline ? (p(), c("label", _e, [a[42] ||= l("span", null, "行数", -1), d(g(S), {
-						value: K.selectedVariable.rows || K.defaultMultilineRows,
+						onChange: a[11] ||= (e) => U("patchMultiline", !!e)
+					}, null, 8, ["checked", "disabled"])]), H.selectedVariable.multiline ? (p(), c("label", xe, [a[43] ||= l("span", null, "行数", -1), d(h(x), {
+						value: H.selectedVariable.rows || H.defaultMultilineRows,
 						min: 2,
 						max: 12,
-						disabled: X.value,
+						disabled: q.value,
 						"aria-label": "行数",
-						onChange: a[11] ||= (e) => q("patchRows", e)
+						onChange: a[12] ||= (e) => U("patchRows", e)
 					}, null, 8, ["value", "disabled"])])) : s("", !0)], 64)) : s("", !0),
-					K.selectedVariable.type === "date" ? (p(), c("label", ve, [a[43] ||= l("span", null, "日期格式", -1), d(g(x), {
-						value: K.selectedVariable.format,
-						disabled: X.value,
+					H.selectedVariable.type === "date" ? (p(), c("label", Se, [a[44] ||= l("span", null, "日期格式", -1), d(h(b), {
+						value: H.selectedVariable.format,
+						disabled: q.value,
 						"aria-label": "日期格式",
-						onChange: a[12] ||= (e) => Q({ format: e.target.value })
+						onChange: a[13] ||= (e) => Q({ format: e.target.value })
 					}, null, 8, ["value", "disabled"])])) : s("", !0),
-					K.selectedVariable.type === "number" ? (p(), c(i, { key: 2 }, [
-						l("label", ye, [a[44] ||= l("span", null, "数字格式", -1), d(g(x), {
-							value: K.selectedVariable.format,
-							disabled: X.value,
-							"aria-label": "数字格式",
-							onChange: a[13] ||= (e) => Q({ format: e.target.value })
-						}, null, 8, ["value", "disabled"])]),
-						l("label", be, [a[45] ||= l("span", null, "小数位", -1), d(g(S), {
-							value: K.selectedVariable.precision,
+					H.selectedVariable.type === "number" ? (p(), c(i, { key: 2 }, [
+						l("label", Ce, [
+							a[45] ||= l("span", null, "数字格式", -1),
+							d(h(S), {
+								value: K.value,
+								options: h(e),
+								disabled: q.value,
+								"aria-label": "数字格式",
+								onChange: a[14] ||= (e) => Q({ format: String(e) })
+							}, null, 8, [
+								"value",
+								"options",
+								"disabled"
+							]),
+							K.value === "percent" ? (p(), c("span", we, "按比例填写，例如 0.125 显示为 12.5%。")) : s("", !0)
+						]),
+						l("label", Te, [a[46] ||= l("span", null, "小数位", -1), d(h(x), {
+							value: H.selectedVariable.precision,
 							min: 0,
 							max: 6,
-							disabled: X.value,
+							disabled: q.value,
 							"aria-label": "小数位",
-							onChange: a[14] ||= (e) => Q({ precision: typeof e == "number" ? e : void 0 })
+							onChange: a[15] ||= (e) => Q({ precision: typeof e == "number" ? e : void 0 })
 						}, null, 8, ["value", "disabled"])]),
-						l("label", xe, [a[46] ||= l("span", null, "千分位", -1), d(g(w), {
-							checked: K.selectedVariable.useGrouping !== !1,
-							disabled: X.value,
+						l("label", Ee, [a[47] ||= l("span", null, "千分位", -1), d(h(C), {
+							checked: H.selectedVariable.useGrouping === !0,
+							disabled: q.value,
 							"aria-label": "千分位",
-							onChange: a[15] ||= (e) => Q({ useGrouping: !!e })
+							onChange: a[16] ||= (e) => Q({ useGrouping: !!e })
 						}, null, 8, ["checked", "disabled"])])
 					], 64)) : s("", !0),
-					K.selectedVariable.type === "checkbox" ? (p(), c(i, { key: 3 }, [l("label", Se, [a[47] ||= l("span", null, "勾选文本", -1), d(g(x), {
-						value: K.selectedVariable.checkedText,
-						disabled: X.value,
+					H.selectedVariable.type === "checkbox" ? (p(), c(i, { key: 3 }, [l("label", De, [a[48] ||= l("span", null, "勾选文本", -1), d(h(b), {
+						value: H.selectedVariable.checkedText,
+						disabled: q.value,
 						"aria-label": "勾选文本",
-						onChange: a[16] ||= (e) => Q({ checkedText: e.target.value })
-					}, null, 8, ["value", "disabled"])]), l("label", Ce, [a[48] ||= l("span", null, "未选文本", -1), d(g(x), {
-						value: K.selectedVariable.uncheckedText,
-						disabled: X.value,
+						onChange: a[17] ||= (e) => Q({ checkedText: e.target.value })
+					}, null, 8, ["value", "disabled"])]), l("label", Oe, [a[49] ||= l("span", null, "未选文本", -1), d(h(b), {
+						value: H.selectedVariable.uncheckedText,
+						disabled: q.value,
 						"aria-label": "未选文本",
-						onChange: a[17] ||= (e) => Q({ uncheckedText: e.target.value })
+						onChange: a[18] ||= (e) => Q({ uncheckedText: e.target.value })
 					}, null, 8, ["value", "disabled"])])], 64)) : s("", !0),
-					qe.value ? (p(), c("label", we, [a[49] ||= l("span", null, "允许多选", -1), d(g(w), {
-						checked: !!K.selectedVariable.multiple,
-						disabled: X.value,
+					tt.value ? (p(), c("label", ke, [a[50] ||= l("span", null, "允许多选", -1), d(h(C), {
+						checked: !!H.selectedVariable.multiple,
+						disabled: q.value,
 						"aria-label": "允许多选",
-						onChange: a[18] ||= (e) => Qe(!!e)
+						onChange: a[19] ||= (e) => ot(!!e)
 					}, null, 8, ["checked", "disabled"])])) : s("", !0),
-					Z.value ? (p(), c("div", Te, [a[50] ||= l("span", null, "选项", -1), (p(), o(ee, {
-						key: K.selectedVariable.id,
-						options: K.selectedVariable.options ?? [],
-						"variable-type": K.selectedVariable.type || "select",
-						readonly: X.value,
-						onChange: $e
+					Z.value ? (p(), c("div", Ae, [a[51] ||= l("span", null, "选项", -1), (p(), o(te, {
+						key: H.selectedVariable.id,
+						options: H.selectedVariable.options ?? [],
+						"variable-type": H.selectedVariable.type || "select",
+						readonly: q.value,
+						onChange: st
 					}, null, 8, [
 						"options",
 						"variable-type",
 						"readonly"
 					]))])) : s("", !0)
 				])]),
-				l("details", Ee, [l("summary", De, [d(g(E), {
+				l("details", je, [l("summary", Me, [d(h(T), {
 					class: "gd-contract-authoring-panel__chevron",
 					"aria-hidden": "true"
-				}), a[51] ||= l("span", null, "外观", -1)]), l("div", Oe, [
-					l("div", W, [l("label", ke, [a[52] ||= l("span", null, [u("宽度 "), l("small", { class: "gd-contract-authoring-panel__meta" }, "px")], -1), d(g(S), {
-						value: K.selectedVariable.width,
+				}), a[52] ||= l("span", null, "外观", -1)]), l("div", Ne, [
+					l("div", Pe, [l("label", Fe, [a[53] ||= l("span", null, [u("宽度 "), l("small", { class: "gd-contract-authoring-panel__meta" }, "px")], -1), d(h(x), {
+						value: H.selectedVariable.width,
 						min: 48,
-						max: K.selectedVariableWidthMax,
-						disabled: X.value,
+						max: H.selectedVariableWidthMax,
+						disabled: q.value,
 						"aria-label": "控件宽度",
-						onChange: a[19] ||= (e) => Q({ width: Number(e || 48) })
+						onChange: a[20] ||= (e) => Q({ width: Number(e || 48) })
 					}, null, 8, [
 						"value",
 						"max",
 						"disabled"
-					])]), l("label", Ae, [a[53] ||= l("span", null, [u("高度 "), l("small", { class: "gd-contract-authoring-panel__meta" }, "px")], -1), d(g(S), {
-						value: K.selectedVariable.height,
+					])]), J.value ? (p(), c("div", Ie, [a[54] ||= l("span", null, "高度", -1), l("span", Le, m(Y.value) + "行×" + m(X.value) + "px，正文高度" + m(Y.value * X.value) + "px", 1)])) : (p(), c("label", Re, [a[55] ||= l("span", null, [u("高度 "), l("small", { class: "gd-contract-authoring-panel__meta" }, "px")], -1), d(h(x), {
+						value: H.selectedVariable.height,
 						min: 24,
-						max: K.selectedVariableHeightMax,
-						disabled: X.value,
+						max: H.selectedVariableHeightMax,
+						disabled: q.value,
 						"aria-label": "控件高度",
-						onChange: a[20] ||= (e) => Q({ height: Number(e || 24) })
+						onChange: a[21] ||= (e) => Q({ height: Number(e || 24) })
 					}, null, 8, [
 						"value",
 						"max",
 						"disabled"
-					])])]),
-					l("label", je, [a[54] ||= l("span", null, "边框", -1), d(g(w), {
-						checked: !!K.selectedVariable.style?.border,
-						disabled: X.value,
+					])]))]),
+					l("label", ze, [a[56] ||= l("span", null, "边框", -1), d(h(C), {
+						checked: !!H.selectedVariable.style?.border,
+						disabled: q.value,
 						"aria-label": "边框",
-						onChange: a[21] ||= (e) => $({ border: !!e })
+						onChange: a[22] ||= (e) => $({ border: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					l("label", Me, [a[55] ||= l("span", null, "下划线", -1), d(g(w), {
-						checked: !!K.selectedVariable.style?.underline,
-						disabled: X.value,
+					l("label", Be, [a[57] ||= l("span", null, "下划线", -1), d(h(C), {
+						checked: !!H.selectedVariable.style?.underline,
+						disabled: q.value,
 						"aria-label": "下划线",
-						onChange: a[22] ||= (e) => $({ underline: !!e })
+						onChange: a[23] ||= (e) => $({ underline: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					l("label", Ne, [a[56] ||= l("span", null, "字体", -1), d(g(C), {
-						value: K.currentVariableFontFamily,
-						options: K.fontFamilySelectOptions,
-						disabled: X.value,
+					l("label", Ve, [a[58] ||= l("span", null, "字体", -1), d(h(S), {
+						value: H.currentVariableFontFamily,
+						options: H.fontFamilySelectOptions,
+						disabled: q.value,
 						"aria-label": "控件字体",
-						onChange: a[23] ||= (e) => q("patchFontFamily", e)
+						onChange: a[24] ||= (e) => U("patchFontFamily", e)
 					}, null, 8, [
 						"value",
 						"options",
 						"disabled"
 					])]),
-					l("label", Pe, [a[57] ||= l("span", null, "字号", -1), d(g(S), {
-						value: K.selectedVariable.style?.fontSize,
-						min: K.minFontSize,
-						max: K.maxFontSize,
-						disabled: X.value,
+					l("label", He, [a[59] ||= l("span", null, "字号", -1), d(h(x), {
+						value: H.selectedVariable.style?.fontSize,
+						min: H.minFontSize,
+						max: H.maxFontSize,
+						disabled: q.value,
 						"aria-label": "控件字号",
-						onChange: a[24] ||= (e) => q("patchFontSize", e)
+						onChange: a[25] ||= (e) => U("patchFontSize", e)
 					}, null, 8, [
 						"value",
 						"min",
 						"max",
 						"disabled"
 					])]),
-					l("label", Fe, [a[58] ||= l("span", null, "颜色", -1), l("input", {
+					l("label", Ue, [a[60] ||= l("span", null, "颜色", -1), l("input", {
 						type: "color",
-						value: K.selectedVariable.style?.color || g(e).color,
-						disabled: X.value,
+						value: H.selectedVariable.style?.color || h(t).color,
+						disabled: q.value,
 						"aria-label": "控件文字颜色",
-						onInput: a[25] ||= (e) => $({ color: e.target.value })
-					}, null, 40, Ie)]),
-					l("label", Le, [a[59] ||= l("span", null, "占位颜色", -1), l("input", {
+						onInput: a[26] ||= (e) => $({ color: e.target.value })
+					}, null, 40, We)]),
+					l("label", Ge, [a[61] ||= l("span", null, "占位颜色", -1), l("input", {
 						type: "color",
-						value: K.selectedVariable.style?.placeholderColor || g(e).placeholderColor,
-						disabled: X.value,
+						value: H.selectedVariable.style?.placeholderColor || h(t).placeholderColor,
+						disabled: q.value,
 						"aria-label": "控件占位颜色",
-						onInput: a[26] ||= (e) => $({ placeholderColor: e.target.value })
-					}, null, 40, Re)]),
-					l("label", ze, [a[60] ||= l("span", null, "线条颜色", -1), l("input", {
+						onInput: a[27] ||= (e) => $({ placeholderColor: e.target.value })
+					}, null, 40, Ke)]),
+					l("label", qe, [a[62] ||= l("span", null, "线条颜色", -1), l("input", {
 						type: "color",
-						value: K.selectedVariable.style?.lineColor || g(e).lineColor,
-						disabled: X.value,
+						value: H.selectedVariable.style?.lineColor || h(t).lineColor,
+						disabled: q.value,
 						"aria-label": "控件线条颜色",
-						onInput: a[27] ||= (e) => $({ lineColor: e.target.value })
-					}, null, 40, Be)]),
-					l("label", Ve, [a[61] ||= l("span", null, "文字对齐", -1), d(g(C), {
-						value: K.selectedVariable.style?.textAlign || "left",
-						options: K.textAlignOptions,
-						disabled: X.value,
+						onInput: a[28] ||= (e) => $({ lineColor: e.target.value })
+					}, null, 40, Je)]),
+					l("label", Ye, [a[63] ||= l("span", null, "文字对齐", -1), d(h(S), {
+						value: H.selectedVariable.style?.textAlign || "left",
+						options: H.textAlignOptions,
+						disabled: q.value,
 						"aria-label": "控件文字对齐",
-						onChange: a[28] ||= (e) => q("patchTextAlign", e)
+						onChange: a[29] ||= (e) => U("patchTextAlign", e)
 					}, null, 8, [
 						"value",
 						"options",
 						"disabled"
 					])]),
-					K.selectedVariable.type === "image" ? (p(), c(i, { key: 0 }, [l("label", He, [a[62] ||= l("span", null, "边框样式", -1), d(g(C), {
-						value: K.selectedVariable.style?.borderStyle || "dashed",
-						options: K.borderStyleOptions,
-						disabled: X.value,
+					H.selectedVariable.type === "image" ? (p(), c(i, { key: 0 }, [l("label", Xe, [a[64] ||= l("span", null, "边框样式", -1), d(h(S), {
+						value: H.selectedVariable.style?.borderStyle || "dashed",
+						options: H.borderStyleOptions,
+						disabled: q.value,
 						"aria-label": "图片边框样式",
-						onChange: a[29] ||= (e) => q("patchBorderStyle", e)
+						onChange: a[30] ||= (e) => U("patchBorderStyle", e)
 					}, null, 8, [
 						"value",
 						"options",
 						"disabled"
-					])]), l("label", Ue, [a[63] ||= l("span", null, "图片适配", -1), d(g(C), {
-						value: K.selectedVariable.style?.objectFit || "contain",
-						options: K.objectFitOptions,
-						disabled: X.value,
+					])]), l("label", Ze, [a[65] ||= l("span", null, "图片适配", -1), d(h(S), {
+						value: H.selectedVariable.style?.objectFit || "contain",
+						options: H.objectFitOptions,
+						disabled: q.value,
 						"aria-label": "图片适配",
-						onChange: a[30] ||= (e) => q("patchObjectFit", e)
+						onChange: a[31] ||= (e) => U("patchObjectFit", e)
 					}, null, 8, [
 						"value",
 						"options",
 						"disabled"
 					])])], 64)) : s("", !0)
 				])]),
-				l("div", We, [d(g(se), {
+				l("div", Qe, [d(h(le), {
 					title: "删除此变量及其全部引用？",
 					"ok-text": "删除变量",
 					"cancel-text": "取消",
 					"ok-button-props": { danger: !0 },
-					disabled: X.value,
-					onConfirm: tt
+					disabled: q.value,
+					onConfirm: lt
 				}, {
-					default: v(() => [d(g(b), {
+					default: _(() => [d(h(y), {
 						type: "text",
 						danger: "",
-						disabled: X.value,
+						disabled: q.value,
 						"aria-label": "删除变量"
 					}, {
-						default: v(() => [d(g(le), { "aria-hidden": "true" }), a[64] ||= u("删除变量", -1)]),
+						default: _(() => [d(h(de), { "aria-hidden": "true" }), a[66] ||= u("删除变量", -1)]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				}, 8, ["disabled"])])
-			])) : (p(), c("div", P, [
-				a[33] ||= l("span", null, "先选择一个正文变量", -1),
-				a[34] ||= l("small", { class: "gd-contract-authoring-panel__meta" }, "点击正文控件，或从左侧「变量」中定位。", -1),
-				d(g(b), { onClick: a[4] ||= (e) => Y.value = "insert" }, {
-					default: v(() => [...a[32] ||= [u("前往插入控件", -1)]]),
+			])) : (p(), c("div", j, [
+				a[34] ||= l("span", null, "先选择一个正文变量", -1),
+				a[35] ||= l("small", { class: "gd-contract-authoring-panel__meta" }, "点击正文控件，或从左侧「变量」中定位。", -1),
+				d(h(y), { onClick: a[4] ||= (e) => G.value = "insert" }, {
+					default: _(() => [...a[33] ||= [u("前往插入控件", -1)]]),
 					_: 1
 				})
-			]))], 8, j), [[_, Y.value === "properties"]])
+			]))], 8, O), [[g, G.value === "properties"]])
 		])])], 2));
 	}
 });
 //#endregion
-export { G as default };
+export { V as default };