@zat-design/sisyphus-react 3.13.19-beta.6 → 3.13.19-beta.8

package/lib/old/ProEditableTable/index.js

@@ -1,42 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/table/style");
-var _table = _interopRequireDefault(require("antd/es/table"));
 require("antd/es/config-provider/style");
 var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/popconfirm/style");
-var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
+require("antd/es/table/style");
+var _table = _interopRequireDefault(require("antd/es/table"));
 require("antd/es/space/style");
 var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/popconfirm/style");
+var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 require("antd/es/message/style");
 var _message2 = _interopRequireDefault(require("antd/es/message"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 require("antd/es/form/style");
 var _form = _interopRequireDefault(require("antd/es/form"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
 var _ahooks = require("ahooks");
-var _react = require("react");
+var _lodash = require("lodash");
+var _react = _interopRequireWildcard(require("react"));
 var _empty = _interopRequireDefault(require("../../assets/empty.png"));
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["form", "dataSource", "setDataSource", "columns", "actionRef", "addButtonProps", "pagination", "editType", "onlyOneLineEditorAlertMessage", "noSaveAlertMessage", "mulDeletePoconfirmMsg", "name", "disabled", "formProps"],
-  _excluded2 = ["isCanAdd", "isCanMultipleDelete", "multipleDeleteModalProps", "position", "buttonText", "emptyButtonText", "insertType", "onlyAddOneLineAlertMessage"];
-// 1、保证再去取dataSource数据纯净 table里面用list进行处理
-var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  _excluded2 = ["isCanAdd", "isCanMultipleDelete", "multipleDeleteModalProps", "position", "buttonText", "emptyButtonText", "insertType", "onlyAddOneLineAlertMessage"]; // 1、保证再去取dataSource数据纯净 table里面用list进行处理
+var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   var originForm = props.form,
     dataSource = props.dataSource,
     setDataSource = props.setDataSource,
@@ -57,6 +55,7 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   var _Form$useForm = _form.default.useForm(originForm),
     _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
     form = _Form$useForm2[0];
+
   // table实例
   var tableRef = (0, _react.useRef)();
   var _useState = (0, _react.useState)(dataSource),
@@ -93,12 +92,11 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     _ref$onlyAddOneLineAl = _ref.onlyAddOneLineAlertMessage,
     onlyAddOneLineAlertMessage = _ref$onlyAddOneLineAl === void 0 ? '只能新增一行' : _ref$onlyAddOneLineAl,
     antButtonProps = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+
   // 获取key
-  var getRowKey = function getRowKey(record) {
-    return record.rowKey;
-  };
+  var getRowKey = record => record.rowKey;
   var rowSelection = {
-    onChange: function onChange(selectedRowKeys, selectedRows) {
+    onChange: (selectedRowKeys, selectedRows) => {
       setSelectedRows(selectedRows);
       setSelectedRowKeys(selectedRowKeys);
     }
@@ -106,85 +104,86 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     //   disabled: !getRowKey(record) || String(getRowKey(record)).startsWith('&&'), // 新增的虚拟行不可选中
     // }),
   };
+
   /**
    * 监听行数据变化同步list
    * @param {number} rowIndex 修改行的index
    * @param {any} values 需要更新的数据
    * @returns {promise}
    */
-  var onUpdateRowData = function onUpdateRowData(rowIndex, values) {
-    var nextList = (0, _cloneDeep2.default)(list);
+  var onUpdateRowData = (rowIndex, values) => {
+    var nextList = (0, _lodash.cloneDeep)(list);
     nextList[rowIndex] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextList[rowIndex]), values);
-    setDataSource ? setDataSource(nextList) : setList((0, _toConsumableArray2.default)(nextList));
+    setDataSource ? setDataSource(nextList) : setList([...nextList]);
     return Promise.resolve({
-      rowIndex: rowIndex,
-      nextList: nextList,
+      rowIndex,
+      nextList,
       list: (0, _utils.formatList)(nextList),
       rowData: nextList[rowIndex]
     });
   };
-  var handleMulResetForm = function handleMulResetForm() {
+  var handleMulResetForm = () => {
     var values = form.getFieldsValue();
     var tempValues = {};
-    Object.keys(values).forEach(function (index) {
+    Object.keys(values).forEach(index => {
       tempValues[+index + 1] = values[index];
     });
     form.resetFields([0]);
     form.setFieldsValue((0, _objectSpread2.default)({}, tempValues));
   };
+
   /**
    * 新增行
    * @param {IRowDataPropsType} rowData 初始化数据
    * @param {IAddOptionsPropsType} options 新增配置选项
    * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
    */
-  var onAdd = function onAdd(rowData) {
+  var onAdd = rowData => {
     if (isSingle) {
       var _list$filter;
-      var isOneEditing = ((_list$filter = list.filter(function (item) {
-        return item.editable;
-      })) === null || _list$filter === void 0 ? void 0 : _list$filter.length) >= 1;
+      var isOneEditing = ((_list$filter = list.filter(item => item.editable)) === null || _list$filter === void 0 ? void 0 : _list$filter.length) >= 1;
       if (isOneEditing) {
         _message2.default.warning(onlyAddOneLineAlertMessage);
         return Promise.reject(onlyAddOneLineAlertMessage);
       }
     }
     var rowIndex = 0;
-    var nextList = (0, _cloneDeep2.default)(list);
+    var nextList = (0, _lodash.cloneDeep)(list);
     if (insertType === 'before') {
       handleMulResetForm();
       nextList.unshift((0, _objectSpread2.default)((0, _objectSpread2.default)({}, rowData), {}, {
         editable: true,
         isFirst: true,
-        rowKey: "&&".concat((0, _utils.getRandom)())
+        rowKey: `&&${(0, _utils.getRandom)()}`
       }));
     } else if (insertType === 'after') {
       nextList.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, rowData), {}, {
         editable: true,
         isFirst: true,
-        rowKey: "&&".concat((0, _utils.getRandom)())
+        rowKey: `&&${(0, _utils.getRandom)()}`
       }));
       rowIndex = list.length;
     }
-    setDataSource ? setDataSource(nextList) : setList((0, _toConsumableArray2.default)(nextList));
+    setDataSource ? setDataSource(nextList) : setList([...nextList]);
     return Promise.resolve({
-      rowIndex: rowIndex,
-      nextList: nextList,
+      rowIndex,
+      nextList,
       list: (0, _utils.formatList)(nextList),
       rowData: nextList[rowIndex]
     });
   };
+
   /**
    * 删除多行
    * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
    */
   var onMultipleDelete = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var res, values, nextList, resetFieldsIndex;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(addButtonProps === null || addButtonProps === void 0 ? void 0 : addButtonProps.onMultipleDelete)) {
+            if (!(addButtonProps !== null && addButtonProps !== void 0 && addButtonProps.onMultipleDelete)) {
               _context.next = 6;
               break;
             }
@@ -202,13 +201,11 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
               _context.next = 20;
               break;
             }
-            values = (0, _cloneDeep2.default)(form.getFieldsValue(true));
-            nextList = (0, _cloneDeep2.default)(list);
-            nextList = nextList.filter(function (item) {
-              return !selectedRowKeys.includes(getRowKey(item));
-            });
+            values = (0, _lodash.cloneDeep)(form.getFieldsValue(true));
+            nextList = (0, _lodash.cloneDeep)(list);
+            nextList = nextList.filter(item => !selectedRowKeys.includes(getRowKey(item)));
             resetFieldsIndex = [];
-            Object.keys(values).forEach(function (key) {
+            Object.keys(values).forEach(key => {
               // eslint-disable-next-line no-restricted-globals
               if (!isNaN(Number(key))) {
                 resetFieldsIndex.push(key);
@@ -216,18 +213,21 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
             });
             setSelectedRows([]);
             setSelectedRowKeys([]);
+
             // 清空删除后最后一条formItem状态
             form.resetFields(resetFieldsIndex);
-            nextList.forEach(function (item, index) {
+            nextList.forEach((item, index) => {
               // 可编辑状态默认给表单回填数据
               if (item.editable) {
-                form.setFieldsValue((0, _defineProperty2.default)({}, index, item));
+                form.setFieldsValue({
+                  [index]: item
+                });
               }
             });
-            setDataSource ? setDataSource(nextList) : setList((0, _toConsumableArray2.default)(nextList));
+            setDataSource ? setDataSource(nextList) : setList([...nextList]);
             return _context.abrupt("return", Promise.resolve({
               rowIndex: 0,
-              nextList: nextList,
+              nextList,
               list: (0, _utils.formatList)(nextList),
               rowData: nextList[0]
             }));
@@ -241,21 +241,22 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       return _ref2.apply(this, arguments);
     };
   }();
+
   /**
    * 删除行
    * @param {number} rowIndex 当前删除行的下标
    * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
    */
-  var onDelete = function onDelete(rowIndex) {
-    var values = (0, _cloneDeep2.default)(form.getFieldsValue(true));
+  var onDelete = rowIndex => {
+    var values = (0, _lodash.cloneDeep)(form.getFieldsValue(true));
     var lastIndex = list.length - 1;
     form.resetFields([rowIndex]);
-    var nextList = (0, _cloneDeep2.default)(list);
-    setSelectedRows(selectedRows.filter(function (item) {
+    var nextList = (0, _lodash.cloneDeep)(list);
+    setSelectedRows(selectedRows.filter(item => {
       var _nextList$rowIndex;
       return item.rowKey !== ((_nextList$rowIndex = nextList[rowIndex]) === null || _nextList$rowIndex === void 0 ? void 0 : _nextList$rowIndex.rowKey);
     }));
-    setSelectedRowKeys(selectedRowKeys.filter(function (key) {
+    setSelectedRowKeys(selectedRowKeys.filter(key => {
       var _nextList$rowIndex2;
       return key !== ((_nextList$rowIndex2 = nextList[rowIndex]) === null || _nextList$rowIndex2 === void 0 ? void 0 : _nextList$rowIndex2.rowKey);
     }));
@@ -265,27 +266,29 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
         editable = _nextList$i.editable,
         isFirst = _nextList$i.isFirst;
       nextList[i] = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextList[i]), values[i + 1]), {}, {
-        editable: editable,
-        isFirst: isFirst
+        editable,
+        isFirst
       });
     }
+
     // 清空删除后最后一条formItem状态
     form.resetFields([lastIndex]);
-    setDataSource ? setDataSource(nextList) : setList((0, _toConsumableArray2.default)(nextList));
+    setDataSource ? setDataSource(nextList) : setList([...nextList]);
     return Promise.resolve({
-      rowIndex: rowIndex,
-      nextList: nextList,
+      rowIndex,
+      nextList,
       list: (0, _utils.formatList)(nextList),
       rowData: nextList[rowIndex]
     });
   };
+
   /**
    * 保存行
    * @param {number} rowIndex 当前保存行的下标
    * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
    */
   var onSave = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(rowIndex, callback) {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(rowIndex, callback) {
       var _form$getFieldsValue$, _form$getFieldsValue, nextValues, res, values;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -299,7 +302,7 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
             _context2.next = 5;
             return callback({
               preValues: originRowData[rowIndex],
-              nextValues: nextValues
+              nextValues
             });
           case 5:
             _context2.t0 = _context2.sent;
@@ -338,29 +341,33 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       return _ref3.apply(this, arguments);
     };
   }();
+
   /**
    * 编辑行
    * @param {number}} rowIndex 当前保存行的下标
    * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
    */
-  var onEdit = function onEdit(rowIndex) {
+  var onEdit = rowIndex => {
     if (isSingle) {
       var _list$filter2;
-      var isOneEditing = ((_list$filter2 = list.filter(function (item) {
-        return item.editable;
-      })) === null || _list$filter2 === void 0 ? void 0 : _list$filter2.length) >= 1;
+      var isOneEditing = ((_list$filter2 = list.filter(item => item.editable)) === null || _list$filter2 === void 0 ? void 0 : _list$filter2.length) >= 1;
       if (isOneEditing) {
         _message2.default.warning(onlyOneLineEditorAlertMessage);
         return Promise.reject(onlyOneLineEditorAlertMessage);
       }
     }
-    setOriginRowData((0, _defineProperty2.default)({}, rowIndex, list[rowIndex]));
-    form.setFieldsValue((0, _defineProperty2.default)({}, rowIndex, list[rowIndex]));
+    setOriginRowData({
+      [rowIndex]: list[rowIndex]
+    });
+    form.setFieldsValue({
+      [rowIndex]: list[rowIndex]
+    });
     return onUpdateRowData(rowIndex, {
       editable: true,
       isFirst: false
     });
   };
+
   /**
    * 取消行
    * 第一次新增删除当前行 当点过编辑或者保存后，重置isFirst为false
@@ -368,7 +375,7 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
    * @param {number}} rowIndex 当前保存行的下标
    * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
    */
-  var onCancel = function onCancel(rowData, rowIndex) {
+  var onCancel = (rowData, rowIndex) => {
     if (rowData.isFirst) {
       return onDelete(rowIndex);
     }
@@ -377,46 +384,47 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       isFirst: false
     }, originRowData[rowIndex]));
   };
+
   // 渲染新增按钮
-  var renderAddButton = function renderAddButton() {
+  var renderAddButton = () => {
     if (disabled || list.length === 0 || isCanAdd === false) {
       return null;
     }
-    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: buttonText !== false ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: typeof buttonText === 'string' ? (0, _jsxRuntime.jsxs)(_space.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: buttonText !== false ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: typeof buttonText === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
           style: {
             display: 'flex',
             justifyContent: ['topLeft', 'bottomLeft'].includes(position) ? 'flex-start' : 'flex-end',
             margin: ['topLeft', 'topRight'].includes(position) ? '0 0 16px 0' : '16px 0 0 0'
           },
-          children: [isCanMultipleDelete ? (0, _jsxRuntime.jsx)(_popconfirm.default, {
+          children: [isCanMultipleDelete ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_popconfirm.default, {
             placement: "top",
             title: mulDeletePoconfirmMsg,
             onConfirm: onMultipleDelete,
             okText: "\u786E\u5B9A",
             cancelText: "\u53D6\u6D88",
-            disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
-            children: (0, _jsxRuntime.jsx)(_button.default, {
-              disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
+            disabled: !(selectedRowKeys !== null && selectedRowKeys !== void 0 && selectedRowKeys.length),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+              disabled: !(selectedRowKeys !== null && selectedRowKeys !== void 0 && selectedRowKeys.length),
               type: "link",
               children: "\u5220\u9664"
             })
-          }) : null, (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
             type: "link",
-            icon: (0, _jsxRuntime.jsx)(_icons.PlusOutlined, {}),
-            onClick: function onClick() {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusOutlined, {}),
+            onClick: () => {
               onAdd();
             }
           }, antButtonProps), {}, {
             children: buttonText
           }))]
-        }) : (/*#__PURE__*/(0, _react.cloneElement)(buttonText, antButtonProps))
+        }) : ( /*#__PURE__*/(0, _react.cloneElement)(buttonText, antButtonProps))
       }) : null
     });
   };
   var validateFields = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
       var values, nextValues, nextList, isEditing;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -427,7 +435,7 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
             values = _context3.sent;
             nextValues = {};
             nextList = [];
-            Object.keys(values).forEach(function (key) {
+            Object.keys(values).forEach(key => {
               if (Number.isNaN(Number(key))) {
                 nextValues[key] = values[key];
               } else {
@@ -435,9 +443,7 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
               }
             });
             nextValues[name] = nextList;
-            isEditing = list.find(function (item) {
-              return item.editable;
-            });
+            isEditing = list.find(item => item.editable);
             if (!(isSingle && isEditing)) {
               _context3.next = 11;
               break;
@@ -457,41 +463,36 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       return _ref4.apply(this, arguments);
     };
   }();
-  var newColumns = (0, _react.useMemo)(function () {
+  var newColumns = (0, _react.useMemo)(() => {
     return (0, _utils.transformColumns)(columns, form, disabled);
   }, [columns, form, disabled]);
-  (0, _react.useImperativeHandle)(actionRef, function () {
-    return {
-      /** 暴露出当前table节点 * */
-      tableNode: tableRef.current,
-      data: list,
-      getPureDataSource: function getPureDataSource() {
-        return (0, _utils.formatList)(list);
-      },
-      selectedRows: selectedRows,
-      selectedRowKeys: selectedRowKeys,
-      setSelectedRowKeys: setSelectedRowKeys,
-      setSelectedRows: setSelectedRows,
-      onUpdateRowData: onUpdateRowData,
-      onMultipleDelete: onMultipleDelete,
-      onAdd: onAdd,
-      onDelete: onDelete,
-      onEdit: onEdit,
-      onSave: onSave,
-      onCancel: onCancel,
-      validateFields: validateFields,
-      setDataSource: setList
-    };
-  });
+  (0, _react.useImperativeHandle)(actionRef, () => ({
+    /** 暴露出当前table节点 * */
+    tableNode: tableRef.current,
+    data: list,
+    getPureDataSource: () => (0, _utils.formatList)(list),
+    selectedRows,
+    selectedRowKeys,
+    setSelectedRowKeys,
+    setSelectedRows,
+    onUpdateRowData,
+    onMultipleDelete,
+    onAdd,
+    onDelete,
+    onEdit,
+    onSave,
+    onCancel,
+    validateFields,
+    setDataSource: setList
+  }));
+
   // 实时同步外部dataSource (useDeepCompareEffect无法察觉dataSource的变更)
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     var nextList = [];
     if (dataSource.length) {
-      dataSource.forEach(function (item, index) {
-        var key = getRowKey(item) || "&&".concat((0, _utils.getRandom)());
-        var innerItem = list.find(function (child) {
-          return getRowKey(child) === key;
-        });
+      dataSource.forEach((item, index) => {
+        var key = getRowKey(item) || `&&${(0, _utils.getRandom)()}`;
+        var innerItem = list.find(child => getRowKey(child) === key);
         var nextItem = innerItem ? (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
           editable: !isSingle
         }, innerItem), item), {}, {
@@ -508,13 +509,15 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       setList([]);
     }
   }, [dataSource]);
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     try {
-      if (list === null || list === void 0 ? void 0 : list.length) {
-        list.forEach(function (item, index) {
+      if (list !== null && list !== void 0 && list.length) {
+        list.forEach((item, index) => {
           // 可编辑状态默认给表单回填数据
           if (item.editable) {
-            form.setFieldsValue((0, _defineProperty2.default)({}, index, item));
+            form.setFieldsValue({
+              [index]: item
+            });
           }
         });
       }
@@ -522,61 +525,55 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       console.error('error', error);
     }
   }, [list]);
-  var empty = function empty() {
-    return (
-      // 这里面就是我们自己定义的空状态
-      (0, _jsxRuntime.jsxs)("div", {
-        className: "com-empty",
-        children: [(0, _jsxRuntime.jsx)("img", {
-          className: "empty-img",
-          src: _empty.default
-        }), !disabled && isCanAdd ? (0, _jsxRuntime.jsxs)("div", {
-          className: "empty-text",
-          children: ["\u6682\u65E0\u6570\u636E\uFF0C", (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-            type: "link",
-            onClick: function onClick() {
-              onAdd();
-            }
-          }, antButtonProps), {}, {
-            children: emptyButtonText
-          }))]
-        }) : (0, _jsxRuntime.jsx)("p", {
-          children: "\u6682\u65E0\u6570\u636E"
-        })]
-      })
-    );
-  };
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [['topLeft', 'topRight'].includes(position) && renderAddButton(), (0, _jsxRuntime.jsx)(_form.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  var empty = () =>
+  /*#__PURE__*/
+  // 这里面就是我们自己定义的空状态
+  (0, _jsxRuntime.jsxs)("div", {
+    className: "com-empty",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      className: "empty-img",
+      src: _empty.default
+    }), !disabled && isCanAdd ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "empty-text",
+      children: ["\u6682\u65E0\u6570\u636E\uFF0C", /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        type: "link",
+        onClick: () => {
+          onAdd();
+        }
+      }, antButtonProps), {}, {
+        children: emptyButtonText
+      }))]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "\u6682\u65E0\u6570\u636E"
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [['topLeft', 'topRight'].includes(position) && renderAddButton(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       form: form,
       className: "proEditable pro-editable"
     }, formProps), {}, {
-      children: name ? (0, _jsxRuntime.jsx)(_form.default.Item, {
+      children: name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default.Item, {
         name: name,
-        children: (0, _jsxRuntime.jsx)(_configProvider.default, {
-          renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty,
-          children: (0, _jsxRuntime.jsx)(_table.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_configProvider.default, {
+          renderEmpty: list !== null && list !== void 0 && list.length ? undefined : empty,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_table.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
             dataSource: list,
             columns: newColumns,
             pagination: pagination,
             rowSelection: isCanMultipleDelete && !disabled ? rowSelection : undefined,
-            ref: function ref(node) {
-              return tableRef.current = node;
-            }
+            ref: node => tableRef.current = node
           }, otherProps), {}, {
             rowKey: getRowKey
           }))
         })
-      }) : (0, _jsxRuntime.jsx)(_configProvider.default, {
-        renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty,
-        children: (0, _jsxRuntime.jsx)(_table.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_configProvider.default, {
+        renderEmpty: list !== null && list !== void 0 && list.length ? undefined : empty,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_table.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
           dataSource: list,
           columns: newColumns,
           pagination: pagination,
           rowSelection: isCanMultipleDelete && !disabled ? rowSelection : undefined,
-          ref: function ref(node) {
-            return tableRef.current = node;
-          }
+          ref: node => tableRef.current = node
         }, otherProps), {}, {
           rowKey: getRowKey
         }))