@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/lib/ProEditTable/index.js

@@ -1,343 +1,305 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProEditTable/index.tsx
+var ProEditTable_exports = {};
+__export(ProEditTable_exports, {
+  default: () => ProEditTable_default
 });
-exports.default = void 0;
-require("antd/es/affix/style");
-var _affix = _interopRequireDefault(require("antd/es/affix"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-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"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _set2 = _interopRequireDefault(require("lodash/set"));
-var _isBoolean2 = _interopRequireDefault(require("lodash/isBoolean"));
-var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = _interopRequireWildcard(require("react"));
-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 _excluded = ["value", "onChange", "onDrag", "onDragEnd", "className", "columns", "type", "mode", "stripe", "draggable", "virtual", "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 = function ProEditTable(_ref, ref) {
-  var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _resetProps$otherProp;
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    onDrag = _ref.onDrag,
-    onDragEnd = _ref.onDragEnd,
-    className = _ref.className,
-    columns = _ref.columns,
-    type = _ref.type,
-    mode = _ref.mode,
-    stripe = _ref.stripe,
-    draggable = _ref.draggable,
-    virtual = _ref.virtual,
-    disabled = _ref.disabled,
-    insertType = _ref.insertType,
-    emptyBtnText = _ref.emptyBtnText,
-    actionWidth = _ref.actionWidth,
-    actionProps = _ref.actionProps,
-    toolbarProps = _ref.toolbarProps,
-    toolbarSticky = _ref.toolbarSticky,
-    rowSelection = _ref.rowSelection,
-    onlyOneLineMsg = _ref.onlyOneLineMsg,
-    deletePoConfirmMsg = _ref.deletePoConfirmMsg,
-    mulDeletePoConfirmMsg = _ref.mulDeletePoConfirmMsg,
-    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,
-    actionDirection = _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 ? void 0 : (_resetProps$id = resetProps.id) === null || _resetProps$id === void 0 ? 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 ? void 0 : namePath.length) {
-    name = [].concat((0, _toConsumableArray2.default)(namePath), (0, _toConsumableArray2.default)(name.slice(1)));
-    disabled = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.disabled) || disabled; // formFieldProps?.disabled可能是函数？？
+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) {
+    name = [...namePath, ...name.slice(1)];
+    disabled = (formFieldProps == null ? void 0 : formFieldProps.disabled) || disabled;
   }
-  var tableRef = (0, _react.useRef)(null);
-  var valueChangeRef = (0, _react.useRef)(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)(function () {
-    var _ref2, _themeConfig$data$zau, _themeConfig$data;
-    return (_ref2 = (_themeConfig$data$zau = themeConfig === null || themeConfig === void 0 ? 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 ? void 0 : (_themeConfig$data2 = themeConfig.data) === null || _themeConfig$data2 === void 0 ? void 0 : _themeConfig$data2.zauiFormAlign, configRequiredAlign]);
-  var _useSetState = (0, _ahooks.useSetState)({
-      cellNamePath: [],
-      forceUpdate: {},
-      editingKeys: [],
-      selectedRowKeys: [],
-      selectedRows: [],
-      virtualKey: type === 'single' || mode === 'single' ? (0, _tools.getRandom)() : '',
-      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, _isArray2.default)(name) ? name : [name], virtualKey);
-  // 样式处理
-  var _className = (0, _classnames.default)({
-    'pro-edit-table': true,
-    'pro-edit-table-drag': draggable,
-    'pro-table-no-stripe': !stripe,
-    className: className
-  });
-  var getRowKey = function getRowKey(record) {
-    var key = record.rowKey || (0, _tools.getRandom)();
-    if (rowKey) {
-      var _ref3;
-      key = (_ref3 = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref3 !== void 0 ? _ref3 : key;
+  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
     }
-    return key;
-  };
-  var originalValues = (0, _react.useMemo)(function () {
-    var _originalArr$every, _originalArr$some;
-    var nextOriginalValues;
-    // 原始值也需要设置对应的rowkey，后续比对通过rowkey对比
-    var originalArr = (0, _get2.default)(resetProps === null || resetProps === void 0 ? void 0 : resetProps.originalValues, name);
-    var isOriginalAllHasKey = originalArr ? originalArr === null || originalArr === void 0 ? void 0 : (_originalArr$every = originalArr.every) === null || _originalArr$every === void 0 ? void 0 : _originalArr$every.call(originalArr, function (item) {
-      return item.rowKey;
-    }) : true;
-    var isNeedCoverOriginal = originalArr === null || originalArr === void 0 ? void 0 : (_originalArr$some = originalArr.some) === null || _originalArr$some === void 0 ? void 0 : _originalArr$some.call(originalArr, function (item) {
-      return item.rowKey !== getRowKey(item);
-    });
-    // 初始化默认生成row-key
-    if ((originalArr === null || originalArr === void 0 ? void 0 : originalArr.length) && (!isOriginalAllHasKey || isNeedCoverOriginal)) {
-      var _originalArr$forEach;
-      originalArr === null || originalArr === void 0 ? void 0 : (_originalArr$forEach = originalArr.forEach) === null || _originalArr$forEach === void 0 ? void 0 : _originalArr$forEach.call(originalArr, function (item) {
+  });
+  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,
+    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) => {
         item.rowKey = getRowKey(item);
       });
     }
-    if (originalArr === null || originalArr === void 0 ? void 0 : originalArr.length) {
+    if (originalArr == null ? void 0 : originalArr.length) {
       nextOriginalValues = {};
-      (0, _set2.default)(nextOriginalValues, name, originalArr);
+      (0, import_lodash.set)(nextOriginalValues, name, originalArr);
     }
     return nextOriginalValues;
-  }, [resetProps === null || resetProps === void 0 ? void 0 : resetProps.originalValues]);
-  var getIsNew = function getIsNew(record) {
-    var _originalArr$find;
-    var originalArr = (0, _get2.default)(originalValues, name);
-    if (!(originalArr === null || originalArr === void 0 ? void 0 : originalArr.length)) {
-      return false;
-    }
-    return !(originalArr === null || originalArr === void 0 ? void 0 : (_originalArr$find = originalArr.find) === null || _originalArr$find === void 0 ? void 0 : _originalArr$find.call(originalArr, function (item) {
-      return getRowKey(item) === getRowKey(record);
-    }));
-  };
-  // 分页变更
-  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: pageSize
-              }
-            });
-            return _context.abrupt("return");
-          case 5:
-            _context.next = 7;
-            return form.validateFields([name], {
-              recursive: true
-            });
-          case 7:
+  }, [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) {
             setState({
               page: {
                 pageNum: current,
-                pageSize: pageSize !== null && pageSize !== void 0 ? pageSize : page.pageSize
+                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();
+            return;
+          }
+          await form.validateFields([name], { recursive: true });
+          setState({
+            page: {
+              pageNum: current,
+              pageSize: pageSize ?? page.pageSize
+            }
+          });
         }
-      }, _callee, null, [[0, 10]]);
-    }));
-    return function (_x, _x2) {
-      return _ref4.apply(this, arguments);
-    };
-  }(), [pagination, page.pageSize, form, name]);
-  var config = (0, _objectSpread2.default)({
-    form: form,
-    mode: mode,
-    isView: isView,
-    viewEmpty: viewEmpty,
-    disabled: disabled,
-    cellNamePath: cellNamePath,
-    forceUpdate: forceUpdate,
-    insertType: insertType,
-    emptyBtnText: emptyBtnText,
-    editingKeys: editingKeys,
-    actionWidth: actionWidth,
-    actionProps: actionProps,
-    toolbarProps: toolbarProps,
-    setState: setState,
-    selectedRowKeys: selectedRowKeys,
-    selectedRows: selectedRows,
-    onlyOneLineMsg: onlyOneLineMsg,
-    deletePoConfirmMsg: deletePoConfirmMsg,
-    mulDeletePoConfirmMsg: mulDeletePoConfirmMsg,
-    virtualKey: virtualKey,
-    requiredAlign: requiredAlign,
-    name: (0, _isArray2.default)(name) ? name : [name],
-    namePath: namePath,
-    tableRef: tableRef,
-    max: max,
-    tableLength: value === null || value === void 0 ? void 0 : value.length,
-    page: page,
-    originalValues: originalValues,
-    prefixCls: prefixCls,
-    rowDisabled: rowDisabled,
-    actionDirection: actionDirection,
-    diffConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps === null || resetProps === void 0 ? void 0 : (_resetProps$otherProp = resetProps.otherProps) === null || _resetProps$otherProp === void 0 ? void 0 : _resetProps$otherProp.diffConfig), diffConfig),
-    getIsNew: getIsNew,
-    handlePageChange: handlePageChange
-  }, resetProps);
-  // 编辑行设置下样式
-  var _rowClassName = function _rowClassName(record) {
-    var isEdit = !virtualKey || editingKeys.includes(record.rowKey);
-    var className = isEdit ? 'is-editing' : '';
+      } catch (error) {
+        (0, import_tools.handleScrollToError)();
+      }
+    },
+    [pagination, page.pageSize, form, name]
+  );
+  const config = {
+    form,
+    mode,
+    isView,
+    viewEmpty,
+    disabled,
+    cellNamePath,
+    forceUpdate,
+    insertType,
+    emptyBtnText,
+    editingKeys,
+    actionWidth,
+    actionProps,
+    toolbarProps,
+    setState,
+    selectedRowKeys,
+    selectedRows,
+    onlyOneLineMsg,
+    deletePoConfirmMsg,
+    mulDeletePoConfirmMsg,
+    virtualKey,
+    requiredAlign,
+    name: (0, import_lodash.isArray)(name) ? name : [name],
+    // name需要处理成namePath形式，为兼容多路径
+    namePath,
+    tableRef,
+    max,
+    tableLength: value == null ? void 0 : value.length,
+    page,
+    originalValues,
+    prefixCls,
+    rowDisabled,
+    actionDirection,
+    diffConfig: { ...(_d = resetProps == null ? void 0 : resetProps.otherProps) == null ? void 0 : _d.diffConfig, ...diffConfig },
+    getIsNew,
+    handlePageChange,
+    ...resetProps
+  };
+  const _rowClassName = (record) => {
+    const isEdit = !virtualKey || editingKeys.includes(record.rowKey);
+    const className2 = isEdit ? "is-editing" : "";
     if (getIsNew(record)) {
-      return "is-new-row ".concat(className);
+      return `is-new-row ${className2}`;
     }
-    return className;
+    return className2;
   };
