dishui 0.0.84 → 0.0.91

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

@@ -54,6 +54,7 @@ export interface CodeEditorHandle {
 }
 export interface CodeEditorProps {
     value?: string;
+    /** 文档变化时同步通知（包括 setValue 和外部 value 更新），不受侧栏防抖影响。 */
     onChange?: (value: string) => void;
     language?: LanguageType;
     theme?: EditorTheme;
@@ -63,7 +64,9 @@ export interface CodeEditorProps {
     autocompletion?: boolean | AutocompletionConfig;
     jumpToDefinition?: boolean | JumpToDefinitionConfig;
     contextMenu?: ContextMenuItem[];
+    /** 输入停止 150ms 后分析最新文档；初始挂载、切语言、启用订阅时异步刷新。 */
     onVariablesCollected?: (variables: VariableInfo[]) => void;
+    /** 与变量分析合并调度；使用最新回调，替换回调本身不触发重新分析。 */
     onOutlineGenerated?: (outline: OutlineItem[]) => void;
     enableHistory?: boolean;
     historyLimit?: number;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { DataTableProps } from './types';
 export * from './types';
-declare function DataTable<T extends object>({ data, columns, className, enableSorting, enableFiltering, enablePagination, enableSelection, enableColumnReordering, enableColumnResizing, manualFiltering, enableExpanding, subDataKey, onRowExpand, expandedRows, onExpandedRowsChange, getRowId, indentSize, enableTreeSort, toolbar, customFilterPanel, onRowClick, onRowDoubleClick, onRowMouseEnter, onRowMouseLeave, onCellClick, onCellDoubleClick, onCellMouseEnter, onCellMouseLeave, onColumnClick, onColumnMouseEnter, onColumnMouseLeave, onTableClick, onTableMouseEnter, onTableMouseLeave, pageSize, pageIndex, onPageChange, onPageSizeChange, selectedRows, onRowSelectionChange, sortingState, onSortingChange, columnFilters, onColumnFiltersChange, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, extensions, }: DataTableProps<T>): React.JSX.Element;
+declare function DataTable<T extends object>(props: DataTableProps<T>): React.JSX.Element;
 export default DataTable;

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

@@ -1,300 +1,177 @@
 import e from "../../Table/index.js";
-import { useReactTable as t } from "./tanstack-table.js";
-import { TableToolbar as n } from "./components/TableToolbar.js";
-import { TableHeader as r } from "./components/TableHeader.js";
-import { TableBody as i } from "./components/TableBody.js";
-import { TablePagination as a } from "./components/TablePagination.js";
-import { deepEqual as o, useControllableState as s } from "../../../hooks/useControllableState.js";
-import { createTreeSortingFns as ee, findAllChildRowIds as te, flattenTreeData as ne, treeRowAnimationStyles as re } from "./treeDataUtils.js";
-import { useColumnDragReorder as ie } from "./useColumnDragReorder.js";
-import c, { useCallback as l, useEffect as u, useMemo as d, useRef as ae, useState as f } from "react";
-import { Fragment as oe, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { TableToolbar as t } from "./components/TableToolbar.js";
+import { TableHeader as n } from "./components/TableHeader.js";
+import { TableBody as r } from "./components/TableBody.js";
+import { TablePagination as i } from "./components/TablePagination.js";
+import { treeRowAnimationStyles as a } from "./treeDataUtils.js";
+import { useDataTableModel as o } from "./useDataTableModel.js";
+import { useColumnDragReorder as ee } from "./useColumnDragReorder.js";
+import s, { useCallback as c, useEffect as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/pro/DataTable/DataTable.tsx
-function h({ data: h, columns: g, className: se = "", enableSorting: ce = !0, enableFiltering: le = !0, enablePagination: _ = !0, enableSelection: ue = !0, enableColumnReordering: de = !0, enableColumnResizing: fe = !0, manualFiltering: pe = !1, enableExpanding: v = !1, subDataKey: y = "subs", onRowExpand: me, expandedRows: he = {}, onExpandedRowsChange: ge, getRowId: b, indentSize: _e = 16, enableTreeSort: x = !0, toolbar: ve = {
-	enabled: !1,
-	enableColumnSelector: !1,
-	enableFiltering: !1,
-	enableBulkActions: !1
-}, customFilterPanel: ye, onRowClick: be, onRowDoubleClick: xe, onRowMouseEnter: Se, onRowMouseLeave: Ce, onCellClick: we, onCellDoubleClick: Te, onCellMouseEnter: Ee, onCellMouseLeave: De, onColumnClick: Oe, onColumnMouseEnter: ke, onColumnMouseLeave: Ae, onTableClick: je, onTableMouseEnter: Me, onTableMouseLeave: Ne, pageSize: S = 10, pageIndex: C = 0, onPageChange: w, onPageSizeChange: T, selectedRows: Pe = {}, onRowSelectionChange: Fe, sortingState: Ie = [], onSortingChange: Le, columnFilters: Re = [], onColumnFiltersChange: ze, columnVisibility: Be = {}, onColumnVisibilityChange: Ve, columnOrder: E = [], onColumnOrderChange: He, extensions: D = [] }) {
-	let [O, k] = s(Ie, Le, o), [A, Ue] = s(Pe, Fe, o), [j, We] = s(Re, ze, o), [M, Ge] = s(Be, Ve, o), [N, P] = s(E, He, o), [F, Ke] = s(he, ge, o), [qe, Je] = f(null), I = ae(!1), { draggedColumnId: L, handleDragStart: R, handleDragOver: Ye, handleDrop: z } = ie(N, P), Xe = l((e) => {
-		k((t) => typeof e == "function" ? e(t) : e);
-	}, [k]);
-	u(() => {
-		if (!I.current && g.length > 0) {
-			if (E.length === 0 && N.length === 0) {
-				I.current = !0;
-				let e = g.map((e) => "accessorKey" in e ? e.accessorKey : e.id);
-				P(e);
-			} else I.current = !0;
-		}
-	}, [g]);
-	let Ze = (e, t) => {
-		let n = !F[e], r = {
-			...F,
-			[e]: n
-		};
-		n || te(t, e, y, b).forEach((e) => {
-			r[e] = !1;
-		}), Ke(r), me?.(t, n);
-	}, B = l((e, t = 0, n = "", r = !0, i = [], a = !1) => ne(e, F, y, b, t, n, r, i, a), [
-		F,
-		b,
-		y
-	]), V = d(() => v ? B(h) : h, [
-		h,
-		v,
-		B
-	]), H = d(() => v ? B(h, 0, "", !0, [], !0) : h, [
-		h,
-		v,
-		B
-	]), [U, W] = f(C), [G, K] = f(S);
-	u(() => {
-		C !== U && W(C);
-	}, [C]), u(() => {
-		S !== G && K(S);
-	}, [S]);
-	let Qe = d(() => {
-		if (!_) return V;
-		let e = U * G, t = e + G, n = H.slice(e, t);
-		if (v) {
-			let e = /* @__PURE__ */ new Map();
-			n.forEach((t) => e.set(t.__id, t)), n.forEach((t) => {
-				F[t.__id] && V.forEach((n) => {
-					n.__parentId?.startsWith(t.__id) && e.set(n.__id, n);
-				});
-			});
-			let t = [];
-			return V.forEach((n) => {
-				e.has(n.__id) && t.push(n);
-			}), t;
-		}
-		return n;
-	}, [
-		V,
-		H,
-		U,
-		G,
-		_,
-		v,
-		F
-	]), $e = d(() => !v || !x ? g : g.map((e) => e.enableSorting === !1 ? e : {
-		...e,
-		sortFn: "treeSortAsc"
-	}), [
-		g,
-		v,
-		x
-	]), et = d(() => v && x ? ee() : void 0, [v, x]), tt = d(() => ({
-		data: Qe,
-		columns: $e,
-		pageCount: Math.ceil(H.length / G),
-		manualPagination: !0,
-		manualFiltering: pe,
-		state: {
-			sorting: O,
-			rowSelection: A,
-			columnFilters: j,
-			columnVisibility: M,
-			columnOrder: N.length > 0 ? N : void 0,
-			pagination: {
-				pageIndex: U,
-				pageSize: G
-			}
-		},
-		enableRowSelection: ue,
-		onRowSelectionChange: Ue,
-		onSortingChange: Xe,
-		onColumnFiltersChange: We,
-		onColumnVisibilityChange: Ge,
-		onPaginationChange: (e) => {
-			let t = typeof e == "function" ? e({
-				pageIndex: U,
-				pageSize: G
-			}) : e;
-			t.pageSize !== G && (K(t.pageSize), T?.(t.pageSize)), t.pageIndex !== U && (W(t.pageIndex), w?.(t.pageIndex));
-		},
-		sortFns: et,
-		initialState: { pagination: {
-			pageIndex: 0,
-			pageSize: G
-		} }
-	}), [
-		Qe,
-		$e,
-		O,
-		A,
-		j,
-		M,
-		N,
-		ue,
-		_,
-		et,
-		pe,
-		Xe,
-		G,
-		U,
-		w,
-		T,
-		H
-	]), q = t(tt), J = l((e, t) => {
-		if (b) return b(e, t);
-		let n = e;
-		return n && n.__id != null ? String(n.__id) : String(t);
-	}, [b]), Y = d(() => {
-		let e = q.getSelectedRowModel().rows.map((e) => e.original);
-		return {
-			table: q,
-			data: h,
-			rows: q.getRowModel().rows,
-			selectedRows: e,
-			getRowId: J
-		};
-	}, [
-		q,
-		h,
-		J,
-		A
-	]), [X, Z] = f(null);
-	u(() => {
-		if (!X) return;
-		let e = () => Z(null);
+function m(m) {
+	let { data: h, columns: te, className: ne = "", viewMode: g, defaultViewMode: _ = "table", onViewModeChange: v, enableViewSwitcher: y = !1, viewSwitcherLabels: b, cardOptions: x, enableSorting: S = !0, enablePagination: C = !0, enableColumnReordering: w = !0, enableExpanding: re = !1, indentSize: ie = 16, toolbar: ae = {
+		enabled: !1,
+		enableColumnSelector: !1,
+		enableFiltering: !1,
+		enableBulkActions: !1
+	}, customFilterPanel: oe, onRowClick: se, onRowDoubleClick: ce, onRowMouseEnter: le, onRowMouseLeave: T, onCellClick: E, onCellDoubleClick: D, onCellMouseEnter: O, onCellMouseLeave: k, onColumnMouseEnter: A, onColumnMouseLeave: j, extensions: M = [] } = m, { table: N, rowSelection: P, visibilityState: F, columnOrderState: I, setColumnOrderState: L, expandedRowsState: R, handleRowExpand: z, resolveRowId: B, handlePaginationChange: ue } = o(m), [V, H] = u(null), [U, de] = u(_), W = g ?? U, fe = (e) => {
+		e !== W && (g === void 0 && de(e), v?.(e));
+	}, { draggedColumnId: G, handleDragStart: K, handleDragOver: pe, handleDrop: q } = ee(I, L), J = {
+		table: N,
+		data: h,
+		rows: N.getRowModel().rows,
+		selectedRows: N.getSelectedRowModel().flatRows.map((e) => e.original),
+		getRowId: B
+	}, [Y, X] = u(null);
+	l(() => {
+		if (!Y) return;
+		let e = () => X(null);
 		return window.addEventListener("click", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("click", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [X]);
-	let nt = l((e, t, n, r) => {
-		if (D.length === 0) return;
+	}, [Y]);
+	let me = c((e, t, n, r) => {
+		if (M.length === 0) return;
 		let i = n?.id ?? "", a = {
 			value: n?.id == null ? void 0 : t[n.id],
 			row: t,
-			rowId: J(t, r),
+			rowId: B(t, r),
 			rowIndex: r,
 			columnId: i
-		}, o = D.flatMap((e) => e.contextMenu?.(a, Y) ?? []);
-		o.length && (e.preventDefault(), Z({
+		}, o = M.flatMap((e) => e.contextMenu?.(a, J) ?? []);
+		o.length && (e.preventDefault(), X({
 			x: e.clientX,
 			y: e.clientY,
 			items: o,
 			ctx: a
 		}));
 	}, [
-		D,
-		Y,
-		J
-	]), rt = D.map((e) => e.toolbar ? {
+		M,
+		J,
+		B
+	]), Z = M.map((e) => e.toolbar ? {
 		name: e.name,
-		node: e.toolbar(Y)
-	} : null).filter((e) => !!e && !!e.node), Q = D.map((e) => e.footer ? {
+		node: e.toolbar(J)
+	} : null).filter((e) => !!e && !!e.node), Q = M.map((e) => e.footer ? {
 		name: e.name,
-		node: e.footer(Y)
+		node: e.footer(J)
 	} : null).filter((e) => !!e && !!e.node), $;
-	for (let e of D) {
-		let t = e.renderContent?.(Y);
+	for (let e of M) {
+		let t = e.renderContent?.(J);
 		if (t !== void 0) {
 			$ = t;
 			break;
 		}
 	}
-	return u(() => {
+	return l(() => {
 		let e = document.createElement("style");
-		return e.textContent = re, document.head.appendChild(e), () => {
+		return e.textContent = a, document.head.appendChild(e), () => {
 			document.head.removeChild(e);
 		};
-	}, []), /* @__PURE__ */ m("div", {
-		className: `w-full ${se}`,
+	}, []), /* @__PURE__ */ p("div", {
+		className: `w-full ${ne}`,
 		children: [
-			/* @__PURE__ */ p(n, {
-				toolbar: ve,
-				table: q,
-				columns: g,
-				columnOrderState: N,
-				visibilityState: M,
-				activeFilter: qe,
-				setActiveFilter: Je,
-				customFilterPanel: ye,
-				draggedColumnId: L,
-				handleDragStart: R,
+			/* @__PURE__ */ f(t, {
+				toolbar: ae,
+				table: N,
+				columns: te,
+				columnOrderState: I,
+				visibilityState: F,
+				activeFilter: V,
+				setActiveFilter: H,
+				customFilterPanel: oe,
+				draggedColumnId: G,
+				handleDragStart: K,
 				toggleColumnVisibility: (e) => {
-					q.getColumn(e)?.toggleVisibility();
+					N.getColumn(e)?.toggleVisibility();
 				},
-				rowSelection: A,
+				rowSelection: P,
 				data: h,
-				enableColumnReordering: de,
-				handleDrop: z
+				enableColumnReordering: w,
+				handleDrop: q,
+				viewSwitcher: y && $ === void 0 ? /* @__PURE__ */ f("div", {
+					role: "group",
+					"aria-label": b?.label ?? "显示方式",
+					className: "flex items-center gap-1",
+					children: ["table", "card"].map((e) => /* @__PURE__ */ f("button", {
+						type: "button",
+						className: `btn btn-sm ${W === e ? "btn-neutral" : "btn-ghost"}`,
+						"aria-pressed": W === e,
+						disabled: g !== void 0 && !v,
+						onClick: () => fe(e),
+						children: b?.[e] ?? (e === "table" ? "表格" : "卡片")
+					}, e))
+				}) : void 0
 			}),
-			rt.length > 0 && /* @__PURE__ */ p("div", {
+			Z.length > 0 && /* @__PURE__ */ f("div", {
 				className: "flex flex-wrap items-start gap-3 mb-4",
-				children: rt.map((e) => /* @__PURE__ */ p(c.Fragment, { children: e.node }, e.name))
+				children: Z.map((e) => /* @__PURE__ */ f(s.Fragment, { children: e.node }, e.name))
 			}),
-			$ === void 0 ? /* @__PURE__ */ m(oe, { children: [/* @__PURE__ */ p("div", {
+			$ === void 0 ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
 				className: "overflow-x-auto",
-				children: /* @__PURE__ */ m(e, {
+				children: /* @__PURE__ */ p(e, {
 					className: "table-sm w-full",
-					children: [/* @__PURE__ */ p(r, {
-						table: q,
-						visibilityState: M,
-						enableSorting: ce,
-						enableColumnReordering: de,
-						draggedColumnId: L,
-						onColumnMouseEnter: ke,
-						onColumnMouseLeave: Ae,
-						handleDragStart: R,
-						handleDragOver: Ye,
-						handleDrop: z
-					}), /* @__PURE__ */ p(i, {
-						table: q,
-						expandedRowsState: F,
-						onRowClick: be,
-						onRowDoubleClick: xe,
-						onRowMouseEnter: Se,
-						onRowMouseLeave: Ce,
-						onCellClick: we,
-						onCellDoubleClick: Te,
-						onCellMouseEnter: Ee,
-						onCellMouseLeave: De,
-						enableExpanding: v,
-						indentSize: _e,
-						handleRowExpand: Ze,
-						extensions: D,
-						extensionApi: Y,
-						getRowId: J,
-						onCellContextMenu: nt
+					card: W === "card",
+					cardOptions: x,
+					children: [/* @__PURE__ */ f(n, {
+						table: N,
+						visibilityState: F,
+						enableSorting: S,
+						enableColumnReordering: w,
+						draggedColumnId: G,
+						onColumnMouseEnter: A,
+						onColumnMouseLeave: j,
+						handleDragStart: K,
+						handleDragOver: pe,
+						handleDrop: q
+					}), /* @__PURE__ */ f(r, {
+						table: N,
+						card: W === "card",
+						fieldLabels: x?.fieldLabels,
+						expandedRowsState: R,
+						onRowClick: se,
+						onRowDoubleClick: ce,
+						onRowMouseEnter: le,
+						onRowMouseLeave: T,
+						onCellClick: E,
+						onCellDoubleClick: D,
+						onCellMouseEnter: O,
+						onCellMouseLeave: k,
+						enableExpanding: re,
+						indentSize: ie,
+						handleRowExpand: z,
+						extensions: M,
+						extensionApi: J,
+						getRowId: B,
+						onCellContextMenu: me
 					})]
 				})
-			}), /* @__PURE__ */ p(a, {
-				enablePagination: _,
-				table: q,
-				internalPageIndex: U,
-				internalPageSize: G,
-				handlePageChange: (e) => {
-					U !== e && (W(e), w?.(e));
-				},
-				setInternalPageSize: K,
-				setInternalPageIndex: W,
-				onPageSizeChange: T,
-				onPageChange: w
-			})] }) : /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ f(i, {
+				enablePagination: C,
+				table: N,
+				onPaginationChange: ue
+			})] }) : /* @__PURE__ */ f("div", {
 				className: "w-full",
 				children: $
 			}),
-			Q.length > 0 && /* @__PURE__ */ p("div", {
+			Q.length > 0 && /* @__PURE__ */ f("div", {
 				className: "flex flex-wrap items-center gap-3 mt-4",
-				children: Q.map((e) => /* @__PURE__ */ p(c.Fragment, { children: e.node }, e.name))
+				children: Q.map((e) => /* @__PURE__ */ f(s.Fragment, { children: e.node }, e.name))
 			}),
-			X && /* @__PURE__ */ p("ul", {
+			Y && /* @__PURE__ */ f("ul", {
 				className: "menu bg-base-100 rounded-box shadow-lg border border-base-300 z-1000 p-1",
 				style: {
 					position: "fixed",
-					top: X.y,
-					left: X.x,
+					top: Y.y,
+					left: Y.x,
 					minWidth: 160
 				},
-				children: X.items.map((e) => e.separator ? /* @__PURE__ */ p("li", { className: "my-1 border-t border-base-300" }, e.key) : /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p("button", {
+				children: Y.items.map((e) => e.separator ? /* @__PURE__ */ f("li", { className: "my-1 border-t border-base-300" }, e.key) : /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f("button", {
 					type: "button",
 					disabled: e.disabled,
 					onClick: () => {
-						e.onSelect?.(X.ctx), Z(null);
+						e.onSelect?.(Y.ctx), X(null);
 					},
 					children: e.label
 				}) }, e.key))
@@ -303,6 +180,6 @@ function h({ data: h, columns: g, className: se = "", enableSorting: ce = !0, en
 	});
 }
 //#endregion
-export { h as default };
+export { m as default };
 
 //# sourceMappingURL=DataTable.js.map

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, useEffect, useCallback } from 'react';\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, DataTableViewMode } from './types';\nimport type {\n  DataTableApi,\n  DataTableCellContext,\n\n  DataTableMenuItem,\n} from './extension';\nimport { treeRowAnimationStyles } from './treeDataUtils';\nimport { useDataTableModel } from './useDataTableModel';\nimport { useColumnDragReorder } from './useColumnDragReorder';\n\nexport * from './types';\n\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\n  const {\n    data,\n    columns,\n    className = '',\n    viewMode: controlledViewMode,\n    defaultViewMode = 'table',\n    onViewModeChange,\n    enableViewSwitcher = false,\n    viewSwitcherLabels,\n    cardOptions,\n    enableSorting = true,\n    enablePagination = true,\n    enableColumnReordering = true,\n    enableExpanding = false,\n    indentSize = 16,\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    onColumnMouseEnter,\n    onColumnMouseLeave,\n    extensions = [],\n  } = props;\n  const {\n    table, rowSelection, visibilityState, columnOrderState, setColumnOrderState,\n    expandedRowsState, handleRowExpand, resolveRowId, handlePaginationChange,\n  } = useDataTableModel(props);\n  const [activeFilter, setActiveFilter] = useState<string | null>(null);\n  const [internalViewMode, setInternalViewMode] = useState<DataTableViewMode>(defaultViewMode);\n  const viewMode = controlledViewMode ?? internalViewMode;\n  const changeViewMode = (next: DataTableViewMode) => {\n    if (next === viewMode) return;\n    if (controlledViewMode === undefined) setInternalViewMode(next);\n    onViewModeChange?.(next);\n  };\n\n  const {\n    draggedColumnId,\n    handleDragStart,\n    handleDragOver,\n    handleDrop,\n  } = useColumnDragReorder(columnOrderState, setColumnOrderState);\n\n  // The v9 table instance is stable: take fresh row snapshots on every render,\n  // including sort/filter/page/expand changes, not only selection changes.\n  const extensionApi: DataTableApi<T> = {\n    table,\n    data,\n    rows: table.getRowModel().rows,\n    selectedRows: table.getSelectedRowModel().flatRows.map(row => row.original),\n    getRowId: resolveRowId,\n  };\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\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        viewSwitcher={enableViewSwitcher && overrideContent === undefined ? (\n          <div role=\"group\" aria-label={viewSwitcherLabels?.label ?? '显示方式'} className=\"flex items-center gap-1\">\n            {(['table', 'card'] as const).map(mode => (\n              <button\n                key={mode}\n                type=\"button\"\n                className={`btn btn-sm ${viewMode === mode ? 'btn-neutral' : 'btn-ghost'}`}\n                aria-pressed={viewMode === mode}\n                disabled={controlledViewMode !== undefined && !onViewModeChange}\n                onClick={() => changeViewMode(mode)}\n              >\n                {viewSwitcherLabels?.[mode] ?? (mode === 'table' ? '表格' : '卡片')}\n              </button>\n            ))}\n          </div>\n        ) : undefined}\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\" card={viewMode === 'card'} cardOptions={cardOptions}>\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                card={viewMode === 'card'}\n                fieldLabels={cardOptions?.fieldLabels}\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            onPaginationChange={handlePaginationChange}\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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"}

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

@@ -4,6 +4,8 @@ import { RowEventHandler, CellEventHandler } from '../types';
 import type { DataTableApi, DataTableExtension } from '../extension';
 interface TableBodyProps<T extends object> {
     table: TanStackTable<T>;
+    card?: boolean;
+    fieldLabels?: Record<string, React.ReactNode>;
     expandedRowsState: Record<string, boolean>;
     onRowClick?: RowEventHandler;
     onRowDoubleClick?: RowEventHandler;
@@ -21,5 +23,5 @@ interface TableBodyProps<T extends object> {
     getRowId?: (row: T, index: number) => string;
     onCellContextMenu?: (e: React.MouseEvent, row: T, column: any, rowIndex: number) => void;
 }
-export declare function TableBody<T extends object>({ table, expandedRowsState, onRowClick, onRowDoubleClick, onRowMouseEnter, onRowMouseLeave, onCellClick, onCellDoubleClick, onCellMouseEnter, onCellMouseLeave, enableExpanding, indentSize, handleRowExpand, extensions, extensionApi, getRowId, onCellContextMenu, }: TableBodyProps<T>): React.JSX.Element;
+export declare function TableBody<T extends object>({ table, card, fieldLabels, expandedRowsState, onRowClick, onRowDoubleClick, onRowMouseEnter, onRowMouseLeave, onCellClick, onCellDoubleClick, onCellMouseEnter, onCellMouseLeave, enableExpanding, indentSize, handleRowExpand, extensions, extensionApi, getRowId, onCellContextMenu, }: TableBodyProps<T>): React.JSX.Element;
 export {};