@zat-design/sisyphus-react 3.13.18 → 3.13.19-beta.10

package/es/ProForm/components/combination/FormList/components/BlockFields.js

@@ -1,18 +1,17 @@
-import "antd/es/row/style";
-import _Row from "antd/es/row";
 import "antd/es/space/style";
 import _Space from "antd/es/space";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _isFunction from "lodash/isFunction";
-import { jsx as _jsx } from "react/jsx-runtime";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
 import React, { useMemo } from 'react';
+import { isFunction } from 'lodash';
 import classNames from 'classnames';
-import ActionButton from './ActionButton';
-import RenderFields from '../../../render/RenderFields';
-import ProCollapse from '../../../../../ProLayout/components/ProCollapse';
-import { memoWith } from '../utils';
+import ActionButton from "./ActionButton";
+import RenderFields from "../../../render/RenderFields";
+import ProCollapse from "../../../../../ProLayout/components/ProCollapse";
+import { memoWith } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 var MemoRenderFields = /*#__PURE__*/React.memo(RenderFields, memoWith);
-var BlockFields = function BlockFields(props) {
+var BlockFields = props => {
   var title = props.title,
     mode = props.mode,
     index = props.index,
@@ -33,26 +32,29 @@ var BlockFields = function BlockFields(props) {
     towCollapse = props.towCollapse,
     id = props.id,
     diffConfig = props.diffConfig;
-  var _title = useMemo(function () {
-    if (_isFunction(title)) {
+  var _title = useMemo(() => {
+    if (isFunction(title)) {
       var record = form.getFieldValue(namePath);
       return title(record, index, form);
     }
     return title;
   }, [title, index]);
-  var cls = classNames(_defineProperty({}, "pro-form-list-mode-".concat(mode), mode === 'block' || mode === 'line' || mode === 'less'));
-  return _jsx(_Space, {
+  var cls = classNames({
+    [`pro-form-list-mode-${mode}`]: mode === 'block' || mode === 'line' || mode === 'less'
+  });
+  return /*#__PURE__*/_jsx(_Space, {
     direction: "vertical",
     className: cls,
     id: id,
-    children: _jsx(ProCollapse, {
+    children: /*#__PURE__*/_jsx(ProCollapse, {
       title: _title,
       index: index,
-      form: form,
+      form: form
       // namePath={namePath}
+      ,
       level: level,
       towCollapse: towCollapse,
-      extra: actionProps !== false && _jsx(ActionButton, {
+      extra: actionProps !== false && /*#__PURE__*/_jsx(ActionButton, {
         min: min,
         max: max,
         index: index,
@@ -67,9 +69,9 @@ var BlockFields = function BlockFields(props) {
         disabled: disabled,
         isView: isView
       }),
-      children: _jsx(_Row, {
+      children: /*#__PURE__*/_jsx(_Row, {
         gutter: 24,
-        children: _jsx(MemoRenderFields, {
+        children: /*#__PURE__*/_jsx(MemoRenderFields, {
           columns: columns,
           form: form,
           colProps: colProps,

package/es/ProForm/components/combination/FormList/components/BlockTitle.js

@@ -1,7 +1,7 @@
-import _isFunction from "lodash/isFunction";
-import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-var BlockTitle = function BlockTitle(props) {
+import { isFunction } from 'lodash';
+import { jsx as _jsx } from "react/jsx-runtime";
+var BlockTitle = props => {
   var mode = props.mode,
     namePath = props.namePath,
     index = props.index,
@@ -11,17 +11,17 @@ var BlockTitle = function BlockTitle(props) {
     return null;
   }
   if (!title) {
-    return _jsx("div", {});
+    return /*#__PURE__*/_jsx("div", {});
   }
-  if (/*#__PURE__*/React.isValidElement(title)) {
+  if ( /*#__PURE__*/React.isValidElement(title)) {
     return title;
   }
   var titleContent = title;
-  if (_isFunction(title)) {
+  if (isFunction(title)) {
     var record = form.getFieldValue(namePath);
     titleContent = title(record, index, form);
   }
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "pro-form-list-block-title",
     children: titleContent
   });

package/es/ProForm/components/combination/FormList/components/Empty.js

@@ -2,11 +2,13 @@ import "antd/es/button/style";
 import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import EmptyImg from '../../../../../assets/empty.png';
-import locale from '../../../../../locale';
+import EmptyImg from "../../../../../assets/empty.png";
+import locale from "../../../../../locale";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 // 空列表状态
-var Empty = function Empty(_ref) {
+var Empty = _ref => {
   var disabled = _ref.disabled,
     toolbarProps = _ref.toolbarProps,
     operation = _ref.operation,
@@ -14,11 +16,9 @@ var Empty = function Empty(_ref) {
     namePath = _ref.namePath,
     emptyBtnText = _ref.emptyBtnText;
   // 找到type为'add'的配置
-  var addConfig = Array.isArray(toolbarProps) ? toolbarProps.find(function (item) {
-    return item.type === 'add';
-  }) : null;
+  var addConfig = Array.isArray(toolbarProps) ? toolbarProps.find(item => item.type === 'add') : null;
   var handleAddClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _addConfig$onClick;
       var value, data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -32,14 +32,14 @@ var Empty = function Empty(_ref) {
           case 2:
             value = form.getFieldValue(namePath);
             _context.next = 5;
-            return addConfig === null || addConfig === void 0 ? void 0 : (_addConfig$onClick = addConfig.onClick) === null || _addConfig$onClick === void 0 ? void 0 : _addConfig$onClick.call(addConfig, value, {
-              operation: operation,
-              form: form,
-              namePath: namePath
+            return addConfig === null || addConfig === void 0 || (_addConfig$onClick = addConfig.onClick) === null || _addConfig$onClick === void 0 ? void 0 : _addConfig$onClick.call(addConfig, value, {
+              operation,
+              form,
+              namePath
             });
           case 5:
             data = _context.sent;
-            if (!(!(addConfig === null || addConfig === void 0 ? void 0 : addConfig.onClick) || data === true)) {
+            if (!(!(addConfig !== null && addConfig !== void 0 && addConfig.onClick) || data === true)) {
               _context.next = 9;
               break;
             }
@@ -59,21 +59,22 @@ var Empty = function Empty(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+
   // 获取按钮文案
-  var getBtnText = function getBtnText() {
+  var getBtnText = () => {
     return emptyBtnText || (addConfig === null || addConfig === void 0 ? void 0 : addConfig.label) || locale.ProForm.formListActions[6];
   };
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "pro-form-list-empty",
-    children: [_jsx("img", {
+    children: [/*#__PURE__*/_jsx("img", {
       className: "pro-form-list-empty-img",
       src: EmptyImg,
       alt: "Empty"
-    }), _jsx("div", {
+    }), /*#__PURE__*/_jsx("div", {
       className: "pro-form-list-empty-content",
-      children: disabled ? locale.ProForm.noData : _jsxs(_Fragment, {
-        children: [locale.ProForm.noData, !disabled && _jsxs(_Fragment, {
-          children: ["\uFF0C", _jsx(_Button, {
+      children: disabled ? locale.ProForm.noData : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [locale.ProForm.noData, !disabled && /*#__PURE__*/_jsxs(_Fragment, {
+          children: ["\uFF0C", /*#__PURE__*/_jsx(_Button, {
             type: "link",
             onClick: handleAddClick,
             style: {

package/es/ProForm/components/combination/FormList/components/LineFields.js

@@ -1,18 +1,18 @@
 import "antd/es/row/style";
 import _Row from "antd/es/row";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import classNames from 'classnames';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import ProIcon from '../../../../../ProIcon';
-import ActionButton from './ActionButton';
-import RenderFields from '../../../render/RenderFields';
-import { memoWith } from '../utils';
+import ProIcon from "../../../../../ProIcon";
+import ActionButton from "./ActionButton";
+import RenderFields from "../../../render/RenderFields";
+import { memoWith } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var MemoRenderFields = /*#__PURE__*/React.memo(RenderFields, memoWith);
-var LineFields = function LineFields(props) {
+var LineFields = props => {
   var mode = props.mode,
     index = props.index,
     form = props.form,
@@ -34,7 +34,7 @@ var LineFields = function LineFields(props) {
   var isLess = mode === 'less';
   var _useSortable = useSortable({
       id: field.key,
-      disabled: disabled
+      disabled
     }),
     attributes = _useSortable.attributes,
     listeners = _useSortable.listeners,
@@ -43,31 +43,32 @@ var LineFields = function LineFields(props) {
     transition = _useSortable.transition,
     isDragging = _useSortable.isDragging,
     setActivatorNodeRef = _useSortable.setActivatorNodeRef;
-  var classnames = classNames(_defineProperty({
+  var classnames = classNames({
     'pro-form-list': true,
-    'pro-form-list-line': mode === 'line'
-  }, className, !!className));
+    'pro-form-list-line': mode === 'line',
+    [className]: !!className
+  });
   var style = {
     opacity: isDragging ? 0.4 : undefined,
     transform: CSS.Translate.toString(transform),
-    transition: transition
+    transition
   };
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classnames,
     ref: setNodeRef,
     style: style,
     id: id,
-    children: [!disabled && draggable && _jsx("div", _objectSpread(_objectSpread(_objectSpread({}, attributes), listeners), {}, {
+    children: [!disabled && draggable && /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread(_objectSpread({}, attributes), listeners), {}, {
       className: "pro-form-list-drag-handle",
       ref: setActivatorNodeRef,
-      children: _jsx(ProIcon, {
+      children: /*#__PURE__*/_jsx(ProIcon, {
         className: "drag-icon",
         type: "drag",
         buttonIcon: false
       })
-    })), _jsx(_Row, {
+    })), /*#__PURE__*/_jsx(_Row, {
       gutter: isLess ? 0 : 24,
-      children: _jsx(MemoRenderFields, {
+      children: /*#__PURE__*/_jsx(MemoRenderFields, {
         columns: columns,
         form: form,
         colProps: colProps,
@@ -75,7 +76,7 @@ var LineFields = function LineFields(props) {
         isView: isView,
         diffConfig: diffConfig
       })
-    }), actionProps !== false && _jsx(ActionButton, {
+    }), actionProps !== false && /*#__PURE__*/_jsx(ActionButton, {
       min: min,
       max: max,
       index: index,

package/es/ProForm/components/combination/FormList/components/ToolbarButton.js

@@ -1,37 +1,36 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _omit from "lodash/omit";
-import _isFunction from "lodash/isFunction";
+/* eslint-disable react/no-array-index-key */
 var _excluded = ["label", "onClick", "onHandle", "type"],
   _excluded2 = ["onClick", "label"];
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable react/no-array-index-key */
-
 import { PlusOutlined } from '@ant-design/icons';
-import { useMemo } from 'react';
-import locale from '../../../../../locale';
+import { isFunction, omit } from 'lodash';
+import React, { useMemo } from 'react';
+import locale from "../../../../../locale";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var actions = {
   add: {
-    onClick: function onClick(value, _ref) {
+    onClick: (value, _ref) => {
       var operation = _ref.operation;
       operation.add({});
     },
-    label: "".concat(locale.ProForm.formListActions[5]),
-    icon: _jsx(PlusOutlined, {})
+    label: `${locale.ProForm.formListActions[5]}`,
+    // 新增一行
+    icon: /*#__PURE__*/_jsx(PlusOutlined, {})
   }
 };
 var defaultActionProps = [{
   type: 'add'
 }];
 var filterKeys = ['actionType'];
-var ToolbarButton = function ToolbarButton(props) {
+var ToolbarButton = props => {
   var namePath = props.namePath,
     form = props.form,
     operation = props.operation,
@@ -41,25 +40,24 @@ var ToolbarButton = function ToolbarButton(props) {
     max = props.max,
     disabled = props.disabled,
     isView = props.isView;
+
   // 默认显示一个delete
-  var toolbarProps = useMemo(function () {
+  var toolbarProps = useMemo(() => {
     var _props$toolbarProps;
     // 兼容 actionType 和 type
-    var _toolbarProps = (_props$toolbarProps = props.toolbarProps) === null || _props$toolbarProps === void 0 ? void 0 : _props$toolbarProps.map(function (item) {
+    var _toolbarProps = (_props$toolbarProps = props.toolbarProps) === null || _props$toolbarProps === void 0 ? void 0 : _props$toolbarProps.map(item => {
       return _objectSpread(_objectSpread({}, item), {}, {
         // @ts-ignore
         type: item.actionType || item.type
       });
     });
-    if (!(_toolbarProps === null || _toolbarProps === void 0 ? void 0 : _toolbarProps.find(function (item) {
-      return item.type === 'add';
-    }))) {
-      return _toolbarProps ? [].concat(_toConsumableArray(_toolbarProps), defaultActionProps) : defaultActionProps;
+    if (!(_toolbarProps !== null && _toolbarProps !== void 0 && _toolbarProps.find(item => item.type === 'add'))) {
+      return _toolbarProps ? [..._toolbarProps, ...defaultActionProps] : defaultActionProps;
     }
     return _toolbarProps;
   }, [props.toolbarProps]);
   var handleClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(defaultCallback, callback, item) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(defaultCallback, callback, item) {
       var value, data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -67,9 +65,9 @@ var ToolbarButton = function ToolbarButton(props) {
             value = form.getFieldValue(namePath);
             _context.next = 3;
             return callback === null || callback === void 0 ? void 0 : callback(value, {
-              operation: operation,
-              form: form,
-              namePath: namePath
+              operation,
+              form,
+              namePath
             });
           case 3:
             data = _context.sent;
@@ -77,10 +75,10 @@ var ToolbarButton = function ToolbarButton(props) {
               _context.next = 7;
               break;
             }
-            defaultCallback === null || defaultCallback === void 0 ? void 0 : defaultCallback(value, {
-              operation: operation,
-              form: form,
-              namePath: namePath
+            defaultCallback === null || defaultCallback === void 0 || defaultCallback(value, {
+              operation,
+              form,
+              namePath
             });
             return _context.abrupt("return");
           case 7:
@@ -97,24 +95,24 @@ var ToolbarButton = function ToolbarButton(props) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var customClick = function customClick(callback, item) {
+  var customClick = (callback, item) => {
     var value = form.getFieldValue(namePath);
-    callback === null || callback === void 0 ? void 0 : callback(value, {
-      operation: operation,
-      form: form,
-      namePath: namePath
+    callback === null || callback === void 0 || callback(value, {
+      operation,
+      form,
+      namePath
     });
   };
-  return _jsx(_Space, {
+  return /*#__PURE__*/_jsx(_Space, {
     align: "start",
     className: "pro-form-list-toolbar",
-    children: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.map(function (item, index) {
-      if (item.show === false) return _jsx(_Fragment, {});
-      if (_isFunction(item.show) && !item.show(form.getFieldValue(namePath), {
-        namePath: namePath,
-        form: form
+    children: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.map((item, index) => {
+      if (item.show === false) return /*#__PURE__*/_jsx(_Fragment, {});
+      if (isFunction(item.show) && !item.show(form.getFieldValue(namePath), {
+        namePath,
+        form
       })) {
-        return _jsx(_Fragment, {});
+        return /*#__PURE__*/_jsx(_Fragment, {});
       }
       var label = item.label,
         _onClick2 = item.onClick,
@@ -123,7 +121,7 @@ var ToolbarButton = function ToolbarButton(props) {
         rest = _objectWithoutProperties(item, _excluded);
       var _onClick = _onClick2 || onHandle;
       if (type === 'add') {
-        if (disabled || isView) return _jsx(_Fragment, {});
+        if (disabled || isView) return /*#__PURE__*/_jsx(_Fragment, {});
         var _actions$type = actions[type],
           internalOnClick = _actions$type.onClick,
           defaultLabel = _actions$type.label,
@@ -132,21 +130,17 @@ var ToolbarButton = function ToolbarButton(props) {
         if (max && max <= fields.length && type === 'add') {
           return false;
         }
-        return _jsx(_Button, _objectSpread(_objectSpread(_objectSpread({}, actions[type]), _omit(rest, filterKeys)), {}, {
+        return /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread(_objectSpread({}, actions[type]), omit(rest, filterKeys)), {}, {
           type: "link",
-          onClick: function onClick() {
-            return handleClick(internalOnClick, _onClick, item);
-          },
+          onClick: () => handleClick(internalOnClick, _onClick, item),
           children: label || defaultLabel
-        }), "".concat(type).concat(index));
+        }), `${type}${index}`);
       }
-      return _jsx(_Button, _objectSpread(_objectSpread({}, _omit(rest, filterKeys)), {}, {
+      return /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, omit(rest, filterKeys)), {}, {
         type: "link",
-        onClick: function onClick() {
-          return customClick(_onClick2, item);
-        },
+        onClick: () => customClick(_onClick2, item),
         children: label
-      }), "".concat(type).concat(index));
+      }), `${type}${index}`);
     })
   });
 };

package/es/ProForm/components/combination/FormList/index.js

@@ -1,21 +1,21 @@
 import "antd/es/form/style";
 import _Form from "antd/es/form";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _get from "lodash/get";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useImperativeHandle } from 'react';
+import React, { forwardRef, useCallback, useImperativeHandle } from 'react';
 import { DndContext } from '@dnd-kit/core';
+import { get } from 'lodash';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { toArray } from '../../../utils';
-import { namesPathTransform } from './utils';
-import ToolbarButton from './components/ToolbarButton';
-import BlockFields from './components/BlockFields';
-import LineFields from './components/LineFields';
-import Empty from './components/Empty';
-import ProForm from '../../../../ProForm';
-import { useProConfig } from '../../../../ProConfigProvider';
-var FormList = function FormList(props, ref) {
+import { toArray } from "../../../utils";
+import { namesPathTransform } from "./utils";
+import ToolbarButton from "./components/ToolbarButton";
+import BlockFields from "./components/BlockFields";
+import LineFields from "./components/LineFields";
+import Empty from "./components/Empty";
+import ProForm from "../../../../ProForm";
+import { useProConfig } from "../../../../ProConfigProvider";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FormList = (props, ref) => {
   var columns = props.columns,
     min = props.min,
     max = props.max,
@@ -29,11 +29,9 @@ var FormList = function FormList(props, ref) {
     span = _props$span === void 0 ? 8 : _props$span,
     disabled = props.disabled,
     emptyBtnText = props.emptyBtnText;
-  var _fields = fields.map(function (item) {
-    return _objectSpread(_objectSpread({}, item), {}, {
-      key: String(item.key)
-    });
-  });
+  var _fields = fields.map(item => _objectSpread(_objectSpread({}, item), {}, {
+    key: String(item.key)
+  }));
   var _ref = ProForm.useFieldProps() || {},
     form = _ref.form,
     name = _ref.name,
@@ -43,63 +41,57 @@ var FormList = function FormList(props, ref) {
     isDiffAll = _useProConfig.isDiffAll;
   var errors = meta.errors;
   var _namePath = toArray(name);
-  var orgValues = _get(diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalValues, name);
+  var orgValues = get(diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalValues, name);
   var _diffConfig = _objectSpread(_objectSpread({}, diffConfig), {}, {
-    originalValues: (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalValues) && isDiffAll ? orgValues || [] : orgValues
+    originalValues: diffConfig !== null && diffConfig !== void 0 && diffConfig.originalValues && isDiffAll ? orgValues || [] : orgValues
   });
-  var processColumns = useCallback(function (fieldName, namePath) {
-    return columns.map(function (item) {
+  var processColumns = useCallback((fieldName, namePath) => {
+    return columns.map(item => {
       // names的name处理
       var _name = Array.isArray(item === null || item === void 0 ? void 0 : item.names) ? [fieldName, namesPathTransform({
         names: item === null || item === void 0 ? void 0 : item.names,
         prefixNamePath: namePath,
         type: item.type
-      })] : [fieldName].concat(_toConsumableArray(toArray(item.name)));
+      })] : [fieldName, ...toArray(item.name)];
       var column = _objectSpread(_objectSpread({}, item), {}, {
         name: _name,
-        names: (item === null || item === void 0 ? void 0 : item.names) ? item.names.map(function (nameItem) {
+        names: item !== null && item !== void 0 && item.names ? item.names.map(nameItem => {
           // 传给Group的names会被渲染成真实FormItem 不能传完整name
-          return [].concat(_toConsumableArray(namePath), _toConsumableArray(toArray(nameItem)));
+          return [...namePath, ...toArray(nameItem)];
         }) : item.names,
         index: fieldName,
-        namePath: namePath,
-        listName: [].concat(_toConsumableArray(namePath), [item.name]),
+        namePath,
+        listName: [...namePath, item.name],
         label: mode === 'less' ? undefined : item.label
       });
       return column;
     });
   }, [columns]);
-  useImperativeHandle(ref, function () {
+  useImperativeHandle(ref, () => {
     return {
-      operation: operation
+      operation
     };
   });
-  var handleDragEnd = function handleDragEnd(drag) {
+  var handleDragEnd = drag => {
     var active = drag.active,
       over = drag.over;
     if (_fields.length > 1 && active.id !== over.id) {
-      var activeIndex = _fields.findIndex(function (item) {
-        return item.key === active.id;
-      });
-      var overIndex = _fields.findIndex(function (item) {
-        return item.key === over.id;
-      });
+      var activeIndex = _fields.findIndex(item => item.key === active.id);
+      var overIndex = _fields.findIndex(item => item.key === over.id);
       props.operation.move(activeIndex, overIndex);
     }
   };
-  return _jsx(DndContext, {
+  return /*#__PURE__*/_jsx(DndContext, {
     onDragEnd: handleDragEnd,
-    children: _jsxs(SortableContext, {
-      items: _fields.map(function (item) {
-        return {
-          id: item.key
-        };
-      }),
+    children: /*#__PURE__*/_jsxs(SortableContext, {
+      items: _fields.map(item => ({
+        id: item.key
+      })),
       strategy: verticalListSortingStrategy,
-      children: [_fields.map(function (field, index) {
-        var namePath = [].concat(_toConsumableArray(_namePath), [field.name]);
+      children: [_fields.map((field, index) => {
+        var namePath = [..._namePath, field.name];
         var _columns = processColumns(index, namePath);
-        return mode === 'block' ? _jsx(BlockFields, _objectSpread(_objectSpread({}, props), {}, {
+        return mode === 'block' ? /*#__PURE__*/_jsx(BlockFields, _objectSpread(_objectSpread({}, props), {}, {
           columns: _columns,
           disabled: disabled,
           isView: isView,
@@ -107,11 +99,11 @@ var FormList = function FormList(props, ref) {
           index: index,
           field: field,
           colProps: {
-            span: span
+            span
           },
           form: form,
           diffConfig: _diffConfig
-        }), field.key) : _jsx(LineFields, _objectSpread(_objectSpread({
+        }), field.key) : /*#__PURE__*/_jsx(LineFields, _objectSpread(_objectSpread({
           className: _fields.length === index + 1 ? 'pro-form-list-last' : ''
         }, props), {}, {
           mode: mode,
@@ -127,16 +119,16 @@ var FormList = function FormList(props, ref) {
           form: form,
           diffConfig: _diffConfig
         }), field.key);
-      }), _fields.length === 0 && _jsx(Empty, {
+      }), _fields.length === 0 && /*#__PURE__*/_jsx(Empty, {
         disabled: disabled,
         toolbarProps: toolbarProps,
         operation: operation,
         form: form,
         namePath: _namePath,
         emptyBtnText: emptyBtnText
-      }), _jsx(_Form.ErrorList, {
+      }), /*#__PURE__*/_jsx(_Form.ErrorList, {
         errors: errors
-      }), toolbarProps !== false && _fields.length > 0 && _jsx(ToolbarButton, {
+      }), toolbarProps !== false && _fields.length > 0 && /*#__PURE__*/_jsx(ToolbarButton, {
         disabled: disabled,
         isView: isView,
         min: min,