-  // 判断是否禁止添加、批量删除
-  var isForbiddenBtn = (0, _react.useCallback)(function (type) {
-    // 当工具栏不渲染时，都不渲染
-    if (toolbarProps === false) {
-      return true;
-    }
-    // 通过配置项配置show 为 false 开启关闭添加与批量删除
-    if (Array.isArray(toolbarProps)) {
-      var addBtnConfig = toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.find(function (item) {
-        return item.type === type;
-      });
-      if (typeof (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === 'function') {
-        var result = addBtnConfig.show();
-        addBtnConfig.show = result;
+  const isForbiddenBtn = (0, import_react.useCallback)(
+    (type) => {
+      if (toolbarProps === false) {
+        return true;
       }
-      return (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === false;
-    }
-    return false;
-  }, [toolbarProps]);
-  // 是否隐藏勾选框
-  var isHideCheckBox = isForbiddenBtn('mulDelete');
-  // 复选框
-  var _rowSelection = (0, _objectSpread2.default)({
+      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;
+      }
+      return false;
+    },
+    [toolbarProps]
+  );
+  const isHideCheckBox = isForbiddenBtn("mulDelete");
+  const _rowSelection = {
     fixed: true,
-    selectedRowKeys: selectedRowKeys,
-    onChange: function onChange(selectedRowKeys, selectedRows) {
-      setState({
-        selectedRowKeys: selectedRowKeys,
-        selectedRows: selectedRows
-      });
+    selectedRowKeys,
+    columnWidth: 48,
+    onChange: (selectedRowKeys2, selectedRows2) => {
+      setState({ selectedRowKeys: selectedRowKeys2, selectedRows: selectedRows2 });
     },
-    getCheckboxProps: function getCheckboxProps(record) {
+    getCheckboxProps: (record) => {
       if (rowDisabled) {
-        var _disabled = rowDisabled(record);
+        const _disabled = rowDisabled(record);
         return {
           disabled: _disabled
         };
       }
       return {};
     },
-    hideSelectAll: isHideCheckBox
-  }, rowSelection);
-  // 空列表状态
-  var empty = function empty() {
-    var _toolbarProps$filter;
-    return (0, _jsxRuntime.jsxs)("div", {
-      className: "com-empty",
-      children: [(0, _jsxRuntime.jsx)("img", {
-        className: "img",
-        src: _empty.default,
-        alt: "Empty"
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "content",
-        children: disabled || isForbiddenBtn('add') ? _locale.default.ProEditTable.noData : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [_locale.default.ProEditTable.noData, "\uFF0C", (0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
-            toolbarProps: toolbarProps === null || toolbarProps === void 0 ? void 0 : (_toolbarProps$filter = toolbarProps.filter) === null || _toolbarProps$filter === void 0 ? void 0 : _toolbarProps$filter.call(toolbarProps, function (item) {
-              return item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence);
-            }),
-            dataSource: []
-          })))]
-        })
-      })]
-    });
+    hideSelectAll: isHideCheckBox,
+    ...rowSelection
   };
