@4399ywkf/design 2.1.0 → 2.1.1

package/dist/FormDesigner/components/Canvas/core/style.d.ts

@@ -0,0 +1,12 @@
+declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    fieldWrapper: import("antd-style").SerializedStyles;
+    selectedFieldWrapper: import("antd-style").SerializedStyles;
+    rootCardWrapper: import("antd-style").SerializedStyles;
+    rootCardSelected: import("antd-style").SerializedStyles;
+    rootCardChip: import("antd-style").SerializedStyles;
+    pointerWrapper: import("antd-style").SerializedStyles;
+    typeBadge: import("antd-style").SerializedStyles;
+    pointer: import("antd-style").SerializedStyles;
+    pointerDanger: import("antd-style").SerializedStyles;
+}>;
+export default useStyles;

package/dist/FormDesigner/components/Canvas/core/style.js

@@ -0,0 +1,24 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    fieldWrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    /* \u98DE\u4E66\u98CE\u683C\u7D27\u51D1\u5E03\u5C40\uFF1A\u5185\u8FB9\u8DDD\u538B\u5230\u63A5\u8FD1 0\uFF0Chover/\u9009\u4E2D\u8FB9\u6846\u4E0D\u518D\u9760\u5B9E\u4F53\n       border + padding \u8BA9\u4F4D\uFF0C\u6539\u7531\u4E0B\u9762\u7684 ::after overlay \u63CF\u8FB9\u627F\u62C5 */\n    padding: 2px 2px 0;\n    border-radius: 6px;\n    margin: 0 0 2px 0;\n    cursor: default;\n\n    &::-webkit-scrollbar {\n      width: 5px;\n      background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: rgba(0, 0, 0, 0.06);\n      border-radius: 5px;\n    }\n\n    /* overlay \u63CF\u8FB9\uFF1A\u7EDD\u5BF9\u5B9A\u4F4D\u3001inset:-1 \u753B\u5728\u76D2\u5B50\u5916\u4FA7\u3001pointer-events:none\n       \u4E0D\u5360\u5E03\u5C40\u4E5F\u4E0D\u6321\u70B9\u51FB\uFF1Bhover/\u9009\u4E2D\u53EA\u67D3\u8272\u8FD9\u5C42\uFF0Cpadding \u56E0\u6B64\u53EF\u5F52\u96F6 */\n    &::after {\n      content: '';\n      position: absolute;\n      inset: -1px;\n      border: 1px solid transparent;\n      border-radius: 6px;\n      pointer-events: none;\n      transition: border-color 0.15s ease;\n      z-index: 2;\n    }\n\n    .dnd-container > & {\n      margin: 0;\n    }\n\n    .fr-generator-container .dnd-container > & > div.fr-field {\n      margin: 0;\n    }\n\n    &:hover::after {\n      border-color: #dee0e3;\n    }\n  "]))),
+    selectedFieldWrapper: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    &::after {\n      border-color: #3370ff !important;\n      box-shadow: 0 0 0 1px #3370ff;\n    }\n  "]))),
+    /* 卡片根节点（cardRoot）专用：hover 时显示蓝色虚边强化可点反馈，
+       让用户知道整个卡片是一个独立选区 */
+    rootCardWrapper: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    &:hover {\n      box-shadow:\n        0 0 0 1px rgba(51, 112, 255, 0.45),\n        0 1px 3px rgba(0, 0, 0, 0.06),\n        0 1px 2px rgba(0, 0, 0, 0.04);\n    }\n  "]))),
+    rootCardSelected: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    box-shadow:\n      0 0 0 2px #3370ff,\n      0 1px 3px rgba(0, 0, 0, 0.06) !important;\n  "]))),
+    /* 卡片根节点左上角的「📄 卡片」chip — 永久可见的入口，
+       单击即选中 root，免去用户找 padding 空隙 */
+    rootCardChip: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    position: absolute;\n    top: -12px;\n    left: 16px;\n    z-index: 10;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    height: 22px;\n    padding: 0 8px;\n    border-radius: 11px;\n    background: #3370ff;\n    color: #fff;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 1;\n    cursor: pointer;\n    user-select: none;\n    box-shadow: 0 2px 6px rgba(51, 112, 255, 0.3);\n    transition: background-color 0.12s, transform 0.12s;\n\n    &:hover {\n      background: #5588ff;\n      transform: translateY(-1px);\n    }\n  "]))),
+    /* 飞书风格悬浮工具条：贴在卡片左上方、白底圆角、内含类型徽章 + 操作图标 */
+    pointerWrapper: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 20;\n    top: -32px;\n    left: -1px;\n    height: 28px;\n    border-radius: 6px;\n    background: #fff;\n    border: 1px solid #dee0e3;\n    box-shadow: 0 2px 8px rgba(31, 35, 41, 0.08);\n    display: flex;\n    align-items: center;\n    padding: 2px;\n    gap: 1px;\n  "]))),
+    /* 类型徽章 — 浅色 chip，承载字段类型 + 拖拽手柄语义 */
+    typeBadge: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 24px;\n    padding: 0 8px;\n    margin-right: 2px;\n    border-radius: 4px;\n    background: rgba(51, 112, 255, 0.08);\n    color: #3370ff;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 1;\n    cursor: move;\n    white-space: nowrap;\n    max-width: 160px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    user-select: none;\n    transition: background-color 0.12s;\n\n    &:hover {\n      background: rgba(51, 112, 255, 0.14);\n    }\n\n    .anticon {\n      font-size: 12px;\n      flex-shrink: 0;\n    }\n\n    > span {\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  "]))),
+    pointer: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    min-width: 24px;\n    height: 24px;\n    padding: 0 6px;\n    border-radius: 4px;\n    font-size: 13px;\n    color: #646a73;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background-color 0.12s, color 0.12s;\n\n    &:hover {\n      background-color: rgba(51, 112, 255, 0.08);\n      color: #3370ff;\n    }\n  "]))),
+    pointerDanger: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    &:hover {\n      background-color: rgba(245, 74, 69, 0.08) !important;\n      color: #f54a45 !important;\n    }\n  "])))
+  };
+});
+export default useStyles;

