@arim-aisdc/public-components 2.3.53 → 2.3.55

package/dist/components/TableMax/TableBody/components/Total.js

@@ -4,41 +4,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { findHeaderByColumn, getPinningStyle } from "../../TableHeader/utils";
+import { getPinningStyle } from "../../TableHeader/utils";
 import "../../TableBody/index.less";
-import { useVirtualConfig, useVirtualState } from "../../hooks/useVirtualScroll";
-
-// 虚拟填充组件
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var VirtualPadding = function VirtualPadding(_ref) {
-  var width = _ref.width,
-    type = _ref.type;
-  if (!width) return null;
-  return /*#__PURE__*/_jsx("td", {
-    style: {
-      width: "".concat(width, "px"),
-      // height: '100%',
-      padding: 0,
-      border: 'none'
-    },
-    className: "virtual-padding virtual-padding-".concat(type)
-  });
-};
-export var Total = function Total(_ref2) {
-  var table = _ref2.table,
-    totalDatas = _ref2.totalDatas,
-    rowHeight = _ref2.rowHeight;
+export var Total = function Total(_ref) {
+  var table = _ref.table,
+    totalDatas = _ref.totalDatas;
   var footerGroups = table.getFooterGroups();
-  var state = useVirtualState();
-  var config = useVirtualConfig();
-  var leftPinnedColumns = state.leftPinnedColumns,
-    rightPinnedColumns = state.rightPinnedColumns,
-    scrollableColumns = state.scrollableColumns,
-    virtualColumns = state.virtualColumns,
-    virtualPaddingLeft = state.virtualPaddingLeft,
-    virtualPaddingRight = state.virtualPaddingRight;
 
   // 公共样式对象
   var rowStyle = {
@@ -50,7 +23,6 @@ export var Total = function Total(_ref2) {
   };
   var cellWrapperStyle = {
     boxSizing: 'border-box',
-    height: "".concat(rowHeight, "px"),
     borderTop: '1px solid var(--tableColor2)',
     borderBottom: '1px solid var(--tableColor2)'
   };
@@ -61,9 +33,7 @@ export var Total = function Total(_ref2) {
     var headerId = header.id,
       colSpan = header.colSpan;
     var pinningStyle = getPinningStyle(header, table);
-    var cellStyle = _objectSpread(_objectSpread({}, pinningStyle), {}, {
-      height: "".concat(rowHeight - 1, "px")
-    });
+    var cellStyle = _objectSpread({}, pinningStyle);
     return /*#__PURE__*/_jsx("td", {
       colSpan: colSpan,
       style: cellStyle,
@@ -82,29 +52,6 @@ export var Total = function Total(_ref2) {
       return renderCell(header);
     });
   };
-
-  // 渲染虚拟滚动列
-  var renderVirtualColumns = function renderVirtualColumns(footerGroup) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [leftPinnedColumns.map(function (column, index) {
-        var header = findHeaderByColumn(footerGroup, column);
-        return header ? renderCell(header, "-left-".concat(index)) : null;
-      }), /*#__PURE__*/_jsx(VirtualPadding, {
-        type: "left",
-        width: virtualPaddingLeft
-      }), virtualColumns.map(function (virtualColumn, index) {
-        var column = scrollableColumns[virtualColumn.index];
-        var header = findHeaderByColumn(footerGroup, column);
-        return header ? renderCell(header, "-virtual-".concat(index)) : null;
-      }), /*#__PURE__*/_jsx(VirtualPadding, {
-        type: "right",
-        width: virtualPaddingRight
-      }), rightPinnedColumns.map(function (column, index) {
-        var header = findHeaderByColumn(footerGroup, column);
-        return header ? renderCell(header, "-right-".concat(index)) : null;
-      })]
-    });
-  };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: footerGroups.map(function (footerGroup) {
       var id = footerGroup.id,
@@ -112,7 +59,7 @@ export var Total = function Total(_ref2) {
       return /*#__PURE__*/_jsx("tr", {
         className: "tbody-tr",
         style: rowStyle,
-        children: config.openVirtualColumns ? renderVirtualColumns(footerGroup) : renderNormalColumns(headers)
+        children: renderNormalColumns(headers)
       }, id);
     })
   });

package/dist/components/TableMax/TableHeader/TableHeader.js

@@ -5,10 +5,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
-import { useTableComponents } from "../hooks/useTableComponents";
+import { OriginalTableHeader } from "./OriginalTableHeader";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var TableHeader = function TableHeader(props) {
-  var _useTableComponents = useTableComponents(),
-    HeaderComponent = _useTableComponents.TableHeader;
-  return /*#__PURE__*/_jsx(HeaderComponent, _objectSpread({}, props));
+  // const { TableHeader: HeaderComponent } = useTableComponents();
+  // return <HeaderComponent {...props} />;
+  return /*#__PURE__*/_jsx(OriginalTableHeader, _objectSpread({}, props));
 };

package/dist/components/TableMax/TableHeader/VirtualTableHeader/ColGroup.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface ColGroupProps {
-    leftPinnedColumns: any[];
-    scrollableColumns: any[];
-    rightPinnedColumns: any[];
-    virtualColumns: any[];
-    virtualPaddingLeft: number;
-    virtualPaddingRight: number;
-}
-export declare const ColGroup: React.FC<ColGroupProps>;
-export {};

package/dist/components/TableMax/TableHeader/VirtualTableHeader/ColGroup.js

@@ -1,32 +1,47 @@
-import React from 'react';
-import { useVirtualConfig } from "../../hooks/useVirtualScroll";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var ColGroup = function ColGroup(_ref) {
-  var leftPinnedColumns = _ref.leftPinnedColumns,
-    scrollableColumns = _ref.scrollableColumns,
-    rightPinnedColumns = _ref.rightPinnedColumns,
-    virtualColumns = _ref.virtualColumns,
-    virtualPaddingLeft = _ref.virtualPaddingLeft,
-    virtualPaddingRight = _ref.virtualPaddingRight;
-  var renderColumn = function renderColumn(column) {
-    var size = column.getSize() || 120;
-    return /*#__PURE__*/_jsx("col", {
-      width: size
-    }, column.id);
-  };
-  var _useVirtualConfig = useVirtualConfig(),
-    openVirtualColumns = _useVirtualConfig.openVirtualColumns;
-  return /*#__PURE__*/_jsxs("colgroup", {
-    children: [leftPinnedColumns === null || leftPinnedColumns === void 0 ? void 0 : leftPinnedColumns.map(renderColumn), !openVirtualColumns ? scrollableColumns.map(renderColumn) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [Number(virtualPaddingLeft) > 0 && /*#__PURE__*/_jsx("col", {
-        width: virtualPaddingLeft
-      }), virtualColumns.map(function (virtualColumn) {
-        return renderColumn(scrollableColumns[virtualColumn.index]);
-      }), Number(virtualPaddingRight) > 0 && /*#__PURE__*/_jsx("col", {
-        width: virtualPaddingRight
-      })]
-    }), rightPinnedColumns === null || rightPinnedColumns === void 0 ? void 0 : rightPinnedColumns.map(renderColumn)]
-  });
-};
+// import React from 'react';
+// import { useIsVirtualEnabled, useVirtualConfig } from '../../hooks/useVirtualScroll';
+
+// interface ColGroupProps {
+//   leftPinnedColumns: any[];
+//   scrollableColumns: any[];
+//   rightPinnedColumns: any[];
+//   virtualColumns: any[];
+//   virtualPaddingLeft: number;
+//   virtualPaddingRight: number;
+// }
+
+// export const ColGroup: React.FC<ColGroupProps> = ({
+//   leftPinnedColumns,
+//   scrollableColumns,
+//   rightPinnedColumns,
+//   virtualColumns,
+//   virtualPaddingLeft,
+//   virtualPaddingRight,
+// }) => {
+//   const renderColumn = (column: any) => {
+//     const size = column.getSize() || 120;
+//     return <col key={column.id} width={size} />;
+//   };
+//   const { openVirtualColumns } = useVirtualConfig();
+
+//   return (
+//     <colgroup>
+//       {/* 左侧固定列 */}
+//       {leftPinnedColumns?.map(renderColumn)}
+
+//       { 
+//         !openVirtualColumns ? scrollableColumns.map(renderColumn) : 
+//           <>
+//             {/* 虚拟滚动区域 */}
+//             {Number(virtualPaddingLeft) > 0 && <col width={virtualPaddingLeft} />}
+//             {virtualColumns.map(virtualColumn =>
+//               renderColumn(scrollableColumns[virtualColumn.index])
+//             )}
+//             {Number(virtualPaddingRight) > 0 && <col width={virtualPaddingRight} />}</>
+//       }
+
+//       {/* 右侧固定列 */}
+//       {rightPinnedColumns?.map(renderColumn)}
+//     </colgroup>
+//   );
+// };

