dishui 0.0.84 → 0.0.91

package/dist/components/pro/DataTable/tanstack-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"tanstack-table.js","names":[],"sources":["../../../../src/components/pro/DataTable/tanstack-table.ts"],"sourcesContent":["/**\n * TanStack Table v9 适配层（全面使用 v9 原生 API）。\n *\n * DishUI 的 DataTable 现已全面迁移到 TanStack Table v9 的原生 API：\n *   - `useTable` + `tableFeatures({...})` 显式注册特性与 row model 工厂；\n *   - row model 通过 `createCoreRowModel()` / `createSortedRowModel()` 等工厂注册；\n *   - 使用 `table.state`（而非 v8 的 `table.getState()`）读取状态；\n *   - 列定义的自定义排序使用 `sortFn`（v8 为 `sortingFn`）。\n *\n * 本模块把 v9 的多泛型类型（`<TFeatures, TData, TValue>`）用 `StockFeatures`\n * 预绑定成单泛型别名（`ColumnDef<T>`、`Row<T>`、`Table<T>` 等），让上层代码\n * 保持简洁；同时保留一个 v8 命名习惯的 `useReactTable` 包装器，内部把\n * 「row model 工厂」组装进 v9 的 `features`，从而对调用方屏蔽 v9 的 `features`\n * 组装细节。请始终从本模块导入表格相关类型与工具，而不要直接依赖\n * `@tanstack/react-table`。\n */\nimport {\n  useTable,\n  flexRender,\n  tableFeatures,\n  type ReactTable,\n  // 核心特性\n  coreFeatures,\n  // 各功能特性\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  // row model 工厂\n  createCoreRowModel,\n  createFilteredRowModel,\n  createSortedRowModel,\n  createPaginatedRowModel,\n  createExpandedRowModel,\n} from '@tanstack/react-table';\nimport type {\n  RowData,\n  OnChangeFn,\n  Updater,\n  CellContext as CoreCellContext,\n  HeaderContext as CoreHeaderContext,\n  // 状态类型\n  SortingState,\n  ColumnFiltersState,\n  RowSelectionState,\n  PaginationState,\n  ColumnOrderState,\n  ExpandedState,\n  ColumnVisibilityState,\n  // 多泛型类型（用 StockFeatures 预绑定为单泛型别名）\n  StockFeatures,\n  Column as CoreColumn,\n  ColumnDef as CoreColumnDef,\n  Row as CoreRow,\n  Cell as CoreCell,\n  Header as CoreHeader,\n  HeaderGroup as CoreHeaderGroup,\n  SortFnOption,\n  SortFn as CoreSortFn,\n  FilterFn as CoreFilterFn,\n  ColumnMeta as CoreColumnMeta,\n  TableOptions,\n} from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nexport { flexRender, useTable, tableFeatures };\n\n/**\n * 一个包含全部常用特性 + row model 工厂的默认 features 预设。\n * `useReactTable` 会用它作为默认 `features`，因此调用方无需手动组装。\n * （内部常量：其推断类型引用了 table-core 的内部路径，不对外导出以避免\n * 声明文件的可移植性问题；对外通过 `DishUITableFeatures` 类型别名暴露。）\n */\nconst dishuiTableFeatures = tableFeatures({\n  ...coreFeatures,\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  coreRowModel: createCoreRowModel(),\n  filteredRowModel: createFilteredRowModel(),\n  sortedRowModel: createSortedRowModel(),\n  paginatedRowModel: createPaginatedRowModel(),\n  expandedRowModel: createExpandedRowModel(),\n});\n\nexport type DishUITableFeatures = StockFeatures;\n\n// v9 原生 row model 工厂再导出（供需要精细控制 features 的调用方使用）。\nexport {\n  coreFeatures,\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  createCoreRowModel,\n  createFilteredRowModel,\n  createSortedRowModel,\n  createPaginatedRowModel,\n  createExpandedRowModel,\n};\n\n// 单泛型（StockFeatures 预绑定）类型别名，保持上层简洁。\n// `Table` 映射到 `useTable` 返回的 ReactTable（具备 `.state` / `.FlexRender`）。\nexport type Table<TData extends RowData> = ReactTable<DishUITableFeatures, TData>;\nexport type Column<TData extends RowData, TValue = unknown> = CoreColumn<DishUITableFeatures, TData, TValue>;\nexport type ColumnDef<TData extends RowData, TValue = unknown> = CoreColumnDef<DishUITableFeatures, TData, TValue>;\nexport type Row<TData extends RowData> = CoreRow<DishUITableFeatures, TData>;\nexport type Cell<TData extends RowData, TValue = unknown> = CoreCell<DishUITableFeatures, TData, TValue>;\nexport type Header<TData extends RowData, TValue = unknown> = CoreHeader<DishUITableFeatures, TData, TValue>;\nexport type HeaderGroup<TData extends RowData> = CoreHeaderGroup<DishUITableFeatures, TData>;\nexport type CellContext<TData extends RowData, TValue = unknown> = CoreCellContext<DishUITableFeatures, TData, TValue>;\nexport type HeaderContext<TData extends RowData, TValue = unknown> = CoreHeaderContext<DishUITableFeatures, TData, TValue>;\n\n// 状态类型（沿用 v8 惯用命名）。\nexport type {\n  SortingState,\n  ColumnFiltersState,\n  RowSelectionState,\n  PaginationState,\n  ColumnOrderState,\n  ExpandedState,\n  OnChangeFn,\n  Updater,\n  RowData,\n};\n\n/** v8 `VisibilityState` -> v9 `ColumnVisibilityState`。 */\nexport type VisibilityState = ColumnVisibilityState;\n\n/** 列的自定义排序函数（v9：`sortFn`）。 */\nexport type SortingFnOption<TData extends RowData> = SortFnOption<DishUITableFeatures, TData>;\nexport type SortingFn<TData extends RowData> = CoreSortFn<DishUITableFeatures, TData>;\nexport type FilterFn<TData extends RowData> = CoreFilterFn<DishUITableFeatures, TData>;\nexport type ColumnMeta<TData extends RowData, TValue = unknown> = CoreColumnMeta<DishUITableFeatures, TData, TValue>;\n\n/**\n * v8 命名习惯的表格 hook 包装器。\n *\n * 接收「已经组装好的」表格选项（不含 `features`），自动注入 DishUI 的默认\n * `features` 预设（含 core + 全部常用特性 + row model 工厂），返回 v9 原生\n * 的 `useTable` 实例。若需自定义排序/筛选函数注册表，可通过 `sortFns` /\n * `filterFns` 传入（会并入 features）。\n */\nexport function useReactTable<TData extends RowData>(\n  options: Omit<TableOptions<DishUITableFeatures, TData>, 'features'> & {\n    /** 自定义排序函数注册表（v9：合入 features 的 sortFns）。 */\n    sortFns?: Record<string, SortingFn<TData>>;\n    /** 自定义筛选函数注册表（v9：合入 features 的 filterFns）。 */\n    filterFns?: Record<string, FilterFn<TData>>;\n  },\n): Table<TData> {\n  const { sortFns, filterFns, ...rest } = options;\n\n  const features = useMemo(() => {\n    if (!sortFns && !filterFns) return dishuiTableFeatures;\n    const merged: Record<string, unknown> = {\n      ...coreFeatures,\n      columnFilteringFeature,\n      columnOrderingFeature,\n      columnVisibilityFeature,\n      globalFilteringFeature,\n      rowSortingFeature,\n      rowPaginationFeature,\n      rowSelectionFeature,\n      rowExpandingFeature,\n      coreRowModel: createCoreRowModel(),\n      filteredRowModel: createFilteredRowModel(),\n      sortedRowModel: createSortedRowModel(),\n      paginatedRowModel: createPaginatedRowModel(),\n      expandedRowModel: createExpandedRowModel(),\n    };\n    if (sortFns) merged.sortFns = sortFns;\n    if (filterFns) merged.filterFns = filterFns;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return tableFeatures(merged as any);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sortFns, filterFns]);\n\n  return useTable<DishUITableFeatures, TData>({\n    features,\n    ...rest,\n  } as TableOptions<DishUITableFeatures, TData>) as unknown as Table<TData>;\n}\n"],"mappings":";;;AA6EA,IAAM,IAAsB,EAAc;CACxC,GAAG;CACH;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,cAAc,EAAmB;CACjC,kBAAkB,EAAuB;CACzC,gBAAgB,EAAqB;CACrC,mBAAmB,EAAwB;CAC3C,kBAAkB,EAAuB;AAC3C,CAAC;AAgED,SAAgB,EACd,GAMc;CACd,IAAM,EAAE,YAAS,cAAW,GAAG,MAAS,GAElC,IAAW,QAAc;EAC7B,IAAI,CAAC,KAAW,CAAC,GAAW,OAAO;EACnC,IAAM,IAAkC;GACtC,GAAG;GACH;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,EAAmB;GACjC,kBAAkB,EAAuB;GACzC,gBAAgB,EAAqB;GACrC,mBAAmB,EAAwB;GAC3C,kBAAkB,EAAuB;EAC3C;EAIA,OAHI,MAAS,EAAO,UAAU,IAC1B,MAAW,EAAO,YAAY,IAE3B,EAAc,CAAa;CAEpC,GAAG,CAAC,GAAS,CAAS,CAAC;CAEvB,OAAO,EAAqC;EAC1C;EACA,GAAG;CACL,CAA6C;AAC/C"}
+{"version":3,"file":"tanstack-table.js","names":[],"sources":["../../../../src/components/pro/DataTable/tanstack-table.ts"],"sourcesContent":["/**\n * TanStack Table v9 适配层（全面使用 v9 原生 API）。\n *\n * DishUI 的 DataTable 现已全面迁移到 TanStack Table v9 的原生 API：\n *   - `useTable` + `tableFeatures({...})` 显式注册特性与 row model 工厂；\n *   - row model 通过 `createCoreRowModel()` / `createSortedRowModel()` 等工厂注册；\n *   - 使用 `table.state`（而非 v8 的 `table.getState()`）读取状态；\n *   - 列定义的自定义排序使用 `sortFn`（v8 为 `sortingFn`）。\n *\n * 本模块把 v9 的多泛型类型（`<TFeatures, TData, TValue>`）用 `StockFeatures`\n * 预绑定成单泛型别名（`ColumnDef<T>`、`Row<T>`、`Table<T>` 等），让上层代码\n * 保持简洁；同时保留一个 v8 命名习惯的 `useReactTable` 包装器，内部把\n * 「row model 工厂」组装进 v9 的 `features`，从而对调用方屏蔽 v9 的 `features`\n * 组装细节。请始终从本模块导入表格相关类型与工具，而不要直接依赖\n * `@tanstack/react-table`。\n */\nimport {\n  useTable,\n  flexRender,\n  sortFns as builtInSortFns,\n  filterFns as builtInFilterFns,\n  tableFeatures,\n  type ReactTable,\n  // 核心特性\n  coreFeatures,\n  // 各功能特性\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  // row model 工厂\n  createCoreRowModel,\n  createFilteredRowModel,\n  createSortedRowModel,\n  createPaginatedRowModel,\n  createExpandedRowModel,\n} from '@tanstack/react-table';\nimport type {\n  RowData,\n  OnChangeFn,\n  Updater,\n  CellContext as CoreCellContext,\n  HeaderContext as CoreHeaderContext,\n  // 状态类型\n  SortingState,\n  ColumnFiltersState,\n  RowSelectionState,\n  PaginationState,\n  ColumnOrderState,\n  ExpandedState,\n  ColumnVisibilityState,\n  // 多泛型类型（用 StockFeatures 预绑定为单泛型别名）\n  StockFeatures,\n  Column as CoreColumn,\n  ColumnDef as CoreColumnDef,\n  Row as CoreRow,\n  Cell as CoreCell,\n  Header as CoreHeader,\n  HeaderGroup as CoreHeaderGroup,\n  SortFnOption,\n  SortFn as CoreSortFn,\n  FilterFn as CoreFilterFn,\n  ColumnMeta as CoreColumnMeta,\n  TableOptions,\n} from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nexport { flexRender, useTable, tableFeatures, builtInSortFns };\n\n/**\n * 一个包含全部常用特性 + row model 工厂的默认 features 预设。\n * `useReactTable` 会用它作为默认 `features`，因此调用方无需手动组装。\n * （内部常量：其推断类型引用了 table-core 的内部路径，不对外导出以避免\n * 声明文件的可移植性问题；对外通过 `DishUITableFeatures` 类型别名暴露。）\n */\nconst dishuiTableFeatures = tableFeatures({\n  ...coreFeatures,\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  sortFns: builtInSortFns,\n  filterFns: builtInFilterFns,\n  coreRowModel: createCoreRowModel(),\n  filteredRowModel: createFilteredRowModel(),\n  sortedRowModel: createSortedRowModel(),\n  paginatedRowModel: createPaginatedRowModel(),\n  expandedRowModel: createExpandedRowModel(),\n});\n\nexport type DishUITableFeatures = StockFeatures;\n\n// v9 原生 row model 工厂再导出（供需要精细控制 features 的调用方使用）。\nexport {\n  coreFeatures,\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  createCoreRowModel,\n  createFilteredRowModel,\n  createSortedRowModel,\n  createPaginatedRowModel,\n  createExpandedRowModel,\n};\n\n// 单泛型（StockFeatures 预绑定）类型别名，保持上层简洁。\n// `Table` 映射到 `useTable` 返回的 ReactTable（具备 `.state` / `.FlexRender`）。\nexport type Table<TData extends RowData> = ReactTable<DishUITableFeatures, TData>;\nexport type Column<TData extends RowData, TValue = unknown> = CoreColumn<DishUITableFeatures, TData, TValue>;\nexport type ColumnDef<TData extends RowData, TValue = unknown> = CoreColumnDef<DishUITableFeatures, TData, TValue>;\nexport type Row<TData extends RowData> = CoreRow<DishUITableFeatures, TData>;\nexport type Cell<TData extends RowData, TValue = unknown> = CoreCell<DishUITableFeatures, TData, TValue>;\nexport type Header<TData extends RowData, TValue = unknown> = CoreHeader<DishUITableFeatures, TData, TValue>;\nexport type HeaderGroup<TData extends RowData> = CoreHeaderGroup<DishUITableFeatures, TData>;\nexport type CellContext<TData extends RowData, TValue = unknown> = CoreCellContext<DishUITableFeatures, TData, TValue>;\nexport type HeaderContext<TData extends RowData, TValue = unknown> = CoreHeaderContext<DishUITableFeatures, TData, TValue>;\n\n// 状态类型（沿用 v8 惯用命名）。\nexport type {\n  SortingState,\n  ColumnFiltersState,\n  RowSelectionState,\n  PaginationState,\n  ColumnOrderState,\n  ExpandedState,\n  OnChangeFn,\n  Updater,\n  RowData,\n};\n\n/** v8 `VisibilityState` -> v9 `ColumnVisibilityState`。 */\nexport type VisibilityState = ColumnVisibilityState;\n\n/** 列的自定义排序函数（v9：`sortFn`）。 */\nexport type SortingFnOption<TData extends RowData> = SortFnOption<DishUITableFeatures, TData>;\nexport type SortingFn<TData extends RowData> = CoreSortFn<DishUITableFeatures, TData>;\nexport type FilterFn<TData extends RowData> = CoreFilterFn<DishUITableFeatures, TData>;\nexport type ColumnMeta<TData extends RowData, TValue = unknown> = CoreColumnMeta<DishUITableFeatures, TData, TValue>;\n\n/**\n * v8 命名习惯的表格 hook 包装器。\n *\n * 接收「已经组装好的」表格选项（不含 `features`），自动注入 DishUI 的默认\n * `features` 预设（含 core + 全部常用特性 + row model 工厂），返回 v9 原生\n * 的 `useTable` 实例。若需自定义排序/筛选函数注册表，可通过 `sortFns` /\n * `filterFns` 传入（会并入 features）。\n */\nexport function useReactTable<TData extends RowData>(\n  options: Omit<TableOptions<DishUITableFeatures, TData>, 'features'> & {\n    /** 自定义排序函数注册表（v9：合入 features 的 sortFns）。 */\n    sortFns?: Record<string, SortingFn<TData>>;\n    /** 自定义筛选函数注册表（v9：合入 features 的 filterFns）。 */\n    filterFns?: Record<string, FilterFn<TData>>;\n  },\n): Table<TData> {\n  const { sortFns, filterFns, ...rest } = options;\n\n  const features = useMemo(() => {\n    if (!sortFns && !filterFns) return dishuiTableFeatures;\n    const merged: Record<string, unknown> = {\n      ...coreFeatures,\n      columnFilteringFeature,\n      columnOrderingFeature,\n      columnVisibilityFeature,\n      globalFilteringFeature,\n      rowSortingFeature,\n      rowPaginationFeature,\n      rowSelectionFeature,\n      rowExpandingFeature,\n      coreRowModel: createCoreRowModel(),\n      filteredRowModel: createFilteredRowModel(),\n      sortedRowModel: createSortedRowModel(),\n      paginatedRowModel: createPaginatedRowModel(),\n      expandedRowModel: createExpandedRowModel(),\n    };\n    merged.sortFns = { ...builtInSortFns, ...sortFns };\n    merged.filterFns = { ...builtInFilterFns, ...filterFns };\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return tableFeatures(merged as any);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sortFns, filterFns]);\n\n  return useTable<DishUITableFeatures, TData>({\n    features,\n    ...rest,\n  } as TableOptions<DishUITableFeatures, TData>) as unknown as Table<TData>;\n}\n"],"mappings":";;;AA+EA,IAAM,IAAsB,EAAc;CACxC,GAAG;CACH;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,SAAS;CACE;CACX,cAAc,EAAmB;CACjC,kBAAkB,EAAuB;CACzC,gBAAgB,EAAqB;CACrC,mBAAmB,EAAwB;CAC3C,kBAAkB,EAAuB;AAC3C,CAAC;AAgED,SAAgB,EACd,GAMc;CACd,IAAM,EAAE,YAAS,WAAA,GAAW,GAAG,MAAS,GAElC,IAAW,QAAc;EAC7B,IAAI,CAAC,KAAW,CAAC,GAAW,OAAO;EACnC,IAAM,IAAkC;GACtC,GAAG;GACH;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,EAAmB;GACjC,kBAAkB,EAAuB;GACzC,gBAAgB,EAAqB;GACrC,mBAAmB,EAAwB;GAC3C,kBAAkB,EAAuB;EAC3C;EAIA,OAHA,EAAO,UAAU;GAAE,GAAG;GAAgB,GAAG;EAAQ,GACjD,EAAO,YAAY;GAAE,GAAG;GAAkB,GAAG;EAAU,GAEhD,EAAc,CAAa;CAEpC,GAAG,CAAC,GAAS,CAAS,CAAC;CAEvB,OAAO,EAAqC;EAC1C;EACA,GAAG;CACL,CAA6C;AAC/C"}

