@guodun/antdv 1.4.4 → 1.4.5

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

@@ -1,49 +1,72 @@
 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";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as ee, openBlock as d, ref as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, watch as _, withCtx as v, withKeys as te, withModifiers as ne } from "vue";
+import { Button as y, Empty as b, Input as x, InputNumber as S, Select as C, Switch as w, Tag as T, Tooltip as E } from "ant-design-vue";
+import { CopyOutlined as re, DeleteOutlined as ie, LeftOutlined as ae, RightOutlined as oe } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerInspector.vue?vue&type=script&setup=true&lang.ts
-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 = [
+var se = ["aria-label", "aria-expanded"], ce = { class: "gd-contract-template-designer__panel-stack" }, le = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--tools" }, ue = {
+	key: 0,
+	class: "gd-contract-template-designer__advanced-control-group"
+}, de = { class: "gd-contract-template-designer__advanced-control-list" }, fe = [
+	"disabled",
+	"onDragstart",
+	"onClick"
+], pe = {
+	class: "gd-contract-template-designer__tool-item-icon",
+	"aria-hidden": "true"
+}, D = { class: "gd-contract-template-designer__tool-item-copy" }, O = [
 	"disabled",
 	"onDragstart",
 	"onClick"
-], O = {
+], k = {
 	class: "gd-contract-template-designer__tool-item-icon",
 	"aria-hidden": "true"
-}, k = { class: "gd-contract-template-designer__tool-item-copy" }, A = {
+}, A = { class: "gd-contract-template-designer__tool-item-copy" }, j = {
 	key: 0,
 	class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--tools"
-}, j = { class: "gd-contract-template-designer__panel-head" }, M = { class: "gd-contract-template-designer__panel-actions" }, N = [
+}, M = { class: "gd-contract-template-designer__panel-head" }, N = { class: "gd-contract-template-designer__panel-actions" }, P = [
 	"disabled",
 	"onDragstart",
 	"onClick"
-], P = {
+], F = {
 	class: "gd-contract-template-designer__tool-item-icon",
 	"aria-hidden": "true"
-}, F = { class: "gd-contract-template-designer__signing-tool-copy" }, I = { class: "gd-contract-template-designer__signing-tool-label" }, L = {
+}, I = { class: "gd-contract-template-designer__signing-tool-copy" }, L = { class: "gd-contract-template-designer__signing-tool-label" }, R = {
 	key: 2,
 	class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--properties"
-}, R = { class: "gd-contract-template-designer__panel-head" }, z = {
+}, z = { class: "gd-contract-template-designer__panel-head" }, B = {
 	key: 0,
 	class: "gd-contract-template-designer__panel-actions"
-}, B = { class: "gd-contract-template-designer__form-row" }, V = { class: "gd-contract-template-designer__form-row" }, H = {
+}, me = { class: "gd-contract-template-designer__form-row" }, he = {
+	key: 0,
+	class: "gd-contract-template-designer__advanced-properties"
+}, ge = { class: "gd-contract-template-designer__advanced-properties-content" }, _e = {
+	key: 0,
+	class: "gd-contract-template-designer__switch-row"
+}, ve = { class: "gd-contract-template-designer__form-row is-stacked" }, ye = { class: "gd-contract-template-designer__form-row" }, be = {
+	key: 0,
+	class: "gd-contract-template-designer__form-row"
+}, xe = { class: "gd-contract-template-designer__form-row" }, Se = { class: "gd-contract-template-designer__form-row" }, Ce = { class: "gd-contract-template-designer__form-row" }, we = { class: "gd-contract-template-designer__form-row is-stacked" }, Te = {
 	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 = {
+}, Ee = { class: "gd-contract-template-designer__form-row" }, De = {
 	key: 1,
+	class: "gd-contract-template-designer__form-error",
+	role: "alert"
+}, Oe = { class: "gd-contract-template-designer__form-row" }, ke = { class: "gd-contract-template-designer__form-row" }, Ae = { class: "gd-contract-template-designer__form-row" }, je = { class: "gd-contract-template-designer__form-row" }, Me = {
+	key: 2,
 	class: "gd-contract-template-designer__switch-grid"
-}, pe = { class: "gd-contract-template-designer__switch-row" }, me = {
+}, Ne = { class: "gd-contract-template-designer__switch-row" }, Pe = {
 	key: 0,
 	class: "gd-contract-template-designer__form-row is-compact"
-}, he = {
-	key: 2,
+}, V = {
+	key: 3,
 	class: "gd-contract-template-designer__form-row"
-}, 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 = {
+}, Fe = { class: "gd-contract-template-designer__form-row" }, Ie = { class: "gd-contract-template-designer__form-row" }, Le = { class: "gd-contract-template-designer__form-row" }, Re = { class: "gd-contract-template-designer__form-row" }, ze = { class: "gd-contract-template-designer__switch-grid" }, Be = { class: "gd-contract-template-designer__switch-row" }, Ve = { class: "gd-contract-template-designer__switch-row" }, He = { class: "gd-contract-template-designer__switch-row" }, Ue = {
 	key: 0,
 	class: "gd-contract-template-designer__switch-row"
-}, 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({
+}, We = { class: "gd-contract-template-designer__form-row" }, Ge = { class: "gd-contract-template-designer__form-row" }, Ke = { class: "gd-contract-template-designer__form-row" }, qe = ["value", "disabled"], Je = { class: "gd-contract-template-designer__form-row" }, Ye = ["value", "disabled"], Xe = { class: "gd-contract-template-designer__form-row" }, Ze = ["value", "disabled"], Qe = { class: "gd-contract-template-designer__form-row" }, $e = { class: "gd-contract-template-designer__form-row" }, et = { class: "gd-contract-template-designer__form-row" }, H = /* @__PURE__ */ u({
 	name: "ContractTemplateDesignerInspector",
 	__name: "ContractTemplateDesignerInspector",
 	props: {
@@ -93,283 +116,447 @@ var w = ["aria-label", "aria-expanded"], T = { class: "gd-contract-template-desi
 		"patchBorderStyle",
 		"patchObjectFit"
 	],
-	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;
+	setup(u, { emit: H }) {
+		let U = u, W = H, G = () => U.readonly || U.disabled, K = f(""), q = f(!1), J = f("{}"), Y = f(""), X = r(() => q.value && U.selectedVariable ? e(K.value, U.variables, U.selectedVariable.id) : "");
+		_(() => [U.selectedVariable?.id, U.selectedVariable?.key], ([, e]) => {
+			K.value = e ?? "", q.value = !1;
+		}, { immediate: !0 }), _(() => [U.selectedVariable?.id, U.selectedVariable?.componentConfig], ([, e]) => {
+			J.value = JSON.stringify(e ?? {}, null, 2), Y.value = "";
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let tt = r(() => [
+			{
+				key: "basic",
+				label: "基础控件",
+				advanced: !1
+			},
+			{
+				key: "advanced-choice",
+				label: "下拉与单选",
+				advanced: !0
+			},
+			{
+				key: "builtin-selector",
+				label: "组织选择器",
+				advanced: !0
+			},
+			{
+				key: "custom",
+				label: "自定义控件",
+				advanced: !0
+			}
+		].map((e) => ({
+			...e,
+			items: U.bodyControlToolItems.filter((t) => t.group === e.key)
+		})).filter((e) => e.items.length > 0)), nt = r(() => {
+			let e = U.selectedVariable?.type;
+			return e === "select" || e === "radio" || e === "custom" || !!e?.endsWith("-selector");
+		}), rt = r(() => (U.selectedVariable?.options ?? []).map((e) => `${e.value}|${e.label}`).join("\n"));
+		function Z(e) {
+			W("insertVariable", e.type);
+		}
+		function Q(e) {
+			U.selectedVariable && W("patchVariable", { dataSource: {
+				...U.selectedVariable.dataSource ?? {
+					kind: "resolver",
+					resolverKey: ""
+				},
+				...e
+			} });
+		}
+		function it(e) {
+			if (e === "none") {
+				W("patchVariable", { dataSource: void 0 });
+				return;
+			}
+			W("patchVariable", { dataSource: e === "url" ? {
+				kind: "url",
+				url: "",
+				method: "GET"
+			} : {
+				kind: "resolver",
+				resolverKey: ""
+			} });
+		}
+		function at(e) {
+			W("patchVariable", { 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: U.selectedVariable?.type || "select"
+				};
+			}) });
+		}
+		function ot() {
+			try {
+				let e = JSON.parse(J.value);
+				if (!e || typeof e != "object" || Array.isArray(e)) throw TypeError("配置必须是 JSON 对象");
+				Y.value = "", W("patchVariable", { componentConfig: e });
+			} catch (e) {
+				Y.value = e instanceof Error ? e.message : "JSON 配置无效";
+			}
+		}
+		function st(e) {
+			K.value = e.target.value, q.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;
+			if (!U.selectedVariable || G() || (q.value = !0, X.value)) return;
+			let e = K.value.trim();
+			e !== U.selectedVariable.key && W("renameVariable", e), q.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", {
+		return (e, r) => (d(), o("aside", { class: ee(["gd-contract-template-designer__inspector", { "is-collapsed": U.collapsed }]) }, [l(g(E), { title: U.collapsed ? "展开属性栏" : "收起属性栏" }, {
+			default: v(() => [s("button", {
 				type: "button",
 				class: "gd-contract-template-designer__panel-handle",
-				"aria-label": q.collapsed ? "展开属性栏" : "收起属性栏",
-				"aria-expanded": !q.collapsed,
-				onClick: r[0] ||= (e) => J("toggle")
-			}, [q.collapsed ? (u(), i(h(ce), {
+				"aria-label": U.collapsed ? "展开属性栏" : "收起属性栏",
+				"aria-expanded": !U.collapsed,
+				onClick: r[0] ||= (e) => W("toggle")
+			}, [U.collapsed ? (d(), i(g(ae), {
 				key: 0,
 				"aria-hidden": "true"
-			})) : (u(), i(h(le), {
+			})) : (d(), i(g(oe), {
 				key: 1,
 				"aria-hidden": "true"
-			}))], 8, w)]),
+			}))], 8, se)]),
 			_: 1
-		}, 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", {
+		}, 8, ["title"]), s("div", ce, [
+			s("section", le, [r[38] ||= s("div", { class: "gd-contract-template-designer__panel-head" }, [s("strong", null, "正文控件"), s("span", null, "拖到正文")], -1), (d(!0), o(n, null, p(tt.value, (e) => (d(), o(n, { key: e.key }, [e.advanced ? (d(), o("details", ue, [s("summary", null, [c(h(e.label), 1), l(g(T), null, {
+				default: v(() => [c(h(e.items.length), 1)]),
+				_: 2
+			}, 1024)]), s("div", de, [(d(!0), o(n, null, p(e.items, (e) => (d(), o("button", {
+				key: e.type,
+				type: "button",
+				draggable: "true",
+				class: "gd-contract-template-designer__tool-item",
+				disabled: G(),
+				onDragstart: (t) => W("variableDragStart", t, e.type),
+				onClick: (t) => Z(e)
+			}, [s("span", pe, [(d(), i(m(e.icon)))]), s("span", D, [s("span", null, h(e.label), 1), r[36] ||= s("small", null, "高级控件", -1)])], 40, fe))), 128))])])) : (d(!0), o(n, { key: 1 }, p(e.items, (e) => (d(), o("button", {
 				key: e.type,
 				type: "button",
 				draggable: "true",
 				class: "gd-contract-template-designer__tool-item",
-				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)]),
+				disabled: G(),
+				onDragstart: (t) => W("variableDragStart", t, e.type),
+				onClick: (t) => Z(e)
+			}, [s("span", k, [(d(), i(m(e.icon)))]), s("span", A, [s("span", null, h(e.label), 1), r[37] ||= s("small", null, "模板变量", -1)])], 40, O))), 128))], 64))), 128))]),
+			U.showSigningPlacementTools ? (d(), o("section", j, [s("div", M, [r[39] ||= s("strong", null, "签署位置", -1), s("div", N, [l(g(T), null, {
+				default: v(() => [c(h(U.signingPlacements.length), 1)]),
 				_: 1
-			})])]), (u(!0), o(n, null, f(q.signingPlacementTools, (e) => (u(), o("button", {
+			})])]), (d(!0), o(n, null, p(U.signingPlacementTools, (e) => (d(), o("button", {
 				key: e.key,
 				type: "button",
 				draggable: "true",
 				class: "gd-contract-template-designer__tool-item gd-contract-template-designer__signing-tool",
-				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, {
+				disabled: G(),
+				onDragstart: (t) => W("signingPlacementDragStart", t, e),
+				onClick: (t) => W("insertSigningPlacement", e)
+			}, [s("span", F, [(d(), i(m(U.resolveSigningPlacementTypeIcon(e.type))))]), s("span", I, [s("span", L, h(e.label), 1), s("small", null, h(U.signingPlacementTypeLabels[e.type]) + " · 页面坐标", 1)])], 40, P))), 128))])) : a("", !0),
+			U.showSigningPlacementTools && U.selectedSigningPlacement ? (d(), i(t, {
 				key: 1,
-				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")
+				placement: U.selectedSigningPlacement,
+				"page-size": U.selectedSigningPlacementPageSize,
+				readonly: U.readonly,
+				disabled: U.disabled,
+				onUpdate: r[1] ||= (e) => W("patchSigningPlacement", e),
+				onDuplicate: r[2] ||= (e) => W("duplicateSigningPlacement"),
+				onRemove: r[3] ||= (e) => W("removeSigningPlacement")
 			}, null, 8, [
 				"placement",
 				"page-size",
 				"readonly",
 				"disabled"
-			])) : (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(_), {
+			])) : (d(), o("section", R, [s("div", z, [r[40] ||= s("strong", null, "属性", -1), U.selectedVariable ? (d(), o("div", B, [l(g(E), { title: "复制变量" }, {
+				default: v(() => [l(g(y), {
 					size: "small",
 					type: "primary",
 					class: "gd-contract-template-designer__icon-button",
-					disabled: Y(),
+					disabled: G(),
 					"aria-label": "复制变量",
-					onClick: r[4] ||= (e) => J("duplicateVariable", q.selectedVariable)
+					onClick: r[4] ||= (e) => W("duplicateVariable", U.selectedVariable)
 				}, {
-					default: g(() => [c(h(oe), { "aria-hidden": "true" })]),
+					default: v(() => [l(g(re), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["disabled"])]),
 				_: 1
-			}), c(h(C), { title: "删除变量" }, {
-				default: g(() => [c(h(_), {
+			}), l(g(E), { title: "删除变量" }, {
+				default: v(() => [l(g(y), {
 					danger: "",
 					type: "primary",
 					size: "small",
 					class: "gd-contract-template-designer__icon-button",
-					disabled: Y(),
+					disabled: G(),
 					"aria-label": "删除变量",
-					onClick: r[5] ||= (e) => J("removeVariable", q.selectedVariable)
+					onClick: r[5] ||= (e) => W("removeVariable", U.selectedVariable)
 				}, {
-					default: g(() => [c(h(se), { "aria-hidden": "true" })]),
+					default: v(() => [l(g(ie), { "aria-hidden": "true" })]),
 					_: 1
 				}, 8, ["disabled"])]),
 				_: 1
-			})])) : 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 })
+			})])) : a("", !0)]), U.selectedVariable ? (d(), o(n, { key: 1 }, [
+				s("label", me, [r[41] ||= s("span", null, "名称", -1), l(g(x), {
+					value: U.selectedVariable.label,
+					disabled: G(),
+					onChange: r[6] ||= (e) => W("patchVariable", { label: e.target.value })
 				}, null, 8, ["value", "disabled"])]),
-				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,
+				nt.value ? (d(), o("details", he, [r[50] ||= s("summary", null, "高级属性", -1), s("div", ge, [
+					U.selectedVariable.type !== "radio" && U.selectedVariable.type !== "custom" ? (d(), o("label", _e, [r[42] ||= s("span", null, "允许多选", -1), l(g(w), {
+						checked: !!U.selectedVariable.multiple,
+						disabled: G(),
+						onChange: r[7] ||= (e) => W("patchVariable", { multiple: !!e })
+					}, null, 8, ["checked", "disabled"])])) : a("", !0),
+					U.selectedVariable.type === "select" || U.selectedVariable.type === "radio" ? (d(), o(n, { key: 1 }, [
+						s("label", ve, [r[43] ||= s("span", null, [c("本地选项 "), s("small", null, "每行 value|label")], -1), l(g(x).TextArea, {
+							value: rt.value,
+							rows: 4,
+							disabled: G(),
+							onChange: at
+						}, null, 8, ["value", "disabled"])]),
+						s("label", ye, [r[44] ||= s("span", null, "数据来源", -1), l(g(C), {
+							value: U.selectedVariable.dataSource?.kind || "none",
+							options: [
+								{
+									label: "仅本地选项",
+									value: "none"
+								},
+								{
+									label: "宿主 Resolver",
+									value: "resolver"
+								},
+								{
+									label: "受限 URL",
+									value: "url"
+								}
+							],
+							disabled: G(),
+							onChange: it
+						}, null, 8, ["value", "disabled"])]),
+						U.selectedVariable.dataSource?.kind === "resolver" ? (d(), o("label", be, [r[45] ||= s("span", null, "Resolver Key", -1), l(g(x), {
+							value: U.selectedVariable.dataSource.resolverKey,
+							disabled: G(),
+							onChange: r[8] ||= (e) => Q({ resolverKey: e.target.value })
+						}, null, 8, ["value", "disabled"])])) : a("", !0),
+						U.selectedVariable.dataSource?.kind === "url" ? (d(), o(n, { key: 1 }, [s("label", xe, [r[46] ||= s("span", null, "请求 URL", -1), l(g(x), {
+							value: U.selectedVariable.dataSource.url,
+							disabled: G(),
+							onChange: r[9] ||= (e) => Q({ url: e.target.value })
+						}, null, 8, ["value", "disabled"])]), s("label", Se, [r[47] ||= s("span", null, "请求方法", -1), l(g(C), {
+							value: U.selectedVariable.dataSource.method || "GET",
+							options: [{
+								label: "GET",
+								value: "GET"
+							}, {
+								label: "POST",
+								value: "POST"
+							}],
+							disabled: G(),
+							onChange: r[10] ||= (e) => Q({ method: e })
+						}, null, 8, ["value", "disabled"])])], 64)) : a("", !0)
+					], 64)) : a("", !0),
+					U.selectedVariable.type === "custom" ? (d(), o(n, { key: 2 }, [
+						s("label", Ce, [r[48] ||= s("span", null, "组件 Key", -1), l(g(x), {
+							value: U.selectedVariable.componentKey,
+							disabled: G(),
+							onChange: r[11] ||= (e) => W("patchVariable", { componentKey: e.target.value })
+						}, null, 8, ["value", "disabled"])]),
+						s("label", we, [r[49] ||= s("span", null, "组件配置 JSON", -1), l(g(x).TextArea, {
+							value: J.value,
+							"onUpdate:value": r[12] ||= (e) => J.value = e,
+							rows: 5,
+							status: Y.value ? "error" : void 0,
+							disabled: G(),
+							onBlur: ot
+						}, null, 8, [
+							"value",
+							"status",
+							"disabled"
+						])]),
+						Y.value ? (d(), o("small", Te, h(Y.value), 1)) : a("", !0)
+					], 64)) : a("", !0)
+				])])) : a("", !0),
+				s("label", Ee, [r[51] ||= s("span", null, "变量标识", -1), l(g(x), {
+					value: K.value,
+					status: X.value ? "error" : void 0,
+					disabled: G(),
+					onInput: st,
 					onBlur: $,
-					onKeydown: re(ie($, ["prevent"]), ["enter"])
+					onKeydown: te(ne($, ["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 })
+				X.value ? (d(), o("small", De, h(X.value), 1)) : a("", !0),
+				s("label", Oe, [r[52] ||= s("span", null, "占位文案", -1), l(g(x), {
+					value: U.selectedVariable.placeholder,
+					disabled: G(),
+					onChange: r[13] ||= (e) => W("patchVariable", { placeholder: e.target.value })
 				}, null, 8, ["value", "disabled"])]),
-				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 })
+				s("label", ke, [r[53] ||= s("span", null, "默认值", -1), l(g(x), {
+					value: U.selectedVariable.defaultValue,
+					disabled: G(),
+					onChange: r[14] ||= (e) => W("patchVariable", { defaultValue: e.target.value })
 				}, null, 8, ["value", "disabled"])]),
-				s("label", ue, [r[38] ||= s("span", null, "宽度", -1), c(h(b), {
-					value: q.selectedVariable.width,
+				s("label", Ae, [r[54] ||= s("span", null, "宽度", -1), l(g(S), {
+					value: U.selectedVariable.width,
 					min: 48,
-					max: q.selectedVariableWidthMax,
-					disabled: Y(),
-					onChange: r[9] ||= (e) => J("patchVariable", { width: Number(e || 48) })
+					max: U.selectedVariableWidthMax,
+					disabled: G(),
+					onChange: r[15] ||= (e) => W("patchVariable", { width: Number(e || 48) })
 				}, null, 8, [
 					"value",
 					"max",
 					"disabled"
 				])]),
-				s("label", de, [r[39] ||= s("span", null, "高度", -1), c(h(b), {
-					value: q.selectedVariable.height,
+				s("label", je, [r[55] ||= s("span", null, "高度", -1), l(g(S), {
+					value: U.selectedVariable.height,
 					min: 24,
-					max: q.selectedVariableHeightMax,
-					disabled: Y(),
-					onChange: r[10] ||= (e) => J("patchVariable", { height: Number(e || 24) })
+					max: U.selectedVariableHeightMax,
+					disabled: G(),
+					onChange: r[16] ||= (e) => W("patchVariable", { height: Number(e || 24) })
 				}, null, 8, [
 					"value",
 					"max",
 					"disabled"
 				])]),
-				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,
+				U.selectedVariable.type === "text" ? (d(), o("div", Me, [s("label", Ne, [r[56] ||= s("span", null, "多行", -1), l(g(w), {
+					checked: !!U.selectedVariable.multiline,
+					disabled: G(),
+					onChange: r[17] ||= (e) => W("patchMultiline", !!e)
+				}, null, 8, ["checked", "disabled"])]), U.selectedVariable.multiline ? (d(), o("label", Pe, [r[57] ||= s("span", null, "行数", -1), l(g(S), {
+					value: U.selectedVariable.rows || U.defaultMultilineRows,
 					min: 2,
 					max: 12,
-					disabled: Y(),
-					onChange: r[12] ||= (e) => J("patchRows", e)
+					disabled: G(),
+					onChange: r[18] ||= (e) => W("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 })
+				U.selectedVariable.type === "date" ? (d(), o("label", V, [r[58] ||= s("span", null, "日期格式", -1), l(g(x), {
+					value: U.selectedVariable.format,
+					disabled: G(),
+					onChange: r[19] ||= (e) => W("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,
+				U.selectedVariable.type === "number" ? (d(), o(n, { key: 4 }, [s("label", Fe, [r[59] ||= s("span", null, "数字格式", -1), l(g(x), {
+					value: U.selectedVariable.format,
+					disabled: G(),
+					onChange: r[20] ||= (e) => W("patchVariable", { format: e.target.value })
+				}, null, 8, ["value", "disabled"])]), s("label", Ie, [r[60] ||= s("span", null, "小数位", -1), l(g(S), {
+					value: U.selectedVariable.precision,
 					min: 0,
 					max: 6,
-					disabled: Y(),
-					onChange: r[15] ||= (e) => J("patchVariable", { precision: typeof e == "number" ? e : void 0 })
+					disabled: G(),
+					onChange: r[21] ||= (e) => W("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 })
+				U.selectedVariable.type === "checkbox" ? (d(), o(n, { key: 5 }, [s("label", Le, [r[61] ||= s("span", null, "勾选文本", -1), l(g(x), {
+					value: U.selectedVariable.checkedText,
+					disabled: G(),
+					onChange: r[22] ||= (e) => W("patchVariable", { checkedText: e.target.value })
+				}, null, 8, ["value", "disabled"])]), s("label", Re, [r[62] ||= s("span", null, "未选文本", -1), l(g(x), {
+					value: U.selectedVariable.uncheckedText,
+					disabled: G(),
+					onChange: r[23] ||= (e) => W("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 })
+				s("div", ze, [
+					s("label", Be, [r[63] ||= s("span", null, "必填", -1), l(g(w), {
+						checked: U.selectedVariable.required,
+						disabled: G(),
+						onChange: r[24] ||= (e) => W("patchVariable", { required: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					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 })
+					s("label", Ve, [r[64] ||= s("span", null, "边框", -1), l(g(w), {
+						checked: !!U.selectedVariable.style?.border,
+						disabled: G(),
+						onChange: r[25] ||= (e) => W("patchStyle", { border: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					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 })
+					s("label", He, [r[65] ||= s("span", null, "下划线", -1), l(g(w), {
+						checked: !!U.selectedVariable.style?.underline,
+						disabled: G(),
+						onChange: r[26] ||= (e) => W("patchStyle", { underline: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					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 })
+					U.selectedVariable.type === "number" ? (d(), o("label", Ue, [r[66] ||= s("span", null, "千分位", -1), l(g(w), {
+						checked: U.selectedVariable.useGrouping !== !1,
+						disabled: G(),
+						onChange: r[27] ||= (e) => W("patchVariable", { useGrouping: !!e })
 					}, null, 8, ["checked", "disabled"])])) : a("", !0)
 				]),
-				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)
+				s("label", We, [r[67] ||= s("span", null, "字体", -1), l(g(C), {
+					value: U.currentVariableFontFamily,
+					options: U.fontFamilySelectOptions,
+					disabled: G(),
+					onChange: r[28] ||= (e) => W("patchFontFamily", e)
 				}, null, 8, [
 					"value",
 					"options",
 					"disabled"
 				])]),
-				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)
+				s("label", Ge, [r[68] ||= s("span", null, "字号", -1), l(g(S), {
+					value: U.selectedVariable.style?.fontSize,
+					min: U.minFontSize,
+					max: U.maxFontSize,
+					disabled: G(),
+					onChange: r[29] ||= (e) => W("patchFontSize", e)
 				}, null, 8, [
 					"value",
 					"min",
 					"max",
 					"disabled"
 				])]),
-				s("label", Ee, [r[53] ||= s("span", null, "颜色", -1), s("input", {
+				s("label", Ke, [r[69] ||= s("span", null, "颜色", -1), s("input", {
 					type: "color",
-					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", {
+					value: U.selectedVariable.style?.color || "#1f2937",
+					disabled: G(),
+					onInput: r[30] ||= (e) => W("patchStyle", { color: e.target.value })
+				}, null, 40, qe)]),
+				s("label", Je, [r[70] ||= s("span", null, "占位颜色", -1), s("input", {
 					type: "color",
-					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", {
+					value: U.selectedVariable.style?.placeholderColor || "#7a818b",
+					disabled: G(),
+					onInput: r[31] ||= (e) => W("patchStyle", { placeholderColor: e.target.value })
+				}, null, 40, Ye)]),
+				s("label", Xe, [r[71] ||= s("span", null, "线条颜色", -1), s("input", {
 					type: "color",
-					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)
+					value: U.selectedVariable.style?.lineColor || "#565b66",
+					disabled: G(),
+					onInput: r[32] ||= (e) => W("patchStyle", { lineColor: e.target.value })
+				}, null, 40, Ze)]),
+				s("label", Qe, [r[72] ||= s("span", null, "文字对齐", -1), l(g(C), {
+					value: U.selectedVariable.style?.textAlign || "left",
+					options: U.textAlignOptions,
+					disabled: G(),
+					onChange: r[33] ||= (e) => W("patchTextAlign", e)
 				}, null, 8, [
 					"value",
 					"options",
 					"disabled"
 				])]),
-				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)
+				U.selectedVariable.type === "image" ? (d(), o(n, { key: 6 }, [s("label", $e, [r[73] ||= s("span", null, "边框样式", -1), l(g(C), {
+					value: U.selectedVariable.style?.borderStyle || "dashed",
+					options: U.borderStyleOptions,
+					disabled: G(),
+					onChange: r[34] ||= (e) => W("patchBorderStyle", e)
 				}, null, 8, [
 					"value",
 					"options",
 					"disabled"
-				])]), 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)
+				])]), s("label", et, [r[74] ||= s("span", null, "图片适配", -1), l(g(C), {
+					value: U.selectedVariable.style?.objectFit || "contain",
+					options: U.objectFitOptions,
+					disabled: G(),
+					onChange: r[35] ||= (e) => W("patchObjectFit", e)
 				}, null, 8, [
 					"value",
 					"options",
 					"disabled"
 				])])], 64)) : a("", !0)
-			], 64)) : (u(), i(h(v), {
+			], 64)) : (d(), i(g(b), {
 				key: 0,
 				description: "请选择模板变量",
-				image: h(v).PRESENTED_IMAGE_SIMPLE
+				image: g(b).PRESENTED_IMAGE_SIMPLE
 			}, null, 8, ["image"]))]))
 		])], 2));
 	}
 });
 //#endregion
-export { K as default };
+export { H as default };