@wordrhyme/auto-crud 1.9.0 → 1.11.0

package/README.md

@@ -264,6 +264,11 @@ interface AutoCrudTableProps<TSchema> {
   table?: {
     hidden?: string[]; // 隐藏的列
     overrides?: Record<string, any>; // 列覆盖配置
+    getRowId?: (record: z.output<TSchema>) => string; // 稳定行标识；展开时必填
+    expandedRow?: (
+      record: z.output<TSchema>,
+      row: Row<z.output<TSchema>>,
+    ) => React.ReactNode; // 展开行内容，row 提供已解析的单元格上下文
     filterModes?: FilterMode | FilterMode[]; // 过滤模式
     batchFields?: (string | BatchUpdateField)[]; // 批量更新字段
     /** @deprecated 新代码请使用 actions.batch */
@@ -294,6 +299,33 @@ interface AutoCrudTableProps<TSchema> {
 }
 ```
 
+#### 展开行详情
+
+配置 `table.expandedRow` 后，表格自动添加展开箭头。默认全部收起，允许同时展开多行。设置 `table.defaultExpanded: true` 可在首次展示时展开全部行；刷新保留用户的展开选择。该选项仅用于初始化，不控制当前展开状态。
+必须提供 TanStack Table 的 `getRowId`，使用稳定且唯一的业务主键，避免分页、排序后展开错位。
+展开内容可使用 `cqw` 单位，以表格可视区域的宽度为基准，避免宽表中的详情被横向裁切。
+
+```tsx
+<AutoCrudTable
+  schema={orderSchema}
+  resource={resource}
+  table={{
+    getRowId: (order) => order.id,
+    expandedRow: (order) => <OrderDetails orderId={order.id} />,
+  }}
+/>
+```
+
+回调接收当前行的原始记录，并同步返回 React 内容。详情组件只在展开时挂载，收起时卸载；
+可由详情组件按订单 ID 查询数据并处理加载、错误和重试，也可直接使用记录中已有的明细。
+明细数据及其字段权限由业务组件和现有服务负责。
+
+详情区域跨全部可见列，不计入分页条数，也不参与主表选择或导出。
+未启用 `defaultExpanded` 时，数据更新后的展开状态遵循 TanStack Table 默认重置行为。
+`AutoTable` 同样支持 `getRowId` 和 `expandedRow`；直接使用 `DataTable` 时，需自行配置 TanStack 展开能力及触发按钮。
+
+`expandedRow` 的第二个参数是当前 TanStack `Row`，可通过 `row.getAllCells()` 读取已解析的列和单元格上下文，复用字段渲染器及数据源标签。只接收订单数据的单参数回调仍可使用。
+
 ### `useAutoCrudResource()`
 
 连接数据源到组件的 Hook。

package/dist/index.cjs

@@ -566,7 +566,7 @@ function formatDate(date, opts = {}, preset) {
 
 //#endregion
 //#region src/components/data-table/data-table.tsx
-function DataTable({ table, actionBar, pagination, children, className, classNames,...props }) {
+function DataTable({ table, actionBar, pagination, expandedRow, children, className, classNames,...props }) {
 	useDateFormatterVersion();
 	const columns = [
 		...table.getLeftVisibleLeafColumns(),
@@ -581,6 +581,7 @@ function DataTable({ table, actionBar, pagination, children, className, classNam
 			children,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "overflow-hidden rounded-md border",
+				style: expandedRow ? { containerType: "inline-size" } : void 0,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Table, {
 					className: classNames?.table,
 					style: hasWidthCap ? {
@@ -606,7 +607,7 @@ function DataTable({ table, actionBar, pagination, children, className, classNam
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableBody, {
 							className: classNames?.tbody,
-							children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
+							children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
 								className: classNames?.tr,
 								"data-state": row.getIsSelected() && "selected",
 								children: row.getVisibleCells().map((cell) => {
@@ -617,7 +618,14 @@ function DataTable({ table, actionBar, pagination, children, className, classNam
 										children: (0, __tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
 									}, cell.id);
 								})
-							}, row.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
+							}), expandedRow && row.getCanExpand() && row.getIsExpanded() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
+								className: classNames?.tr,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableCell, {
+									colSpan: row.getVisibleCells().length,
+									className: classNames?.td,
+									children: expandedRow(row.original, row)
+								})
+							})] }, row.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
 								className: classNames?.tr,
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableCell, {
 									colSpan: table.getAllColumns().length,
@@ -3906,9 +3914,12 @@ function coerceRowValues(rows, schema) {
 
 //#endregion
 //#region src/lib/export.ts
+function getExportColumnIds(table) {
+	return table.getAllLeafColumns().filter((column) => column.accessorFn).map((column) => column.id);
+}
 function exportTableToCSV(table, opts = {}) {
 	const { filename = "table", excludeColumns = [], onlySelected = false } = opts;
-	const headers = table.getAllLeafColumns().map((column) => column.id).filter((id) => !excludeColumns.includes(id));
+	const headers = getExportColumnIds(table).filter((id) => !excludeColumns.includes(id));
 	downloadCSV([headers.join(","), ...(onlySelected ? table.getFilteredSelectedRowModel().rows : table.getRowModel().rows).map((row) => headers.map((header) => {
 		const cellValue = row.getValue(header);
 		return typeof cellValue === "string" ? `"${cellValue.replace(/"/g, "\"\"")}"` : cellValue;
@@ -4419,7 +4430,9 @@ const filterModeConfig = {
 		tooltip: "Linear-style command filters"
 	}
 };
-function AutoTable({ schema, data, pageCount = 1, pagination, total, overrides, classNames, enableRowSelection = true, exclude, filterOnly, actions, pinnedColumns, filterMode, search = false, onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, actionBarActions, deleteConfirmation, initialSorting, enableExport = true, showDefaultExport = true, onSelectedCountChange, onSelectedRowsChange, getSelectedRows }) {
+function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = false, pageCount = 1, pagination, total, overrides, classNames, enableRowSelection = true, exclude, filterOnly, actions, pinnedColumns, filterMode, search = false, onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, actionBarActions, deleteConfirmation, initialSorting, enableExport = true, showDefaultExport = true, onSelectedCountChange, onSelectedRowsChange, getSelectedRows }) {
+	if (expandedRow && !getRowId) throw new Error("AutoTable requires getRowId when expandedRow is provided.");
+	const enableExpansion = !!expandedRow;
 	const modes = filterMode ? Array.isArray(filterMode) ? filterMode : [filterMode] : DEFAULT_MODES;
 	const [currentMode, setCurrentMode] = useQueryState("filterMode", parseAsStringEnum(modes).withDefault(modes[0] ?? "simple"));
 	const showToggle = modes.length > 1;
@@ -4433,7 +4446,7 @@ function AutoTable({ schema, data, pageCount = 1, pagination, total, overrides,
 	});
 	const searchConfig = search && typeof search === "object" ? search : {};
 	const enableAdvancedFilter = true;
-	const columns = (0, react.useMemo)(() => {
+	const { columns, expandColumnId } = (0, react.useMemo)(() => {
 		const columnOverrides = Object.assign({}, overrides);
 		for (const key of filterOnly ?? []) {
 			const field = key;
@@ -4454,31 +4467,67 @@ function AutoTable({ schema, data, pageCount = 1, pagination, total, overrides,
 			} : column;
 		});
 		const result = enableRowSelection ? [createSelectColumn(), ...dataColumns] : dataColumns;
+		let expandColumnId$1 = "expand";
+		if (enableExpansion) {
+			while (expandColumnId$1 in schema.shape || result.some((column) => column.id === expandColumnId$1)) expandColumnId$1 = `_${expandColumnId$1}`;
+			result.unshift({
+				id: expandColumnId$1,
+				header: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: "Row details"
+				}),
+				cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": row.getIsExpanded() ? "Collapse row" : "Expand row",
+					"aria-expanded": row.getIsExpanded(),
+					onClick: row.getToggleExpandedHandler(),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRightIcon, { className: row.getIsExpanded() ? "size-4 rotate-90" : "size-4" })
+				}),
+				enableHiding: false,
+				enableSorting: false,
+				size: 40
+			});
+		}
 		if (actions) result.push(createActionsColumn(actions));
