@guodun/antdv 1.7.8 → 1.7.10

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

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