@wordrhyme/auto-crud 1.0.7 → 1.0.9

package/README.md

@@ -633,6 +633,22 @@ table={{
 />
 ```
 
+### `toolbarActions` 传参高级语法（函数式）
+
+如果你的目标是拦截并修改基于原顺序的所有内容，你还可以传递一个函数：
+
+```tsx
+<AutoCrudTable
+  // defaults 即内置三个按钮的信息，在此数组里你可以随意 map、过滤或插值
+  toolbarActions={(defaults) => defaults.map(btn => 
+    btn.type === 'create' 
+      ? { ...btn, label: '发布商品', onClick: () => router.push('/products/new') }
+      : btn
+  )}
+/>
+// 非常适合“只盖头不换面”的场景，不会导致内置按钮丢失或顺序打乱
+```
+
 ### `ToolbarActionItem` 类型
 
 ```typescript
@@ -698,6 +714,20 @@ type ToolbarCustomActionItem = {
 />
 ```
 
+### 支持函数配置模式
+
+如果只需要在原来的基础上做细微拦截处理，传入一个函数更省事：
+
+```tsx
+<AutoCrudTable
+  actions={(defaults) => defaults.map(action =>
+    action.type === 'delete'
+      ? { ...action, label: "下架", variant: "default" }
+      : action
+  )}
+/>
+```
+
 ### `ActionItem` 类型
 
 ```typescript

package/dist/index.cjs

@@ -5910,7 +5910,16 @@ function ViewModal({ open, onOpenChange, variant, data, schema, fields: fieldCon
 		})
 	});
 }
-function resolveActions(items, defaults, rowActionsLocale) {
+/**
+* 解析列表行操作
+*/
+function resolveActions(actionsOrFn, defaults, rowActionsLocale) {
+	const items = typeof actionsOrFn === "function" ? actionsOrFn([
+		{ type: "view" },
+		{ type: "edit" },
+		{ type: "copy" },
+		{ type: "delete" }
+	]) : actionsOrFn;
 	const defaultItems = [
 		{
 			label: rowActionsLocale.view,
@@ -6084,7 +6093,12 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 						}, "create");
 						return null;
 					};
-					if (!toolbarActions || toolbarActions.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					const resolvedToolbarActions = typeof toolbarActions === "function" ? toolbarActions([
+						{ type: "import" },
+						{ type: "export" },
+						{ type: "create" }
+					]) : toolbarActions;
+					if (!resolvedToolbarActions || resolvedToolbarActions.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex items-center gap-2",
 						children: [
 							renderBuiltinButton("import"),
@@ -6092,9 +6106,9 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 							renderBuiltinButton("create")
 						]
 					});
-					if (!toolbarActions.some((i) => i.type !== "custom")) {
-						const startNodes = toolbarActions.filter((i) => i.type === "custom" && i.position === "start").map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: a.component }, `start-${i}`));
-						const endNodes = toolbarActions.filter((i) => i.type === "custom" && i.position !== "start").map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: a.component }, `end-${i}`));
+					if (!resolvedToolbarActions.some((i) => i.type !== "custom")) {
+						const startNodes = resolvedToolbarActions.filter((i) => i.type === "custom" && i.position === "start").map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: a.component }, `start-${i}`));
+						const endNodes = resolvedToolbarActions.filter((i) => i.type === "custom" && i.position !== "start").map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: a.component }, `end-${i}`));
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "flex items-center gap-2",
 							children: [
@@ -6108,7 +6122,7 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 					}
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "flex items-center gap-2",
-						children: toolbarActions.map((action, index) => {
+						children: resolvedToolbarActions.map((action, index) => {
 							if (action.type === "custom") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: action.component }, `custom-${index}`);
 							if (!(action.type === "import" ? canImport : action.type === "export" ? canExport : can.create)) return null;
 							if (action.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: action.component }, action.type);
@@ -6963,7 +6977,10 @@ function useAutoCrudResource({ router, schema, query: queryTransform, options =
 		filters,
 		queryTransform
 	]);
-	const listQuery = router.list.useQuery(queryInput, { placeholderData: keepPreviousData });
+	const listQuery = router.list.useQuery(queryInput, {
+		placeholderData: keepPreviousData,
+		staleTime: 0
+	});
 	const createMutation = router.create.useMutation();
 	const updateMutation = router.update.useMutation();
 	const deleteMutation = router.delete.useMutation();

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { z } from "zod";
 import * as _tanstack_react_table0 from "@tanstack/react-table";
 import { Column, ColumnDef, ColumnSort, Row, RowData, Table, TableOptions, TableState } from "@tanstack/react-table";
@@ -314,7 +314,7 @@ declare function AutoTableActionBar<TData>({
   enableExport,
   enableDelete,
   extraActions
-}: AutoTableActionBarProps<TData>): react_jsx_runtime4.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -470,7 +470,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   enableExport,
   onSelectedCountChange,
   getSelectedRows
-}: AutoTableProps<T>): react_jsx_runtime4.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/i18n/locale.d.ts
 /**
@@ -661,6 +661,7 @@ type CustomActionItem<T> = {
  * - **包含任意内置 type**：数组完全接管，未列出的隐藏，顺序即渲染顺序
  */
 type ActionItem<T> = BuiltinActionItem<T> | CustomActionItem<T>;