package/dist/FormDesigner/components/Canvas/index.d.ts

@@ -0,0 +1,4 @@
+declare const Canvas: ({ onSelect }: {
+    onSelect?: ((schema: any) => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Canvas;

package/dist/FormDesigner/components/Canvas/index.js

@@ -0,0 +1,276 @@
+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 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); }
+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 _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 _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 _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; }
+import { ClearOutlined, DesktopOutlined, EditOutlined, ExportOutlined, EyeOutlined, ImportOutlined } from '@ant-design/icons';
+import { Button, Input, Modal, Tooltip, message } from 'antd';
+import copyTOClipboard from 'copy-text-to-clipboard';
+import React, { useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { openFormPreview } from "../../../FormRender/openPreview";
+import { idToSchema, isObject, looseJsonParse, schemaToState } from "../../utils";
+import { useGlobal, useSet, useStore } from "../../utils/hooks";
+import FR from "./core";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var TextArea = Input.TextArea;
+var Canvas = function Canvas(_ref) {
+  var onSelect = _ref.onSelect;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var setGlobal = useGlobal();
+  var _useStore = useStore(),
+    userProps = _useStore.userProps,
+    displaySchema = _useStore.displaySchema,
+    displaySchemaString = _useStore.displaySchemaString,
+    preview = _useStore.preview,
+    selected = _useStore.selected,
+    flatten = _useStore.flatten,
+    onChange = _useStore.onChange,
+    onSchemaChange = _useStore.onSchemaChange;
+  var _useSet = useSet({
+      showModal: false,
+      showModal2: false,
+      schemaForImport: ''
+    }),
+    _useSet2 = _slicedToArray(_useSet, 2),
+    local = _useSet2[0],
+    setState = _useSet2[1];
+  var transformer = userProps.transformer,
+    _userProps$extraButto = userProps.extraButtons,
+    extraButtons = _userProps$extraButto === void 0 ? [] : _userProps$extraButto,
+    previewUrl = userProps.previewUrl;
+  var toggleModal = function toggleModal() {
+    return setState({
+      showModal: !local.showModal
+    });
+  };
+  var toggleModal2 = function toggleModal2() {
+    return setState({
+      showModal2: !local.showModal2
+    });
+  };
+  var onTextareaChange = function onTextareaChange(e) {
+    setState({
+      schemaForImport: e.target.value
+    });
+  };
+  var importSchema = function importSchema() {
+    try {
+      var value = transformer.from(looseJsonParse(local.schemaForImport));
+      setGlobal(function () {
+        return _objectSpread({
+          selected: undefined
+        }, schemaToState(value));
+      });
+      onChange(value.formData || {});
+      onSchemaChange(value);
+    } catch (error) {
+      console.error(error, 'catch');
+      message.info(t('格式不对哦，请重新尝试'));
+    }
+    toggleModal2();
+  };
+  var copySchema = function copySchema() {
+    copyTOClipboard(displaySchemaString);
+    message.info(t('复制成功'));
+    toggleModal();
+  };
+
+  // R18：导出补全——下载为 .json 文件（与复制并列，内容同为可被 FormRender 消费的 schema）
+  var downloadSchema = function downloadSchema() {
+    try {
+      var blob = new Blob([displaySchemaString], {
+        type: 'application/json'
+      });
+      var url = URL.createObjectURL(blob);
+      var a = document.createElement('a');
+      a.href = url;
+      a.download = 'form-schema.json';
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+      message.success('已下载 form-schema.json');
+    } catch (e) {
+      message.error('下载失败');
+    }
+  };
+  var clearSchema = function clearSchema() {
+    var schema = {
+      type: 'object',
+      properties: {}
+    };
+    var nextState = schemaToState(schema);
+    // Clear frProps too; card root widget/style/props are stored there.
+    setGlobal(_objectSpread(_objectSpread({}, nextState), {}, {
+      frProps: {},
+      formData: {},
+      selected: undefined
+    }));
+    onChange({});
+    onSchemaChange(schema);
+  };
+  useEffect(function () {
+    if (!onSelect) return;
+    onSelect(idToSchema(flatten, selected));
+  }, [selected]);
+  var _extraButtons = Array.isArray(extraButtons) ? extraButtons : [];
+  var _showDefaultBtns = _extraButtons.filter(function (item) {
+    return !isObject(item);
+  });
+  var _extraBtns = _extraButtons.filter(function (item) {
+    return isObject(item);
+  });
+  var getDefaultBtnText = function getDefaultBtnText(text, defaultText, index) {
+    if (typeof index === 'number') {
+      if (Array.isArray(text)) return text[index];
+      return defaultText[index];
+    }
+    if (typeof text === 'string') return text;
+    return defaultText;
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "mid-layout",
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8,
+        padding: '8px 12px',
+        borderBottom: '1px solid #dee0e3',
+        flexShrink: 0
+      },
+      children: [_showDefaultBtns[0] !== false && /*#__PURE__*/_jsx(Tooltip, {
+        title: preview ? t('开始编辑') : t('最终展示'),
+        children: /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          type: preview ? 'default' : 'primary',
+          icon: preview ? /*#__PURE__*/_jsx(EditOutlined, {}) : /*#__PURE__*/_jsx(DesktopOutlined, {}),
+          onClick: function onClick() {
+            setGlobal({
+              selected: '#',
+              preview: !preview
+            });
+          },
+          children: getDefaultBtnText(_showDefaultBtns[0], [t('编辑'), t('预览')], Number(!preview))
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          flex: 1
+        }
+      }), _showDefaultBtns[1] !== false && /*#__PURE__*/_jsx(Tooltip, {
+        title: t('清空'),
+        children: /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          icon: /*#__PURE__*/_jsx(ClearOutlined, {}),
+          onClick: clearSchema
+        })
+      }), _showDefaultBtns[2] !== false && /*#__PURE__*/_jsx(Tooltip, {
+        title: t('导入'),
+        children: /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          icon: /*#__PURE__*/_jsx(ImportOutlined, {}),
+          onClick: toggleModal2
+        })
+      }), /*#__PURE__*/_jsx(Tooltip, {
+        title: t('在新标签预览并验证表单'),
+        children: /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          icon: /*#__PURE__*/_jsx(EyeOutlined, {}),
+          onClick: function onClick() {
+            return openFormPreview(displaySchema, previewUrl);
+          },
+          children: t('预览验证')
+        })
+      }), _showDefaultBtns[3] !== false && /*#__PURE__*/_jsx(Tooltip, {
+        title: t('导出 Schema'),
+        children: /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          type: "primary",
+          icon: /*#__PURE__*/_jsx(ExportOutlined, {}),
+          onClick: toggleModal,
+          children: getDefaultBtnText(_showDefaultBtns[3], t('导出'))
+        })
+      }), _extraBtns.map(function (item, idx) {
+        return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          size: "small"
+        }, item), {}, {
+          children: item.text || item.children
+        }), idx.toString());
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "dnd-container ".concat(preview ? 'preview' : 'edit'),
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          height: preview ? 33 : 0
+        }
+      }), /*#__PURE__*/_jsx(FR, {
+        preview: preview,
+        displaySchema: displaySchema
+      })]
+    }), /*#__PURE__*/_jsx(Modal, {
+      open: local.showModal,
+      onCancel: toggleModal,
+      footer: [/*#__PURE__*/_jsx(Button, {
+        onClick: toggleModal,
+        children: t('取消')
+      }, "cancel"), /*#__PURE__*/_jsx(Button, {
+        icon: /*#__PURE__*/_jsx(ExportOutlined, {}),
+        onClick: downloadSchema,
+        children: t('下载 JSON')
+      }, "download"), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: copySchema,
+        children: t('复制')
+      }, "copy")],
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          marginTop: 24
+        },
+        children: /*#__PURE__*/_jsx(TextArea, {
+          style: {
+            fontSize: 12
+          },
+          value: displaySchemaString,
+          autoSize: {
+            minRows: 10,
+            maxRows: 30
+          }
+        })
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      open: local.showModal2,
+      okText: t('导入'),
+      cancelText: t('取消'),
+      onOk: importSchema,
+      onCancel: toggleModal2,
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          marginTop: 24
+        },
+        children: /*#__PURE__*/_jsx(TextArea, {
+          style: {
+            fontSize: 12
+          },
+          value: local.schemaForImport,
+          placeholder: t('贴入需要导入的schema，模样可点击导出schema参考'),
+          onChange: onTextareaChange,
+          autoSize: {
+            minRows: 10,
+            maxRows: 30
+          }
+        })
+      })
+    })]
+  });
+};
+export default Canvas;

