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

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

@@ -10,12 +10,13 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _antd = require("antd");
 var _config = require("../../utils/config");
 var _ActionButton = _interopRequireDefault(require("../ActionButton"));
 var _tools = require("../../utils/tools");
-var _excluded = ["type", "label", "show", "onHandle", "onClick"];
+var _excluded = ["type", "label", "show", "onHandle", "needConfirm", "onClick"];
 // 渲染工具栏
 var RenderToolbar = function RenderToolbar(config) {
   var emptyBtnText = config.emptyBtnText,
@@ -24,8 +25,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 = (0, _tools.getNamePath)(name, virtualKey);
   var dataSource = form.getFieldValue(name);
   // toolbarProps配置为false 默认不插入
@@ -33,7 +34,7 @@ var RenderToolbar = function RenderToolbar(config) {
     return null;
   }
   var nextToolbarProps = (0, _toConsumableArray2.default)(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 = _config.defaultToolbarKeys.map(function (key) {
@@ -59,8 +60,8 @@ var RenderToolbar = function RenderToolbar(config) {
     });
     nextToolbarProps = [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, addConfig), {}, {
       type: 'add',
-      label: emptyBtnText,
-      icon: null
+      label: (addConfig === null || addConfig === void 0 ? void 0 : addConfig.isSelectModal) ? addConfig.label : emptyBtnText,
+      icon: false
     })];
   }
   // 渲染操作按钮前处理下默认数据
@@ -69,39 +70,45 @@ var RenderToolbar = function RenderToolbar(config) {
       label = toolbar.label,
       show = toolbar.show,
       onHandle = toolbar.onHandle,
+      needConfirm = toolbar.needConfirm,
       onClick = toolbar.onClick,
       buttonProps = (0, _objectWithoutProperties2.default)(toolbar, _excluded);
     toolbar.isEditable = false;
     toolbar.label = label !== null && label !== void 0 ? label : _config.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 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(record, index) {
-        var _yield$toolbar$onHand, _toolbar$onHandle;
-        var result;
+        var _yield$onEvent;
+        var onEvent, result;
         return (0, _regeneratorRuntime2.default)().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') {
                 _config.actions[type]((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
@@ -112,7 +119,7 @@ var RenderToolbar = function RenderToolbar(config) {
                   virtualName: virtualName
                 }));
               }
-            case 13:
+            case 14:
             case "end":
               return _context.stop();
           }
@@ -127,17 +134,20 @@ var RenderToolbar = function RenderToolbar(config) {
   });
   var renderToolbarBtns = function renderToolbarBtns() {
     return toolbarBtns.map(function (btnConfig) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-        key: "".concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.label).concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type)
-      }, /*#__PURE__*/_react.default.createElement(_ActionButton.default, (0, _objectSpread2.default)({}, {
-        config: config,
-        btnConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, btnConfig), {}, {
-          editingKeys: []
-        })
-      })));
+      return (0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: (0, _jsxRuntime.jsx)(_ActionButton.default, (0, _objectSpread2.default)({}, {
+          config: config,
+          btnConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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.default.createElement(_react.default.Fragment, null, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) ? /*#__PURE__*/_react.default.createElement(_antd.Space, null, renderToolbarBtns()) : renderToolbarBtns());
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: tableLength ? (0, _jsxRuntime.jsx)(_antd.Space, {
+      children: renderToolbarBtns()
+    }) : renderToolbarBtns()
+  });
 };
-var _default = RenderToolbar;
-exports.default = _default;
+var _default = exports.default = RenderToolbar;