+type ActionConfig<T> = ActionItem<T>[] | ((defaults: BuiltinActionItem<T>[]) => ActionItem<T>[]);
 /**
  * 顶部工具栏内置操作项
  */
@@ -684,6 +685,7 @@ type ToolbarCustomActionItem = {
   position?: "start" | "end";
 };
 type ToolbarActionItem = ToolbarBuiltinActionItem | ToolbarCustomActionItem;
+type ToolbarActionConfig = ToolbarActionItem[] | ((defaults: ToolbarBuiltinActionItem[]) => ToolbarActionItem[]);
 /**
  * AutoCrudTable Props 接口
  */
@@ -732,12 +734,12 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
     className?: string;
   };
   /** 行操作配置，见 {@link ActionItem} */
-  actions?: ActionItem<z.output<TSchema>>[];
+  actions?: ActionConfig<z.output<TSchema>>;
   /**
    * 顶层工具栏操作配置
    * 用法类同 `actions` 行操作。一旦配置了包含内置 `type` 的数组，它将完全接管右侧工具栏！
    */
-  toolbarActions?: ToolbarActionItem[];
+  toolbarActions?: ToolbarActionConfig;
   /**
    * 权限配置
    * 控制按钮显示和字段访问
@@ -795,7 +797,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_runtime1.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
@@ -827,7 +829,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_runtime1.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -1125,7 +1127,7 @@ declare function AutoTableSimpleFilters<TData>({
   shallow,
   filters: externalFilters,
   onFiltersChange
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime4.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime1.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = "dialog" | "sheet";
@@ -1167,7 +1169,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime4.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1189,7 +1191,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime4.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = "selected" | "filtered";
@@ -1209,7 +1211,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime4.JSX.Element;
+}: ExportDialogProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table.d.ts
 interface DataTableProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1222,7 +1224,7 @@ declare function DataTable<TData>({
   children,
   className,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime4.JSX.Element;
+}: DataTableProps<TData>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1233,7 +1235,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime4.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -1245,7 +1247,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime4.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -1259,7 +1261,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime4.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<"div"> {
@@ -1271,7 +1273,7 @@ declare function DataTablePagination<TData>({
   pageSizeOptions,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime4.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1282,7 +1284,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime4.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends React$1.ComponentProps<typeof PopoverContent> {
@@ -1293,7 +1295,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime4.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/hooks/use-data-table.d.ts
 interface UseDataTableProps<TData> extends Omit<TableOptions<TData>, "state" | "pageCount" | "getCoreRowModel" | "manualFiltering" | "manualPagination" | "manualSorting">, Required<Pick<TableOptions<TData>, "pageCount">> {

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as _tanstack_react_table0 from "@tanstack/react-table";
 import { Column, ColumnDef, ColumnSort, Row, RowData, Table, TableOptions, TableState } from "@tanstack/react-table";
 import { DropdownMenuTrigger, PopoverContent } from "@pixpilot/shadcn";
 import { ClassValue } from "clsx";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { z } from "zod";
 import { ISchema } from "@formily/json-schema";
 
@@ -314,7 +314,7 @@ declare function AutoTableActionBar<TData>({
   enableExport,
   enableDelete,
   extraActions
-}: AutoTableActionBarProps<TData>): react_jsx_runtime6.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -470,7 +470,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   enableExport,
   onSelectedCountChange,
   getSelectedRows
-}: AutoTableProps<T>): react_jsx_runtime6.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/i18n/locale.d.ts
 /**
@@ -661,6 +661,7 @@ type CustomActionItem<T> = {
  * - **包含任意内置 type**：数组完全接管，未列出的隐藏，顺序即渲染顺序
  */
 type ActionItem<T> = BuiltinActionItem<T> | CustomActionItem<T>;
