@guodun/antdv 1.5.3 → 1.6.0

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

@@ -1,84 +1,44 @@
-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 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";
+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";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerInspector.vue?vue&type=script&setup=true&lang.ts
-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 = {
+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 = {
 	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"
-], k = {
-	class: "gd-contract-template-designer__tool-item-icon",
-	"aria-hidden": "true"
-}, A = { class: "gd-contract-template-designer__tool-item-copy" }, j = {
+	class: "gd-contract-authoring-panel__meta"
+}, N = {
 	key: 0,
-	class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--tools"
-}, M = { class: "gd-contract-template-designer__panel-head" }, N = { class: "gd-contract-template-designer__panel-actions" }, P = [
-	"disabled",
-	"onDragstart",
-	"onClick"
-], F = {
-	class: "gd-contract-template-designer__tool-item-icon",
+	class: "gd-contract-authoring-panel__empty"
+}, P = { class: "gd-contract-authoring-panel__selection" }, F = {
+	class: "gd-contract-authoring-panel__variable-icon",
 	"aria-hidden": "true"
-}, 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"
-}, z = { class: "gd-contract-template-designer__panel-head" }, B = {
-	key: 0,
-	class: "gd-contract-template-designer__panel-actions"
-}, 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 = {
+}, 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 = {
+	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 = {
 	key: 0,
-	class: "gd-contract-template-designer__form-error",
-	role: "alert"
-}, Ee = { class: "gd-contract-template-designer__form-row" }, De = {
+	class: "gd-contract-authoring-panel__field"
+}, _e = {
 	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"
-}, Ne = { class: "gd-contract-template-designer__switch-row" }, Pe = {
+	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 = {
+	key: 4,
+	class: "gd-contract-authoring-panel__switch"
+}, we = { class: "gd-contract-authoring-panel__field" }, Te = { class: "gd-contract-authoring-panel__field" }, Ee = {
 	key: 0,
-	class: "gd-contract-template-designer__form-row is-compact"
-}, V = {
-	key: 3,
-	class: "gd-contract-template-designer__form-row"
-}, 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" }, 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({
+	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({
 	name: "ContractTemplateDesignerInspector",
 	__name: "ContractTemplateDesignerInspector",
 	props: {
 		collapsed: { type: Boolean },
 		readonly: { type: Boolean },
 		disabled: { type: Boolean },
-		showSigningPlacementTools: { type: Boolean },
 		bodyControlToolItems: {},
-		signingPlacementTools: {},
-		signingPlacements: {},
-		selectedSigningPlacement: {},
-		selectedSigningPlacementPageSize: {},
 		selectedVariable: {},
 		variables: {},
 		currentVariableFontFamily: {},
@@ -90,19 +50,12 @@ var se = ["aria-label", "aria-expanded"], ce = { class: "gd-contract-template-de
 		selectedVariableHeightMax: {},
 		minFontSize: {},
 		maxFontSize: {},
-		defaultMultilineRows: {},
-		resolveSigningPlacementTypeIcon: { type: Function },
-		signingPlacementTypeLabels: {}
+		defaultMultilineRows: {}
 	},
 	emits: [
 		"toggle",
 		"variableDragStart",
 		"insertVariable",
-		"signingPlacementDragStart",
-		"insertSigningPlacement",
-		"patchSigningPlacement",
-		"duplicateSigningPlacement",
-		"removeSigningPlacement",
 		"duplicateVariable",
 		"removeVariable",
 		"patchVariable",
@@ -116,207 +69,227 @@ var se = ["aria-label", "aria-expanded"], ce = { class: "gd-contract-template-de
 		"patchBorderStyle",
 		"patchObjectFit"
 	],
-	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 = "";
+	setup(f, { emit: W }) {
+		let G = f, K = W, q = `gd-contract-inspector-${ae()}`, J = ie("insert"), Y = [{
+			value: "insert",
+			label: "插入控件"
 		}, {
-			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"));
+			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";
+		}, { immediate: !0 });
 		function Z(e) {
-			W("insertVariable", e.type);
+			G.selectedVariable && !X.value && K("patchVariable", e);
 		}
 		function Q(e) {
-			U.selectedVariable && W("patchVariable", { dataSource: {
-				...U.selectedVariable.dataSource ?? {
-					kind: "resolver",
-					resolverKey: ""
-				},
+			G.selectedVariable && !X.value && K("patchStyle", e);
+		}
+		function $(e) {
+			let t = G.selectedVariable?.dataSource;
+			t && Z({ dataSource: {
+				...t,
 				...e
 			} });
 		}
-		function it(e) {
-			if (e === "none") {
-				W("patchVariable", { dataSource: void 0 });
-				return;
-			}
-			W("patchVariable", { dataSource: e === "url" ? {
+		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 at(e) {
-			W("patchVariable", { options: e.target.value.split(/\r?\n/).map((e) => e.trim()).filter(Boolean).map((e) => {
+		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: U.selectedVariable?.type || "select"
+					type: G.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 tt() {
+			G.selectedVariable && !X.value && K("duplicateVariable", G.selectedVariable);
 		}
-		function $() {
-			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;
+		function nt() {
+			G.selectedVariable && !X.value && K("removeVariable", G.selectedVariable);
 		}
-		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", {
+		return (t, a) => (p(), c("aside", {
+			class: ne(["gd-contract-template-designer__inspector gd-contract-authoring-panel", { "is-collapsed": G.collapsed }]),
+			"aria-label": "控件插入与属性"
+		}, [d(h(w), { title: G.collapsed ? "展开属性栏" : "收起属性栏" }, {
+			default: _(() => [l("button", {
 				type: "button",
-				class: "gd-contract-template-designer__panel-handle",
-				"aria-label": U.collapsed ? "展开属性栏" : "收起属性栏",
-				"aria-expanded": !U.collapsed,
-				onClick: r[0] ||= (e) => W("toggle")
-			}, [U.collapsed ? (d(), i(g(ae), {
+				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), {
 				key: 0,
 				"aria-hidden": "true"
-			})) : (d(), i(g(oe), {
+			})) : (p(), o(h(T), {
 				key: 1,
 				"aria-hidden": "true"
-			}))], 8, se)]),
+			}))], 8, E)]),
 			_: 1
-		}, 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: 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
-			})])]), (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: 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: 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"
-			])) : (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: G(),
-					"aria-label": "复制变量",
-					onClick: r[4] ||= (e) => W("duplicateVariable", U.selectedVariable)
-				}, {
-					default: v(() => [l(g(re), { "aria-hidden": "true" })]),
-					_: 1
-				}, 8, ["disabled"])]),
-				_: 1
-			}), l(g(E), { title: "删除变量" }, {
-				default: v(() => [l(g(y), {
-					danger: "",
-					type: "primary",
-					size: "small",
-					class: "gd-contract-template-designer__icon-button",
-					disabled: G(),
-					"aria-label": "删除变量",
-					onClick: r[5] ||= (e) => W("removeVariable", U.selectedVariable)
-				}, {
-					default: v(() => [l(g(ie), { "aria-hidden": "true" })]),
-					_: 1
-				}, 8, ["disabled"])]),
-				_: 1
-			})])) : 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"])]),
-				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,
+		}, 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,
+				label: "控件面板视图"
+			}, null, 8, ["modelValue"]),
+			v(l("section", {
+				id: `${q}-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"]]),
+			v(l("section", {
+				id: `${q}-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,
+				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)]),
+					d(h(w), { title: "复制变量" }, {
+						default: _(() => [d(h(y), {
+							type: "text",
+							disabled: X.value,
+							"aria-label": "复制变量",
+							onClick: tt
+						}, {
+							default: _(() => [d(h(ce), { "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)
+				}, 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,
+						"aria-label": "变量名称",
+						onChange: a[6] ||= (e) => Z({ 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,
+						"aria-label": "占位文案",
+						onChange: a[7] ||= (e) => Z({ 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,
+						"aria-label": "默认值",
+						onChange: a[8] ||= (e) => Z({ defaultValue: e.target.value })
+					}, null, 8, ["value", "disabled"])])
+				])]),
+				l("details", de, [l("summary", fe, [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,
+						"aria-label": "必填",
+						onChange: a[9] ||= (e) => Z({ 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,
+						"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,
+						min: 2,
+						max: 12,
+						disabled: X.value,
+						"aria-label": "行数",
+						onChange: a[11] ||= (e) => K("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,
+						"aria-label": "日期格式",
+						onChange: a[12] ||= (e) => Z({ 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,
+							min: 0,
+							max: 6,
+							disabled: X.value,
+							"aria-label": "小数位",
+							onChange: a[14] ||= (e) => Z({ 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,
+							"aria-label": "千分位",
+							onChange: a[15] ||= (e) => Z({ 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,
+						"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,
+						"aria-label": "未选文本",
+						onChange: a[17] ||= (e) => Z({ 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,
+						"aria-label": "允许多选",
+						onChange: a[18] ||= (e) => Z({ multiple: !!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: G(),
-							onChange: at
+							disabled: X.value,
+							"aria-label": "本地选项",
+							onChange: et
 						}, null, 8, ["value", "disabled"])]),
-						s("label", ye, [r[44] ||= s("span", null, "数据来源", -1), l(g(C), {
-							value: U.selectedVariable.dataSource?.kind || "none",
+						l("label", Te, [a[54] ||= l("span", null, "数据来源", -1), d(h(S), {
+							value: G.selectedVariable.dataSource?.kind || "none",
 							options: [
 								{
 									label: "仅本地选项",
@@ -331,20 +304,23 @@ var se = ["aria-label", "aria-expanded"], ce = { class: "gd-contract-template-de
 									value: "url"
 								}
 							],
-							disabled: G(),
-							onChange: it
+							disabled: X.value,
+							"aria-label": "数据来源",
+							onChange: $e
 						}, 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",
+						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"
@@ -352,211 +328,158 @@ var se = ["aria-label", "aria-expanded"], ce = { class: "gd-contract-template-de
 								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: te(ne($, ["prevent"]), ["enter"])
-				}, null, 8, [
-					"value",
-					"status",
-					"disabled",
-					"onKeydown"
-				])]),
-				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", 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", Ae, [r[54] ||= s("span", null, "宽度", -1), l(g(S), {
-					value: U.selectedVariable.width,
-					min: 48,
-					max: U.selectedVariableWidthMax,
-					disabled: G(),
-					onChange: r[15] ||= (e) => W("patchVariable", { width: Number(e || 48) })
-				}, null, 8, [
-					"value",
-					"max",
-					"disabled"
+							disabled: X.value,
+							"aria-label": "请求方法",
+							onChange: a[21] ||= (e) => $({ method: e })
+						}, null, 8, ["value", "disabled"])])], 64)) : s("", !0)
+					], 64)) : s("", !0)
 				])]),
-				s("label", je, [r[55] ||= s("span", null, "高度", -1), l(g(S), {
-					value: U.selectedVariable.height,
-					min: 24,
-					max: U.selectedVariableHeightMax,
-					disabled: G(),
-					onChange: r[16] ||= (e) => W("patchVariable", { height: Number(e || 24) })
-				}, null, 8, [
-					"value",
-					"max",
-					"disabled"
-				])]),
-				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: G(),
-					onChange: r[18] ||= (e) => W("patchRows", e)
-				}, null, 8, ["value", "disabled"])])) : a("", !0)])) : a("", !0),
-				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),
-				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: G(),
-					onChange: r[21] ||= (e) => W("patchVariable", { precision: typeof e == "number" ? e : void 0 })
-				}, null, 8, ["value", "disabled"])])], 64)) : a("", !0),
-				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", 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", 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 })
+				l("details", ke, [l("summary", Ae, [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,
+						min: 48,
+						max: G.selectedVariableWidthMax,
+						disabled: X.value,
+						"aria-label": "控件宽度",
+						onChange: a[22] ||= (e) => Z({ 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,
+						min: 24,
+						max: G.selectedVariableHeightMax,
+						disabled: X.value,
+						"aria-label": "控件高度",
+						onChange: a[23] ||= (e) => Z({ 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,
+						"aria-label": "边框",
+						onChange: a[24] ||= (e) => Q({ border: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					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 })
+					l("label", Ie, [a[62] ||= l("span", null, "下划线", -1), d(h(C), {
+						checked: !!G.selectedVariable.style?.underline,
+						disabled: X.value,
+						"aria-label": "下划线",
+						onChange: a[25] ||= (e) => Q({ underline: !!e })
 					}, null, 8, ["checked", "disabled"])]),
-					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[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"
+					l("label", Le, [a[63] ||= l("span", null, "字体", -1), d(h(S), {
+						value: G.currentVariableFontFamily,
+						options: G.fontFamilySelectOptions,
+						disabled: X.value,
+						"aria-label": "控件字体",
+						onChange: a[26] ||= (e) => K("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,
+						"aria-label": "控件字号",
+						onChange: a[27] ||= (e) => K("patchFontSize", e)
+					}, null, 8, [
+						"value",
+						"min",
+						"max",
+						"disabled"
+					])]),
+					l("label", ze, [a[65] ||= l("span", null, "颜色", -1), l("input", {
+						type: "color",
+						value: G.selectedVariable.style?.color || h(e).color,
+						disabled: X.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", {
+						type: "color",
+						value: G.selectedVariable.style?.placeholderColor || h(e).placeholderColor,
+						disabled: X.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", {
+						type: "color",
+						value: G.selectedVariable.style?.lineColor || h(e).lineColor,
+						disabled: X.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,
+						"aria-label": "控件文字对齐",
+						onChange: a[31] ||= (e) => K("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,
+						"aria-label": "图片边框样式",
+						onChange: a[32] ||= (e) => K("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,
+						"aria-label": "图片适配",
+						onChange: a[33] ||= (e) => K("patchObjectFit", e)
+					}, null, 8, [
+						"value",
+						"options",
+						"disabled"
+					])])], 64)) : s("", !0)
 				])]),
-				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", Ke, [r[69] ||= s("span", null, "颜色", -1), s("input", {
-					type: "color",
-					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: 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: 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"
-				])]),
-				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", 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)) : (d(), i(g(b), {
-				key: 0,
-				description: "请选择模板变量",
-				image: g(b).PRESENTED_IMAGE_SIMPLE
-			}, null, 8, ["image"]))]))
-		])], 2));
+				l("div", Je, [d(h(se), {
+					title: "删除此变量及其全部引用？",
+					"ok-text": "删除变量",
+					"cancel-text": "取消",
+					"ok-button-props": { danger: !0 },
+					disabled: X.value,
+					onConfirm: nt
+				}, {
+					default: _(() => [d(h(y), {
+						type: "text",
+						danger: "",
+						disabled: X.value,
+						"aria-label": "删除变量"
+					}, {
+						default: _(() => [d(h(le), { "aria-hidden": "true" }), a[71] ||= 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)]]),
+					_: 1
+				})
+			]))], 8, A), [[g, J.value === "properties"]])
+		])])], 2));
 	}
 });
 //#endregion
-export { H as default };
+export { W as default };