package/dist/FormDesigner/components/Settings/GlobalSettings.d.ts

@@ -0,0 +1,3 @@
+export default function GlobalSettings({ widgets }: {
+    widgets?: Record<string, any>;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,71 @@
+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 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); }
+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 _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 _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 _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; }
+import React, { useEffect, useState } from 'react';
+import FormRender from "../../../FormRender";
+import useForm from "../../../FormRender/models/useForm";
+import { defaultGlobalSettings } from "../../settings";
+import { useGlobal, useStore } from "../../utils/hooks";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function GlobalSettings(_ref) {
+  var widgets = _ref.widgets;
+  var form = useForm();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerUpdate = _useState2[0],
+    setInnerUpdate = _useState2[1];
+  var _useStore = useStore(),
+    globalWidgets = _useStore.widgets,
+    frProps = _useStore.frProps,
+    _useStore$userProps = _useStore.userProps,
+    userProps = _useStore$userProps === void 0 ? {} : _useStore$userProps,
+    mapping = _useStore.mapping;
+  var setGlobal = useGlobal();
+  var globalSettings = userProps.globalSettings || defaultGlobalSettings;
+  var onDataChange = function onDataChange(value) {
+    setInnerUpdate(!!Object.keys(value).length);
+    setGlobal({
+      frProps: value
+    });
+  };
+  useEffect(function () {
+    if (innerUpdate) {
+      setInnerUpdate(false);
+    } else {
+      form.setValues(frProps);
+    }
+  }, [frProps]);
+  useEffect(function () {
+    setGlobal({
+      settingsForm: form
+    });
+  }, []);
+
+  // cardRoot 的 props.onMount 编辑器已迁到「组件配置 → 事件」Tab（选中根节点时显示）。
+  // 此处只保留通用全局设置（布局/标签宽度等）。
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      padding: '4px 0'
+    },
+    children: /*#__PURE__*/_jsx(FormRender, {
+      form: form,
+      schema: globalSettings,
+      watch: {
+        '#': function _(v) {
+          return onDataChange(v);
+        }
+      },
+      widgets: _objectSpread(_objectSpread({}, globalWidgets), widgets),
+      mapping: mapping
+    })
+  });
+}