+type ActionConfig<T> = ActionItem<T>[] | ((defaults: BuiltinActionItem<T>[]) => ActionItem<T>[]);
 /**
  * 顶部工具栏内置操作项
  */
@@ -684,6 +685,7 @@ type ToolbarCustomActionItem = {
   position?: "start" | "end";
 };
 type ToolbarActionItem = ToolbarBuiltinActionItem | ToolbarCustomActionItem;
+type ToolbarActionConfig = ToolbarActionItem[] | ((defaults: ToolbarBuiltinActionItem[]) => ToolbarActionItem[]);
 /**
  * AutoCrudTable Props 接口
  */
@@ -732,12 +734,12 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
     className?: string;
   };
   /** 行操作配置，见 {@link ActionItem} */
-  actions?: ActionItem<z.output<TSchema>>[];
+  actions?: ActionConfig<z.output<TSchema>>;
   /**
    * 顶层工具栏操作配置
    * 用法类同 `actions` 行操作。一旦配置了包含内置 `type` 的数组，它将完全接管右侧工具栏！
    */
-  toolbarActions?: ToolbarActionItem[];
+  toolbarActions?: ToolbarActionConfig;
   /**
    * 权限配置
    * 控制按钮显示和字段访问
@@ -795,7 +797,7 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   toolbarActions,
   locale: localeProp,
   onCreate
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime6.JSX.Element;
+}: AutoCrudTableProps<TSchema>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
@@ -827,7 +829,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime6.JSX.Element;
+}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime2.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -1125,7 +1127,7 @@ declare function AutoTableSimpleFilters<TData>({
   shallow,
   filters: externalFilters,
   onFiltersChange
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime6.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime2.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = "dialog" | "sheet";
@@ -1167,7 +1169,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime6.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1189,7 +1191,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime6.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = "selected" | "filtered";
@@ -1209,7 +1211,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime6.JSX.Element;
+}: ExportDialogProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table.d.ts
 interface DataTableProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1222,7 +1224,7 @@ declare function DataTable<TData>({
   children,
   className,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime6.JSX.Element;
+}: DataTableProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1233,7 +1235,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime6.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -1245,7 +1247,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime6.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -1259,7 +1261,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime6.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<"div"> {
@@ -1271,7 +1273,7 @@ declare function DataTablePagination<TData>({
   pageSizeOptions,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime6.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1282,7 +1284,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime6.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends React$1.ComponentProps<typeof PopoverContent> {
@@ -1293,7 +1295,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime6.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/hooks/use-data-table.d.ts
 interface UseDataTableProps<TData> extends Omit<TableOptions<TData>, "state" | "pageCount" | "getCoreRowModel" | "manualFiltering" | "manualPagination" | "manualSorting">, Required<Pick<TableOptions<TData>, "pageCount">> {

package/dist/index.js

@@ -5868,7 +5868,16 @@ function ViewModal({ open, onOpenChange, variant, data, schema, fields: fieldCon
 		})
 	});
 }
-function resolveActions(items, defaults, rowActionsLocale) {
+/**
+* 解析列表行操作
+*/
+function resolveActions(actionsOrFn, defaults, rowActionsLocale) {
+	const items = typeof actionsOrFn === "function" ? actionsOrFn([
+		{ type: "view" },
+		{ type: "edit" },
+		{ type: "copy" },
+		{ type: "delete" }
+	]) : actionsOrFn;
 	const defaultItems = [
 		{
 			label: rowActionsLocale.view,
@@ -6042,7 +6051,12 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 						}, "create");
 						return null;
 					};
