@4399ywkf/design 2.0.0 → 2.1.1

package/dist/FormDesigner/components/Settings/ItemSettings.js

@@ -0,0 +1,2708 @@
+var _excluded = ["$id"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/* eslint-disable @typescript-eslint/no-use-before-define -- editor helpers are declared below the main settings component */
+import { CloseOutlined, DownloadOutlined, EditOutlined, PlusOutlined, SwapOutlined, ThunderboltOutlined } from '@ant-design/icons';
+import { Button, Input, Radio, Select } from 'antd';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import FormRender from "../../../FormRender";
+import useForm from "../../../FormRender/models/useForm";
+import { formatColorValue } from "../../../FormRender/widgets/fields/colorFormat";
+import { advancedElements, baseCommonSettings, defaultCommonSettings, defaultSettings, displayElements, elements, formBtnElements, layouts } from "../../settings";
+import { getKeyFromUniqueId, isObject, mergeInOrder } from "../../utils";
+import { useGlobal, useStore } from "../../utils/hooks";
+import { getWidgetName } from "../../utils/mapping";
+import { expandDotPathValue, mergeSchemaPatch } from "../../utils/settingPath";
+import * as frgWidgets from "../../widgets";
+import CardChartDataEditor from "../../widgets/cardChartDataEditor";
+import CardTableColumnsEditor from "../../widgets/cardTableColumnsEditor";
+import CardTableRowsEditor from "../../widgets/cardTableRowsEditor";
+import useStyles from "./style";
+
+// 样式相关的字段 key
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var styleKeys = new Set(['width', 'labelWidth', 'displayType', 'readOnlyWidget', 'disabled', 'readOnly', 'hidden', 'style']);
+
+// 卡片模式的样式字段写在 schema.props 下，用 dot-path key 配置。
+// 这些 key 只影响视觉/布局，应该归到「样式」Tab，而不是「属性」Tab。
+var cardStyleKeys = new Set(['props.margin', 'props.padding', 'props.width', 'props.height', 'props.weight', 'props.direction', 'props.horizontalSpacing', 'props.verticalSpacing', 'props.horizontalAlign', 'props.verticalAlign', 'props.flexMode', 'props.backgroundStyle', 'props.hasBorder', 'props.borderColor', 'props.cornerRadius', 'props.textAlign', 'props.textSize', 'props.text.text_size', 'props.text.text_align', 'props.text.text_color', 'props.icon.color', 'props.template', 'props.color', 'props.size', 'props.scaleType', 'props.transparent', 'props.combinationMode', 'props.combinationTransparent', 'props.type', 'props.danger', 'props.rowHeight', 'props.showAvatar', 'props.showName', 'props.lines']);
+var isStyleSettingKey = function isStyleSettingKey(key) {
+  return styleKeys.has(key) || cardStyleKeys.has(key);
+};
+var getVisibleIdSetting = function getVisibleIdSetting(setting) {
+  var idSetting = _objectSpread(_objectSpread({}, defaultCommonSettings.$id), setting || {});
+  delete idSetting.hidden;
+  return idSetting;
+};
+var ensureVisibleIdSetting = function ensureVisibleIdSetting(properties) {
+  var _ref = properties || {},
+    $id = _ref.$id,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _objectSpread({
+    $id: getVisibleIdSetting($id)
+  }, rest);
+};
+var hasOwn = function hasOwn(value, key) {
+  return !!value && Object.prototype.hasOwnProperty.call(value, key);
+};
+var hasCardNameField = function hasCardNameField(schema) {
+  return hasOwn(schema, 'name') || hasOwn(schema === null || schema === void 0 ? void 0 : schema.props, 'name');
+};
+var pickWidgetSetting = function pickWidgetSetting(widgetList, widgetName, schema) {
+  var candidates = widgetList.filter(function (e) {
+    return e.widget === widgetName;
+  });
+  if (candidates.length <= 1) return candidates[0] || {};
+  return candidates.find(function (e) {
+    var candidateSchema = e.schema || {};
+    return candidateSchema.widget === (schema === null || schema === void 0 ? void 0 : schema.widget) && hasCardNameField(candidateSchema) === hasCardNameField(schema);
+  }) || candidates.find(function (e) {
+    var _e$schema;
+    return ((_e$schema = e.schema) === null || _e$schema === void 0 ? void 0 : _e$schema.widget) === (schema === null || schema === void 0 ? void 0 : schema.widget);
+  }) || candidates[0] || {};
+};
+
+// 按钮类组件（事件 Tab 显示 props，样式 Tab 显示 style）
+var btnWidgets = new Set(['formSubmitBtn', 'formResetBtn']);
+var behaviorButtonWidgets = new Set(['button', 'cardButton']);
+var chartWidgets = new Set(['chart', 'advancedChart']);
+var personListWidget = 'personList';
+var tableWidgets = new Set(['table', 'advancedTable']);
+var interactiveContainerWidget = 'interactiveContainer';
+var inputLikePropertyWidgets = new Set(['input', 'textArea', 'datePicker', 'dateRange', 'timePicker', 'inputNumber', 'slider', 'imageInput', 'color', 'checkbox', 'switch', 'select', 'multiSelect', 'radio', 'checkboxes']);
+var cardButtonEventKeys = new Set(['props.behaviors']);
+var interactiveContainerEventKeys = new Set(['props.behaviors', 'props.hoverTips.content']);
+var chartConfigKeys = new Set(['props.chartSpec.data.values', 'props.chartSpec.title.text', 'props.chartSpec.type', 'props.height']);
+var tableDataKeys = new Set(['props.columns', 'props.rows']);
+var cardInputPropertyKeys = new Set(['props.width', 'disabled']);
+var behaviorButtonPropertyKeys = new Set(['disabled']);
+var imageDisplayPropertyKeys = new Set(['props.width']);
+var chartTypeOptions = [{
+  label: '柱状图',
+  value: 'bar'
+}, {
+  label: '折线图',
+  value: 'line'
+}, {
+  label: '面积图',
+  value: 'area'
+}, {
+  label: '饼图',
+  value: 'pie'
+}, {
+  label: '散点图',
+  value: 'scatter'
+}];
+
+// 下拉类（panel-open 触发）— 打开面板时请求
+var selectLikeWidgets = new Set(['select', 'multiSelect']);
+// 单/多选按钮组（mount-time 触发）— 挂载时请求
+var radioLikeWidgets = new Set(['radio', 'checkboxes']);
+// 所有支持 remoteData + fieldAssignments 的"选项类"组件
+var optionsWidgets = new Set([].concat(_toConsumableArray(selectLikeWidgets), _toConsumableArray(radioLikeWidgets)));
+// 容器/列表类（不支持挂载请求初始值——它们聚合下级字段，本身没有"值"）
+var containerWidgets = new Set(['formContainer', 'object', 'list', 'simpleList', 'list2', 'drawerList']);
+// 展示类（HTML 是纯展示，无值的概念）
+var presentationalWidgets = new Set(['html', 'displayHeader', 'displayHr', 'displayMarkdown', 'displayPlainText', 'displayTextTag', 'advancedChart', 'advancedTable']);
+
+// 「选字段」下拉里不能作为赋值/联动目标的 widget：容器、按钮、纯展示
+// 选了它们也写不进值，下拉里直接过滤掉，避免用户配出无效规则。
+var nonAssignableWidgets = new Set([].concat(_toConsumableArray(containerWidgets), _toConsumableArray(btnWidgets), _toConsumableArray(behaviorButtonWidgets), _toConsumableArray(presentationalWidgets), [
+// 卡片模式：容器/按钮/纯展示组件（无对应表单值）
+'cardButton', 'cardRoot', 'cardHeader', 'displayHeader', 'column', 'columnSet', 'interactiveContainer', 'repeat', 'hr', 'plainText', 'standardIcon',
+// markdown 不在黑名单：它消费 form value（value 优先、content 兜底），
+// 是挂载回填/字段赋值的典型目标（如休假审批的时间/备注展示字段）
+'div', 'img', 'imgCombination', 'textTag', 'chart', 'table', 'personList', 'selectStatic', 'selectPerson']));
+
+/**
+ * 「选字段」下拉的通用选项构造（linkages / fieldAssignments / setValues 共用）。
+ * - 只列**真正承载值的表单字段**：过滤容器/按钮/卡片展示组件 + object/array 容器节点；
+ * - label 永远人话：title → placeholder → 「未命名字段」，括号跟 key 防同名歧义。
+ */
+function buildFieldOptions(flatten, selfId) {
+  return Object.keys(flatten).filter(function (id) {
+    return id !== selfId && id !== '#';
+  }).map(function (id) {
+    var _flatten$id;
+    var schema = ((_flatten$id = flatten[id]) === null || _flatten$id === void 0 ? void 0 : _flatten$id.schema) || {};
+    var key = getKeyFromUniqueId(schema.$id);
+    return {
+      id: id,
+      key: key,
+      schema: schema
+    };
+  }).filter(function (o) {
+    var _o$key;
+    return !((_o$key = o.key) !== null && _o$key !== void 0 && _o$key.startsWith('_'));
+  }).filter(function (_ref2) {
+    var schema = _ref2.schema;
+    // 排除容器节点：type=object/array 且无显式 widget（widget 设置过的看后续 widget 黑名单判断）
+    if ((schema.type === 'object' || schema.type === 'array') && !schema.widget) return false;
+    // 排除已知不可赋值 widget
+    if (schema.widget && nonAssignableWidgets.has(schema.widget)) return false;
+    return true;
+  }).map(function (_ref3) {
+    var _schema$title, _schema$title$trim, _schema$placeholder, _schema$placeholder$t;
+    var id = _ref3.id,
+      key = _ref3.key,
+      schema = _ref3.schema;
+    var title = ((_schema$title = schema.title) === null || _schema$title === void 0 || (_schema$title$trim = _schema$title.trim) === null || _schema$title$trim === void 0 ? void 0 : _schema$title$trim.call(_schema$title)) || undefined;
+    var placeholder = ((_schema$placeholder = schema.placeholder) === null || _schema$placeholder === void 0 || (_schema$placeholder$t = _schema$placeholder.trim) === null || _schema$placeholder$t === void 0 ? void 0 : _schema$placeholder$t.call(_schema$placeholder)) || undefined;
+    var friendly = title || placeholder || '未命名字段';
+    return {
+      value: id,
+      label: "".concat(friendly, " (").concat(key, ")")
+    };
+  });
+}
+export default function ItemSettings(_ref4) {
+  var _frProps$props$onMoun, _frProps$props, _flatten$, _flatten$selected2, _flatten$selected3, _currentSchema$props2, _currentSchema$props3, _currentSchema$props4, _currentSchema$props5, _currentSchema$props6, _currentSchema$props7, _currentSchema$props8;
+  var widgets = _ref4.widgets,
+    _ref4$subTabKey = _ref4.subTabKey,
+    subTabKey = _ref4$subTabKey === void 0 ? 'props' : _ref4$subTabKey;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var setGlobal = useGlobal();
+  var form = useForm();
+  var isReady = useRef(false);
+  var _useStore = useStore(),
+    selected = _useStore.selected,
+    flatten = _useStore.flatten,
+    onItemChange = _useStore.onItemChange,
+    onItemErrorChange = _useStore.onItemErrorChange,
+    _useStore$userProps = _useStore.userProps,
+    userProps = _useStore$userProps === void 0 ? {} : _useStore$userProps,
+    globalWidgets = _useStore.widgets,
+    globalMapping = _useStore.mapping,
+    frProps = _useStore.frProps;
+  var settings = userProps.settings,
+    commonSettings = userProps.commonSettings,
+    validation = userProps.validation,
+    transformer = userProps.transformer;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    settingSchema = _useState2[0],
+    setSettingSchema = _useState2[1];
+  var _widgets = _objectSpread(_objectSpread({}, globalWidgets), frgWidgets);
+  var getWidgetList = function getWidgetList(settings, commonSettings) {
+    return settings.reduce(function (widgetList, setting) {
+      if (!Array.isArray(setting.widgets)) return widgetList;
+      var basicWidgets = setting.widgets.map(function (item) {
+        var baseItemSettings = {};
+        if (item.schema.type === 'array' && item.schema.items) {
+          baseItemSettings.items = {
+            type: 'object',
+            hidden: '{{true}}'
+          };
+        }
+        return _objectSpread(_objectSpread({}, item), {}, {
+          widget: item.widget || item.schema.widget || getWidgetName(item.schema, globalMapping),
+          setting: mergeInOrder(baseCommonSettings, commonSettings, baseItemSettings, item.setting)
+        });
+      });
+      return [].concat(_toConsumableArray(widgetList), _toConsumableArray(basicWidgets));
+    }, []);
+  };
+  var onDataChange = function onDataChange(_v) {
+    try {
+      var _flatten$selected;
+      if (selected === '#' || !isReady.current) return;
+      // $id 可能不在当前 Tab 的表单值中（样式/事件 Tab 过滤掉了），用原始值兜底
+      var originalSchema = expandDotPathValue(((_flatten$selected = flatten[selected]) === null || _flatten$selected === void 0 ? void 0 : _flatten$selected.schema) || {});
+      var value = form.getValues(undefined, undefined, true);
+      var settingValue = expandDotPathValue(value);
+      if (!settingValue.$id) settingValue.$id = originalSchema.$id;
+      if (!settingValue.$id) return;
+      var selectedWidgetName = getWidgetName(originalSchema, globalMapping);
+      if (selectedWidgetName === 'color') {
+        var _settingValue$props$c, _settingValue$props, _settingValue$props$d, _settingValue$props2;
+        var colorFormat = (_settingValue$props$c = (_settingValue$props = settingValue.props) === null || _settingValue$props === void 0 ? void 0 : _settingValue$props.colorFormat) !== null && _settingValue$props$c !== void 0 ? _settingValue$props$c : 'hex';
+        var disabledAlpha = (_settingValue$props$d = (_settingValue$props2 = settingValue.props) === null || _settingValue$props2 === void 0 ? void 0 : _settingValue$props2.disabledAlpha) !== null && _settingValue$props$d !== void 0 ? _settingValue$props$d : false;
+        var nextDefault = formatColorValue(settingValue.default, colorFormat, disabledAlpha);
+        if (nextDefault !== settingValue.default) {
+          settingValue.default = nextDefault;
+          form.setValues({
+            default: nextDefault
+          });
+        }
+      }
+      var newSchema = transformer.fromSetting(settingValue);
+      // 保留原始 schema 中的关键字段（隐藏字段可能不在表单值中）
+      var item = _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+        schema: mergeSchemaPatch(originalSchema, newSchema)
+      });
+      onItemChange(selected, item, 'schema');
+    } catch (error) {
+      console.error(error, 'catch');
+    }
+  };
+  useEffect(function () {
+    try {
+      isReady.current = false;
+      var item = flatten[selected];
+      // 选中根 '#' 或失效时，清掉上一次的 settingSchema，避免 属性 Tab 残留旧字段
+      // （例：从子字段点面包屑「表单」回到根 cardRoot，属性 Tab 之前会还显示子字段的设置）
+      if (!item || selected === '#') {
+        setSettingSchema({});
+        return;
+      }
+      var _settings = Array.isArray(settings) ? [].concat(_toConsumableArray(settings), [{
+        widgets: [].concat(_toConsumableArray(elements), _toConsumableArray(advancedElements), _toConsumableArray(displayElements), _toConsumableArray(layouts), _toConsumableArray(formBtnElements))
+      }]) : defaultSettings;
+      var _commonSettings = isObject(commonSettings) ? commonSettings : defaultCommonSettings;
+      var widgetList = getWidgetList(_settings, _commonSettings);
+      var widgetName = getWidgetName(item.schema, globalMapping);
+      var element = pickWidgetSetting(widgetList, widgetName, item.schema);
+      var properties = _objectSpread({}, element.setting || mergeInOrder(baseCommonSettings, _commonSettings));
+      properties = ensureVisibleIdSetting(properties);
+
+      // 内部组件（按钮等）去除不相关的通用字段
+      if (btnWidgets.has(widgetName)) {
+        var keysToRemove = ['title', 'description', 'default', 'required', 'placeholder', 'bind', 'min', 'max', 'disabled', 'readOnly', 'hidden', 'readOnlyWidget', 'width', 'labelWidth', 'displayType', 'minLength', 'maxLength', 'pattern'];
+        keysToRemove.forEach(function (k) {
+          return delete properties[k];
+        });
+      }
+      setTimeout(function () {
+        setSettingSchema({
+          type: 'object',
+          displayType: 'column',
+          properties: properties
+        });
+        var value = transformer.toSetting(item.schema);
+        // 把嵌套 value 平铺成 dot-path key 形式合并进去 — setting 字段名
+        // 用 'props.content'/'props.title.content' 这种带点 key 时，
+        // form-render 把它当一个普通字符串 key，需要 formData 里也有
+        // 同名 key 才能读出 value（写时它检测到点自动 set-by-path，但读
+        // 没用 get-by-path 不对称）。这里把所有路径都补到 formData 里
+        // 兼容两种字段名风格。
+        var dotFlat = {};
+        var walk = function walk(obj, prefix) {
+          if (!obj || _typeof(obj) !== 'object' || Array.isArray(obj)) return;
+          for (var _i = 0, _Object$entries = Object.entries(obj); _i < _Object$entries.length; _i++) {
+            var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+              k = _Object$entries$_i[0],
+              v = _Object$entries$_i[1];
+            var path = prefix ? "".concat(prefix, ".").concat(k) : k;
+            dotFlat[path] = v;
+            if (v && _typeof(v) === 'object' && !Array.isArray(v)) walk(v, path);
+          }
+        };
+        walk(value, '');
+        form.resetFields();
+        form.setValues(_objectSpread(_objectSpread({}, value), dotFlat));
+        onDataChange(form.getValues());
+        if (validation) form.submit();
+        isReady.current = true;
+      }, 0);
+    } catch (error) {
+      isReady.current = true;
+      console.error(error);
+    }
+  }, [selected]);
+  useEffect(function () {
+    if (validation) onItemErrorChange(form === null || form === void 0 ? void 0 : form.errorFields);
+  }, [validation, form === null || form === void 0 ? void 0 : form.errorFields]);
+  useEffect(function () {
+    setGlobal({
+      settingsForm: form
+    });
+  }, []);
+
+  // 判断当前选中组件是否是事件类组件（按钮等）
+  var currentWidgetName = useMemo(function () {
+    var _item$schema;
+    if (!selected || !flatten[selected]) return '';
+    var item = flatten[selected];
+    // 根 '#' 的 widget/style/props 被 schemaToState 抽到 frProps，schema 上读不到 widget，
+    // 这里兜底从 frProps 取，否则根为 cardRoot 时事件 Tab/属性 Tab 全部判空。
+    if (selected === '#' && !((_item$schema = item.schema) !== null && _item$schema !== void 0 && _item$schema.widget) && frProps !== null && frProps !== void 0 && frProps.widget) {
+      return getWidgetName(_objectSpread(_objectSpread({}, item.schema), {}, {
+        widget: frProps.widget
+      }), globalMapping);
+    }
+    return getWidgetName(item.schema, globalMapping);
+  }, [selected, flatten, globalMapping, frProps === null || frProps === void 0 ? void 0 : frProps.widget]);
+  var isBtnWidget = btnWidgets.has(currentWidgetName);
+  var isBehaviorButtonWidget = behaviorButtonWidgets.has(currentWidgetName);
+  var isChartWidget = chartWidgets.has(currentWidgetName);
+  var isPersonListWidget = currentWidgetName === personListWidget;
+  var isTableWidget = tableWidgets.has(currentWidgetName);
+  var isInteractiveContainerWidget = currentWidgetName === interactiveContainerWidget;
+  var isCardInputWidget = inputLikePropertyWidgets.has(currentWidgetName);
+  var isImageDisplayWidget = currentWidgetName === 'imageInput';
+  var isCardBehaviorWidget = isBehaviorButtonWidget || isInteractiveContainerWidget;
+  var isEventButtonWidget = isBtnWidget || isCardBehaviorWidget;
+  var isOptionsWidget = optionsWidgets.has(currentWidgetName);
+  var isSelectLike = selectLikeWidgets.has(currentWidgetName);
+  // 非按钮、非根节点的字段都可配置联动
+  var canHaveLinkage = !isEventButtonWidget && !isPersonListWidget && selected !== '#';
+  // 能配置「挂载时请求初始值」：排除按钮、容器、展示类、根节点
+  var canHaveInitialValue = !isEventButtonWidget && !isPersonListWidget && !containerWidgets.has(currentWidgetName) && !presentationalWidgets.has(currentWidgetName) && selected !== '#';
+  // 卡片根节点(cardRoot) 的「挂载请求」事件
+  // - 当 cardRoot 是真根 '#' 时，widget/props 被 schemaToState 抽到 frProps，从 frProps 读写
+  // - 当 cardRoot 是模板插在表单根下的子节点时（如 feishuLeaveApproval 插入到 '#' 下），
+  //   widget/props 都在 currentSchema 上，走标准 onItemChange 路径
+  var isCardRootWidget = currentWidgetName === 'cardRoot';
+  var cardRootAtRoot = selected === '#' && isCardRootWidget;
+  var rootOnMount = cardRootAtRoot ? (_frProps$props$onMoun = frProps === null || frProps === void 0 || (_frProps$props = frProps.props) === null || _frProps$props === void 0 ? void 0 : _frProps$props.onMount) !== null && _frProps$props$onMoun !== void 0 ? _frProps$props$onMoun : flatten === null || flatten === void 0 || (_flatten$ = flatten['#']) === null || _flatten$ === void 0 || (_flatten$ = _flatten$.schema) === null || _flatten$ === void 0 || (_flatten$ = _flatten$.props) === null || _flatten$ === void 0 ? void 0 : _flatten$.onMount : (_flatten$selected2 = flatten[selected]) === null || _flatten$selected2 === void 0 || (_flatten$selected2 = _flatten$selected2.schema) === null || _flatten$selected2 === void 0 || (_flatten$selected2 = _flatten$selected2.props) === null || _flatten$selected2 === void 0 ? void 0 : _flatten$selected2.onMount;
+
+  // 根据 subTabKey 过滤显示的 properties
+  var filteredSchema = useMemo(function () {
+    if (!(settingSchema !== null && settingSchema !== void 0 && settingSchema.properties)) return settingSchema;
+    if (subTabKey === 'event') {
+      var _properties = {};
+      if (isBtnWidget) {
+        // 按钮类：事件 Tab 显示 props（回调/跳转配置）
+        for (var _i2 = 0, _Object$entries2 = Object.entries(settingSchema.properties); _i2 < _Object$entries2.length; _i2++) {
+          var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
+            key = _Object$entries2$_i[0],
+            value = _Object$entries2$_i[1];
+          if (key === 'props') _properties[key] = value;
+        }
+      } else if (isCardBehaviorWidget) {
+        var eventKeys = isBehaviorButtonWidget ? cardButtonEventKeys : interactiveContainerEventKeys;
+        for (var _i3 = 0, _Object$entries3 = Object.entries(settingSchema.properties); _i3 < _Object$entries3.length; _i3++) {
+          var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i3], 2),
+            _key = _Object$entries3$_i[0],
+            _value = _Object$entries3$_i[1];
+          if (eventKeys.has(_key)) _properties[_key] = _value;
+        }
+      } else if (isOptionsWidget) {
+        // 选项类：事件 Tab 显示 remoteData（远程数据源配置）
+        for (var _i4 = 0, _Object$entries4 = Object.entries(settingSchema.properties); _i4 < _Object$entries4.length; _i4++) {
+          var _Object$entries4$_i = _slicedToArray(_Object$entries4[_i4], 2),
+            _key2 = _Object$entries4$_i[0],
+            _value2 = _Object$entries4$_i[1];
+          if (_key2 === 'remoteData') _properties[_key2] = _value2;
+        }
+      }
+      return _objectSpread(_objectSpread({}, settingSchema), {}, {
+        properties: _properties
+      });
+    }
+    if (subTabKey === 'style') {
+      var _keepStyleKeyInPropertyTab = function _keepStyleKeyInPropertyTab(key) {
+        return isBehaviorButtonWidget ? behaviorButtonPropertyKeys.has(key) : isImageDisplayWidget ? imageDisplayPropertyKeys.has(key) : isCardInputWidget && cardInputPropertyKeys.has(key);
+      };
+      if (isBtnWidget) {
+        // 按钮类：样式 Tab 显示 style 字段
+        var _properties2 = {};
+        for (var _i5 = 0, _Object$entries5 = Object.entries(settingSchema.properties); _i5 < _Object$entries5.length; _i5++) {
+          var _Object$entries5$_i = _slicedToArray(_Object$entries5[_i5], 2),
+            _key3 = _Object$entries5$_i[0],
+            _value3 = _Object$entries5$_i[1];
+          if (_key3 === 'style') _properties2[_key3] = _value3;
+        }
+        return _objectSpread(_objectSpread({}, settingSchema), {}, {
+          properties: _properties2
+        });
+      }
+      // 普通组件：显示通用样式字段。
+      // R17：卡片模式样式字段以点路径 key 存（props.margin/padding/textAlign/textSize），
+      // 也放行，否则卡片元素选中时样式 tab 空白。
+      var _properties3 = {};
+      for (var _i6 = 0, _Object$entries6 = Object.entries(settingSchema.properties); _i6 < _Object$entries6.length; _i6++) {
+        var _Object$entries6$_i = _slicedToArray(_Object$entries6[_i6], 2),
+          _key4 = _Object$entries6$_i[0],
+          _value4 = _Object$entries6$_i[1];
+        if (isStyleSettingKey(_key4) && !_keepStyleKeyInPropertyTab(_key4)) {
+          _properties3[_key4] = _value4;
+        }
+      }
+      return _objectSpread(_objectSpread({}, settingSchema), {}, {
+        properties: _properties3
+      });
+    }
+
+    // 属性 Tab：排除事件/样式专属字段
+    var keepStyleKeyInPropertyTab = function keepStyleKeyInPropertyTab(key) {
+      return isBehaviorButtonWidget ? behaviorButtonPropertyKeys.has(key) : isImageDisplayWidget ? imageDisplayPropertyKeys.has(key) : isCardInputWidget && cardInputPropertyKeys.has(key);
+    };
+    var properties = {};
+    for (var _i7 = 0, _Object$entries7 = Object.entries(settingSchema.properties); _i7 < _Object$entries7.length; _i7++) {
+      var _Object$entries7$_i = _slicedToArray(_Object$entries7[_i7], 2),
+        _key5 = _Object$entries7$_i[0],
+        _value5 = _Object$entries7$_i[1];
+      if (isStyleSettingKey(_key5) && !keepStyleKeyInPropertyTab(_key5)) {
+        continue;
+      }
+      if (isBtnWidget && (_key5 === 'props' || _key5 === 'style')) continue;
+      if (isBehaviorButtonWidget && cardButtonEventKeys.has(_key5)) continue;
+      if (isChartWidget && chartConfigKeys.has(_key5)) continue;
+      if (isTableWidget && tableDataKeys.has(_key5)) continue;
+      if (isInteractiveContainerWidget && interactiveContainerEventKeys.has(_key5)) {
+        continue;
+      }
+      if (isOptionsWidget && _key5 === 'remoteData') continue;
+      properties[_key5] = _value5;
+    }
+    return _objectSpread(_objectSpread({}, settingSchema), {}, {
+      properties: properties
+    });
+  }, [settingSchema, subTabKey, isBtnWidget, isBehaviorButtonWidget, isChartWidget, isTableWidget, isInteractiveContainerWidget, isCardBehaviorWidget, isCardInputWidget, isImageDisplayWidget, isOptionsWidget]);
+  var hasProperties = (filteredSchema === null || filteredSchema === void 0 ? void 0 : filteredSchema.properties) && Object.keys(filteredSchema.properties).length > 0;
+
+  // 事件类型注册表 — 每种事件用一致的元数据描述
+  var eventDefs = useMemo(function () {
+    var list = [];
+    if (isOptionsWidget) {
+      // 下拉类（select/multiSelect）：打开下拉面板时触发
+      // 按钮组类（radio/checkboxes）：组件挂载时触发
+      var triggerLabel = isSelectLike ? '打开面板时' : '组件挂载时';
+      var triggerHint = isSelectLike ? '展开下拉面板时请求接口' : '字段渲染时立即请求接口';
+      list.push({
+        key: 'remoteData',
+        label: triggerLabel,
+        desc: "".concat(triggerHint, "\uFF0C\u628A\u54CD\u5E94\u6620\u5C04\u6210\u672C\u5B57\u6BB5\u7684\u9009\u9879"),
+        icon: /*#__PURE__*/_jsx(ThunderboltOutlined, {}),
+        available: true,
+        isActive: function isActive(s) {
+          var _s$remoteData;
+          return !!(s !== null && s !== void 0 && (_s$remoteData = s.remoteData) !== null && _s$remoteData !== void 0 && _s$remoteData.enabled);
+        }
+      });
+      list.push({
+        key: 'fieldAssignments',
+        label: isSelectLike ? '面板打开后给其它字段赋值' : '挂载后给其它字段赋值',
+        desc: '把响应或固定值写入表单的其它字段',
+        icon: /*#__PURE__*/_jsx(EditOutlined, {}),
+        available: true,
+        isActive: function isActive(s) {
+          return Array.isArray(s === null || s === void 0 ? void 0 : s.fieldAssignments) && s.fieldAssignments.length > 0;
+        }
+      });
+    }
+    if (isBtnWidget) {
+      list.push({
+        key: 'props',
+        label: '点击时',
+        desc: '配置按钮点击行为',
+        icon: /*#__PURE__*/_jsx(ThunderboltOutlined, {}),
+        available: true,
+        isActive: function isActive() {
+          return true;
+        } // 按钮始终有事件配置
+      });
+    }
+    if (isBehaviorButtonWidget) {
+      list.push({
+        key: 'cardButtonBehaviors',
+        label: '点击时',
+        desc: '配置按钮点击行为',
+        icon: /*#__PURE__*/_jsx(ThunderboltOutlined, {}),
+        available: true,
+        isActive: function isActive() {
+          return true;
+        }
+      });
+    }
+    if (isInteractiveContainerWidget) {
+      list.push({
+        key: 'interactiveContainerBehaviors',
+        label: '点击时',
+        desc: '配置交互容器点击行为和悬浮提示',
+        icon: /*#__PURE__*/_jsx(ThunderboltOutlined, {}),
+        available: true,
+        isActive: function isActive(s) {
+          var _s$props, _s$props2;
+          return Array.isArray(s === null || s === void 0 || (_s$props = s.props) === null || _s$props === void 0 ? void 0 : _s$props.behaviors) && s.props.behaviors.length > 0 || !!(s !== null && s !== void 0 && (_s$props2 = s.props) !== null && _s$props2 !== void 0 && (_s$props2 = _s$props2.hoverTips) !== null && _s$props2 !== void 0 && _s$props2.content);
+        }
+      });
+    }
+    if (isPersonListWidget) {
+      list.push({
+        key: 'personListDataSource',
+        label: '挂载时请求人员列表',
+        desc: '请求人员 ID、姓名和头像，写入 props.persons',
+        icon: /*#__PURE__*/_jsx(DownloadOutlined, {}),
+        available: true,
+        isActive: function isActive(s) {
+          var _s$props3;
+          return !!(s !== null && s !== void 0 && (_s$props3 = s.props) !== null && _s$props3 !== void 0 && (_s$props3 = _s$props3.personsSource) !== null && _s$props3 !== void 0 && _s$props3.enabled);
+        }
+      });
+    }
+    if (canHaveInitialValue) {
+      list.push({
+        key: 'initialValue',
+        label: '挂载时请求初始值',
+        desc: '字段渲染时请求接口，把响应写到本字段',
+        icon: /*#__PURE__*/_jsx(DownloadOutlined, {}),
+        available: true,
+        isActive: function isActive(s) {
+          var _s$initialValue;
+          return !!(s !== null && s !== void 0 && (_s$initialValue = s.initialValue) !== null && _s$initialValue !== void 0 && _s$initialValue.enabled);
+        }
+      });
+    }
+    if (isCardRootWidget) {
+      // 卡片根：挂载时请求一次数据回填整卡。源可能在 frProps（真根时）或
+      // currentSchema.props（作为表单子节点时）。
+      list.push({
+        key: 'cardRootOnMount',
+        label: '挂载时请求数据',
+        desc: '卡片渲染时请求接口，把响应回填到表单字段',
+        icon: /*#__PURE__*/_jsx(DownloadOutlined, {}),
+        available: true,
+        isActive: function isActive() {
+          return Array.isArray(rootOnMount) && rootOnMount.length > 0;
+        }
+      });
+    }
+    if (canHaveLinkage) {
+      list.push({
+        key: 'linkage',
+        label: '字段值变化时',
+        desc: '联动其它字段的显示、必填或禁用',
+        icon: /*#__PURE__*/_jsx(SwapOutlined, {}),
+        available: true,
+        isActive: function isActive(s) {
+          return Array.isArray(s === null || s === void 0 ? void 0 : s.linkages) && s.linkages.length > 0;
+        }
+      });
+    }
+    if (canHaveInitialValue) {
+      // 值变化触发行为链（区别于 linkage 的「派生显隐/禁用」）：发请求、给其它字段赋值等。
+      // 存 schema 顶层 onChangeBehaviors（不放 props，避免被透传成 antd onChange）。
+      list.push({
+        key: 'onChangeBehaviors',
+        label: '值变化时触发行为',
+        desc: '值变化时派发行为链：请求接口 / 给其它字段赋值 / 打开链接等',
+        icon: /*#__PURE__*/_jsx(ThunderboltOutlined, {}),
+        available: true,
+        isActive: function isActive(s) {
+          return Array.isArray(s === null || s === void 0 ? void 0 : s.onChangeBehaviors) && s.onChangeBehaviors.length > 0;
+        }
+      });
+    }
+    return list;
+  }, [isOptionsWidget, isSelectLike, isBtnWidget, isBehaviorButtonWidget, isPersonListWidget, isTableWidget, isInteractiveContainerWidget, canHaveLinkage, canHaveInitialValue, isCardRootWidget, rootOnMount]);
+  var currentSchema = (_flatten$selected3 = flatten[selected]) === null || _flatten$selected3 === void 0 ? void 0 : _flatten$selected3.schema;
+  var showChartConfigEditor = subTabKey === 'props' && isChartWidget;
+  var showTableDataEditor = subTabKey === 'props' && isTableWidget;
+  var activeEvents = eventDefs.filter(function (e) {
+    return e.isActive(currentSchema);
+  });
+  var inactiveEvents = eventDefs.filter(function (e) {
+    return !e.isActive(currentSchema);
+  });
+
+  // 构造每个已激活事件的子 schema —— 仅含该事件相关字段（仅按钮类还走 FormRender）
+  var buildEventSchema = function buildEventSchema(eventKey) {
+    if (!(settingSchema !== null && settingSchema !== void 0 && settingSchema.properties)) return null;
+    if (eventKey === 'props') {
+      return _objectSpread(_objectSpread({}, settingSchema), {}, {
+        properties: {
+          props: settingSchema.properties.props
+        }
+      });
+    }
+    return null;
+  };
+
+  // cardRoot 的 onMount 写回：
+  // - 真根 '#'：schema 上的根 widget/props 已被 schemaToState 搬进 frProps，写 frProps
+  // - 作为表单子节点：直接走 onItemChange 写本节点的 props.onMount
+  var writeRootOnMount = function writeRootOnMount(next) {
+    var _flatten$selected4;
+    if (cardRootAtRoot) {
+      setGlobal({
+        frProps: _objectSpread(_objectSpread({}, frProps || {}), {}, {
+          props: _objectSpread(_objectSpread({}, frProps && frProps.props || {}), {}, {
+            onMount: next
+          })
+        })
+      });
+      return;
+    }
+    var original = ((_flatten$selected4 = flatten[selected]) === null || _flatten$selected4 === void 0 ? void 0 : _flatten$selected4.schema) || {};
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        props: _objectSpread(_objectSpread({}, original.props || {}), {}, {
+          onMount: next
+        })
+      })
+    }), 'schema');
+  };
+  var handleAddEvent = function handleAddEvent(eventKey) {
+    var _flatten$selected5;
+    if (eventKey === 'cardRootOnMount') {
+      writeRootOnMount(buildOnMountChain({
+        url: '',
+        method: 'GET',
+        fillMode: 'spread',
+        responsePath: 'data'
+      }));
+      return;
+    }
+    var original = ((_flatten$selected5 = flatten[selected]) === null || _flatten$selected5 === void 0 ? void 0 : _flatten$selected5.schema) || {};
+    var next = original;
+    if (eventKey === 'remoteData') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        remoteData: _objectSpread(_objectSpread({}, original.remoteData || {}), {}, {
+          enabled: true
+        })
+      });
+    } else if (eventKey === 'fieldAssignments') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        fieldAssignments: [createBlankAfterAction()]
+      });
+    } else if (eventKey === 'initialValue') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        initialValue: _objectSpread(_objectSpread({}, original.initialValue || {}), {}, {
+          enabled: true
+        })
+      });
+    } else if (eventKey === 'linkage') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        linkages: [createBlankLinkage()]
+      });
+    } else if (eventKey === 'onChangeBehaviors') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        onChangeBehaviors: Array.isArray(original.onChangeBehaviors) && original.onChangeBehaviors.length > 0 ? original.onChangeBehaviors : [createBlankApiRequestBehavior()]
+      });
+    } else if (eventKey === 'interactiveContainerBehaviors') {
+      var props = original.props || {};
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        props: _objectSpread(_objectSpread({}, props), {}, {
+          behaviors: Array.isArray(props.behaviors) && props.behaviors.length > 0 ? props.behaviors : [createBlankCardButtonBehavior()],
+          hoverTips: props.hoverTips || {
+            tag: 'plain_text',
+            content: ''
+          }
+        })
+      });
+    } else if (eventKey === 'personListDataSource') {
+      var _props = original.props || {};
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        props: _objectSpread(_objectSpread({}, _props), {}, {
+          personsSource: _objectSpread(_objectSpread({
+            method: 'GET',
+            responsePath: 'data.members',
+            idField: 'id',
+            nameField: 'name',
+            avatarField: 'avatar'
+          }, _props.personsSource || {}), {}, {
+            enabled: true
+          })
+        })
+      });
+    }
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: next
+    }), 'schema');
+  };
+  var handleRemoveEvent = function handleRemoveEvent(eventKey) {
+    var _flatten$selected6;
+    if (eventKey === 'cardRootOnMount') {
+      writeRootOnMount([]);
+      return;
+    }
+    var original = ((_flatten$selected6 = flatten[selected]) === null || _flatten$selected6 === void 0 ? void 0 : _flatten$selected6.schema) || {};
+    var next = original;
+    if (eventKey === 'remoteData') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        remoteData: _objectSpread(_objectSpread({}, original.remoteData), {}, {
+          enabled: false
+        })
+      });
+    } else if (eventKey === 'fieldAssignments') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        fieldAssignments: []
+      });
+    } else if (eventKey === 'initialValue') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        initialValue: _objectSpread(_objectSpread({}, original.initialValue), {}, {
+          enabled: false
+        })
+      });
+    } else if (eventKey === 'linkage') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        linkages: []
+      });
+    } else if (eventKey === 'onChangeBehaviors') {
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        onChangeBehaviors: []
+      });
+    } else if (eventKey === 'interactiveContainerBehaviors') {
+      var props = original.props || {};
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        props: _objectSpread(_objectSpread({}, props), {}, {
+          behaviors: [],
+          hoverTips: _objectSpread(_objectSpread({}, props.hoverTips || {
+            tag: 'plain_text'
+          }), {}, {
+            content: ''
+          })
+        })
+      });
+    } else if (eventKey === 'personListDataSource') {
+      var _props2 = original.props || {};
+      next = _objectSpread(_objectSpread({}, original), {}, {
+        props: _objectSpread(_objectSpread({}, _props2), {}, {
+          personsSource: _objectSpread(_objectSpread({}, _props2.personsSource || {}), {}, {
+            enabled: false
+          })
+        })
+      });
+    }
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: next
+    }), 'schema');
+  };
+  var handleLinkagesChange = function handleLinkagesChange(linkages) {
+    var _flatten$selected7;
+    var original = ((_flatten$selected7 = flatten[selected]) === null || _flatten$selected7 === void 0 ? void 0 : _flatten$selected7.schema) || {};
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        linkages: linkages
+      })
+    }), 'schema');
+  };
+  var handleOnChangeBehaviorsChange = function handleOnChangeBehaviorsChange(onChangeBehaviors) {
+    var _flatten$selected8;
+    var original = ((_flatten$selected8 = flatten[selected]) === null || _flatten$selected8 === void 0 ? void 0 : _flatten$selected8.schema) || {};
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        onChangeBehaviors: onChangeBehaviors
+      })
+    }), 'schema');
+  };
+  var handleFieldAssignmentsChange = function handleFieldAssignmentsChange(fieldAssignments) {
+    var _flatten$selected9;
+    var original = ((_flatten$selected9 = flatten[selected]) === null || _flatten$selected9 === void 0 ? void 0 : _flatten$selected9.schema) || {};
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        fieldAssignments: fieldAssignments
+      })
+    }), 'schema');
+  };
+  var handleRemoteDataChange = function handleRemoteDataChange(remoteData) {
+    var _flatten$selected10;
+    var original = ((_flatten$selected10 = flatten[selected]) === null || _flatten$selected10 === void 0 ? void 0 : _flatten$selected10.schema) || {};
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        remoteData: _objectSpread(_objectSpread(_objectSpread({}, original.remoteData || {}), remoteData), {}, {
+          enabled: true
+        })
+      })
+    }), 'schema');
+  };
+  var handleInitialValueChange = function handleInitialValueChange(initialValue) {
+    var _flatten$selected11;
+    var original = ((_flatten$selected11 = flatten[selected]) === null || _flatten$selected11 === void 0 ? void 0 : _flatten$selected11.schema) || {};
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        initialValue: _objectSpread(_objectSpread(_objectSpread({}, original.initialValue || {}), initialValue), {}, {
+          enabled: true
+        })
+      })
+    }), 'schema');
+  };
+  var handlePersonListSourceChange = function handlePersonListSourceChange(patch) {
+    var _flatten$selected12;
+    var original = ((_flatten$selected12 = flatten[selected]) === null || _flatten$selected12 === void 0 ? void 0 : _flatten$selected12.schema) || {};
+    var props = original.props || {};
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        props: _objectSpread(_objectSpread({}, props), {}, {
+          personsSource: _objectSpread(_objectSpread(_objectSpread({}, props.personsSource || {}), patch), {}, {
+            enabled: true
+          })
+        })
+      })
+    }), 'schema');
+  };
+  var handleChartConfigChange = function handleChartConfigChange(patch) {
+    var _flatten$selected13;
+    var original = ((_flatten$selected13 = flatten[selected]) === null || _flatten$selected13 === void 0 ? void 0 : _flatten$selected13.schema) || {};
+    var props = original.props || {};
+    var chartSpec = props.chartSpec || {};
+    var data = chartSpec.data || {};
+    var title = chartSpec.title || {};
+    var nextProps = _objectSpread(_objectSpread({}, props), {}, {
+      chartSpec: _objectSpread(_objectSpread({}, chartSpec), {}, {
+        data: _objectSpread(_objectSpread({}, data), patch.values ? {
+          values: patch.values
+        } : {}),
+        title: _objectSpread(_objectSpread({}, title), patch.titleText !== undefined ? {
+          text: patch.titleText
+        } : {})
+      }, patch.type ? {
+        type: patch.type
+      } : {})
+    });
+    if (patch.height !== undefined) {
+      nextProps.height = patch.height;
+    }
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        props: nextProps
+      })
+    }), 'schema');
+  };
+  var handleTablePropsChange = function handleTablePropsChange(patch) {
+    var _flatten$selected14;
+    var original = ((_flatten$selected14 = flatten[selected]) === null || _flatten$selected14 === void 0 ? void 0 : _flatten$selected14.schema) || {};
+    var props = original.props || {};
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        props: _objectSpread(_objectSpread({}, props), patch)
+      })
+    }), 'schema');
+  };
+  var handleCardBehaviorEventsChange = function handleCardBehaviorEventsChange(patch) {
+    var _flatten$selected15;
+    var original = ((_flatten$selected15 = flatten[selected]) === null || _flatten$selected15 === void 0 ? void 0 : _flatten$selected15.schema) || {};
+    onItemChange(selected, _objectSpread(_objectSpread({}, flatten[selected]), {}, {
+      schema: _objectSpread(_objectSpread({}, original), {}, {
+        props: _objectSpread(_objectSpread({}, original.props || {}), patch)
+      })
+    }), 'schema');
+  };
+  var emptyHints = {
+    style: '当前组件暂无样式配置',
+    event: '当前组件暂无事件配置',
+    props: '当前组件暂无属性配置'
+  };
+
+  // ========== 事件 Tab：简约风格 ==========
+  if (subTabKey === 'event' && eventDefs.length > 0) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: styles.eventPane,
+      children: [activeEvents.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: styles.eventSectionLabel,
+          children: "\u5DF2\u914D\u7F6E\u4E8B\u4EF6"
+        }), activeEvents.map(function (evt) {
+          var _currentSchema$props;
+          var evtSchema = buildEventSchema(evt.key);
+          return /*#__PURE__*/_jsxs("div", {
+            className: styles.eventCard,
+            children: [/*#__PURE__*/_jsxs("div", {
+              className: styles.eventHeader,
+              children: [/*#__PURE__*/_jsx("span", {
+                className: styles.eventIcon,
+                children: evt.icon
+              }), /*#__PURE__*/_jsxs("div", {
+                className: styles.eventTitleWrap,
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: styles.eventTitle,
+                  children: evt.label
+                }), /*#__PURE__*/_jsx("div", {
+                  className: styles.eventDesc,
+                  children: evt.desc
+                })]
+              }), evt.key !== 'props' && evt.key !== 'cardButtonBehaviors' && /*#__PURE__*/_jsx("span", {
+                className: "event-delete ".concat(styles.eventDelete),
+                onClick: function onClick() {
+                  return handleRemoveEvent(evt.key);
+                },
+                children: "\u5220\u9664"
+              })]
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.eventBody,
+              children: evt.key === 'cardButtonBehaviors' ? /*#__PURE__*/_jsx(CardButtonBehaviorsEditor, {
+                value: (currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema.props) || {},
+                onChange: handleCardBehaviorEventsChange,
+                flatten: flatten,
+                selfId: selected
+              }) : evt.key === 'interactiveContainerBehaviors' ? /*#__PURE__*/_jsx(CardButtonBehaviorsEditor, {
+                value: (currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema.props) || {},
+                onChange: handleCardBehaviorEventsChange,
+                flatten: flatten,
+                selfId: selected,
+                showFormAction: false,
+                showHoverTips: true
+              }) : evt.key === 'remoteData' ? /*#__PURE__*/_jsx(RemoteDataEditor, {
+                value: (currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema.remoteData) || {},
+                onChange: handleRemoteDataChange
+              }) : evt.key === 'fieldAssignments' ? /*#__PURE__*/_jsx(AfterActionsEditor, {
+                flatten: flatten,
+                selfId: selected,
+                value: (currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema.fieldAssignments) || [],
+                onChange: handleFieldAssignmentsChange
+              }) : evt.key === 'initialValue' ? /*#__PURE__*/_jsx(InitialValueEditor, {
+                value: (currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema.initialValue) || {},
+                onChange: handleInitialValueChange
+              }) : evt.key === 'personListDataSource' ? /*#__PURE__*/_jsx(PersonListDataSourceEditor, {
+                value: (currentSchema === null || currentSchema === void 0 || (_currentSchema$props = currentSchema.props) === null || _currentSchema$props === void 0 ? void 0 : _currentSchema$props.personsSource) || {},
+                onChange: handlePersonListSourceChange
+              }) : evt.key === 'linkage' ? /*#__PURE__*/_jsx(LinkageEditor, {
+                flatten: flatten,
+                selfId: selected,
+                value: (currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema.linkages) || [],
+                onChange: handleLinkagesChange
+              }) : evt.key === 'onChangeBehaviors' ? /*#__PURE__*/_jsx(OnChangeBehaviorsEditor, {
+                behaviors: (currentSchema === null || currentSchema === void 0 ? void 0 : currentSchema.onChangeBehaviors) || [],
+                onChange: handleOnChangeBehaviorsChange,
+                flatten: flatten,
+                selfId: selected
+              }) : evt.key === 'cardRootOnMount' ? /*#__PURE__*/_jsx(CardRootOnMountEditor, {
+                value: parseOnMountChain(rootOnMount),
+                onChange: function onChange(v) {
+                  return writeRootOnMount(buildOnMountChain(v));
+                },
+                flatten: flatten
+              }) : evtSchema ? /*#__PURE__*/_jsx(FormRender, {
+                form: form,
+                schema: evtSchema,
+                widgets: _objectSpread(_objectSpread({}, _widgets), widgets),
+                mapping: globalMapping,
+                watch: {
+                  '#': function _(v) {
+                    return setTimeout(function () {
+                      return onDataChange(v);
+                    }, 0);
+                  }
+                }
+              }) : null
+            })]
+          }, evt.key);
+        })]
+      }), inactiveEvents.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: styles.eventSectionLabel,
+          style: {
+            marginTop: activeEvents.length > 0 ? 16 : 4
+          },
+          children: "\u53EF\u6DFB\u52A0\u4E8B\u4EF6"
+        }), /*#__PURE__*/_jsx("div", {
+          className: styles.eventAddList,
+          children: inactiveEvents.map(function (evt) {
+            return /*#__PURE__*/_jsxs("div", {
+              className: styles.eventAddItem,
+              onClick: function onClick() {
+                return handleAddEvent(evt.key);
+              },
+              children: [/*#__PURE__*/_jsx("span", {
+                className: styles.eventIcon,
+                children: evt.icon
+              }), /*#__PURE__*/_jsxs("div", {
+                className: styles.eventTitleWrap,
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: styles.eventTitle,
+                  children: evt.label
+                }), /*#__PURE__*/_jsx("div", {
+                  className: styles.eventDesc,
+                  children: evt.desc
+                })]
+              }), /*#__PURE__*/_jsx(PlusOutlined, {
+                className: styles.eventAddPlus
+              })]
+            }, evt.key);
+          })
+        })]
+      }), activeEvents.length === 0 && inactiveEvents.length === 0 && /*#__PURE__*/_jsx("div", {
+        className: styles.eventEmpty,
+        children: emptyHints.event
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      padding: '4px 0'
+    },
+    children: [showChartConfigEditor ? /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 12,
+        margin: '0 12px 16px'
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          color: '#1f2329',
+          fontSize: 12,
+          marginBottom: 8
+        },
+        children: "\u56FE\u8868\u6570\u636E"
+      }), /*#__PURE__*/_jsx(CardChartDataEditor, {
+        value: (currentSchema === null || currentSchema === void 0 || (_currentSchema$props2 = currentSchema.props) === null || _currentSchema$props2 === void 0 || (_currentSchema$props2 = _currentSchema$props2.chartSpec) === null || _currentSchema$props2 === void 0 || (_currentSchema$props2 = _currentSchema$props2.data) === null || _currentSchema$props2 === void 0 ? void 0 : _currentSchema$props2.values) || [],
+        onChange: function onChange(values) {
+          return handleChartConfigChange({
+            values: values
+          });
+        }
+      }), /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx("div", {
+          style: {
+            color: '#1f2329',
+            fontSize: 12,
+            marginBottom: 8
+          },
+          children: "\u56FE\u8868\u7C7B\u578B"
+        }), /*#__PURE__*/_jsx(Select, {
+          options: chartTypeOptions,
+          style: {
+            width: '100%'
+          },
+          value: (currentSchema === null || currentSchema === void 0 || (_currentSchema$props3 = currentSchema.props) === null || _currentSchema$props3 === void 0 || (_currentSchema$props3 = _currentSchema$props3.chartSpec) === null || _currentSchema$props3 === void 0 ? void 0 : _currentSchema$props3.type) || 'bar',
+          onChange: function onChange(type) {
+            return handleChartConfigChange({
+              type: type
+            });
+          }
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx("div", {
+          style: {
+            color: '#1f2329',
+            fontSize: 12,
+            marginBottom: 8
+          },
+          children: "\u6807\u9898"
+        }), /*#__PURE__*/_jsx(Input, {
+          value: (currentSchema === null || currentSchema === void 0 || (_currentSchema$props4 = currentSchema.props) === null || _currentSchema$props4 === void 0 || (_currentSchema$props4 = _currentSchema$props4.chartSpec) === null || _currentSchema$props4 === void 0 || (_currentSchema$props4 = _currentSchema$props4.title) === null || _currentSchema$props4 === void 0 ? void 0 : _currentSchema$props4.text) || '',
+          onChange: function onChange(e) {
+            return handleChartConfigChange({
+              titleText: e.target.value
+            });
+          }
+        })]
+      })]
+    }) : null, showTableDataEditor ? /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 16,
+        margin: '0 12px 16px'
+      },
+      children: [/*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx("div", {
+          style: {
+            color: '#1f2329',
+            fontSize: 12,
+            marginBottom: 8
+          },
+          children: "\u5217\u914D\u7F6E"
+        }), /*#__PURE__*/_jsx(CardTableColumnsEditor, {
+          rows: (currentSchema === null || currentSchema === void 0 || (_currentSchema$props5 = currentSchema.props) === null || _currentSchema$props5 === void 0 ? void 0 : _currentSchema$props5.rows) || [],
+          value: (currentSchema === null || currentSchema === void 0 || (_currentSchema$props6 = currentSchema.props) === null || _currentSchema$props6 === void 0 ? void 0 : _currentSchema$props6.columns) || [],
+          onChange: function onChange(columns, meta) {
+            return handleTablePropsChange(_objectSpread({
+              columns: columns
+            }, meta !== null && meta !== void 0 && meta.rows ? {
+              rows: meta.rows
+            } : {}));
+          }
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx("div", {
+          style: {
+            color: '#1f2329',
+            fontSize: 12,
+            marginBottom: 8
+          },
+          children: "\u884C\u6570\u636E"
+        }), /*#__PURE__*/_jsx(CardTableRowsEditor, {
+          columns: (currentSchema === null || currentSchema === void 0 || (_currentSchema$props7 = currentSchema.props) === null || _currentSchema$props7 === void 0 ? void 0 : _currentSchema$props7.columns) || [],
+          value: (currentSchema === null || currentSchema === void 0 || (_currentSchema$props8 = currentSchema.props) === null || _currentSchema$props8 === void 0 ? void 0 : _currentSchema$props8.rows) || [],
+          onChange: function onChange(rows) {
+            return handleTablePropsChange({
+              rows: rows
+            });
+          }
+        })]
+      })]
+    }) : null, hasProperties ? /*#__PURE__*/_jsx(FormRender, {
+      form: form,
+      schema: filteredSchema,
+      widgets: _objectSpread(_objectSpread({}, _widgets), widgets),
+      mapping: globalMapping,
+      watch: {
+        '#': function _(v) {
+          return setTimeout(function () {
+            return onDataChange(v);
+          }, 0);
+        }
+      }
+    }) : /*#__PURE__*/_jsx("div", {
+      style: {
+        color: '#8f959e',
+        fontSize: 12,
+        textAlign: 'center',
+        marginTop: 40
+      },
+      children: emptyHints[subTabKey] || '暂无配置'
+    })]
+  });
+}
+
+// ========== 字段联动编辑器 ==========
+
+/** api_request 子行为不允许再嵌 api_request，以防递归 */
+
+/** 点击联动单条规则：参考「字段值变化时」，但触发即点击本身，故只配 目标字段 + 动作。 */
+
+var API_BODY_MODE_OPTIONS = [{
+  value: 'form',
+  label: '跟随表单'
+}, {
+  value: 'field',
+  label: '选字段'
+}, {
+  value: 'json',
+  label: '固定 JSON'
+}, {
+  value: 'template',
+  label: 'JSON + 字段引用'
+}];
+
+/** 规范化 body：兼容旧版字符串 / 缺省 / 已是新结构 */
+function normalizeBody(body) {
+  if (body && _typeof(body) === 'object' && typeof body.mode === 'string') {
+    return body;
+  }
+  if (typeof body === 'string' && body.trim()) {
+    return {
+      mode: 'json',
+      value: body
+    };
+  }
+  return {
+    mode: 'form'
+  };
+}
+var CARD_BUTTON_BEHAVIOR_OPTIONS = [{
+  value: 'api_request',
+  label: 'API 请求'
+}, {
+  value: 'open_url',
+  label: '打开链接'
+}, {
+  value: 'form_reset',
+  label: '重置表单'
+}
+// 'linkage'（点击联动）已退役：显隐/禁用/必填统一走字段的声明式 linkages（随值自动重算）。
+// 类型/编辑器/标签保留仅用于旧数据回显（同 form_submit/multi_url 的处理），不再可新增。
+];
+
+/** 子行为（onSuccess/onError）下拉里不含 api_request，防止递归 */
+var CARD_BUTTON_CHILD_BEHAVIOR_OPTIONS = CARD_BUTTON_BEHAVIOR_OPTIONS.filter(function (o) {
+  return o.value !== 'api_request';
+});
+
+/** 全量行为标签（含已下线的 提交表单/多端链接）：仅用于「已存在的旧数据」回显，
+ *  不进可选项 —— 旧表单里配过 form_submit/multi_url 时下拉仍显示人话标签、运行时仍生效，
+ *  但用户新增/切换时选不到它们（见 BehaviorList 的 rowOptions）。 */
+var ALL_BEHAVIOR_LABELS = {
+  api_request: 'API 请求',
+  open_url: '打开链接',
+  multi_url: '多端链接',
+  form_submit: '提交表单',
+  form_reset: '重置表单',
+  linkage: '联动'
+};
+var API_METHOD_OPTIONS = [{
+  value: 'GET',
+  label: 'GET'
+}, {
+  value: 'POST',
+  label: 'POST'
+}];
+var CARD_BUTTON_BEHAVIOR_PLACEHOLDERS = {
+  open_url: 'https://example.com',
+  multi_url: 'JSON，如 {"pc_url":"https://..."}',
+  form_submit: '无需填写',
+  form_reset: '无需填写'
+};
+function createBlankCardButtonBehavior() {
+  return {
+    type: 'open_url',
+    value: ''
+  };
+}
+function createBlankApiRequestBehavior() {
+  return {
+    type: 'api_request',
+    value: {
+      url: '',
+      method: 'POST',
+      body: {
+        mode: 'form'
+      }
+    },
+    onSuccess: [],
+    onError: []
+  };
+}
+
+/** 点击联动规则列表（behavior=linkage 的子编辑器）。
+ *  参考「字段值变化时」的 LinkageEditor：目标字段 + 动作（显示/隐藏/必填/禁用）；
+ *  触发条件即点击本身，故不配 trigger。运行时由 behaviors.ts 的 linkage 派发，
+ *  按动作写回目标字段 hidden/required/disabled（语义同 events/linkage.ts）。 */
+function ClickLinkageRules(_ref5) {
+  var rules = _ref5.rules,
+    fieldOptions = _ref5.fieldOptions,
+    onChange = _ref5.onChange;
+  var _useStyles2 = useStyles(),
+    styles = _useStyles2.styles;
+  var update = function update(idx, patch) {
+    return onChange(rules.map(function (r, i) {
+      return i === idx ? _objectSpread(_objectSpread({}, r), patch) : r;
+    }));
+  };
+  var remove = function remove(idx) {
+    return onChange(rules.filter(function (_, i) {
+      return i !== idx;
+    }));
+  };
+  var add = function add() {
+    return onChange([].concat(_toConsumableArray(rules), [{
+      target: '',
+      action: 'show'
+    }]));
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    children: [rules.length === 0 && /*#__PURE__*/_jsx("div", {
+      className: styles.clickLinkageEmpty,
+      children: "\u6682\u65E0\u8054\u52A8\u89C4\u5219"
+    }), rules.map(function (rule, idx) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: styles.clickLinkageRule,
+        children: [/*#__PURE__*/_jsx(Select, {
+          size: "small",
+          showSearch: true,
+          optionFilterProp: "label",
+          placeholder: "\u76EE\u6807\u5B57\u6BB5",
+          value: rule.target || undefined,
+          options: fieldOptions,
+          onChange: function onChange(v) {
+            return update(idx, {
+              target: v
+            });
+          }
+        }), /*#__PURE__*/_jsx(Select, {
+          size: "small",
+          value: rule.action,
+          options: Object.keys(ACTION_LABELS).map(function (k) {
+            return {
+              value: k,
+              label: ACTION_LABELS[k]
+            };
+          }),
+          onChange: function onChange(v) {
+            return update(idx, {
+              action: v
+            });
+          }
+        }), /*#__PURE__*/_jsx("span", {
+          className: styles.linkageRemove,
+          onClick: function onClick() {
+            return remove(idx);
+          },
+          children: /*#__PURE__*/_jsx(CloseOutlined, {
+            style: {
+              fontSize: 11
+            }
+          })
+        })]
+      }, idx);
+    }), /*#__PURE__*/_jsxs("span", {
+      className: styles.linkageAddRule,
+      onClick: add,
+      children: [/*#__PURE__*/_jsx(PlusOutlined, {
+        style: {
+          fontSize: 10
+        }
+      }), "\u6DFB\u52A0\u89C4\u5219"]
+    })]
+  });
+}
+
+/** 行为列表（含 api_request 的多行布局 + 嵌套 onSuccess/onError）。
+ *  allowApiRequest=false 用于 onSuccess/onError 子链路，防止 api_request 递归。
+ *  fieldOptions 给 body=field 模式选字段用，仅 allowApiRequest 时需要。
+ *  linkageFieldOptions 给 behavior=linkage 选目标字段用（各层级都需要，故透传到子链路）。 */
+function BehaviorList(_ref6) {
+  var behaviors = _ref6.behaviors,
+    onChange = _ref6.onChange,
+    allowApiRequest = _ref6.allowApiRequest,
+    fieldOptions = _ref6.fieldOptions,
+    linkageFieldOptions = _ref6.linkageFieldOptions;
+  var _useStyles3 = useStyles(),
+    styles = _useStyles3.styles;
+  var options = allowApiRequest ? CARD_BUTTON_BEHAVIOR_OPTIONS : CARD_BUTTON_CHILD_BEHAVIOR_OPTIONS;
+  var updateAt = function updateAt(idx, patch) {
+    var next = behaviors.map(function (item, i) {
+      if (i !== idx) return item;
+      // type 切换时按目标类型重置 value/子链路（避免脏数据）
+      if (patch.type && patch.type !== item.type) {
+        if (patch.type === 'api_request') return createBlankApiRequestBehavior();
+        if (patch.type === 'linkage') return {
+          type: 'linkage',
+          value: []
+        };
+        if (patch.type === 'form_submit' || patch.type === 'form_reset') {
+          return {
+            type: patch.type
+          };
+        }
+        return {
+          type: patch.type,
+          value: ''
+        };
+      }
+      return _objectSpread(_objectSpread({}, item), patch);
+    });
+    onChange(next);
+  };
+  var removeAt = function removeAt(idx) {
+    onChange(behaviors.filter(function (_, i) {
+      return i !== idx;
+    }));
+  };
+  var addItem = function addItem(factory) {
+    onChange([].concat(_toConsumableArray(behaviors), [factory()]));
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.cardButtonBehaviorList,
+    children: [behaviors.length === 0 && /*#__PURE__*/_jsx("div", {
+      className: styles.cardButtonBehaviorEmpty,
+      children: "\u6682\u65E0\u70B9\u51FB\u884C\u4E3A"
+    }), behaviors.map(function (behavior, idx) {
+      var _behavior$type, _ALL_BEHAVIOR_LABELS$;
+      var type = (_behavior$type = behavior.type) !== null && _behavior$type !== void 0 ? _behavior$type : 'open_url';
+      // 旧数据用的已下线类型（form_submit/multi_url）不在 options 里，临时补一条带标签的
+      // 选项给本行回显，避免下拉显示成裸 value；切走后该选项即消失，无法再选回。
+      var rowOptions = options.some(function (o) {
+        return o.value === type;
+      }) ? options : [].concat(_toConsumableArray(options), [{
+        value: type,
+        label: (_ALL_BEHAVIOR_LABELS$ = ALL_BEHAVIOR_LABELS[type]) !== null && _ALL_BEHAVIOR_LABELS$ !== void 0 ? _ALL_BEHAVIOR_LABELS$ : type
+      }]);
+      if (type === 'api_request' && allowApiRequest) {
+        var _apiVal$method, _apiVal$url;
+        var apiVal = _typeof(behavior.value) === 'object' && behavior.value ? behavior.value : {};
+        var updateApi = function updateApi(patch) {
+          return updateAt(idx, {
+            value: _objectSpread(_objectSpread({}, apiVal), patch)
+          });
+        };
+        return /*#__PURE__*/_jsxs("div", {
+          style: {
+            border: '1px solid rgba(31,35,41,0.12)',
+            borderRadius: 8,
+            padding: 10,
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 8,
+            background: '#fafbfc'
+          },
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: styles.cardButtonBehaviorRow,
+            children: [/*#__PURE__*/_jsx(Select, {
+              value: type,
+              options: rowOptions,
+              onChange: function onChange(nextType) {
+                return updateAt(idx, {
+                  type: nextType
+                });
+              }
+            }), /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(Button, {
+              type: "text",
+              className: styles.cardButtonBehaviorRemove,
+              icon: /*#__PURE__*/_jsx(CloseOutlined, {}),
+              onClick: function onClick() {
+                return removeAt(idx);
+              }
+            })]
+          }), /*#__PURE__*/_jsxs("div", {
+            style: {
+              display: 'grid',
+              gridTemplateColumns: '88px 1fr',
+              gap: 8,
+              alignItems: 'center'
+            },
+            children: [/*#__PURE__*/_jsx(Select, {
+              value: (_apiVal$method = apiVal.method) !== null && _apiVal$method !== void 0 ? _apiVal$method : 'POST',
+              options: API_METHOD_OPTIONS,
+              onChange: function onChange(v) {
+                return updateApi({
+                  method: v
+                });
+              }
+            }), /*#__PURE__*/_jsx(Input, {
+              placeholder: "\u8BF7\u6C42 URL\uFF0C\u5982 /api/leave/approve",
+              value: (_apiVal$url = apiVal.url) !== null && _apiVal$url !== void 0 ? _apiVal$url : '',
+              onChange: function onChange(e) {
+                return updateApi({
+                  url: e.target.value
+                });
+              }
+            })]
+          }), function (_bodyConf$value) {
+            var bodyConf = normalizeBody(apiVal.body);
+            var updateBody = function updateBody(patch) {
+              return updateApi({
+                body: _objectSpread(_objectSpread({}, bodyConf), patch)
+              });
+            };
+            return /*#__PURE__*/_jsxs("div", {
+              style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 6
+              },
+              children: [/*#__PURE__*/_jsx("label", {
+                className: styles.cardButtonEventLabel,
+                style: {
+                  margin: 0
+                },
+                children: "\u8BF7\u6C42\u4F53"
+              }), /*#__PURE__*/_jsxs("div", {
+                style: {
+                  display: 'grid',
+                  gridTemplateColumns: '132px minmax(0, 1fr)',
+                  gap: 8,
+                  alignItems: 'center'
+                },
+                children: [/*#__PURE__*/_jsx(Select, {
+                  value: bodyConf.mode,
+                  options: API_BODY_MODE_OPTIONS,
+                  onChange: function onChange(mode) {
+                    return updateBody({
+                      mode: mode
+                    });
+                  }
+                }), bodyConf.mode === 'field' ? /*#__PURE__*/_jsx(Select, {
+                  showSearch: true,
+                  optionFilterProp: "label",
+                  placeholder: "\u9009\u62E9\u5B57\u6BB5",
+                  value: bodyConf.fieldId || undefined,
+                  options: fieldOptions !== null && fieldOptions !== void 0 ? fieldOptions : [],
+                  onChange: function onChange(fieldId) {
+                    return updateBody({
+                      fieldId: fieldId
+                    });
+                  }
+                }) : /*#__PURE__*/_jsx("div", {})]
+              }), bodyConf.mode === 'form' && /*#__PURE__*/_jsx("div", {
+                style: {
+                  color: '#8f959e',
+                  fontSize: 12,
+                  lineHeight: '20px'
+                },
+                children: "\u70B9\u51FB\u65F6\u53D6\u5F53\u524D\u8868\u5355\u5168\u90E8\u6570\u636E\u4F5C\u4E3A\u8BF7\u6C42\u4F53\uFF08GET \u65F6\u4F5C\u4E3A query\uFF09"
+              }), (bodyConf.mode === 'json' || bodyConf.mode === 'template') && /*#__PURE__*/_jsx(Input.TextArea, {
+                placeholder: bodyConf.mode === 'json' ? '请求体 JSON，如 {"id":1}' : '可用 {{字段ID}} 引用字段值，如 {"id":"{{LeaveApplicant}}"}',
+                value: (_bodyConf$value = bodyConf.value) !== null && _bodyConf$value !== void 0 ? _bodyConf$value : '',
+                onChange: function onChange(e) {
+                  return updateBody({
+                    value: e.target.value
+                  });
+                },
+                autoSize: {
+                  minRows: 2,
+                  maxRows: 4
+                }
+              })]
+            });
+          }(), /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx("label", {
+              className: styles.cardButtonEventLabel,
+              style: {
+                marginTop: 4,
+                marginBottom: 6
+              },
+              children: "\u8BF7\u6C42\u6210\u529F\u56DE\u8C03\uFF08onSuccess\uFF09"
+            }), /*#__PURE__*/_jsx(BehaviorList, {
+              behaviors: Array.isArray(behavior.onSuccess) ? behavior.onSuccess : [],
+              onChange: function onChange(next) {
+                return updateAt(idx, {
+                  onSuccess: next
+                });
+              },
+              allowApiRequest: false,
+              linkageFieldOptions: linkageFieldOptions
+            })]
+          }), /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx("label", {
+              className: styles.cardButtonEventLabel,
+              style: {
+                marginTop: 4,
+                marginBottom: 6
+              },
+              children: "\u8BF7\u6C42\u5931\u8D25\u56DE\u8C03\uFF08onError\uFF09"
+            }), /*#__PURE__*/_jsx(BehaviorList, {
+              behaviors: Array.isArray(behavior.onError) ? behavior.onError : [],
+              onChange: function onChange(next) {
+                return updateAt(idx, {
+                  onError: next
+                });
+              },
+              allowApiRequest: false,
+              linkageFieldOptions: linkageFieldOptions
+            })]
+          })]
+        }, idx);
+      }
+      if (type === 'linkage') {
+        var rules = Array.isArray(behavior.value) ? behavior.value : [];
+        return /*#__PURE__*/_jsxs("div", {
+          className: styles.clickLinkageBox,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: styles.cardButtonBehaviorRow,
+            children: [/*#__PURE__*/_jsx(Select, {
+              value: type,
+              options: rowOptions,
+              onChange: function onChange(nextType) {
+                return updateAt(idx, {
+                  type: nextType
+                });
+              }
+            }), /*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(Button, {
+              type: "text",
+              className: styles.cardButtonBehaviorRemove,
+              icon: /*#__PURE__*/_jsx(CloseOutlined, {}),
+              onClick: function onClick() {
+                return removeAt(idx);
+              }
+            })]
+          }), /*#__PURE__*/_jsx(ClickLinkageRules, {
+            rules: rules,
+            fieldOptions: linkageFieldOptions !== null && linkageFieldOptions !== void 0 ? linkageFieldOptions : [],
+            onChange: function onChange(next) {
+              return updateAt(idx, {
+                value: next
+              });
+            }
+          })]
+        }, idx);
+      }
+
+      // 简单类型：单行布局
+      var valueDisabled = type === 'form_submit' || type === 'form_reset';
+      var placeholderType = type === 'api_request' ? 'open_url' : type;
+      return /*#__PURE__*/_jsxs("div", {
+        className: styles.cardButtonBehaviorRow,
+        children: [/*#__PURE__*/_jsx(Select, {
+          value: type,
+          options: rowOptions,
+          onChange: function onChange(nextType) {
+            return updateAt(idx, {
+              type: nextType
+            });
+          }
+        }), /*#__PURE__*/_jsx(Input, {
+          disabled: valueDisabled,
+          placeholder: CARD_BUTTON_BEHAVIOR_PLACEHOLDERS[placeholderType],
+          value: typeof behavior.value === 'string' ? behavior.value : '',
+          onChange: function onChange(e) {
+            return updateAt(idx, {
+              value: e.target.value
+            });
+          }
+        }), /*#__PURE__*/_jsx(Button, {
+          type: "text",
+          className: styles.cardButtonBehaviorRemove,
+          icon: /*#__PURE__*/_jsx(CloseOutlined, {}),
+          onClick: function onClick() {
+            return removeAt(idx);
+          }
+        })]
+      }, idx);
+    }), /*#__PURE__*/_jsx(Button, {
+      block: true,
+      type: "dashed",
+      className: styles.cardButtonBehaviorAdd,
+      icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+      onClick: function onClick() {
+        return addItem(createBlankCardButtonBehavior);
+      },
+      children: "\u6DFB\u52A0\u884C\u4E3A"
+    })]
+  });
+}
+function CardButtonBehaviorsEditor(_ref7) {
+  var _value$hoverTips$cont, _value$hoverTips;
+  var value = _ref7.value,
+    _onChange = _ref7.onChange,
+    flatten = _ref7.flatten,
+    selfId = _ref7.selfId,
+    _ref7$showFormAction = _ref7.showFormAction,
+    showFormAction = _ref7$showFormAction === void 0 ? true : _ref7$showFormAction,
+    _ref7$showHoverTips = _ref7.showHoverTips,
+    showHoverTips = _ref7$showHoverTips === void 0 ? false : _ref7$showHoverTips;
+  var _useStyles4 = useStyles(),
+    styles = _useStyles4.styles;
+  var behaviors = Array.isArray(value === null || value === void 0 ? void 0 : value.behaviors) ? value.behaviors : [];
+  var hoverTips = value !== null && value !== void 0 && value.hoverTips && _typeof(value.hoverTips) === 'object' ? value.hoverTips : undefined;
+  var hoverTipsContent = typeof (value === null || value === void 0 ? void 0 : value.hoverTips) === 'string' ? value.hoverTips : (_value$hoverTips$cont = value === null || value === void 0 || (_value$hoverTips = value.hoverTips) === null || _value$hoverTips === void 0 ? void 0 : _value$hoverTips.content) !== null && _value$hoverTips$cont !== void 0 ? _value$hoverTips$cont : '';
+
+  // 给 api_request body=field 模式提供字段下拉候选
+  var fieldOptions = useMemo(function () {
+    return Object.keys(flatten).filter(function (id) {
+      return id !== selfId && id !== '#';
+    }).map(function (id) {
+      var _flatten$id2;
+      var schema = ((_flatten$id2 = flatten[id]) === null || _flatten$id2 === void 0 ? void 0 : _flatten$id2.schema) || {};
+      var key = getKeyFromUniqueId(schema.$id);
+      return {
+        id: id,
+        key: key,
+        title: schema.title || key
+      };
+    }).filter(function (o) {
+      var _o$key2;
+      return !((_o$key2 = o.key) !== null && _o$key2 !== void 0 && _o$key2.startsWith('_'));
+    }).map(function (o) {
+      return {
+        value: o.id,
+        label: o.title ? "".concat(o.title, " \xB7 ").concat(o.key) : o.key
+      };
+    });
+  }, [flatten, selfId]);
+
+  // behavior=linkage 选目标字段：复用「字段值变化时」的统一候选（label 始终人话）
+  var linkageFieldOptions = useMemo(function () {
+    return buildFieldOptions(flatten, selfId);
+  }, [flatten, selfId]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showFormAction && /*#__PURE__*/_jsxs("div", {
+      className: styles.cardButtonEventField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.cardButtonEventLabel,
+        children: "\u70B9\u51FB\u65F6\u8BBE\u503C"
+      }), /*#__PURE__*/_jsx(AfterActionsEditor, {
+        flatten: flatten,
+        selfId: selfId,
+        value: Array.isArray(value === null || value === void 0 ? void 0 : value.setValues) ? value.setValues : [],
+        onChange: function onChange(next) {
+          return _onChange({
+            setValues: next
+          });
+        },
+        title: "\u70B9\u51FB\u65F6\u8BBE\u503C",
+        hint: "\u70B9\u51FB\u6309\u94AE\u5148\u7ED9\u76EE\u6807\u5B57\u6BB5\u8D4B\u503C\uFF0C\u518D\u6267\u884C\u4E0B\u65B9\u884C\u4E3A\u6570\u7EC4\uFF08\u5982 \u91CD\u7F6E\u8868\u5355 / \u8054\u52A8\uFF09",
+        sourceTypes: ['value', 'clear']
+      })]
+    }), showHoverTips && /*#__PURE__*/_jsxs("div", {
+      className: styles.cardButtonEventField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.cardButtonEventLabel,
+        children: "\u60AC\u6D6E\u63D0\u793A"
+      }), /*#__PURE__*/_jsx(Input, {
+        placeholder: "\u9F20\u6807\u60AC\u6D6E\u65F6\u663E\u793A\u7684\u63D0\u793A",
+        value: hoverTipsContent,
+        onChange: function onChange(e) {
+          return _onChange({
+            hoverTips: _objectSpread(_objectSpread({}, hoverTips || {
+              tag: 'plain_text'
+            }), {}, {
+              content: e.target.value
+            })
+          });
+        }
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.cardButtonEventField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.cardButtonEventLabel,
+        children: "\u884C\u4E3A\u6570\u7EC4"
+      }), /*#__PURE__*/_jsx(BehaviorList, {
+        behaviors: behaviors,
+        onChange: function onChange(next) {
+          return _onChange({
+            behaviors: next
+          });
+        },
+        allowApiRequest: true,
+        fieldOptions: fieldOptions,
+        linkageFieldOptions: linkageFieldOptions
+      })]
+    })]
+  });
+}
+
+/**
+ * 字段「值变化时触发行为」编辑器：直接编辑 schema.onChangeBehaviors（CardButtonBehavior[]），
+ * 复用 BehaviorList。与 cardButton 的区别——它绑 schema 顶层数组、不含 setValues/hoverTips。
+ */
+function OnChangeBehaviorsEditor(_ref8) {
+  var behaviors = _ref8.behaviors,
+    onChange = _ref8.onChange,
+    flatten = _ref8.flatten,
+    selfId = _ref8.selfId;
+  // api_request body=field 模式的字段候选（同 CardButtonBehaviorsEditor）
+  var fieldOptions = useMemo(function () {
+    return Object.keys(flatten).filter(function (id) {
+      return id !== selfId && id !== '#';
+    }).map(function (id) {
+      var _flatten$id3;
+      var schema = ((_flatten$id3 = flatten[id]) === null || _flatten$id3 === void 0 ? void 0 : _flatten$id3.schema) || {};
+      var key = getKeyFromUniqueId(schema.$id);
+      return {
+        id: id,
+        key: key,
+        title: schema.title || key
+      };
+    }).filter(function (o) {
+      var _o$key3;
+      return !((_o$key3 = o.key) !== null && _o$key3 !== void 0 && _o$key3.startsWith('_'));
+    }).map(function (o) {
+      return {
+        value: o.id,
+        label: o.title ? "".concat(o.title, " \xB7 ").concat(o.key) : o.key
+      };
+    });
+  }, [flatten, selfId]);
+  var linkageFieldOptions = useMemo(function () {
+    return buildFieldOptions(flatten, selfId);
+  }, [flatten, selfId]);
+  return /*#__PURE__*/_jsx(BehaviorList, {
+    behaviors: Array.isArray(behaviors) ? behaviors : [],
+    onChange: onChange,
+    allowApiRequest: true,
+    fieldOptions: fieldOptions,
+    linkageFieldOptions: linkageFieldOptions
+  });
+}
+var ACTION_LABELS = {
+  show: '显示',
+  hide: '隐藏',
+  require: '设为必填',
+  disable: '禁用'
+};
+var TRIGGER_LABELS = {
+  always: '值变化时',
+  eq: '值等于',
+  neq: '值不等于'
+};
+function createBlankLinkage() {
+  return {
+    id: "lk_".concat(Math.random().toString(36).slice(2, 8)),
+    target: '',
+    action: 'hide',
+    trigger: 'always'
+  };
+}
+function LinkageEditor(_ref9) {
+  var flatten = _ref9.flatten,
+    selfId = _ref9.selfId,
+    value = _ref9.value,
+    onChange = _ref9.onChange;
+  var _useStyles5 = useStyles(),
+    styles = _useStyles5.styles;
+
+  // 候选目标字段（统一 helper，label 始终人话）
+  var targetOptions = useMemo(function () {
+    return buildFieldOptions(flatten, selfId);
+  }, [flatten, selfId]);
+  var update = function update(idx, patch) {
+    var next = value.map(function (r, i) {
+      return i === idx ? _objectSpread(_objectSpread({}, r), patch) : r;
+    });
+    onChange(next);
+  };
+  var remove = function remove(idx) {
+    onChange(value.filter(function (_, i) {
+      return i !== idx;
+    }));
+  };
+  var add = function add() {
+    return onChange([].concat(_toConsumableArray(value), [createBlankLinkage()]));
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.linkageBody,
+    children: [value.length === 0 && /*#__PURE__*/_jsx("div", {
+      className: styles.linkageEmpty,
+      children: "\u6682\u65E0\u8054\u52A8\u89C4\u5219"
+    }), value.map(function (rule, idx) {
+      var _rule$triggerValue;
+      return /*#__PURE__*/_jsx(React.Fragment, {
+        children: /*#__PURE__*/_jsxs("div", {
+          className: styles.linkageRule,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: styles.linkageLabelRow,
+            children: ["\u89C4\u5219 ", idx + 1]
+          }), /*#__PURE__*/_jsx(Select, {
+            size: "small",
+            placeholder: "\u76EE\u6807\u5B57\u6BB5",
+            value: rule.target || undefined,
+            options: targetOptions,
+            onChange: function onChange(v) {
+              return update(idx, {
+                target: v
+              });
+            },
+            showSearch: true,
+            optionFilterProp: "label",
+            style: {
+              width: '100%'
+            }
+          }), /*#__PURE__*/_jsx(Select, {
+            size: "small",
+            value: rule.action,
+            onChange: function onChange(v) {
+              return update(idx, {
+                action: v
+              });
+            },
+            options: Object.keys(ACTION_LABELS).map(function (k) {
+              return {
+                value: k,
+                label: ACTION_LABELS[k]
+              };
+            }),
+            style: {
+              width: '100%'
+            }
+          }), /*#__PURE__*/_jsx("span", {
+            className: styles.linkageRemove,
+            onClick: function onClick() {
+              return remove(idx);
+            },
+            children: /*#__PURE__*/_jsx(CloseOutlined, {
+              style: {
+                fontSize: 11
+              }
+            })
+          }), /*#__PURE__*/_jsxs("div", {
+            className: styles.linkageCondition,
+            children: [/*#__PURE__*/_jsx(Select, {
+              size: "small",
+              value: rule.trigger,
+              onChange: function onChange(v) {
+                return update(idx, {
+                  trigger: v
+                });
+              },
+              options: Object.keys(TRIGGER_LABELS).map(function (k) {
+                return {
+                  value: k,
+                  label: TRIGGER_LABELS[k]
+                };
+              })
+            }), rule.trigger !== 'always' && /*#__PURE__*/_jsx(Input, {
+              size: "small",
+              placeholder: "\u5BF9\u6BD4\u503C",
+              value: (_rule$triggerValue = rule.triggerValue) !== null && _rule$triggerValue !== void 0 ? _rule$triggerValue : '',
+              onChange: function onChange(e) {
+                return update(idx, {
+                  triggerValue: e.target.value
+                });
+              }
+            })]
+          })]
+        })
+      }, rule.id);
+    }), /*#__PURE__*/_jsxs("span", {
+      className: styles.linkageAddRule,
+      onClick: add,
+      children: [/*#__PURE__*/_jsx(PlusOutlined, {
+        style: {
+          fontSize: 10
+        }
+      }), "\u6DFB\u52A0\u89C4\u5219"]
+    })]
+  });
+}
+
+// ========== 请求成功后赋值编辑器 ==========
+
+var SOURCE_LABELS = {
+  path: '响应路径',
+  value: '固定值',
+  clear: '清空'
+};
+var SOURCE_PLACEHOLDERS = {
+  path: '如 data.user.name',
+  value: '如 default',
+  clear: ''
+};
+function createBlankAfterAction() {
+  return {
+    id: "aa_".concat(Math.random().toString(36).slice(2, 8)),
+    targetField: '',
+    sourceType: 'path',
+    sourcePath: ''
+  };
+}
+function AfterActionsEditor(_ref10) {
+  var flatten = _ref10.flatten,
+    selfId = _ref10.selfId,
+    value = _ref10.value,
+    onChange = _ref10.onChange,
+    _ref10$title = _ref10.title,
+    title = _ref10$title === void 0 ? '请求成功后' : _ref10$title,
+    _ref10$hint = _ref10.hint,
+    hint = _ref10$hint === void 0 ? '把响应里的字段赋值给表单其它字段' : _ref10$hint,
+    sourceTypes = _ref10.sourceTypes;
+  var _useStyles6 = useStyles(),
+    styles = _useStyles6.styles;
+  var srcKeys = sourceTypes !== null && sourceTypes !== void 0 ? sourceTypes : Object.keys(SOURCE_LABELS);
+  var targetOptions = useMemo(function () {
+    return buildFieldOptions(flatten, selfId);
+  }, [flatten, selfId]);
+  var update = function update(idx, patch) {
+    onChange(value.map(function (r, i) {
+      return i === idx ? _objectSpread(_objectSpread({}, r), patch) : r;
+    }));
+  };
+  var remove = function remove(idx) {
+    return onChange(value.filter(function (_, i) {
+      return i !== idx;
+    }));
+  };
+  var add = function add() {
+    var _srcKeys$;
+    var st = (_srcKeys$ = srcKeys[0]) !== null && _srcKeys$ !== void 0 ? _srcKeys$ : 'path';
+    onChange([].concat(_toConsumableArray(value), [_objectSpread(_objectSpread({}, createBlankAfterAction()), {}, {
+      sourceType: st,
+      sourcePath: st === 'path' ? '' : undefined,
+      sourceValue: st === 'value' ? '' : undefined
+    })]));
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.afterSection,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.afterHeader,
+      children: [/*#__PURE__*/_jsx("span", {
+        className: styles.afterTitle,
+        children: title
+      }), /*#__PURE__*/_jsx("span", {
+        className: styles.afterHint,
+        children: hint
+      })]
+    }), value.length === 0 && /*#__PURE__*/_jsx("div", {
+      className: styles.linkageEmpty,
+      children: "\u6682\u65E0\u8D4B\u503C\u89C4\u5219"
+    }), value.map(function (rule, idx) {
+      var _rule$id, _rule$sourcePath2, _rule$sourceValue2;
+      return (
+        /*#__PURE__*/
+        // 手写 schema / onMount 链解析出的规则可能没有 id，退回 idx 兜底。
+        // 两行布局：目标字段独占一行（窄面板下才放得下「标题 (字段名)」），
+        // 第二行 取值方式 + 来源；选中项 hover 有原生 title 提示全文。
+        _jsxs("div", {
+          className: styles.afterRule,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: styles.afterRuleTop,
+            children: [/*#__PURE__*/_jsx(Select, {
+              size: "small",
+              placeholder: "\u76EE\u6807\u5B57\u6BB5",
+              value: rule.targetField || undefined,
+              options: targetOptions,
+              onChange: function onChange(v) {
+                return update(idx, {
+                  targetField: v
+                });
+              },
+              showSearch: true,
+              optionFilterProp: "label"
+            }), /*#__PURE__*/_jsx("span", {
+              className: styles.linkageRemove,
+              onClick: function onClick() {
+                return remove(idx);
+              },
+              children: /*#__PURE__*/_jsx(CloseOutlined, {
+                style: {
+                  fontSize: 11
+                }
+              })
+            })]
+          }), /*#__PURE__*/_jsxs("div", {
+            className: styles.afterRuleBottom,
+            children: [/*#__PURE__*/_jsx(Select, {
+              size: "small",
+              value: rule.sourceType,
+              onChange: function onChange(v) {
+                var _rule$sourcePath, _rule$sourceValue;
+                return update(idx, {
+                  sourceType: v,
+                  sourcePath: v === 'path' ? (_rule$sourcePath = rule.sourcePath) !== null && _rule$sourcePath !== void 0 ? _rule$sourcePath : '' : undefined,
+                  sourceValue: v === 'value' ? (_rule$sourceValue = rule.sourceValue) !== null && _rule$sourceValue !== void 0 ? _rule$sourceValue : '' : undefined
+                });
+              },
+              options: srcKeys.map(function (k) {
+                return {
+                  value: k,
+                  label: SOURCE_LABELS[k]
+                };
+              })
+            }), rule.sourceType !== 'clear' ? /*#__PURE__*/_jsx(Input, {
+              size: "small",
+              placeholder: SOURCE_PLACEHOLDERS[rule.sourceType],
+              value: rule.sourceType === 'path' ? (_rule$sourcePath2 = rule.sourcePath) !== null && _rule$sourcePath2 !== void 0 ? _rule$sourcePath2 : '' : (_rule$sourceValue2 = rule.sourceValue) !== null && _rule$sourceValue2 !== void 0 ? _rule$sourceValue2 : '',
+              onChange: function onChange(e) {
+                return update(idx, rule.sourceType === 'path' ? {
+                  sourcePath: e.target.value
+                } : {
+                  sourceValue: e.target.value
+                });
+              }
+            }) : /*#__PURE__*/_jsx("span", {
+              className: styles.afterClearHint,
+              children: "\u8BBE\u4E3A\u7A7A\u503C"
+            })]
+          })]
+        }, (_rule$id = rule.id) !== null && _rule$id !== void 0 ? _rule$id : idx)
+      );
+    }), /*#__PURE__*/_jsxs("span", {
+      className: styles.linkageAddRule,
+      onClick: add,
+      children: [/*#__PURE__*/_jsx(PlusOutlined, {
+        style: {
+          fontSize: 10
+        }
+      }), "\u6DFB\u52A0\u8D4B\u503C"]
+    })]
+  });
+}
+
+// ========== 远程数据编辑器 ==========
+
+function RemoteDataEditor(_ref11) {
+  var _value$apiUrl, _value$method, _value$headers, _value$responsePath, _value$valueField, _value$labelField;
+  var value = _ref11.value,
+    onChange = _ref11.onChange;
+  var _useStyles7 = useStyles(),
+    styles = _useStyles7.styles;
+  var set = function set(patch) {
+    return onChange(patch);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.remoteEditor,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.remoteSectionLabel,
+      children: "\u63A5\u53E3\u914D\u7F6E"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u63A5\u53E3\u5730\u5740"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "https://api.example.com/options",
+        value: (_value$apiUrl = value.apiUrl) !== null && _value$apiUrl !== void 0 ? _value$apiUrl : '',
+        onChange: function onChange(e) {
+          return set({
+            apiUrl: e.target.value
+          });
+        }
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u8BF7\u6C42\u65B9\u5F0F"
+      }), /*#__PURE__*/_jsxs(Radio.Group, {
+        size: "small",
+        value: (_value$method = value.method) !== null && _value$method !== void 0 ? _value$method : 'GET',
+        onChange: function onChange(e) {
+          return set({
+            method: e.target.value
+          });
+        },
+        children: [/*#__PURE__*/_jsx(Radio, {
+          value: "GET",
+          children: "GET"
+        }), /*#__PURE__*/_jsx(Radio, {
+          value: "POST",
+          children: "POST"
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u81EA\u5B9A\u4E49\u8BF7\u6C42\u5934"
+      }), /*#__PURE__*/_jsx(Input.TextArea, {
+        size: "small",
+        placeholder: "{\"Content-Type\": \"application/json\"}",
+        autoSize: {
+          minRows: 2,
+          maxRows: 4
+        },
+        value: (_value$headers = value.headers) !== null && _value$headers !== void 0 ? _value$headers : '',
+        onChange: function onChange(e) {
+          return set({
+            headers: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.remoteFieldHint,
+        children: ["JSON \u683C\u5F0F\uFF0C\u5982 ", '{"Authorization": "Bearer xxx"}']
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.remoteSectionLabel,
+      style: {
+        marginTop: 14
+      },
+      children: "\u9009\u9879\u6620\u5C04"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u6570\u636E\u8DEF\u5F84"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "\u5982 data.list \u6216 data.options",
+        value: (_value$responsePath = value.responsePath) !== null && _value$responsePath !== void 0 ? _value$responsePath : '',
+        onChange: function onChange(e) {
+          return set({
+            responsePath: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.remoteFieldHint,
+        children: "\u4ECE\u54CD\u5E94 JSON \u4E2D\u53D6\u6570\u7EC4\u7684\u8DEF\u5F84"
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u503C\u5B57\u6BB5"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "\u5982 id \u6216 value",
+        value: (_value$valueField = value.valueField) !== null && _value$valueField !== void 0 ? _value$valueField : '',
+        onChange: function onChange(e) {
+          return set({
+            valueField: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.remoteFieldHint,
+        children: "\u6BCF\u4E2A\u9009\u9879\u7684 value \u6765\u81EA\u54EA\u4E2A\u5B57\u6BB5"
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u6807\u7B7E\u5B57\u6BB5"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "\u5982 name \u6216 label",
+        value: (_value$labelField = value.labelField) !== null && _value$labelField !== void 0 ? _value$labelField : '',
+        onChange: function onChange(e) {
+          return set({
+            labelField: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.remoteFieldHint,
+        children: "\u6BCF\u4E2A\u9009\u9879\u7684\u663E\u793A\u6587\u6848\u6765\u81EA\u54EA\u4E2A\u5B57\u6BB5"
+      })]
+    })]
+  });
+}
+
+// ========== 挂载时请求初始值编辑器 ==========
+
+function InitialValueEditor(_ref12) {
+  var _value$apiUrl2, _value$method2, _value$headers2, _value$responsePath2;
+  var value = _ref12.value,
+    onChange = _ref12.onChange;
+  var _useStyles8 = useStyles(),
+    styles = _useStyles8.styles;
+  var set = function set(patch) {
+    return onChange(patch);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.remoteEditor,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.remoteSectionLabel,
+      children: "\u63A5\u53E3\u914D\u7F6E"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u63A5\u53E3\u5730\u5740"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "https://api.example.com/default-value",
+        value: (_value$apiUrl2 = value.apiUrl) !== null && _value$apiUrl2 !== void 0 ? _value$apiUrl2 : '',
+        onChange: function onChange(e) {
+          return set({
+            apiUrl: e.target.value
+          });
+        }
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u8BF7\u6C42\u65B9\u5F0F"
+      }), /*#__PURE__*/_jsxs(Radio.Group, {
+        size: "small",
+        value: (_value$method2 = value.method) !== null && _value$method2 !== void 0 ? _value$method2 : 'GET',
+        onChange: function onChange(e) {
+          return set({
+            method: e.target.value
+          });
+        },
+        children: [/*#__PURE__*/_jsx(Radio, {
+          value: "GET",
+          children: "GET"
+        }), /*#__PURE__*/_jsx(Radio, {
+          value: "POST",
+          children: "POST"
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u81EA\u5B9A\u4E49\u8BF7\u6C42\u5934"
+      }), /*#__PURE__*/_jsx(Input.TextArea, {
+        size: "small",
+        placeholder: "{\"Content-Type\": \"application/json\"}",
+        autoSize: {
+          minRows: 2,
+          maxRows: 4
+        },
+        value: (_value$headers2 = value.headers) !== null && _value$headers2 !== void 0 ? _value$headers2 : '',
+        onChange: function onChange(e) {
+          return set({
+            headers: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.remoteFieldHint,
+        children: ["JSON \u683C\u5F0F\uFF0C\u5982 ", '{"Authorization": "Bearer xxx"}']
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.remoteSectionLabel,
+      style: {
+        marginTop: 14
+      },
+      children: "\u53D6\u503C\u6620\u5C04"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u53D6\u503C\u8DEF\u5F84"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "\u5982 data.userName\uFF0C\u7559\u7A7A\u4F7F\u7528\u6574\u4E2A\u54CD\u5E94",
+        value: (_value$responsePath2 = value.responsePath) !== null && _value$responsePath2 !== void 0 ? _value$responsePath2 : '',
+        onChange: function onChange(e) {
+          return set({
+            responsePath: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.remoteFieldHint,
+        children: "\u4ECE\u54CD\u5E94\u91CC\u6309\u8DEF\u5F84\u53D6\u503C\uFF0C\u5199\u5165\u672C\u5B57\u6BB5\u4F5C\u4E3A\u521D\u59CB\u503C"
+      })]
+    })]
+  });
+}
+
+// ========== cardRoot 挂载请求编辑器（表单配置 Tab 使用） ==========
+/**
+ * 编辑 cardRoot props.onMount 的简化视图：单条 api_request + onSuccess 单条 set_values。
+ * 手写的更复杂行为链（多请求 / 其它子行为）不在本编辑器表达范围，保存时会覆盖成单链。
+ */
+
+export function parseOnMountChain(onMount) {
+  var _api$onSuccess, _api$value$url, _api$value, _api$value2, _api$value3, _v$responsePath;
+  var api = Array.isArray(onMount) ? onMount.find(function (b) {
+    return (b === null || b === void 0 ? void 0 : b.type) === 'api_request';
+  }) : undefined;
+  var sv = ((_api$onSuccess = api === null || api === void 0 ? void 0 : api.onSuccess) !== null && _api$onSuccess !== void 0 ? _api$onSuccess : []).find(function (b) {
+    return (b === null || b === void 0 ? void 0 : b.type) === 'set_values';
+  });
+  var base = {
+    url: (_api$value$url = api === null || api === void 0 || (_api$value = api.value) === null || _api$value === void 0 ? void 0 : _api$value.url) !== null && _api$value$url !== void 0 ? _api$value$url : '',
+    method: (api === null || api === void 0 || (_api$value2 = api.value) === null || _api$value2 === void 0 ? void 0 : _api$value2.method) === 'POST' ? 'POST' : 'GET',
+    headers: typeof (api === null || api === void 0 || (_api$value3 = api.value) === null || _api$value3 === void 0 ? void 0 : _api$value3.headers) === 'string' ? api.value.headers : ''
+  };
+  var v = sv === null || sv === void 0 ? void 0 : sv.value;
+  if (Array.isArray(v)) {
+    return _objectSpread(_objectSpread({}, base), {}, {
+      fillMode: 'map',
+      responsePath: 'data',
+      rules: v
+    });
+  }
+  return _objectSpread(_objectSpread({}, base), {}, {
+    fillMode: 'spread',
+    responsePath: v && _typeof(v) === 'object' ? (_v$responsePath = v.responsePath) !== null && _v$responsePath !== void 0 ? _v$responsePath : 'data' : 'data',
+    rules: []
+  });
+}
+export function buildOnMountChain(v) {
+  var _v$rules, _v$url, _v$method, _v$headers;
+  var setValuesValue = v.fillMode === 'map' ? (_v$rules = v.rules) !== null && _v$rules !== void 0 ? _v$rules : [] : {
+    mode: 'spread',
+    responsePath: v.responsePath || 'data'
+  };
+  return [{
+    type: 'api_request',
+    value: _objectSpread({
+      url: (_v$url = v.url) !== null && _v$url !== void 0 ? _v$url : '',
+      method: (_v$method = v.method) !== null && _v$method !== void 0 ? _v$method : 'GET'
+    }, (_v$headers = v.headers) !== null && _v$headers !== void 0 && _v$headers.trim() ? {
+      headers: v.headers
+    } : {}),
+    onSuccess: [{
+      type: 'set_values',
+      value: setValuesValue
+    }],
+    onError: []
+  }];
+}
+export function CardRootOnMountEditor(_ref13) {
+  var _value$rules, _value$url, _value$method3, _value$headers3, _value$responsePath3;
+  var value = _ref13.value,
+    onChange = _ref13.onChange,
+    flatten = _ref13.flatten;
+  var _useStyles9 = useStyles(),
+    styles = _useStyles9.styles;
+
+  // schema 真源只存当前回填模式的数据（spread 的路径 或 map 的规则数组），
+  // 切换模式会覆盖另一边 —— 这里在组件内存里缓存两边的最近值，来回切不丢。
+  var lastRules = useRef([]);
+  var lastSpreadPath = useRef('data');
+  if (value.fillMode === 'map' && (_value$rules = value.rules) !== null && _value$rules !== void 0 && _value$rules.length) {
+    lastRules.current = value.rules;
+  }
+  if (value.fillMode === 'spread' && value.responsePath) {
+    lastSpreadPath.current = value.responsePath;
+  }
+  var set = function set(patch) {
+    var _next$rules;
+    var next = _objectSpread(_objectSpread({}, value), patch);
+    // 模式切换：恢复目标模式的缓存配置
+    if (patch.fillMode === 'map' && !((_next$rules = next.rules) !== null && _next$rules !== void 0 && _next$rules.length)) {
+      next.rules = lastRules.current;
+    }
+    if (patch.fillMode === 'spread' && (!next.responsePath || next.responsePath === 'data')) {
+      next.responsePath = lastSpreadPath.current;
+    }
+    onChange(next);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.remoteEditor,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.remoteSectionLabel,
+      children: "\u63A5\u53E3\u914D\u7F6E"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u63A5\u53E3\u5730\u5740"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "/api/leave/detail",
+        value: (_value$url = value.url) !== null && _value$url !== void 0 ? _value$url : '',
+        onChange: function onChange(e) {
+          return set({
+            url: e.target.value
+          });
+        }
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u8BF7\u6C42\u65B9\u5F0F"
+      }), /*#__PURE__*/_jsxs(Radio.Group, {
+        size: "small",
+        value: (_value$method3 = value.method) !== null && _value$method3 !== void 0 ? _value$method3 : 'GET',
+        onChange: function onChange(e) {
+          return set({
+            method: e.target.value
+          });
+        },
+        children: [/*#__PURE__*/_jsx(Radio, {
+          value: "GET",
+          children: "GET"
+        }), /*#__PURE__*/_jsx(Radio, {
+          value: "POST",
+          children: "POST"
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u81EA\u5B9A\u4E49\u8BF7\u6C42\u5934"
+      }), /*#__PURE__*/_jsx(Input.TextArea, {
+        size: "small",
+        placeholder: "{\"Content-Type\": \"application/json\"}",
+        autoSize: {
+          minRows: 2,
+          maxRows: 4
+        },
+        value: (_value$headers3 = value.headers) !== null && _value$headers3 !== void 0 ? _value$headers3 : '',
+        onChange: function onChange(e) {
+          return set({
+            headers: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.remoteFieldHint,
+        children: ["JSON \u683C\u5F0F\uFF0C\u5982 ", '{"Authorization": "Bearer xxx"}', "\uFF0C\u7559\u7A7A\u4E0D\u53D1"]
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.remoteSectionLabel,
+      style: {
+        marginTop: 14
+      },
+      children: "\u56DE\u586B\u65B9\u5F0F"
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.remoteField,
+      children: /*#__PURE__*/_jsxs(Radio.Group, {
+        size: "small",
+        value: value.fillMode,
+        onChange: function onChange(e) {
+          return set({
+            fillMode: e.target.value
+          });
+        },
+        children: [/*#__PURE__*/_jsx(Radio, {
+          value: "spread",
+          children: "\u6574\u4F53\u56DE\u586B"
+        }), /*#__PURE__*/_jsx(Radio, {
+          value: "map",
+          children: "\u6309\u5B57\u6BB5\u6620\u5C04"
+        })]
+      })
+    }), value.fillMode === 'spread' ? /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u53D6\u503C\u8DEF\u5F84"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "data",
+        value: (_value$responsePath3 = value.responsePath) !== null && _value$responsePath3 !== void 0 ? _value$responsePath3 : 'data',
+        onChange: function onChange(e) {
+          return set({
+            responsePath: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.remoteFieldHint,
+        children: "\u54CD\u5E94\u8BE5\u8DEF\u5F84\u5904\u7684\u5BF9\u8C61\u6309\u300C\u5B57\u6BB5\u6807\u8BC6\u300D\u5339\u914D\u56DE\u586B\uFF08\u4E0D\u9650\u5D4C\u5957\u5C42\u7EA7\uFF0Ckey \u987B\u4E0E\u5B57\u6BB5\u6807\u8BC6\u4E00\u81F4\uFF09"
+      })]
+    }) : /*#__PURE__*/_jsx(AfterActionsEditor, {
+      flatten: flatten,
+      selfId: "#",
+      value: Array.isArray(value.rules) ? value.rules : [],
+      onChange: function onChange(rules) {
+        return set({
+          rules: rules
+        });
+      },
+      title: "\u6309\u5B57\u6BB5\u6620\u5C04",
+      hint: "\u76EE\u6807\u5B57\u6BB5 = \u54CD\u5E94\u8DEF\u5F84\u53D6\u503C / \u56FA\u5B9A\u503C / \u6E05\u7A7A"
+    })]
+  });
+}
+
+// ========== 人员列表数据源编辑器 ==========
+
+function PersonListDataSourceEditor(_ref14) {
+  var _value$apiUrl3, _value$method4, _value$headers4, _value$responsePath4, _value$idField, _value$nameField, _value$avatarField;
+  var value = _ref14.value,
+    onChange = _ref14.onChange;
+  var _useStyles10 = useStyles(),
+    styles = _useStyles10.styles;
+  var set = function set(patch) {
+    return onChange(patch);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.remoteEditor,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.remoteSectionLabel,
+      children: "\u63A5\u53E3\u914D\u7F6E"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u63A5\u53E3\u5730\u5740"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "https://api.example.com/project/members",
+        value: (_value$apiUrl3 = value.apiUrl) !== null && _value$apiUrl3 !== void 0 ? _value$apiUrl3 : '',
+        onChange: function onChange(e) {
+          return set({
+            apiUrl: e.target.value
+          });
+        }
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u8BF7\u6C42\u65B9\u5F0F"
+      }), /*#__PURE__*/_jsxs(Radio.Group, {
+        size: "small",
+        value: (_value$method4 = value.method) !== null && _value$method4 !== void 0 ? _value$method4 : 'GET',
+        onChange: function onChange(e) {
+          return set({
+            method: e.target.value
+          });
+        },
+        children: [/*#__PURE__*/_jsx(Radio, {
+          value: "GET",
+          children: "GET"
+        }), /*#__PURE__*/_jsx(Radio, {
+          value: "POST",
+          children: "POST"
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u81EA\u5B9A\u4E49\u8BF7\u6C42\u5934"
+      }), /*#__PURE__*/_jsx(Input.TextArea, {
+        size: "small",
+        placeholder: "{\"Content-Type\": \"application/json\"}",
+        autoSize: {
+          minRows: 2,
+          maxRows: 4
+        },
+        value: (_value$headers4 = value.headers) !== null && _value$headers4 !== void 0 ? _value$headers4 : '',
+        onChange: function onChange(e) {
+          return set({
+            headers: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsxs("div", {
+        className: styles.remoteFieldHint,
+        children: ["JSON \u683C\u5F0F\uFF0C\u5982 ", '{"Authorization": "Bearer xxx"}']
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.remoteSectionLabel,
+      style: {
+        marginTop: 14
+      },
+      children: "\u4EBA\u5458\u6620\u5C04"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u6570\u636E\u8DEF\u5F84"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "\u5982 data.members",
+        value: (_value$responsePath4 = value.responsePath) !== null && _value$responsePath4 !== void 0 ? _value$responsePath4 : '',
+        onChange: function onChange(e) {
+          return set({
+            responsePath: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.remoteFieldHint,
+        children: "\u4ECE\u54CD\u5E94 JSON \u4E2D\u53D6\u4EBA\u5458\u6570\u7EC4"
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u4EBA\u5458 ID \u5B57\u6BB5"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "\u5982 id \u6216 userId\uFF1B\u6570\u7EC4\u4E3A\u5B57\u7B26\u4E32\u65F6\u53EF\u7559\u7A7A",
+        value: (_value$idField = value.idField) !== null && _value$idField !== void 0 ? _value$idField : '',
+        onChange: function onChange(e) {
+          return set({
+            idField: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.remoteFieldHint,
+        children: "\u6BCF\u4E2A\u4EBA\u5458\u9879\u91CC\u7528\u4E8E\u5199\u5165 props.persons[].id \u7684\u5B57\u6BB5\u540D\uFF0CID \u662F\u4EBA\u5458\u89E3\u6790\u952E"
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u59D3\u540D\u5B57\u6BB5"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "\u5982 name \u6216 realName\uFF1B\u4E0D\u8FD4\u56DE\u59D3\u540D\u65F6\u53EF\u7559\u7A7A",
+        value: (_value$nameField = value.nameField) !== null && _value$nameField !== void 0 ? _value$nameField : '',
+        onChange: function onChange(e) {
+          return set({
+            nameField: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.remoteFieldHint,
+        children: "\u8FD4\u56DE\u540E\u5199\u5165 props.persons[].name\uFF0C\u53EF\u76F4\u63A5\u7528\u4E8E\u5C55\u793A\u59D3\u540D"
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.remoteField,
+      children: [/*#__PURE__*/_jsx("label", {
+        className: styles.remoteFieldLabel,
+        children: "\u5934\u50CF\u5B57\u6BB5"
+      }), /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        placeholder: "\u5982 avatar \u6216 avatarUrl\uFF1B\u4E0D\u8FD4\u56DE\u5934\u50CF\u65F6\u53EF\u7559\u7A7A",
+        value: (_value$avatarField = value.avatarField) !== null && _value$avatarField !== void 0 ? _value$avatarField : '',
+        onChange: function onChange(e) {
+          return set({
+            avatarField: e.target.value
+          });
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.remoteFieldHint,
+        children: "\u8FD4\u56DE\u540E\u5199\u5165 props.persons[].avatar\uFF0C\u652F\u6301\u56FE\u7247 URL\u3001data:image \u6216 emoji"
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.remoteSectionLabel,
+      style: {
+        marginTop: 14
+      },
+      children: "\u6570\u636E\u683C\u5F0F"
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.remoteFieldHint,
+      children: "\u63A5\u53E3\u53EF\u4EE5\u8FD4\u56DE\u5E26\u5C55\u793A\u5B57\u6BB5\u7684\u5BF9\u8C61\u6570\u7EC4\uFF0C\u6216\u53EA\u8FD4\u56DE ID \u5B57\u7B26\u4E32\u6570\u7EC4\uFF1A"
+    }), /*#__PURE__*/_jsx("pre", {
+      style: {
+        margin: '6px 0 10px',
+        padding: '8px 10px',
+        background: '#f5f6f7',
+        borderRadius: 6,
+        color: '#1f2329',
+        fontSize: 12,
+        lineHeight: '18px',
+        whiteSpace: 'pre-wrap'
+      },
+      children: "{\n  \"data\": {\n    \"members\": [\n      {\n        \"id\": \"u_001\",\n        \"name\": \"\u5F20\u4E09\",\n        \"avatar\": \"https://example.com/avatar/u_001.png\"\n      },\n      {\n        \"id\": \"u_002\",\n        \"name\": \"\u674E\u56DB\",\n        \"avatar\": \"\uD83D\uDC64\"\n      }\n    ]\n  }\n}"
+    }), /*#__PURE__*/_jsx("pre", {
+      style: {
+        margin: '0 0 10px',
+        padding: '8px 10px',
+        background: '#f5f6f7',
+        borderRadius: 6,
+        color: '#1f2329',
+        fontSize: 12,
+        lineHeight: '18px',
+        whiteSpace: 'pre-wrap'
+      },
+      children: "{\n  \"data\": {\n    \"members\": [\"u_001\", \"u_002\"]\n  }\n}"
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.remoteFieldHint,
+      children: '最终会转换为 props.persons: [{ id: "u_001", name: "张三", avatar: "https://example.com/avatar/u_001.png" }]。name/avatar 可直接用于展示；缺失时由 MentionResolverContext 按 ID 解析。'
+    })]
+  });
+}