package/dist/components/pro/DataTable/treeDataUtils.d.ts

@@ -2,6 +2,8 @@ import { Row } from './tanstack-table';
 export declare const treeRowAnimationStyles = "\n.tree-row-icon {\n  transition: transform 0.3s ease;\n}\n\n.tree-row-expanded .tree-row-icon {\n  transform: rotate(90deg);\n}\n";
 export declare function findAllChildRowIds<T>(row: any, parentId: string, subDataKey: string, getRowId?: (row: T, index: number) => string, prefix?: string): string[];
 export declare function flattenTreeData<T extends object>(items: T[], expandedRowsState: Record<string, boolean>, subDataKey: string, getRowId?: (row: T, index: number) => string, depth?: number, parentId?: string, isParentExpanded?: boolean, result?: any[], onlyTopLevel?: boolean): any[];
+/** Keep the hierarchy intact for TanStack's filter → sort → root-page → expand pipeline. */
+export declare function prepareTreeData<T extends object>(items: T[], expanded: Record<string, boolean>, subDataKey: string, getRowId?: (row: T, index: number) => string, depth?: number, parentId?: string): T[];
 export declare function createTreeSortingFns<T extends object>(): {
     treeSortAsc: (rowA: Row<T>, rowB: Row<T>, columnId: string) => number;
 };

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