-  /**
-   * 渲染表格选择器
-   * @returns rowSelection
-   */
-  var renderRowSelection = function renderRowSelection() {
+  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)
+            ),
+            dataSource: []
+          }
+        }
+      ))));
+    },
+    [config, disabled, isForbiddenBtn, toolbarProps]
+  );
+  const renderRowSelection = () => {
     if (disabled || isView) {
       return null;
     }
@@ -349,152 +311,129 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     }
     return null;
   };
-  (0, _ahooks.useDeepCompareEffect)(function () {
-    valueChangeRef.current += 1;
-    // 在这里根据需要计算新的数组
-  }, [value, config.name]);
-  var _columns = (0, _react.useMemo)(function () {
-    return (0, _utils.transformColumns)(columns, config);
-  }, [valueChangeRef.current, disabled, forceUpdate, columns, page, actionProps, editingKeys, cellNamePath, value === null || value === void 0 ? void 0 : value.length]);
-  var initDataSource = function initDataSource() {
-    var _value$every, _value$some;
-    var isAllHasKey = value === null || value === void 0 ? void 0 : (_value$every = value.every) === null || _value$every === void 0 ? void 0 : _value$every.call(value, function (item) {
-      return item.rowKey;
-    });
-    // 检测当前rowkey是否与制定key的值是否一致，不一致，则执行覆盖
-    var isNeedCover = value === null || value === void 0 ? void 0 : (_value$some = value.some) === null || _value$some === void 0 ? void 0 : _value$some.call(value, function (item) {
-      return item.rowKey !== getRowKey(item);
-    });
-    // 初始化默认生成row-key
-    if ((value === null || value === void 0 ? void 0 : value.length) && (!isAllHasKey || isNeedCover)) {
-      var nextValues = value === null || value === void 0 ? void 0 : value.map(function (item) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+  const _columns = (0, import_react.useMemo)(() => {
+    return (0, import_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,
           rowKey: getRowKey(item)
-        });
+        };
       });
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValues);
+      onChange == null ? void 0 : onChange(nextValues);
       if (virtualKey) {
         form.setFieldValue(virtualRowName, nextValues);
       }
     }
   };
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     initDataSource();
   }, [value, originalValues]);
