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

package/es/old/ProEditableTable/index.js

@@ -1,35 +1,36 @@
-import "antd/es/table/style";
-import _Table from "antd/es/table";
 import "antd/es/config-provider/style";
 import _ConfigProvider from "antd/es/config-provider";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/popconfirm/style";
-import _Popconfirm from "antd/es/popconfirm";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
 import "antd/es/space/style";
 import _Space from "antd/es/space";
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import "antd/es/message/style";
 import _message from "antd/es/message";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _cloneDeep from "lodash/cloneDeep";
 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"];
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { PlusOutlined } from '@ant-design/icons';
 import { useSetState, useDeepCompareEffect } from 'ahooks';
-import { cloneElement, forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import Empty from '../../assets/empty.png';
-import { formatList, transformColumns, getRandom } from './utils';
+import { cloneDeep } from 'lodash';
+import React, { cloneElement, forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import Empty from "../../assets/empty.png";
+import { formatList, transformColumns, getRandom } from "./utils";
+
 // 1、保证再去取dataSource数据纯净 table里面用list进行处理
-var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
+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 ProEditableTable = /*#__PURE__*/forwardRef((props, ref) => {
   var originForm = props.form,
     dataSource = props.dataSource,
     setDataSource = props.setDataSource,
@@ -50,6 +51,7 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var _Form$useForm = _Form.useForm(originForm),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
+
   // table实例
   var tableRef = useRef();
   var _useState = useState(dataSource),
@@ -86,12 +88,11 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
     _ref$onlyAddOneLineAl = _ref.onlyAddOneLineAlertMessage,
     onlyAddOneLineAlertMessage = _ref$onlyAddOneLineAl === void 0 ? '只能新增一行' : _ref$onlyAddOneLineAl,
     antButtonProps = _objectWithoutProperties(_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);
     }
@@ -99,85 +100,86 @@ var ProEditableTable = /*#__PURE__*/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 = _cloneDeep(list);
+  var onUpdateRowData = (rowIndex, values) => {
+    var nextList = cloneDeep(list);
     nextList[rowIndex] = _objectSpread(_objectSpread({}, nextList[rowIndex]), values);
-    setDataSource ? setDataSource(nextList) : setList(_toConsumableArray(nextList));
+    setDataSource ? setDataSource(nextList) : setList([...nextList]);
     return Promise.resolve({
-      rowIndex: rowIndex,
-      nextList: nextList,
+      rowIndex,
+      nextList,
       list: 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(_objectSpread({}, 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) {
         _message.warning(onlyAddOneLineAlertMessage);
         return Promise.reject(onlyAddOneLineAlertMessage);
       }
     }
     var rowIndex = 0;
-    var nextList = _cloneDeep(list);
+    var nextList = cloneDeep(list);
     if (insertType === 'before') {
       handleMulResetForm();
       nextList.unshift(_objectSpread(_objectSpread({}, rowData), {}, {
         editable: true,
         isFirst: true,
-        rowKey: "&&".concat(getRandom())
+        rowKey: `&&${getRandom()}`
       }));
     } else if (insertType === 'after') {
       nextList.push(_objectSpread(_objectSpread({}, rowData), {}, {
         editable: true,
         isFirst: true,
-        rowKey: "&&".concat(getRandom())
+        rowKey: `&&${getRandom()}`
       }));
       rowIndex = list.length;
     }
-    setDataSource ? setDataSource(nextList) : setList(_toConsumableArray(nextList));
+    setDataSource ? setDataSource(nextList) : setList([...nextList]);
     return Promise.resolve({
-      rowIndex: rowIndex,
-      nextList: nextList,
+      rowIndex,
+      nextList,
       list: formatList(nextList),
       rowData: nextList[rowIndex]
     });
   };
+
   /**
    * 删除多行
    * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
    */
   var onMultipleDelete = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var res, values, nextList, resetFieldsIndex;
       return _regeneratorRuntime().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;
             }
@@ -195,13 +197,11 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
               _context.next = 20;
               break;
             }
-            values = _cloneDeep(form.getFieldsValue(true));
-            nextList = _cloneDeep(list);
-            nextList = nextList.filter(function (item) {
-              return !selectedRowKeys.includes(getRowKey(item));
-            });
+            values = cloneDeep(form.getFieldsValue(true));
+            nextList = 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);
@@ -209,18 +209,21 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
             });
             setSelectedRows([]);
             setSelectedRowKeys([]);
+
             // 清空删除后最后一条formItem状态
             form.resetFields(resetFieldsIndex);
