@zat-design/sisyphus-react 3.0.16-beta.4 → 3.1.4

package/es/ProEditTable/components/RenderToolbar/index.js

@@ -5,7 +5,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-var _excluded = ["type", "label", "show", "onHandle", "onClick"];
+var _excluded = ["type", "label", "show", "onHandle", "needConfirm", "onClick"];
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { actions, defaultBtnNameMap, defaultToolbarKeys } from '../../utils/config';
 import ActionButton from '../ActionButton';
@@ -18,8 +19,8 @@ var RenderToolbar = function RenderToolbar(config) {
     virtualKey = config.virtualKey,
     form = config.form,
     disabled = config.disabled,
-    selectedRowKeys = config.selectedRowKeys,
-    selectedRows = config.selectedRows;
+    selectedRows = config.selectedRows,
+    tableLength = config.tableLength;
   var virtualName = getNamePath(name, virtualKey);
   var dataSource = form.getFieldValue(name);
   // toolbarProps配置为false 默认不插入
@@ -27,7 +28,7 @@ var RenderToolbar = function RenderToolbar(config) {
     return null;
   }
   var nextToolbarProps = _toConsumableArray(toolbarProps);
-  if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) {
+  if (tableLength) {
     // 不设置toolbarProps
     if (!(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.length)) {
       nextToolbarProps = defaultToolbarKeys.map(function (key) {
@@ -53,8 +54,8 @@ var RenderToolbar = function RenderToolbar(config) {
     });
     nextToolbarProps = [_objectSpread(_objectSpread({}, addConfig), {}, {
       type: 'add',
-      label: emptyBtnText,
-      icon: null
+      label: (addConfig === null || addConfig === void 0 ? void 0 : addConfig.isSelectModal) ? addConfig.label : emptyBtnText,
+      icon: false
     })];
   }
   // 渲染操作按钮前处理下默认数据
@@ -63,39 +64,45 @@ var RenderToolbar = function RenderToolbar(config) {
       label = toolbar.label,
       show = toolbar.show,
       onHandle = toolbar.onHandle,
+      needConfirm = toolbar.needConfirm,
       onClick = toolbar.onClick,
       buttonProps = _objectWithoutProperties(toolbar, _excluded);
     toolbar.isEditable = false;
     toolbar.label = label !== null && label !== void 0 ? label : defaultBtnNameMap[type];
     toolbar.show = show !== null && show !== void 0 ? show : true;
-    toolbar.onClick = /*#__PURE__*/function () {
+    toolbar.needConfirm = needConfirm !== null && needConfirm !== void 0 ? needConfirm : true;
+    toolbar.onEvent = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(record, index) {
-        var _yield$toolbar$onHand, _toolbar$onHandle;
-        var result;
+        var _yield$onEvent;
+        var onEvent, result;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.next = 2;
-              return toolbar === null || toolbar === void 0 ? void 0 : (_toolbar$onHandle = toolbar.onHandle) === null || _toolbar$onHandle === void 0 ? void 0 : _toolbar$onHandle.call(toolbar, selectedRows, dataSource);
-            case 2:
-              _context.t1 = _yield$toolbar$onHand = _context.sent;
+              onEvent = onClick || onHandle;
+              _context.next = 3;
+              return onEvent === null || onEvent === void 0 ? void 0 : onEvent(selectedRows, dataSource, {
+                form: form,
+                namePath: virtualName
+              });
+            case 3:
+              _context.t1 = _yield$onEvent = _context.sent;
               _context.t0 = _context.t1 !== null;
               if (!_context.t0) {
-                _context.next = 6;
+                _context.next = 7;
                 break;
               }
-              _context.t0 = _yield$toolbar$onHand !== void 0;
-            case 6:
+              _context.t0 = _yield$onEvent !== void 0;
+            case 7:
               if (!_context.t0) {
-                _context.next = 10;
+                _context.next = 11;
                 break;
               }
-              _context.t2 = _yield$toolbar$onHand;
-              _context.next = 11;
+              _context.t2 = _yield$onEvent;
+              _context.next = 12;
               break;
-            case 10:
-              _context.t2 = true;
             case 11:
+              _context.t2 = true;
+            case 12:
               result = _context.t2;
               if (result && type !== 'custom') {
                 actions[type](_objectSpread(_objectSpread({}, config), {}, {
@@ -106,7 +113,7 @@ var RenderToolbar = function RenderToolbar(config) {
                   virtualName: virtualName
                 }));
               }
-            case 13:
+            case 14:
             case "end":
               return _context.stop();
           }
@@ -121,16 +128,20 @@ var RenderToolbar = function RenderToolbar(config) {
   });
   var renderToolbarBtns = function renderToolbarBtns() {
     return toolbarBtns.map(function (btnConfig) {
-      return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: "".concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.label).concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type)
-      }, /*#__PURE__*/React.createElement(ActionButton, _objectSpread({}, {
-        config: config,
-        btnConfig: _objectSpread(_objectSpread({}, btnConfig), {}, {
-          editingKeys: []
-        })
-      })));
+      return _jsx(React.Fragment, {
+        children: _jsx(ActionButton, _objectSpread({}, {
+          config: config,
+          btnConfig: _objectSpread(_objectSpread({}, btnConfig), {}, {
+            editingKeys: []
+          })
+        }))
+      }, "".concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.label).concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type));
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) ? /*#__PURE__*/React.createElement(_Space, null, renderToolbarBtns()) : renderToolbarBtns());
+  return _jsx(_Fragment, {
+    children: tableLength ? _jsx(_Space, {
+      children: renderToolbarBtns()
+    }) : renderToolbarBtns()
+  });
 };
 export default RenderToolbar;