package/dist/components/TableMax/TableHeader/VirtualTableHeader/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { TableHeaderProps } from '../OriginalTableHeader';
-import './index.less';
-export declare const VirtualTableHeader: React.FC<TableHeaderProps>;

package/dist/components/TableMax/TableHeader/VirtualTableHeader/index.js

@@ -1,79 +1,93 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { useVirtualConfig, useVirtualState } from "../../hooks/useVirtualScroll";
-import { ColGroup } from "./ColGroup";
-import { PinnedColumns } from "./PinnedColumns";
-import { VirtualPadding } from "./VirtualPadding";
-import { VirtualColumns } from "./VirtualColumns";
-import "./index.less";
-import { ScrollColumns } from "./ScrollColumns";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var VirtualTableHeader = function VirtualTableHeader(props) {
-  var table = props.table,
-    hasGroup = props.hasGroup,
-    _props$rowHeight = props.rowHeight,
-    rowHeight = _props$rowHeight === void 0 ? 40 : _props$rowHeight;
-  var state = useVirtualState();
-  var config = useVirtualConfig();
-  var headerGroups = table.getHeaderGroups();
-  var leftPinnedColumns = state.leftPinnedColumns,
-    rightPinnedColumns = state.rightPinnedColumns,
-    scrollableColumns = state.scrollableColumns,
-    virtualColumns = state.virtualColumns,
-    virtualPaddingLeft = state.virtualPaddingLeft,
-    virtualPaddingRight = state.virtualPaddingRight;
-  return /*#__PURE__*/_jsxs("table", {
-    children: [/*#__PURE__*/_jsx(ColGroup, {
-      leftPinnedColumns: leftPinnedColumns,
-      scrollableColumns: scrollableColumns,
-      rightPinnedColumns: rightPinnedColumns,
-      virtualColumns: virtualColumns,
-      virtualPaddingLeft: virtualPaddingLeft,
-      virtualPaddingRight: virtualPaddingRight
-    }), /*#__PURE__*/_jsx("thead", {
-      children: headerGroups.map(function (headerGroup) {
-        return /*#__PURE__*/_jsxs("tr", {
-          className: "table-thead-tr cus-table-thead-tr",
-          style: {
-            height: hasGroup && headerGroup.depth === 0 ? "".concat(rowHeight, "px") : 'auto',
-            width: '100%',
-            position: 'relative'
-          },
-          children: [/*#__PURE__*/_jsx(PinnedColumns, _objectSpread({
-            columns: leftPinnedColumns,
-            headerGroup: headerGroup,
-            position: "left"
-          }, props)), !config.openVirtualColumns ? /*#__PURE__*/_jsx(_Fragment, {
-            children: /*#__PURE__*/_jsx(ScrollColumns, _objectSpread({
-              scrollableColumns: scrollableColumns,
-              headerGroup: headerGroup
-            }, props))
-          }) : /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(VirtualPadding, {
-              type: "left",
-              width: virtualPaddingLeft
-            }), /*#__PURE__*/_jsx(VirtualColumns, _objectSpread({
-              virtualColumns: virtualColumns,
-              scrollableColumns: scrollableColumns,
-              headerGroup: headerGroup
-            }, props)), /*#__PURE__*/_jsx(VirtualPadding, {
-              type: "right",
-              width: virtualPaddingRight
-            })]
-          }), /*#__PURE__*/_jsx(PinnedColumns, _objectSpread({
-            columns: rightPinnedColumns,
-            headerGroup: headerGroup,
-            position: "right"
-          }, props))]
-        }, headerGroup.id);
-      })
-    })]
-  });
-};
+// import React from 'react';
+// import { useVirtualConfig, useVirtualState } from '../../hooks/useVirtualScroll';
+// import { ColGroup } from './ColGroup';
+// import { PinnedColumns } from './PinnedColumns';
+// import { VirtualPadding } from './VirtualPadding';
+// import { VirtualColumns } from './VirtualColumns';
+// import { TableHeaderProps } from '../OriginalTableHeader';
+// import './index.less';
+// import { ScrollColumns } from './ScrollColumns';
+
+// export const VirtualTableHeader: React.FC<TableHeaderProps> = (props) => {
+//   const { table, hasGroup, rowHeight = 40 } = props;
+//   const state = useVirtualState();
+//   const config = useVirtualConfig();
+
+//   const headerGroups = table.getHeaderGroups();
+
+//   const {
+//     leftPinnedColumns,
+//     rightPinnedColumns,
+//     scrollableColumns,
+//     virtualColumns,
+//     virtualPaddingLeft,
+//     virtualPaddingRight
+//   } = state;
+
+//   return (
+//     <table>
+//       <ColGroup
+//         leftPinnedColumns={leftPinnedColumns}
+//         scrollableColumns={scrollableColumns}
+//         rightPinnedColumns={rightPinnedColumns}
+//         virtualColumns={virtualColumns}
+//         virtualPaddingLeft={virtualPaddingLeft}
+//         virtualPaddingRight={virtualPaddingRight}
+//       />
+
+//       <thead>
+//         {headerGroups.map(headerGroup => (
+//           <tr
+//             key={headerGroup.id}
+//             className="table-thead-tr cus-table-thead-tr"
+//             style={{
+//               height: hasGroup && headerGroup.depth === 0 ? `${rowHeight}px` : 'auto',
+//               width: '100%',
+//               position: 'relative'
+//             }}
+//           >
+//             {/* 左侧固定列 */}
+//             <PinnedColumns
+//               columns={leftPinnedColumns}
+//               headerGroup={headerGroup}
+//               position="left"
+//               {...props}
+//             />
+//             { 
+//               !config.openVirtualColumns ? <>
+//                 <ScrollColumns
+//                   scrollableColumns={scrollableColumns}
+//                   headerGroup={headerGroup}
+//                   {...props}
+//                 />
+//               </> : <>
+//                 {/* 左侧虚拟填充 */}
+//                 <VirtualPadding type="left" width={virtualPaddingLeft} />
+
+//                 {/* 虚拟滚动列 */}
+//                 <VirtualColumns
+//                   virtualColumns={virtualColumns}
+//                   scrollableColumns={scrollableColumns}
+//                   headerGroup={headerGroup}
+//                   {...props}
+//                 />
+
+//                 {/* 右侧虚拟填充 */}
+//                 <VirtualPadding type="right" width={virtualPaddingRight} />
+
+//               </>
+//             }
+
+//             {/* 右侧固定列 */}
+//             <PinnedColumns
+//               columns={rightPinnedColumns}
+//               headerGroup={headerGroup}
+//               position="right"
+//               {...props}
+//             />
+//           </tr>
+//         ))}
+//       </thead>
+//     </table>
+//   );
+// };