package/lib/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/lib/ProEditTable/components/Summary/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
-var _utils = require("@zat-design-pro-component/utils");
+var _utils = require("@zat-design/utils");
 var _utils2 = require("../../../ProUtils/utils");
 var calc = _utils.tools.calc;
 var formatSummaryColumns = function formatSummaryColumns(columns, _ref) {
@@ -67,18 +67,24 @@ var Summary = function Summary(_ref3) {
   if (!(data === null || data === void 0 ? void 0 : data.length)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_antd.Table.Summary, {
-    fixed: fixed
-  }, /*#__PURE__*/_react.default.createElement(_antd.Table.Summary.Row, null, nextColumns.map(function (item) {
-    var index = item.index,
-      colSpan = item.colSpan,
-      prefix = item.prefix;
-    return /*#__PURE__*/_react.default.createElement(_antd.Table.Summary.Cell, {
-      key: index,
-      index: index,
-      colSpan: colSpan
-    }, /*#__PURE__*/_react.default.createElement(_antd.Space, null, prefix, /*#__PURE__*/_react.default.createElement("span", null, renderCell(item))));
-  })));
+  return (0, _jsxRuntime.jsx)(_antd.Table.Summary, {
+    fixed: fixed,
+    children: (0, _jsxRuntime.jsx)(_antd.Table.Summary.Row, {
+      children: nextColumns.map(function (item) {
+        var index = item.index,
+          colSpan = item.colSpan,
+          prefix = item.prefix;
+        return (0, _jsxRuntime.jsx)(_antd.Table.Summary.Cell, {
+          index: index,
+          colSpan: colSpan,
+          children: (0, _jsxRuntime.jsxs)(_antd.Space, {
+            children: [prefix, (0, _jsxRuntime.jsx)("span", {
+              children: renderCell(item)
+            })]
+          })
+        }, index);
+      })
+    })
+  });
 };
-var _default = Summary;
-exports.default = _default;
+var _default = exports.default = Summary;

package/lib/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/lib/ProEditTable/components/Validator/index.js

@@ -1,32 +1,34 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _antd = require("antd");
 var Validator = function Validator(_ref) {
   var name = _ref.name,
     virtualKey = _ref.virtualKey,
     editingKeys = _ref.editingKeys,
     onlyOneLineMsg = _ref.onlyOneLineMsg;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, name && virtualKey ? /*#__PURE__*/_react.default.createElement(_antd.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) {
-          _antd.message.warning(onlyOneLineMsg);
-          return Promise.reject();
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: name && virtualKey ? (0, _jsxRuntime.jsx)(_antd.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) {
+            _antd.message.warning(onlyOneLineMsg);
+            return Promise.reject();
+          }
+          return Promise.resolve();
         }
-        return Promise.resolve();
-      }
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : null);
+      }],
+      children: (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})
+    }) : null
+  });
 };
-var _default = /*#__PURE__*/(0, _react.memo)(Validator);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Validator);

package/lib/ProEditTable/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,7 +11,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _lodash = require("lodash");
 var _ahooks = require("ahooks");
 var _antd = require("antd");
@@ -21,15 +21,16 @@ var _utils = require("./utils");
 var _tools = require("./utils/tools");
 var _components = require("./components");
 var _empty = _interopRequireDefault(require("../assets/empty.png"));
-var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "otherProps", "requiredAlign", "summary"];
+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"];
 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,