package/es/ProEditTable/components/Summary/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { SummaryColumnProps } from '../../propsType';
 interface SummaryProps<T = any> {
     data: T[];
@@ -9,5 +8,5 @@ interface SummaryProps<T = any> {
     };
     rowSelection: any;
 }
-declare const Summary: ({ data, summary, rowSelection, }: SummaryProps) => React.JSX.Element;
+declare const Summary: ({ data, summary, rowSelection, }: SummaryProps) => JSX.Element;
 export default Summary;

package/es/ProEditTable/components/Summary/index.js

@@ -3,8 +3,8 @@ import _Space from "antd/es/space";
 import "antd/es/table/style";
 import _Table from "antd/es/table";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import React from 'react';
-import { tools } from '@zat-design-pro-component/utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tools } from '@zat-design/utils';
 import { valueTypeRender } from '../../../ProUtils/utils';
 var calc = tools.calc;
 var formatSummaryColumns = function formatSummaryColumns(columns, _ref) {
@@ -63,17 +63,24 @@ var Summary = function Summary(_ref3) {
   if (!(data === null || data === void 0 ? void 0 : data.length)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(_Table.Summary, {
-    fixed: fixed
-  }, /*#__PURE__*/React.createElement(_Table.Summary.Row, null, nextColumns.map(function (item) {
-    var index = item.index,
-      colSpan = item.colSpan,
-      prefix = item.prefix;
-    return /*#__PURE__*/React.createElement(_Table.Summary.Cell, {
-      key: index,
-      index: index,
-      colSpan: colSpan
-    }, /*#__PURE__*/React.createElement(_Space, null, prefix, /*#__PURE__*/React.createElement("span", null, renderCell(item))));
-  })));
+  return _jsx(_Table.Summary, {
+    fixed: fixed,
+    children: _jsx(_Table.Summary.Row, {
+      children: nextColumns.map(function (item) {
+        var index = item.index,
+          colSpan = item.colSpan,
+          prefix = item.prefix;
+        return _jsx(_Table.Summary.Cell, {
+          index: index,
+          colSpan: colSpan,
+          children: _jsxs(_Space, {
+            children: [prefix, _jsx("span", {
+              children: renderCell(item)
+            })]
+          })
+        }, index);
+      })
+    })
+  });
 };
 export default Summary;

package/es/ProEditTable/components/Validator/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import type { NamePath } from 'antd/lib/form/interface';
+/// <reference types="react" />
+import type { NamePath } from 'antd/es/form/interface';
 interface ValidatorProps {
     name?: NamePath;
     virtualKey?: string;
     editingKeys?: string[];
     onlyOneLineMsg?: string;
 }
-declare const _default: React.NamedExoticComponent<ValidatorProps>;
+declare const _default: import("react").NamedExoticComponent<ValidatorProps>;
 export default _default;

package/es/ProEditTable/components/Validator/index.js

@@ -2,26 +2,30 @@ import "antd/es/message/style";
 import _message from "antd/es/message";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
-import React, { memo } from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
 var Validator = function Validator(_ref) {
   var name = _ref.name,
     virtualKey = _ref.virtualKey,
     editingKeys = _ref.editingKeys,
     onlyOneLineMsg = _ref.onlyOneLineMsg;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, name && virtualKey ? /*#__PURE__*/React.createElement(_Form.Item, {
-    noStyle: true,
-    validateFirst: true,
-    name: "".concat(name, "-").concat(virtualKey),
-    rules: [{
-      // 单行编辑下，校验当前数据是否已保存
-      validator: function validator() {
-        if (editingKeys === null || editingKeys === void 0 ? void 0 : editingKeys.length) {
-          _message.warning(onlyOneLineMsg);
-          return Promise.reject();
+  return _jsx(_Fragment, {
+    children: name && virtualKey ? _jsx(_Form.Item, {
+      noStyle: true,
+      validateFirst: true,
+      name: "".concat(name, "-").concat(virtualKey),
+      rules: [{
+        // 单行编辑下，校验当前数据是否已保存
+        validator: function validator() {
+          if (editingKeys === null || editingKeys === void 0 ? void 0 : editingKeys.length) {
+            _message.warning(onlyOneLineMsg);
+            return Promise.reject();
+          }
+          return Promise.resolve();
         }
-        return Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/React.createElement(React.Fragment, null)) : null);
+      }],
+      children: _jsx(_Fragment, {})
+    }) : null
+  });
 };
 export default /*#__PURE__*/memo(Validator);

package/es/ProEditTable/index.js

@@ -7,24 +7,28 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "otherProps", "requiredAlign", "summary"];
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
+var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "otherProps", "requiredAlign", "summary", "max", "headerRender", "pagination"];
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
 import { isArray } from 'lodash';
 import { useDebounceEffect, useSetState } from 'ahooks';
 import classnames from 'classnames';
 import { transformColumns } from './utils';
-import { getRandom } from './utils/tools';
+import { getRandom, getNamePath } from './utils/tools';
 import { DndWrapper, Row, Validator, Summary, RenderToolbar } from './components';
 import Empty from '../assets/empty.png';
 var ProEditTable = function ProEditTable(_ref, ref) {
-  var _value$2;
+  var _resetProps$id, _resetProps$id$split, _value$2;
   var value = _ref.value,
     onChange = _ref.onChange,
     className = _ref.className,
     columns = _ref.columns,
     type = _ref.type,
     mode = _ref.mode,
+    stripe = _ref.stripe,
     draggable = _ref.draggable,
     disabled = _ref.disabled,
     insertType = _ref.insertType,
@@ -40,12 +44,19 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     otherProps = _ref$otherProps === void 0 ? {} : _ref$otherProps,
     requiredAlign = _ref.requiredAlign,
     summary = _ref.summary,
+    max = _ref.max,
+    headerRender = _ref.headerRender,
+    pagination = _ref.pagination,
     resetProps = _objectWithoutProperties(_ref, _excluded);
-  var form = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.form) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.form);
-  var name = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.name) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.name);
+  // 上下文form
+  var contentForm = _Form.useFormInstance();
+  var form = contentForm || (otherProps === null || otherProps === void 0 ? void 0 : otherProps.form) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.form);
+  var name = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.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 _otherProps$isView = otherProps.isView,
     isView = _otherProps$isView === void 0 ? false : _otherProps$isView,
