@zat-design/sisyphus-react 3.6.5-beta.10 → 3.6.5-beta.11

package/es/ProAction/index.js

@@ -39,7 +39,7 @@ var ProAction = function ProAction(props) {
   var index = state.index,
     servicesArray = state.servicesArray;
   var length = config.length;
-  var onActionRun = /*#__PURE__*/function () {
+  var _onActionRun = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(currentIndex, array) {
       var _actionProps$useReque, _options$onSuccess, _newServicesArray$cur, _newServicesArray$cur2, _newServicesArray$cur3, _actionProps$onAction, _actionProps$continue;
       var actionProps, newServicesArray, _ref2, service, options, transformResponse, res, data, open, _newServicesArray$cur4, _newServicesArray$cur5, _newServicesArray$cur6, list, errorTitle, isContinue;
@@ -136,7 +136,7 @@ var ProAction = function ProAction(props) {
             return _context.abrupt("return", false);
           case 44:
             if (currentIndex + 1 < length) {
-              onActionRun(currentIndex + 1, newServicesArray);
+              _onActionRun(currentIndex + 1, newServicesArray);
             } else {
               setState({
                 loading: false
@@ -154,7 +154,7 @@ var ProAction = function ProAction(props) {
   }();
   var ChildContent = /*#__PURE__*/React.cloneElement(children, {
     onClick: function onClick() {
-      onActionRun(0, []);
+      _onActionRun(0, []);
     },
     loading: state.loading
   });
@@ -166,7 +166,7 @@ var ProAction = function ProAction(props) {
   return _jsxs(_Fragment, {
     children: [((_config$ = config[0]) === null || _config$ === void 0 ? void 0 : _config$.mode) === 'confirm' ? _jsx(_Popconfirm, {
       onConfirm: function onConfirm() {
-        return onActionRun(0, []);
+        return _onActionRun(0, []);
       },
       title: ((_config$2 = config[0]) === null || _config$2 === void 0 ? void 0 : _config$2.title) || (locale === null || locale === void 0 ? void 0 : (_locale$ProAction2 = locale.ProAction) === null || _locale$ProAction2 === void 0 ? void 0 : _locale$ProAction2.defaultTitle),
       children: children

package/es/ProDownload/index.d.ts

@@ -1,6 +1,6 @@
 import { IProDownloadProps } from './propsType';
 declare const ProDownload: {
-    (props: IProDownloadProps): JSX.Element;
+    (props: IProDownloadProps): import("react/jsx-runtime").JSX.Element;
     downLoadRequest: import("./utils").DownloadRequestProps;
 };
 export default ProDownload;

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

@@ -1,2 +1,2 @@
-declare const ActionButton: ({ record, index, config, btnConfig }: any) => JSX.Element;
+declare const ActionButton: ({ record, index, config, btnConfig }: any) => import("react/jsx-runtime").JSX.Element;
 export default ActionButton;

package/es/ProEditTable/components/RcTable/BaseTable.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<({ tableProps, ...resetProps }: {
+    [x: string]: any;
+    tableProps: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/es/ProEditTable/components/RcTable/BaseTable.js

@@ -0,0 +1,75 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tableProps"];
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+var BaseTable = function BaseTable(_ref) {
+  var _value$;
+  var tableProps = _ref.tableProps,
+    resetProps = _objectWithoutProperties(_ref, _excluded);
+  var value = tableProps.value,
+    headerRender = tableProps.headerRender,
+    tableRef = tableProps.tableRef,
+    className = tableProps.className,
+    columns = tableProps.columns,
+    renderRowSelection = tableProps.renderRowSelection,
+    rowClassName = tableProps.rowClassName,
+    disabled = tableProps.disabled,
+    virtualKey = tableProps.virtualKey,
+    editingKeys = tableProps.editingKeys,
+    isHideCheckBox = tableProps.isHideCheckBox,
+    rowDraggable = tableProps.rowDraggable,
+    pagination = tableProps.pagination,
+    scroll = tableProps.scroll,
+    summary = tableProps.summary,
+    page = tableProps.page,
+    formatMessage = tableProps.formatMessage,
+    locale = tableProps.locale,
+    handlePageChange = tableProps.handlePageChange;
+  return _jsxs(_Fragment, {
+    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$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
+      columns: columns,
+      rowSelection: renderRowSelection(),
+      rowClassName: rowClassName,
+      onRow: function onRow() {
+        return {
+          disabled: disabled || virtualKey && !!editingKeys.length,
+          'data-hide': isHideCheckBox,
+          onClick: function onClick() {},
+          rowDraggable: rowDraggable
+        };
+      }
+    }, resetProps), {}, {
+      pagination: pagination ? _objectSpread({
+        current: page.pageNum,
+        pageSize: page.pageSize,
+        showSizeChanger: false,
+        showQuickJumper: true,
+        total: value === null || value === void 0 ? void 0 : value.length,
+        showTotal: function showTotal(total) {
+          var _locale$ProEditTable;
+          if (!total) return;
+          return formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
+            total: total
+          });
+        },
+        onChange: handlePageChange
+      }, pagination) : false,
+      rowKey: "rowKey",
+      scroll: {
+        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
+        y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
+      },
+      summary: summary
+    }))]
+  });
+};
+export default /*#__PURE__*/memo(BaseTable);

package/es/ProEditTable/components/RcTable/DraggableTable.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
+    [x: string]: any;
+    tableProps: any;
+    draggableProps: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/es/ProEditTable/components/RcTable/DraggableTable.js

@@ -0,0 +1,90 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tableProps", "draggableProps"];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { DndWrapper, Row } from '../index';
+var DraggableTable = function DraggableTable(_ref) {
+  var _value$;
+  var tableProps = _ref.tableProps,
+    draggableProps = _ref.draggableProps,
+    resetProps = _objectWithoutProperties(_ref, _excluded);
+  var value = tableProps.value,
+    headerRender = tableProps.headerRender,
+    tableRef = tableProps.tableRef,
+    className = tableProps.className,
+    columns = tableProps.columns,
+    renderRowSelection = tableProps.renderRowSelection,
+    rowClassName = tableProps.rowClassName,
+    disabled = tableProps.disabled,
+    virtualKey = tableProps.virtualKey,
+    editingKeys = tableProps.editingKeys,
+    isHideCheckBox = tableProps.isHideCheckBox,
+    rowDraggable = tableProps.rowDraggable,
+    pagination = tableProps.pagination,
+    scroll = tableProps.scroll,
+    summary = tableProps.summary,
+    page = tableProps.page,
+    formatMessage = tableProps.formatMessage,
+    locale = tableProps.locale,
+    handlePageChange = tableProps.handlePageChange;
+  var onChange = draggableProps.onChange,
+    onDrag = draggableProps.onDrag,
+    draggable = draggableProps.draggable;
+  return _jsxs(DndWrapper, {
+    value: value,
+    onChange: onChange,
+    onDrag: onDrag,
+    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$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
+      columns: columns,
+      rowSelection: renderRowSelection(),
+      rowClassName: rowClassName,
+      components: {
+        body: {
+          row: Row
+        }
+      },
+      onRow: function onRow() {
+        return {
+          disabled: disabled || virtualKey && !!editingKeys.length,
+          'data-hide': isHideCheckBox,
+          onClick: function onClick() {},
+          rowDraggable: rowDraggable
+        };
+      }
+    }, resetProps), {}, {
+      pagination: pagination ? _objectSpread({
+        current: page.pageNum,
+        pageSize: page.pageSize,
+        showSizeChanger: false,
+        showQuickJumper: true,
+        total: value === null || value === void 0 ? void 0 : value.length,
+        showTotal: function showTotal(total) {
+          var _locale$ProEditTable;
+          if (!total) return;
+          return formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
+            total: total
+          });
+        },
+        onChange: handlePageChange
+      }, pagination) : false,
+      rowKey: "rowKey",
+      scroll: {
+        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
+        y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
+      },
+      summary: summary
+    }))]
+  });
+};
+export default /*#__PURE__*/memo(DraggableTable);

package/es/ProEditTable/components/RcTable/VirtualTable1.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<({ tableProps, ...resetProps }: {
+    [x: string]: any;
+    tableProps: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/es/ProEditTable/components/RcTable/VirtualTable1.js

@@ -0,0 +1,86 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tableProps"];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table, ConfigProvider } from 'antd5';
+import { memo } from 'react';
+var VirtualTable1 = function VirtualTable1(_ref) {
+  var _value$;
+  var tableProps = _ref.tableProps,
+    resetProps = _objectWithoutProperties(_ref, _excluded);
+  var value = tableProps.value,
+    headerRender = tableProps.headerRender,
+    tableRef = tableProps.tableRef,
+    className = tableProps.className,
+    columns = tableProps.columns,
+    renderRowSelection = tableProps.renderRowSelection,
+    rowClassName = tableProps.rowClassName,
+    disabled = tableProps.disabled,
+    virtualKey = tableProps.virtualKey,
+    editingKeys = tableProps.editingKeys,
+    isHideCheckBox = tableProps.isHideCheckBox,
+    rowDraggable = tableProps.rowDraggable,
+    pagination = tableProps.pagination,
+    scroll = tableProps.scroll,
+    summary = tableProps.summary,
+    page = tableProps.page,
+    formatMessage = tableProps.formatMessage,
+    locale = tableProps.locale,
+    handlePageChange = tableProps.handlePageChange,
+    empty = tableProps.empty;
+  return _jsxs(ConfigProvider, {
+    renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty,
+    children: [headerRender ? _jsx("div", {
+      className: "pro-edit-table-header",
+      children: typeof headerRender === 'function' ? headerRender() : headerRender
+    }) : null, _jsx(Table, _objectSpread(_objectSpread({
+      virtual: true,
+      ref: tableRef,
+      className: className,
+      dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
+      columns: columns.map(function (item) {
+        if (!(item === null || item === void 0 ? void 0 : item.width) || typeof item.width === 'number') {
+          return item;
+        }
+        return _objectSpread(_objectSpread({}, item), {}, {
+          width: parseInt(item === null || item === void 0 ? void 0 : item.width, 10)
+        });
+      }),
+      rowSelection: _objectSpread(_objectSpread({}, renderRowSelection()), {}, {
+        columnWidth: 40
+      }),
+      rowClassName: rowClassName,
+      onRow: function onRow() {
+        return {
+          disabled: disabled || virtualKey && !!editingKeys.length,
+          'data-hide': isHideCheckBox,
+          onClick: function onClick() {},
+          rowDraggable: rowDraggable
+        };
+      }
+    }, resetProps), {}, {
+      pagination: pagination ? _objectSpread({
+        current: page.pageNum,
+        pageSize: page.pageSize,
+        showSizeChanger: false,
+        showQuickJumper: true,
+        total: value === null || value === void 0 ? void 0 : value.length,
+        showTotal: function showTotal(total) {
+          var _locale$ProEditTable;
+          if (!total) return;
+          return formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
+            total: total
+          });
+        },
+        onChange: handlePageChange
+      }, pagination) : false,
+      rowKey: "rowKey",
+      scroll: {
+        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
+        y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
+      },
+      summary: summary
+    }))]
+  });
+};
+export default /*#__PURE__*/memo(VirtualTable1);

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

@@ -0,0 +1,6 @@
+/** 基础表格 */
+export { default as BaseTable } from './BaseTable';
+/** 拖拽表格 */
+export { default as DraggableTable } from './DraggableTable';
+/** antd5临时虚拟列表表格 */
+export { default as VirtualTable1 } from './VirtualTable1';

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

@@ -0,0 +1,6 @@
+/** 基础表格 */
+export { default as BaseTable } from './BaseTable';
+/** 拖拽表格 */
+export { default as DraggableTable } from './DraggableTable';
+/** antd5临时虚拟列表表格 */
+export { default as VirtualTable1 } from './VirtualTable1';

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

@@ -1,2 +1,2 @@
-declare const RenderField: ({ text: value, record, index, column, config }: any) => JSX.Element;
+declare const RenderField: ({ text: value, record, index, column, config }: any) => import("react/jsx-runtime").JSX.Element;
 export default RenderField;

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

@@ -11,7 +11,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm", "validateTrigger"];
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
@@ -60,6 +60,8 @@ var RenderField = function RenderField(_ref) {
     className = column.className,
     trim = column.trim,
     confirm = column.confirm,
+    _column$validateTrigg = column.validateTrigger,
+    validateTrigger = _column$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSumbit'] : _column$validateTrigg,
     resetProps = _objectWithoutProperties(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -158,7 +160,9 @@ var RenderField = function RenderField(_ref) {
   // 分离form item参数，防止对于参数透传（如onChange,防止重复触发）并优先级高于 _fieldProps 内部参数
   var formItemChildProps = _objectSpread({}, _fieldProps);
   // 允许formItem的属性放在column最外层
-  var _formItemProps = _objectSpread(_objectSpread({}, resetProps), internalRule);
+  var _formItemProps = _objectSpread(_objectSpread(_objectSpread({}, resetProps), internalRule), {}, {
+    validateTrigger: validateTrigger
+  });
   if (['Switch', 'SwitchCheckbox'].includes(type)) {
     _formItemProps.valuePropName = 'checked';
     valueType = 'switch';
@@ -375,15 +379,17 @@ var RenderField = function RenderField(_ref) {
         case 29:
           // 判断属性是否变动
           form.setFieldValue(rowPath, row);
-          if (!isEqual(orgRow, row)) {
-            diff = difference(row, orgRow) || {};
-            validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
-              return [].concat(_toConsumableArray(rowPath), [key]);
-            });
-            if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
-              setTimeout(function () {
-                form.validateFields(validateFieldKeys);
-              }, 100);
+          if (validateTrigger && validateTrigger.includes('onChange')) {
+            if (!isEqual(orgRow, row)) {
+              diff = difference(row, orgRow) || {};
+              validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
+                return [].concat(_toConsumableArray(rowPath), [key]);
+              });
+              if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
+                setTimeout(function () {
+                  form.validateFields(validateFieldKeys);
+                }, 100);
+              }
             }
           }
           setState({
@@ -447,13 +453,15 @@ var RenderField = function RenderField(_ref) {
           case 16:
             // 判断属性是否变动
             form.setFieldValue(rowPath, row);
-            if (!isEqual(orgRow, row)) {
-              diff = difference(row, orgRow) || {};
-              validateFieldKeys = (_Object$keys2 = Object.keys(diff)) === null || _Object$keys2 === void 0 ? void 0 : (_Object$keys2$map = _Object$keys2.map) === null || _Object$keys2$map === void 0 ? void 0 : _Object$keys2$map.call(_Object$keys2, function (key) {
-                return [].concat(_toConsumableArray(rowPath), [key]);
-              });
-              if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
-                debounceValidate(validateFieldKeys);
+            if (validateTrigger && validateTrigger.includes('onBlur')) {
+              if (!isEqual(orgRow, row)) {
+                diff = difference(row, orgRow) || {};
+                validateFieldKeys = (_Object$keys2 = Object.keys(diff)) === null || _Object$keys2 === void 0 ? void 0 : (_Object$keys2$map = _Object$keys2.map) === null || _Object$keys2$map === void 0 ? void 0 : _Object$keys2$map.call(_Object$keys2, function (key) {
+                  return [].concat(_toConsumableArray(rowPath), [key]);
+                });
+                if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
+                  debounceValidate(validateFieldKeys);
+                }
               }
             }
             if (!isCell) {

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

@@ -1,2 +1,3 @@
-declare const RenderToolbar: (config: any) => JSX.Element;
-export default RenderToolbar;
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(config: any) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -7,7 +7,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 var _excluded = ["type", "label", "show", "onHandle", "needConfirm", "onClick"];
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
+import React, { memo } from 'react';
 import { actions, defaultBtnNameMap, defaultToolbarKeys } from '../../utils/config';
 import ActionButton from '../ActionButton';
 import { getNamePath } from '../../utils/tools';
@@ -134,4 +134,4 @@ var RenderToolbar = function RenderToolbar(config) {
     }) : renderToolbarBtns()
   });
 };
-export default RenderToolbar;
+export default /*#__PURE__*/memo(RenderToolbar);

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

@@ -8,5 +8,5 @@ interface SummaryProps<T = any> {
     };
     rowSelection: any;
 }
-declare const Summary: ({ data, summary, rowSelection, }: SummaryProps) => JSX.Element;
+declare const Summary: ({ data, summary, rowSelection, }: SummaryProps) => import("react/jsx-runtime").JSX.Element;
 export default Summary;

package/es/ProEditTable/index.js

@@ -1,7 +1,5 @@
 import "antd/es/affix/style";
 import _Affix from "antd/es/affix";
-import "antd/es/table/style";
-import _Table from "antd/es/table";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -11,7 +9,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "onDrag", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection"];
+var _excluded = ["value", "onChange", "onDrag", "className", "columns", "type", "mode", "stripe", "draggable", "virtual", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection"];
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { get, isArray, isBoolean } from 'lodash';
@@ -19,12 +17,13 @@ import { useDeepCompareEffect, useLocalStorageState, useSetState } from 'ahooks'
 import classnames from 'classnames';
 import { transformColumns } from './utils';
 import { getRandom, getNamePath } from './utils/tools';
-import { DndWrapper, Row, Validator, Summary, RenderToolbar } from './components';
+import { Validator, Summary, RenderToolbar } from './components';
 import ProForm from '../ProForm';
 import Empty from '../assets/empty.png';
 import locale, { formatMessage } from '../locale';
+import { BaseTable, DraggableTable, VirtualTable1 } from './components/RcTable';
 var ProEditTable = function ProEditTable(_ref, ref) {
-  var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _value$;
+  var _resetProps$id, _resetProps$id$split, _themeConfig$data2;
   var value = _ref.value,
     onChange = _ref.onChange,
     onDrag = _ref.onDrag,
@@ -34,6 +33,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     mode = _ref.mode,
     stripe = _ref.stripe,
     draggable = _ref.draggable,
+    virtual = _ref.virtual,
     disabled = _ref.disabled,
     insertType = _ref.insertType,
     emptyBtnText = _ref.emptyBtnText,
@@ -326,62 +326,39 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       rowSelection: renderRowSelection()
     });
   } : summary;
