@zat-design/sisyphus-react 3.0.13

package/lib/old/ProEditableTable/index.js

@@ -0,0 +1,568 @@
+"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;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _lodash = require("lodash");
+var _react = _interopRequireWildcard(require("react"));
+var _empty = _interopRequireDefault(require("../../assets/empty.png"));
+var _utils = require("./utils");
+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) {
+  var originForm = props.form,
+    dataSource = props.dataSource,
+    setDataSource = props.setDataSource,
+    columns = props.columns,
+    actionRef = props.actionRef,
+    addButtonProps = props.addButtonProps,
+    pagination = props.pagination,
+    editType = props.editType,
+    onlyOneLineEditorAlertMessage = props.onlyOneLineEditorAlertMessage,
+    noSaveAlertMessage = props.noSaveAlertMessage,
+    mulDeletePoconfirmMsg = props.mulDeletePoconfirmMsg,
+    _props$name = props.name,
+    name = _props$name === void 0 ? 'dataList' : _props$name,
+    disabled = props.disabled,
+    formProps = props.formProps,
+    otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var isSingle = editType === 'single';
+  var _Form$useForm = _antd.Form.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),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    selectedRowKeys = _useState4[0],
+    setSelectedRowKeys = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    selectedRows = _useState6[0],
+    setSelectedRows = _useState6[1];
+  var _useSetState = (0, _ahooks.useSetState)([]),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    originRowData = _useSetState2[0],
+    setOriginRowData = _useSetState2[1];
+  var _ref = addButtonProps || {},
+    _ref$isCanAdd = _ref.isCanAdd,
+    isCanAdd = _ref$isCanAdd === void 0 ? true : _ref$isCanAdd,
+    _ref$isCanMultipleDel = _ref.isCanMultipleDelete,
+    isCanMultipleDelete = _ref$isCanMultipleDel === void 0 ? false : _ref$isCanMultipleDel,
+    _ref$multipleDeleteMo = _ref.multipleDeleteModalProps,
+    multipleDeleteModalProps = _ref$multipleDeleteMo === void 0 ? {} : _ref$multipleDeleteMo,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'bottomLeft' : _ref$position,
+    _ref$buttonText = _ref.buttonText,
+    buttonText = _ref$buttonText === void 0 ? '添加一行' : _ref$buttonText,
+    _ref$emptyButtonText = _ref.emptyButtonText,
+    emptyButtonText = _ref$emptyButtonText === void 0 ? '点击添加' : _ref$emptyButtonText,
+    _ref$insertType = _ref.insertType,
+    insertType = _ref$insertType === void 0 ? 'after' : _ref$insertType,
+    _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 rowSelection = {
+    onChange: function onChange(selectedRowKeys, selectedRows) {
+      setSelectedRows(selectedRows);
+      setSelectedRowKeys(selectedRowKeys);
+    }
+    // getCheckboxProps: (record: any) => ({
+    //   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, _lodash.cloneDeep)(list);
+    nextList[rowIndex] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextList[rowIndex]), values);
+    setDataSource ? setDataSource(nextList) : setList((0, _toConsumableArray2.default)(nextList));
+    return Promise.resolve({
+      rowIndex: rowIndex,
+      nextList: nextList,
+      list: (0, _utils.formatList)(nextList),
+      rowData: nextList[rowIndex]
+    });
+  };
+  var handleMulResetForm = function handleMulResetForm() {
+    var values = form.getFieldsValue();
+    var tempValues = {};
+    Object.keys(values).forEach(function (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) {
+    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;
+      if (isOneEditing) {
+        _antd.message.warning(onlyAddOneLineAlertMessage);
+        return Promise.reject(onlyAddOneLineAlertMessage);
+      }
+    }
+    var rowIndex = 0;
+    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)())
+      }));
+    } else if (insertType === 'after') {
+      nextList.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, rowData), {}, {
+        editable: true,
+        isFirst: true,
+        rowKey: "&&".concat((0, _utils.getRandom)())
+      }));
+      rowIndex = list.length;
+    }
+    setDataSource ? setDataSource(nextList) : setList((0, _toConsumableArray2.default)(nextList));
+    return Promise.resolve({
+      rowIndex: rowIndex,
+      nextList: 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 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)) {
+              _context.next = 6;
+              break;
+            }
+            _context.next = 3;
+            return addButtonProps.onMultipleDelete(selectedRowKeys, selectedRows);
+          case 3:
+            _context.t0 = _context.sent;
+            _context.next = 7;
+            break;
+          case 6:
+            _context.t0 = true;
+          case 7:
+            res = _context.t0;
+            if (!res) {
+              _context.next = 20;
+              break;
+            }
+            values = (0, _lodash.cloneDeep)(form.getFieldsValue(true));
+            nextList = (0, _lodash.cloneDeep)(list);
+            nextList = nextList.filter(function (item) {
+              return !selectedRowKeys.includes(getRowKey(item));
+            });
+            resetFieldsIndex = [];
+            Object.keys(values).forEach(function (key) {
+              // eslint-disable-next-line no-restricted-globals
+              if (!isNaN(Number(key))) {
+                resetFieldsIndex.push(key);
+              }
+            });
+            setSelectedRows([]);
+            setSelectedRowKeys([]);
+            // 清空删除后最后一条formItem状态
+            form.resetFields(resetFieldsIndex);
+            nextList.forEach(function (item, index) {
+              // 可编辑状态默认给表单回填数据
+              if (item.editable) {
+                form.setFieldsValue((0, _defineProperty2.default)({}, index, item));
+              }
+            });
+            setDataSource ? setDataSource(nextList) : setList((0, _toConsumableArray2.default)(nextList));
+            return _context.abrupt("return", Promise.resolve({
+              rowIndex: 0,
+              nextList: nextList,
+              list: (0, _utils.formatList)(nextList),
+              rowData: nextList[0]
+            }));
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onMultipleDelete() {
+      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, _lodash.cloneDeep)(form.getFieldsValue(true));
+    var lastIndex = list.length - 1;
+    form.resetFields([rowIndex]);
+    var nextList = (0, _lodash.cloneDeep)(list);
+    setSelectedRows(selectedRows.filter(function (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) {
+      var _nextList$rowIndex2;
+      return key !== ((_nextList$rowIndex2 = nextList[rowIndex]) === null || _nextList$rowIndex2 === void 0 ? void 0 : _nextList$rowIndex2.rowKey);
+    }));
+    nextList.splice(rowIndex, 1);
+    for (var i = rowIndex; i < lastIndex; i++) {
+      var _nextList$i = nextList[i],
+        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
+      });
+    }
+    // 清空删除后最后一条formItem状态
+    form.resetFields([lastIndex]);
+    setDataSource ? setDataSource(nextList) : setList((0, _toConsumableArray2.default)(nextList));
+    return Promise.resolve({
+      rowIndex: rowIndex,
+      nextList: 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 _form$getFieldsValue$, _form$getFieldsValue, nextValues, res, values;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            nextValues = (_form$getFieldsValue$ = (_form$getFieldsValue = form.getFieldsValue()) === null || _form$getFieldsValue === void 0 ? void 0 : _form$getFieldsValue[rowIndex]) !== null && _form$getFieldsValue$ !== void 0 ? _form$getFieldsValue$ : {};
+            if (!callback) {
+              _context2.next = 8;
+              break;
+            }
+            _context2.next = 5;
+            return callback({
+              preValues: originRowData[rowIndex],
+              nextValues: nextValues
+            });
+          case 5:
+            _context2.t0 = _context2.sent;
+            _context2.next = 9;
+            break;
+          case 8:
+            _context2.t0 = true;
+          case 9:
+            res = _context2.t0;
+            if (!res) {
+              _context2.next = 15;
+              break;
+            }
+            _context2.next = 13;
+            return form.validateFields();
+          case 13:
+            values = _context2.sent;
+            return _context2.abrupt("return", onUpdateRowData(rowIndex, (0, _objectSpread2.default)({
+              editable: false,
+              isFirst: false
+            }, values[rowIndex])));
+          case 15:
+            _context2.next = 20;
+            break;
+          case 17:
+            _context2.prev = 17;
+            _context2.t1 = _context2["catch"](0);
+            console.warn(_context2.t1);
+          case 20:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 17]]);
+    }));
+    return function onSave(_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  /**
+   * 编辑行
+   * @param {number}} rowIndex 当前保存行的下标
+   * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
+   */
+  var onEdit = function 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;
+      if (isOneEditing) {
+        _antd.message.warning(onlyOneLineEditorAlertMessage);
+        return Promise.reject(onlyOneLineEditorAlertMessage);
+      }
+    }
+    setOriginRowData((0, _defineProperty2.default)({}, rowIndex, list[rowIndex]));
+    form.setFieldsValue((0, _defineProperty2.default)({}, rowIndex, list[rowIndex]));
+    return onUpdateRowData(rowIndex, {
+      editable: true,
+      isFirst: false
+    });
+  };
+  /**
+   * 取消行
+   * 第一次新增删除当前行 当点过编辑或者保存后，重置isFirst为false
+   * @param {IRowDataPropsType} rowData 原始行数据
+   * @param {number}} rowIndex 当前保存行的下标
+   * @returns {Promise<{nextList: IRowDataPropsType[], list: IRowDataPropsType[], rowData: IRowDataPropsType, rowIndex: number}>}
+   */
+  var onCancel = function onCancel(rowData, rowIndex) {
+    if (rowData.isFirst) {
+      return onDelete(rowIndex);
+    }
+    return onUpdateRowData(rowIndex, (0, _objectSpread2.default)({
+      editable: false,
+      isFirst: false
+    }, originRowData[rowIndex]));
+  };
+  // 渲染新增按钮
+  var renderAddButton = function renderAddButton() {
+    if (disabled || list.length === 0 || isCanAdd === false) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonText !== false ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, typeof buttonText === 'string' ? /*#__PURE__*/_react.default.createElement(_antd.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'
+      }
+    }, isCanMultipleDelete ? /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, {
+      placement: "top",
+      title: mulDeletePoconfirmMsg,
+      onConfirm: onMultipleDelete,
+      okText: "\u786E\u5B9A",
+      cancelText: "\u53D6\u6D88",
+      disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length)
+    }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
+      type: "link"
+    }, "\u5220\u9664")) : null, /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)({
+      type: "link",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null),
+      onClick: function onClick() {
+        onAdd();
+      }
+    }, antButtonProps), buttonText)) : /*#__PURE__*/(0, _react.cloneElement)(buttonText, antButtonProps)) : null);
+  };
+  var validateFields = /*#__PURE__*/function () {
+    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) {
+          case 0:
+            _context3.next = 2;
+            return form.validateFields();
+          case 2:
+            values = _context3.sent;
+            nextValues = {};
+            nextList = [];
+            Object.keys(values).forEach(function (key) {
+              if (Number.isNaN(Number(key))) {
+                nextValues[key] = values[key];
+              } else {
+                nextList.push(values[key]);
+              }
+            });
+            nextValues[name] = nextList;
+            isEditing = list.find(function (item) {
+              return item.editable;
+            });
+            if (!(isSingle && isEditing)) {
+              _context3.next = 11;
+              break;
+            }
+            _antd.message.warning(noSaveAlertMessage);
+            // eslint-disable-next-line prefer-promise-reject-errors
+            return _context3.abrupt("return", Promise.reject('请保存当前行数据'));
+          case 11:
+            return _context3.abrupt("return", Promise.resolve(nextValues));
+          case 12:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function validateFields() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var newColumns = (0, _react.useMemo)(function () {
+    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
+    };
+  });
+  // 实时同步外部dataSource (useDeepCompareEffect无法察觉dataSource的变更)
+  (0, _ahooks.useDeepCompareEffect)(function () {
+    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;
+        });
+        var nextItem = innerItem ? (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+          editable: !isSingle
+        }, innerItem), item), {}, {
+          rowKey: key
+        }) : (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          editable: !isSingle
+        }, item), {}, {
+          rowKey: key
+        });
+        nextList.push(nextItem);
+      });
+      setList(nextList);
+    } else {
+      setList([]);
+    }
+  }, [dataSource]);
+  (0, _ahooks.useDeepCompareEffect)(function () {
+    try {
+      if (list === null || list === void 0 ? void 0 : list.length) {
+        list.forEach(function (item, index) {
+          // 可编辑状态默认给表单回填数据
+          if (item.editable) {
+            form.setFieldsValue((0, _defineProperty2.default)({}, index, item));
+          }
+        });
+      }
+    } catch (error) {
+      console.error('error', error);
+    }
+  }, [list]);
+  var empty = function empty() {
+    return (
+      /*#__PURE__*/
+      // 这里面就是我们自己定义的空状态
+      _react.default.createElement("div", {
+        className: "com-empty"
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        className: "empty-img",
+        src: _empty.default
+      }), !disabled && isCanAdd ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "empty-text"
+      }, "\u6682\u65E0\u6570\u636E\uFF0C", /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)({
+        type: "link",
+        onClick: function onClick() {
+          onAdd();
+        }
+      }, antButtonProps), emptyButtonText)) : /*#__PURE__*/_react.default.createElement("p", null, "\u6682\u65E0\u6570\u636E"))
+    );
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ['topLeft', 'topRight'].includes(position) && renderAddButton(), /*#__PURE__*/_react.default.createElement(_antd.Form, (0, _objectSpread2.default)({
+    form: form,
+    className: "proEditable pro-editable"
+  }, formProps), name ? /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: name
+  }, /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty
+  }, /*#__PURE__*/_react.default.createElement(_antd.Table, (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;
+    }
+  }, otherProps), {}, {
+    rowKey: getRowKey
+  })))) : /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty
+  }, /*#__PURE__*/_react.default.createElement(_antd.Table, (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;
+    }
+  }, otherProps), {}, {
+    rowKey: getRowKey
+  })))), ['bottomLeft', 'bottomRight'].includes(position) && renderAddButton());
+});
+ProEditableTable.defaultProps = {
+  dataSource: [],
+  columns: [],
+  editType: 'single',
+  pagination: false,
+  onlyOneLineEditorAlertMessage: '只能同时编辑一行',
+  noSaveAlertMessage: '请保存当前行数据',
+  mulDeletePoconfirmMsg: '您确定要删除吗？',
+  addButtonProps: {},
+  disabled: false,
+  formProps: {
+    preserve: false
+  }
+};
+var _default = ProEditableTable;
+exports.default = _default;