-  (0, _react.useImperativeHandle)((resetProps === null || resetProps === void 0 ? void 0 : resetProps.ref) || ref, function () {
+  (0, import_react.useImperativeHandle)((resetProps == null ? void 0 : resetProps.ref) || ref, () => {
     return {
-      getInternalState: function getInternalState() {
-        return state;
-      },
+      getInternalState: () => state,
       setInternalState: setState
     };
   });
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     if (toolbarSticky) {
-      var updatePos = function updatePos() {
-        var _affixRef$current, _affixRef$current$upd;
-        affixRef === null || affixRef === void 0 ? void 0 : (_affixRef$current = affixRef.current) === null || _affixRef$current === void 0 ? void 0 : (_affixRef$current$upd = _affixRef$current.updatePosition) === null || _affixRef$current$upd === void 0 ? void 0 : _affixRef$current$upd.call(_affixRef$current);
+      const updatePos = () => {
+        var _a2, _b2;
+        (_b2 = (_a2 = affixRef == null ? void 0 : affixRef.current) == null ? void 0 : _a2.updatePosition) == null ? void 0 : _b2.call(_a2);
       };
-      window.addEventListener('scroll', updatePos, true);
-      return function () {
-        window.removeEventListener('scroll', updatePos, true);
+      window.addEventListener("scroll", updatePos, true);
+      return () => {
+        window.removeEventListener("scroll", updatePos, true);
       };
     }
   }, [toolbarSticky]);
-  var _toolbarSticky = (0, _isBoolean2.default)(toolbarSticky) ? {} : toolbarSticky;
-  var _summary = (0, _typeof2.default)(summary) === 'object' ? function (data) {
-    return (0, _jsxRuntime.jsx)(_components.Summary, {
-      data: data,
-      summary: summary,
-      rowSelection: renderRowSelection()
-    });
-  } : summary;
-  var TableComponent = draggable ? _RcTable.DraggableTable : virtual ? _RcTable.VirtualTable : _RcTable.BaseTable;
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsxs)(_configProvider.default, {
-      renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty,
-      children: [(0, _jsxRuntime.jsx)(TableComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
-        draggableProps: {
-          onChange: onChange,
-          onDrag: onDrag,
-          onDragEnd: onDragEnd,
-          draggable: draggable
-        },
-        tableProps: {
-          value: value,
-          headerRender: headerRender,
-          tableRef: tableRef,
-          className: _className,
-          columns: _columns,
-          renderRowSelection: renderRowSelection,
-          rowClassName: _rowClassName,
-          disabled: disabled,
-          virtualKey: virtualKey,
-          editingKeys: editingKeys,
-          isHideCheckBox: isHideCheckBox,
-          rowDraggable: rowDraggable,
-          pagination: pagination,
-          scroll: scroll,
-          summary: _summary,
-          page: page,
-          formatMessage: _locale.formatMessage,
-          locale: _locale.default,
-          handlePageChange: handlePageChange
-        }
-      })), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? (0, _jsxRuntime.jsx)(_affix.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        ref: affixRef
-      }, _toolbarSticky), {}, {
-        children: (0, _jsxRuntime.jsx)("div", {
-          className: "pro-edit-table-toolbar".concat(pagination ? ' pro-edit-table-toolbar-fixed' : ''),
-          children: (0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, config))
-        })
-      })) : (0, _jsxRuntime.jsx)("div", {
-        className: "pro-edit-table-toolbar".concat(pagination ? ' pro-edit-table-toolbar-fixed' : ''),
-        children: (0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, config))
-      }) : null, footerRender ? (0, _jsxRuntime.jsx)("div", {
-        className: "pro-edit-table-footer",
-        children: footerRender
-      }) : null, pagination ? (0, _jsxRuntime.jsx)("div", {
-        id: "pro-edit-table-pagination-".concat(config.name.join('-')),
-        onClick: function onClick() {
-          (0, _tools.onPageCheck)({
-            form: form,
-            name: name,
-            value: value,
-            columns: columns,
-            page: page,
-            pagination: pagination,
-            isView: isView,
-            disabled: disabled,
-            setState: setState
-          });
-        }
-      }) : null]
-    }), (0, _jsxRuntime.jsx)(_components.Validator, {
-      name: name,
-      virtualKey: virtualKey,
-      editingKeys: editingKeys,
-      onlyOneLineMsg: onlyOneLineMsg
-    })]
-  });
+  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("-")}`,
+      onClick: () => {
+        (0, import_tools.onPageCheck)({
+          form,
+          name,
+          value,
+          columns,
+          page,
+          pagination,
+          isView,
+          disabled,
+          setState
+        });
+      }
+    }
+  ) : null, /* @__PURE__ */ import_react.default.createElement(
+    import_components.Validator,
+    {
+      name,
+      virtualKey,
+      editingKeys,
+      onlyOneLineMsg
+    }
+  ));
 };
-var ForwardProEditTable = /*#__PURE__*/(0, _react.forwardRef)(ProEditTable);
+var ForwardProEditTable = (0, import_react.forwardRef)(ProEditTable);
 ForwardProEditTable.defaultProps = {
-  type: 'multiple',
-  mode: 'multiple',
-  insertType: 'after',
-  actionDirection: 'horizontal',
-  value: [],
   actionProps: [],
-  toolbarProps: [],
-  disabled: false,
-  draggable: false,
-  virtual: false,
-  stripe: true,
-  emptyBtnText: _locale.default.ProEditTable.clickAdd,
-  onlyOneLineMsg: _locale.default.ProEditTable.onlyOneLineMsg,
-  deletePoConfirmMsg: _locale.default.ProEditTable.deletePoConfirmMsg,
-  mulDeletePoConfirmMsg: _locale.default.ProEditTable.mulDeletePoConfirmMsg
+  toolbarProps: []
 };
-// 导出组件
-var _default = exports.default = ForwardProEditTable;
+var ProEditTable_default = ForwardProEditTable;