@@ -45,12 +46,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 = (0, _objectWithoutProperties2.default)(_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 = _antd.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 = (0, _react.useRef)(null);
   disabled = (otherProps === null || otherProps === void 0 ? void 0 : otherProps.disabled) || disabled;
   var _useSetState = (0, _ahooks.useSetState)({
       _columns: columns,
@@ -59,7 +67,11 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       editingKeys: [],
       selectedRowKeys: [],
       selectedRows: [],
-      virtualKey: type === 'single' || mode === 'single' ? (0, _tools.getRandom)() : '' // 单行编辑生成个随机formItem的key
+      virtualKey: type === 'single' || mode === 'single' ? (0, _tools.getRandom)() : '',
+      page: {
+        pageNum: 1,
+        pageSize: 10
+      }
     }),
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     state = _useSetState2[0],
@@ -70,12 +82,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 = (0, _tools.getNamePath)((0, _lodash.isArray)(name) ? name : [name], virtualKey);
   var cacheMap = (0, _react.useRef)({});
   // 样式处理
   var _className = (0, _classnames.default)({
     'pro-edit-table': true,
     'pro-edit-table-drag': draggable,
+    'pro-table-no-stripe': !stripe,
     className: className
   });
   // 编辑行设置下样式
@@ -84,6 +99,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   };
   // 复选框
   var _rowSelection = (0, _objectSpread2.default)({
+    fixed: true,
     selectedRowKeys: selectedRowKeys,
     onChange: function onChange(selectedRowKeys, selectedRows) {
       setState({
@@ -94,7 +110,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   }, rowSelection);
   var config = {
     form: form,
-    draggable: draggable,
     mode: mode,
     isView: isView,
     viewEmpty: viewEmpty,
@@ -116,7 +131,11 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     mulDeletePoConfirmMsg: mulDeletePoConfirmMsg,
     virtualKey: virtualKey,
     requiredAlign: requiredAlign,
-    name: (0, _lodash.isArray)(name) ? name : [name] // name需要处理成namePath形式，为兼容多路径
+    name: (0, _lodash.isArray)(name) ? name : [name],
+    tableRef: tableRef,
+    max: max,
+    tableLength: value === null || value === void 0 ? void 0 : value.length,
+    page: page
   };
   // 判断是否禁止添加、批量删除
   var isForbiddenBtn = (0, _react.useCallback)(function (type) {
@@ -135,25 +154,35 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       return (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === false;
     }
   }, [toolbarProps]);
+  // 分页变更
+  var handlePageChange = (0, _react.useCallback)(function (current, pageSize) {
+    setState({
+      page: {
+        pageNum: current,
+        pageSize: pageSize
+      }
+    });
+  }, []);
   // 空列表状态
   var empty = function empty() {
-    var _toolbarProps$find, _toolbarProps$find$ca;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "com-empty"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      className: "img",
-      src: _empty.default
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "content"
-    }, disabled || isForbiddenBtn('add') ? '暂无数据' : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u6682\u65E0\u6570\u636E\uFF0C", /*#__PURE__*/_react.default.createElement(_components.RenderToolbar, (0, _objectSpread2.default)({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 (0, _jsxRuntime.jsxs)("div", {
+      className: "com-empty",
+      children: [(0, _jsxRuntime.jsx)("img", {
+        className: "img",
+        src: _empty.default
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "content",
+        children: disabled || isForbiddenBtn('add') ? '暂无数据' : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: ["\u6682\u65E0\u6570\u636E\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';
+            }),
+            dataSource: []
+          })))]
+        })
+      })]
+    });
   };
   /**
    * 渲染表格选择器
@@ -172,7 +201,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return (0, _utils.transformColumns)(columns, config, renderRowSelection());
+            return (0, _utils.transformColumns)(columns, config);
           case 2:
             nextColumns = _context.sent;
             setState({
@@ -190,14 +219,14 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   }();
   (0, _ahooks.useDebounceEffect)(function () {
     setColumns();
-  }, [value, cellNamePath, forceUpdate, editingKeys, disabled, actionProps, columns],
+  }, [value, cellNamePath, forceUpdate, editingKeys, disabled, actionProps, columns, page],
   // columns更新修复外部表单无法控制内部表单的问题
   {
     wait: 60
   });
   (0, _react.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 (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
@@ -205,58 +234,82 @@ var ProEditTable = function ProEditTable(_ref, ref) {
         });
       });
       onChange(nextValues);
+      if (virtualKey) {
+        form.setFieldValue(virtualRowName, nextValues);
+      }
     }
   }, [value]);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       getInternalState: function getInternalState() {
         return state;
-      }
+      },
+      setInternalState: setState
     };
   });
   var _summary = (0, _typeof2.default)(summary) === 'object' ? function (data) {
-    return /*#__PURE__*/_react.default.createElement(_components.Summary, {
+    return (0, _jsxRuntime.jsx)(_components.Summary, {
       data: data,
       summary: summary,
       rowSelection: renderRowSelection()
     });
   } : summary;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
-    renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty
-  }, /*#__PURE__*/_react.default.createElement(_components.DndWrapper, {
-    value: value,
-    onChange: onChange,
-    disabled: disabled,
-    draggable: draggable
-  }, /*#__PURE__*/_react.default.createElement(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    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: _components.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.default.createElement("div", {
-    className: "pro-edit-table-toolbar"
-  }, /*#__PURE__*/_react.default.createElement(_components.RenderToolbar, (0, _objectSpread2.default)({}, config))) : null), /*#__PURE__*/_react.default.createElement(_components.Validator, {
-    name: name,
-    virtualKey: virtualKey,
-    editingKeys: editingKeys,
-    onlyOneLineMsg: onlyOneLineMsg
-  }));
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsxs)(_antd.ConfigProvider, {
+      renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty,
+      children: [(0, _jsxRuntime.jsxs)(_components.DndWrapper, {
+        value: value,
+        onChange: onChange,
+        disabled: disabled,
+        draggable: draggable,
+        children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
+          className: "pro-edit-table-header",
+          children: typeof headerRender === 'function' ? headerRender() : headerRender
+        }) : null, (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          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: _components.Row
+            }
+          } : undefined,
+          onRow: function onRow() {
+            return {
+              disabled: disabled || virtualKey && !!editingKeys.length,
+              onClick: function onClick() {}
+            };
+          }
+        }, resetProps), {}, {
+          pagination: pagination ? (0, _objectSpread2.default)({
+            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) ? (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]
+    }), (0, _jsxRuntime.jsx)(_components.Validator, {
+      name: name,
+      virtualKey: virtualKey,
+      editingKeys: editingKeys,
+      onlyOneLineMsg: onlyOneLineMsg
+    })]
+  });
 };
 var ForwardProEditTable = /*#__PURE__*/(0, _react.forwardRef)(ProEditTable);
 ForwardProEditTable.defaultProps = {
@@ -269,10 +322,10 @@ ForwardProEditTable.defaultProps = {
   toolbarProps: [],
   disabled: false,
   draggable: false,
+  stripe: true,
   emptyBtnText: '点击添加',
   onlyOneLineMsg: '请先保存数据',
   deletePoConfirmMsg: '您确定要删除该行数据吗？',
   mulDeletePoConfirmMsg: '您确定要删除选中的数据吗？'
 };
-var _default = ForwardProEditTable;
-exports.default = _default;
+var _default = exports.default = ForwardProEditTable;