@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

package/lib/ProEditTable/index.js

@@ -1,203 +1,240 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProEditTable/index.tsx
-var ProEditTable_exports = {};
-__export(ProEditTable_exports, {
-  default: () => ProEditTable_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProEditTable_exports);
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_ahooks = require("ahooks");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_utils = require("./utils");
-var import_tools = require("./utils/tools");
-var import_components = require("./components");
-var import_ProForm = __toESM(require("../ProForm"));
-var import_empty = __toESM(require("../assets/empty.png"));
-var import_locale = __toESM(require("../locale"));
-var import_RcTable = require("./components/RcTable");
-var ProEditTable = ({
-  value = [],
-  onChange,
-  onDrag,
-  onDragEnd,
-  className,
-  columns,
-  mode = "multiple",
-  stripe = true,
-  draggable = false,
-  disabled = false,
-  insertType = "after",
-  emptyBtnText = import_locale.default.ProEditTable.clickAdd,
-  actionWidth,
-  actionProps = [],
-  toolbarProps = [],
-  toolbarSticky,
-  rowSelection,
-  onlyOneLineMsg = import_locale.default.ProEditTable.onlyOneLineMsg,
-  deletePoConfirmMsg = import_locale.default.ProEditTable.deletePoConfirmMsg,
-  mulDeletePoConfirmMsg = import_locale.default.ProEditTable.mulDeletePoConfirmMsg,
-  requiredAlign: configRequiredAlign,
-  summary,
-  max,
-  headerRender,
-  pagination,
-  rowKey,
-  rowDisabled,
-  rowDraggable,
-  footerRender,
-  scroll,
-  actionDirection = "horizontal",
-  diffConfig,
-  ...resetProps
-}, ref) => {
-  var _a, _b, _c, _d;
-  const contentForm = import_antd.Form.useFormInstance();
-  const formFieldProps = import_ProForm.default.useFieldProps() || {};
-  const affixRef = (0, import_react.useRef)(null);
-  const form = contentForm || (formFieldProps == null ? void 0 : formFieldProps.form) || (resetProps == null ? void 0 : resetProps.form);
-  let name = (formFieldProps == null ? void 0 : formFieldProps.name) || (resetProps == null ? void 0 : resetProps.name) || ((_b = (_a = resetProps == null ? void 0 : resetProps.id) == null ? void 0 : _a.split) == null ? void 0 : _b.call(_a, "_"));
-  const { isView = false, viewEmpty = "-", namePath } = formFieldProps;
-  if (namePath == null ? void 0 : namePath.length) {
+exports.default = void 0;
+require("antd/es/affix/style");
+var _affix = _interopRequireDefault(require("antd/es/affix"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("antd/es/config-provider/style");
+var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+require("antd/es/form/style");
+var _form = _interopRequireDefault(require("antd/es/form"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("./utils");
+var _tools = require("./utils/tools");
+var _components = require("./components");
+var _ProForm = _interopRequireDefault(require("../ProForm"));
+var _empty = _interopRequireDefault(require("../assets/empty.png"));
+var _locale = _interopRequireWildcard(require("../locale"));
+var _RcTable = require("./components/RcTable");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["value", "onChange", "onDrag", "onDragEnd", "className", "columns", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection", "diffConfig"];
+var ProEditTable = (_ref, ref) => {
+  var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _resetProps$otherProp;
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    onChange = _ref.onChange,
+    onDrag = _ref.onDrag,
+    onDragEnd = _ref.onDragEnd,
+    className = _ref.className,
+    columns = _ref.columns,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'multiple' : _ref$mode,
+    _ref$stripe = _ref.stripe,
+    stripe = _ref$stripe === void 0 ? true : _ref$stripe,
+    _ref$draggable = _ref.draggable,
+    draggable = _ref$draggable === void 0 ? false : _ref$draggable,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$insertType = _ref.insertType,
+    insertType = _ref$insertType === void 0 ? 'after' : _ref$insertType,
+    _ref$emptyBtnText = _ref.emptyBtnText,
+    emptyBtnText = _ref$emptyBtnText === void 0 ? _locale.default.ProEditTable.clickAdd : _ref$emptyBtnText,
+    actionWidth = _ref.actionWidth,
+    _ref$actionProps = _ref.actionProps,
+    actionProps = _ref$actionProps === void 0 ? [] : _ref$actionProps,
+    _ref$toolbarProps = _ref.toolbarProps,
+    toolbarProps = _ref$toolbarProps === void 0 ? [] : _ref$toolbarProps,
+    toolbarSticky = _ref.toolbarSticky,
+    rowSelection = _ref.rowSelection,
+    _ref$onlyOneLineMsg = _ref.onlyOneLineMsg,
+    onlyOneLineMsg = _ref$onlyOneLineMsg === void 0 ? _locale.default.ProEditTable.onlyOneLineMsg : _ref$onlyOneLineMsg,
+    _ref$deletePoConfirmM = _ref.deletePoConfirmMsg,
+    deletePoConfirmMsg = _ref$deletePoConfirmM === void 0 ? _locale.default.ProEditTable.deletePoConfirmMsg : _ref$deletePoConfirmM,
+    _ref$mulDeletePoConfi = _ref.mulDeletePoConfirmMsg,
+    mulDeletePoConfirmMsg = _ref$mulDeletePoConfi === void 0 ? _locale.default.ProEditTable.mulDeletePoConfirmMsg : _ref$mulDeletePoConfi,
+    configRequiredAlign = _ref.requiredAlign,
+    summary = _ref.summary,
+    max = _ref.max,
+    headerRender = _ref.headerRender,
+    pagination = _ref.pagination,
+    rowKey = _ref.rowKey,
+    rowDisabled = _ref.rowDisabled,
+    rowDraggable = _ref.rowDraggable,
+    footerRender = _ref.footerRender,
+    scroll = _ref.scroll,
+    _ref$actionDirection = _ref.actionDirection,
+    actionDirection = _ref$actionDirection === void 0 ? 'horizontal' : _ref$actionDirection,
+    diffConfig = _ref.diffConfig,
+    resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // 上下文form
+  var contentForm = _form.default.useFormInstance();
+  var formFieldProps = _ProForm.default.useFieldProps() || {};
+  var affixRef = (0, _react.useRef)(null);
+  var form = contentForm || (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.form) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.form);
+  var name = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.name) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.name) || (resetProps === null || resetProps === void 0 || (_resetProps$id = resetProps.id) === null || _resetProps$id === void 0 || (_resetProps$id$split = _resetProps$id.split) === null || _resetProps$id$split === void 0 ? void 0 : _resetProps$id$split.call(_resetProps$id, '_'));
+  var _formFieldProps$isVie = formFieldProps.isView,
+    isView = _formFieldProps$isVie === void 0 ? false : _formFieldProps$isVie,
+    _formFieldProps$viewE = formFieldProps.viewEmpty,
+    viewEmpty = _formFieldProps$viewE === void 0 ? '-' : _formFieldProps$viewE,
+    namePath = formFieldProps.namePath;
+
+  // 判断是否在formList内
+  if (namePath !== null && namePath !== void 0 && namePath.length) {
     name = [...namePath, ...name.slice(1)];
-    disabled = (formFieldProps == null ? void 0 : formFieldProps.disabled) || disabled;
+    disabled = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.disabled) || disabled; // formFieldProps?.disabled可能是函数？？
   }
-  const tableRef = (0, import_react.useRef)(null);
-  const { getPrefixCls } = import_react.default.useContext(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls();
-  const [themeConfig] = (0, import_ahooks.useLocalStorageState)("themeConfig");
-  const requiredAlign = (0, import_react.useMemo)(() => {
-    var _a2;
-    return ((_a2 = themeConfig == null ? void 0 : themeConfig.data) == null ? void 0 : _a2.zauiFormAlign) ?? configRequiredAlign ?? "left";
-  }, [(_c = themeConfig == null ? void 0 : themeConfig.data) == null ? void 0 : _c.zauiFormAlign, configRequiredAlign]);
-  const [state, setState] = (0, import_ahooks.useSetState)({
-    cellNamePath: [],
-    // hover模式下正在编辑的单元格路径
-    forceUpdate: {},
-    // 表格内部强制刷新开关
-    editingKeys: [],
-    // 正在编辑行的row-key集合
-    selectedRowKeys: [],
-    // 当前选中行的row-key集合
-    selectedRows: [],
-    // 当前选中行的row-key集合
-    virtualKey: mode === "single" ? (0, import_tools.getRandom)() : "",
-    // 单行编辑生成个随机formItem的key
-    page: {
-      pageNum: 1,
-      pageSize: (pagination == null ? void 0 : pagination.pageSize) || 10
-    }
-  });
-  const {
-    cellNamePath,
-    forceUpdate,
-    editingKeys,
-    virtualKey,
-    selectedRowKeys,
-    selectedRows,
-    page
-  } = state;
-  const virtualRowName = (0, import_tools.getNamePath)((0, import_lodash.isArray)(name) ? name : [name], virtualKey);
-  const _className = (0, import_classnames.default)({
-    "pro-edit-table": true,
-    "pro-edit-table-drag": draggable,
-    "pro-table-no-stripe": !stripe,
+  var tableRef = (0, _react.useRef)(null);
+  // const valueChangeRef = useRef<number>(0);
+  // valueChangeRef.current = 0;
+
+  var _React$useContext = _react.default.useContext(_configProvider.default.ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
+  var _useLocalStorageState = (0, _ahooks.useLocalStorageState)('themeConfig'),
+    _useLocalStorageState2 = (0, _slicedToArray2.default)(_useLocalStorageState, 1),
+    themeConfig = _useLocalStorageState2[0];
+  var requiredAlign = (0, _react.useMemo)(() => {
+    var _ref2, _themeConfig$data$zau, _themeConfig$data;
+    return (_ref2 = (_themeConfig$data$zau = themeConfig === null || themeConfig === void 0 || (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiFormAlign) !== null && _themeConfig$data$zau !== void 0 ? _themeConfig$data$zau : configRequiredAlign) !== null && _ref2 !== void 0 ? _ref2 : 'left';
+  }, [themeConfig === null || themeConfig === void 0 || (_themeConfig$data2 = themeConfig.data) === null || _themeConfig$data2 === void 0 ? void 0 : _themeConfig$data2.zauiFormAlign, configRequiredAlign]);
+  var _useSetState = (0, _ahooks.useSetState)({
+      cellNamePath: [],
+      // hover模式下正在编辑的单元格路径
+      forceUpdate: {},
+      // 表格内部强制刷新开关
+      editingKeys: [],
+      // 正在编辑行的row-key集合
+      selectedRowKeys: [],
+      // 当前选中行的row-key集合
+      selectedRows: [],
+      // 当前选中行的row-key集合
+      virtualKey: mode === 'single' ? (0, _tools.getRandom)() : '',
+      // 单行编辑生成个随机formItem的key
+      page: {
+        pageNum: 1,
+        pageSize: (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || 10
+      }
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var cellNamePath = state.cellNamePath,
+    forceUpdate = state.forceUpdate,
+    editingKeys = state.editingKeys,
+    virtualKey = state.virtualKey,
+    selectedRowKeys = state.selectedRowKeys,
+    selectedRows = state.selectedRows,
+    page = state.page;
+  var virtualRowName = (0, _tools.getNamePath)((0, _lodash.isArray)(name) ? name : [name], virtualKey);
+
+  // 样式处理
+  var _className = (0, _classnames.default)({
+    'pro-edit-table': true,
+    'pro-edit-table-drag': draggable,
+    'pro-table-no-stripe': !stripe,
     className
   });
-  const getRowKey = (0, import_react.useCallback)(
-    (record) => {
-      let key = record.rowKey || (0, import_tools.getRandom)();
-      if (rowKey) {
-        key = ((0, import_lodash.isFunction)(rowKey) ? rowKey(record) : record[rowKey]) ?? key;
-      }
-      return key;
-    },
-    [rowKey]
-  );
-  const originalValues = (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c2;
-    let nextOriginalValues;
-    const originalArr = (0, import_lodash.get)(resetProps == null ? void 0 : resetProps.originalValues, name);
-    const isOriginalAllHasKey = originalArr ? (_a2 = originalArr == null ? void 0 : originalArr.every) == null ? void 0 : _a2.call(originalArr, (item) => item.rowKey) : true;
-    const isNeedCoverOriginal = (_b2 = originalArr == null ? void 0 : originalArr.some) == null ? void 0 : _b2.call(originalArr, (item) => item.rowKey !== getRowKey(item));
-    if ((originalArr == null ? void 0 : originalArr.length) && (!isOriginalAllHasKey || isNeedCoverOriginal)) {
-      (_c2 = originalArr == null ? void 0 : originalArr.forEach) == null ? void 0 : _c2.call(originalArr, (item) => {
+  var getRowKey = (0, _react.useCallback)(record => {
+    var key = record.rowKey || (0, _tools.getRandom)();
+    if (rowKey) {
+      var _ref3;
+      key = (_ref3 = (0, _lodash.isFunction)(rowKey) ? rowKey(record) : record[rowKey]) !== null && _ref3 !== void 0 ? _ref3 : key;
+    }
+    return key;
+  }, [rowKey]);
+  var originalValues = (0, _react.useMemo)(() => {
+    var _originalArr$every, _originalArr$some;
+    var nextOriginalValues;
+    // 原始值也需要设置对应的rowkey，后续比对通过rowkey对比
+    var originalArr = (0, _lodash.get)(resetProps === null || resetProps === void 0 ? void 0 : resetProps.originalValues, name);
+    var isOriginalAllHasKey = originalArr ? originalArr === null || originalArr === void 0 || (_originalArr$every = originalArr.every) === null || _originalArr$every === void 0 ? void 0 : _originalArr$every.call(originalArr, item => item.rowKey) : true;
+    var isNeedCoverOriginal = originalArr === null || originalArr === void 0 || (_originalArr$some = originalArr.some) === null || _originalArr$some === void 0 ? void 0 : _originalArr$some.call(originalArr, item => item.rowKey !== getRowKey(item));
+    // 初始化默认生成row-key
+    if (originalArr !== null && originalArr !== void 0 && originalArr.length && (!isOriginalAllHasKey || isNeedCoverOriginal)) {
+      var _originalArr$forEach;
+      originalArr === null || originalArr === void 0 || (_originalArr$forEach = originalArr.forEach) === null || _originalArr$forEach === void 0 || _originalArr$forEach.call(originalArr, item => {
         item.rowKey = getRowKey(item);
       });
     }
-    if (originalArr == null ? void 0 : originalArr.length) {
+    if (originalArr !== null && originalArr !== void 0 && originalArr.length) {
       nextOriginalValues = {};
-      (0, import_lodash.set)(nextOriginalValues, name, originalArr);
+      (0, _lodash.set)(nextOriginalValues, name, originalArr);
     }
     return nextOriginalValues;
-  }, [resetProps == null ? void 0 : resetProps.originalValues]);
-  const getIsNew = (0, import_react.useCallback)(
-    (record) => {
-      var _a2;
-      const originalArr = (0, import_lodash.get)(originalValues, name);
-      if (!(originalArr == null ? void 0 : originalArr.length)) {
-        return false;
-      }
-      return !((_a2 = originalArr == null ? void 0 : originalArr.find) == null ? void 0 : _a2.call(originalArr, (item) => getRowKey(item) === getRowKey(record)));
-    },
-    [originalValues, name]
-  );
-  const handlePageChange = (0, import_react.useCallback)(
-    async (current, pageSize) => {
-      try {
-        if (pagination) {
-          if (pageSize !== page.pageSize) {
+  }, [resetProps === null || resetProps === void 0 ? void 0 : resetProps.originalValues]);
+  var getIsNew = (0, _react.useCallback)(record => {
+    var _originalArr$find;
+    var originalArr = (0, _lodash.get)(originalValues, name);
+    if (!(originalArr !== null && originalArr !== void 0 && originalArr.length)) {
+      return false;
+    }
+    return !(originalArr !== null && originalArr !== void 0 && (_originalArr$find = originalArr.find) !== null && _originalArr$find !== void 0 && _originalArr$find.call(originalArr, item => getRowKey(item) === getRowKey(record)));
+  }, [originalValues, name]);
+
+  // 分页变更
+  var handlePageChange = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(current, pageSize) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            if (!pagination) {
+              _context.next = 8;
+              break;
+            }
+            if (!(pageSize !== page.pageSize)) {
+              _context.next = 5;
+              break;
+            }
             setState({
               page: {
                 pageNum: current,
                 pageSize
               }
             });
-            return;
-          }
-          await form.validateFields([name], { recursive: true });
-          setState({
-            page: {
-              pageNum: current,
-              pageSize: pageSize ?? page.pageSize
-            }
-          });
+            return _context.abrupt("return");
+          case 5:
+            _context.next = 7;
+            return form.validateFields([name], {
+              recursive: true
+            });
+          case 7:
+            setState({
+              page: {
+                pageNum: current,
+                pageSize: pageSize !== null && pageSize !== void 0 ? pageSize : page.pageSize
+              }
+            });
+          case 8:
+            _context.next = 13;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](0);
+            (0, _tools.handleScrollToError)();
+          case 13:
+          case "end":
+            return _context.stop();
         }
-      } catch (error) {
-        (0, import_tools.handleScrollToError)();
-      }
-    },
-    [pagination, page.pageSize, form, name]
-  );
-  const config = {
+      }, _callee, null, [[0, 10]]);
+    }));
+    return function (_x, _x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [pagination, page.pageSize, form, name]);
+  var config = (0, _objectSpread2.default)({
     form,
     mode,
     isView,
@@ -219,87 +256,102 @@ var ProEditTable = ({
     mulDeletePoConfirmMsg,
     virtualKey,
     requiredAlign,
-    name: (0, import_lodash.isArray)(name) ? name : [name],
+    name: (0, _lodash.isArray)(name) ? name : [name],
     // name需要处理成namePath形式，为兼容多路径
     namePath,
     tableRef,
     max,
-    tableLength: value == null ? void 0 : value.length,
+    tableLength: value === null || value === void 0 ? void 0 : value.length,
     page,
     originalValues,
     prefixCls,
     rowDisabled,
     actionDirection,
-    diffConfig: { ...(_d = resetProps == null ? void 0 : resetProps.otherProps) == null ? void 0 : _d.diffConfig, ...diffConfig },
+    diffConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps === null || resetProps === void 0 || (_resetProps$otherProp = resetProps.otherProps) === null || _resetProps$otherProp === void 0 ? void 0 : _resetProps$otherProp.diffConfig), diffConfig),
     getIsNew,
-    handlePageChange,
-    ...resetProps
-  };
-  const _rowClassName = (record) => {
-    const isEdit = !virtualKey || editingKeys.includes(record.rowKey);
-    const className2 = isEdit ? "is-editing" : "";
+    handlePageChange
+  }, resetProps);
+
+  // 编辑行设置下样式
+  var _rowClassName = record => {
+    var isEdit = !virtualKey || editingKeys.includes(record.rowKey);
+    var className = isEdit ? 'is-editing' : '';
     if (getIsNew(record)) {
-      return `is-new-row ${className2}`;
+      return `is-new-row ${className}`;
     }
-    return className2;
+    return className;
   };
-  const isForbiddenBtn = (0, import_react.useCallback)(
-    (type) => {
-      if (toolbarProps === false) {
-        return true;
-      }
-      if (Array.isArray(toolbarProps)) {
-        const addBtnConfig = toolbarProps == null ? void 0 : toolbarProps.find((item) => item.type === type);
-        if ((0, import_lodash.isFunction)(addBtnConfig == null ? void 0 : addBtnConfig.show)) {
-          const result = addBtnConfig.show();
-          addBtnConfig.show = result;
-        }
-        return (addBtnConfig == null ? void 0 : addBtnConfig.show) === false;
+
+  // 判断是否禁止添加、批量删除
+  var isForbiddenBtn = (0, _react.useCallback)(type => {
+    // 当工具栏不渲染时，都不渲染
+    if (toolbarProps === false) {
+      return true;
+    }
+    // 通过配置项配置show 为 false 开启关闭添加与批量删除
+    if (Array.isArray(toolbarProps)) {
+      var addBtnConfig = toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.find(item => item.type === type);
+      if ((0, _lodash.isFunction)(addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show)) {
+        var result = addBtnConfig.show();
+        addBtnConfig.show = result;
       }
-      return false;
-    },
-    [toolbarProps]
-  );
-  const isHideCheckBox = isForbiddenBtn("mulDelete");
-  const _rowSelection = {
+      return (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === false;
+    }
+    return false;
+  }, [toolbarProps]);
+
+  // 是否隐藏勾选框
+  var isHideCheckBox = isForbiddenBtn('mulDelete');
+
+  // 复选框
+  var _rowSelection = (0, _objectSpread2.default)({
     fixed: true,
     selectedRowKeys,
     columnWidth: 48,
-    onChange: (selectedRowKeys2, selectedRows2) => {
-      setState({ selectedRowKeys: selectedRowKeys2, selectedRows: selectedRows2 });
+    onChange: (selectedRowKeys, selectedRows) => {
+      setState({
+        selectedRowKeys,
+        selectedRows
+      });
     },
-    getCheckboxProps: (record) => {
+    getCheckboxProps: record => {
       if (rowDisabled) {
-        const _disabled = rowDisabled(record);
+        var _disabled = rowDisabled(record);
         return {
           disabled: _disabled
         };
       }
       return {};
     },
-    hideSelectAll: isHideCheckBox,
-    ...rowSelection
-  };
-  const emptyDom = (0, import_react.useMemo)(
-    () => () => {
-      var _a2;
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "com-empty" }, /* @__PURE__ */ import_react.default.createElement("img", { className: "img", src: import_empty.default, alt: "Empty" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "content" }, disabled || isForbiddenBtn("add") ? import_locale.default.ProEditTable.noData : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, import_locale.default.ProEditTable.noData, "，", /* @__PURE__ */ import_react.default.createElement(
-        import_components.RenderToolbar,
-        {
-          ...{
-            ...config,
-            toolbarProps: (_a2 = toolbarProps == null ? void 0 : toolbarProps.filter) == null ? void 0 : _a2.call(
-              toolbarProps,
-              (item) => item.type === "add" || (item == null ? void 0 : item.persistence)
-            ),
+    hideSelectAll: isHideCheckBox
+  }, rowSelection);
+
+  // 空列表状态
+  var emptyDom = (0, _react.useMemo)(() => () => {
+    var _filter, _ref5;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "com-empty",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: "img",
+        src: _empty.default,
+        alt: "Empty"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "content",
+        children: disabled || isForbiddenBtn('add') ? _locale.default.ProEditTable.noData : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [_locale.default.ProEditTable.noData, "\uFF0C", /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+            toolbarProps: toolbarProps === null || toolbarProps === void 0 || (_filter = (_ref5 = toolbarProps).filter) === null || _filter === void 0 ? void 0 : _filter.call(_ref5, item => item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence)),
             dataSource: []
-          }
-        }
-      ))));
-    },
-    [config, disabled, isForbiddenBtn, toolbarProps]
-  );
-  const renderRowSelection = () => {
+          })))]
+        })
+      })]
+    });
+  }, [config, disabled, isForbiddenBtn, toolbarProps]);
+
+  /**
+   * 渲染表格选择器
+   * @returns rowSelection
+   */
+  var renderRowSelection = () => {
     if (disabled || isView) {
       return null;
     }
@@ -311,104 +363,107 @@ var ProEditTable = ({
     }
     return null;
   };
-  const _columns = (0, import_react.useMemo)(() => {
-    return (0, import_utils.transformColumns)(columns, config);
+  var _columns = (0, _react.useMemo)(() => {
+    return (0, _utils.transformColumns)(columns, config);
   }, [disabled, forceUpdate, columns, page, actionProps, editingKeys, cellNamePath]);
-  const initDataSource = () => {
-    var _a2, _b2;
-    const isAllHasKey = (_a2 = value == null ? void 0 : value.every) == null ? void 0 : _a2.call(
-      value,
-      (item) => item.rowKey || typeof rowKey === "string" && item[rowKey]
-    );
-    const isNeedCover = (_b2 = value == null ? void 0 : value.some) == null ? void 0 : _b2.call(value, (item) => item.rowKey !== (getRowKey == null ? void 0 : getRowKey(item)));
-    if ((value == null ? void 0 : value.length) && (!isAllHasKey || isNeedCover)) {
-      const nextValues = value == null ? void 0 : value.map((item) => {
-        return {
-          ...item,
+  var initDataSource = () => {
+    var _value$every, _value$some;
+    // 检查每一项是否有 rowKey 或通过 rowKey 字段获取的 key
+    var isAllHasKey = value === null || value === void 0 || (_value$every = value.every) === null || _value$every === void 0 ? void 0 : _value$every.call(value, item => item.rowKey || typeof rowKey === 'string' && item[rowKey]);
+
+    // 检查 rowKey 是否需要覆盖（即当前 rowKey 与 getRowKey 生成的不一致）
+    var isNeedCover = value === null || value === void 0 || (_value$some = value.some) === null || _value$some === void 0 ? void 0 : _value$some.call(value, item => item.rowKey !== (getRowKey === null || getRowKey === void 0 ? void 0 : getRowKey(item)));
+    // 初始化默认生成 rowKey
+    if (value !== null && value !== void 0 && value.length && (!isAllHasKey || isNeedCover)) {
+      var nextValues = value === null || value === void 0 ? void 0 : value.map(item => {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
           rowKey: getRowKey(item)
-        };
+        });
       });
-      onChange == null ? void 0 : onChange(nextValues);
+      onChange === null || onChange === void 0 || onChange(nextValues);
       if (virtualKey) {
         form.setFieldValue(virtualRowName, nextValues);
       }
     }
   };
-  (0, import_react.useEffect)(() => {
+  (0, _react.useEffect)(() => {
     initDataSource();
   }, [value, originalValues]);
-  (0, import_react.useImperativeHandle)((resetProps == null ? void 0 : resetProps.ref) || ref, () => {
+  (0, _react.useImperativeHandle)((resetProps === null || resetProps === void 0 ? void 0 : resetProps.ref) || ref, () => {
     return {
       getInternalState: () => state,
       setInternalState: setState
     };
   });
-  (0, import_react.useEffect)(() => {
+  (0, _react.useEffect)(() => {
     if (toolbarSticky) {
-      const updatePos = () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = affixRef == null ? void 0 : affixRef.current) == null ? void 0 : _a2.updatePosition) == null ? void 0 : _b2.call(_a2);
+      var updatePos = () => {
+        var _affixRef$current, _affixRef$current$upd;
+        affixRef === null || affixRef === void 0 || (_affixRef$current = affixRef.current) === null || _affixRef$current === void 0 || (_affixRef$current$upd = _affixRef$current.updatePosition) === null || _affixRef$current$upd === void 0 || _affixRef$current$upd.call(_affixRef$current);
       };
-      window.addEventListener("scroll", updatePos, true);
+      window.addEventListener('scroll', updatePos, true);
       return () => {
-        window.removeEventListener("scroll", updatePos, true);
+        window.removeEventListener('scroll', updatePos, true);
       };
     }
   }, [toolbarSticky]);
-  const _toolbarSticky = (0, import_lodash.isBoolean)(toolbarSticky) ? {} : toolbarSticky;
-  const _summary = typeof summary === "object" ? (data) => /* @__PURE__ */ import_react.default.createElement(import_components.Summary, { data, summary, rowSelection: renderRowSelection() }) : summary;
-  const TableComponent = draggable ? import_RcTable.DraggableTable : import_RcTable.BaseTable;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { renderEmpty: (value == null ? void 0 : value.length) ? void 0 : emptyDom }, /* @__PURE__ */ import_react.default.createElement(
-    TableComponent,
-    {
-      ...resetProps,
-      draggableProps: {
-        onChange,
-        onDrag,
-        onDragEnd,
-        draggable
-      },
-      tableProps: {
-        rowKey,
-        value,
-        headerRender,
-        tableRef,
-        className: _className,
-        columns: _columns,
-        renderRowSelection,
-        rowClassName: _rowClassName,
-        disabled,
-        virtualKey,
-        editingKeys,
-        isHideCheckBox,
-        rowDraggable,
-        pagination,
-        scroll,
-        summary: _summary,
-        page,
-        formatMessage: import_locale.formatMessage,
-        locale: import_locale.default,
-        handlePageChange
-      }
-    }
-  )), !isView && (value == null ? void 0 : value.length) ? toolbarSticky ? /* @__PURE__ */ import_react.default.createElement(import_antd.Affix, { ref: affixRef, ..._toolbarSticky }, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: `pro-edit-table-toolbar${pagination ? " pro-edit-table-toolbar-fixed" : ""}`
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_components.RenderToolbar, { ...config })
-  )) : /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: `pro-edit-table-toolbar${pagination ? " pro-edit-table-toolbar-fixed" : ""}`
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_components.RenderToolbar, { ...config })
-  ) : null, footerRender ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-edit-table-footer" }, footerRender) : null, pagination ? /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      id: `pro-edit-table-pagination-${config.name.join("-")}`,
+  var _toolbarSticky = (0, _lodash.isBoolean)(toolbarSticky) ? {} : toolbarSticky;
+  var _summary = typeof summary === 'object' ? data => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Summary, {
+    data: data,
+    summary: summary,
+    rowSelection: renderRowSelection()
+  }) : summary;
+  var TableComponent = draggable ? _RcTable.DraggableTable : _RcTable.BaseTable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_configProvider.default, {
+      renderEmpty: value !== null && value !== void 0 && value.length ? undefined : emptyDom,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
+        draggableProps: {
+          onChange,
+          onDrag,
+          onDragEnd,
+          draggable
+        },
+        tableProps: {
+          rowKey,
+          value,
+          headerRender,
+          tableRef,
+          className: _className,
+          columns: _columns,
+          renderRowSelection,
+          rowClassName: _rowClassName,
+          disabled,
+          virtualKey,
+          editingKeys,
+          isHideCheckBox,
+          rowDraggable,
+          pagination,
+          scroll,
+          summary: _summary,
+          page,
+          formatMessage: _locale.formatMessage,
+          locale: _locale.default,
+          handlePageChange
+        }
+      }))
+    }), !isView && value !== null && value !== void 0 && value.length ? toolbarSticky ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_affix.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      ref: affixRef
+    }, _toolbarSticky), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `pro-edit-table-toolbar${pagination ? ' pro-edit-table-toolbar-fixed' : ''}`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, config))
+      })
+    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `pro-edit-table-toolbar${pagination ? ' pro-edit-table-toolbar-fixed' : ''}`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, config))
+    }) : null, footerRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-edit-table-footer",
+      children: footerRender
+    }) : null, pagination ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: `pro-edit-table-pagination-${config.name.join('-')}`,
       onClick: () => {
-        (0, import_tools.onPageCheck)({
+        (0, _tools.onPageCheck)({
           form,
           name,
           value,
@@ -420,20 +475,20 @@ var ProEditTable = ({
           setState
         });
       }
-    }
-  ) : null, /* @__PURE__ */ import_react.default.createElement(
-    import_components.Validator,
-    {
-      name,
-      virtualKey,
-      editingKeys,
-      onlyOneLineMsg
-    }
-  ));
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Validator, {
+      name: name,
+      virtualKey: virtualKey,
+      editingKeys: editingKeys,
+      onlyOneLineMsg: onlyOneLineMsg
+    })]
+  });
 };
-var ForwardProEditTable = (0, import_react.forwardRef)(ProEditTable);
+var ForwardProEditTable = /*#__PURE__*/(0, _react.forwardRef)(ProEditTable);
+
+// 删除输入就卡顿，需要研究
 ForwardProEditTable.defaultProps = {
   actionProps: [],
   toolbarProps: []
 };
-var ProEditTable_default = ForwardProEditTable;
+// 导出组件
+var _default = exports.default = ForwardProEditTable;