@zat-design/sisyphus-react 3.6.7 → 3.6.8-beta.1

package/es/ProTable/index.js

@@ -1,10 +1,5 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import "antd/es/table/style";
-import _Table from "antd/es/table";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -12,21 +7,20 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "draggable", "disabled", "isView", "rowDisabled", "summary", "emptyText", "originalDataSource"],
   _excluded2 = ["resizeColumn", "columnConfig", "cacheTime", "storage"];
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState, createContext } from 'react';
-import { get, keyBy, assign } from 'lodash';
+import { get, keyBy, assign, isObject } from 'lodash';
 import { useDebounceEffect, useDeepCompareEffect, useSetState } from 'ahooks';
-import { ReactSVG } from 'react-svg';
 import classnames from 'classnames';
-import { tools } from '@zat-design/utils';
-import { useProConfig, ProTreeModal } from '../index';
-import { valueTypeRender } from '../ProUtils/utils';
-import { TableResizable, ResizableLine, DndWrapper, Row } from './components';
-import useAntdTable from './useAntdTable';
+import { useProConfig } from '../index';
+import { RenderTableHeader, RenderFooter } from './components';
+import useAntdTable from './hooks/useAntdTable';
+import { BaseTable, DraggableTable } from './components/RcTable';
+import { formatColumn } from './components/FormatColumn';
 import empty from '../assets/empty.png';
 import resetSvg from '../assets/reset.svg';
 import customColumnSvg from '../assets/customColumn.svg';
-import { formatColumn, getColumnDataIndex, getRowKey } from './utils';
+import { getColumnDataIndex, getRowKey } from './utils';
 import locale from '../locale';
 var defaultCacheTime = 1; // columns 配置保存时间为一天
 // 全局上下文
