@wordrhyme/auto-crud 1.12.1 → 1.12.2

package/dist/index.cjs

@@ -4172,6 +4172,14 @@ function inferFilterVariantByFieldName(fieldName) {
 //#region src/lib/schema-bridge/zod-to-columns.tsx
 const parsedFieldCache = /* @__PURE__ */ new WeakMap();
 const baseTableSchemaCache = /* @__PURE__ */ new WeakMap();
+/** Cache generated value cells; custom cells keep observing every table state update. */
+function memoCell(render) {
+	const ValueCell = react.memo(function ValueCell$1(context) {
+		useDateFormatterVersion();
+		return render(context);
+	});
+	return (context) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueCell, { ...context });
+}
 /**
 * 解析 Zod 字段类型
 */
@@ -4392,7 +4400,7 @@ function createTableSchema(schema, options) {
 					column,
 					label
 				}),
-				cell: ({ row }) => renderCell(row.getValue(key), parsed.type, meta.options),
+				cell: memoCell(({ row }) => renderCell(row.getValue(key), parsed.type, meta.options)),
 				enableColumnFilter: true,
 				enableSorting: true,
 				meta,
@@ -5388,6 +5396,37 @@ function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = fals
 		debounceMs,
 		throttleMs
 	]);
+	const state = table.getState();
+	const tableContent = (0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
+		pagination,
+		table,
+		classNames,
+		expandedRow
+	}), [
+		table,
+		data,
+		columns,
+		getRowId,
+		pageCount,
+		total,
+		stableInitialState,
+		pagination,
+		classNames,
+		expandedRow,
+		state.columnFilters,
+		state.columnOrder,
+		state.columnPinning,
+		state.columnSizing,
+		state.columnSizingInfo,
+		state.columnVisibility,
+		state.expanded,
+		state.globalFilter,
+		state.grouping,
+		state.pagination,
+		state.rowPinning,
+		state.rowSelection,
+		state.sorting
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
 		children: [
@@ -5415,12 +5454,7 @@ function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = fals
 					]
 				})]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
-				pagination,
-				table,
-				classNames,
-				expandedRow
-			}),
+			tableContent,
 			enableRowSelection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoTableActionBar, {
 				table,
 				onDeleteSelected,
@@ -7167,7 +7201,7 @@ function useDynamicFilterOptions(fields) {
 	react.useEffect(() => () => {
 		for (const field of Object.keys(controllersRef.current)) clearFieldRequest(field);
 	}, [clearFieldRequest]);
-	return {
+	return react.useMemo(() => ({
 		hasMoreByField,
 		labelOptionsByField,
 		loadingByField,
@@ -7177,7 +7211,17 @@ function useDynamicFilterOptions(fields) {
 		searchableByField,
 		loadMore: (field) => loadFieldOptions(field, true),
 		setSearchValue
-	};
+	}), [
+		hasMoreByField,
+		labelOptionsByField,
+		loadingByField,
+		optionsByField,
+		registeredByField,
+		searchValues,
+		searchableByField,
+		loadFieldOptions,
+		setSearchValue
+	]);
 }
 function rowHasResolveValue(row, field, value) {
 	const rowValue = row[field];
@@ -7288,15 +7332,22 @@ function useDynamicResolveOptions(fields, rows, hiddenColumns) {
 		rows,
 		sourceEntries
 	]);
-	const displayOptionsByField = { ...optionsByField };
-	for (const field of Object.keys(fields ?? {}).filter((key) => !hiddenColumns.includes(key))) {
-		const projectedOptions = rows.flatMap((row) => {
-			const option = readCrudReferenceOption(row, field, row[field]);
-			return option ? [option] : [];
-		});
-		if (projectedOptions.length > 0) displayOptionsByField[field] = mergeFilterOptions(projectedOptions, optionsByField[field] ?? []);
-	}
-	return { optionsByField: displayOptionsByField };
+	return react.useMemo(() => {
+		const displayOptionsByField = { ...optionsByField };
+		for (const field of Object.keys(fields ?? {}).filter((key) => !hiddenColumns.includes(key))) {
+			const projectedOptions = rows.flatMap((row) => {
+				const option = readCrudReferenceOption(row, field, row[field]);
+				return option ? [option] : [];
+			});
+			if (projectedOptions.length > 0) displayOptionsByField[field] = mergeFilterOptions(projectedOptions, optionsByField[field] ?? []);
+		}
+		return { optionsByField: displayOptionsByField };
+	}, [
+		optionsByField,
+		fields,
+		hiddenColumns,
+		rows
+	]);
 }
 function getOptionLabel(value, options) {
 	const stringValue = String(value);
@@ -7404,7 +7455,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 				const options = tableConfig?.dataSource ? mergeFieldOptions(dynamicResolveOptions, presentationOptions) : presentationOptions ?? mergedSharedDynamicOptions;
 				result[key] = {
 					...result[key],
-					cell: ({ row, getValue }) => {
+					cell: memoCell(({ row, getValue }) => {
 						const value = getValue();
 						return config.format?.(value, {
 							row: row.original,
@@ -7413,7 +7464,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 							true: "true",
 							false: "false"
 						}, options, display ?? "auto");
-					}
+					})
 				};
 			}
 		}
