@aloudata/aloudata-design 3.1.7 → 3.2.0-beta.0

package/dist/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Table/index.tsx"],"sourcesContent":["import {\n  Cell,\n  Header,\n  Row,\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { VirtualItem, useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../lib/utils';\nimport './table.css';\nimport _ from 'lodash';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Empty, Spin } from '..';\nimport ExpandCell from './components/ExpandCell';\nimport Footer from './components/Footer';\nimport DndWrapper from './components/DndWrapper';\nimport { getRowKey, getTableColumns, prefixCls } from './helper';\nimport useExpandable, { getExpandableConfig } from './hooks/useExpandable';\nimport useFixed from './hooks/useFixed';\nimport useRowSelection from './hooks/useRowSelection';\nimport useScroll from './hooks/useScroll';\nimport { ITableColumn, ITableProps, ITableRef } from './types';\nimport useRowDnd from './hooks/useRowDnd';\n\nconst HEADER_HEIGHT = 41;\nconst FOOTER_HEIGHT = 52;\n\nfunction TableResizeWrapper({\n  children,\n  onResize,\n}: {\n  children: React.ReactNode;\n  onResize: (width: number, height: number) => void;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    let prevW = 0;\n    let prevH = 0;\n    const ro = new window.ResizeObserver(() => {\n      const w = el.offsetWidth;\n      const h = el.offsetHeight;\n      if (w === prevW && h === prevH) return;\n      prevW = w;\n      prevH = h;\n      onResizeRef.current(w, h);\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n  return (\n    <div ref={ref} style={{ height: '100%' }}>\n      {children}\n    </div>\n  );\n}\n\nfunction Table<TDataItem extends object>(\n  props: ITableProps<TDataItem>,\n  ref: ForwardedRef<ITableRef>,\n) {\n  const {\n    data,\n    bordered,\n    rowKey,\n    columnSizing,\n    sticky,\n    loading,\n    pagination,\n    scroll = {},\n    empty: emptyComponent,\n    virtual = false,\n    rowClassName = () => '',\n    onRowClick,\n    onError,\n    onSort,\n    expandable,\n    rowDnd,\n    rowSelection,\n  } = props;\n  const [totalSize, setTotalSize] = useState<{\n    width: number;\n    height: number;\n  } | null>(null);\n\n  const [hoverRowId, setHoverRowId] = useState<string | null>(null);\n\n  const { y } = scroll;\n  const {\n    containerWidth,\n    onBodyScroll,\n    headerRef,\n    bodyRef,\n    isPingLeft,\n    isPingRight,\n    scrollbarWidth,\n    changeIsPing,\n  } = useScroll({\n    totalSize,\n    scroll,\n  });\n\n  const scrollToFirstRow = useCallback(() => {\n    if (!bodyRef.current) {\n      return;\n    }\n    bodyRef.current.scrollTop = 0;\n  }, [bodyRef]);\n\n  useImperativeHandle(ref, () => ({\n    scrollToFirstRow,\n  }));\n\n  const expandableInfo = useExpandable({\n    expandable,\n    data,\n    rowKey,\n  });\n  const expandableConfig = getExpandableConfig(expandable);\n\n  const rowSelectionInfo = useRowSelection({\n    ...props,\n    data: expandableInfo.data,\n    isExpandable: expandableInfo.isExpandable,\n    flattenData: expandableInfo.flattenData,\n  });\n\n  const rowDndInfo = useRowDnd({\n    ...props,\n    columns: rowSelectionInfo.columns,\n    data: expandableInfo.data,\n  });\n\n  const tableColumns = useMemo(() => {\n    return getTableColumns<TDataItem>({\n      columns: rowDndInfo.columns,\n      containerWidth: containerWidth || 0,\n      onError,\n      onSort,\n    });\n  }, [containerWidth, onError, onSort, rowDndInfo.columns]);\n\n  const tableInstance = useReactTable<TDataItem>({\n    columns: tableColumns,\n    // 排除掉被折叠的行\n    data: rowDndInfo.tableData,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: (row, index) => {\n      return getRowKey(row, rowKey, index);\n    },\n    columnResizeMode: 'onChange',\n  });\n\n  const headerGroups = tableInstance.getHeaderGroups();\n\n  const columnWidths = headerGroups[0].headers.map((header) =>\n    header.getSize(),\n  );\n  const getColumnFixedInfo = useFixed<TDataItem>({\n    columnWidths,\n    tableColumns,\n    y,\n    scrollbarWidth,\n  });\n\n  // 渲染 header\n  const { rows } = tableInstance.getRowModel();\n\n  const isStickyWork = !!sticky && y === undefined;\n  const headerStyle: CSSProperties = {};\n  if (isStickyWork && _.get(sticky, 'offsetHeader')) {\n    headerStyle.top = _.get(sticky, 'offsetHeader', 0);\n  }\n\n  const totalColumnsWidth = _.sum(columnWidths);\n\n  useEffect(() => {\n    // 总列宽改变时，重新计算是否需要显示固定列的阴影\n    changeIsPing(totalColumnsWidth);\n  }, [changeIsPing, totalColumnsWidth]);\n\n  const renderHeaderCell = useCallback(\n    (header: Header<TDataItem, unknown>, index: number) => {\n      // 选择行的列不能拖动宽度\n      const showResizer =\n        columnSizing &&\n        !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(index, true);\n      return (\n        <div\n          role=\"columnheader\"\n          aria-label={\n            typeof (header.column.columnDef.meta as ITableColumn).title ===\n            'string'\n              ? ((header.column.columnDef.meta as ITableColumn).title as string)\n              : undefined\n          }\n          aria-sort={\n            (header.column.columnDef.meta as ITableColumn).sortOrder ===\n            'ascend'\n              ? 'ascending'\n              : (header.column.columnDef.meta as ITableColumn).sortOrder ===\n                'descend'\n              ? 'descending'\n              : (header.column.columnDef.meta as ITableColumn).sortOrder !==\n                undefined\n              ? 'none'\n              : undefined\n          }\n          className={cn(prefixCls('th'), fixedClassName)}\n          style={{ width: header.getSize(), ...fixedStyle }}\n          key={header.id}\n        >\n          {flexRender(header.column.columnDef.header, header.getContext())}\n          {showResizer && (\n            <div\n              onMouseDown={header.getResizeHandler()}\n              onTouchStart={header.getResizeHandler()}\n              className={cn(prefixCls('resizer'), {\n                [prefixCls('self-resizing')]: header.column.getIsResizing(),\n              })}\n            />\n          )}\n        </div>\n      );\n    },\n    [columnSizing, rowSelectionInfo, getColumnFixedInfo],\n  );\n\n  const visibleColumns = tableInstance.getVisibleLeafColumns();\n\n  const columnVirtualizer = useVirtualizer({\n    count: tableColumns.length,\n    estimateSize: (index: number) => visibleColumns[index].getSize(),\n    getScrollElement: () => bodyRef.current,\n    horizontal: true,\n    overscan: 5,\n  });\n\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n\n  //different virtualization strategy for columns - instead of absolute and translateY, we add empty columns to the left and right\n  let virtualPaddingLeft: number | undefined;\n  let virtualPaddingRight: number | undefined;\n\n  if (columnVirtualizer && virtualColumns?.length) {\n    virtualPaddingLeft = virtualColumns[0]?.start ?? 0;\n    virtualPaddingRight =\n      columnVirtualizer.getTotalSize() -\n      (virtualColumns[virtualColumns.length - 1]?.end ?? 0);\n  }\n\n  const headerContent = (\n    <div\n      role=\"rowgroup\"\n      className={cn(prefixCls('header'), {\n        [prefixCls('overflow-x')]: true,\n        [prefixCls('sticky')]: isStickyWork,\n        [prefixCls('resizing')]:\n          tableInstance.getState().columnSizingInfo.isResizingColumn,\n      })}\n      ref={headerRef}\n      style={headerStyle}\n    >\n      {_.map(headerGroups, (headerGroup) => {\n        const allHeaderCells = headerGroup.headers;\n        const virtualColumns = columnVirtualizer.getVirtualItems();\n\n        const middleVirtualColumns: VirtualItem[] = [];\n        // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n        const leftFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        const rightFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        let content: React.ReactNode | null = null;\n        if (virtual) {\n          _.forEach(allHeaderCells, (header, index) => {\n            const fixedInfo = getColumnFixedInfo(index);\n            if (fixedInfo.fixed === 'left') {\n              leftFixedColumns.push({ header, index });\n            }\n            if (fixedInfo.fixed === 'right') {\n              rightFixedColumns.push({ header, index });\n            }\n          });\n\n          _.forEach(virtualColumns, (virtualColumn) => {\n            const colIndex = virtualColumn.index;\n            const fixedInfo = getColumnFixedInfo(colIndex);\n            if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n              middleVirtualColumns.push(virtualColumn);\n            }\n          });\n          content = (\n            <>\n              {virtualPaddingLeft ? (\n                //fake empty column to the left for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-left')}\n                  style={{ width: virtualPaddingLeft }}\n                />\n              ) : null}\n              {leftFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {_.map(middleVirtualColumns, (virtualColumn) => {\n                const header = allHeaderCells[virtualColumn.index];\n                return renderHeaderCell(header, virtualColumn.index);\n              })}\n              {rightFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {virtualPaddingRight ? (\n                //fake empty column to the right for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-right')}\n                  style={{ width: virtualPaddingRight }}\n                />\n              ) : null}\n            </>\n          );\n        } else {\n          content = _.map(allHeaderCells, (header, index) =>\n            renderHeaderCell(header, index),\n          );\n        }\n\n        return (\n          <div\n            className={prefixCls('tr')}\n            role=\"row\"\n            key={headerGroup.id}\n            style={{ width: totalColumnsWidth }}\n          >\n            {content}\n            {y !== undefined && (\n              <div\n                className={prefixCls('header-scroll-placeholder')}\n                style={{ flexBasis: scrollbarWidth }}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  const onClickRow = useCallback(\n    (rowData: TDataItem, rowIndex: number) => () => {\n      if (typeof onRowClick !== 'function') {\n        return;\n      }\n      if (window.getSelection()?.toString().length !== 0) {\n        // 防止选择文本时触发 onRowClick\n        return;\n      }\n      onRowClick(rowData, rowIndex);\n    },\n    [onRowClick],\n  );\n\n  const isShowPagination = !!(\n    pagination &&\n    (pagination.total > pagination.pageSize || pagination.showSizeChanger)\n  );\n  const isShowRowSelection = rowSelectionInfo.isShowRowSelectionInFooter;\n\n  const isShowFooter = isShowPagination || isShowRowSelection;\n\n  // 空态切换 size 的阈值\n  const EMPTY_SMALL_SIZE_HEIGHT = 436;\n  const isSmallEmpty = totalSize && totalSize.height < EMPTY_SMALL_SIZE_HEIGHT;\n\n  const isEmpty = rows.length === 0 && !loading;\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize: () => 48, // estimate row height for accurate scrollbar dragging\n    // 没有测量出 bodyRef.current 的高度时，返回 null，避免虚拟化器从 DOM 获取异常高度\n    getScrollElement: () => (totalSize ? bodyRef.current : null),\n    // measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' &&\n      navigator.userAgent.indexOf('Firefox') === -1\n        ? (element) => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  });\n\n  const tableRows = virtual ? rowVirtualizer.getVirtualItems() : rows;\n\n  const renderBodyCell = useCallback(\n    (row: Row<TDataItem>, cell: Cell<TDataItem, unknown>, colIndex: number) => {\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(colIndex);\n      const tdContent = flexRender(\n        cell.column.columnDef.cell,\n        cell.getContext(),\n      );\n      return (\n        <div\n          role=\"cell\"\n          className={cn(prefixCls('td'), fixedClassName)}\n          key={cell.id}\n          style={{ width: cell.column.getSize(), ...fixedStyle }}\n        >\n          {expandableInfo.isExpandable &&\n          colIndex === (rowSelectionInfo.isRowSelectionEnabled ? 1 : 0) ? (\n            <ExpandCell\n              expandableInfo={expandableInfo}\n              expandable={expandable}\n              data={row.original}\n              rowKey={rowKey}\n            >\n              {tdContent}\n            </ExpandCell>\n          ) : (\n            tdContent\n          )}\n        </div>\n      );\n    },\n    [\n      expandableInfo,\n      expandable,\n      rowKey,\n      getColumnFixedInfo,\n      rowSelectionInfo.isRowSelectionEnabled,\n    ],\n  );\n\n  // 渲染 body\n  const bodyContent = (\n    <div\n      role=\"rowgroup\"\n      className={prefixCls('body')}\n      style={{\n        width: totalColumnsWidth,\n        height: virtual\n          ? totalSize\n            ? rowVirtualizer.getTotalSize()\n            : 0\n          : 'auto',\n      }}\n    >\n      {isEmpty ? (\n        <div style={{ width: totalSize?.width }}>\n          <div style={{ visibility: 'hidden' }}>\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n          <div\n            role=\"status\"\n            aria-live=\"polite\"\n            aria-invalid=\"true\"\n            style={{\n              position: 'absolute',\n              top: 40,\n              left: 0,\n              right: 0,\n              bottom: 0,\n            }}\n          >\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      ) : (\n        _.reduce<Row<TDataItem> | VirtualItem, React.ReactNode[]>(\n          tableRows,\n          (rowList, rowData, rowIndex) => {\n            const row = virtual\n              ? rows[rowData.index]\n              : (rowData as Row<TDataItem>);\n            const allRowCells = row.getVisibleCells();\n\n            let content: React.ReactNode | null = null;\n            // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n            const leftFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n            const rightFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n\n            if (virtual) {\n              const virtualColumns = columnVirtualizer.getVirtualItems();\n\n              const middleVirtualColumns: VirtualItem[] = [];\n\n              _.forEach(allRowCells, (cell, index) => {\n                const fixedInfo = getColumnFixedInfo(index);\n                if (fixedInfo.fixed === 'left') {\n                  leftFixedColumns.push({ cell, index });\n                }\n                if (fixedInfo.fixed === 'right') {\n                  rightFixedColumns.push({ cell, index });\n                }\n              });\n\n              _.forEach(virtualColumns, (virtualColumn) => {\n                const colIndex = virtualColumn.index;\n                const fixedInfo = getColumnFixedInfo(colIndex);\n                if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n                  middleVirtualColumns.push(virtualColumn);\n                }\n              });\n              content = (\n                <>\n                  {virtualPaddingLeft ? (\n                    //fake empty column to the left for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-left')}\n                      style={{ width: virtualPaddingLeft }}\n                    />\n                  ) : null}\n                  {leftFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {middleVirtualColumns.map((virtualColumn) => {\n                    const colIndex = virtualColumn.index;\n                    const cell = allRowCells[colIndex];\n                    return renderBodyCell(row, cell, colIndex);\n                  })}\n                  {rightFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {virtualPaddingRight ? (\n                    //fake empty column to the right for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-right')}\n                      style={{ width: virtualPaddingRight }}\n                    />\n                  ) : null}\n                </>\n              );\n            } else {\n              content = allRowCells.map((cell, index) =>\n                renderBodyCell(row, cell, index),\n              );\n            }\n            const rowId = row.id;\n            const isRowSelected =\n              rowSelectionInfo.isRowSelectionEnabled &&\n              rowSelectionInfo.selectedRowKeys.includes(rowId);\n            const isRowSelectionDisabled =\n              rowSelectionInfo.isRowSelectionEnabled &&\n              !!rowSelection?.getCheckboxProps?.(row.original).disabled;\n\n            const rowNode = (\n              <div\n                key={rowId}\n                role=\"row\"\n                aria-rowindex={rowIndex + 2}\n                data-index={virtual ? (rowData as VirtualItem).index : rowIndex}\n                className={cn(\n                  prefixCls('tr'),\n                  {\n                    // 需要用 state 的原因是，存在固定列的情况，左右侧的固定列在 dom 结构上不在同一个 tr 上，所以不能用 css 的 :hover 来实现\n                    // 当拖拽行时，不显示 hover 状态\n                    [prefixCls('row-hover')]: rowDndInfo.draggingRowId\n                      ? undefined\n                      : hoverRowId === rowId,\n                    [prefixCls('row-dragging')]:\n                      rowDndInfo.draggingRowId === rowId,\n                    [prefixCls('row-selected')]: isRowSelected,\n                    [prefixCls('row-selection-disabled')]:\n                      isRowSelectionDisabled,\n                    [prefixCls('no-border-tr')]:\n                      isShowPagination && rowIndex === rows.length - 1,\n                  },\n                  rowClassName(row.original, rowIndex),\n                )}\n                ref={(node) => {\n                  // 只在虚拟滚动模式下才测量行高度，避免非虚拟模式下的不必要重渲染\n                  if (virtual) {\n                    rowVirtualizer.measureElement(node);\n                  }\n\n                  // 如果启用了行拖拽，则设置行引用\n                  if (rowDnd && node) {\n                    const rowRef = rowDndInfo.getRowRef(row.original, rowIndex);\n                    if (rowRef) {\n                      rowRef.current = node;\n                    }\n                  }\n                }}\n                onClick={onClickRow(row.original, rowIndex)}\n                onMouseEnter={() => {\n                  if (!isRowSelectionDisabled) {\n                    setHoverRowId(rowId);\n                  }\n                }}\n                onMouseLeave={() => setHoverRowId(null)}\n                style={\n                  virtual\n                    ? {\n                        position: 'absolute',\n                        transform: `translateY(${\n                          (rowData as VirtualItem).start\n                        }px)`,\n                      }\n                    : {}\n                }\n              >\n                {content}\n              </div>\n            );\n            rowList.push(rowNode);\n\n            // 渲染额外展开的行\n            const expandItem = expandableInfo.expandItemMap[rowId];\n            const customExpandRowKey =\n              expandableInfo.isExpandable && expandItem?.customExpandRowKey;\n            const hasCustomExpandRowKey = !!customExpandRowKey;\n            if (hasCustomExpandRowKey) {\n              // 在该行的下面追加自定义展开行\n              const expandedRowRender = expandableConfig.expandedRowRender;\n              if (typeof expandedRowRender !== 'function') {\n                console.error('expandedRowRender must be a function');\n                return rowList;\n              }\n              if (expandItem?.isExpanded !== true) {\n                return rowList;\n              }\n              const customRow = (\n                <div\n                  key={customExpandRowKey}\n                  className={cn(prefixCls('tr'))}\n                  role=\"row\"\n                  onClick={onClickRow(row.original, rowIndex)}\n                >\n                  {expandedRowRender(row.original, expandItem.level + 1)}\n                </div>\n              );\n              rowList.push(customRow);\n            }\n            return rowList;\n          },\n          [],\n        )\n      )}\n    </div>\n  );\n\n  const tableContentHeight = useMemo(() => {\n    return y && totalSize\n      ? totalSize.height - HEADER_HEIGHT - (isShowFooter ? FOOTER_HEIGHT : 0)\n      : 'auto';\n  }, [y, totalSize, isShowFooter]);\n\n  const tableContentBody = (\n    <div className={prefixCls('content')} role=\"table\" aria-label=\"Data table\">\n      {headerContent}\n      <div\n        style={{\n          height: tableContentHeight,\n          position: virtual ? 'relative' : undefined,\n        }}\n        className={cn(prefixCls('body-scroll'), {\n          [prefixCls('scroll-y')]: y !== undefined,\n          [prefixCls('scroll-hidden')]: isEmpty,\n        })}\n        ref={bodyRef}\n        onScroll={onBodyScroll}\n      >\n        {bodyContent}\n      </div>\n      {isShowFooter && (\n        <Footer\n          rowSelectionInfo={rowSelectionInfo}\n          isShowPagination={isShowPagination}\n          pagination={pagination}\n          scroll={scroll}\n          scrollToFirstRow={scrollToFirstRow}\n        />\n      )}\n    </div>\n  );\n\n  const tableContent = loading ? (\n    <Spin spinning>{tableContentBody}</Spin>\n  ) : (\n    tableContentBody\n  );\n\n  const tableStyle: CSSProperties = {};\n  if (y) {\n    tableStyle.height = y;\n  }\n\n  return (\n    <div\n      className={cn(prefixCls('container'), {\n        [prefixCls('bordered')]: bordered,\n      })}\n      style={tableStyle}\n    >\n      <TableResizeWrapper\n        onResize={(w, h) =>\n          setTotalSize((prev) => {\n            if (prev && prev.width === w && prev.height === h) return prev;\n            return { width: w, height: h };\n          })\n        }\n      >\n        <div\n          className={cn(prefixCls('main'), {\n            [prefixCls('overflow-hidden')]: !!y,\n            [prefixCls('ping-left')]: isPingLeft,\n            [prefixCls('ping-right')]: isPingRight,\n          })}\n        >\n          {rowDnd ? <DndWrapper>{tableContent}</DndWrapper> : tableContent}\n        </div>\n      </TableResizeWrapper>\n    </div>\n  );\n}\n\nexport default forwardRef(Table) as <TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    ref?: React.ForwardedRef<ITableRef>;\n  },\n) => ReturnType<typeof Table>;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Cell","Header","Row","flexRender","getCoreRowModel","useReactTable","VirtualItem","useVirtualizer","cn","_","React","CSSProperties","ForwardedRef","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","Empty","Spin","ExpandCell","Footer","DndWrapper","getRowKey","getTableColumns","prefixCls","useExpandable","getExpandableConfig","useFixed","useRowSelection","useScroll","ITableColumn","ITableProps","ITableRef","useRowDnd","HEADER_HEIGHT","FOOTER_HEIGHT","TableResizeWrapper","children","onResize","ReactNode","width","height","ref","HTMLDivElement","onResizeRef","current","el","prevW","prevH","ro","window","ResizeObserver","w","offsetWidth","h","offsetHeight","observe","disconnect","Table","props","TDataItem","data","bordered","rowKey","columnSizing","sticky","loading","pagination","scroll","empty","emptyComponent","virtual","rowClassName","onRowClick","onError","onSort","expandable","rowDnd","rowSelection","totalSize","setTotalSize","hoverRowId","setHoverRowId","y","containerWidth","onBodyScroll","headerRef","bodyRef","isPingLeft","isPingRight","scrollbarWidth","changeIsPing","scrollToFirstRow","scrollTop","expandableInfo","expandableConfig","rowSelectionInfo","isExpandable","flattenData","rowDndInfo","columns","tableColumns","tableInstance","tableData","getRowId","row","index","columnResizeMode","headerGroups","getHeaderGroups","columnWidths","headers","map","header","getSize","getColumnFixedInfo","rows","getRowModel","isStickyWork","undefined","headerStyle","get","top","totalColumnsWidth","sum","renderHeaderCell","showResizer","isRowSelectionEnabled","className","fixedClassName","style","fixedStyle","column","columnDef","meta","title","sortOrder","id","getContext","getResizeHandler","getIsResizing","visibleColumns","getVisibleLeafColumns","columnVirtualizer","count","length","estimateSize","getScrollElement","horizontal","overscan","virtualColumns","getVirtualItems","virtualPaddingLeft","virtualPaddingRight","start","getTotalSize","end","headerContent","getState","columnSizingInfo","isResizingColumn","headerGroup","allHeaderCells","middleVirtualColumns","leftFixedColumns","rightFixedColumns","content","forEach","fixedInfo","fixed","push","virtualColumn","colIndex","flexBasis","onClickRow","rowData","rowIndex","getSelection","toString","isShowPagination","total","pageSize","showSizeChanger","isShowRowSelection","isShowRowSelectionInFooter","isShowFooter","EMPTY_SMALL_SIZE_HEIGHT","isSmallEmpty","isEmpty","rowVirtualizer","measureElement","navigator","userAgent","indexOf","element","getBoundingClientRect","tableRows","renderBodyCell","cell","tdContent","original","bodyContent","visibility","PRESENTED_IMAGE_SEARCH","position","left","right","bottom","reduce","rowList","allRowCells","getVisibleCells","rowId","isRowSelected","selectedRowKeys","includes","isRowSelectionDisabled","getCheckboxProps","disabled","rowNode","draggingRowId","node","rowRef","getRowRef","transform","expandItem","expandItemMap","customExpandRowKey","hasCustomExpandRowKey","expandedRowRender","console","error","isExpanded","customRow","level","tableContentHeight","tableContentBody","tableContent","tableStyle","prev","ReturnType"],"sources":["../../src/Table/index.tsx"],"sourcesContent":["import {\n  Cell,\n  Header,\n  Row,\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { VirtualItem, useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../lib/utils';\nimport './table.css';\nimport _ from 'lodash';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Empty, Spin } from '..';\nimport ExpandCell from './components/ExpandCell';\nimport Footer from './components/Footer';\nimport DndWrapper from './components/DndWrapper';\nimport { getRowKey, getTableColumns, prefixCls } from './helper';\nimport useExpandable, { getExpandableConfig } from './hooks/useExpandable';\nimport useFixed from './hooks/useFixed';\nimport useRowSelection from './hooks/useRowSelection';\nimport useScroll from './hooks/useScroll';\nimport { ITableColumn, ITableProps, ITableRef } from './types';\nimport useRowDnd from './hooks/useRowDnd';\n\nconst HEADER_HEIGHT = 41;\nconst FOOTER_HEIGHT = 52;\n\nfunction TableResizeWrapper({\n  children,\n  onResize,\n}: {\n  children: React.ReactNode;\n  onResize: (width: number, height: number) => void;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    let prevW = 0;\n    let prevH = 0;\n    const ro = new window.ResizeObserver(() => {\n      const w = el.offsetWidth;\n      const h = el.offsetHeight;\n      if (w === prevW && h === prevH) return;\n      prevW = w;\n      prevH = h;\n      onResizeRef.current(w, h);\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n  return (\n    <div ref={ref} style={{ height: '100%' }}>\n      {children}\n    </div>\n  );\n}\n\nfunction Table<TDataItem extends object>(\n  props: ITableProps<TDataItem>,\n  ref: ForwardedRef<ITableRef>,\n) {\n  const {\n    data,\n    bordered,\n    rowKey,\n    columnSizing,\n    sticky,\n    loading,\n    pagination,\n    scroll = {},\n    empty: emptyComponent,\n    virtual = false,\n    rowClassName = () => '',\n    onRowClick,\n    onError,\n    onSort,\n    expandable,\n    rowDnd,\n    rowSelection,\n  } = props;\n  const [totalSize, setTotalSize] = useState<{\n    width: number;\n    height: number;\n  } | null>(null);\n\n  const [hoverRowId, setHoverRowId] = useState<string | null>(null);\n\n  const { y } = scroll;\n  const {\n    containerWidth,\n    onBodyScroll,\n    headerRef,\n    bodyRef,\n    isPingLeft,\n    isPingRight,\n    scrollbarWidth,\n    changeIsPing,\n  } = useScroll({\n    totalSize,\n    scroll,\n  });\n\n  const scrollToFirstRow = useCallback(() => {\n    if (!bodyRef.current) {\n      return;\n    }\n    bodyRef.current.scrollTop = 0;\n  }, [bodyRef]);\n\n  useImperativeHandle(ref, () => ({\n    scrollToFirstRow,\n  }));\n\n  const expandableInfo = useExpandable({\n    expandable,\n    data,\n    rowKey,\n  });\n  const expandableConfig = getExpandableConfig(expandable);\n\n  const rowSelectionInfo = useRowSelection({\n    ...props,\n    data: expandableInfo.data,\n    isExpandable: expandableInfo.isExpandable,\n    flattenData: expandableInfo.flattenData,\n  });\n\n  const rowDndInfo = useRowDnd({\n    ...props,\n    columns: rowSelectionInfo.columns,\n    data: expandableInfo.data,\n  });\n\n  const tableColumns = useMemo(() => {\n    return getTableColumns<TDataItem>({\n      columns: rowDndInfo.columns,\n      containerWidth: containerWidth || 0,\n      onError,\n      onSort,\n    });\n  }, [containerWidth, onError, onSort, rowDndInfo.columns]);\n\n  const tableInstance = useReactTable<TDataItem>({\n    columns: tableColumns,\n    // 排除掉被折叠的行\n    data: rowDndInfo.tableData,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: (row, index) => {\n      return getRowKey(row, rowKey, index);\n    },\n    columnResizeMode: 'onChange',\n  });\n\n  const headerGroups = tableInstance.getHeaderGroups();\n\n  const columnWidths = headerGroups[0].headers.map((header) =>\n    header.getSize(),\n  );\n  const getColumnFixedInfo = useFixed<TDataItem>({\n    columnWidths,\n    tableColumns,\n    y,\n    scrollbarWidth,\n  });\n\n  // 渲染 header\n  const { rows } = tableInstance.getRowModel();\n\n  const isStickyWork = !!sticky && y === undefined;\n  const headerStyle: CSSProperties = {};\n  if (isStickyWork && _.get(sticky, 'offsetHeader')) {\n    headerStyle.top = _.get(sticky, 'offsetHeader', 0);\n  }\n\n  const totalColumnsWidth = _.sum(columnWidths);\n\n  useEffect(() => {\n    // 总列宽改变时，重新计算是否需要显示固定列的阴影\n    changeIsPing(totalColumnsWidth);\n  }, [changeIsPing, totalColumnsWidth]);\n\n  const renderHeaderCell = useCallback(\n    (header: Header<TDataItem, unknown>, index: number) => {\n      // 选择行的列不能拖动宽度\n      const showResizer =\n        columnSizing &&\n        !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(index, true);\n      return (\n        <div\n          role=\"columnheader\"\n          aria-label={\n            typeof (header.column.columnDef.meta as ITableColumn).title ===\n            'string'\n              ? ((header.column.columnDef.meta as ITableColumn).title as string)\n              : undefined\n          }\n          aria-sort={\n            (header.column.columnDef.meta as ITableColumn).sortOrder ===\n            'ascend'\n              ? 'ascending'\n              : (header.column.columnDef.meta as ITableColumn).sortOrder ===\n                'descend'\n              ? 'descending'\n              : (header.column.columnDef.meta as ITableColumn).sortOrder !==\n                undefined\n              ? 'none'\n              : undefined\n          }\n          className={cn(prefixCls('th'), fixedClassName)}\n          style={{ width: header.getSize(), ...fixedStyle }}\n          key={header.id}\n        >\n          {flexRender(header.column.columnDef.header, header.getContext())}\n          {showResizer && (\n            <div\n              onMouseDown={header.getResizeHandler()}\n              onTouchStart={header.getResizeHandler()}\n              className={cn(prefixCls('resizer'), {\n                [prefixCls('self-resizing')]: header.column.getIsResizing(),\n              })}\n            />\n          )}\n        </div>\n      );\n    },\n    [columnSizing, rowSelectionInfo, getColumnFixedInfo],\n  );\n\n  const visibleColumns = tableInstance.getVisibleLeafColumns();\n\n  const columnVirtualizer = useVirtualizer({\n    count: tableColumns.length,\n    estimateSize: (index: number) => visibleColumns[index].getSize(),\n    getScrollElement: () => bodyRef.current,\n    horizontal: true,\n    overscan: 5,\n  });\n\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n\n  //different virtualization strategy for columns - instead of absolute and translateY, we add empty columns to the left and right\n  let virtualPaddingLeft: number | undefined;\n  let virtualPaddingRight: number | undefined;\n\n  if (columnVirtualizer && virtualColumns?.length) {\n    virtualPaddingLeft = virtualColumns[0]?.start ?? 0;\n    virtualPaddingRight =\n      columnVirtualizer.getTotalSize() -\n      (virtualColumns[virtualColumns.length - 1]?.end ?? 0);\n  }\n\n  const headerContent = (\n    <div\n      role=\"rowgroup\"\n      className={cn(prefixCls('header'), {\n        [prefixCls('overflow-x')]: true,\n        [prefixCls('sticky')]: isStickyWork,\n        [prefixCls('resizing')]:\n          tableInstance.getState().columnSizingInfo.isResizingColumn,\n      })}\n      ref={headerRef}\n      style={headerStyle}\n    >\n      {_.map(headerGroups, (headerGroup) => {\n        const allHeaderCells = headerGroup.headers;\n        const virtualColumns = columnVirtualizer.getVirtualItems();\n\n        const middleVirtualColumns: VirtualItem[] = [];\n        // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n        const leftFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        const rightFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        let content: React.ReactNode | null = null;\n        if (virtual) {\n          _.forEach(allHeaderCells, (header, index) => {\n            const fixedInfo = getColumnFixedInfo(index);\n            if (fixedInfo.fixed === 'left') {\n              leftFixedColumns.push({ header, index });\n            }\n            if (fixedInfo.fixed === 'right') {\n              rightFixedColumns.push({ header, index });\n            }\n          });\n\n          _.forEach(virtualColumns, (virtualColumn) => {\n            const colIndex = virtualColumn.index;\n            const fixedInfo = getColumnFixedInfo(colIndex);\n            if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n              middleVirtualColumns.push(virtualColumn);\n            }\n          });\n          content = (\n            <>\n              {virtualPaddingLeft ? (\n                //fake empty column to the left for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-left')}\n                  style={{ width: virtualPaddingLeft }}\n                />\n              ) : null}\n              {leftFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {_.map(middleVirtualColumns, (virtualColumn) => {\n                const header = allHeaderCells[virtualColumn.index];\n                return renderHeaderCell(header, virtualColumn.index);\n              })}\n              {rightFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {virtualPaddingRight ? (\n                //fake empty column to the right for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-right')}\n                  style={{ width: virtualPaddingRight }}\n                />\n              ) : null}\n            </>\n          );\n        } else {\n          content = _.map(allHeaderCells, (header, index) =>\n            renderHeaderCell(header, index),\n          );\n        }\n\n        return (\n          <div\n            className={prefixCls('tr')}\n            role=\"row\"\n            key={headerGroup.id}\n            style={{ width: totalColumnsWidth }}\n          >\n            {content}\n            {y !== undefined && (\n              <div\n                className={prefixCls('header-scroll-placeholder')}\n                style={{ flexBasis: scrollbarWidth }}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  const onClickRow = useCallback(\n    (rowData: TDataItem, rowIndex: number) => () => {\n      if (typeof onRowClick !== 'function') {\n        return;\n      }\n      if (window.getSelection()?.toString().length !== 0) {\n        // 防止选择文本时触发 onRowClick\n        return;\n      }\n      onRowClick(rowData, rowIndex);\n    },\n    [onRowClick],\n  );\n\n  const isShowPagination = !!(\n    pagination &&\n    (pagination.total > pagination.pageSize || pagination.showSizeChanger)\n  );\n  const isShowRowSelection = rowSelectionInfo.isShowRowSelectionInFooter;\n\n  const isShowFooter = isShowPagination || isShowRowSelection;\n\n  // 空态切换 size 的阈值\n  const EMPTY_SMALL_SIZE_HEIGHT = 436;\n  const isSmallEmpty = totalSize && totalSize.height < EMPTY_SMALL_SIZE_HEIGHT;\n\n  const isEmpty = rows.length === 0 && !loading;\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize: () => 48, // estimate row height for accurate scrollbar dragging\n    // 没有测量出 bodyRef.current 的高度时，返回 null，避免虚拟化器从 DOM 获取异常高度\n    getScrollElement: () => (totalSize ? bodyRef.current : null),\n    // measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' &&\n      navigator.userAgent.indexOf('Firefox') === -1\n        ? (element) => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  });\n\n  const tableRows = virtual ? rowVirtualizer.getVirtualItems() : rows;\n\n  const renderBodyCell = useCallback(\n    (row: Row<TDataItem>, cell: Cell<TDataItem, unknown>, colIndex: number) => {\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(colIndex);\n      const tdContent = flexRender(\n        cell.column.columnDef.cell,\n        cell.getContext(),\n      );\n      return (\n        <div\n          role=\"cell\"\n          className={cn(prefixCls('td'), fixedClassName)}\n          key={cell.id}\n          style={{ width: cell.column.getSize(), ...fixedStyle }}\n        >\n          {expandableInfo.isExpandable &&\n          colIndex === (rowSelectionInfo.isRowSelectionEnabled ? 1 : 0) ? (\n            <ExpandCell\n              expandableInfo={expandableInfo}\n              expandable={expandable}\n              data={row.original}\n              rowKey={rowKey}\n            >\n              {tdContent}\n            </ExpandCell>\n          ) : (\n            tdContent\n          )}\n        </div>\n      );\n    },\n    [\n      expandableInfo,\n      expandable,\n      rowKey,\n      getColumnFixedInfo,\n      rowSelectionInfo.isRowSelectionEnabled,\n    ],\n  );\n\n  // 渲染 body\n  const bodyContent = (\n    <div\n      role=\"rowgroup\"\n      className={prefixCls('body')}\n      style={{\n        width: totalColumnsWidth,\n        height: virtual\n          ? totalSize\n            ? rowVirtualizer.getTotalSize()\n            : 0\n          : 'auto',\n      }}\n    >\n      {isEmpty ? (\n        <div style={{ width: totalSize?.width }}>\n          <div style={{ visibility: 'hidden' }}>\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n          <div\n            role=\"status\"\n            aria-live=\"polite\"\n            aria-invalid=\"true\"\n            style={{\n              position: 'absolute',\n              top: 40,\n              left: 0,\n              right: 0,\n              bottom: 0,\n            }}\n          >\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      ) : (\n        _.reduce<Row<TDataItem> | VirtualItem, React.ReactNode[]>(\n          tableRows,\n          (rowList, rowData, rowIndex) => {\n            const row = virtual\n              ? rows[rowData.index]\n              : (rowData as Row<TDataItem>);\n            const allRowCells = row.getVisibleCells();\n\n            let content: React.ReactNode | null = null;\n            // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n            const leftFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n            const rightFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n\n            if (virtual) {\n              const virtualColumns = columnVirtualizer.getVirtualItems();\n\n              const middleVirtualColumns: VirtualItem[] = [];\n\n              _.forEach(allRowCells, (cell, index) => {\n                const fixedInfo = getColumnFixedInfo(index);\n                if (fixedInfo.fixed === 'left') {\n                  leftFixedColumns.push({ cell, index });\n                }\n                if (fixedInfo.fixed === 'right') {\n                  rightFixedColumns.push({ cell, index });\n                }\n              });\n\n              _.forEach(virtualColumns, (virtualColumn) => {\n                const colIndex = virtualColumn.index;\n                const fixedInfo = getColumnFixedInfo(colIndex);\n                if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n                  middleVirtualColumns.push(virtualColumn);\n                }\n              });\n              content = (\n                <>\n                  {virtualPaddingLeft ? (\n                    //fake empty column to the left for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-left')}\n                      style={{ width: virtualPaddingLeft }}\n                    />\n                  ) : null}\n                  {leftFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {middleVirtualColumns.map((virtualColumn) => {\n                    const colIndex = virtualColumn.index;\n                    const cell = allRowCells[colIndex];\n                    return renderBodyCell(row, cell, colIndex);\n                  })}\n                  {rightFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {virtualPaddingRight ? (\n                    //fake empty column to the right for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-right')}\n                      style={{ width: virtualPaddingRight }}\n                    />\n                  ) : null}\n                </>\n              );\n            } else {\n              content = allRowCells.map((cell, index) =>\n                renderBodyCell(row, cell, index),\n              );\n            }\n            const rowId = row.id;\n            const isRowSelected =\n              rowSelectionInfo.isRowSelectionEnabled &&\n              rowSelectionInfo.selectedRowKeys.includes(rowId);\n            const isRowSelectionDisabled =\n              rowSelectionInfo.isRowSelectionEnabled &&\n              !!rowSelection?.getCheckboxProps?.(row.original).disabled;\n\n            const rowNode = (\n              <div\n                key={rowId}\n                role=\"row\"\n                aria-rowindex={rowIndex + 2}\n                data-index={virtual ? (rowData as VirtualItem).index : rowIndex}\n                className={cn(\n                  prefixCls('tr'),\n                  {\n                    // 需要用 state 的原因是，存在固定列的情况，左右侧的固定列在 dom 结构上不在同一个 tr 上，所以不能用 css 的 :hover 来实现\n                    // 当拖拽行时，不显示 hover 状态\n                    [prefixCls('row-hover')]: rowDndInfo.draggingRowId\n                      ? undefined\n                      : hoverRowId === rowId,\n                    [prefixCls('row-dragging')]:\n                      rowDndInfo.draggingRowId === rowId,\n                    [prefixCls('row-selected')]: isRowSelected,\n                    [prefixCls('row-selection-disabled')]:\n                      isRowSelectionDisabled,\n                    [prefixCls('no-border-tr')]:\n                      isShowPagination && rowIndex === rows.length - 1,\n                  },\n                  rowClassName(row.original, rowIndex),\n                )}\n                ref={(node) => {\n                  // 只在虚拟滚动模式下才测量行高度，避免非虚拟模式下的不必要重渲染\n                  if (virtual) {\n                    rowVirtualizer.measureElement(node);\n                  }\n\n                  // 如果启用了行拖拽，则设置行引用\n                  if (rowDnd && node) {\n                    const rowRef = rowDndInfo.getRowRef(row.original, rowIndex);\n                    if (rowRef) {\n                      rowRef.current = node;\n                    }\n                  }\n                }}\n                onClick={onClickRow(row.original, rowIndex)}\n                onMouseEnter={() => {\n                  if (!isRowSelectionDisabled) {\n                    setHoverRowId(rowId);\n                  }\n                }}\n                onMouseLeave={() => setHoverRowId(null)}\n                style={\n                  virtual\n                    ? {\n                        position: 'absolute',\n                        transform: `translateY(${\n                          (rowData as VirtualItem).start\n                        }px)`,\n                      }\n                    : {}\n                }\n              >\n                {content}\n              </div>\n            );\n            rowList.push(rowNode);\n\n            // 渲染额外展开的行\n            const expandItem = expandableInfo.expandItemMap[rowId];\n            const customExpandRowKey =\n              expandableInfo.isExpandable && expandItem?.customExpandRowKey;\n            const hasCustomExpandRowKey = !!customExpandRowKey;\n            if (hasCustomExpandRowKey) {\n              // 在该行的下面追加自定义展开行\n              const expandedRowRender = expandableConfig.expandedRowRender;\n              if (typeof expandedRowRender !== 'function') {\n                console.error('expandedRowRender must be a function');\n                return rowList;\n              }\n              if (expandItem?.isExpanded !== true) {\n                return rowList;\n              }\n              const customRow = (\n                <div\n                  key={customExpandRowKey}\n                  className={cn(prefixCls('tr'))}\n                  role=\"row\"\n                  onClick={onClickRow(row.original, rowIndex)}\n                >\n                  {expandedRowRender(row.original, expandItem.level + 1)}\n                </div>\n              );\n              rowList.push(customRow);\n            }\n            return rowList;\n          },\n          [],\n        )\n      )}\n    </div>\n  );\n\n  const tableContentHeight = useMemo(() => {\n    return y && totalSize\n      ? totalSize.height - HEADER_HEIGHT - (isShowFooter ? FOOTER_HEIGHT : 0)\n      : 'auto';\n  }, [y, totalSize, isShowFooter]);\n\n  const tableContentBody = (\n    <div className={prefixCls('content')} role=\"table\" aria-label=\"Data table\">\n      {headerContent}\n      <div\n        style={{\n          height: tableContentHeight,\n          position: virtual ? 'relative' : undefined,\n        }}\n        className={cn(prefixCls('body-scroll'), {\n          [prefixCls('scroll-y')]: y !== undefined,\n          [prefixCls('scroll-hidden')]: isEmpty,\n        })}\n        ref={bodyRef}\n        onScroll={onBodyScroll}\n      >\n        {bodyContent}\n      </div>\n      {isShowFooter && (\n        <Footer\n          rowSelectionInfo={rowSelectionInfo}\n          isShowPagination={isShowPagination}\n          pagination={pagination}\n          scroll={scroll}\n          scrollToFirstRow={scrollToFirstRow}\n        />\n      )}\n    </div>\n  );\n\n  const tableContent = loading ? (\n    <Spin spinning>{tableContentBody}</Spin>\n  ) : (\n    tableContentBody\n  );\n\n  const tableStyle: CSSProperties = {};\n  if (y) {\n    tableStyle.height = y;\n  }\n\n  return (\n    <div\n      className={cn(prefixCls('container'), {\n        [prefixCls('bordered')]: bordered,\n      })}\n      style={tableStyle}\n    >\n      <TableResizeWrapper\n        onResize={(w, h) =>\n          setTotalSize((prev) => {\n            if (prev && prev.width === w && prev.height === h) return prev;\n            return { width: w, height: h };\n          })\n        }\n      >\n        <div\n          className={cn(prefixCls('main'), {\n            [prefixCls('overflow-hidden')]: !!y,\n            [prefixCls('ping-left')]: isPingLeft,\n            [prefixCls('ping-right')]: isPingRight,\n          })}\n        >\n          {rowDnd ? <DndWrapper>{tableContent}</DndWrapper> : tableContent}\n        </div>\n      </TableResizeWrapper>\n    </div>\n  );\n}\n\nexport default forwardRef(Table) as <TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    ref?: React.ForwardedRef<ITableRef>;\n  },\n) => ReturnType<typeof Table>;\n"],"mappings":"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"}

package/dist/Table/tests/helper.d.ts

@@ -1,5 +1,5 @@
 export declare function getTableProps(): {
-    columns: import('../types').ITableColumn<object>[];
+    columns: import('../types.js').ITableColumn<object>[];
     data: {
         id: string;
         firstName: string;

package/dist/Table/types.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ICheckboxProps } from '../Checkbox/type';
-import { IPaginationProps } from '../Pagination/types';
+import { ICheckboxProps } from '../Checkbox/type.js';
+import { IPaginationProps } from '../Pagination/types.js';
 export interface ITableProps<TDataItem extends object> {
     columns: ITableColumn<TDataItem>[];
     data: TDataItem[];

package/dist/Table.js

@@ -0,0 +1,2 @@
+export * from './Table/index.js';
+export { default } from './Table/index.js';

package/dist/Tabs/TabPane.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export interface ITabPaneProps {
     forceRender?: boolean;
     key?: string;
@@ -6,4 +6,4 @@ export interface ITabPaneProps {
     className?: string;
     children?: ReactNode;
 }
-export default function TabPane(props: ITabPaneProps): import("react/jsx-runtime").JSX.Element;
+export default function TabPane(props: ITabPaneProps): React.JSX.Element;

package/dist/Tabs/TabPane.js

@@ -1,11 +1,20 @@
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Tabs/TabPane.tsx
 function TabPane(props) {
-	return /* @__PURE__ */ jsx("div", {
-		className: props.className,
-		children: props.children
-	});
+	const $ = c(3);
+	let t0;
+	if ($[0] !== props.children || $[1] !== props.className) {
+		t0 = /* @__PURE__ */ jsx("div", {
+			className: props.className,
+			children: props.children
+		});
+		$[0] = props.children;
+		$[1] = props.className;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 }
 //#endregion
 export { TabPane as default };

package/dist/Tabs/TabPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPane.js","names":[],"sources":["../../src/Tabs/TabPane.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nexport interface ITabPaneProps {\n  forceRender?: boolean;\n  key?: string;\n  tab: ReactNode;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport default function TabPane(props: ITabPaneProps) {\n  return <div className={props.className}>{props.children}</div>;\n}\n"],"mappings":";;;AAUA,SAAwB,QAAQ,OAAsB;AACpD,QAAO,oBAAC,OAAD;EAAK,WAAW,MAAM;YAAY,MAAM;EAAe,CAAA"}
+{"version":3,"file":"TabPane.js","names":["React","ReactNode","ITabPaneProps","forceRender","key","tab","className","children","TabPane","props","$","_c","t0"],"sources":["../../src/Tabs/TabPane.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nexport interface ITabPaneProps {\n  forceRender?: boolean;\n  key?: string;\n  tab: ReactNode;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport default function TabPane(props: ITabPaneProps) {\n  return <div className={props.className}>{props.children}</div>;\n}\n"],"mappings":";;;;AAUA,SAAeQ,QAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,MAAAF,YAAAG,EAAA,OAAAD,MAAAH,WAAA;AACNM,OAAA,oBAAA,OAAA;GAAgB,WAAAH,MAAKH;aAAaG,MAAKF;GAAgB,CAAA;AAAAG,IAAA,KAAAD,MAAAF;AAAAG,IAAA,KAAAD,MAAAH;AAAAI,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAAvDE"}

package/dist/Tabs/index.d.ts

@@ -45,8 +45,8 @@ export interface ITabsProps {
     /** 透传到 tablist 的 aria-label，用于可访问性与自动化测试定位 */
     'aria-label'?: string;
 }
-declare function Tabs(props: ITabsProps): import("react/jsx-runtime").JSX.Element;
+declare function Tabs(props: ITabsProps): React.JSX.Element;
 declare namespace Tabs {
-    var TabPane: typeof import("./TabPane").default;
+    var TabPane: typeof import("./TabPane.js").default;
 }
 export default Tabs;