@@ -2,32 +2,31 @@
 var e = "\n.tree-row-icon {\n  transition: transform 0.3s ease;\n}\n\n.tree-row-expanded .tree-row-icon {\n  transform: rotate(90deg);\n}\n";
 function t(e, n, r, i, a = "") {
 	let o = [], s = e[r];
-	return Array.isArray(s) && s.length > 0 && s.forEach((e, s) => {
-		let c = i ? i(e, s) : `${a}${n}_${s}`;
-		o.push(c);
-		let l = t(e, c, r, i, `${a}${n}_${s}_`);
-		o.push(...l);
+	return Array.isArray(s) && s.length > 0 && s.forEach((e, a) => {
+		let s = i ? i(e, a) : `${n}_${a}`;
+		o.push(s);
+		let c = t(e, s, r, i);
+		o.push(...c);
 	}), o;
 }
-function n(e, t, r, i, a = 0, o = "", s = !0, c = [], l = !1) {
-	return e.forEach((e, u) => {
-		let d = i ? i(e, u) : o ? `${o}_${u}` : `${u}`, f = {
+function n(e, t, r, i, a = 0, o = "") {
+	return e.map((e, s) => {
+		let c = i ? i(e, s) : a > 0 ? `${o}_${s}` : String(s), l = e[r], u = Array.isArray(l) ? l : [];
+		return {
 			...e,
-			__depth: a,
-			__id: d,
+			[r]: n(u, t, r, i, a + 1, c),
+			__id: c,
 			__parentId: o,
-			__hasChildren: Array.isArray(e[r]) && e[r].length > 0,
-			__isExpanded: t[d] || !1,
-			__childCount: Array.isArray(e[r]) ? e[r].length : 0
+			__depth: a,
+			__hasChildren: u.length > 0,
+			__childCount: u.length,
+			__isExpanded: t[c] || !1
 		};
-		l ? a === 0 && c.push(f) : (a === 0 || s) && c.push(f);
-		let p = t[d] || !1;
-		Array.isArray(e[r]) && e[r].length > 0 && p && !l && n(e[r], t, r, i, a + 1, d, s && p, c, l);
-	}), c;
+	});
 }
 function r() {
 	return { treeSortAsc: (e, t, n) => {
-		let r = e.original, i = t.original, a = r.__depth === void 0 ? 0 : r.__depth, o = i.__depth === void 0 ? 0 : i.__depth;
+		let r = e.original, i = t.original, a = e.depth ?? r.__depth ?? 0, o = t.depth ?? i.__depth ?? 0;
 		if (a !== o) return 0;
 		if (a === 0 && o === 0) {
 			let r = e.getValue(n), i = t.getValue(n);
@@ -37,6 +36,6 @@ function r() {
 	} };
 }
 //#endregion
-export { r as createTreeSortingFns, t as findAllChildRowIds, n as flattenTreeData, e as treeRowAnimationStyles };
+export { r as createTreeSortingFns, t as findAllChildRowIds, n as prepareTreeData, e as treeRowAnimationStyles };
 
 //# sourceMappingURL=treeDataUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"treeDataUtils.js","names":[],"sources":["../../../../src/components/pro/DataTable/treeDataUtils.ts"],"sourcesContent":["import { Row } from './tanstack-table';\n\nexport const treeRowAnimationStyles = `\n.tree-row-icon {\n  transition: transform 0.3s ease;\n}\n\n.tree-row-expanded .tree-row-icon {\n  transform: rotate(90deg);\n}\n`;\n\nexport function findAllChildRowIds<T>(\n  row: any,\n  parentId: string,\n  subDataKey: string,\n  getRowId?: (row: T, index: number) => string,\n  prefix: string = '',\n): string[] {\n  const childIds: string[] = [];\n  const subs = row[subDataKey];\n\n  if (Array.isArray(subs) && subs.length > 0) {\n    subs.forEach((subRow: any, index: number) => {\n      const childId = getRowId\n        ? getRowId(subRow, index)\n        : `${prefix}${parentId}_${index}`;\n\n      childIds.push(childId);\n\n      const subChildIds = findAllChildRowIds(\n        subRow, childId, subDataKey, getRowId, `${prefix}${parentId}_${index}_`,\n      );\n      childIds.push(...subChildIds);\n    });\n  }\n\n  return childIds;\n}\n\nexport function flattenTreeData<T extends object>(\n  items: T[],\n  expandedRowsState: Record<string, boolean>,\n  subDataKey: string,\n  getRowId?: (row: T, index: number) => string,\n  depth: number = 0,\n  parentId: string = '',\n  isParentExpanded: boolean = true,\n  result: any[] = [],\n  onlyTopLevel: boolean = false,\n) {\n  items.forEach((item: any, index: number) => {\n    const rowId = getRowId\n      ? getRowId(item, index)\n      : parentId ? `${parentId}_${index}` : `${index}`;\n\n    const rowWithMeta = {\n      ...item,\n      __depth: depth,\n      __id: rowId,\n      __parentId: parentId,\n      __hasChildren: Array.isArray(item[subDataKey]) && item[subDataKey].length > 0,\n      __isExpanded: expandedRowsState[rowId] || false,\n      __childCount: Array.isArray(item[subDataKey]) ? item[subDataKey].length : 0,\n    };\n\n    if (onlyTopLevel) {\n      if (depth === 0) result.push(rowWithMeta);\n    } else {\n      if (depth === 0 || isParentExpanded) result.push(rowWithMeta);\n    }\n\n    const isExpanded = expandedRowsState[rowId] || false;\n    if (Array.isArray(item[subDataKey]) && item[subDataKey].length > 0 && isExpanded && !onlyTopLevel) {\n      flattenTreeData(\n        item[subDataKey], expandedRowsState, subDataKey, getRowId,\n        depth + 1, rowId, isParentExpanded && isExpanded, result, onlyTopLevel,\n      );\n    }\n  });\n\n  return result;\n}\n\nexport function createTreeSortingFns<T extends object>() {\n  return {\n    treeSortAsc: (rowA: Row<T>, rowB: Row<T>, columnId: string) => {\n      const valueA = rowA.original as any;\n      const valueB = rowB.original as any;\n\n      const depthA = valueA.__depth !== undefined ? valueA.__depth : 0;\n      const depthB = valueB.__depth !== undefined ? valueB.__depth : 0;\n\n      if (depthA !== depthB) return 0;\n\n      if (depthA === 0 && depthB === 0) {\n        const colA = rowA.getValue(columnId);\n        const colB = rowB.getValue(columnId);\n\n        if (colA === colB) return 0;\n        if (colA == null) return -1;\n        if (colB == null) return 1;\n\n        if (typeof colA === 'number' && typeof colB === 'number') {\n          return colA - colB;\n        }\n        if (colA instanceof Date && colB instanceof Date) {\n          return colA.getTime() - colB.getTime();\n        }\n        return String(colA).localeCompare(String(colB));\n      }\n\n      return 0;\n    },\n  };\n}\n"],"mappings":";AAEA,IAAa,IAAyB;AAUtC,SAAgB,EACd,GACA,GACA,GACA,GACA,IAAiB,IACP;CACV,IAAM,IAAqB,CAAC,GACtB,IAAO,EAAI;CAiBjB,OAfI,MAAM,QAAQ,CAAI,KAAK,EAAK,SAAS,KACvC,EAAK,SAAS,GAAa,MAAkB;EAC3C,IAAM,IAAU,IACZ,EAAS,GAAQ,CAAK,IACtB,GAAG,IAAS,EAAS,GAAG;EAE5B,EAAS,KAAK,CAAO;EAErB,IAAM,IAAc,EAClB,GAAQ,GAAS,GAAY,GAAU,GAAG,IAAS,EAAS,GAAG,EAAM,EACvE;EACA,EAAS,KAAK,GAAG,CAAW;CAC9B,CAAC,GAGI;AACT;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACA,IAAgB,GAChB,IAAmB,IACnB,IAA4B,IAC5B,IAAgB,CAAC,GACjB,IAAwB,IACxB;CA+BA,OA9BA,EAAM,SAAS,GAAW,MAAkB;EAC1C,IAAM,IAAQ,IACV,EAAS,GAAM,CAAK,IACpB,IAAW,GAAG,EAAS,GAAG,MAAU,GAAG,KAErC,IAAc;GAClB,GAAG;GACH,SAAS;GACT,MAAM;GACN,YAAY;GACZ,eAAe,MAAM,QAAQ,EAAK,EAAW,KAAK,EAAK,EAAW,CAAC,SAAS;GAC5E,cAAc,EAAkB,MAAU;GAC1C,cAAc,MAAM,QAAQ,EAAK,EAAW,IAAI,EAAK,EAAW,CAAC,SAAS;EAC5E;EAEA,AAAI,IACE,MAAU,KAAG,EAAO,KAAK,CAAW,KAEpC,MAAU,KAAK,MAAkB,EAAO,KAAK,CAAW;EAG9D,IAAM,IAAa,EAAkB,MAAU;EAC/C,AAAI,MAAM,QAAQ,EAAK,EAAW,KAAK,EAAK,EAAW,CAAC,SAAS,KAAK,KAAc,CAAC,KACnF,EACE,EAAK,IAAa,GAAmB,GAAY,GACjD,IAAQ,GAAG,GAAO,KAAoB,GAAY,GAAQ,CAC5D;CAEJ,CAAC,GAEM;AACT;AAEA,SAAgB,IAAyC;CACvD,OAAO,EACL,cAAc,GAAc,GAAc,MAAqB;EAC7D,IAAM,IAAS,EAAK,UACd,IAAS,EAAK,UAEd,IAAS,EAAO,YAAY,KAAA,IAA6B,IAAjB,EAAO,SAC/C,IAAS,EAAO,YAAY,KAAA,IAA6B,IAAjB,EAAO;EAErD,IAAI,MAAW,GAAQ,OAAO;EAE9B,IAAI,MAAW,KAAK,MAAW,GAAG;GAChC,IAAM,IAAO,EAAK,SAAS,CAAQ,GAC7B,IAAO,EAAK,SAAS,CAAQ;GAYnC,OAVI,MAAS,IAAa,IACtB,KAAQ,OAAa,KACrB,KAAQ,OAAa,IAErB,OAAO,KAAS,YAAY,OAAO,KAAS,WACvC,IAAO,IAEZ,aAAgB,QAAQ,aAAgB,OACnC,EAAK,QAAQ,IAAI,EAAK,QAAQ,IAEhC,OAAO,CAAI,CAAC,CAAC,cAAc,OAAO,CAAI,CAAC;EAChD;EAEA,OAAO;CACT,EACF;AACF"}
+{"version":3,"file":"treeDataUtils.js","names":[],"sources":["../../../../src/components/pro/DataTable/treeDataUtils.ts"],"sourcesContent":["import { Row } from './tanstack-table';\n\nexport const treeRowAnimationStyles = `\n.tree-row-icon {\n  transition: transform 0.3s ease;\n}\n\n.tree-row-expanded .tree-row-icon {\n  transform: rotate(90deg);\n}\n`;\n\nexport function findAllChildRowIds<T>(\n  row: any,\n  parentId: string,\n  subDataKey: string,\n  getRowId?: (row: T, index: number) => string,\n  prefix: string = '',\n): string[] {\n  const childIds: string[] = [];\n  const subs = row[subDataKey];\n\n  if (Array.isArray(subs) && subs.length > 0) {\n    subs.forEach((subRow: any, index: number) => {\n      const childId = getRowId\n        ? getRowId(subRow, index)\n        : `${parentId}_${index}`;\n\n      childIds.push(childId);\n\n      const subChildIds = findAllChildRowIds(\n        subRow, childId, subDataKey, getRowId,\n      );\n      childIds.push(...subChildIds);\n    });\n  }\n\n  return childIds;\n}\n\nexport function flattenTreeData<T extends object>(\n  items: T[],\n  expandedRowsState: Record<string, boolean>,\n  subDataKey: string,\n  getRowId?: (row: T, index: number) => string,\n  depth: number = 0,\n  parentId: string = '',\n  isParentExpanded: boolean = true,\n  result: any[] = [],\n  onlyTopLevel: boolean = false,\n) {\n  items.forEach((item: any, index: number) => {\n    const rowId = getRowId\n      ? getRowId(item, index)\n      : parentId ? `${parentId}_${index}` : `${index}`;\n\n    const rowWithMeta = {\n      ...item,\n      __depth: depth,\n      __id: rowId,\n      __parentId: parentId,\n      __hasChildren: Array.isArray(item[subDataKey]) && item[subDataKey].length > 0,\n      __isExpanded: expandedRowsState[rowId] || false,\n      __childCount: Array.isArray(item[subDataKey]) ? item[subDataKey].length : 0,\n    };\n\n    if (onlyTopLevel) {\n      if (depth === 0) result.push(rowWithMeta);\n    } else {\n      if (depth === 0 || isParentExpanded) result.push(rowWithMeta);\n    }\n\n    const isExpanded = expandedRowsState[rowId] || false;\n    if (Array.isArray(item[subDataKey]) && item[subDataKey].length > 0 && isExpanded && !onlyTopLevel) {\n      flattenTreeData(\n        item[subDataKey], expandedRowsState, subDataKey, getRowId,\n        depth + 1, rowId, isParentExpanded && isExpanded, result, onlyTopLevel,\n      );\n    }\n  });\n\n  return result;\n}\n\n/** Keep the hierarchy intact for TanStack's filter → sort → root-page → expand pipeline. */\nexport function prepareTreeData<T extends object>(\n  items: T[],\n  expanded: Record<string, boolean>,\n  subDataKey: string,\n  getRowId?: (row: T, index: number) => string,\n  depth = 0,\n  parentId = '',\n): T[] {\n  return items.map((item, index) => {\n    const id = getRowId ? getRowId(item, index) : depth > 0 ? `${parentId}_${index}` : String(index);\n    const children = (item as Record<string, unknown>)[subDataKey];\n    const subs = Array.isArray(children) ? children as T[] : [];\n    return {\n      ...item,\n      [subDataKey]: prepareTreeData(subs, expanded, subDataKey, getRowId, depth + 1, id),\n      __id: id,\n      __parentId: parentId,\n      __depth: depth,\n      __hasChildren: subs.length > 0,\n      __childCount: subs.length,\n      __isExpanded: expanded[id] || false,\n    };\n  });\n}\n\nexport function createTreeSortingFns<T extends object>() {\n  return {\n    treeSortAsc: (rowA: Row<T>, rowB: Row<T>, columnId: string) => {\n      const valueA = rowA.original as any;\n      const valueB = rowB.original as any;\n\n      const depthA = rowA.depth ?? valueA.__depth ?? 0;\n      const depthB = rowB.depth ?? valueB.__depth ?? 0;\n\n      if (depthA !== depthB) return 0;\n\n      if (depthA === 0 && depthB === 0) {\n        const colA = rowA.getValue(columnId);\n        const colB = rowB.getValue(columnId);\n\n        if (colA === colB) return 0;\n        if (colA == null) return -1;\n        if (colB == null) return 1;\n\n        if (typeof colA === 'number' && typeof colB === 'number') {\n          return colA - colB;\n        }\n        if (colA instanceof Date && colB instanceof Date) {\n          return colA.getTime() - colB.getTime();\n        }\n        return String(colA).localeCompare(String(colB));\n      }\n\n      return 0;\n    },\n  };\n}\n"],"mappings":";AAEA,IAAa,IAAyB;AAUtC,SAAgB,EACd,GACA,GACA,GACA,GACA,IAAiB,IACP;CACV,IAAM,IAAqB,CAAC,GACtB,IAAO,EAAI;CAiBjB,OAfI,MAAM,QAAQ,CAAI,KAAK,EAAK,SAAS,KACvC,EAAK,SAAS,GAAa,MAAkB;EAC3C,IAAM,IAAU,IACZ,EAAS,GAAQ,CAAK,IACtB,GAAG,EAAS,GAAG;EAEnB,EAAS,KAAK,CAAO;EAErB,IAAM,IAAc,EAClB,GAAQ,GAAS,GAAY,CAC/B;EACA,EAAS,KAAK,GAAG,CAAW;CAC9B,CAAC,GAGI;AACT;AA+CA,SAAgB,EACd,GACA,GACA,GACA,GACA,IAAQ,GACR,IAAW,IACN;CACL,OAAO,EAAM,KAAK,GAAM,MAAU;EAChC,IAAM,IAAK,IAAW,EAAS,GAAM,CAAK,IAAI,IAAQ,IAAI,GAAG,EAAS,GAAG,MAAU,OAAO,CAAK,GACzF,IAAY,EAAiC,IAC7C,IAAO,MAAM,QAAQ,CAAQ,IAAI,IAAkB,CAAC;EAC1D,OAAO;GACL,GAAG;IACF,IAAa,EAAgB,GAAM,GAAU,GAAY,GAAU,IAAQ,GAAG,CAAE;GACjF,MAAM;GACN,YAAY;GACZ,SAAS;GACT,eAAe,EAAK,SAAS;GAC7B,cAAc,EAAK;GACnB,cAAc,EAAS,MAAO;EAChC;CACF,CAAC;AACH;AAEA,SAAgB,IAAyC;CACvD,OAAO,EACL,cAAc,GAAc,GAAc,MAAqB;EAC7D,IAAM,IAAS,EAAK,UACd,IAAS,EAAK,UAEd,IAAS,EAAK,SAAS,EAAO,WAAW,GACzC,IAAS,EAAK,SAAS,EAAO,WAAW;EAE/C,IAAI,MAAW,GAAQ,OAAO;EAE9B,IAAI,MAAW,KAAK,MAAW,GAAG;GAChC,IAAM,IAAO,EAAK,SAAS,CAAQ,GAC7B,IAAO,EAAK,SAAS,CAAQ;GAYnC,OAVI,MAAS,IAAa,IACtB,KAAQ,OAAa,KACrB,KAAQ,OAAa,IAErB,OAAO,KAAS,YAAY,OAAO,KAAS,WACvC,IAAO,IAEZ,aAAgB,QAAQ,aAAgB,OACnC,EAAK,QAAQ,IAAI,EAAK,QAAQ,IAEhC,OAAO,CAAI,CAAC,CAAC,cAAc,OAAO,CAAI,CAAC;EAChD;EAEA,OAAO;CACT,EACF;AACF"}

package/dist/components/pro/DataTable/types.d.ts

@@ -1,6 +1,12 @@
 import React from 'react';
 import { ColumnDef, ColumnFiltersState, SortingState, VisibilityState, RowSelectionState, Column } from './tanstack-table';
 import type { DataTableExtension } from './extension';
+import type { TableCardOptions } from '../../Table';
+export type DataTableViewMode = 'table' | 'card';
+export interface DataTableCardOptions extends TableCardOptions {
+    /** 覆盖卡片字段标签；默认使用字符串列标题，否则使用列 ID。null 隐藏标签。 */
+    fieldLabels?: Record<string, React.ReactNode>;
+}
 export type CellEventHandler = (row: any, column: any, event: React.MouseEvent) => void;
 export type RowEventHandler = (row: any, event: React.MouseEvent) => void;
 export type ColumnEventHandler = (column: any, event: React.MouseEvent) => void;
@@ -40,20 +46,40 @@ export interface DataTableProps<T extends object> {
     data: T[];
     columns: ColumnDef<T, any>[];
     className?: string;
+    /** 传入即受控；未提供 onViewModeChange 时只读。 */
+    viewMode?: DataTableViewMode;
+    /** 默认 table，仅用于初始化非受控视图。 */
+    defaultViewMode?: DataTableViewMode;
+    onViewModeChange?: (viewMode: DataTableViewMode) => void;
+    /** 默认 false；独立于 toolbar.enabled，扩展接管主体时不显示。 */
+    enableViewSwitcher?: boolean;
+    viewSwitcherLabels?: {
+        label?: string;
+        table?: string;
+        card?: string;
+    };
+    cardOptions?: DataTableCardOptions;
     enableSorting?: boolean;
     enableFiltering?: boolean;
     enablePagination?: boolean;
     enableSelection?: boolean;
     enableColumnReordering?: boolean;
     enableColumnResizing?: boolean;
+    /** 跳过本地筛选；服务端分页时始终跳过。 */
     manualFiltering?: boolean;
+    /** 跳过本地排序；服务端分页时始终跳过。 */
+    manualSorting?: boolean;
+    /** 按根节点分页，展开后代不占页大小。默认仅对根节点筛选，保留匹配根的整个子树。 */
     enableExpanding?: boolean;
     subDataKey?: string;
     onRowExpand?: ExpandRowHandler;
     expandedRows?: Record<string, boolean>;
+    defaultExpandedRows?: Record<string, boolean>;
     onExpandedRowsChange?: (expandedRows: Record<string, boolean>) => void;
+    /** 必须全表唯一；服务端分页/数据重排时应提供稳定业务 ID。默认 ID 是输入索引（子行用父 ID_index）。 */
     getRowId?: (row: T, index: number) => string;
     indentSize?: number;
+    /** 默认 true：只排序根节点，后代保持输入顺序。false：逐层排序同级节点，仍保持树结构。 */
     enableTreeSort?: boolean;
     toolbar?: ToolbarOptions;
     customFilterPanel?: React.ComponentType<CustomFilterPanelProps>;
@@ -71,19 +97,36 @@ export interface DataTableProps<T extends object> {
     onTableClick?: TableEventHandler;
     onTableMouseEnter?: TableEventHandler;
     onTableMouseLeave?: TableEventHandler;
+    /** 默认 false：data 是完整客户端数据，先筛选/排序再分页。
+     * true：data 已由服务端完成筛选/排序/分页，不再做本地转换；需提供 rowCount 或 pageCount。
+     * enablePagination=false 只关闭本地切片和分页控件，不取消 manual* 的含义。
+     */
+    manualPagination?: boolean;
+    /** 服务端筛选后的根节点总数；仅 manualPagination 时使用。 */
+    rowCount?: number;
+    /** 服务端总页数，优先于 rowCount；必须是非负整数（不支持未知总页数 -1）。 */
+    pageCount?: number;
     pageSize?: number;
+    defaultPageSize?: number;
+    /** 从 0 开始。客户端非受控页码在数据缩短时夹到最后一页；受控页码由父组件负责保持有效。 */
     pageIndex?: number;
+    defaultPageIndex?: number;
     onPageChange?: (page: number) => void;
     onPageSizeChange?: (pageSize: number) => void;
     selectedRows?: RowSelectionState;
+    defaultSelectedRows?: RowSelectionState;
     onRowSelectionChange?: (selectedRows: RowSelectionState) => void;
     sortingState?: SortingState;
+    defaultSortingState?: SortingState;
     onSortingChange?: (sortingState: SortingState) => void;
     columnFilters?: ColumnFiltersState;
+    defaultColumnFilters?: ColumnFiltersState;
     onColumnFiltersChange?: (columnFilters: ColumnFiltersState) => void;
     columnVisibility?: VisibilityState;
+    defaultColumnVisibility?: VisibilityState;
     onColumnVisibilityChange?: (columnVisibility: VisibilityState) => void;
     columnOrder?: string[];
+    defaultColumnOrder?: string[];
     onColumnOrderChange?: (columnOrder: string[]) => void;
     extensions?: DataTableExtension<T>[];
 }

package/dist/components/pro/DataTable/useDataTableModel.d.ts

@@ -0,0 +1,16 @@
+import { type PaginationState, type Updater } from './tanstack-table';
+import type { DataTableProps } from './types';
+/** Shared by the view and executable row-model regression tests. */
+export declare function useDataTableModel<T extends object>(props: DataTableProps<T>): {
+    table: import("./tanstack-table").Table<T>;
+    rowSelection: import("@tanstack/table-core").RowSelectionState;
+    visibilityState: import("@tanstack/table-core").ColumnVisibilityState;
+    columnOrderState: string[];
+    setColumnOrderState: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    expandedRowsState: Record<string, boolean>;
+    handleRowExpand: (rowId: string, row: T) => void;
+    resolveRowId: (row: T, index: number) => string;
+    internalPageIndex: number;
+    internalPageSize: number;
+    handlePaginationChange: (updater: Updater<PaginationState>) => void;
+};

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

@@ -0,0 +1,148 @@
+import { builtInSortFns as e, useReactTable as t } from "./tanstack-table.js";
+import { createTreeSortingFns as n, findAllChildRowIds as r, prepareTreeData as i } from "./treeDataUtils.js";
+import { deepEqual as a, useControllableState as o } from "../../../hooks/useControllableState.js";
+import { useCallback as s, useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d } from "react";
+//#region src/components/pro/DataTable/useDataTableModel.ts
+function f(e, t, n = 0) {
+	if (!Number.isSafeInteger(t) || t < n) throw RangeError(`DataTable: ${e} must be an integer >= ${n}.`);
+}
+function p(p) {
+	let { data: m, columns: h, getRowId: g, subDataKey: _ = "subs", enableExpanding: v = !1, enableTreeSort: y = !0, enablePagination: b = !0, manualPagination: x = !1, enableSorting: S = !0, enableFiltering: C = !0, enableSelection: w = !0, manualSorting: T = !1, manualFiltering: E = !1, rowCount: D, pageCount: O } = p, [k, A] = o(p.sortingState, p.onSortingChange, a, p.defaultSortingState ?? []), [j, M] = o(p.selectedRows, p.onRowSelectionChange, a, p.defaultSelectedRows ?? {}), [N, P] = o(p.columnFilters, p.onColumnFiltersChange, a, p.defaultColumnFilters ?? []), [F, I] = o(p.columnVisibility, p.onColumnVisibilityChange, a, p.defaultColumnVisibility ?? {}), [L, R] = o(p.columnOrder, p.onColumnOrderChange, a, p.defaultColumnOrder ?? []), [z, B] = o(p.expandedRows, p.onExpandedRowsChange, a, p.defaultExpandedRows ?? {}), [V, H] = o(p.pageIndex, p.onPageChange, Object.is, p.defaultPageIndex ?? 0), [U, W] = o(p.pageSize, p.onPageSizeChange, Object.is, p.defaultPageSize ?? 10);
+	if (f("pageIndex", V), f("pageSize", U, 1), x && (D !== void 0 && f("rowCount", D), O !== void 0 && f("pageCount", O), b && D === void 0 && O === void 0)) throw Error("DataTable: manualPagination requires rowCount or pageCount.");
+	let G = u(() => v ? i(m, z, _, g) : m, [
+		m,
+		v,
+		z,
+		_,
+		g
+	]), K = u(() => {
+		if (!v || !y) return h;
+		let t = n().treeSortAsc, r = (n) => n.map((n) => {
+			if ("columns" in n) return {
+				...n,
+				columns: r(n.columns ?? [])
+			};
+			if (n.enableSorting === !1) return n;
+			let i = n.sortFn, a = typeof i == "function" ? i : i && i !== "auto" ? e[i] : t;
+			return {
+				...n,
+				sortUndefined: !1,
+				sortFn: (e, n, r) => e.depth > 0 || n.depth > 0 ? 0 : (a ?? t)(e, n, r)
+			};
+		});
+		return r(h);
+	}, [
+		h,
+		v,
+		y
+	]), q = {
+		pageIndex: V,
+		pageSize: U
+	}, J = d(q);
+	l(() => {
+		J.current = q;
+	});
+	let Y = s((e) => {
+		let t = J.current, n = typeof e == "function" ? e(t) : e;
+		f("pageIndex", n.pageIndex), f("pageSize", n.pageSize, 1), J.current = {
+			pageIndex: p.pageIndex === void 0 ? n.pageIndex : t.pageIndex,
+			pageSize: p.pageSize === void 0 ? n.pageSize : t.pageSize
+		}, W(n.pageSize), H(n.pageIndex);
+	}, [
+		p.pageIndex,
+		p.pageSize,
+		H,
+		W
+	]), X = t({
+		data: G,
+		columns: K,
+		getRowId: (e, t) => v ? String(e.__id) : g?.(e, t) ?? String(t),
+		getSubRows: v ? (e) => e[_] : void 0,
+		manualPagination: x || !b,
+		manualSorting: x || T || !S,
+		manualFiltering: x || E || !C,
+		pageCount: x ? O : void 0,
+		rowCount: x ? D : void 0,
+		paginateExpandedRows: !1,
+		maxLeafRowFilterDepth: v ? 0 : void 0,
+		enableSorting: S,
+		enableFilters: C,
+		enableRowSelection: w,
+		enableSubRowSelection: !1,
+		autoResetPageIndex: !1,
+		autoResetExpanded: !1,
+		state: {
+			sorting: k,
+			rowSelection: j,
+			columnFilters: N,
+			columnVisibility: F,
+			columnOrder: L,
+			expanded: z,
+			pagination: {
+				pageIndex: V,
+				pageSize: U
+			}
+		},
+		onSortingChange: A,
+		onRowSelectionChange: M,
+		onColumnFiltersChange: P,
+		onColumnVisibilityChange: I,
+		onColumnOrderChange: R,
+		onExpandedChange: (e) => B((t) => {
+			let n = typeof e == "function" ? e(t) : e;
+			return n === !0 ? Object.fromEntries(X.getCoreRowModel().flatRows.map((e) => [e.id, !0])) : n;
+		}),
+		onPaginationChange: Y
+	}), Z = X.getPageCount(), Q = d({
+		sorting: k,
+		columnFilters: N,
+		size: U
+	});
+	c(() => {
+		let e = Q.current;
+		Q.current = {
+			sorting: k,
+			columnFilters: N,
+			size: U
+		}, b && !x && p.pageIndex === void 0 && (!a(e.sorting, k) || !a(e.columnFilters, N) || e.size !== U ? H(0) : V >= Z && H(Math.max(0, Z - 1)));
+	}, [
+		k,
+		N,
+		U,
+		V,
+		Z,
+		b,
+		x,
+		p.pageIndex,
+		H
+	]);
+	let $ = (e, t) => {
+		let n = !z[e];
+		B((i) => {
+			let a = {
+				...i,
+				[e]: n
+			};
+			return n || r(t, e, _, g).forEach((e) => {
+				a[e] = !1;
+			}), a;
+		}), p.onRowExpand?.(t, n);
+	}, ee = new Map(X.getCoreRowModel().flatRows.map((e) => [e.original, e.id]));
+	return {
+		table: X,
+		rowSelection: j,
+		visibilityState: F,
+		columnOrderState: X.getAllLeafColumns().map((e) => e.id),
+		setColumnOrderState: R,
+		expandedRowsState: z,
+		handleRowExpand: $,
+		resolveRowId: (e, t) => ee.get(e) ?? g?.(e, t) ?? String(t),
+		internalPageIndex: V,
+		internalPageSize: U,
+		handlePaginationChange: Y
+	};
+}
+//#endregion
+export { p as useDataTableModel };
+
+//# sourceMappingURL=useDataTableModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableModel.js","names":[],"sources":["../../../../src/components/pro/DataTable/useDataTableModel.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';\nimport { useControllableState, deepEqual } from '../../../hooks/useControllableState';\nimport {\n  useReactTable, builtInSortFns,\n  type ColumnDef, type SortingFn, type PaginationState, type Updater,\n} from './tanstack-table';\nimport type { DataTableProps } from './types';\nimport { createTreeSortingFns, findAllChildRowIds, prepareTreeData } from './treeDataUtils';\n\nfunction assertInteger(name: string, value: number, minimum = 0) {\n  if (!Number.isSafeInteger(value) || value < minimum) {\n    throw new RangeError(`DataTable: ${name} must be an integer >= ${minimum}.`);\n  }\n}\n\n/** Shared by the view and executable row-model regression tests. */\nexport function useDataTableModel<T extends object>(props: DataTableProps<T>) {\n  const {\n    data, columns, getRowId, subDataKey = 'subs', enableExpanding = false,\n    enableTreeSort = true, enablePagination = true, manualPagination = false,\n    enableSorting = true, enableFiltering = true, enableSelection = true,\n    manualSorting = false, manualFiltering = false, rowCount, pageCount,\n  } = props;\n  const [sorting, setSorting] = useControllableState(\n    props.sortingState, props.onSortingChange, deepEqual, props.defaultSortingState ?? [],\n  );\n  const [rowSelection, setRowSelection] = useControllableState(\n    props.selectedRows, props.onRowSelectionChange, deepEqual, props.defaultSelectedRows ?? {},\n  );\n  const [columnFilters, setColumnFilters] = useControllableState(\n    props.columnFilters, props.onColumnFiltersChange, deepEqual, props.defaultColumnFilters ?? [],\n  );\n  const [visibilityState, setVisibilityState] = useControllableState(\n    props.columnVisibility, props.onColumnVisibilityChange, deepEqual, props.defaultColumnVisibility ?? {},\n  );\n  const [columnOrder, setColumnOrderState] = useControllableState(\n    props.columnOrder, props.onColumnOrderChange, deepEqual, props.defaultColumnOrder ?? [],\n  );\n  const [expandedRowsState, setExpandedRowsState] = useControllableState(\n    props.expandedRows, props.onExpandedRowsChange, deepEqual, props.defaultExpandedRows ?? {},\n  );\n  const [internalPageIndex, setInternalPageIndex] = useControllableState(\n    props.pageIndex, props.onPageChange, Object.is, props.defaultPageIndex ?? 0,\n  );\n  const [internalPageSize, setInternalPageSize] = useControllableState(\n    props.pageSize, props.onPageSizeChange, Object.is, props.defaultPageSize ?? 10,\n  );\n  assertInteger('pageIndex', internalPageIndex);\n  assertInteger('pageSize', internalPageSize, 1);\n  if (manualPagination) {\n    if (rowCount !== undefined) assertInteger('rowCount', rowCount);\n    if (pageCount !== undefined) assertInteger('pageCount', pageCount);\n    if (enablePagination && rowCount === undefined && pageCount === undefined) {\n      throw new Error('DataTable: manualPagination requires rowCount or pageCount.');\n    }\n  }\n\n  const tableData = useMemo(() => enableExpanding\n    ? prepareTreeData(data, expandedRowsState, subDataKey, getRowId)\n    : data, [data, enableExpanding, expandedRowsState, subDataKey, getRowId]);\n\n  const processedColumns = useMemo(() => {\n    if (!enableExpanding || !enableTreeSort) return columns;\n    const defaultSort = createTreeSortingFns<T>().treeSortAsc;\n    const wrap = (defs: readonly ColumnDef<T, any>[]): ColumnDef<T, any>[] => defs.map(column => {\n      if ('columns' in column) return { ...column, columns: wrap(column.columns ?? []) };\n      if (column.enableSorting === false) return column;\n      const originalSort = column.sortFn;\n      const sort = typeof originalSort === 'function' ? originalSort\n        : originalSort && originalSort !== 'auto'\n          ? builtInSortFns[originalSort as keyof typeof builtInSortFns] as SortingFn<T>\n          : defaultSort;\n      return {\n        ...column,\n        // TanStack handles undefined before invoking sortFn. Disable that shortcut\n        // so an undefined child value cannot reorder an otherwise unsorted subtree.\n        sortUndefined: false,\n        sortFn: (a, b, id) => a.depth > 0 || b.depth > 0 ? 0 : (sort ?? defaultSort)(a, b, id),\n      };\n    });\n    return wrap(columns);\n  }, [columns, enableExpanding, enableTreeSort]);\n\n  const pagination = { pageIndex: internalPageIndex, pageSize: internalPageSize };\n  const paginationRef = useRef(pagination);\n  useLayoutEffect(() => { paginationRef.current = pagination; });\n  const handlePaginationChange = useCallback((updater: Updater<PaginationState>) => {\n    const current = paginationRef.current;\n    const next = typeof updater === 'function' ? updater(current) : updater;\n    assertInteger('pageIndex', next.pageIndex);\n    assertInteger('pageSize', next.pageSize, 1);\n    // Preserve pending uncontrolled slices across batched TanStack updaters,\n    // while controlled slices continue to use the parent's committed values.\n    paginationRef.current = {\n      pageIndex: props.pageIndex === undefined ? next.pageIndex : current.pageIndex,\n      pageSize: props.pageSize === undefined ? next.pageSize : current.pageSize,\n    };\n    setInternalPageSize(next.pageSize);\n    setInternalPageIndex(next.pageIndex);\n  }, [props.pageIndex, props.pageSize, setInternalPageIndex, setInternalPageSize]);\n\n  const table = useReactTable<T>({\n    data: tableData,\n    columns: processedColumns,\n    getRowId: (row, index) => enableExpanding\n      ? String((row as Record<string, unknown>).__id)\n      : getRowId?.(row, index) ?? String(index),\n    getSubRows: enableExpanding\n      ? row => (row as Record<string, unknown>)[subDataKey] as T[]\n      : undefined,\n    // Local pipeline sees the full hierarchy. Only server mode bypasses all\n    // processing; hiding pagination alone still permits local sort/filter.\n    manualPagination: manualPagination || !enablePagination,\n    manualSorting: manualPagination || manualSorting || !enableSorting,\n    manualFiltering: manualPagination || manualFiltering || !enableFiltering,\n    pageCount: manualPagination ? pageCount : undefined,\n    rowCount: manualPagination ? rowCount : undefined,\n    paginateExpandedRows: false,\n    maxLeafRowFilterDepth: enableExpanding ? 0 : undefined,\n    enableSorting,\n    enableFilters: enableFiltering,\n    enableRowSelection: enableSelection,\n    enableSubRowSelection: false,\n    autoResetPageIndex: false,\n    autoResetExpanded: false,\n    state: {\n      sorting, rowSelection, columnFilters, columnVisibility: visibilityState,\n      columnOrder, expanded: expandedRowsState,\n      pagination: { pageIndex: internalPageIndex, pageSize: internalPageSize },\n    },\n    onSortingChange: setSorting,\n    onRowSelectionChange: setRowSelection,\n    onColumnFiltersChange: setColumnFilters,\n    onColumnVisibilityChange: setVisibilityState,\n    onColumnOrderChange: setColumnOrderState,\n    onExpandedChange: updater => setExpandedRowsState(previous => {\n      const next = typeof updater === 'function' ? updater(previous) : updater;\n      return next === true\n        ? Object.fromEntries(table.getCoreRowModel().flatRows.map(row => [row.id, true]))\n        : next;\n    }),\n    onPaginationChange: handlePaginationChange,\n  });\n\n  const localPageCount = table.getPageCount();\n  const previousQuery = useRef({ sorting, columnFilters, size: internalPageSize });\n  useEffect(() => {\n    const previous = previousQuery.current;\n    previousQuery.current = { sorting, columnFilters, size: internalPageSize };\n    // Never rewrite a controlled page or a server request. Their owner must\n    // reset/clamp the page along with the query and remote total.\n    if (!enablePagination || manualPagination || props.pageIndex !== undefined) return;\n    if (!deepEqual(previous.sorting, sorting) || !deepEqual(previous.columnFilters, columnFilters)\n      || previous.size !== internalPageSize) {\n      setInternalPageIndex(0);\n    } else if (internalPageIndex >= localPageCount) {\n      setInternalPageIndex(Math.max(0, localPageCount - 1));\n    }\n  }, [sorting, columnFilters, internalPageSize, internalPageIndex, localPageCount,\n    enablePagination, manualPagination, props.pageIndex, setInternalPageIndex]);\n\n  const handleRowExpand = (rowId: string, row: T) => {\n    const expanded = !expandedRowsState[rowId];\n    setExpandedRowsState(previous => {\n      const next = { ...previous, [rowId]: expanded };\n      if (!expanded) {\n        findAllChildRowIds(row, rowId, subDataKey, getRowId).forEach(id => { next[id] = false; });\n      }\n      return next;\n    });\n    props.onRowExpand?.(row, expanded);\n  };\n\n  // TanStack owns mutable row models; snapshot IDs per render rather than\n  // caching by flatRows identity, which does not guarantee unchanged contents.\n  const rowIds = new Map(table.getCoreRowModel().flatRows.map(row => [row.original, row.id]));\n  const resolveRowId = (row: T, index: number) =>\n    rowIds.get(row) ?? getRowId?.(row, index) ?? String(index);\n\n  // Derive the default order instead of notifying the parent on mount.\n  const columnOrderState = table.getAllLeafColumns().map(column => column.id);\n  return {\n    table, rowSelection, visibilityState, columnOrderState, setColumnOrderState,\n    expandedRowsState, handleRowExpand, resolveRowId,\n    internalPageIndex, internalPageSize, handlePaginationChange,\n  };\n}\n"],"mappings":"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"}

package/dist/components/pro/FileExplorer/Breadcrumb.js

@@ -1,5 +1,5 @@
-import { useClickOutside as e } from "../../../hooks/useClickOutside.js";
-import t from "../../Tree/Tree.js";
+import e from "../../Tree/Tree.js";
+import { useClickOutside as t } from "../../../hooks/useClickOutside.js";
 import n, { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/pro/FileExplorer/Breadcrumb.tsx
@@ -43,7 +43,7 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 		d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z",
 		clipRule: "evenodd"
 	})
-}), m = ({ path: e, adapter: n, onNavigate: a }) => {
+}), m = ({ path: t, adapter: n, onNavigate: a }) => {
 	let [c, l] = o([]), [u, d] = o(!1), m = r(async (e) => {
 		try {
 			return (await n.list(e)).sort((e, t) => e.type === t.type ? String(e.name).localeCompare(String(t.name)) : e.type === "folder" ? -1 : 1).map((e) => ({
@@ -61,13 +61,13 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 		}
 	}, [n]);
 	i(() => {
-		let t = !0;
-		return d(!0), m(e).then((e) => {
-			t && (l(e), d(!1));
+		let e = !0;
+		return d(!0), m(t).then((t) => {
+			e && (l(t), d(!1));
 		}), () => {
-			t = !1;
+			e = !1;
 		};
-	}, [e, m]);
+	}, [t, m]);
 	let h = r(async (e, t) => {
 		if (!t) return;
 		let n = String(e), r = (e, t) => {
@@ -104,7 +104,7 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 		children: "Empty Folder"
 	}) : /* @__PURE__ */ s("div", {
 		className: "p-1 w-64 max-h-[300px] overflow-y-auto sm:min-w-[200px] max-w-[80vw]",
-		children: /* @__PURE__ */ s(t, {
+		children: /* @__PURE__ */ s(e, {
 			data: c,
 			onNodeClick: g,
 			onNodeToggle: h,
@@ -117,9 +117,9 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 			indent: 12
 		})
 	});
-}, h = ({ path: t, adapter: n, onNavigate: r }) => {
+}, h = ({ path: e, adapter: n, onNavigate: r }) => {
 	let [i, l] = o(!1), u = a(null);
-	return e(u, () => l(!1), i), /* @__PURE__ */ c("div", {
+	return t(u, () => l(!1), i), /* @__PURE__ */ c("div", {
 		className: "relative flex items-center",
 		ref: u,
 		children: [n ? /* @__PURE__ */ s("button", {
@@ -135,7 +135,7 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 			className: "absolute top-full left-1/2 -translate-x-1/2 mt-1 bg-base-100 shadow-2xl border border-base-200 rounded-xl z-[9999]",
 			onClick: (e) => e.stopPropagation(),
 			children: /* @__PURE__ */ s(m, {
-				path: t,
+				path: e,
 				adapter: n,
 				onNavigate: (e) => {
 					r(e), l(!1);