package/lib/old/ProEditableTable/propsType.d.ts

@@ -0,0 +1,68 @@
+import { ButtonProps } from 'antd/lib/button';
+import { FormProps } from 'antd/lib/form';
+import { TablePaginationConfig } from 'antd/lib/table/Table';
+import React from 'react';
+export type TypePropsType = 'Input' | 'InputNumber' | 'InputRange' | 'TextArea' | 'Select' | 'Switch' | 'DatePicker' | 'RangePicker' | 'Cascader' | 'Checkbox' | 'Radio';
+export type editTypePropsType = 'single' | 'multiple';
+export type insertTypePropsType = 'before' | 'after';
+export interface IAddOptionsPropsType {
+    insertType: string;
+}
+export interface IRowDataPropsType {
+    editable?: boolean;
+    isFirst?: boolean;
+    [key: string]: any;
+}
+export interface IActionReturnPropsType {
+    nextList: IRowDataPropsType[];
+    list: IRowDataPropsType[];
+    rowData: IRowDataPropsType;
+    rowIndex: number;
+}
+export interface IAddButtonPropsType extends ButtonProps {
+    isCanAdd?: boolean;
+    isCanMultipleDelete?: boolean;
+    position?: string;
+    insertType?: insertTypePropsType;
+    buttonText?: any;
+    emptyButtonText?: any;
+    onMultipleDelete?: Function;
+    multipleDeleteModalProps?: any;
+    multipleDeleteErrorMessage?: string;
+    onlyAddOneLineAlertMessage?: string;
+}
+export interface TActionRefPropsType {
+    onUpdateRowData: Function;
+    onAdd: Function;
+    onDelete: Function;
+    onMultipleDelete: Function;
+    onEdit: Function;
+    onSave: Function;
+    onCancel: Function;
+    tableNode: HTMLDivElement;
+    validateFields: Function;
+    setDataSource: Function;
+    getPureDataSource: Function;
+    data: IRowDataPropsType[];
+    selectedRows: IRowDataPropsType[];
+    selectedRowKeys: React.Key[];
+    setSelectedRowKeys: React.Dispatch<React.SetStateAction<React.Key[]>>;
+    setSelectedRows: React.Dispatch<React.SetStateAction<IRowDataPropsType[]>>;
+}
+export interface ProEditableTablePropsType {
+    addButtonProps?: IAddButtonPropsType;
+    name?: string;
+    editType: editTypePropsType;
+    columns: any;
+    dataSource: any;
+    rowKey: string;
+    pagination?: TablePaginationConfig;
+    formProps?: FormProps;
+    isAllEditable?: boolean;
+    [key: string]: any;
+}
+export interface FormItemComponentPropsType {
+    type?: TypePropsType;
+    name?: string[];
+    [key: string]: any;
+}

package/lib/old/ProEditableTable/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});