@@ -36,7 +30,7 @@ export var defaultPage = {
   pageSize: 10
 };
 function ProTable(props) {
-  var _locale$ProTable, _curTableConfig$pathK, _locale$ProTable2, _locale$ProTable3, _locale$ProTable4, _locale$ProTable5;
+  var _locale$ProTable, _curTableConfig$pathK;
   var _ref = useProConfig('globalConfig') || {},
     configStorage = _ref.storage; // 获取全局缓存位置配置
   var _ref2 = useProConfig('ProTable') || {},
@@ -61,7 +55,6 @@ function ProTable(props) {
     originalDataSource = props.originalDataSource,
     restProps = _objectWithoutProperties(props, _excluded);
   var quickTableConfig = quickConfig ? _objectSpread({
-    // resizeColumn: true,
     columnConfig: true,
     cacheTime: true
   }, restProps) : (restProps === null || restProps === void 0 ? void 0 : restProps.columnConfig) ? _objectSpread({
@@ -197,17 +190,46 @@ function ProTable(props) {
     });
     return newColumns;
   }, [curColumns, handleResize]);
-  var handleColumnConfig = function handleColumnConfig(checkList) {
-    var newColumns = [];
-    if (checkList === 'all') {
-      newColumns = propsColumns;
-    } else {
-      newColumns = checkList === null || checkList === void 0 ? void 0 : checkList.map(function (item) {
-        return _objectSpread({}, propsColumnObj === null || propsColumnObj === void 0 ? void 0 : propsColumnObj[item]);
-      });
-    }
-    setCurColumns(newColumns);
-  };
+  var handleColumnConfig = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(checkList) {
+      var newColumns, _columnConfig$onColum, catchColumns;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            newColumns = [];
+            if (checkList === 'all') {
+              newColumns = propsColumns;
+            } else {
+              newColumns = checkList === null || checkList === void 0 ? void 0 : checkList.map(function (item) {
+                return _objectSpread({}, propsColumnObj === null || propsColumnObj === void 0 ? void 0 : propsColumnObj[item]);
+              });
+            }
+            if (!isObject(columnConfig)) {
+              _context.next = 6;
+              break;
+            }
+            catchColumns = _defineProperty({}, pathKey, {
+              columns: newColumns.map(function (item) {
+                return {
+                  dataIndex: item.dataIndex,
+                  width: typeof item.width === 'number' ? Math.round(Number(item.width)) : item.width
+                };
+              })
+            });
+            _context.next = 6;
+            return columnConfig === null || columnConfig === void 0 ? void 0 : (_columnConfig$onColum = columnConfig.onColumnOk) === null || _columnConfig$onColum === void 0 ? void 0 : _columnConfig$onColum.call(columnConfig, catchColumns, newColumns);
+          case 6:
+            setCurColumns(newColumns);
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleColumnConfig(_x) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
   useDebounceEffect(function () {
     if (cacheTime) {
       var newTableConfig = _objectSpread(_objectSpread({}, curTableConfig), {}, _defineProperty({}, pathKey, {
@@ -215,7 +237,7 @@ function ProTable(props) {
         columns: curColumns.map(function (item) {
           return {
             dataIndex: item.dataIndex,
-            width: Math.round(Number(item.width))
+            width: typeof item.width === 'number' ? Math.round(Number(item.width)) : item.width
           };
         })
       }));
@@ -239,53 +261,6 @@ function ProTable(props) {
       return item === null || item === void 0 ? void 0 : item.dataIndex;
     });
   }, [curColumns]);
-  var renderSummary = function renderSummary() {
-    var _ref5 = summary || {},
-      columns = _ref5.columns,
-      _ref5$total = _ref5.total,
-      total = _ref5$total === void 0 ? true : _ref5$total,
-      _ref5$fixed = _ref5.fixed,
-      fixed = _ref5$fixed === void 0 ? true : _ref5$fixed;
-    var _ref6 = tableProps || {},
-      dataSource = _ref6.dataSource;
-    // 没有数据时，不展示合计栏
-    if (!(_dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.length)) {
-      return null;
-    }
-    return _jsx(_Table.Summary, {
-      fixed: fixed,
-      children: _jsx(_Table.Summary.Row, {
-        children: columns === null || columns === void 0 ? void 0 : columns.map(function (_ref7) {
-          var key = _ref7.key,
-            index = _ref7.index,
-            colSpan = _ref7.colSpan,
-            prefix = _ref7.prefix,
-            suffix = _ref7.suffix,
-            title = _ref7.title,
-            precision = _ref7.precision,
-            valueType = _ref7.valueType;
-          var text = null;
-          if (title) {
-            text = title;
-          } else if (total && key) {
-            var _dataSource$reduce;
-            var format = valueTypeRender === null || valueTypeRender === void 0 ? void 0 : valueTypeRender[valueType];
-            var sum = _dataSource === null || _dataSource === void 0 ? void 0 : (_dataSource$reduce = _dataSource.reduce) === null || _dataSource$reduce === void 0 ? void 0 : _dataSource$reduce.call(_dataSource, function (pre, cur) {
-              var _get;
-              return tools.calc(pre, '+', (_get = get(cur, key)) !== null && _get !== void 0 ? _get : 0);
-            }, 0);
-            text = format ? format(sum, precision !== null && precision !== void 0 ? precision : 2) : sum;
-          }
-          var _key = key;
-          return _jsxs(_Table.Summary.Cell, {
-            index: index,
-            colSpan: colSpan,
-            children: [prefix, text, suffix]
-          }, _key);
-        })
-      })
-    });
-  };
   var cls = classnames(_defineProperty({
     'pro-table': true,
     'pro-table-no-stripe': !stripe,
@@ -325,9 +300,9 @@ function ProTable(props) {
     return _rowSelection;
   };
   var onDataSourceChange = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(nextDataSource) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(nextDataSource) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             setState({
               dataSource: nextDataSource
@@ -336,116 +311,81 @@ function ProTable(props) {
             assign(dataSource, nextDataSource);
           case 2:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
-    return function onDataSourceChange(_x) {
-      return _ref8.apply(this, arguments);
+    return function onDataSourceChange(_x2) {
+      return _ref6.apply(this, arguments);
     };
   }();
-  var renderComponents = function renderComponents() {
-    if (draggable) {
-      return {
-        body: {
-          row: Row
-        }
-      };
-    }
-    if (resizeColumn) {
-      return TableResizable.components;
+  var _rowClassName = function _rowClassName(record, index) {
+    if (originalDataSource && !originalObj.hasOwnProperty(get(record, 'rowKey'))) {
+      return 'new-cell';
     }
-    return null;
   };
+  var TableComponent = draggable ? DraggableTable : BaseTable;
   return _jsx(TableContext.Provider, {
     value: {
       pathKey: pathKey,
       tableConfig: tableConfig,
       Storage: Storage
     },
-    children: _jsx("div", {
+    children: _jsxs("div", {
       className: cls,
-      children: _jsxs(DndWrapper, {
-        value: _dataSource,
-        onChange: onDataSourceChange,
-        disabled: false,
-        draggable: draggable,
-        rowKey: rowKey,
-        children: [(headerRender || columnConfig || resizeColumn) && _jsxs("div", {
-          className: "column-config",
-          children: [_jsx("div", {
-            className: "left-contain",
-            children: headerRender ? typeof headerRender === 'function' ? headerRender() : headerRender : null
-          }), _jsxs("div", {
-            className: "right-actions",
-            children: [resizeColumn && _jsx(_Button, {
-              icon: _jsx(ReactSVG, {
-                className: "anticon",
-                wrapper: "span",
-                src: resetSvg
-              }),
-              onClick: resetColumnWidth,
-              children: locale === null || locale === void 0 ? void 0 : (_locale$ProTable2 = locale.ProTable) === null || _locale$ProTable2 === void 0 ? void 0 : _locale$ProTable2.resetColumnWidth
-            }), columnConfig && _jsx(ProTreeModal, {
-              title: locale === null || locale === void 0 ? void 0 : (_locale$ProTable3 = locale.ProTable) === null || _locale$ProTable3 === void 0 ? void 0 : _locale$ProTable3.customColumns,
-              span: 8,
-              mode: "list",
-              draggable: true,
-              dataSource: customColumns,
-              value: checkColumns,
-              allValue: "all",
-              onChange: handleColumnConfig,
-              trigger: _jsx(_Button, {
-                className: "custom-column-btn",
-                icon: _jsx(ReactSVG, {
-                  className: "anticon",
-                  wrapper: "span",
-                  src: customColumnSvg
-                }),
-                children: locale === null || locale === void 0 ? void 0 : (_locale$ProTable4 = locale.ProTable) === null || _locale$ProTable4 === void 0 ? void 0 : _locale$ProTable4.customColumns
-              })
-            })]
-          })]
-        }), _jsxs("div", {
-          className: "pro-table-container",
-          children: [_jsx(_Table, _objectSpread(_objectSpread({
-            className: draggable ? 'pro-edit-table-drag' : '',
-            // components={resizeColumn ? TableResizable.components : undefined}
-            components: renderComponents(),
-            // @ts-ignore
+      children: [_jsx(RenderTableHeader, {
+        dataSource: {
+          headerRender: headerRender,
+          columnConfig: columnConfig,
+          resizeColumn: resizeColumn,
+          resetSvg: resetSvg,
+          resetColumnWidth: resetColumnWidth,
+          locale: locale,
+          customColumns: customColumns,
+          checkColumns: checkColumns,
+          handleColumnConfig: handleColumnConfig,
+          customColumnSvg: customColumnSvg
+        }
+      }), _jsxs("div", {
+        className: "pro-table-container",
+        children: [_jsx(TableComponent, _objectSpread(_objectSpread({}, restProps), {}, {
+          draggableProps: {
+            onChange: onDataSourceChange,
+            draggable: draggable,
+            rowKey: rowKey
+          },
+          tableProps: {
+            value: _dataSource,
+            headerRender: headerRender,
             columns: columns,
-            locale: {
-              emptyText: _jsxs("div", {
-                className: "pro-table-empty",
-                children: [_jsx("div", {
-                  className: "empty-image",
-                  children: _jsx("img", {
-                    src: empty,
-                    alt: locale === null || locale === void 0 ? void 0 : (_locale$ProTable5 = locale.ProTable) === null || _locale$ProTable5 === void 0 ? void 0 : _locale$ProTable5.noData
-                  })
-                }), _jsx("div", {
-                  className: "empty-description",
-                  children: typeof emptyText === 'function' ? emptyText() : emptyText
-                })]
-              })
-            },
-            summary: _typeof(summary) === 'object' ? function () {
-              return renderSummary();
-            } : summary,
-            rowClassName: function rowClassName(record, index) {
-              if (originalDataSource && !originalObj.hasOwnProperty(get(record, 'rowKey'))) {
-                return 'new-cell';
-              }
-            }
-          }, tableProps), {}, {
-            dataSource: _dataSource,
-            rowSelection: renderRowSelection()
-          })), _jsx(ResizableLine, {})]
-        }), footerRender ? _jsx("div", {
-          className: "pro-table-footer ".concat(pagination && !!(_dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.length) ? 'has-page' : 'no-page'),
-          children: typeof footerRender === 'function' ? footerRender() : footerRender
-        }) : null]
-      })
+            renderRowSelection: renderRowSelection,
+            rowClassName: _rowClassName,
+            disabled: disabled,
+            resizeColumn: resizeColumn
+          },
+          emptyTextProps: {
+            empty: empty,
+            locale: locale,
+            emptyText: emptyText
+          },
+          summaryProps: {
+            summary: summary,
+            dataSource: _dataSource
+          },
+          dataSource: _dataSource
+        })), _jsx("span", {
+          className: "pro-table-resizable-line",
+          style: {
+            display: 'none'
+          }
+        })]
+      }), _jsx(RenderFooter, {
+        dataSource: {
+          footerRender: footerRender,
+          pagination: pagination,
+          _dataSource: _dataSource
+        }
+      })]
     })
   });
 }

package/es/ProTable/propsType.d.ts

@@ -44,7 +44,9 @@ export interface ProTableProps<T = any> extends Omit<TableProps<any>, 'summary'
     quickConfig?: boolean;
     resizeColumn?: boolean;
     sortRow?: boolean | 'drag' | 'move';
-    columnConfig?: boolean;
+    columnConfig?: boolean | {
+        onColumnOk: (cacheColumns: any, columns: ProTableColumn[]) => Promise<void>;
+    };
     cacheTime?: number | boolean;
     sortColumnText?: string;
     storage?: 'localStorage' | 'sessionStorage';

package/es/ProTable/utils/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 获取小数点后的位数
+ * @param num 数字
+ * @returns 位数
+ */
+export declare const getDecimalDigits: (num?: number) => number;
+/**
+ * @description: 获取初始值
+ * @author: xiangchengli
+ * @param {any} rowKey
+ * @param any value
+ * @param any originalObj
+ * @param {any} dataIndex
+ * @return {any}
+ */
+export declare const getOriginalValue: (value: any, record: any, originalObj: any, rowKey: any, dataIndex: any) => any;
+export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;
+/**
+ * 判断数据是否为Response<List<any>>结构
+ * @param data { [key: string]: any } 需要判断数据
+ * @returns boolean 是否
+ */
+export declare const isListResult: (data: {
+    [key: string]: any;
+}) => boolean;
+export declare const getRowKey: (rowKey: any, record: any) => any;

package/es/ProTable/utils/index.js

@@ -0,0 +1,51 @@
+import { get, isEqual } from 'lodash';
+/**
+ * 获取小数点后的位数
+ * @param num 数字
+ * @returns 位数
+ */
+export var getDecimalDigits = function getDecimalDigits() {
+  var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var match = Number(num).toString().match(/\.(\d+)/);
+  return match ? match[1].length : 0;
+};
+/**
+ * @description: 获取初始值
+ * @author: xiangchengli
+ * @param {any} rowKey
+ * @param any value
+ * @param any originalObj
+ * @param {any} dataIndex
+ * @return {any}
+ */
+export var getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
+  if (!originalObj) {
+    return undefined;
+  }
+  var originalRecord = get(originalObj, get(record, rowKey));
+  var originalValue = get(originalRecord, dataIndex);
+  if (!isEqual(originalValue, value)) {
+    return originalValue;
+  }
+  return undefined;
+};
+export var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
+  return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
+};
+/**
+ * 判断数据是否为Response<List<any>>结构
+ * @param data { [key: string]: any } 需要判断数据
+ * @returns boolean 是否
+ */
+export var isListResult = function isListResult(data) {
+  return data.hasOwnProperty('total') && data.hasOwnProperty('list');
+};
+export var getRowKey = function getRowKey(rowKey, record) {
+  // 默认取id
+  var key = record.rowKey || 'id';
+  if (rowKey) {
+    var _ref;
+    key = (_ref = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref !== void 0 ? _ref : key;
+  }
+  return key;
+};

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

@@ -86,24 +86,24 @@ var ActionButton = function ActionButton(_ref) {
         disabled: isDisabled,
         okText: _locale.default.ProEditTable.confirm,
         cancelText: _locale.default.ProEditTable.cancel,
-        children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+        children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           record: record,
           index: index,
           disabled: isDisabled
-        }))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+        }))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           disabled: isDisabled,
           type: "link",
           children: btnConfig.label
         }))
       }) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+        children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           record: record,
           index: index,
           disabled: isDisabled,
           onClick: function onClick() {
             btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, index);
           }
-        }))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+        }))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           disabled: isDisabled,
           type: "link",
           onClick: function onClick() {
@@ -113,12 +113,12 @@ var ActionButton = function ActionButton(_ref) {
         }))
       })
     }) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
+      children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
         record: record,
         index: index
       }))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
         className: "action-button"
-      }, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
+      }, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
         type: "link",
         icon: (_btnConfig$icon = btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.icon) !== null && _btnConfig$icon !== void 0 ? _btnConfig$icon : _config.iconMap[btnConfig.type],
         children: btnConfig.label

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

@@ -49,8 +49,8 @@ var BaseTable = function BaseTable(_ref) {
         return {
           disabled: disabled || virtualKey && !!editingKeys.length,
           'data-hide': isHideCheckBox,
-          onClick: function onClick() {},
-          rowDraggable: rowDraggable
+          'data-row-draggable': rowDraggable,
+          onClick: function onClick() {}
         };
       }
     }, resetProps), {}, {

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const _default: import("react").MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
     [x: string]: any;
     tableProps: any;
     draggableProps: any;