-					if (!toolbarActions || toolbarActions.length === 0) return /* @__PURE__ */ jsxs("div", {
+					const resolvedToolbarActions = typeof toolbarActions === "function" ? toolbarActions([
+						{ type: "import" },
+						{ type: "export" },
+						{ type: "create" }
+					]) : toolbarActions;
+					if (!resolvedToolbarActions || resolvedToolbarActions.length === 0) return /* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-2",
 						children: [
 							renderBuiltinButton("import"),
@@ -6050,9 +6064,9 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 							renderBuiltinButton("create")
 						]
 					});
-					if (!toolbarActions.some((i) => i.type !== "custom")) {
-						const startNodes = toolbarActions.filter((i) => i.type === "custom" && i.position === "start").map((a, i) => /* @__PURE__ */ jsx(React.Fragment, { children: a.component }, `start-${i}`));
-						const endNodes = toolbarActions.filter((i) => i.type === "custom" && i.position !== "start").map((a, i) => /* @__PURE__ */ jsx(React.Fragment, { children: a.component }, `end-${i}`));
+					if (!resolvedToolbarActions.some((i) => i.type !== "custom")) {
+						const startNodes = resolvedToolbarActions.filter((i) => i.type === "custom" && i.position === "start").map((a, i) => /* @__PURE__ */ jsx(React.Fragment, { children: a.component }, `start-${i}`));
+						const endNodes = resolvedToolbarActions.filter((i) => i.type === "custom" && i.position !== "start").map((a, i) => /* @__PURE__ */ jsx(React.Fragment, { children: a.component }, `end-${i}`));
 						return /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2",
 							children: [
@@ -6066,7 +6080,7 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 					}
 					return /* @__PURE__ */ jsx("div", {
 						className: "flex items-center gap-2",
-						children: toolbarActions.map((action, index) => {
+						children: resolvedToolbarActions.map((action, index) => {
 							if (action.type === "custom") return /* @__PURE__ */ jsx(React.Fragment, { children: action.component }, `custom-${index}`);
 							if (!(action.type === "import" ? canImport : action.type === "export" ? canExport : can.create)) return null;
 							if (action.component) return /* @__PURE__ */ jsx(React.Fragment, { children: action.component }, action.type);
@@ -6921,7 +6935,10 @@ function useAutoCrudResource({ router, schema, query: queryTransform, options =
 		filters,
 		queryTransform
 	]);
-	const listQuery = router.list.useQuery(queryInput, { placeholderData: keepPreviousData });
+	const listQuery = router.list.useQuery(queryInput, {
+		placeholderData: keepPreviousData,
+		staleTime: 0
+	});
 	const createMutation = router.create.useMutation();
 	const updateMutation = router.update.useMutation();
 	const deleteMutation = router.delete.useMutation();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wordrhyme/auto-crud",
   "type": "module",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Schema-first CRUD components with auto-generated tables and forms",
   "author": "wordrhyme",
   "license": "MIT",
@@ -71,6 +71,7 @@
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.90.15",
+    "@testing-library/react": "^16.3.0",
     "@trpc/server": "^11.0.0",
     "@types/node": "^22.19.3",
     "@types/react": "^19.2.7",
@@ -81,8 +82,8 @@
     "react-dom": "19.2.4",
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
-    "@internal/prettier-config": "0.0.1",
     "@internal/eslint-config": "0.3.0",
+    "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
     "@internal/vitest-config": "0.1.0",
     "@internal/tsdown-config": "0.1.0"