-            nextList.forEach(function (item, index) {
+            nextList.forEach((item, index) => {
               // 可编辑状态默认给表单回填数据
               if (item.editable) {
-                form.setFieldsValue(_defineProperty({}, index, item));
+                form.setFieldsValue({
+                  [index]: item
+                });
               }
             });
-            setDataSource ? setDataSource(nextList) : setList(_toConsumableArray(nextList));
+            setDataSource ? setDataSource(nextList) : setList([...nextList]);
             return _context.abrupt("return", Promise.resolve({
               rowIndex: 0,
-              nextList: nextList,
+              nextList,
               list: formatList(nextList),
               rowData: nextList[0]
             }));
@@ -234,21 +237,22 @@ var ProEditableTable = /*#__PURE__*/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 = _cloneDeep(form.getFieldsValue(true));
+  var onDelete = rowIndex => {
+    var values = cloneDeep(form.getFieldsValue(true));
     var lastIndex = list.length - 1;
     form.resetFields([rowIndex]);
-    var nextList = _cloneDeep(list);
-    setSelectedRows(selectedRows.filter(function (item) {
+    var nextList = 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);
     }));
@@ -258,27 +262,29 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
         editable = _nextList$i.editable,
         isFirst = _nextList$i.isFirst;
       nextList[i] = _objectSpread(_objectSpread(_objectSpread({}, nextList[i]), values[i + 1]), {}, {
-        editable: editable,
-        isFirst: isFirst
+        editable,
+        isFirst
       });
     }
+
     // 清空删除后最后一条formItem状态
     form.resetFields([lastIndex]);
-    setDataSource ? setDataSource(nextList) : setList(_toConsumableArray(nextList));
+    setDataSource ? setDataSource(nextList) : setList([...nextList]);
     return Promise.resolve({
-      rowIndex: rowIndex,
-      nextList: nextList,
+      rowIndex,
+      nextList,
       list: formatList(nextList),
       rowData: nextList[rowIndex]
     });
   };
+
   /**
    * 保存行
    * @param {number} rowIndex 当前保存行的下标
    * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
    */
   var onSave = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(rowIndex, callback) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(rowIndex, callback) {
       var _form$getFieldsValue$, _form$getFieldsValue, nextValues, res, values;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -292,7 +298,7 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
             _context2.next = 5;
             return callback({
               preValues: originRowData[rowIndex],
-              nextValues: nextValues
+              nextValues
             });
           case 5:
             _context2.t0 = _context2.sent;
@@ -331,29 +337,33 @@ var ProEditableTable = /*#__PURE__*/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) {
         _message.warning(onlyOneLineEditorAlertMessage);
         return Promise.reject(onlyOneLineEditorAlertMessage);
       }
     }
-    setOriginRowData(_defineProperty({}, rowIndex, list[rowIndex]));
-    form.setFieldsValue(_defineProperty({}, rowIndex, list[rowIndex]));
+    setOriginRowData({
+      [rowIndex]: list[rowIndex]
+    });
+    form.setFieldsValue({
+      [rowIndex]: list[rowIndex]
+    });
     return onUpdateRowData(rowIndex, {
       editable: true,
       isFirst: false
     });
   };
+
   /**
    * 取消行
    * 第一次新增删除当前行 当点过编辑或者保存后，重置isFirst为false
@@ -361,7 +371,7 @@ var ProEditableTable = /*#__PURE__*/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);
     }
@@ -370,46 +380,47 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
       isFirst: false
     }, originRowData[rowIndex]));
   };
+
   // 渲染新增按钮