@@ -7742,10 +7793,14 @@ function resolveActions(actions, defaults, rowActionsLocale, context) {
 * 高级 CRUD 表格组件，封装了完整的增删改查流程
 */
 function AutoCrudTable({ id, title, description, schema, resource, fields, table: tableConfig, form: formConfig, view: viewConfig, permissions, actions: actionItems, toolbar, toolbarActions, locale: localeProp, onCreate, onExport }) {
-	const locale = resolveLocale(localeProp);
+	const locale = react.useMemo(() => resolveLocale(localeProp), [localeProp]);
 	const getPagination = react.useCallback(() => id ? tablePagination.get(id) : void 0, [id]);
 	const registeredPagination = react.useSyncExternalStore(tablePagination.subscribe, getPagination, getPagination);
 	const pagination = tableConfig?.pagination ?? registeredPagination;
+	const paginationOptions = react.useMemo(() => pagination ? {
+		pageJumpLabel: locale.pagination?.pageJump,
+		...pagination
+	} : void 0, [pagination, locale.pagination?.pageJump]);
 	const resolvedSchema = resource.schema ?? schema;
 	const resolvedFields = react.useMemo(() => applyResourceTablePresentation(mergeFields(resource.fields, fields), resource.fields) ?? {}, [fields, resource.fields]);
 	const can = {
@@ -7777,6 +7832,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		denyFields,
 		tableConfig?.overrides
 	]);
+	const excludedColumns = react.useMemo(() => hiddenColumns.filter((key) => !filterOnly.includes(key)), [hiddenColumns, filterOnly]);
 	const dynamicResolveOptions = useDynamicResolveOptions(resolvedFields, resource.tableData.data, hiddenColumns);
 	const resourceIdKey = resource.idKey ?? "id";
 	const actionRegistryVersion = useCrudActionsVersion();
@@ -7968,13 +8024,13 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				const { type } = parseZodField(resolvedSchema.shape[key]);
 				formattedOverrides[key] = {
 					...override,
-					cell: (context) => {
+					cell: memoCell((context) => {
 						const value = context.getValue();
 						return config.format?.(value, {
 							row: context.row.original,
 							target: "display"
 						}) ?? renderCell(value, type, context.column.columnDef.meta?.options);
-					}
+					})
 				};
 			}
 		}
@@ -8136,17 +8192,14 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				data: resource.tableData.data,
 				schema: resolvedSchema,
 				pageCount: resource.tableData.pageCount,
-				pagination: pagination ? {
-					pageJumpLabel: locale.pagination?.pageJump,
-					...pagination
-				} : void 0,
+				pagination: paginationOptions,
 				...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)),