-		return result;
+		return {
+			columns: result,
+			expandColumnId: expandColumnId$1
+		};
 	}, [
 		schema,
 		overrides,
 		enableRowSelection,
+		enableExpansion,
 		exclude,
 		actions,
 		filterOnly
 	]);
 	const stableInitialState = (0, react.useMemo)(() => ({
 		sorting: initialSorting,
+		expanded: enableExpansion && defaultExpanded ? true : {},
 		columnPinning: pinnedColumns ?? {
-			left: enableRowSelection ? ["select"] : [],
+			left: [...enableExpansion ? [expandColumnId] : [], ...enableRowSelection ? ["select"] : []],
 			right: actions ? ["actions"] : []
 		}
 	}), [
 		initialSorting,
 		pinnedColumns,
 		enableRowSelection,
+		enableExpansion,
+		defaultExpanded,
+		expandColumnId,
 		actions
 	]);
+	const expandedRowModel = (0, react.useMemo)(() => (0, __tanstack_react_table.getExpandedRowModel)(), []);
 	const { table, shallow, debounceMs, throttleMs } = useDataTable({
 		data,
 		columns,
+		getRowId,
+		getRowCanExpand: () => enableExpansion,
+		getExpandedRowModel: enableExpansion ? expandedRowModel : void 0,
+		autoResetExpanded: defaultExpanded ? false : void 0,
 		pageCount,
 		...total !== void 0 ? { rowCount: total } : {},
 		enableAdvancedFilter,
@@ -4610,7 +4659,8 @@ function AutoTable({ schema, data, pageCount = 1, pagination, total, overrides,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
 				pagination,
 				table,
-				classNames
+				classNames,
+				expandedRow
 			}),
 			enableRowSelection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoTableActionBar, {
 				table,
@@ -7553,7 +7603,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 			return {
 				...action$1,
 				onClick: (_rows, { table }) => {
-					const headers = table.getAllLeafColumns().map((column) => column.id).filter((key) => key !== "select" && key !== "actions" && !denyFields?.includes(key));
+					const headers = getExportColumnIds(table).filter((key) => key !== "select" && key !== "actions" && !denyFields?.includes(key));
 					exportAllToCSV(table.getFilteredSelectedRowModel().rows.map((row) => formatExportRow(row.original, resolvedFields, Object.fromEntries(headers.map((key) => [key, row.getValue(key)])))), {
 						filename: "table",
 						headers
@@ -7813,6 +7863,9 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 					...pagination
 				} : void 0,
 				...resource.tableData.total !== void 0 ? { total: resource.tableData.total } : {},
+				getRowId: tableConfig?.getRowId,
+				expandedRow: tableConfig?.expandedRow,
+				defaultExpanded: tableConfig?.defaultExpanded,
 				overrides: tableOverrides,
 				classNames: tableConfig?.classNames,
 				exclude: hiddenColumns.filter((key) => !filterOnly.includes(key)),

package/dist/index.d.cts

@@ -1,6 +1,7 @@
 import { a as positionActions, i as matchesPosition, n as actionPositionSchema, r as compareOrder, t as ActionPosition } from "./position-DoBV7yB6.cjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import * as React$1 from "react";
+import { ComponentProps, ReactNode } from "react";
 import * as _tanstack_react_table0 from "@tanstack/react-table";
 import { Column, ColumnDef, ColumnMeta, ColumnSort, Row, RowData, Table, TableOptions, TableState } from "@tanstack/react-table";
 import { z } from "zod";
@@ -651,6 +652,26 @@ interface CrudPermissions {
   deny?: string[];
 }
 //#endregion
+//#region src/components/data-table/data-table.d.ts
+interface DataTableProps<TData> extends ComponentProps<'div'> {
+  table: Table<TData>;
+  pagination?: TablePaginationOptions;
+  classNames?: DataTableClassNames;
+  actionBar?: ReactNode;
+  /** Content mounted below an expanded row; row provides resolved cell contexts. */
+  expandedRow?: (record: TData, row: Row<TData>) => ReactNode;
+}
+declare function DataTable<TData>({
+  table,
+  actionBar,
+  pagination,
+  expandedRow,
+  children,
+  className,
+  classNames,
+  ...props
+}: DataTableProps<TData>): react_jsx_runtime8.JSX.Element;
+//#endregion
 //#region src/components/auto-crud/auto-table-action-bar.d.ts
 /** 批量更新字段配置 */
 interface BatchUpdateField {
@@ -738,7 +759,7 @@ declare function AutoTableActionBar<TData>({
   extraActions,
   actions,
   deleteConfirmation
-}: AutoTableActionBarProps<TData>): react_jsx_runtime4.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -847,9 +868,13 @@ declare function createActionsColumn<T>(items: ActionsColumnConfig<T>): ColumnDe
 //#region src/components/auto-crud/auto-table.d.ts
 /** 过滤模式类型 */
 type FilterMode = 'simple' | 'advanced' | 'command';
-interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> {
+interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> extends Pick<DataTableProps<z.infer<T>>, 'expandedRow'> {
   schema: T;
   data: z.infer<T>[];
+  /** Stable row identity; required when expandedRow is provided. */
+  getRowId?: TableOptions<z.infer<T>>['getRowId'];
+  /** Initially expand all rows. Defaults to false; only applies with expandedRow. */
+  defaultExpanded?: boolean;
   pageCount?: number;
   pagination?: TablePaginationOptions;
   /** Total rows matching the current search and filters. */
@@ -905,6 +930,9 @@ interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> {
 declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   schema,
   data,
+  getRowId,
+  expandedRow,
+  defaultExpanded,
   pageCount,
   pagination,
   total,
@@ -929,7 +957,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   onSelectedCountChange,
   onSelectedRowsChange,
   getSelectedRows
-}: AutoTableProps<T>): react_jsx_runtime4.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/row-action-dialog.d.ts
 interface RowActionDialogProps {
@@ -1401,7 +1429,7 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
     batchActions?: BatchActionConfig<z.output<TSchema>>;
     /** 默认排序 */
     defaultSort?: any[];
-  };
+  } & Pick<AutoTableProps<TSchema>, 'getRowId' | 'expandedRow' | 'defaultExpanded'>;
   /** 表单配置 */
   form?: {
     /** 表单覆盖配置（兼容旧 API，优先级低于 fieldOverrides） */
@@ -1483,7 +1511,7 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   toolbarActions,
   locale: localeProp,
   onCreate
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime4.JSX.Element;
+}: AutoCrudTableProps<TSchema>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
@@ -1522,7 +1550,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime4.JSX.Element;
+}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime8.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -1541,7 +1569,7 @@ declare function AutoTableSimpleFilters<TData>({
   filters: externalFilters,
   onFiltersChange,
   leading
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime4.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = 'dialog' | 'sheet';
@@ -1585,7 +1613,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime4.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1607,7 +1635,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime4.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = 'selected' | 'filtered';
@@ -1627,24 +1655,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime4.JSX.Element;
-//#endregion
-//#region src/components/data-table/data-table.d.ts
-interface DataTableProps<TData> extends React$1.ComponentProps<'div'> {
-  table: Table<TData>;
-  pagination?: TablePaginationOptions;
-  classNames?: DataTableClassNames;
-  actionBar?: React$1.ReactNode;
-}
-declare function DataTable<TData>({
-  table,
-  actionBar,
-  pagination,
-  children,
-  className,
-  classNames,
-  ...props
-}: DataTableProps<TData>): react_jsx_runtime4.JSX.Element;
+}: ExportDialogProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<'div'> {
@@ -1655,7 +1666,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime4.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -1667,7 +1678,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime4.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -1681,7 +1692,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime4.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<'div'>, TablePaginationOptions {
@@ -1697,7 +1708,7 @@ declare function DataTablePagination<TData>({
   pageJumpLabel,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime4.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<'div'> {
@@ -1708,7 +1719,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime4.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends React$1.ComponentProps<typeof PopoverContent> {
@@ -1719,7 +1730,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime4.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/crud-actions.d.ts
 type CrudActionZone = 'toolbar' | 'row' | 'batch';
@@ -2113,4 +2124,4 @@ declare function exportAllToCSV<T extends Record<string, unknown>>(data: T[], op
  */
 declare function downloadCSVTemplate(headers: string[], filename?: string): void;
 //#endregion
-export { type ActionConfig, type ActionItem, type ActionPosition, type ActionsColumnConfig, type AutoCrudActionConfig, type AutoCrudActionsConfig, type AutoCrudDataSourceConfig, type AutoCrudDataSourceContext, type AutoCrudDataSourceEntry, type AutoCrudDataSourceLoader, type AutoCrudDataSourceRegistration, type AutoCrudFormComponentConfig, type AutoCrudLocale, type AutoCrudOption, type AutoCrudQueryCapabilities, type AutoCrudRowActionContext, type AutoCrudRowOpenOptions, AutoCrudTable, type AutoCrudTableProps, type AutoCrudToolbarContext, type AutoCrudToolbarResolver, AutoForm, type AutoFormProps, type AutoQueryParams, AutoTable, AutoTableActionBar, AutoTableSimpleFilters, type BatchActionConfig, type BatchActionContext, type BatchActionItem, type BatchBuiltinActionItem, type BatchBuiltinActionType, type BatchCustomActionItem, type BatchUpdateField, type ColumnOverrides, type CreateFormSchemaOptions, type CreateTableSchemaOptions, type CrudActionBase, type CrudActionEntry, type CrudActionRegistration, type CrudActionZone, CrudFormModal, type CrudHooks, type CrudOperationPermissions, type CrudPermissions, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableClassNames, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type DateFormatPreset, type DateFormatter, type DateLocaleOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldOption, type FieldTableDisplay, type FieldType, type Fields, type FilterConfig, FilterOperator, type FilterVariant, type FormSchemaOverrides, ImportDialog, type ImportDialogProps, type ImportResult, type JSONSchema, type JSONSchemaProperty, JoinOperator, type ListParams, type ListResult, type LocaleProp, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, type MultiComboboxTriggerRenderProps, Option, type ParsedImportData, type ParsedZodField, type Parser, QueryKeys, type RowActionConfig, type RowActionDialogProps, type RowActionItem, type RowBuiltinActionItem, type RowBuiltinActionType, type RowCustomActionItem, SchemaAdapter, Select, type SelectMode, type SelectOption, type SelectProps, type SelectSearchableDynamicProps, type SelectSearchableMultipleProps, type SelectSearchableProps, type SelectSearchableSingleProps, type SelectSimpleProps, type SelectTriggerRenderProps, type SimpleFieldConfig, type SimpleFieldsConfig, type TablePaginationOptions, type ToastAdapter, type ToolbarActionConfig, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarBuiltinActionType, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, actionPositionSchema, cn, coerceRowValues, compareOrder, components, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, crudActions, dataSources, dataToCSV, deDE, downloadCSVTemplate, enUS, esES, exportAllToCSV, exportTableToCSV, formComponents, formatDate, frFR, generateCSVTemplate, getUrlParams, humanize, jaJP, koKR, matchesPosition, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, positionActions, resolveLocale, setDateFormatter, setSearchParams, setToolbarResolver, tablePagination, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };
+export { type ActionConfig, type ActionItem, type ActionPosition, type ActionsColumnConfig, type AutoCrudActionConfig, type AutoCrudActionsConfig, type AutoCrudDataSourceConfig, type AutoCrudDataSourceContext, type AutoCrudDataSourceEntry, type AutoCrudDataSourceLoader, type AutoCrudDataSourceRegistration, type AutoCrudFormComponentConfig, type AutoCrudLocale, type AutoCrudOption, type AutoCrudQueryCapabilities, type AutoCrudRowActionContext, type AutoCrudRowOpenOptions, AutoCrudTable, type AutoCrudTableProps, type AutoCrudToolbarContext, type AutoCrudToolbarResolver, AutoForm, type AutoFormProps, type AutoQueryParams, AutoTable, AutoTableActionBar, type AutoTableProps, AutoTableSimpleFilters, type BatchActionConfig, type BatchActionContext, type BatchActionItem, type BatchBuiltinActionItem, type BatchBuiltinActionType, type BatchCustomActionItem, type BatchUpdateField, type ColumnOverrides, type CreateFormSchemaOptions, type CreateTableSchemaOptions, type CrudActionBase, type CrudActionEntry, type CrudActionRegistration, type CrudActionZone, CrudFormModal, type CrudHooks, type CrudOperationPermissions, type CrudPermissions, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableClassNames, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, type DataTableProps, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type DateFormatPreset, type DateFormatter, type DateLocaleOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldOption, type FieldTableDisplay, type FieldType, type Fields, type FilterConfig, FilterOperator, type FilterVariant, type FormSchemaOverrides, ImportDialog, type ImportDialogProps, type ImportResult, type JSONSchema, type JSONSchemaProperty, JoinOperator, type ListParams, type ListResult, type LocaleProp, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, type MultiComboboxTriggerRenderProps, Option, type ParsedImportData, type ParsedZodField, type Parser, QueryKeys, type RowActionConfig, type RowActionDialogProps, type RowActionItem, type RowBuiltinActionItem, type RowBuiltinActionType, type RowCustomActionItem, SchemaAdapter, Select, type SelectMode, type SelectOption, type SelectProps, type SelectSearchableDynamicProps, type SelectSearchableMultipleProps, type SelectSearchableProps, type SelectSearchableSingleProps, type SelectSimpleProps, type SelectTriggerRenderProps, type SimpleFieldConfig, type SimpleFieldsConfig, type TablePaginationOptions, type ToastAdapter, type ToolbarActionConfig, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarBuiltinActionType, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, actionPositionSchema, cn, coerceRowValues, compareOrder, components, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, crudActions, dataSources, dataToCSV, deDE, downloadCSVTemplate, enUS, esES, exportAllToCSV, exportTableToCSV, formComponents, formatDate, frFR, generateCSVTemplate, getUrlParams, humanize, jaJP, koKR, matchesPosition, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, positionActions, resolveLocale, setDateFormatter, setSearchParams, setToolbarResolver, tablePagination, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 import { a as positionActions, i as matchesPosition, n as actionPositionSchema, r as compareOrder, t as ActionPosition } from "./position-mYekVBBH.js";
 import * as React$1 from "react";
+import { ComponentProps, ReactNode } from "react";
 import * as _tanstack_react_table0 from "@tanstack/react-table";
 import { Column, ColumnDef, ColumnMeta, ColumnSort, Row, RowData, Table, TableOptions, TableState } from "@tanstack/react-table";
 import { DropdownMenuTrigger, PopoverContent } from "@wordrhyme/shadcn";
 import { ClassValue } from "clsx";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { MultiCombobox, MultiComboboxOption, MultiComboboxProps, MultiComboboxTriggerRenderProps, Select, SelectMode, SelectOption, SelectProps, SelectSearchableDynamicProps, SelectSearchableMultipleProps, SelectSearchableProps, SelectSearchableSingleProps, SelectSimpleProps, SelectTriggerRenderProps } from "@wordrhyme/shadcn-ui";
 import { DropdownMenuItem as DropdownMenuItem$1 } from "@wordrhyme/ui";
 import { z } from "zod";
@@ -651,6 +652,26 @@ interface CrudPermissions {
   deny?: string[];
 }
 //#endregion
+//#region src/components/data-table/data-table.d.ts
+interface DataTableProps<TData> extends ComponentProps<'div'> {
+  table: Table<TData>;
+  pagination?: TablePaginationOptions;
+  classNames?: DataTableClassNames;
+  actionBar?: ReactNode;
+  /** Content mounted below an expanded row; row provides resolved cell contexts. */
+  expandedRow?: (record: TData, row: Row<TData>) => ReactNode;
+}
+declare function DataTable<TData>({
+  table,
+  actionBar,
+  pagination,
+  expandedRow,
+  children,
+  className,
+  classNames,
+  ...props
+}: DataTableProps<TData>): react_jsx_runtime8.JSX.Element;
+//#endregion
 //#region src/components/auto-crud/auto-table-action-bar.d.ts
 /** 批量更新字段配置 */
 interface BatchUpdateField {
@@ -738,7 +759,7 @@ declare function AutoTableActionBar<TData>({
   extraActions,
   actions,
   deleteConfirmation
-}: AutoTableActionBarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -847,9 +868,13 @@ declare function createActionsColumn<T>(items: ActionsColumnConfig<T>): ColumnDe
 //#region src/components/auto-crud/auto-table.d.ts
 /** 过滤模式类型 */
 type FilterMode = 'simple' | 'advanced' | 'command';
-interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> {
+interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> extends Pick<DataTableProps<z.infer<T>>, 'expandedRow'> {
   schema: T;
   data: z.infer<T>[];
+  /** Stable row identity; required when expandedRow is provided. */
+  getRowId?: TableOptions<z.infer<T>>['getRowId'];
+  /** Initially expand all rows. Defaults to false; only applies with expandedRow. */
+  defaultExpanded?: boolean;
   pageCount?: number;
   pagination?: TablePaginationOptions;
   /** Total rows matching the current search and filters. */
@@ -905,6 +930,9 @@ interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> {
 declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   schema,
   data,
+  getRowId,
+  expandedRow,
+  defaultExpanded,
   pageCount,
   pagination,
   total,
@@ -929,7 +957,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   onSelectedCountChange,
   onSelectedRowsChange,
   getSelectedRows
-}: AutoTableProps<T>): react_jsx_runtime2.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/row-action-dialog.d.ts
 interface RowActionDialogProps {
@@ -1401,7 +1429,7 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
     batchActions?: BatchActionConfig<z.output<TSchema>>;
     /** 默认排序 */
     defaultSort?: any[];
-  };
+  } & Pick<AutoTableProps<TSchema>, 'getRowId' | 'expandedRow' | 'defaultExpanded'>;
   /** 表单配置 */
   form?: {
     /** 表单覆盖配置（兼容旧 API，优先级低于 fieldOverrides） */
@@ -1483,7 +1511,7 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   toolbarActions,
   locale: localeProp,
   onCreate
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime2.JSX.Element;
+}: AutoCrudTableProps<TSchema>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
@@ -1522,7 +1550,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime2.JSX.Element;
+}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime8.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -1541,7 +1569,7 @@ declare function AutoTableSimpleFilters<TData>({
   filters: externalFilters,
   onFiltersChange,
   leading
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime2.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = 'dialog' | 'sheet';
@@ -1585,7 +1613,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime2.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1607,7 +1635,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime2.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = 'selected' | 'filtered';
@@ -1627,24 +1655,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime2.JSX.Element;
-//#endregion
-//#region src/components/data-table/data-table.d.ts
-interface DataTableProps<TData> extends React$1.ComponentProps<'div'> {
-  table: Table<TData>;
-  pagination?: TablePaginationOptions;
-  classNames?: DataTableClassNames;
-  actionBar?: React$1.ReactNode;
-}
-declare function DataTable<TData>({
-  table,
-  actionBar,
-  pagination,
-  children,
-  className,
-  classNames,
-  ...props
-}: DataTableProps<TData>): react_jsx_runtime2.JSX.Element;
+}: ExportDialogProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<'div'> {
@@ -1655,7 +1666,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -1667,7 +1678,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -1681,7 +1692,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<'div'>, TablePaginationOptions {
@@ -1697,7 +1708,7 @@ declare function DataTablePagination<TData>({
   pageJumpLabel,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<'div'> {
@@ -1708,7 +1719,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends React$1.ComponentProps<typeof PopoverContent> {
@@ -1719,7 +1730,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/crud-actions.d.ts
 type CrudActionZone = 'toolbar' | 'row' | 'batch';
@@ -2113,4 +2124,4 @@ declare function exportAllToCSV<T extends Record<string, unknown>>(data: T[], op
  */
 declare function downloadCSVTemplate(headers: string[], filename?: string): void;
 //#endregion
-export { type ActionConfig, type ActionItem, type ActionPosition, type ActionsColumnConfig, type AutoCrudActionConfig, type AutoCrudActionsConfig, type AutoCrudDataSourceConfig, type AutoCrudDataSourceContext, type AutoCrudDataSourceEntry, type AutoCrudDataSourceLoader, type AutoCrudDataSourceRegistration, type AutoCrudFormComponentConfig, type AutoCrudLocale, type AutoCrudOption, type AutoCrudQueryCapabilities, type AutoCrudRowActionContext, type AutoCrudRowOpenOptions, AutoCrudTable, type AutoCrudTableProps, type AutoCrudToolbarContext, type AutoCrudToolbarResolver, AutoForm, type AutoFormProps, type AutoQueryParams, AutoTable, AutoTableActionBar, AutoTableSimpleFilters, type BatchActionConfig, type BatchActionContext, type BatchActionItem, type BatchBuiltinActionItem, type BatchBuiltinActionType, type BatchCustomActionItem, type BatchUpdateField, type ColumnOverrides, type CreateFormSchemaOptions, type CreateTableSchemaOptions, type CrudActionBase, type CrudActionEntry, type CrudActionRegistration, type CrudActionZone, CrudFormModal, type CrudHooks, type CrudOperationPermissions, type CrudPermissions, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableClassNames, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type DateFormatPreset, type DateFormatter, type DateLocaleOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldOption, type FieldTableDisplay, type FieldType, type Fields, type FilterConfig, FilterOperator, type FilterVariant, type FormSchemaOverrides, ImportDialog, type ImportDialogProps, type ImportResult, type JSONSchema, type JSONSchemaProperty, JoinOperator, type ListParams, type ListResult, type LocaleProp, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, type MultiComboboxTriggerRenderProps, Option, type ParsedImportData, type ParsedZodField, type Parser, QueryKeys, type RowActionConfig, type RowActionDialogProps, type RowActionItem, type RowBuiltinActionItem, type RowBuiltinActionType, type RowCustomActionItem, SchemaAdapter, Select, type SelectMode, type SelectOption, type SelectProps, type SelectSearchableDynamicProps, type SelectSearchableMultipleProps, type SelectSearchableProps, type SelectSearchableSingleProps, type SelectSimpleProps, type SelectTriggerRenderProps, type SimpleFieldConfig, type SimpleFieldsConfig, type TablePaginationOptions, type ToastAdapter, type ToolbarActionConfig, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarBuiltinActionType, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, actionPositionSchema, cn, coerceRowValues, compareOrder, components, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, crudActions, dataSources, dataToCSV, deDE, downloadCSVTemplate, enUS, esES, exportAllToCSV, exportTableToCSV, formComponents, formatDate, frFR, generateCSVTemplate, getUrlParams, humanize, jaJP, koKR, matchesPosition, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, positionActions, resolveLocale, setDateFormatter, setSearchParams, setToolbarResolver, tablePagination, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };
+export { type ActionConfig, type ActionItem, type ActionPosition, type ActionsColumnConfig, type AutoCrudActionConfig, type AutoCrudActionsConfig, type AutoCrudDataSourceConfig, type AutoCrudDataSourceContext, type AutoCrudDataSourceEntry, type AutoCrudDataSourceLoader, type AutoCrudDataSourceRegistration, type AutoCrudFormComponentConfig, type AutoCrudLocale, type AutoCrudOption, type AutoCrudQueryCapabilities, type AutoCrudRowActionContext, type AutoCrudRowOpenOptions, AutoCrudTable, type AutoCrudTableProps, type AutoCrudToolbarContext, type AutoCrudToolbarResolver, AutoForm, type AutoFormProps, type AutoQueryParams, AutoTable, AutoTableActionBar, type AutoTableProps, AutoTableSimpleFilters, type BatchActionConfig, type BatchActionContext, type BatchActionItem, type BatchBuiltinActionItem, type BatchBuiltinActionType, type BatchCustomActionItem, type BatchUpdateField, type ColumnOverrides, type CreateFormSchemaOptions, type CreateTableSchemaOptions, type CrudActionBase, type CrudActionEntry, type CrudActionRegistration, type CrudActionZone, CrudFormModal, type CrudHooks, type CrudOperationPermissions, type CrudPermissions, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableClassNames, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, type DataTableProps, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type DateFormatPreset, type DateFormatter, type DateLocaleOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldOption, type FieldTableDisplay, type FieldType, type Fields, type FilterConfig, FilterOperator, type FilterVariant, type FormSchemaOverrides, ImportDialog, type ImportDialogProps, type ImportResult, type JSONSchema, type JSONSchemaProperty, JoinOperator, type ListParams, type ListResult, type LocaleProp, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, type MultiComboboxTriggerRenderProps, Option, type ParsedImportData, type ParsedZodField, type Parser, QueryKeys, type RowActionConfig, type RowActionDialogProps, type RowActionItem, type RowBuiltinActionItem, type RowBuiltinActionType, type RowCustomActionItem, SchemaAdapter, Select, type SelectMode, type SelectOption, type SelectProps, type SelectSearchableDynamicProps, type SelectSearchableMultipleProps, type SelectSearchableProps, type SelectSearchableSingleProps, type SelectSimpleProps, type SelectTriggerRenderProps, type SimpleFieldConfig, type SimpleFieldsConfig, type TablePaginationOptions, type ToastAdapter, type ToolbarActionConfig, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarBuiltinActionType, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, actionPositionSchema, cn, coerceRowValues, compareOrder, components, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, crudActions, dataSources, dataToCSV, deDE, downloadCSVTemplate, enUS, esES, exportAllToCSV, exportTableToCSV, formComponents, formatDate, frFR, generateCSVTemplate, getUrlParams, humanize, jaJP, koKR, matchesPosition, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, positionActions, resolveLocale, setDateFormatter, setSearchParams, setToolbarResolver, tablePagination, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };

package/dist/index.js

@@ -1,12 +1,12 @@
 import { i as positionActions, n as compareOrder, r as matchesPosition, t as actionPositionSchema } from "./position--p6kJnYA.js";
 import * as React from "react";
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
-import { ArrowDownUp, BadgeCheck, CalendarIcon, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, CommandIcon, Download, Ellipsis, EyeOff, FileDown, FileSpreadsheetIcon, GripVertical, ListFilter, ListFilterIcon, Loader2, PlusCircle, RefreshCw, Settings2, Text, Trash2, Upload, X, XCircle } from "lucide-react";
-import { flexRender, getCoreRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import { Fragment, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
+import { ArrowDownUp, BadgeCheck, CalendarIcon, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronRightIcon, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, CommandIcon, Download, Ellipsis, EyeOff, FileDown, FileSpreadsheetIcon, GripVertical, ListFilter, ListFilterIcon, Loader2, PlusCircle, RefreshCw, Settings2, Text, Trash2, Upload, X, XCircle } from "lucide-react";
+import { flexRender, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, Calendar, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, Input, Label, Popover, PopoverContent, PopoverTrigger, Select as Select$1, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Slider, Switch, Table as Table$1, TableBody, TableCell, TableHead, TableHeader, TableRow, cn as cn$1 } from "@wordrhyme/shadcn";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { customAlphabet } from "nanoid";
 import { ActionBar, ActionBarClose, ActionBarGroup, ActionBarItem, ActionBarSelection, ActionBarSeparator, Faceted, FacetedBadgeList, FacetedContent, FacetedEmpty, FacetedGroup, FacetedInput, FacetedItem, FacetedList, FacetedTrigger, MultiCombobox, Select, Select as Select$2, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay } from "@wordrhyme/shadcn-ui";
 import { AlertDialog as AlertDialog$1, AlertDialogAction as AlertDialogAction$1, AlertDialogCancel as AlertDialogCancel$1, AlertDialogContent as AlertDialogContent$1, AlertDialogDescription as AlertDialogDescription$1, AlertDialogFooter as AlertDialogFooter$1, AlertDialogHeader as AlertDialogHeader$1, AlertDialogTitle as AlertDialogTitle$1, Button as Button$1, Calendar as Calendar$1, Dialog as Dialog$1, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DropdownMenu as DropdownMenu$1, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuSeparator, DropdownMenuTrigger as DropdownMenuTrigger$1, Popover as Popover$1, PopoverContent as PopoverContent$1, PopoverTrigger as PopoverTrigger$1, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "@wordrhyme/ui";
@@ -551,7 +551,7 @@ function formatDate(date, opts = {}, preset) {
 
 //#endregion
 //#region src/components/data-table/data-table.tsx
-function DataTable({ table, actionBar, pagination, children, className, classNames,...props }) {
+function DataTable({ table, actionBar, pagination, expandedRow, children, className, classNames,...props }) {
 	useDateFormatterVersion();
 	const columns = [
 		...table.getLeftVisibleLeafColumns(),
@@ -566,6 +566,7 @@ function DataTable({ table, actionBar, pagination, children, className, classNam
 			children,
 			/* @__PURE__ */ jsx("div", {
 				className: "overflow-hidden rounded-md border",
+				style: expandedRow ? { containerType: "inline-size" } : void 0,
 				children: /* @__PURE__ */ jsxs(Table$1, {
 					className: classNames?.table,
 					style: hasWidthCap ? {
@@ -591,7 +592,7 @@ function DataTable({ table, actionBar, pagination, children, className, classNam
 						}),
 						/* @__PURE__ */ jsx(TableBody, {
 							className: classNames?.tbody,
-							children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, {
+							children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TableRow, {
 								className: classNames?.tr,
 								"data-state": row.getIsSelected() && "selected",
 								children: row.getVisibleCells().map((cell) => {
@@ -602,7 +603,14 @@ function DataTable({ table, actionBar, pagination, children, className, classNam
 										children: flexRender(cell.column.columnDef.cell, cell.getContext())
 									}, cell.id);
 								})
-							}, row.id)) : /* @__PURE__ */ jsx(TableRow, {
+							}), expandedRow && row.getCanExpand() && row.getIsExpanded() && /* @__PURE__ */ jsx(TableRow, {
+								className: classNames?.tr,
+								children: /* @__PURE__ */ jsx(TableCell, {
+									colSpan: row.getVisibleCells().length,
+									className: classNames?.td,
+									children: expandedRow(row.original, row)
+								})
+							})] }, row.id)) : /* @__PURE__ */ jsx(TableRow, {
 								className: classNames?.tr,
 								children: /* @__PURE__ */ jsx(TableCell, {
 									colSpan: table.getAllColumns().length,
@@ -1959,7 +1967,7 @@ function DataTableFilterMenu({ table, debounceMs = DEBOUNCE_MS$1, throttleMs = T
 							onKeyDown: onInputKeyDown
 						}), /* @__PURE__ */ jsx(CommandList, {
 							onScroll: selectedColumnMeta?.autoCrudFilterOnPopupScroll,
-							children: selectedColumn ? /* @__PURE__ */ jsxs(Fragment, { children: [
+							children: selectedColumn ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 								selectedColumn.columnDef.meta?.options && /* @__PURE__ */ jsx(CommandEmpty, { children: "No options found." }),
 								/* @__PURE__ */ jsx(FilterValueSelector, {
 									column: selectedColumn,
@@ -1978,7 +1986,7 @@ function DataTableFilterMenu({ table, debounceMs = DEBOUNCE_MS$1, throttleMs = T
 									className: "sr-only",
 									children: "Load more"
 								})
-							] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ jsx(CommandGroup, { children: columns.map((column) => /* @__PURE__ */ jsxs(CommandItem, {
+							] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No fields found." }), /* @__PURE__ */ jsx(CommandGroup, { children: columns.map((column) => /* @__PURE__ */ jsxs(CommandItem, {
 								value: column.id,
 								onSelect: () => {
 									setSelectedColumn(column);
@@ -2162,7 +2170,7 @@ function FilterValueSelector({ column, value, onSelect }) {
 				value,
 				onSelect: () => onSelect(value),
 				disabled: isEmpty,
-				children: isEmpty ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {}), /* @__PURE__ */ jsx("span", { children: "Type to add filter..." })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BadgeCheck, {}), /* @__PURE__ */ jsxs("span", {
+				children: isEmpty ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Text, {}), /* @__PURE__ */ jsx("span", { children: "Type to add filter..." })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BadgeCheck, {}), /* @__PURE__ */ jsxs("span", {
 					className: "truncate",
 					children: [
 						"Filter by \"",
@@ -2248,7 +2256,7 @@ function onFilterInputRender({ today, filter, column, inputId, onFilterUpdate, s
 						variant: "ghost",
 						size: "sm",
 						className: "h-full min-w-16 rounded-none border px-1.5 font-normal dark:bg-input/30",
-						children: selectedOptions.length === 0 ? filter.variant === "multiSelect" ? "Select options..." : "Select option..." : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+						children: selectedOptions.length === 0 ? filter.variant === "multiSelect" ? "Select options..." : "Select option..." : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 							className: "flex items-center -space-x-2 rtl:space-x-reverse",
 							children: selectedOptions.map((selectedOption) => selectedOption.icon ? /* @__PURE__ */ jsx("div", {
 								className: "rounded-full border bg-background p-0.5",
@@ -2961,7 +2969,7 @@ function SimpleFacetedFilter({ title, options, multiple, value, hasMore, loading
 					children: /* @__PURE__ */ jsx(XCircle, {})
 				}) : /* @__PURE__ */ jsx(PlusCircle, {}),
 				title,
-				selectedValues.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+				selectedValues.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsx(Separator, {
 						orientation: "vertical",
 						className: "mx-0.5 h-4"
@@ -3035,7 +3043,7 @@ function SimpleSliderFilter({ title, range, unit, value, onChange }) {
 					children: /* @__PURE__ */ jsx(XCircle, {})
 				}) : /* @__PURE__ */ jsx(PlusCircle, {}),
 				/* @__PURE__ */ jsx("span", { children: title }),
-				value && /* @__PURE__ */ jsxs(Fragment, { children: [
+				value && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsx(Separator, {
 						orientation: "vertical",
 						className: "mx-0.5 h-4"
@@ -3175,7 +3183,7 @@ function SimpleDateFilter({ title, maxDate, multiple, value, onChange }) {
 						children: /* @__PURE__ */ jsx(XCircle, {})
 					}) : /* @__PURE__ */ jsx(CalendarIcon, {}),
 					/* @__PURE__ */ jsx("span", { children: title }),
-					label && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, {
+					label && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, {
 						orientation: "vertical",
 						className: "mx-0.5 h-4"
 					}), /* @__PURE__ */ jsx("span", { children: label })] })
@@ -3277,7 +3285,7 @@ function DataTableColumnHeader({ column, label, className,...props }) {
 	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
 		align: "start",
 		className: "w-28",
-		children: [column.getCanSort() && /* @__PURE__ */ jsxs(Fragment, { children: [
+		children: [column.getCanSort() && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsxs(DropdownMenuCheckboxItem, {
 				className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
 				checked: column.getIsSorted() === "asc",
@@ -3891,9 +3899,12 @@ function coerceRowValues(rows, schema) {
 
 //#endregion
 //#region src/lib/export.ts
+function getExportColumnIds(table) {
+	return table.getAllLeafColumns().filter((column) => column.accessorFn).map((column) => column.id);
+}
 function exportTableToCSV(table, opts = {}) {
 	const { filename = "table", excludeColumns = [], onlySelected = false } = opts;
-	const headers = table.getAllLeafColumns().map((column) => column.id).filter((id) => !excludeColumns.includes(id));
+	const headers = getExportColumnIds(table).filter((id) => !excludeColumns.includes(id));
 	downloadCSV([headers.join(","), ...(onlySelected ? table.getFilteredSelectedRowModel().rows : table.getRowModel().rows).map((row) => headers.map((header) => {
 		const cellValue = row.getValue(header);
 		return typeof cellValue === "string" ? `"${cellValue.replace(/"/g, "\"\"")}"` : cellValue;
@@ -4081,7 +4092,7 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 			{ type: "delete" }
 		]) : actions;
 		let resolvedActions = configuredActions?.filter((action$1) => !action$1.hidden);
-		if (configuredActions === void 0) return /* @__PURE__ */ jsxs(Fragment, { children: [
+		if (configuredActions === void 0) return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			renderBuiltinAction({ type: "batchUpdate" }),
 			extraActions,
 			showDefaultExport && renderBuiltinAction({ type: "export" }),
@@ -4104,7 +4115,7 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 		if (!hasBuiltin) {
 			const startNodes = resolvedActions.filter(isBatchCustomAction).filter((action$1) => action$1.position === "start").map((action$1, index$1) => renderCustomAction(action$1, index$1));
 			const endNodes = resolvedActions.filter(isBatchCustomAction).filter((action$1) => action$1.position !== "start").map((action$1, index$1) => renderCustomAction(action$1, index$1));
-			return /* @__PURE__ */ jsxs(Fragment, { children: [
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				startNodes,
 				renderBuiltinAction({ type: "batchUpdate" }),
 				extraActions,
@@ -4404,7 +4415,9 @@ const filterModeConfig = {
 		tooltip: "Linear-style command filters"
 	}
 };
-function AutoTable({ schema, data, pageCount = 1, pagination, total, overrides, classNames, enableRowSelection = true, exclude, filterOnly, actions, pinnedColumns, filterMode, search = false, onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, actionBarActions, deleteConfirmation, initialSorting, enableExport = true, showDefaultExport = true, onSelectedCountChange, onSelectedRowsChange, getSelectedRows }) {
+function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = false, pageCount = 1, pagination, total, overrides, classNames, enableRowSelection = true, exclude, filterOnly, actions, pinnedColumns, filterMode, search = false, onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, actionBarActions, deleteConfirmation, initialSorting, enableExport = true, showDefaultExport = true, onSelectedCountChange, onSelectedRowsChange, getSelectedRows }) {
+	if (expandedRow && !getRowId) throw new Error("AutoTable requires getRowId when expandedRow is provided.");
+	const enableExpansion = !!expandedRow;
 	const modes = filterMode ? Array.isArray(filterMode) ? filterMode : [filterMode] : DEFAULT_MODES;
 	const [currentMode, setCurrentMode] = useQueryState("filterMode", parseAsStringEnum(modes).withDefault(modes[0] ?? "simple"));
 	const showToggle = modes.length > 1;
@@ -4418,7 +4431,7 @@ function AutoTable({ schema, data, pageCount = 1, pagination, total, overrides,
 	});
 	const searchConfig = search && typeof search === "object" ? search : {};
 	const enableAdvancedFilter = true;
-	const columns = useMemo(() => {
+	const { columns, expandColumnId } = useMemo(() => {
 		const columnOverrides = Object.assign({}, overrides);
 		for (const key of filterOnly ?? []) {
 			const field = key;
@@ -4439,31 +4452,67 @@ function AutoTable({ schema, data, pageCount = 1, pagination, total, overrides,
 			} : column;
 		});
 		const result = enableRowSelection ? [createSelectColumn(), ...dataColumns] : dataColumns;
+		let expandColumnId$1 = "expand";
+		if (enableExpansion) {
+			while (expandColumnId$1 in schema.shape || result.some((column) => column.id === expandColumnId$1)) expandColumnId$1 = `_${expandColumnId$1}`;
+			result.unshift({
+				id: expandColumnId$1,
+				header: () => /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Row details"
+				}),
+				cell: ({ row }) => /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": row.getIsExpanded() ? "Collapse row" : "Expand row",
+					"aria-expanded": row.getIsExpanded(),
+					onClick: row.getToggleExpandedHandler(),
+					children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: row.getIsExpanded() ? "size-4 rotate-90" : "size-4" })
+				}),
+				enableHiding: false,
+				enableSorting: false,
+				size: 40
+			});
+		}
 		if (actions) result.push(createActionsColumn(actions));
-		return result;
+		return {
+			columns: result,
+			expandColumnId: expandColumnId$1
+		};
 	}, [
 		schema,
 		overrides,
 		enableRowSelection,
+		enableExpansion,
 		exclude,
 		actions,
 		filterOnly
 	]);
 	const stableInitialState = useMemo(() => ({
 		sorting: initialSorting,
+		expanded: enableExpansion && defaultExpanded ? true : {},
 		columnPinning: pinnedColumns ?? {
-			left: enableRowSelection ? ["select"] : [],
+			left: [...enableExpansion ? [expandColumnId] : [], ...enableRowSelection ? ["select"] : []],
 			right: actions ? ["actions"] : []
 		}
 	}), [
 		initialSorting,
 		pinnedColumns,
 		enableRowSelection,
+		enableExpansion,
+		defaultExpanded,
+		expandColumnId,
 		actions
 	]);
+	const expandedRowModel = useMemo(() => getExpandedRowModel(), []);
 	const { table, shallow, debounceMs, throttleMs } = useDataTable({
 		data,
 		columns,
+		getRowId,
+		getRowCanExpand: () => enableExpansion,
+		getExpandedRowModel: enableExpansion ? expandedRowModel : void 0,
+		autoResetExpanded: defaultExpanded ? false : void 0,
 		pageCount,
 		...total !== void 0 ? { rowCount: total } : {},
 		enableAdvancedFilter,
@@ -4595,7 +4644,8 @@ function AutoTable({ schema, data, pageCount = 1, pagination, total, overrides,
 			/* @__PURE__ */ jsx(DataTable, {
 				pagination,
 				table,
-				classNames
+				classNames,
+				expandedRow
 			}),
 			enableRowSelection && /* @__PURE__ */ jsx(AutoTableActionBar, {
 				table,
@@ -6041,7 +6091,7 @@ function ImportDialog({ open, onOpenChange, onImport, columns = [], title, local
 			] })] }), /* @__PURE__ */ jsxs("div", {
 				className: "space-y-4",
 				children: [
-					step === "upload" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+					step === "upload" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 						className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${isDragging ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/50"}`,
 						onDragOver: (e) => {
 							e.preventDefault();
@@ -6089,7 +6139,7 @@ function ImportDialog({ open, onOpenChange, onImport, columns = [], title, local
 						onClick: handleDownloadTemplate,
 						children: locale.downloadTemplate
 					})] }),
-					step === "preview" && parsedData && /* @__PURE__ */ jsxs(Fragment, { children: [
+					step === "preview" && parsedData && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 						/* @__PURE__ */ jsx("div", {
 							className: "rounded-md border",
 							children: /* @__PURE__ */ jsx("div", {
@@ -6144,7 +6194,7 @@ function ImportDialog({ open, onOpenChange, onImport, columns = [], title, local
 							children: locale.importingRows(parsedData?.rows.length ?? 0)
 						})]
 					}),
-					step === "result" && result && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+					step === "result" && result && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 						className: "space-y-3",
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "flex gap-4",
@@ -7538,7 +7588,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 			return {
 				...action$1,
 				onClick: (_rows, { table }) => {
-					const headers = table.getAllLeafColumns().map((column) => column.id).filter((key) => key !== "select" && key !== "actions" && !denyFields?.includes(key));
+					const headers = getExportColumnIds(table).filter((key) => key !== "select" && key !== "actions" && !denyFields?.includes(key));
 					exportAllToCSV(table.getFilteredSelectedRowModel().rows.map((row) => formatExportRow(row.original, resolvedFields, Object.fromEntries(headers.map((key) => [key, row.getValue(key)])))), {
 						filename: "table",
 						headers
@@ -7798,6 +7848,9 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 					...pagination
 				} : void 0,
 				...resource.tableData.total !== void 0 ? { total: resource.tableData.total } : {},
+				getRowId: tableConfig?.getRowId,
+				expandedRow: tableConfig?.expandedRow,
+				defaultExpanded: tableConfig?.defaultExpanded,
 				overrides: tableOverrides,
 				classNames: tableConfig?.classNames,
 				exclude: hiddenColumns.filter((key) => !filterOnly.includes(key)),
@@ -8009,7 +8062,7 @@ function DataTableFacetedFilter({ column, title, options, multiple }) {
 					children: /* @__PURE__ */ jsx(XCircle, {})
 				}) : /* @__PURE__ */ jsx(PlusCircle, {}),
 				title,
-				selectedValues$1.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+				selectedValues$1.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsx(Separator, {
 						orientation: "vertical",
 						className: "mx-0.5 data-[orientation=vertical]:h-4"
@@ -8168,7 +8221,7 @@ function DataTableDateFilter({ column, title, multiple }) {
 			const dateText$1 = hasSelectedDates ? formatDateRange(selectedDates) : "Select date range";
 			return /* @__PURE__ */ jsxs("span", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx("span", { children: title }), hasSelectedDates && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, {
+				children: [/* @__PURE__ */ jsx("span", { children: title }), hasSelectedDates && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, {
 					orientation: "vertical",
 					className: "mx-0.5 data-[orientation=vertical]:h-4"
 				}), /* @__PURE__ */ jsx("span", { children: dateText$1 })] })]
@@ -8179,7 +8232,7 @@ function DataTableDateFilter({ column, title, multiple }) {
 		const dateText = hasSelectedDate ? formatDate$1(selectedDates[0]) : "Select date";
 		return /* @__PURE__ */ jsxs("span", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsx("span", { children: title }), hasSelectedDate && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, {
+			children: [/* @__PURE__ */ jsx("span", { children: title }), hasSelectedDate && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, {
 				orientation: "vertical",
 				className: "mx-0.5 data-[orientation=vertical]:h-4"
 			}), /* @__PURE__ */ jsx("span", { children: dateText })] })]
@@ -8335,7 +8388,7 @@ function DataTableSliderFilter({ column, title }) {
 					children: /* @__PURE__ */ jsx(XCircle, {})
 				}) : /* @__PURE__ */ jsx(PlusCircle, {}),
 				/* @__PURE__ */ jsx("span", { children: title }),
-				columnFilterValue ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				columnFilterValue ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					/* @__PURE__ */ jsx(Separator, {
 						orientation: "vertical",
 						className: "mx-0.5 data-[orientation=vertical]:h-4"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wordrhyme/auto-crud",
   "type": "module",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "Schema-first CRUD components with auto-generated tables and forms",
   "author": "wordrhyme",
   "license": "MIT",
@@ -70,9 +70,9 @@
     "nanoid": "^5.1.6",
     "tailwind-merge": "^3.5.0",
     "vaul": "^1.1.2",
+    "@wordrhyme/formily-shadcn": "2.1.1",
     "@wordrhyme/shadcn": "2.0.1",
-    "@wordrhyme/shadcn-ui": "2.1.1",
-    "@wordrhyme/formily-shadcn": "2.1.1"
+    "@wordrhyme/shadcn-ui": "2.1.1"
   },
   "devDependencies": {
     "@storybook/react": "^8.6.18",
@@ -93,11 +93,11 @@
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
     "vitest": "^3.2.4",
-    "@internal/prettier-config": "0.0.1",
-    "@internal/tsdown-config": "0.1.0",
+    "@internal/eslint-config": "0.3.0",
     "@internal/tsconfig": "0.1.0",
     "@internal/vitest-config": "0.1.0",
-    "@internal/eslint-config": "0.3.0"
+    "@internal/tsdown-config": "0.1.0",
+    "@internal/prettier-config": "0.0.1"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {