@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Table/index.js

@@ -1,518 +1,446 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import classnames from 'classnames';
-import _ from 'lodash';
-import ResizeObserver from 'rc-resize-observer';
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
-import { Empty, Spin } from '..';
-import ExpandCell from "./components/ExpandCell";
-import Footer from "./components/Footer";
-import DndWrapper from "./components/DndWrapper";
-import { getRowKey, getTableColumns, prefixCls } from "./helper";
-import useExpandable, { getExpandableConfig } from "./hooks/useExpandable";
-import useFixed from "./hooks/useFixed";
-import useRowSelection from "./hooks/useRowSelection";
-import useScroll from "./hooks/useScroll";
-import useRowDnd from "./hooks/useRowDnd";
+import { cn } from "../lib/utils.js";
+import Empty from "../Empty/index.js";
+import CustomSpin from "../Spin/index.js";
+/* empty css      */
+import { getRowKey, getTableColumns, prefixCls } from "./helper.js";
+import useExpandable, { getExpandableConfig } from "./hooks/useExpandable.js";
+import ExpandCell from "./components/ExpandCell.js";
+import TableFooter from "./components/Footer/index.js";
+import DndWrapper from "./components/DndWrapper.js";
+import useFixed from "./hooks/useFixed.js";
+import useRowSelection from "./hooks/useRowSelection.js";
+import useScroll from "./hooks/useScroll.js";
+import useRowDnd from "./hooks/useRowDnd.js";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+//#region src/Table/index.tsx
 var HEADER_HEIGHT = 41;
 var FOOTER_HEIGHT = 52;