+				exclude: excludedColumns,
 				filterOnly,
 				filterMode: tableConfig?.filterModes,
 				search: searchConfig,

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import { a as positionActions, i as matchesPosition, n as actionPositionSchema, r as compareOrder, t as ActionPosition } from "./position-DoBV7yB6.cjs";
-import * as react_jsx_runtime9 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";
@@ -672,7 +672,7 @@ declare function DataTable<TData>({
   className,
   classNames,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime9.JSX.Element;
+}: DataTableProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-table-action-bar.d.ts
 /** 批量更新字段配置 */
@@ -761,7 +761,7 @@ declare function AutoTableActionBar<TData>({
   extraActions,
   actions,
   deleteConfirmation
-}: AutoTableActionBarProps<TData>): react_jsx_runtime9.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -1099,7 +1099,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   onSelectedRowsChange,
   getSelectedRows,
   exportTableRef
-}: AutoTableProps<T>): react_jsx_runtime9.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/row-action-dialog.d.ts
 interface RowActionDialogProps {
@@ -1562,7 +1562,7 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   locale: localeProp,
   onCreate,
   onExport
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime9.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>> {
@@ -1601,7 +1601,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime9.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>;
@@ -1620,7 +1620,7 @@ declare function AutoTableSimpleFilters<TData>({
   filters: externalFilters,
   onFiltersChange,
   leading
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime9.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';
@@ -1664,7 +1664,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime9.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1686,7 +1686,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime9.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = 'selected' | 'filtered';
@@ -1706,7 +1706,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime9.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'> {
@@ -1717,7 +1717,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime9.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> {
@@ -1729,7 +1729,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime9.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> {
@@ -1743,7 +1743,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime9.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 {
@@ -1759,7 +1759,7 @@ declare function DataTablePagination<TData>({
   pageJumpLabel,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime9.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'> {
@@ -1770,7 +1770,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime9.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 PopoverContentProps {
@@ -1783,7 +1783,7 @@ declare function DataTableViewOptions<TData>({
   disabled,
   locale,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime9.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/crud-actions.d.ts
 type CrudActionZone = 'toolbar' | 'row' | 'batch';

package/dist/index.js

@@ -4157,6 +4157,14 @@ function inferFilterVariantByFieldName(fieldName) {
 //#region src/lib/schema-bridge/zod-to-columns.tsx
 const parsedFieldCache = /* @__PURE__ */ new WeakMap();
 const baseTableSchemaCache = /* @__PURE__ */ new WeakMap();
+/** Cache generated value cells; custom cells keep observing every table state update. */
+function memoCell(render) {
+	const ValueCell = React.memo(function ValueCell$1(context) {
+		useDateFormatterVersion();
+		return render(context);
+	});
+	return (context) => /* @__PURE__ */ jsx(ValueCell, { ...context });
+}
 /**
 * 解析 Zod 字段类型
 */
@@ -4377,7 +4385,7 @@ function createTableSchema(schema, options) {
 					column,
 					label
 				}),
-				cell: ({ row }) => renderCell(row.getValue(key), parsed.type, meta.options),
+				cell: memoCell(({ row }) => renderCell(row.getValue(key), parsed.type, meta.options)),
 				enableColumnFilter: true,
 				enableSorting: true,
 				meta,
@@ -5373,6 +5381,37 @@ function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = fals
 		debounceMs,
 		throttleMs
 	]);
+	const state = table.getState();
+	const tableContent = useMemo(() => /* @__PURE__ */ jsx(DataTable, {
+		pagination,
+		table,
+		classNames,
+		expandedRow
+	}), [
+		table,
+		data,
+		columns,
+		getRowId,
+		pageCount,
+		total,
+		stableInitialState,
+		pagination,
+		classNames,
+		expandedRow,
+		state.columnFilters,
+		state.columnOrder,
+		state.columnPinning,
+		state.columnSizing,
+		state.columnSizingInfo,
+		state.columnVisibility,
+		state.expanded,
+		state.globalFilter,
+		state.grouping,
+		state.pagination,
+		state.rowPinning,
+		state.rowSelection,
+		state.sorting
+	]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
 		children: [
@@ -5400,12 +5439,7 @@ function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = fals
 					]
 				})]
 			}),
-			/* @__PURE__ */ jsx(DataTable, {
-				pagination,
-				table,
-				classNames,
-				expandedRow
-			}),
+			tableContent,
 			enableRowSelection && /* @__PURE__ */ jsx(AutoTableActionBar, {
 				table,
 				onDeleteSelected,
@@ -7152,7 +7186,7 @@ function useDynamicFilterOptions(fields) {
 	React.useEffect(() => () => {
 		for (const field of Object.keys(controllersRef.current)) clearFieldRequest(field);
 	}, [clearFieldRequest]);
-	return {
+	return React.useMemo(() => ({
 		hasMoreByField,
 		labelOptionsByField,
 		loadingByField,
@@ -7162,7 +7196,17 @@ function useDynamicFilterOptions(fields) {
 		searchableByField,
 		loadMore: (field) => loadFieldOptions(field, true),
 		setSearchValue
-	};
+	}), [
+		hasMoreByField,
+		labelOptionsByField,
+		loadingByField,
+		optionsByField,
+		registeredByField,
+		searchValues,
+		searchableByField,
+		loadFieldOptions,
+		setSearchValue
+	]);
 }
 function rowHasResolveValue(row, field, value) {
 	const rowValue = row[field];
@@ -7273,15 +7317,22 @@ function useDynamicResolveOptions(fields, rows, hiddenColumns) {
 		rows,
 		sourceEntries
 	]);
-	const displayOptionsByField = { ...optionsByField };
-	for (const field of Object.keys(fields ?? {}).filter((key) => !hiddenColumns.includes(key))) {
-		const projectedOptions = rows.flatMap((row) => {
-			const option = readCrudReferenceOption(row, field, row[field]);
-			return option ? [option] : [];
-		});
-		if (projectedOptions.length > 0) displayOptionsByField[field] = mergeFilterOptions(projectedOptions, optionsByField[field] ?? []);
-	}
-	return { optionsByField: displayOptionsByField };
+	return React.useMemo(() => {
+		const displayOptionsByField = { ...optionsByField };
+		for (const field of Object.keys(fields ?? {}).filter((key) => !hiddenColumns.includes(key))) {
+			const projectedOptions = rows.flatMap((row) => {
+				const option = readCrudReferenceOption(row, field, row[field]);
+				return option ? [option] : [];
+			});
+			if (projectedOptions.length > 0) displayOptionsByField[field] = mergeFilterOptions(projectedOptions, optionsByField[field] ?? []);
+		}
+		return { optionsByField: displayOptionsByField };
+	}, [
+		optionsByField,
+		fields,
+		hiddenColumns,
+		rows
+	]);
 }
 function getOptionLabel(value, options) {
 	const stringValue = String(value);
@@ -7389,7 +7440,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 				const options = tableConfig?.dataSource ? mergeFieldOptions(dynamicResolveOptions, presentationOptions) : presentationOptions ?? mergedSharedDynamicOptions;
 				result[key] = {
 					...result[key],
-					cell: ({ row, getValue }) => {
+					cell: memoCell(({ row, getValue }) => {
 						const value = getValue();
 						return config.format?.(value, {
 							row: row.original,
@@ -7398,7 +7449,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 							true: "true",
 							false: "false"
 						}, options, display ?? "auto");
-					}
+					})
 				};
 			}
 		}
@@ -7727,10 +7778,14 @@ function resolveActions(actions, defaults, rowActionsLocale, context) {
 * 高级 CRUD 表格组件，封装了完整的增删改查流程
 */
 function AutoCrudTable({ id, title, description, schema, resource, fields, table: tableConfig, form: formConfig, view: viewConfig, permissions, actions: actionItems, toolbar, toolbarActions, locale: localeProp, onCreate, onExport }) {
-	const locale = resolveLocale(localeProp);
+	const locale = React.useMemo(() => resolveLocale(localeProp), [localeProp]);
 	const getPagination = React.useCallback(() => id ? tablePagination.get(id) : void 0, [id]);
 	const registeredPagination = React.useSyncExternalStore(tablePagination.subscribe, getPagination, getPagination);
 	const pagination = tableConfig?.pagination ?? registeredPagination;
+	const paginationOptions = React.useMemo(() => pagination ? {
+		pageJumpLabel: locale.pagination?.pageJump,
+		...pagination
+	} : void 0, [pagination, locale.pagination?.pageJump]);
 	const resolvedSchema = resource.schema ?? schema;
 	const resolvedFields = React.useMemo(() => applyResourceTablePresentation(mergeFields(resource.fields, fields), resource.fields) ?? {}, [fields, resource.fields]);
 	const can = {
@@ -7762,6 +7817,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		denyFields,
 		tableConfig?.overrides
 	]);
+	const excludedColumns = React.useMemo(() => hiddenColumns.filter((key) => !filterOnly.includes(key)), [hiddenColumns, filterOnly]);
 	const dynamicResolveOptions = useDynamicResolveOptions(resolvedFields, resource.tableData.data, hiddenColumns);
 	const resourceIdKey = resource.idKey ?? "id";
 	const actionRegistryVersion = useCrudActionsVersion();
@@ -7953,13 +8009,13 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				const { type } = parseZodField(resolvedSchema.shape[key]);
 				formattedOverrides[key] = {
 					...override,
-					cell: (context) => {
+					cell: memoCell((context) => {
 						const value = context.getValue();
 						return config.format?.(value, {
 							row: context.row.original,
 							target: "display"
 						}) ?? renderCell(value, type, context.column.columnDef.meta?.options);
-					}
+					})
 				};
 			}
 		}
@@ -8121,17 +8177,14 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				data: resource.tableData.data,
 				schema: resolvedSchema,
 				pageCount: resource.tableData.pageCount,
-				pagination: pagination ? {
-					pageJumpLabel: locale.pagination?.pageJump,
-					...pagination
-				} : void 0,
+				pagination: paginationOptions,
 				...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)),
+				exclude: excludedColumns,
 				filterOnly,
 				filterMode: tableConfig?.filterModes,
 				search: searchConfig,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wordrhyme/auto-crud",
   "type": "module",
-  "version": "1.12.1",
+  "version": "1.12.2",
   "description": "Schema-first CRUD components with auto-generated tables and forms",
   "author": "wordrhyme",
   "license": "MIT",
@@ -94,11 +94,11 @@
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
     "vitest": "^3.2.4",
-    "@internal/eslint-config": "0.3.0",
+    "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
-    "@internal/tsdown-config": "0.1.0",
+    "@internal/eslint-config": "0.3.0",
     "@internal/vitest-config": "0.1.0",
-    "@internal/prettier-config": "0.0.1"
+    "@internal/tsdown-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {