@zat-design/sisyphus-react 3.0.13

package/es/old/ProCustomColumn/style/index.less

@@ -0,0 +1,88 @@
+@import "./LeftBody";
+@import "./RightBody";
+
+.pro-custom-column {
+  .custom-column-btn {
+    display    : inline-flex;
+    align-items: center;
+
+    &:hover,
+    &:visited,
+    &:focus {
+      color     : unset;
+      border    : 1px solid #d9d9d9;
+      background: unset;
+    }
+
+    .anticon {
+      height: 16px;
+    }
+  }
+}
+
+.pro-custom-column-modal {
+
+  .ant-modal-header,
+  .ant-modal-footer {
+    border: none;
+  }
+
+  .ant-modal-footer {
+    padding: 0 var(--zaui-space-size-md, 16px) var(--zaui-space-size-md, 16px) var(--zaui-space-size-md, 16px);
+  }
+
+  .main {
+    display: flex;
+    height : 360px;
+  }
+}
+
+.right-list-item {
+  width         : 100%;
+  padding-bottom: var(--zaui-space-size-sm, 8px);
+
+  .ant-tag {
+    display        : flex;
+    align-items    : center;
+    justify-content: space-between;
+    width          : 100%;
+    height         : 32px;
+    background     : #F2F2F2;
+    border-radius  : var(--zaui-border-radius, 4px);
+    border         : none;
+    color          : #343434;
+    font-size      : var(--zaui-font-size, 14px);
+
+    .drag-icon {
+      height: 20px;
+      cursor: move;
+    }
+
+    .disabled-icon {
+      height: 20px;
+    }
+
+    .anticon-close {
+      color    : #DCDCDC;
+      font-size: var(--zaui-font-size-sm, 12px);
+    }
+  }
+
+  &.disabled {
+    cursor: not-allowed;
+
+    .pro-tooltip,
+    .anticon {
+      cursor: not-allowed;
+    }
+
+    .anticon {
+      pointer-events: none;
+    }
+  }
+}
+
+.sortable-helper {
+  list-style-type: none;
+  z-index        : 9999;
+}

package/es/old/ProEditableTable/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProEditableTablePropsType } from './propsType';
+declare const ProEditableTable: React.ForwardRefExoticComponent<Pick<ProEditableTablePropsType, keyof ProEditableTablePropsType> & React.RefAttributes<unknown>>;
+export default ProEditableTable;

package/es/old/ProEditableTable/index.js

@@ -0,0 +1,572 @@
+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/space/style";
+import _Space from "antd/es/space";
+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";
+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 { PlusOutlined } from '@ant-design/icons';
+import { useSetState, useDeepCompareEffect } from 'ahooks';
+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) {
+  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 = _objectWithoutProperties(props, _excluded);
+  var isSingle = editType === 'single';
+  var _Form$useForm = _Form.useForm(originForm),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  // table实例
+  var tableRef = useRef();
+  var _useState = useState(dataSource),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedRowKeys = _useState4[0],
+    setSelectedRowKeys = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedRows = _useState6[0],
+    setSelectedRows = _useState6[1];
+  var _useSetState = useSetState([]),
+    _useSetState2 = _slicedToArray(_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 = _objectWithoutProperties(_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 = cloneDeep(list);
+    nextList[rowIndex] = _objectSpread(_objectSpread({}, nextList[rowIndex]), values);
+    setDataSource ? setDataSource(nextList) : setList(_toConsumableArray(nextList));
+    return Promise.resolve({
+      rowIndex: rowIndex,
+      nextList: nextList,
+      list: 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(_objectSpread({}, 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) {
+        _message.warning(onlyAddOneLineAlertMessage);
+        return Promise.reject(onlyAddOneLineAlertMessage);
+      }
+    }
+    var rowIndex = 0;
+    var nextList = cloneDeep(list);
+    if (insertType === 'before') {
+      handleMulResetForm();
+      nextList.unshift(_objectSpread(_objectSpread({}, rowData), {}, {
+        editable: true,
+        isFirst: true,
+        rowKey: "&&".concat(getRandom())
+      }));
+    } else if (insertType === 'after') {
+      nextList.push(_objectSpread(_objectSpread({}, rowData), {}, {
+        editable: true,
+        isFirst: true,
+        rowKey: "&&".concat(getRandom())
+      }));
+      rowIndex = list.length;
+    }
+    setDataSource ? setDataSource(nextList) : setList(_toConsumableArray(nextList));
+    return Promise.resolve({
+      rowIndex: rowIndex,
+      nextList: 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 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)) {
+              _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 = cloneDeep(form.getFieldsValue(true));
+            nextList = 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(_defineProperty({}, index, item));
+              }
+            });
+            setDataSource ? setDataSource(nextList) : setList(_toConsumableArray(nextList));
+            return _context.abrupt("return", Promise.resolve({
+              rowIndex: 0,
+              nextList: nextList,
+              list: 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 = cloneDeep(form.getFieldsValue(true));
+    var lastIndex = list.length - 1;
+    form.resetFields([rowIndex]);
+    var nextList = 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] = _objectSpread(_objectSpread(_objectSpread({}, nextList[i]), values[i + 1]), {}, {
+        editable: editable,
+        isFirst: isFirst
+      });
+    }
+    // 清空删除后最后一条formItem状态
+    form.resetFields([lastIndex]);
+    setDataSource ? setDataSource(nextList) : setList(_toConsumableArray(nextList));
+    return Promise.resolve({
+      rowIndex: rowIndex,
+      nextList: 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 _form$getFieldsValue$, _form$getFieldsValue, nextValues, res, values;
+      return _regeneratorRuntime().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, _objectSpread({
+              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) {
+        _message.warning(onlyOneLineEditorAlertMessage);
+        return Promise.reject(onlyOneLineEditorAlertMessage);
+      }
+    }
+    setOriginRowData(_defineProperty({}, rowIndex, list[rowIndex]));
+    form.setFieldsValue(_defineProperty({}, 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, _objectSpread({
+      editable: false,
+      isFirst: false
+    }, originRowData[rowIndex]));
+  };
+  // 渲染新增按钮
+  var renderAddButton = function renderAddButton() {
+    if (disabled || list.length === 0 || isCanAdd === false) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, buttonText !== false ? /*#__PURE__*/React.createElement(React.Fragment, null, typeof buttonText === 'string' ? /*#__PURE__*/React.createElement(_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.createElement(_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.createElement(_Button, {
+      disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
+      type: "link"
+    }, "\u5220\u9664")) : null, /*#__PURE__*/React.createElement(_Button, _objectSpread({
+      type: "link",
+      icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+      onClick: function onClick() {
+        onAdd();
+      }
+    }, antButtonProps), buttonText)) : /*#__PURE__*/cloneElement(buttonText, antButtonProps)) : null);
+  };
+  var validateFields = /*#__PURE__*/function () {
+    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) {
+          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;
+            }
+            _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 = useMemo(function () {
+    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
+    };
+  });
+  // 实时同步外部dataSource (useDeepCompareEffect无法察觉dataSource的变更)
+  useDeepCompareEffect(function () {
+    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;
+        });
+        var nextItem = innerItem ? _objectSpread(_objectSpread(_objectSpread({
+          editable: !isSingle
+        }, innerItem), item), {}, {
+          rowKey: key
+        }) : _objectSpread(_objectSpread({
+          editable: !isSingle
+        }, item), {}, {
+          rowKey: key
+        });
+        nextList.push(nextItem);
+      });
+      setList(nextList);
+    } else {
+      setList([]);
+    }
+  }, [dataSource]);
+  useDeepCompareEffect(function () {
+    try {
+      if (list === null || list === void 0 ? void 0 : list.length) {
+        list.forEach(function (item, index) {
+          // 可编辑状态默认给表单回填数据
+          if (item.editable) {
+            form.setFieldsValue(_defineProperty({}, index, item));
+          }
+        });
+      }
+    } catch (error) {
+      console.error('error', error);
+    }
+  }, [list]);
+  var empty = function empty() {
+    return (
+      /*#__PURE__*/
+      // 这里面就是我们自己定义的空状态
+      React.createElement("div", {
+        className: "com-empty"
+      }, /*#__PURE__*/React.createElement("img", {
+        className: "empty-img",
+        src: Empty
+      }), !disabled && isCanAdd ? /*#__PURE__*/React.createElement("div", {
+        className: "empty-text"
+      }, "\u6682\u65E0\u6570\u636E\uFF0C", /*#__PURE__*/React.createElement(_Button, _objectSpread({
+        type: "link",
+        onClick: function onClick() {
+          onAdd();
+        }
+      }, antButtonProps), emptyButtonText)) : /*#__PURE__*/React.createElement("p", null, "\u6682\u65E0\u6570\u636E"))
+    );
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, ['topLeft', 'topRight'].includes(position) && renderAddButton(), /*#__PURE__*/React.createElement(_Form, _objectSpread({
+    form: form,
+    className: "proEditable pro-editable"
+  }, formProps), name ? /*#__PURE__*/React.createElement(_Form.Item, {
+    name: name
+  }, /*#__PURE__*/React.createElement(_ConfigProvider, {
+    renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty
+  }, /*#__PURE__*/React.createElement(_Table, _objectSpread(_objectSpread({
+    dataSource: list,
+    columns: newColumns,
+    pagination: pagination,
+    rowSelection: isCanMultipleDelete && !disabled ? rowSelection : undefined,
+    ref: function ref(node) {
+      return tableRef.current = node;
+    }
+  }, otherProps), {}, {
+    rowKey: getRowKey
+  })))) : /*#__PURE__*/React.createElement(_ConfigProvider, {
+    renderEmpty: (list === null || list === void 0 ? void 0 : list.length) ? undefined : empty
+  }, /*#__PURE__*/React.createElement(_Table, _objectSpread(_objectSpread({
+    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
+  }
+};
+export default ProEditableTable;