-  var renderAddButton = function renderAddButton() {
+  var renderAddButton = () => {
     if (disabled || list.length === 0 || isCanAdd === false) {
       return null;
     }
-    return _jsx(_Fragment, {
-      children: buttonText !== false ? _jsx(_Fragment, {
-        children: typeof buttonText === 'string' ? _jsxs(_Space, {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: buttonText !== false ? /*#__PURE__*/_jsx(_Fragment, {
+        children: typeof buttonText === 'string' ? /*#__PURE__*/_jsxs(_Space, {
           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 ? _jsx(_Popconfirm, {
+          children: [isCanMultipleDelete ? /*#__PURE__*/_jsx(_Popconfirm, {
             placement: "top",
             title: mulDeletePoconfirmMsg,
             onConfirm: onMultipleDelete,
             okText: "\u786E\u5B9A",
             cancelText: "\u53D6\u6D88",
-            disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
-            children: _jsx(_Button, {
-              disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
+            disabled: !(selectedRowKeys !== null && selectedRowKeys !== void 0 && selectedRowKeys.length),
+            children: /*#__PURE__*/_jsx(_Button, {
+              disabled: !(selectedRowKeys !== null && selectedRowKeys !== void 0 && selectedRowKeys.length),
               type: "link",
               children: "\u5220\u9664"
             })
-          }) : null, _jsx(_Button, _objectSpread(_objectSpread({
+          }) : null, /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({
             type: "link",
-            icon: _jsx(PlusOutlined, {}),
-            onClick: function onClick() {
+            icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+            onClick: () => {
               onAdd();
             }
           }, antButtonProps), {}, {
             children: buttonText
           }))]
-        }) : (/*#__PURE__*/cloneElement(buttonText, antButtonProps))
+        }) : ( /*#__PURE__*/cloneElement(buttonText, antButtonProps))
       }) : null
     });
   };
   var validateFields = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var values, nextValues, nextList, isEditing;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -420,7 +431,7 @@ var ProEditableTable = /*#__PURE__*/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 {
@@ -428,9 +439,7 @@ var ProEditableTable = /*#__PURE__*/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;
@@ -450,41 +459,36 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
       return _ref4.apply(this, arguments);
     };
   }();
-  var newColumns = useMemo(function () {
+  var newColumns = useMemo(() => {
     return transformColumns(columns, form, disabled);
   }, [columns, form, disabled]);
-  useImperativeHandle(actionRef, function () {
-    return {
-      /** 暴露出当前table节点 * */
-      tableNode: tableRef.current,
-      data: list,
-      getPureDataSource: function getPureDataSource() {
-        return 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
-    };
-  });
+  useImperativeHandle(actionRef, () => ({
+    /** 暴露出当前table节点 * */
+    tableNode: tableRef.current,
+    data: list,
+    getPureDataSource: () => formatList(list),
+    selectedRows,
+    selectedRowKeys,
+    setSelectedRowKeys,
+    setSelectedRows,
+    onUpdateRowData,
+    onMultipleDelete,
+    onAdd,
+    onDelete,
+    onEdit,
+    onSave,
+    onCancel,
+    validateFields,
+    setDataSource: setList
+  }));
+
   // 实时同步外部dataSource (useDeepCompareEffect无法察觉dataSource的变更)
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     var nextList = [];
     if (dataSource.length) {
-      dataSource.forEach(function (item, index) {
-        var key = getRowKey(item) || "&&".concat(getRandom());
-        var innerItem = list.find(function (child) {
-          return getRowKey(child) === key;
-        });
+      dataSource.forEach((item, index) => {
+        var key = getRowKey(item) || `&&${getRandom()}`;
+        var innerItem = list.find(child => getRowKey(child) === key);
         var nextItem = innerItem ? _objectSpread(_objectSpread(_objectSpread({
           editable: !isSingle
         }, innerItem), item), {}, {
@@ -501,13 +505,15 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
       setList([]);
     }
   }, [dataSource]);
-  useDeepCompareEffect(function () {
+  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(_defineProperty({}, index, item));
+            form.setFieldsValue({
+              [index]: item
+            });
           }
         });
       }
@@ -515,61 +521,55 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
       console.error('error', error);
     }
   }, [list]);
-  var empty = function empty() {
-    return (
-      // 这里面就是我们自己定义的空状态
-      _jsxs("div", {
-        className: "com-empty",
-        children: [_jsx("img", {
-          className: "empty-img",
-          src: Empty
-        }), !disabled && isCanAdd ? _jsxs("div", {
-          className: "empty-text",
-          children: ["\u6682\u65E0\u6570\u636E\uFF0C", _jsx(_Button, _objectSpread(_objectSpread({
-            type: "link",
-            onClick: function onClick() {
-              onAdd();
-            }
-          }, antButtonProps), {}, {
-            children: emptyButtonText
-          }))]
-        }) : _jsx("p", {
-          children: "\u6682\u65E0\u6570\u636E"
-        })]
-      })
-    );
-  };
-  return _jsxs(_Fragment, {
-    children: [['topLeft', 'topRight'].includes(position) && renderAddButton(), _jsx(_Form, _objectSpread(_objectSpread({
+  var empty = () =>
+  /*#__PURE__*/
+  // 这里面就是我们自己定义的空状态
+  _jsxs("div", {
+    className: "com-empty",
+    children: [/*#__PURE__*/_jsx("img", {
+      className: "empty-img",
+      src: Empty
+    }), !disabled && isCanAdd ? /*#__PURE__*/_jsxs("div", {
+      className: "empty-text",
+      children: ["\u6682\u65E0\u6570\u636E\uFF0C", /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({
+        type: "link",
+        onClick: () => {
+          onAdd();
+        }
+      }, antButtonProps), {}, {
+        children: emptyButtonText
+      }))]
+    }) : /*#__PURE__*/_jsx("p", {
+      children: "\u6682\u65E0\u6570\u636E"
+    })]
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [['topLeft', 'topRight'].includes(position) && renderAddButton(), /*#__PURE__*/_jsx(_Form, _objectSpread(_objectSpread({
       form: form,
       className: "proEditable pro-editable"
     }, formProps), {}, {
-      children: name ? _jsx(_Form.Item, {
+      children: name ? /*#__PURE__*/_jsx(_Form.Item, {
         name: name,
-        children: _jsx(_ConfigProvider, {
-          renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty,
-          children: _jsx(_Table, _objectSpread(_objectSpread({
+        children: /*#__PURE__*/_jsx(_ConfigProvider, {
+          renderEmpty: list !== null && list !== void 0 && list.length ? undefined : empty,
+          children: /*#__PURE__*/_jsx(_Table, _objectSpread(_objectSpread({
             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
           }))
         })
-      }) : _jsx(_ConfigProvider, {
-        renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty,
-        children: _jsx(_Table, _objectSpread(_objectSpread({
+      }) : /*#__PURE__*/_jsx(_ConfigProvider, {
+        renderEmpty: list !== null && list !== void 0 && list.length ? undefined : empty,
+        children: /*#__PURE__*/_jsx(_Table, _objectSpread(_objectSpread({
           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
         }))