dishui 0.0.65 → 0.0.66

package/dist/components/pro/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":[],"sources":["../../../../src/components/pro/DataTable/DataTable.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react';\nimport {\n  useReactTable,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  RowSelectionState,\n  OnChangeFn,\n  Updater,\n  SortingFnOption,\n  SortingFn,\n} from './tanstack-table';\nimport Table from '../../Table';\nimport { TableToolbar } from './components/TableToolbar';\nimport { TableHeader } from './components/TableHeader';\nimport { TableBody } from './components/TableBody';\nimport { TablePagination } from './components/TablePagination';\nimport { DataTableProps } from './types';\nimport type {\n  DataTableApi,\n  DataTableCellContext,\n  DataTableExtension,\n  DataTableMenuItem,\n} from './extension';\nimport { useControllableState, deepEqual } from '../../../hooks/useControllableState';\nimport { treeRowAnimationStyles, findAllChildRowIds, flattenTreeData, createTreeSortingFns } from './treeDataUtils';\nimport { useColumnDragReorder } from './useColumnDragReorder';\n\nexport * from './types';\n\nfunction DataTable<T extends object>({\n  data,\n  columns,\n  className = '',\n  enableSorting = true,\n  enableFiltering = true,\n  enablePagination = true,\n  enableSelection = true,\n  enableColumnReordering = true,\n  enableColumnResizing = true,\n  manualFiltering = false,\n  enableExpanding = false,\n  subDataKey = 'subs',\n  onRowExpand,\n  expandedRows = {},\n  onExpandedRowsChange,\n  getRowId,\n  indentSize = 16,\n  enableTreeSort = true,\n  toolbar = {\n    enabled: false,\n    enableColumnSelector: false,\n    enableFiltering: false,\n    enableBulkActions: false,\n  },\n  customFilterPanel,\n  onRowClick,\n  onRowDoubleClick,\n  onRowMouseEnter,\n  onRowMouseLeave,\n  onCellClick,\n  onCellDoubleClick,\n  onCellMouseEnter,\n  onCellMouseLeave,\n  onColumnClick,\n  onColumnMouseEnter,\n  onColumnMouseLeave,\n  onTableClick,\n  onTableMouseEnter,\n  onTableMouseLeave,\n  pageSize = 10,\n  pageIndex = 0,\n  onPageChange,\n  onPageSizeChange,\n  selectedRows = {},\n  onRowSelectionChange,\n  sortingState = [],\n  onSortingChange,\n  columnFilters = [],\n  onColumnFiltersChange,\n  columnVisibility = {},\n  onColumnVisibilityChange,\n  columnOrder = [],\n  onColumnOrderChange,\n  extensions = [],\n}: DataTableProps<T>) {\n  const [sorting, setSorting] = useControllableState<SortingState>(\n    sortingState, onSortingChange, deepEqual,\n  );\n  const [rowSelection, setRowSelection] = useControllableState<RowSelectionState>(\n    selectedRows, onRowSelectionChange, deepEqual,\n  );\n  const [columnFiltersState, setColumnFiltersState] = useControllableState<ColumnFiltersState>(\n    columnFilters, onColumnFiltersChange, deepEqual,\n  );\n  const [visibilityState, setVisibilityState] = useControllableState<VisibilityState>(\n    columnVisibility, onColumnVisibilityChange, deepEqual,\n  );\n  const [columnOrderState, setColumnOrderState] = useControllableState<string[]>(\n    columnOrder, onColumnOrderChange, deepEqual,\n  );\n  const [expandedRowsState, setExpandedRowsState] = useControllableState<Record<string, boolean>>(\n    expandedRows, onExpandedRowsChange, deepEqual,\n  );\n\n  const [activeFilter, setActiveFilter] = useState<string | null>(null);\n  const hasInitializedRef = useRef(false);\n\n  const {\n    draggedColumnId,\n    handleDragStart,\n    handleDragOver,\n    handleDrop,\n  } = useColumnDragReorder(columnOrderState, setColumnOrderState);\n\n  const handleSortingChange = useCallback<OnChangeFn<SortingState>>((updater) => {\n    setSorting((old) => (typeof updater === 'function' ? updater(old) : updater));\n  }, [setSorting]);\n\n  useEffect(() => {\n    if (!hasInitializedRef.current && columns.length > 0) {\n      if (columnOrder.length === 0 && columnOrderState.length === 0) {\n        hasInitializedRef.current = true;\n        const initialOrder = columns.map(col =>\n          'accessorKey' in col ? col.accessorKey as string : col.id as string,\n        );\n        setColumnOrderState(initialOrder);\n      } else {\n        hasInitializedRef.current = true;\n      }\n    }\n  }, [columns]);\n\n  const handleRowExpand = (rowId: string, row: T) => {\n    const newExpandedState = !(expandedRowsState[rowId] || false);\n    const newExpandedRows = { ...expandedRowsState, [rowId]: newExpandedState };\n\n    if (!newExpandedState) {\n      const childRows = findAllChildRowIds(row, rowId, subDataKey, getRowId);\n      childRows.forEach(childId => { newExpandedRows[childId] = false; });\n    }\n\n    setExpandedRowsState(newExpandedRows);\n    onRowExpand?.(row, newExpandedState);\n  };\n\n  const flattenData = useCallback(\n    (items: T[], depth = 0, parentId = '', isParentExpanded = true, result: any[] = [], onlyTopLevel = false) =>\n      flattenTreeData(items, expandedRowsState, subDataKey, getRowId, depth, parentId, isParentExpanded, result, onlyTopLevel),\n    [expandedRowsState, getRowId, subDataKey],\n  );\n\n  const flattenedData = useMemo(\n    () => (enableExpanding ? flattenData(data) : data),\n    [data, enableExpanding, flattenData],\n  );\n\n  const topLevelData = useMemo(\n    () => (enableExpanding ? flattenData(data, 0, '', true, [], true) : data),\n    [data, enableExpanding, flattenData],\n  );\n\n  const [internalPageIndex, setInternalPageIndex] = useState(pageIndex);\n  const [internalPageSize, setInternalPageSize] = useState(pageSize);\n\n  useEffect(() => { if (pageIndex !== internalPageIndex) setInternalPageIndex(pageIndex); }, [pageIndex]);\n  useEffect(() => { if (pageSize !== internalPageSize) setInternalPageSize(pageSize); }, [pageSize]);\n\n  const currentPageData = useMemo(() => {\n    if (!enablePagination) return flattenedData;\n\n    const startIndex = internalPageIndex * internalPageSize;\n    const endIndex = startIndex + internalPageSize;\n    const currentPageTopLevelData = topLevelData.slice(startIndex, endIndex);\n\n    if (enableExpanding) {\n      const rowsMap = new Map();\n      currentPageTopLevelData.forEach((topRow: any) => rowsMap.set(topRow.__id, topRow));\n      currentPageTopLevelData.forEach((topRow: any) => {\n        if (expandedRowsState[topRow.__id]) {\n          flattenedData.forEach((row: any) => {\n            if (row.__parentId?.startsWith(topRow.__id)) rowsMap.set(row.__id, row);\n          });\n        }\n      });\n      const result: any[] = [];\n      flattenedData.forEach((row: any) => { if (rowsMap.has(row.__id)) result.push(row); });\n      return result;\n    }\n\n    return currentPageTopLevelData;\n  }, [flattenedData, topLevelData, internalPageIndex, internalPageSize, enablePagination, enableExpanding, expandedRowsState]);\n\n  const processedColumns = useMemo(() => {\n    if (!enableExpanding || !enableTreeSort) return columns;\n    return columns.map(column => {\n      if (column.enableSorting === false) return column;\n      return { ...column, sortFn: 'treeSortAsc' as SortingFnOption<T> };\n    });\n  }, [columns, enableExpanding, enableTreeSort]);\n\n  const customSortFns = useMemo(\n    () =>\n      enableExpanding && enableTreeSort\n        ? (createTreeSortingFns<T>() as Record<string, SortingFn<T>>)\n        : undefined,\n    [enableExpanding, enableTreeSort],\n  );\n\n  const tableCore = useMemo(() => ({\n    data: currentPageData,\n    columns: processedColumns,\n    pageCount: Math.ceil(topLevelData.length / internalPageSize),\n    manualPagination: true,\n    manualFiltering,\n    state: {\n      sorting,\n      rowSelection,\n      columnFilters: columnFiltersState,\n      columnVisibility: visibilityState,\n      columnOrder: columnOrderState.length > 0 ? columnOrderState : undefined,\n      pagination: { pageIndex: internalPageIndex, pageSize: internalPageSize },\n    },\n    enableRowSelection: enableSelection,\n    onRowSelectionChange: setRowSelection,\n    onSortingChange: handleSortingChange,\n    onColumnFiltersChange: setColumnFiltersState,\n    onColumnVisibilityChange: setVisibilityState,\n    onPaginationChange: (updater: Updater<{ pageIndex: number; pageSize: number }>) => {\n      const currentPagination = { pageIndex: internalPageIndex, pageSize: internalPageSize };\n      const newPagination = typeof updater === 'function' ? updater(currentPagination) : updater;\n\n      if (newPagination.pageSize !== internalPageSize) {\n        setInternalPageSize(newPagination.pageSize);\n        onPageSizeChange?.(newPagination.pageSize);\n      }\n      if (newPagination.pageIndex !== internalPageIndex) {\n        setInternalPageIndex(newPagination.pageIndex);\n        onPageChange?.(newPagination.pageIndex);\n      }\n    },\n    // v9：自定义排序函数注册表（由 useReactTable 包装器合入 features 的 sortFns）。\n    sortFns: customSortFns,\n    initialState: { pagination: { pageIndex: 0, pageSize: internalPageSize } },\n  }), [\n    currentPageData, processedColumns, sorting, rowSelection, columnFiltersState,\n    visibilityState, columnOrderState, enableSelection, enablePagination, customSortFns,\n    manualFiltering, handleSortingChange, internalPageSize, internalPageIndex, onPageChange,\n    onPageSizeChange, topLevelData,\n  ]);\n\n  const table = useReactTable<T>(tableCore as any);\n\n  // --- 扩展 API -----------------------------------------------------------\n  const resolveRowId = useCallback(\n    (row: T, index: number): string => {\n      if (getRowId) return getRowId(row, index);\n      const anyRow = row as any;\n      if (anyRow && anyRow.__id != null) return String(anyRow.__id);\n      return String(index);\n    },\n    [getRowId],\n  );\n\n  const extensionApi: DataTableApi<T> = useMemo(() => {\n    const selectedRowData = table\n      .getSelectedRowModel()\n      .rows.map((r) => r.original);\n    return {\n      table,\n      data,\n      rows: table.getRowModel().rows,\n      selectedRows: selectedRowData,\n      getRowId: resolveRowId,\n    };\n  }, [table, data, resolveRowId, rowSelection]);\n\n  // --- 右键菜单（由扩展贡献） --------------------------------------------\n  const [contextMenu, setContextMenu] = useState<{\n    x: number;\n    y: number;\n    items: DataTableMenuItem<T>[];\n    ctx: DataTableCellContext<T>;\n  } | null>(null);\n\n  useEffect(() => {\n    if (!contextMenu) return;\n    const close = () => setContextMenu(null);\n    window.addEventListener('click', close);\n    window.addEventListener('scroll', close, true);\n    return () => {\n      window.removeEventListener('click', close);\n      window.removeEventListener('scroll', close, true);\n    };\n  }, [contextMenu]);\n\n  const handleCellContextMenu = useCallback(\n    (e: React.MouseEvent, row: T, column: any, rowIndex: number) => {\n      if (extensions.length === 0) return;\n      const columnId = column?.id ?? '';\n      const value =\n        column?.id != null ? (row as any)[column.id] : undefined;\n      const ctx: DataTableCellContext<T> = {\n        value,\n        row,\n        rowId: resolveRowId(row, rowIndex),\n        rowIndex,\n        columnId,\n      };\n      const items = extensions.flatMap(\n        (ext) => ext.contextMenu?.(ctx, extensionApi) ?? [],\n      );\n      if (!items.length) return;\n      e.preventDefault();\n      setContextMenu({ x: e.clientX, y: e.clientY, items, ctx });\n    },\n    [extensions, extensionApi, resolveRowId],\n  );\n\n  // 收集工具栏 / 底部 / 主体接管的扩展贡献。\n  const toolbarExtras = extensions\n    .map((ext) =>\n      ext.toolbar ? { name: ext.name, node: ext.toolbar(extensionApi) } : null,\n    )\n    .filter((x): x is { name: string; node: React.ReactNode } => !!x && !!x.node);\n\n  const footerExtras = extensions\n    .map((ext) =>\n      ext.footer ? { name: ext.name, node: ext.footer(extensionApi) } : null,\n    )\n    .filter((x): x is { name: string; node: React.ReactNode } => !!x && !!x.node);\n\n  let overrideContent: React.ReactNode | undefined = undefined;\n  for (const ext of extensions) {\n    const out = ext.renderContent?.(extensionApi);\n    if (out !== undefined) {\n      overrideContent = out;\n      break;\n    }\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (internalPageIndex === newPage) return;\n    setInternalPageIndex(newPage);\n    onPageChange?.(newPage);\n  };\n\n  const toggleColumnVisibility = (columnId: string) => {\n    table.getColumn(columnId)?.toggleVisibility();\n  };\n\n  useEffect(() => {\n    const styleElement = document.createElement('style');\n    styleElement.textContent = treeRowAnimationStyles;\n    document.head.appendChild(styleElement);\n    return () => { document.head.removeChild(styleElement); };\n  }, []);\n\n  return (\n    <div className={`w-full ${className}`}>\n      <TableToolbar\n        toolbar={toolbar}\n        table={table}\n        columns={columns}\n        columnOrderState={columnOrderState}\n        visibilityState={visibilityState}\n        activeFilter={activeFilter}\n        setActiveFilter={setActiveFilter}\n        customFilterPanel={customFilterPanel}\n        draggedColumnId={draggedColumnId}\n        handleDragStart={handleDragStart}\n        toggleColumnVisibility={toggleColumnVisibility}\n        rowSelection={rowSelection}\n        data={data}\n        enableColumnReordering={enableColumnReordering}\n        handleDrop={handleDrop}\n      />\n\n      {/* 扩展贡献的工具栏控件 */}\n      {toolbarExtras.length > 0 && (\n        <div className=\"flex flex-wrap items-start gap-3 mb-4\">\n          {toolbarExtras.map((item) => (\n            <React.Fragment key={item.name}>{item.node}</React.Fragment>\n          ))}\n        </div>\n      )}\n\n      {overrideContent !== undefined ? (\n        // 扩展接管了主体渲染（如 Pivot 透视模式）。\n        <div className=\"w-full\">{overrideContent}</div>\n      ) : (\n        <>\n          <div className=\"overflow-x-auto\">\n            <Table className=\"table-sm w-full\">\n              <TableHeader\n                table={table}\n                visibilityState={visibilityState}\n                enableSorting={enableSorting}\n                enableColumnReordering={enableColumnReordering}\n                draggedColumnId={draggedColumnId}\n                onColumnMouseEnter={onColumnMouseEnter}\n                onColumnMouseLeave={onColumnMouseLeave}\n                handleDragStart={handleDragStart}\n                handleDragOver={handleDragOver}\n                handleDrop={handleDrop}\n              />\n              <TableBody\n                table={table}\n                expandedRowsState={expandedRowsState}\n                onRowClick={onRowClick}\n                onRowDoubleClick={onRowDoubleClick}\n                onRowMouseEnter={onRowMouseEnter}\n                onRowMouseLeave={onRowMouseLeave}\n                onCellClick={onCellClick}\n                onCellDoubleClick={onCellDoubleClick}\n                onCellMouseEnter={onCellMouseEnter}\n                onCellMouseLeave={onCellMouseLeave}\n                enableExpanding={enableExpanding}\n                indentSize={indentSize}\n                handleRowExpand={handleRowExpand}\n                extensions={extensions}\n                extensionApi={extensionApi}\n                getRowId={resolveRowId}\n                onCellContextMenu={handleCellContextMenu}\n              />\n            </Table>\n          </div>\n\n          <TablePagination\n            enablePagination={enablePagination}\n            table={table}\n            internalPageIndex={internalPageIndex}\n            internalPageSize={internalPageSize}\n            handlePageChange={handlePageChange}\n            setInternalPageSize={setInternalPageSize}\n            setInternalPageIndex={setInternalPageIndex}\n            onPageSizeChange={onPageSizeChange}\n            onPageChange={onPageChange}\n          />\n        </>\n      )}\n\n      {/* 扩展贡献的底部控件 */}\n      {footerExtras.length > 0 && (\n        <div className=\"flex flex-wrap items-center gap-3 mt-4\">\n          {footerExtras.map((item) => (\n            <React.Fragment key={item.name}>{item.node}</React.Fragment>\n          ))}\n        </div>\n      )}\n\n      {/* 扩展贡献的右键菜单 */}\n      {contextMenu && (\n        <ul\n          className=\"menu bg-base-100 rounded-box shadow-lg border border-base-300 z-1000 p-1\"\n          style={{\n            position: 'fixed',\n            top: contextMenu.y,\n            left: contextMenu.x,\n            minWidth: 160,\n          }}\n        >\n          {contextMenu.items.map((item) =>\n            item.separator ? (\n              <li key={item.key} className=\"my-1 border-t border-base-300\" />\n            ) : (\n              <li key={item.key}>\n                <button\n                  type=\"button\"\n                  disabled={item.disabled}\n                  onClick={() => {\n                    item.onSelect?.(contextMenu.ctx);\n                    setContextMenu(null);\n                  }}\n                >\n                  {item.label}\n                </button>\n              </li>\n            ),\n          )}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nexport default DataTable;\n"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../../src/components/pro/DataTable/DataTable.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react';\nimport {\n  useReactTable,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  RowSelectionState,\n  OnChangeFn,\n  Updater,\n  SortingFnOption,\n  SortingFn,\n} from './tanstack-table';\nimport Table from '../../Table';\nimport { TableToolbar } from './components/TableToolbar';\nimport { TableHeader } from './components/TableHeader';\nimport { TableBody } from './components/TableBody';\nimport { TablePagination } from './components/TablePagination';\nimport { DataTableProps } from './types';\nimport type {\n  DataTableApi,\n  DataTableCellContext,\n  DataTableExtension,\n  DataTableMenuItem,\n} from './extension';\nimport { useControllableState, deepEqual } from '../../../hooks/useControllableState';\nimport { treeRowAnimationStyles, findAllChildRowIds, flattenTreeData, createTreeSortingFns } from './treeDataUtils';\nimport { useColumnDragReorder } from './useColumnDragReorder';\n\nexport * from './types';\n\nfunction DataTable<T extends object>({\n  data,\n  columns,\n  className = '',\n  enableSorting = true,\n  enableFiltering = true,\n  enablePagination = true,\n  enableSelection = true,\n  enableColumnReordering = true,\n  enableColumnResizing = true,\n  manualFiltering = false,\n  enableExpanding = false,\n  subDataKey = 'subs',\n  onRowExpand,\n  expandedRows = {},\n  onExpandedRowsChange,\n  getRowId,\n  indentSize = 16,\n  enableTreeSort = true,\n  toolbar = {\n    enabled: false,\n    enableColumnSelector: false,\n    enableFiltering: false,\n    enableBulkActions: false,\n  },\n  customFilterPanel,\n  onRowClick,\n  onRowDoubleClick,\n  onRowMouseEnter,\n  onRowMouseLeave,\n  onCellClick,\n  onCellDoubleClick,\n  onCellMouseEnter,\n  onCellMouseLeave,\n  onColumnClick,\n  onColumnMouseEnter,\n  onColumnMouseLeave,\n  onTableClick,\n  onTableMouseEnter,\n  onTableMouseLeave,\n  pageSize = 10,\n  pageIndex = 0,\n  onPageChange,\n  onPageSizeChange,\n  selectedRows = {},\n  onRowSelectionChange,\n  sortingState = [],\n  onSortingChange,\n  columnFilters = [],\n  onColumnFiltersChange,\n  columnVisibility = {},\n  onColumnVisibilityChange,\n  columnOrder = [],\n  onColumnOrderChange,\n  extensions = [],\n}: DataTableProps<T>) {\n  const [sorting, setSorting] = useControllableState<SortingState>(\n    sortingState, onSortingChange, deepEqual,\n  );\n  const [rowSelection, setRowSelection] = useControllableState<RowSelectionState>(\n    selectedRows, onRowSelectionChange, deepEqual,\n  );\n  const [columnFiltersState, setColumnFiltersState] = useControllableState<ColumnFiltersState>(\n    columnFilters, onColumnFiltersChange, deepEqual,\n  );\n  const [visibilityState, setVisibilityState] = useControllableState<VisibilityState>(\n    columnVisibility, onColumnVisibilityChange, deepEqual,\n  );\n  const [columnOrderState, setColumnOrderState] = useControllableState<string[]>(\n    columnOrder, onColumnOrderChange, deepEqual,\n  );\n  const [expandedRowsState, setExpandedRowsState] = useControllableState<Record<string, boolean>>(\n    expandedRows, onExpandedRowsChange, deepEqual,\n  );\n\n  const [activeFilter, setActiveFilter] = useState<string | null>(null);\n  const hasInitializedRef = useRef(false);\n\n  const {\n    draggedColumnId,\n    handleDragStart,\n    handleDragOver,\n    handleDrop,\n  } = useColumnDragReorder(columnOrderState, setColumnOrderState);\n\n  const handleSortingChange = useCallback<OnChangeFn<SortingState>>((updater) => {\n    setSorting((old) => (typeof updater === 'function' ? updater(old) : updater));\n  }, [setSorting]);\n\n  useEffect(() => {\n    if (!hasInitializedRef.current && columns.length > 0) {\n      if (columnOrder.length === 0 && columnOrderState.length === 0) {\n        hasInitializedRef.current = true;\n        const initialOrder = columns.map(col =>\n          'accessorKey' in col ? col.accessorKey as string : col.id as string,\n        );\n        setColumnOrderState(initialOrder);\n      } else {\n        hasInitializedRef.current = true;\n      }\n    }\n  }, [columns]);\n\n  const handleRowExpand = (rowId: string, row: T) => {\n    const newExpandedState = !(expandedRowsState[rowId] || false);\n    const newExpandedRows = { ...expandedRowsState, [rowId]: newExpandedState };\n\n    if (!newExpandedState) {\n      const childRows = findAllChildRowIds(row, rowId, subDataKey, getRowId);\n      childRows.forEach(childId => { newExpandedRows[childId] = false; });\n    }\n\n    setExpandedRowsState(newExpandedRows);\n    onRowExpand?.(row, newExpandedState);\n  };\n\n  const flattenData = useCallback(\n    (items: T[], depth = 0, parentId = '', isParentExpanded = true, result: any[] = [], onlyTopLevel = false) =>\n      flattenTreeData(items, expandedRowsState, subDataKey, getRowId, depth, parentId, isParentExpanded, result, onlyTopLevel),\n    [expandedRowsState, getRowId, subDataKey],\n  );\n\n  const flattenedData = useMemo(\n    () => (enableExpanding ? flattenData(data) : data),\n    [data, enableExpanding, flattenData],\n  );\n\n  const topLevelData = useMemo(\n    () => (enableExpanding ? flattenData(data, 0, '', true, [], true) : data),\n    [data, enableExpanding, flattenData],\n  );\n\n  const [internalPageIndex, setInternalPageIndex] = useState(pageIndex);\n  const [internalPageSize, setInternalPageSize] = useState(pageSize);\n\n  useEffect(() => { if (pageIndex !== internalPageIndex) setInternalPageIndex(pageIndex); }, [pageIndex]);\n  useEffect(() => { if (pageSize !== internalPageSize) setInternalPageSize(pageSize); }, [pageSize]);\n\n  const currentPageData = useMemo(() => {\n    if (!enablePagination) return flattenedData;\n\n    const startIndex = internalPageIndex * internalPageSize;\n    const endIndex = startIndex + internalPageSize;\n    const currentPageTopLevelData = topLevelData.slice(startIndex, endIndex);\n\n    if (enableExpanding) {\n      const rowsMap = new Map();\n      currentPageTopLevelData.forEach((topRow: any) => rowsMap.set(topRow.__id, topRow));\n      currentPageTopLevelData.forEach((topRow: any) => {\n        if (expandedRowsState[topRow.__id]) {\n          flattenedData.forEach((row: any) => {\n            if (row.__parentId?.startsWith(topRow.__id)) rowsMap.set(row.__id, row);\n          });\n        }\n      });\n      const result: any[] = [];\n      flattenedData.forEach((row: any) => { if (rowsMap.has(row.__id)) result.push(row); });\n      return result;\n    }\n\n    return currentPageTopLevelData;\n  }, [flattenedData, topLevelData, internalPageIndex, internalPageSize, enablePagination, enableExpanding, expandedRowsState]);\n\n  const processedColumns = useMemo(() => {\n    if (!enableExpanding || !enableTreeSort) return columns;\n    return columns.map(column => {\n      if (column.enableSorting === false) return column;\n      return { ...column, sortFn: 'treeSortAsc' as SortingFnOption<T> };\n    });\n  }, [columns, enableExpanding, enableTreeSort]);\n\n  const customSortFns = useMemo(\n    () =>\n      enableExpanding && enableTreeSort\n        ? (createTreeSortingFns<T>() as Record<string, SortingFn<T>>)\n        : undefined,\n    [enableExpanding, enableTreeSort],\n  );\n\n  const tableCore = useMemo(() => ({\n    data: currentPageData,\n    columns: processedColumns,\n    pageCount: Math.ceil(topLevelData.length / internalPageSize),\n    manualPagination: true,\n    manualFiltering,\n    state: {\n      sorting,\n      rowSelection,\n      columnFilters: columnFiltersState,\n      columnVisibility: visibilityState,\n      columnOrder: columnOrderState.length > 0 ? columnOrderState : undefined,\n      pagination: { pageIndex: internalPageIndex, pageSize: internalPageSize },\n    },\n    enableRowSelection: enableSelection,\n    onRowSelectionChange: setRowSelection,\n    onSortingChange: handleSortingChange,\n    onColumnFiltersChange: setColumnFiltersState,\n    onColumnVisibilityChange: setVisibilityState,\n    onPaginationChange: (updater: Updater<{ pageIndex: number; pageSize: number }>) => {\n      const currentPagination = { pageIndex: internalPageIndex, pageSize: internalPageSize };\n      const newPagination = typeof updater === 'function' ? updater(currentPagination) : updater;\n\n      if (newPagination.pageSize !== internalPageSize) {\n        setInternalPageSize(newPagination.pageSize);\n        onPageSizeChange?.(newPagination.pageSize);\n      }\n      if (newPagination.pageIndex !== internalPageIndex) {\n        setInternalPageIndex(newPagination.pageIndex);\n        onPageChange?.(newPagination.pageIndex);\n      }\n    },\n    // v9：自定义排序函数注册表（由 useReactTable 包装器合入 features 的 sortFns）。\n    sortFns: customSortFns,\n    initialState: { pagination: { pageIndex: 0, pageSize: internalPageSize } },\n  }), [\n    currentPageData, processedColumns, sorting, rowSelection, columnFiltersState,\n    visibilityState, columnOrderState, enableSelection, enablePagination, customSortFns,\n    manualFiltering, handleSortingChange, internalPageSize, internalPageIndex, onPageChange,\n    onPageSizeChange, topLevelData,\n  ]);\n\n  const table = useReactTable<T>(tableCore as any);\n\n  // --- 扩展 API -----------------------------------------------------------\n  const resolveRowId = useCallback(\n    (row: T, index: number): string => {\n      if (getRowId) return getRowId(row, index);\n      const anyRow = row as any;\n      if (anyRow && anyRow.__id != null) return String(anyRow.__id);\n      return String(index);\n    },\n    [getRowId],\n  );\n\n  const extensionApi: DataTableApi<T> = useMemo(() => {\n    const selectedRowData = table\n      .getSelectedRowModel()\n      .rows.map((r) => r.original);\n    return {\n      table,\n      data,\n      rows: table.getRowModel().rows,\n      selectedRows: selectedRowData,\n      getRowId: resolveRowId,\n    };\n  }, [table, data, resolveRowId, rowSelection]);\n\n  // --- 右键菜单（由扩展贡献） --------------------------------------------\n  const [contextMenu, setContextMenu] = useState<{\n    x: number;\n    y: number;\n    items: DataTableMenuItem<T>[];\n    ctx: DataTableCellContext<T>;\n  } | null>(null);\n\n  useEffect(() => {\n    if (!contextMenu) return;\n    const close = () => setContextMenu(null);\n    window.addEventListener('click', close);\n    window.addEventListener('scroll', close, true);\n    return () => {\n      window.removeEventListener('click', close);\n      window.removeEventListener('scroll', close, true);\n    };\n  }, [contextMenu]);\n\n  const handleCellContextMenu = useCallback(\n    (e: React.MouseEvent, row: T, column: any, rowIndex: number) => {\n      if (extensions.length === 0) return;\n      const columnId = column?.id ?? '';\n      const value =\n        column?.id != null ? (row as any)[column.id] : undefined;\n      const ctx: DataTableCellContext<T> = {\n        value,\n        row,\n        rowId: resolveRowId(row, rowIndex),\n        rowIndex,\n        columnId,\n      };\n      const items = extensions.flatMap(\n        (ext) => ext.contextMenu?.(ctx, extensionApi) ?? [],\n      );\n      if (!items.length) return;\n      e.preventDefault();\n      setContextMenu({ x: e.clientX, y: e.clientY, items, ctx });\n    },\n    [extensions, extensionApi, resolveRowId],\n  );\n\n  // 收集工具栏 / 底部 / 主体接管的扩展贡献。\n  const toolbarExtras = extensions\n    .map((ext) =>\n      ext.toolbar ? { name: ext.name, node: ext.toolbar(extensionApi) } : null,\n    )\n    .filter((x): x is { name: string; node: React.ReactNode } => !!x && !!x.node);\n\n  const footerExtras = extensions\n    .map((ext) =>\n      ext.footer ? { name: ext.name, node: ext.footer(extensionApi) } : null,\n    )\n    .filter((x): x is { name: string; node: React.ReactNode } => !!x && !!x.node);\n\n  let overrideContent: React.ReactNode | undefined = undefined;\n  for (const ext of extensions) {\n    const out = ext.renderContent?.(extensionApi);\n    if (out !== undefined) {\n      overrideContent = out;\n      break;\n    }\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (internalPageIndex === newPage) return;\n    setInternalPageIndex(newPage);\n    onPageChange?.(newPage);\n  };\n\n  const toggleColumnVisibility = (columnId: string) => {\n    table.getColumn(columnId)?.toggleVisibility();\n  };\n\n  useEffect(() => {\n    const styleElement = document.createElement('style');\n    styleElement.textContent = treeRowAnimationStyles;\n    document.head.appendChild(styleElement);\n    return () => { document.head.removeChild(styleElement); };\n  }, []);\n\n  return (\n    <div className={`w-full ${className}`}>\n      <TableToolbar\n        toolbar={toolbar}\n        table={table}\n        columns={columns}\n        columnOrderState={columnOrderState}\n        visibilityState={visibilityState}\n        activeFilter={activeFilter}\n        setActiveFilter={setActiveFilter}\n        customFilterPanel={customFilterPanel}\n        draggedColumnId={draggedColumnId}\n        handleDragStart={handleDragStart}\n        toggleColumnVisibility={toggleColumnVisibility}\n        rowSelection={rowSelection}\n        data={data}\n        enableColumnReordering={enableColumnReordering}\n        handleDrop={handleDrop}\n      />\n\n      {/* 扩展贡献的工具栏控件 */}\n      {toolbarExtras.length > 0 && (\n        <div className=\"flex flex-wrap items-start gap-3 mb-4\">\n          {toolbarExtras.map((item) => (\n            <React.Fragment key={item.name}>{item.node}</React.Fragment>\n          ))}\n        </div>\n      )}\n\n      {overrideContent !== undefined ? (\n        // 扩展接管了主体渲染（如 Pivot 透视模式）。\n        <div className=\"w-full\">{overrideContent}</div>\n      ) : (\n        <>\n          <div className=\"overflow-x-auto\">\n            <Table className=\"table-sm w-full\">\n              <TableHeader\n                table={table}\n                visibilityState={visibilityState}\n                enableSorting={enableSorting}\n                enableColumnReordering={enableColumnReordering}\n                draggedColumnId={draggedColumnId}\n                onColumnMouseEnter={onColumnMouseEnter}\n                onColumnMouseLeave={onColumnMouseLeave}\n                handleDragStart={handleDragStart}\n                handleDragOver={handleDragOver}\n                handleDrop={handleDrop}\n              />\n              <TableBody\n                table={table}\n                expandedRowsState={expandedRowsState}\n                onRowClick={onRowClick}\n                onRowDoubleClick={onRowDoubleClick}\n                onRowMouseEnter={onRowMouseEnter}\n                onRowMouseLeave={onRowMouseLeave}\n                onCellClick={onCellClick}\n                onCellDoubleClick={onCellDoubleClick}\n                onCellMouseEnter={onCellMouseEnter}\n                onCellMouseLeave={onCellMouseLeave}\n                enableExpanding={enableExpanding}\n                indentSize={indentSize}\n                handleRowExpand={handleRowExpand}\n                extensions={extensions}\n                extensionApi={extensionApi}\n                getRowId={resolveRowId}\n                onCellContextMenu={handleCellContextMenu}\n              />\n            </Table>\n          </div>\n\n          <TablePagination\n            enablePagination={enablePagination}\n            table={table}\n            internalPageIndex={internalPageIndex}\n            internalPageSize={internalPageSize}\n            handlePageChange={handlePageChange}\n            setInternalPageSize={setInternalPageSize}\n            setInternalPageIndex={setInternalPageIndex}\n            onPageSizeChange={onPageSizeChange}\n            onPageChange={onPageChange}\n          />\n        </>\n      )}\n\n      {/* 扩展贡献的底部控件 */}\n      {footerExtras.length > 0 && (\n        <div className=\"flex flex-wrap items-center gap-3 mt-4\">\n          {footerExtras.map((item) => (\n            <React.Fragment key={item.name}>{item.node}</React.Fragment>\n          ))}\n        </div>\n      )}\n\n      {/* 扩展贡献的右键菜单 */}\n      {contextMenu && (\n        <ul\n          className=\"menu bg-base-100 rounded-box shadow-lg border border-base-300 z-1000 p-1\"\n          style={{\n            position: 'fixed',\n            top: contextMenu.y,\n            left: contextMenu.x,\n            minWidth: 160,\n          }}\n        >\n          {contextMenu.items.map((item) =>\n            item.separator ? (\n              <li key={item.key} className=\"my-1 border-t border-base-300\" />\n            ) : (\n              <li key={item.key}>\n                <button\n                  type=\"button\"\n                  disabled={item.disabled}\n                  onClick={() => {\n                    item.onSelect?.(contextMenu.ctx);\n                    setContextMenu(null);\n                  }}\n                >\n                  {item.label}\n                </button>\n              </li>\n            ),\n          )}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nexport default DataTable;\n"],"mappings":"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"}