+  var TableComponent = draggable ? DraggableTable : virtual ? VirtualTable1 : BaseTable;
   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,
-        onDrag: onDrag,
-        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,
+      children: [_jsx(TableComponent, _objectSpread(_objectSpread({}, resetProps), {}, {
+        draggableProps: {
+          onChange: onChange,
+          onDrag: onDrag,
+          draggable: draggable
+        },
+        tableProps: {
+          value: value,
+          headerRender: headerRender,
+          tableRef: tableRef,
           className: _className,
-          dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
           columns: _columns,
-          rowSelection: renderRowSelection(),
+          renderRowSelection: renderRowSelection,
           rowClassName: _rowClassName,
-          components: draggable ? {
-            body: {
-              row: Row
-            }
-          } : undefined,
-          onRow: function onRow() {
-            return {
-              disabled: disabled || virtualKey && !!editingKeys.length,
-              'data-hide': isHideCheckBox,
-              onClick: function onClick() {},
-              rowDraggable: rowDraggable
-            };
-          }
-        }, resetProps), {}, {
-          pagination: pagination ? _objectSpread({
-            current: page.pageNum,
-            pageSize: page.pageSize,
-            showSizeChanger: false,
-            showQuickJumper: true,
-            total: value === null || value === void 0 ? void 0 : value.length,
-            showTotal: function showTotal(total) {
-              var _locale$ProEditTable;
-              if (!total) return;
-              return formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProEditTable = locale.ProEditTable) === null || _locale$ProEditTable === void 0 ? void 0 : _locale$ProEditTable.total, {
-                total: total
-              });
-            },
-            onChange: handlePageChange
-          }, pagination) : false,
-          rowKey: "rowKey",
-          scroll: {
-            x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
-            y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
-          },
-          summary: _summary
-        }))]
-      }), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? _jsx(_Affix, _objectSpread(_objectSpread({
+          disabled: disabled,
+          virtualKey: virtualKey,
+          editingKeys: editingKeys,
+          isHideCheckBox: isHideCheckBox,
+          rowDraggable: rowDraggable,
+          pagination: pagination,
+          scroll: scroll,
+          summary: _summary,
+          page: page,
+          formatMessage: formatMessage,
+          locale: locale,
+          handlePageChange: handlePageChange,
+          empty: empty
+        }
+      })), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? _jsx(_Affix, _objectSpread(_objectSpread({
         ref: affixRef
       }, _toolbarSticky), {}, {
         children: _jsx("div", {
@@ -414,6 +391,7 @@ ForwardProEditTable.defaultProps = {
   toolbarProps: [],
   disabled: false,
   draggable: false,
+  virtual: false,
   stripe: true,
   emptyBtnText: locale.ProEditTable.clickAdd,
   onlyOneLineMsg: locale.ProEditTable.onlyOneLineMsg,

package/es/ProEditTable/propsType.d.ts

@@ -100,6 +100,7 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
     hiddenNames?: NamePath[] | NamePath[][];
     rules?: ProRule[] | RulesFn<T>;
     confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
+    validateTrigger?: string | string[];
     [key: string]: any;
 }
 export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;
@@ -191,6 +192,11 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
      * @default           -
      */
     draggable?: boolean;
+    /**
+   * @description       是否开启虚拟列表（scroll,x,y必须为固定值）
+   * @default           -
+   */
+    virtual?: boolean;
     /**
      * @description       空列表状态时，自定义添加按钮
      * @default          点击添加

package/es/ProEditTable/utils/config.d.ts

@@ -9,7 +9,7 @@ export declare const defaultBtnNameMap: {
     custom: any;
 };
 export declare const iconMap: {
-    add: JSX.Element;
+    add: import("react/jsx-runtime").JSX.Element;
 };
 export declare const defaultSingleActionKeys: string[];
 export declare const defaultMultipleActionKeys: string[];