-    viewEmpty = otherProps.viewEmpty;
+    _otherProps$viewEmpty = otherProps.viewEmpty,
+    viewEmpty = _otherProps$viewEmpty === void 0 ? '-' : _otherProps$viewEmpty;
+  var tableRef = useRef(null);
   disabled = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.disabled) || disabled;
   var _useSetState = useSetState({
       _columns: columns,
@@ -54,7 +65,11 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       editingKeys: [],
       selectedRowKeys: [],
       selectedRows: [],
-      virtualKey: type === 'single' || mode === 'single' ? getRandom() : '' // 单行编辑生成个随机formItem的key
+      virtualKey: type === 'single' || mode === 'single' ? getRandom() : '',
+      page: {
+        pageNum: 1,
+        pageSize: 10
+      }
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     state = _useSetState2[0],
@@ -65,12 +80,15 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     editingKeys = state.editingKeys,
     virtualKey = state.virtualKey,
     selectedRowKeys = state.selectedRowKeys,
-    selectedRows = state.selectedRows;
+    selectedRows = state.selectedRows,
+    page = state.page;
+  var virtualRowName = getNamePath(isArray(name) ? name : [name], virtualKey);
   var cacheMap = useRef({});
   // 样式处理
   var _className = classnames({
     'pro-edit-table': true,
     'pro-edit-table-drag': draggable,
+    'pro-table-no-stripe': !stripe,
     className: className
   });
   // 编辑行设置下样式
@@ -79,6 +97,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   };
   // 复选框
   var _rowSelection = _objectSpread({
+    fixed: true,
     selectedRowKeys: selectedRowKeys,
     onChange: function onChange(selectedRowKeys, selectedRows) {
       setState({
@@ -89,7 +108,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   }, rowSelection);
   var config = {
     form: form,
-    draggable: draggable,
     mode: mode,
     isView: isView,
     viewEmpty: viewEmpty,
@@ -111,7 +129,11 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     mulDeletePoConfirmMsg: mulDeletePoConfirmMsg,
     virtualKey: virtualKey,
     requiredAlign: requiredAlign,
-    name: isArray(name) ? name : [name] // name需要处理成namePath形式，为兼容多路径
+    name: isArray(name) ? name : [name],
+    tableRef: tableRef,
+    max: max,
+    tableLength: value === null || value === void 0 ? void 0 : value.length,
+    page: page
   };
   // 判断是否禁止添加、批量删除
   var isForbiddenBtn = useCallback(function (type) {
@@ -130,25 +152,35 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       return (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === false;
     }
   }, [toolbarProps]);
+  // 分页变更
+  var handlePageChange = useCallback(function (current, pageSize) {
+    setState({
+      page: {
+        pageNum: current,
+        pageSize: pageSize
+      }
+    });
+  }, []);
   // 空列表状态
   var empty = function empty() {
-    var _toolbarProps$find, _toolbarProps$find$ca;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "com-empty"
-    }, /*#__PURE__*/React.createElement("img", {
-      className: "img",
-      src: Empty
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "content"
-    }, disabled || isForbiddenBtn('add') ? '暂无数据' : /*#__PURE__*/React.createElement(React.Fragment, null, "\u6682\u65E0\u6570\u636E\uFF0C", /*#__PURE__*/React.createElement(RenderToolbar, _objectSpread({}, _objectSpread(_objectSpread({}, config), {}, {
-      toolbarProps: [{
-        type: 'add',
-        onHandle: toolbarProps === null || toolbarProps === void 0 ? void 0 : (_toolbarProps$find = toolbarProps.find) === null || _toolbarProps$find === void 0 ? void 0 : (_toolbarProps$find$ca = _toolbarProps$find.call(toolbarProps, function (item) {
-          return item.type === 'add';
-        })) === null || _toolbarProps$find$ca === void 0 ? void 0 : _toolbarProps$find$ca.onHandle
-      }],
-      dataSource: []
-    }))))));
+    var _toolbarProps$filter;
+    return _jsxs("div", {
+      className: "com-empty",
+      children: [_jsx("img", {
+        className: "img",
+        src: Empty
+      }), _jsx("div", {
+        className: "content",
+        children: disabled || isForbiddenBtn('add') ? '暂无数据' : _jsxs(_Fragment, {
+          children: ["\u6682\u65E0\u6570\u636E\uFF0C", _jsx(RenderToolbar, _objectSpread({}, _objectSpread(_objectSpread({}, 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';
+            }),
+            dataSource: []
+          })))]
+        })
+      })]
+    });
   };
   /**
    * 渲染表格选择器
@@ -167,7 +199,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return transformColumns(columns, config, renderRowSelection());
+            return transformColumns(columns, config);
           case 2:
             nextColumns = _context.sent;
             setState({
@@ -185,14 +217,14 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   }();
   useDebounceEffect(function () {
     setColumns();
-  }, [value, cellNamePath, forceUpdate, editingKeys, disabled, actionProps, columns],
+  }, [value, cellNamePath, forceUpdate, editingKeys, disabled, actionProps, columns, page],
   // columns更新修复外部表单无法控制内部表单的问题
   {
     wait: 60
   });
   useEffect(function () {
     var _value$;
-    // 初始化默认生成rowKey
+    // 初始化默认生成row-key
     if ((value === null || value === void 0 ? void 0 : value.length) && !(value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey)) {
       var nextValues = value === null || value === void 0 ? void 0 : value.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
@@ -200,58 +232,82 @@ var ProEditTable = function ProEditTable(_ref, ref) {
         });
       });
       onChange(nextValues);
+      if (virtualKey) {
+        form.setFieldValue(virtualRowName, nextValues);
+      }
     }
   }, [value]);
   useImperativeHandle(ref, function () {
     return {
       getInternalState: function getInternalState() {
         return state;
-      }
+      },
+      setInternalState: setState
     };
   });
   var _summary = _typeof(summary) === 'object' ? function (data) {
-    return /*#__PURE__*/React.createElement(Summary, {
+    return _jsx(Summary, {
       data: data,
       summary: summary,
       rowSelection: renderRowSelection()
     });
   } : summary;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ConfigProvider, {
-    renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty
-  }, /*#__PURE__*/React.createElement(DndWrapper, {
-    value: value,
-    onChange: onChange,
-    disabled: disabled,
-    draggable: draggable
-  }, /*#__PURE__*/React.createElement(_Table, _objectSpread(_objectSpread({
-    className: _className,
-    dataSource: (value === null || value === void 0 ? void 0 : (_value$2 = value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.rowKey) ? value : undefined,
-    columns: _columns,
-    rowSelection: renderRowSelection(),
-    rowClassName: _rowClassName,
-    components: draggable ? {
-      body: {
-        row: Row
-      }
-    } : undefined,
-    onRow: function onRow() {
-      return {
-        disabled: disabled || virtualKey && !!editingKeys.length,
-        onClick: function onClick() {}
-      };
-    }
-  }, resetProps), {}, {
-    rowKey: "rowKey",
-    pagination: false,
-    summary: _summary
-  }))), !isView && (value === null || value === void 0 ? void 0 : value.length) ? /*#__PURE__*/React.createElement("div", {
-    className: "pro-edit-table-toolbar"
-  }, /*#__PURE__*/React.createElement(RenderToolbar, _objectSpread({}, config))) : null), /*#__PURE__*/React.createElement(Validator, {
-    name: name,
-    virtualKey: virtualKey,
-    editingKeys: editingKeys,
-    onlyOneLineMsg: onlyOneLineMsg
-  }));
+  return _jsxs(_Fragment, {
+    children: [_jsxs(_ConfigProvider, {
+      renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty,
+      children: [_jsxs(DndWrapper, {
+        value: value,
+        onChange: onChange,
+        disabled: disabled,
+        draggable: draggable,
+        children: [headerRender ? _jsx("div", {
+          className: "pro-edit-table-header",
+          children: typeof headerRender === 'function' ? headerRender() : headerRender
+        }) : null, _jsx(_Table, _objectSpread(_objectSpread({
+          ref: tableRef,
+          className: _className,
+          dataSource: (value === null || value === void 0 ? void 0 : (_value$2 = value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.rowKey) ? value : undefined,
+          columns: _columns,
+          rowSelection: renderRowSelection(),
+          rowClassName: _rowClassName,
+          components: draggable ? {
+            body: {
+              row: Row
+            }
+          } : undefined,
+          onRow: function onRow() {
+            return {
+              disabled: disabled || virtualKey && !!editingKeys.length,
+              onClick: function onClick() {}
+            };
+          }
+        }, resetProps), {}, {
+          pagination: pagination ? _objectSpread({
+            current: page.pageNum,
+            pageSize: page.pageSize,
+            showSizeChanger: false,
+            showQuickJumper: true,
+            total: value.length,
+            showTotal: function showTotal(total) {
+              if (!total) return;
+              return "\u5171".concat(total, "\u6761");
+            },
+            onChange: handlePageChange
+          }, pagination) : false,
+          rowKey: "rowKey",
+          summary: _summary
+        }))]
+      }), !isView && (value === null || value === void 0 ? void 0 : value.length) ? _jsx("div", {
+        className: "pro-edit-table-toolbar".concat(pagination ? ' pro-edit-table-toolbar-fixed' : ''),
+        children: _jsx(RenderToolbar, _objectSpread({}, config))
+      }) : null]
+    }), _jsx(Validator, {
+      name: name,
+      virtualKey: virtualKey,
+      editingKeys: editingKeys,
+      onlyOneLineMsg: onlyOneLineMsg
+    })]
+  });
 };
 var ForwardProEditTable = /*#__PURE__*/forwardRef(ProEditTable);
 ForwardProEditTable.defaultProps = {
@@ -264,6 +320,7 @@ ForwardProEditTable.defaultProps = {
   toolbarProps: [],
   disabled: false,
   draggable: false,
+  stripe: true,
   emptyBtnText: '点击添加',
   onlyOneLineMsg: '请先保存数据',
   deletePoConfirmMsg: '您确定要删除该行数据吗？',