+function TableResizeWrapper({ children, onResize }) {
+	const ref = useRef(null);
+	const onResizeRef = useRef(onResize);
+	onResizeRef.current = onResize;
+	useEffect(() => {
+		const el = ref.current;
+		if (!el) return;
+		let prevW = 0;
+		let prevH = 0;
+		const ro = new window.ResizeObserver(() => {
+			const w = el.offsetWidth;
+			const h = el.offsetHeight;
+			if (w === prevW && h === prevH) return;
+			prevW = w;
+			prevH = h;
+			onResizeRef.current(w, h);
+		});
+		ro.observe(el);
+		return () => ro.disconnect();
+	}, []);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		style: { height: "100%" },
+		children
+	});
+}
 function Table(props, ref) {
-  var _classnames2, _classnames6, _classnames8;
-  var data = props.data,
-    bordered = props.bordered,
-    rowKey = props.rowKey,
-    columnSizing = props.columnSizing,
-    sticky = props.sticky,
-    loading = props.loading,
-    pagination = props.pagination,
-    _props$scroll = props.scroll,
-    scroll = _props$scroll === void 0 ? {} : _props$scroll,
-    emptyComponent = props.empty,
-    _props$virtual = props.virtual,
-    virtual = _props$virtual === void 0 ? false : _props$virtual,
-    _props$rowClassName = props.rowClassName,
-    rowClassName = _props$rowClassName === void 0 ? function () {
-      return '';
-    } : _props$rowClassName,
-    onRowClick = props.onRowClick,
-    onError = props.onError,
-    onSort = props.onSort,
-    expandable = props.expandable,
-    rowDnd = props.rowDnd;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    totalSize = _useState2[0],
-    setTotalSize = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hoverRowId = _useState4[0],
-    setHoverRowId = _useState4[1];
-  var y = scroll.y;
-  var _useScroll = useScroll({
-      totalSize: totalSize,
-      scroll: scroll
-    }),
-    containerWidth = _useScroll.containerWidth,
-    onBodyScroll = _useScroll.onBodyScroll,
-    headerRef = _useScroll.headerRef,
-    bodyRef = _useScroll.bodyRef,
-    isPingLeft = _useScroll.isPingLeft,
-    isPingRight = _useScroll.isPingRight,
-    scrollbarWidth = _useScroll.scrollbarWidth,
-    changeIsPing = _useScroll.changeIsPing;
-  var scrollToFirstRow = useCallback(function () {
-    if (!bodyRef.current) {
-      return;
-    }
-    bodyRef.current.scrollTop = 0;
-  }, [bodyRef]);
-  useImperativeHandle(ref, function () {
-    return {
-      scrollToFirstRow: scrollToFirstRow
-    };
-  });
-  var expandableInfo = useExpandable({
-    expandable: expandable,
-    data: data,
-    rowKey: rowKey
-  });
-  var expandableConfig = getExpandableConfig(expandable);
-  var rowSelectionInfo = useRowSelection(_objectSpread(_objectSpread({}, props), {}, {
-    data: expandableInfo.data,
-    isExpandable: expandableInfo.isExpandable,
-    flattenData: expandableInfo.flattenData
-  }));
-  var rowDndInfo = useRowDnd(_objectSpread(_objectSpread({}, props), {}, {
-    columns: rowSelectionInfo.columns,
-    data: expandableInfo.data
-  }));
-  var tableColumns = useMemo(function () {
-    return getTableColumns({
-      columns: rowDndInfo.columns,
-      containerWidth: containerWidth || 0,
-      onError: onError,
-      onSort: onSort
-    });
-  }, [containerWidth, onError, onSort, rowDndInfo.columns]);
-  var tableInstance = useReactTable({
-    columns: tableColumns,
-    // 排除掉被折叠的行
-    data: rowDndInfo.tableData,
-    getCoreRowModel: getCoreRowModel(),
-    getRowId: function getRowId(row, index) {
-      return getRowKey(row, rowKey, index);
-    },
-    columnResizeMode: 'onChange'
-  });
-  var headerGroups = tableInstance.getHeaderGroups();
-  var columnWidths = headerGroups[0].headers.map(function (header) {
-    return header.getSize();
-  });
-  var getColumnFixedInfo = useFixed({
-    columnWidths: columnWidths,
-    tableColumns: tableColumns,
-    y: y,
-    scrollbarWidth: scrollbarWidth
-  });
-
-  // 渲染 header
-  var _tableInstance$getRow = tableInstance.getRowModel(),
-    rows = _tableInstance$getRow.rows;
-  var isStickyWork = !!sticky && y === undefined;
-  var headerStyle = {};
-  if (isStickyWork && _.get(sticky, 'offsetHeader')) {
-    headerStyle.top = _.get(sticky, 'offsetHeader', 0);
-  }
-  var totalColumnsWidth = _.sum(columnWidths);
-  useEffect(function () {
-    // 总列宽改变时，重新计算是否需要显示固定列的阴影
-    changeIsPing();
-  }, [changeIsPing, totalColumnsWidth]);
-  var renderHeaderCell = useCallback(function (header, index) {
-    // 选择行的列不能拖动宽度
-    var showResizer = columnSizing && !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);
-    var _getColumnFixedInfo = getColumnFixedInfo(index, true),
-      fixedClassName = _getColumnFixedInfo.className,
-      fixedStyle = _getColumnFixedInfo.style;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(prefixCls('th'), fixedClassName),
-      style: _objectSpread({
-        width: header.getSize()
-      }, fixedStyle),
-      key: header.id
-    }, flexRender(header.column.columnDef.header, header.getContext()), showResizer && /*#__PURE__*/React.createElement("div", {
-      onMouseDown: header.getResizeHandler(),
-      onTouchStart: header.getResizeHandler(),
-      className: classnames(prefixCls('resizer'), _defineProperty({}, prefixCls('self-resizing'), header.column.getIsResizing()))
-    }));
-  }, [columnSizing, rowSelectionInfo, getColumnFixedInfo]);
-  var visibleColumns = tableInstance.getVisibleLeafColumns();
-  var columnVirtualizer = useVirtualizer({
-    count: tableColumns.length,
-    estimateSize: function estimateSize(index) {
-      return visibleColumns[index].getSize();
-    },
-    getScrollElement: function getScrollElement() {
-      return bodyRef.current;
-    },
-    horizontal: true,
-    overscan: 5
-  });
-  var virtualColumns = columnVirtualizer.getVirtualItems();
-
-  //different virtualization strategy for columns - instead of absolute and translateY, we add empty columns to the left and right
-  var virtualPaddingLeft;
-  var virtualPaddingRight;
-  if (columnVirtualizer && virtualColumns !== null && virtualColumns !== void 0 && virtualColumns.length) {
-    var _virtualColumns$0$sta, _virtualColumns$, _virtualColumns$end, _virtualColumns;
-    virtualPaddingLeft = (_virtualColumns$0$sta = (_virtualColumns$ = virtualColumns[0]) === null || _virtualColumns$ === void 0 ? void 0 : _virtualColumns$.start) !== null && _virtualColumns$0$sta !== void 0 ? _virtualColumns$0$sta : 0;
-    virtualPaddingRight = columnVirtualizer.getTotalSize() - ((_virtualColumns$end = (_virtualColumns = virtualColumns[virtualColumns.length - 1]) === null || _virtualColumns === void 0 ? void 0 : _virtualColumns.end) !== null && _virtualColumns$end !== void 0 ? _virtualColumns$end : 0);
-  }
-  var headerContent = /*#__PURE__*/React.createElement("div", {
-    className: classnames(prefixCls('header'), (_classnames2 = {}, _defineProperty(_classnames2, prefixCls('overflow-x'), true), _defineProperty(_classnames2, prefixCls('sticky'), isStickyWork), _defineProperty(_classnames2, prefixCls('resizing'), tableInstance.getState().columnSizingInfo.isResizingColumn), _classnames2)),
-    ref: headerRef,
-    style: headerStyle
-  }, _.map(headerGroups, function (headerGroup) {
-    var allHeaderCells = headerGroup.headers;
-    var virtualColumns = columnVirtualizer.getVirtualItems();
-    var middleVirtualColumns = [];
-    // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染
-    var leftFixedColumns = [];
-    var rightFixedColumns = [];
-    var content = null;
-    if (virtual) {
-      _.forEach(allHeaderCells, function (header, index) {
-        var fixedInfo = getColumnFixedInfo(index);
-        if (fixedInfo.fixed === 'left') {
-          leftFixedColumns.push({
-            header: header,
-            index: index
-          });
-        }
-        if (fixedInfo.fixed === 'right') {
-          rightFixedColumns.push({
-            header: header,
-            index: index
-          });
-        }
-      });
-      _.forEach(virtualColumns, function (virtualColumn) {
-        var colIndex = virtualColumn.index;
-        var fixedInfo = getColumnFixedInfo(colIndex);
-        if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {
-          middleVirtualColumns.push(virtualColumn);
-        }
-      });
-      content = /*#__PURE__*/React.createElement(React.Fragment, null, virtualPaddingLeft ?
-      /*#__PURE__*/
-      //fake empty column to the left for virtualization scroll padding
-      React.createElement("div", {
-        className: prefixCls('virtual-padding-left'),
-        style: {
-          width: virtualPaddingLeft
-        }
-      }) : null, leftFixedColumns.map(function (_ref) {
-        var header = _ref.header,
-          index = _ref.index;
-        return renderHeaderCell(header, index);
-      }), _.map(middleVirtualColumns, function (virtualColumn) {
-        var header = allHeaderCells[virtualColumn.index];
-        return renderHeaderCell(header, virtualColumn.index);
-      }), rightFixedColumns.map(function (_ref2) {
-        var header = _ref2.header,
-          index = _ref2.index;
-        return renderHeaderCell(header, index);
-      }), virtualPaddingRight ?
-      /*#__PURE__*/
-      //fake empty column to the right for virtualization scroll padding
-      React.createElement("div", {
-        className: prefixCls('virtual-padding-right'),
-        style: {
-          width: virtualPaddingRight
-        }
-      }) : null);
-    } else {
-      content = _.map(allHeaderCells, function (header, index) {
-        return renderHeaderCell(header, index);
-      });
-    }
-    return /*#__PURE__*/React.createElement("div", {
-      className: prefixCls('tr'),
-      key: headerGroup.id,
-      style: {
-        width: totalColumnsWidth
-      }
-    }, content, y !== undefined && /*#__PURE__*/React.createElement("div", {
-      className: prefixCls('header-scroll-placeholder'),
-      style: {
-        flexBasis: scrollbarWidth
-      }
-    }));
-  }));
-  var onClickRow = useCallback(function (rowData, rowIndex) {
-    return function () {
-      var _window$getSelection;
-      if (typeof onRowClick !== 'function') {
-        return;
-      }
-      if (((_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.toString().length) !== 0) {
-        // 防止选择文本时触发 onRowClick
-        return;
-      }
-      onRowClick(rowData, rowIndex);
-    };
-  }, [onRowClick]);
-  var isShowPagination = !!(pagination && (pagination.total > pagination.pageSize || pagination.showSizeChanger));
-  var isShowRowSelection = rowSelectionInfo.isShowRowSelectionInFooter;
-  var isShowFooter = isShowPagination || isShowRowSelection;
-
-  // 空态切换 size 的阈值
-  var EMPTY_SMALL_SIZE_HEIGHT = 436;
-  var isSmallEmpty = totalSize && totalSize.height < EMPTY_SMALL_SIZE_HEIGHT;
-  var isEmpty = rows.length === 0 && !loading;
-  var rowVirtualizer = useVirtualizer({
-    count: rows.length,
-    estimateSize: function estimateSize() {
-      return 48;
-    },
-    // estimate row height for accurate scrollbar dragging
-    // 没有测量出 bodyRef.current 的高度时，返回 null，避免虚拟化器从 DOM 获取异常高度
-    getScrollElement: function getScrollElement() {
-      return totalSize ? bodyRef.current : null;
-    },
-    // measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1 ? function (element) {
-      return element === null || element === void 0 ? void 0 : element.getBoundingClientRect().height;
-    } : undefined,
-    overscan: 5
-  });
-  var tableRows = virtual ? rowVirtualizer.getVirtualItems() : rows;
-  var renderBodyCell = useCallback(function (row, cell, colIndex) {
-    var _getColumnFixedInfo2 = getColumnFixedInfo(colIndex),
-      fixedClassName = _getColumnFixedInfo2.className,
-      fixedStyle = _getColumnFixedInfo2.style;
-    var tdContent = flexRender(cell.column.columnDef.cell, cell.getContext());
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(prefixCls('td'), fixedClassName),
-      key: cell.id,
-      style: _objectSpread({
-        width: cell.column.getSize()
-      }, fixedStyle)
-    }, expandableInfo.isExpandable && colIndex === (rowSelectionInfo.isRowSelectionEnabled ? 1 : 0) ? /*#__PURE__*/React.createElement(ExpandCell, {
-      expandableInfo: expandableInfo,
-      expandable: expandable,
-      data: row.original,
-      rowKey: rowKey
-    }, tdContent) : tdContent);
-  }, [expandableInfo, expandable, rowKey, getColumnFixedInfo, rowSelectionInfo.isRowSelectionEnabled]);
-
-  // 渲染 body
-  var bodyContent = /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('body'),
-    style: {
-      width: totalColumnsWidth,
-      height: virtual ? rowVirtualizer.getTotalSize() : 'auto'
-    }
-  }, isEmpty ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: totalSize === null || totalSize === void 0 ? void 0 : totalSize.width
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      visibility: 'hidden'
-    }
-  }, emptyComponent || /*#__PURE__*/React.createElement("div", {
-    className: classnames(prefixCls('empty'), _defineProperty({}, prefixCls('empty-small'), isSmallEmpty))
-  }, /*#__PURE__*/React.createElement(Empty, {
-    image: isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH,
-    size: isSmallEmpty ? 'small' : undefined
-  }))), /*#__PURE__*/React.createElement("div", {
-    "aria-invalid": "true",
-    style: {
-      position: 'absolute',
-      top: 40,
-      left: 0,
-      right: 0,
-      bottom: 0
-    }
-  }, emptyComponent || /*#__PURE__*/React.createElement("div", {
-    className: classnames(prefixCls('empty'), _defineProperty({}, prefixCls('empty-small'), isSmallEmpty))
-  }, /*#__PURE__*/React.createElement(Empty, {
-    image: isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH,
-    size: isSmallEmpty ? 'small' : undefined
-  })))) : _.reduce(tableRows, function (rowList, rowData, rowIndex) {
-    var _classnames5;
-    var row = virtual ? rows[rowData.index] : rowData;
-    var allRowCells = row.getVisibleCells();
-    var content = null;
-    // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染
-    var leftFixedColumns = [];
-    var rightFixedColumns = [];
-    if (virtual) {
-      var _virtualColumns2 = columnVirtualizer.getVirtualItems();
-      var middleVirtualColumns = [];
-      _.forEach(allRowCells, function (cell, index) {
-        var fixedInfo = getColumnFixedInfo(index);
-        if (fixedInfo.fixed === 'left') {
-          leftFixedColumns.push({
-            cell: cell,
-            index: index
-          });
-        }
-        if (fixedInfo.fixed === 'right') {
-          rightFixedColumns.push({
-            cell: cell,
-            index: index
-          });
-        }
-      });
-      _.forEach(_virtualColumns2, function (virtualColumn) {
-        var colIndex = virtualColumn.index;
-        var fixedInfo = getColumnFixedInfo(colIndex);
-        if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {
-          middleVirtualColumns.push(virtualColumn);
-        }
-      });
-      content = /*#__PURE__*/React.createElement(React.Fragment, null, virtualPaddingLeft ?
-      /*#__PURE__*/
-      //fake empty column to the left for virtualization scroll padding
-      React.createElement("div", {
-        className: prefixCls('virtual-padding-left'),
-        style: {
-          width: virtualPaddingLeft
-        }
-      }) : null, leftFixedColumns.map(function (_ref3) {
-        var cell = _ref3.cell,
-          index = _ref3.index;
-        return renderBodyCell(row, cell, index);
-      }), middleVirtualColumns.map(function (virtualColumn) {
-        var colIndex = virtualColumn.index;
-        var cell = allRowCells[colIndex];
-        return renderBodyCell(row, cell, colIndex);
-      }), rightFixedColumns.map(function (_ref4) {
-        var cell = _ref4.cell,
-          index = _ref4.index;
-        return renderBodyCell(row, cell, index);
-      }), virtualPaddingRight ?
-      /*#__PURE__*/
-      //fake empty column to the right for virtualization scroll padding
-      React.createElement("div", {
-        className: prefixCls('virtual-padding-right'),
-        style: {
-          width: virtualPaddingRight
-        }
-      }) : null);
-    } else {
-      content = allRowCells.map(function (cell, index) {
-        return renderBodyCell(row, cell, index);
-      });
-    }
-    var rowId = row.id;
-    var rowNode = /*#__PURE__*/React.createElement("div", {
-      key: rowId,
-      "data-index": virtual ? rowData.index : rowIndex,
-      className: classnames(prefixCls('tr'), (_classnames5 = {}, _defineProperty(_classnames5, prefixCls('row-hover'), rowDndInfo.draggingRowId ? undefined : hoverRowId === rowId), _defineProperty(_classnames5, prefixCls('row-dragging'), rowDndInfo.draggingRowId === rowId), _defineProperty(_classnames5, prefixCls('no-border-tr'), isShowPagination && rowIndex === rows.length - 1), _classnames5), rowClassName(row.original, rowIndex)),
-      ref: function ref(node) {
-        // 将引用同时传递给 rowVirtualizer 和 rowDnd
-        rowVirtualizer.measureElement(node);
-
-        // 如果启用了行拖拽，则设置行引用
-        if (rowDnd && node) {
-          var rowRef = rowDndInfo.getRowRef(row.original, rowIndex);
-          if (rowRef) {
-            rowRef.current = node;
-          }
-        }
-      },
-      onClick: onClickRow(row.original, rowIndex),
-      onMouseEnter: function onMouseEnter() {
-        return setHoverRowId(rowId);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setHoverRowId(null);
-      },
-      style: virtual ? {
-        position: 'absolute',
-        transform: "translateY(".concat(rowData.start, "px)")
-      } : {}
-    }, content);
-    rowList.push(rowNode);
-
-    // 渲染额外展开的行
-    var expandItem = expandableInfo.expandItemMap[rowId];
-    var customExpandRowKey = expandableInfo.isExpandable && (expandItem === null || expandItem === void 0 ? void 0 : expandItem.customExpandRowKey);
-    var hasCustomExpandRowKey = !!customExpandRowKey;
-    if (hasCustomExpandRowKey) {
-      // 在该行的下面追加自定义展开行
-      var expandedRowRender = expandableConfig.expandedRowRender;
-      if (typeof expandedRowRender !== 'function') {
-        console.error('expandedRowRender must be a function');
-        return rowList;
-      }
-      if ((expandItem === null || expandItem === void 0 ? void 0 : expandItem.isExpanded) !== true) {
-        return rowList;
-      }
-      var customRow = /*#__PURE__*/React.createElement("div", {
-        key: customExpandRowKey,
-        className: classnames(prefixCls('tr')),
-        onClick: onClickRow(row.original, rowIndex)
-      }, expandedRowRender(row.original, expandItem.level + 1));
-      rowList.push(customRow);
-    }
-    return rowList;
-  }, []));
-  var tableContentHeight = useMemo(function () {
-    return y && totalSize ? totalSize.height - HEADER_HEIGHT - (isShowFooter ? FOOTER_HEIGHT : 0) : 'auto';
-  }, [y, totalSize, isShowFooter]);
-  var tableContent = /*#__PURE__*/React.createElement(Spin, {
-    spinning: !!loading
-  }, /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('content')
-  }, headerContent, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: tableContentHeight,
-      position: virtual ? 'relative' : undefined
-    },
-    className: classnames(prefixCls('body-scroll'), (_classnames6 = {}, _defineProperty(_classnames6, prefixCls('scroll-y'), y !== undefined), _defineProperty(_classnames6, prefixCls('scroll-hidden'), isEmpty), _classnames6)),
-    ref: bodyRef,
-    onScroll: onBodyScroll
-  }, bodyContent), isShowFooter && /*#__PURE__*/React.createElement(Footer, {
-    rowSelectionInfo: rowSelectionInfo,
-    isShowPagination: isShowPagination,
-    pagination: pagination,
-    scroll: scroll,
-    scrollToFirstRow: scrollToFirstRow
-  })));
-  var tableStyle = {};
-  if (y) {
-    tableStyle.height = y;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames(prefixCls('container'), _defineProperty({}, prefixCls('bordered'), bordered)),
-    style: tableStyle
-  }, /*#__PURE__*/React.createElement(ResizeObserver, {
-    onResize: function onResize(size) {
-      // 在 Modal 中使用表格组件，偶现 width 和 offsetWidth 不一致的情况，导致表格宽度不正确，具体原因未找到
-      // 实践发现 offsetWidth 一直是正确的宽度
-      setTotalSize({
-        width: size.offsetWidth,
-        height: size.offsetHeight
-      });
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(prefixCls('main'), (_classnames8 = {}, _defineProperty(_classnames8, prefixCls('overflow-hidden'), !!y), _defineProperty(_classnames8, prefixCls('ping-left'), isPingLeft), _defineProperty(_classnames8, prefixCls('ping-right'), isPingRight), _classnames8))
-  }, rowDnd ? /*#__PURE__*/React.createElement(DndWrapper, null, tableContent) : tableContent)));
+	const { data, bordered, rowKey, columnSizing, sticky, loading, pagination, scroll = {}, empty: emptyComponent, virtual = false, rowClassName = () => "", onRowClick, onError, onSort, expandable, rowDnd } = props;
+	const [totalSize, setTotalSize] = useState(null);
+	const [hoverRowId, setHoverRowId] = useState(null);
+	const { y } = scroll;
+	const { containerWidth, onBodyScroll, headerRef, bodyRef, isPingLeft, isPingRight, scrollbarWidth, changeIsPing } = useScroll({
+		totalSize,
+		scroll
+	});
+	const scrollToFirstRow = useCallback(() => {
+		if (!bodyRef.current) return;
+		bodyRef.current.scrollTop = 0;
+	}, [bodyRef]);
+	useImperativeHandle(ref, () => ({ scrollToFirstRow }));
+	const expandableInfo = useExpandable({
+		expandable,
+		data,
+		rowKey
+	});
+	const expandableConfig = getExpandableConfig(expandable);
+	const rowSelectionInfo = useRowSelection({
+		...props,
+		data: expandableInfo.data,
+		isExpandable: expandableInfo.isExpandable,
+		flattenData: expandableInfo.flattenData
+	});
+	const rowDndInfo = useRowDnd({
+		...props,
+		columns: rowSelectionInfo.columns,
+		data: expandableInfo.data
+	});
+	const tableColumns = useMemo(() => {
+		return getTableColumns({
+			columns: rowDndInfo.columns,
+			containerWidth: containerWidth || 0,
+			onError,
+			onSort
+		});
+	}, [
+		containerWidth,
+		onError,
+		onSort,
+		rowDndInfo.columns
+	]);
+	const tableInstance = useReactTable({
+		columns: tableColumns,
+		data: rowDndInfo.tableData,
+		getCoreRowModel: getCoreRowModel(),
+		getRowId: (row, index) => {
+			return getRowKey(row, rowKey, index);
+		},
+		columnResizeMode: "onChange"
+	});
+	const headerGroups = tableInstance.getHeaderGroups();
+	const columnWidths = headerGroups[0].headers.map((header) => header.getSize());
+	const getColumnFixedInfo = useFixed({
+		columnWidths,
+		tableColumns,
+		y,
+		scrollbarWidth
+	});
+	const { rows } = tableInstance.getRowModel();
+	const isStickyWork = !!sticky && y === void 0;
+	const headerStyle = {};
+	if (isStickyWork && _.get(sticky, "offsetHeader")) headerStyle.top = _.get(sticky, "offsetHeader", 0);
+	const totalColumnsWidth = _.sum(columnWidths);
+	useEffect(() => {
+		changeIsPing(totalColumnsWidth);
+	}, [changeIsPing, totalColumnsWidth]);
+	const renderHeaderCell = useCallback((header, index) => {
+		const showResizer = columnSizing && !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);
+		const { className: fixedClassName, style: fixedStyle } = getColumnFixedInfo(index, true);
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn(prefixCls("th"), fixedClassName),
+			style: {
+				width: header.getSize(),
+				...fixedStyle
+			},
+			children: [flexRender(header.column.columnDef.header, header.getContext()), showResizer && /* @__PURE__ */ jsx("div", {
+				onMouseDown: header.getResizeHandler(),
+				onTouchStart: header.getResizeHandler(),
+				className: cn(prefixCls("resizer"), { [prefixCls("self-resizing")]: header.column.getIsResizing() })
+			})]
+		}, header.id);
+	}, [
+		columnSizing,
+		rowSelectionInfo,
+		getColumnFixedInfo
+	]);
+	const visibleColumns = tableInstance.getVisibleLeafColumns();
+	const columnVirtualizer = useVirtualizer({
+		count: tableColumns.length,
+		estimateSize: (index) => visibleColumns[index].getSize(),
+		getScrollElement: () => bodyRef.current,
+		horizontal: true,
+		overscan: 5
+	});
+	const virtualColumns = columnVirtualizer.getVirtualItems();
+	let virtualPaddingLeft;
+	let virtualPaddingRight;
+	if (columnVirtualizer && virtualColumns?.length) {
+		virtualPaddingLeft = virtualColumns[0]?.start ?? 0;
+		virtualPaddingRight = columnVirtualizer.getTotalSize() - (virtualColumns[virtualColumns.length - 1]?.end ?? 0);
+	}
+	const headerContent = /* @__PURE__ */ jsx("div", {
+		className: cn(prefixCls("header"), {
+			[prefixCls("overflow-x")]: true,
+			[prefixCls("sticky")]: isStickyWork,
+			[prefixCls("resizing")]: tableInstance.getState().columnSizingInfo.isResizingColumn
+		}),
+		ref: headerRef,
+		style: headerStyle,
+		children: _.map(headerGroups, (headerGroup) => {
+			const allHeaderCells = headerGroup.headers;
+			const virtualColumns = columnVirtualizer.getVirtualItems();
+			const middleVirtualColumns = [];
+			const leftFixedColumns = [];
+			const rightFixedColumns = [];
+			let content = null;
+			if (virtual) {
+				_.forEach(allHeaderCells, (header, index) => {
+					const fixedInfo = getColumnFixedInfo(index);
+					if (fixedInfo.fixed === "left") leftFixedColumns.push({
+						header,
+						index
+					});
+					if (fixedInfo.fixed === "right") rightFixedColumns.push({
+						header,
+						index
+					});
+				});
+				_.forEach(virtualColumns, (virtualColumn) => {
+					const colIndex = virtualColumn.index;
+					const fixedInfo = getColumnFixedInfo(colIndex);
+					if (fixedInfo.fixed !== "left" && fixedInfo.fixed !== "right") middleVirtualColumns.push(virtualColumn);
+				});
+				content = /* @__PURE__ */ jsxs(Fragment, { children: [
+					virtualPaddingLeft ? /* @__PURE__ */ jsx("div", {
+						className: prefixCls("virtual-padding-left"),
+						style: { width: virtualPaddingLeft }
+					}) : null,
+					leftFixedColumns.map(({ header, index }) => {
+						return renderHeaderCell(header, index);
+					}),
+					_.map(middleVirtualColumns, (virtualColumn) => {
+						const header = allHeaderCells[virtualColumn.index];
+						return renderHeaderCell(header, virtualColumn.index);
+					}),
+					rightFixedColumns.map(({ header, index }) => {
+						return renderHeaderCell(header, index);
+					}),
+					virtualPaddingRight ? /* @__PURE__ */ jsx("div", {
+						className: prefixCls("virtual-padding-right"),
+						style: { width: virtualPaddingRight }
+					}) : null
+				] });
+			} else content = _.map(allHeaderCells, (header, index) => renderHeaderCell(header, index));
+			return /* @__PURE__ */ jsxs("div", {
+				className: prefixCls("tr"),
+				style: { width: totalColumnsWidth },
+				children: [content, y !== void 0 && /* @__PURE__ */ jsx("div", {
+					className: prefixCls("header-scroll-placeholder"),
+					style: { flexBasis: scrollbarWidth }
+				})]
+			}, headerGroup.id);
+		})
+	});
+	const onClickRow = useCallback((rowData, rowIndex) => () => {
+		if (typeof onRowClick !== "function") return;
+		if (window.getSelection()?.toString().length !== 0) return;
+		onRowClick(rowData, rowIndex);
+	}, [onRowClick]);
+	const isShowPagination = !!(pagination && (pagination.total > pagination.pageSize || pagination.showSizeChanger));
+	const isShowRowSelection = rowSelectionInfo.isShowRowSelectionInFooter;
+	const isShowFooter = isShowPagination || isShowRowSelection;
+	const isSmallEmpty = totalSize && totalSize.height < 436;
+	const isEmpty = rows.length === 0 && !loading;
+	const rowVirtualizer = useVirtualizer({
+		count: rows.length,
+		estimateSize: () => 48,
+		getScrollElement: () => totalSize ? bodyRef.current : null,
+		measureElement: typeof window !== "undefined" && navigator.userAgent.indexOf("Firefox") === -1 ? (element) => element?.getBoundingClientRect().height : void 0,
+		overscan: 5
+	});
+	const tableRows = virtual ? rowVirtualizer.getVirtualItems() : rows;
+	const renderBodyCell = useCallback((row, cell, colIndex) => {
+		const { className: fixedClassName, style: fixedStyle } = getColumnFixedInfo(colIndex);
+		const tdContent = flexRender(cell.column.columnDef.cell, cell.getContext());
+		return /* @__PURE__ */ jsx("div", {
+			className: cn(prefixCls("td"), fixedClassName),
+			style: {
+				width: cell.column.getSize(),
+				...fixedStyle
+			},
+			children: expandableInfo.isExpandable && colIndex === (rowSelectionInfo.isRowSelectionEnabled ? 1 : 0) ? /* @__PURE__ */ jsx(ExpandCell, {
+				expandableInfo,
+				expandable,
+				data: row.original,
+				rowKey,
+				children: tdContent
+			}) : tdContent
+		}, cell.id);
+	}, [
+		expandableInfo,
+		expandable,
+		rowKey,
+		getColumnFixedInfo,
+		rowSelectionInfo.isRowSelectionEnabled
+	]);
+	const bodyContent = /* @__PURE__ */ jsx("div", {
+		className: prefixCls("body"),
+		style: {
+			width: totalColumnsWidth,
+			height: virtual ? rowVirtualizer.getTotalSize() : "auto"
+		},
+		children: isEmpty ? /* @__PURE__ */ jsxs("div", {
+			style: { width: totalSize?.width },
+			children: [/* @__PURE__ */ jsx("div", {
+				style: { visibility: "hidden" },
+				children: emptyComponent || /* @__PURE__ */ jsx("div", {
+					className: cn(prefixCls("empty"), { [prefixCls("empty-small")]: isSmallEmpty }),
+					children: /* @__PURE__ */ jsx(Empty, {
+						image: isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH,
+						size: isSmallEmpty ? "small" : void 0
+					})
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				"aria-invalid": "true",
+				style: {
+					position: "absolute",
+					top: 40,
+					left: 0,
+					right: 0,
+					bottom: 0
+				},
+				children: emptyComponent || /* @__PURE__ */ jsx("div", {
+					className: cn(prefixCls("empty"), { [prefixCls("empty-small")]: isSmallEmpty }),
+					children: /* @__PURE__ */ jsx(Empty, {
+						image: isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH,
+						size: isSmallEmpty ? "small" : void 0
+					})
+				})
+			})]
+		}) : _.reduce(tableRows, (rowList, rowData, rowIndex) => {
+			const row = virtual ? rows[rowData.index] : rowData;
+			const allRowCells = row.getVisibleCells();
+			let content = null;
+			const leftFixedColumns = [];
+			const rightFixedColumns = [];
+			if (virtual) {
+				const virtualColumns = columnVirtualizer.getVirtualItems();
+				const middleVirtualColumns = [];
+				_.forEach(allRowCells, (cell, index) => {
+					const fixedInfo = getColumnFixedInfo(index);
+					if (fixedInfo.fixed === "left") leftFixedColumns.push({
+						cell,
+						index
+					});
+					if (fixedInfo.fixed === "right") rightFixedColumns.push({
+						cell,
+						index
+					});
+				});
+				_.forEach(virtualColumns, (virtualColumn) => {
+					const colIndex = virtualColumn.index;
+					const fixedInfo = getColumnFixedInfo(colIndex);
+					if (fixedInfo.fixed !== "left" && fixedInfo.fixed !== "right") middleVirtualColumns.push(virtualColumn);
+				});
+				content = /* @__PURE__ */ jsxs(Fragment, { children: [
+					virtualPaddingLeft ? /* @__PURE__ */ jsx("div", {
+						className: prefixCls("virtual-padding-left"),
+						style: { width: virtualPaddingLeft }
+					}) : null,
+					leftFixedColumns.map(({ cell, index }) => {
+						return renderBodyCell(row, cell, index);
+					}),
+					middleVirtualColumns.map((virtualColumn) => {
+						const colIndex = virtualColumn.index;
+						const cell = allRowCells[colIndex];
+						return renderBodyCell(row, cell, colIndex);
+					}),
+					rightFixedColumns.map(({ cell, index }) => {
+						return renderBodyCell(row, cell, index);
+					}),
+					virtualPaddingRight ? /* @__PURE__ */ jsx("div", {
+						className: prefixCls("virtual-padding-right"),
+						style: { width: virtualPaddingRight }
+					}) : null
+				] });
+			} else content = allRowCells.map((cell, index) => renderBodyCell(row, cell, index));
+			const rowId = row.id;
+			const rowNode = /* @__PURE__ */ jsx("div", {
+				"data-index": virtual ? rowData.index : rowIndex,
+				className: cn(prefixCls("tr"), {
+					[prefixCls("row-hover")]: rowDndInfo.draggingRowId ? void 0 : hoverRowId === rowId,
+					[prefixCls("row-dragging")]: rowDndInfo.draggingRowId === rowId,
+					[prefixCls("no-border-tr")]: isShowPagination && rowIndex === rows.length - 1
+				}, rowClassName(row.original, rowIndex)),
+				ref: (node) => {
+					if (virtual) rowVirtualizer.measureElement(node);
+					if (rowDnd && node) {
+						const rowRef = rowDndInfo.getRowRef(row.original, rowIndex);
+						if (rowRef) rowRef.current = node;
+					}
+				},
+				onClick: onClickRow(row.original, rowIndex),
+				onMouseEnter: () => setHoverRowId(rowId),
+				onMouseLeave: () => setHoverRowId(null),
+				style: virtual ? {
+					position: "absolute",
+					transform: `translateY(${rowData.start}px)`
+				} : {},
+				children: content
+			}, rowId);
+			rowList.push(rowNode);
+			const expandItem = expandableInfo.expandItemMap[rowId];
+			const customExpandRowKey = expandableInfo.isExpandable && expandItem?.customExpandRowKey;
+			if (!!customExpandRowKey) {
+				const expandedRowRender = expandableConfig.expandedRowRender;
+				if (typeof expandedRowRender !== "function") {
+					console.error("expandedRowRender must be a function");
+					return rowList;
+				}
+				if (expandItem?.isExpanded !== true) return rowList;
+				const customRow = /* @__PURE__ */ jsx("div", {
+					className: cn(prefixCls("tr")),
+					onClick: onClickRow(row.original, rowIndex),
+					children: expandedRowRender(row.original, expandItem.level + 1)
+				}, customExpandRowKey);
+				rowList.push(customRow);
+			}
+			return rowList;
+		}, [])
+	});
+	const tableContentHeight = useMemo(() => {
+		return y && totalSize ? totalSize.height - HEADER_HEIGHT - (isShowFooter ? FOOTER_HEIGHT : 0) : "auto";
+	}, [
+		y,
+		totalSize,
+		isShowFooter
+	]);
+	const tableContent = /* @__PURE__ */ jsx(CustomSpin, {
+		spinning: !!loading,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: prefixCls("content"),
+			children: [
+				headerContent,
+				/* @__PURE__ */ jsx("div", {
+					style: {
+						height: tableContentHeight,
+						position: virtual ? "relative" : void 0
+					},
+					className: cn(prefixCls("body-scroll"), {
+						[prefixCls("scroll-y")]: y !== void 0,
+						[prefixCls("scroll-hidden")]: isEmpty
+					}),
+					ref: bodyRef,
+					onScroll: onBodyScroll,
+					children: bodyContent
+				}),
+				isShowFooter && /* @__PURE__ */ jsx(TableFooter, {
+					rowSelectionInfo,
+					isShowPagination,
+					pagination,
+					scroll,
+					scrollToFirstRow
+				})
+			]
+		})
+	});
+	const tableStyle = {};
+	if (y) tableStyle.height = y;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(prefixCls("container"), { [prefixCls("bordered")]: bordered }),
+		style: tableStyle,
+		children: /* @__PURE__ */ jsx(TableResizeWrapper, {
+			onResize: (w, h) => setTotalSize((prev) => {
+				if (prev && prev.width === w && prev.height === h) return prev;
+				return {
+					width: w,
+					height: h
+				};
+			}),
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn(prefixCls("main"), {
+					[prefixCls("overflow-hidden")]: !!y,
+					[prefixCls("ping-left")]: isPingLeft,
+					[prefixCls("ping-right")]: isPingRight
+				}),
+				children: rowDnd ? /* @__PURE__ */ jsx(DndWrapper, { children: tableContent }) : tableContent
+			})
+		})
+	});
 }
-export default /*#__PURE__*/forwardRef(Table);
+var Table_default = forwardRef(Table);
+//#endregion
+export { Table_default as default };
+
+//# sourceMappingURL=index.js.map