package/dist/components/TableMax/TableHeader/index.d.ts

@@ -1,4 +1,3 @@
 import { TableHeader } from './TableHeader';
-export { VirtualTableHeader } from './VirtualTableHeader';
 export { OriginalTableHeader } from './OriginalTableHeader';
 export default TableHeader;

package/dist/components/TableMax/TableHeader/index.js

@@ -1,4 +1,4 @@
 import { TableHeader } from "./TableHeader";
-export { VirtualTableHeader } from "./VirtualTableHeader";
+// export { VirtualTableHeader } from './VirtualTableHeader';
 export { OriginalTableHeader } from "./OriginalTableHeader";
 export default TableHeader;

package/dist/components/TableMax/TableMax.js

@@ -40,7 +40,6 @@ import "./tableMax.less";
 import { downloadExcel, getFormatFilters, getFormatFiltersV2, getFormatSorting, operationColumnNoTooltips } from "./utils";
 import { useTableScrollShadow } from "./hooks/useTableScrollShadow";
 import { ExportTableData } from "./components/Export";
-import { VirtualScrollProvider } from "./contexts";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ColumnType = /*#__PURE__*/function (ColumnType) {
@@ -55,6 +54,8 @@ var getCurrentRouterName = function getCurrentRouterName() {
   return window.location.pathname.slice(1);
 };
 var compactModeRowHeight = 30;
+var compactModeCellPadding = '0 2px';
+var cellPadding = '0 8px';
 
 /**将空默认值提升为组件外部的常量，避免引发不必要的渲染 */
 var defaultData = [];
@@ -511,7 +512,7 @@ var TableMax = function TableMax(_ref) {
 
   /**根据缓存数据设置一些状态 */
   var setColumnInfoFromCache = function setColumnInfoFromCache(tableColumns) {
-    var _localStorage$getItem, _tableMaxConfig$cache, _cache$columnPinning$, _cache$columnPinning, _cache$columnPinning$2, _cache$columnPinning2;
+    var _localStorage$getItem, _tableMaxConfig$cache, _cache$columnVisibili, _cache$columnPinning$, _cache$columnPinning, _cache$columnPinning$2, _cache$columnPinning2;
     var cache = JSON.parse((_localStorage$getItem = localStorage.getItem(tableKey)) !== null && _localStorage$getItem !== void 0 ? _localStorage$getItem : '{}');
     if (cache && cache !== null && cache !== void 0 && cache.editTime && +new Date() - cache.editTime > ((_tableMaxConfig$cache = tableMaxConfig.cacheMaxAge) !== null && _tableMaxConfig$cache !== void 0 ? _tableMaxConfig$cache : CACHE_MAX_AGE)) {
       return;
@@ -529,7 +530,7 @@ var TableMax = function TableMax(_ref) {
       }));
     };
     var _ref5 = _objectSpread(_objectSpread({}, cache), {}, {
-        columnVisibility: cache.columnVisibility ? pickByKeys(cache.columnVisibility, columnsIdSet) : {},
+        columnVisibility: cache.columnVisibility ? pickByKeys((_cache$columnVisibili = cache.columnVisibility) !== null && _cache$columnVisibili !== void 0 ? _cache$columnVisibili : {}, columnsIdSet) : {},
         columnPinning: cache.columnPinning ? {
           left: (_cache$columnPinning$ = cache === null || cache === void 0 || (_cache$columnPinning = cache.columnPinning) === null || _cache$columnPinning === void 0 || (_cache$columnPinning = _cache$columnPinning.left) === null || _cache$columnPinning === void 0 ? void 0 : _cache$columnPinning.filter(function (id) {
             return columnsIdSet.has(id);
@@ -553,8 +554,10 @@ var TableMax = function TableMax(_ref) {
     if (cacheHeaderRowNum) {
       setheaderRowNum(cacheHeaderRowNum);
     }
-    setCompactMode(cacheCompactMode === true);
-    setRowHeight(cacheCompactMode === true ? compactModeRowHeight : propsRowHeight);
+
+    // setCompactMode(cacheCompactMode === true);
+    // setRowHeight(cacheCompactMode === true ? compactModeRowHeight : propsRowHeight);
+    changeCompactModeStyle(cacheCompactMode === true);
     var newColumnVisibleConfig = _objectSpread(_objectSpread({}, columnVisibleConfig), cacheColumnVisibility);
     setColumnVisibility(newColumnVisibleConfig);
 
@@ -1139,24 +1142,21 @@ var TableMax = function TableMax(_ref) {
     hasTotalRow: hasTotalRow,
     totalDatas: totalDatas,
     setRowSelection: setRowSelection,
-    openMemo: openMemo !== null && openMemo !== void 0 ? openMemo : tableMaxConfig === null || tableMaxConfig === void 0 ? void 0 : tableMaxConfig.openMemo
+    openMemo: openMemo !== null && openMemo !== void 0 ? openMemo : tableMaxConfig === null || tableMaxConfig === void 0 ? void 0 : tableMaxConfig.openMemo,
+    openVirtualRows: openVirtualRows
   };
   var changeCompactMode = function changeCompactMode() {
-    setCompactMode(!compactMode);
-    setRowHeight(!compactMode ? compactModeRowHeight : propsRowHeight);
+    changeCompactModeStyle(!compactMode);
+  };
+  var changeCompactModeStyle = function changeCompactModeStyle(compactMode) {
+    var _tableContentRef$curr2, _tableContentRef$curr3;
+    var newHeight = compactMode ? compactModeRowHeight : propsRowHeight;
+    var newPadding = compactMode ? compactModeCellPadding : cellPadding;
+    (_tableContentRef$curr2 = tableContentRef.current) === null || _tableContentRef$curr2 === void 0 || (_tableContentRef$curr2 = _tableContentRef$curr2.style) === null || _tableContentRef$curr2 === void 0 || _tableContentRef$curr2.setProperty('--cell-height', "".concat(newHeight, "px"));
+    (_tableContentRef$curr3 = tableContentRef.current) === null || _tableContentRef$curr3 === void 0 || (_tableContentRef$curr3 = _tableContentRef$curr3.style) === null || _tableContentRef$curr3 === void 0 || _tableContentRef$curr3.setProperty('--cell-padding', newPadding);
+    setCompactMode(compactMode);
+    setRowHeight(newHeight);
   };
-  var virtualConfig = useMemo(function () {
-    return {
-      openVirtualColumns: openVirtualColumns,
-      openVirtualRows: openVirtualRows,
-      rowHeight: rowHeight,
-      columnOverscan: 3,
-      rowOverscan: 10
-    };
-  }, [openVirtualColumns, openVirtualRows, rowHeight]);
-
-  // const components = useTableComponents();
-
   return /*#__PURE__*/_jsx(Form, {
     form: form,
     component: false,
@@ -1321,46 +1321,40 @@ var TableMax = function TableMax(_ref) {
             setColumnVisibility: setColumnVisibility
           })]
         })]
-      }), /*#__PURE__*/_jsx(VirtualScrollProvider, {
-        config: virtualConfig,
-        table: table,
-        tableHeaderRef: tableHeaderRef,
-        tableBodyRef: tableBodyRef,
-        children: /*#__PURE__*/_jsx("div", {
-          className: "table-max-content cus-table-max-content ".concat(compactMode ? 'table-max-content-compact' : null),
-          children: /*#__PURE__*/_jsxs("div", {
-            className: "table-center",
-            ref: tableContentRef
-            // style={{ maxHeight: !autoHeight ? defaultScrollY : 'fit-content' }}
+      }), /*#__PURE__*/_jsx("div", {
+        className: "table-max-content cus-table-max-content ".concat(compactMode ? 'table-max-content-compact' : null),
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "table-center",
+          ref: tableContentRef
+          // style={{ maxHeight: !autoHeight ? defaultScrollY : 'fit-content' }}
+          ,
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "table-header-wrapper",
+            children: /*#__PURE__*/_jsx("div", {
+              ref: tableHeaderRef,
+              className: "table-header",
+              children: /*#__PURE__*/_jsx(TableHeader, _objectSpread({}, tableHeaderProps))
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            ref: tableBodyRef,
+            className: "table-body"
+            // onScroll={scrollHandler}
             ,
-            children: [/*#__PURE__*/_jsx("div", {
-              className: "table-header-wrapper",
-              children: /*#__PURE__*/_jsx("div", {
-                ref: tableHeaderRef,
-                className: "table-header",
-                children: /*#__PURE__*/_jsx(TableHeader, _objectSpread({}, tableHeaderProps))
-              })
-            }), /*#__PURE__*/_jsx("div", {
-              ref: tableBodyRef,
-              className: "table-body"
-              // onScroll={scrollHandler}
-              ,
-              style: {
-                width: "100%"
-              },
-              onMouseEnter: function onMouseEnter() {
-                var _tableBodyRef$current;
-                // 给当前元素添加hover类
-                (_tableBodyRef$current = tableBodyRef.current) === null || _tableBodyRef$current === void 0 || _tableBodyRef$current.classList.add('hover-active');
-              },
-              onMouseLeave: function onMouseLeave() {
-                var _tableBodyRef$current2;
-                // 移除当前元素的hover类
-                (_tableBodyRef$current2 = tableBodyRef.current) === null || _tableBodyRef$current2 === void 0 || _tableBodyRef$current2.classList.remove('hover-active');
-              },
-              children: /*#__PURE__*/_jsx(TableBody, _objectSpread({}, tableBodyProps))
-            })]
-          })
+            style: {
+              width: "100%"
+            },
+            onMouseEnter: function onMouseEnter() {
+              var _tableBodyRef$current;
+              // 给当前元素添加hover类
+              (_tableBodyRef$current = tableBodyRef.current) === null || _tableBodyRef$current === void 0 || _tableBodyRef$current.classList.add('hover-active');
+            },
+            onMouseLeave: function onMouseLeave() {
+              var _tableBodyRef$current2;
+              // 移除当前元素的hover类
+              (_tableBodyRef$current2 = tableBodyRef.current) === null || _tableBodyRef$current2 === void 0 || _tableBodyRef$current2.classList.remove('hover-active');
+            },
+            children: /*#__PURE__*/_jsx(TableBody, _objectSpread({}, tableBodyProps))
+          })]
         })
       }), pagination && /*#__PURE__*/_jsx("div", {
         className: "table-max-footer",

package/dist/components/TableMax/contexts/VirtualScroll/VirtualScrollProvider.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { VirtualScrollProviderProps } from './types';
-export declare const VirtualScrollProvider: React.FC<VirtualScrollProviderProps>;