package/dist/FormDesigner/components/Settings/ItemSettings.d.ts

@@ -0,0 +1,33 @@
+export default function ItemSettings({ widgets, subTabKey, }: {
+    widgets?: Record<string, any>;
+    subTabKey?: string;
+}): import("react/jsx-runtime").JSX.Element;
+type AfterSourceType = 'path' | 'value' | 'clear';
+export interface AfterAction {
+    id: string;
+    targetField: string;
+    sourceType: AfterSourceType;
+    sourcePath?: string;
+    sourceValue?: string;
+}
+/**
+ * 编辑 cardRoot props.onMount 的简化视图：单条 api_request + onSuccess 单条 set_values。
+ * 手写的更复杂行为链（多请求 / 其它子行为）不在本编辑器表达范围，保存时会覆盖成单链。
+ */
+export interface CardRootOnMountValue {
+    url?: string;
+    method?: 'GET' | 'POST';
+    headers?: string;
+    /** spread = 整体回填（按 key 写同名字段）；map = 按字段映射（规则数组） */
+    fillMode: 'spread' | 'map';
+    responsePath?: string;
+    rules?: AfterAction[];
+}
+export declare function parseOnMountChain(onMount: any): CardRootOnMountValue;
+export declare function buildOnMountChain(v: CardRootOnMountValue): any[];
+export declare function CardRootOnMountEditor({ value, onChange, flatten, }: {
+    value: CardRootOnMountValue;
+    onChange: (next: CardRootOnMountValue) => void;
+    flatten: Record<string, any>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};