@wordrhyme/auto-crud 1.1.0 → 1.1.2

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_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { z } from "zod";
 import { ISchema } from "@formily/json-schema";
 
@@ -292,6 +292,38 @@ interface BatchUpdateField {
     value: string;
   }>;
 }
+interface BatchActionContext<TData> {
+  /** 选中的原始行数据 */
+  rows: TData[];
+  /** TanStack Table 实例 */
+  table: Table<TData>;
+  /** 清空当前选择 */
+  clearSelection: () => void;
+}
+type BatchBuiltinActionType = 'batchUpdate' | 'export' | 'delete';
+type BatchBuiltinActionItem<TData> = {
+  type: BatchBuiltinActionType;
+  /** 替代默认行为 */
+  onClick?: (rows: TData[], context: BatchActionContext<TData>, event: React$1.MouseEvent<HTMLButtonElement>) => void;
+  /** 替代默认标签，仅对 export/delete 生效 */
+  label?: string;
+  /** 替代整个内置操作的渲染 */
+  component?: React$1.ReactNode | ((context: BatchActionContext<TData>) => React$1.ReactNode);
+};
+type BatchCustomActionItem<TData> = {
+  type: 'custom';
+  /** 操作文本。传 component 时可省略 */
+  label?: string;
+  /** 自定义点击行为。传 component 时可省略 */
+  onClick?: (rows: TData[], context: BatchActionContext<TData>, event: React$1.MouseEvent<HTMLButtonElement>) => void;
+  /** 渲染自定义内容 */
+  component?: React$1.ReactNode | ((context: BatchActionContext<TData>) => React$1.ReactNode);
+  /** 仅在无内置项时生效：插入到首部还是尾部（默认 end） */
+  position?: 'start' | 'end';
+  variant?: 'default' | 'destructive';
+};
+type BatchActionItem<TData> = BatchBuiltinActionItem<TData> | BatchCustomActionItem<TData>;
+type BatchActionConfig<TData> = BatchActionItem<TData>[] | ((defaults: BatchBuiltinActionItem<TData>[]) => BatchActionItem<TData>[]);
 interface AutoTableActionBarProps<TData> {
   table: Table<TData>;
   onDeleteSelected?: (rows: TData[]) => void;
@@ -301,10 +333,14 @@ interface AutoTableActionBarProps<TData> {
   batchUpdateFields?: BatchUpdateField[];
   /** 是否启用导出功能 */
   enableExport?: boolean;
+  /** 未配置 actions / 只配置 custom actions 时，是否展示默认导出按钮 */
+  showDefaultExport?: boolean;
   /** 是否启用删除功能 */
   enableDelete?: boolean;
   /** 额外的操作按钮 */
   extraActions?: React$1.ReactNode;
+  /** 批量操作配置，支持和行操作/顶部工具栏一致的顺序接管语义 */
+  actions?: BatchActionConfig<TData>;
 }
 declare function AutoTableActionBar<TData>({
   table,
@@ -312,9 +348,11 @@ declare function AutoTableActionBar<TData>({
   onUpdateSelected,
   batchUpdateFields,
   enableExport,
+  showDefaultExport,
   enableDelete,
-  extraActions
-}: AutoTableActionBarProps<TData>): react_jsx_runtime3.JSX.Element;
+  extraActions,
+  actions
+}: AutoTableActionBarProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -414,7 +452,7 @@ declare function createActionsColumn<T>(items: ActionsColumnConfig<T>): ColumnDe
 //#endregion
 //#region src/components/auto-crud/auto-table.d.ts
 /** 过滤模式类型 */
-type FilterMode = "simple" | "advanced" | "command";
+type FilterMode = 'simple' | 'advanced' | 'command';
 interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> {
   schema: T;
   data: z.infer<T>[];
@@ -443,10 +481,14 @@ interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> {
   batchUpdateFields?: BatchUpdateField[];
   /** 批量操作栏额外按钮 */
   actionBarExtra?: React.ReactNode;
+  /** 批量悬浮操作配置 */
+  actionBarActions?: BatchActionConfig<z.infer<T>>;
   /** 初始排序 */
   initialSorting?: any[];
   /** 是否启用导出功能 (默认 true) */
   enableExport?: boolean;
+  /** 未配置批量 actions / 只配置 custom actions 时，是否展示默认导出按钮 */
+  showDefaultExport?: boolean;
   /** 选中行数变化回调（用于外层组件获知选中状态） */
   onSelectedCountChange?: (count: number) => void;
   /** 获取选中行数据的回调（由外层组件调用） */
@@ -466,11 +508,13 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   onUpdateSelected,
   batchUpdateFields,
   actionBarExtra,
+  actionBarActions,
   initialSorting,
   enableExport,
+  showDefaultExport,
   onSelectedCountChange,
   getSelectedRows
-}: AutoTableProps<T>): react_jsx_runtime3.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/i18n/locale.d.ts
 /**
@@ -571,7 +615,7 @@ interface FilterConfig {
   /** 是否启用筛选（默认跟随 table.meta.variant 推断） */
   enabled?: boolean;
   /** 筛选器类型 */
-  variant?: "text" | "number" | "range" | "date" | "dateRange" | "boolean" | "select" | "multiSelect";
+  variant?: 'text' | 'number' | 'range' | 'date' | 'dateRange' | 'boolean' | 'select' | 'multiSelect';
   /** select/multiSelect 的选项列表 */
   options?: Array<{
     label: string;
@@ -588,7 +632,7 @@ interface FilterConfig {
   /** 是否在筛选栏中隐藏（隐藏筛选但不影响表格列显示） */
   hidden?: boolean;
   /** 控制在哪些筛选模式下显示（未设置则在所有模式显示） */
-  modes?: Array<"simple" | "advanced" | "command">;
+  modes?: Array<'simple' | 'advanced' | 'command'>;
 }
 /**
  * 统一字段配置
@@ -626,17 +670,17 @@ interface Field {
    */
   form?: {
     /** 是否在表单中隐藏 */
-    "x-hidden"?: boolean;
+    'x-hidden'?: boolean;
     /** 组件类型 */
-    "x-component"?: string;
+    'x-component'?: string;
     /** 组件属性 */
-    "x-component-props"?: Record<string, unknown>;
+    'x-component-props'?: Record<string, unknown>;
     /** 其他表单配置 */
     [key: string]: unknown;
   } | false;
 }
 type Fields = Record<string, Field>;
-type BuiltinType = "view" | "edit" | "copy" | "delete";
+type BuiltinType = 'view' | 'edit' | 'copy' | 'delete';
 /** 内置操作项（覆盖默认行为或调整位置） */
 type BuiltinActionItem<T> = {
   type: BuiltinType;
@@ -646,13 +690,13 @@ type BuiltinActionItem<T> = {
 };
 /** 自定义操作项 */
 type CustomActionItem<T> = {
-  type: "custom";
+  type: 'custom';
   label: string;
   onClick: (row: T) => void;
   /** 仅在无内置项时生效：插入到首部还是尾部（默认 end） */
-  position?: "start" | "end";
+  position?: 'start' | 'end';
   separator?: boolean;
-  variant?: "default" | "destructive";
+  variant?: 'default' | 'destructive';
 };
 /**
  * 行操作项
@@ -666,7 +710,7 @@ type ActionConfig<T> = ActionItem<T>[] | ((defaults: BuiltinActionItem<T>[]) =>
  * 顶部工具栏内置操作项
  */
 type ToolbarBuiltinActionItem = {
-  type: "create" | "import" | "export";
+  type: 'create' | 'import' | 'export';
   /** 替代默认的行为 */
   onClick?: () => void;
   /** 替代默认的标签文本 */
@@ -678,11 +722,11 @@ type ToolbarBuiltinActionItem = {
  * 顶部工具栏自定义操作项
  */
 type ToolbarCustomActionItem = {
-  type: "custom";
+  type: 'custom';
   /** 渲染自定义内容 */
   component: React$1.ReactNode;
   /** 仅在无内置项时生效：插入到首部还是尾部（默认 end） */
-  position?: "start" | "end";
+  position?: 'start' | 'end';
 };
 type ToolbarActionItem = ToolbarBuiltinActionItem | ToolbarCustomActionItem;
 type ToolbarActionConfig = ToolbarActionItem[] | ((defaults: ToolbarBuiltinActionItem[]) => ToolbarActionItem[]);
@@ -721,6 +765,12 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
      * - 也可以传完整配置覆盖 label 或 options
      */
     batchFields?: (string | BatchUpdateField)[];
+    /**
+     * 多选后悬浮批量操作栏配置
+     * 用法类同 `actions` 行操作和 `toolbarActions` 顶部工具栏。
+     * 只传 custom 时保留默认批量操作；包含任意内置 type 时完全接管顺序。
+     */
+    batchActions?: BatchActionConfig<z.output<TSchema>>;
     /** 默认排序 */
     defaultSort?: any[];
   };
@@ -797,7 +847,7 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   toolbarActions,
   locale: localeProp,
   onCreate
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime3.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>> {
@@ -829,7 +879,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime3.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>;
@@ -1043,12 +1093,12 @@ declare const filterItemSchema: z.ZodObject<{
   variant: z.ZodEnum<{
     number: "number";
     boolean: "boolean";
-    text: "text";
-    range: "range";
     date: "date";
-    dateRange: "dateRange";
+    text: "text";
     select: "select";
     multiSelect: "multiSelect";
+    dateRange: "dateRange";
+    range: "range";
   }>;
   operator: z.ZodEnum<{
     iLike: "iLike";
@@ -1127,7 +1177,7 @@ declare function AutoTableSimpleFilters<TData>({
   shallow,
   filters: externalFilters,
   onFiltersChange
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime3.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";
@@ -1169,7 +1219,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime3.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1191,7 +1241,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime3.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = "selected" | "filtered";
@@ -1211,7 +1261,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime3.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"> {
@@ -1224,7 +1274,7 @@ declare function DataTable<TData>({
   children,
   className,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime3.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"> {
@@ -1235,7 +1285,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime3.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> {
@@ -1247,7 +1297,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime3.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> {
@@ -1261,7 +1311,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime3.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"> {
@@ -1273,7 +1323,7 @@ declare function DataTablePagination<TData>({
   pageSizeOptions,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime3.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"> {
@@ -1284,7 +1334,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime3.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> {
@@ -1295,7 +1345,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime3.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">> {
@@ -1630,4 +1680,4 @@ declare function exportAllToCSV<T extends Record<string, unknown>>(data: T[], op
  */
 declare function downloadCSVTemplate(headers: string[], filename?: string): void;
 //#endregion
-export { type ActionItem, type ActionsColumnConfig, type AutoCrudLocale, AutoCrudTable, type AutoCrudTableProps, AutoForm, type AutoQueryParams, AutoTable, AutoTableActionBar, AutoTableSimpleFilters, type ColumnOverrides, type CreateFormSchemaOptions, type CreateTableSchemaOptions, CrudFormModal, type CrudHooks, type CrudOperationPermissions, type CrudPermissions, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, 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, Option, type ParsedImportData, type ParsedZodField, type Parser, QueryKeys, SchemaAdapter, type SimpleFieldConfig, type SimpleFieldsConfig, type ToastAdapter, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, cn, coerceRowValues, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, dataToCSV, deDE, downloadCSVTemplate, enUS, esES, exportAllToCSV, exportTableToCSV, formatDate, frFR, generateCSVTemplate, getUrlParams, humanize, jaJP, koKR, noopToastAdapter, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, resolveLocale, setSearchParams, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };
+export { type ActionItem, type ActionsColumnConfig, type AutoCrudLocale, AutoCrudTable, type AutoCrudTableProps, AutoForm, 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, CrudFormModal, type CrudHooks, type CrudOperationPermissions, type CrudPermissions, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, 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, Option, type ParsedImportData, type ParsedZodField, type Parser, QueryKeys, SchemaAdapter, type SimpleFieldConfig, type SimpleFieldsConfig, type ToastAdapter, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, cn, coerceRowValues, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, dataToCSV, deDE, downloadCSVTemplate, enUS, esES, exportAllToCSV, exportTableToCSV, formatDate, frFR, generateCSVTemplate, getUrlParams, humanize, jaJP, koKR, noopToastAdapter, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, resolveLocale, setSearchParams, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };

package/dist/index.js

@@ -4215,11 +4215,27 @@ function downloadCSV(csvContent, filename) {
 
 //#endregion
 //#region src/components/auto-crud/auto-table-action-bar.tsx
-function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUpdateFields, enableExport = true, enableDelete = true, extraActions }) {
+function isBatchCustomAction(action) {
+	return action.type === "custom";
+}
+function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUpdateFields, enableExport = true, showDefaultExport = true, enableDelete = true, extraActions, actions }) {
 	const rows = table.getFilteredSelectedRowModel().rows;
-	const onOpenChange = React.useCallback((open) => {
-		if (!open) table.toggleAllRowsSelected(false);
+	const selectedRows = React.useMemo(() => rows.map((row) => row.original), [rows]);
+	const clearSelection = React.useCallback(() => {
+		table.toggleAllRowsSelected(false);
 	}, [table]);
+	const actionContext = React.useMemo(() => ({
+		rows: selectedRows,
+		table,
+		clearSelection
+	}), [
+		selectedRows,
+		table,
+		clearSelection
+	]);
+	const onOpenChange = React.useCallback((open) => {
+		if (!open) clearSelection();
+	}, [clearSelection]);
 	const onExport = React.useCallback(() => {
 		exportTableToCSV(table, {
 			excludeColumns: ["select", "actions"],
@@ -4227,17 +4243,108 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 		});
 	}, [table]);
 	const onDelete = React.useCallback(() => {
-		if (onDeleteSelected) onDeleteSelected(rows.map((row) => row.original));
-	}, [rows, onDeleteSelected]);
+		if (onDeleteSelected) onDeleteSelected(selectedRows);
+	}, [selectedRows, onDeleteSelected]);
 	const handleBatchUpdate = React.useCallback((field, value) => {
 		if (onUpdateSelected) {
-			onUpdateSelected(rows.map((row) => row.original), { [field]: value });
-			table.toggleAllRowsSelected(false);
+			onUpdateSelected(selectedRows, { [field]: value });
+			clearSelection();
 		}
 	}, [
-		rows,
+		selectedRows,
+		onUpdateSelected,
+		clearSelection
+	]);
+	const renderComponent = React.useCallback((component) => typeof component === "function" ? component(actionContext) : component, [actionContext]);
+	const renderBatchUpdate = React.useCallback((keyPrefix = "batch-update") => batchUpdateFields?.map((fieldConfig) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			size: "sm",
+			className: "h-7 gap-1 px-2",
+			children: [fieldConfig.label, /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })]
+		})
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "start",
+		children: fieldConfig.options.map((option) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+			onClick: () => handleBatchUpdate(fieldConfig.field, option.value),
+			children: option.label
+		}, option.value))
+	})] }, `${keyPrefix}-${fieldConfig.field}`)), [batchUpdateFields, handleBatchUpdate]);
+	const renderBuiltinAction = React.useCallback((action) => {
+		if (!(action.type === "batchUpdate" ? !!onUpdateSelected && !!batchUpdateFields?.length : action.type === "export" ? enableExport : enableDelete && !!onDeleteSelected)) return null;
+		if (action.component) return renderComponent(action.component);
+		if (action.type === "batchUpdate") return renderBatchUpdate(action.type);
+		if (action.type === "export") return /* @__PURE__ */ jsxs(ActionBarItem, {
+			onClick: (event) => action.onClick ? action.onClick(selectedRows, actionContext, event) : onExport(),
+			children: [/* @__PURE__ */ jsx(Download, {}), action.label ?? "Export"]
+		}, "export");
+		if (action.type === "delete") return /* @__PURE__ */ jsxs(ActionBarItem, {
+			variant: "destructive",
+			onClick: (event) => action.onClick ? action.onClick(selectedRows, actionContext, event) : onDelete(),
+			children: [/* @__PURE__ */ jsx(Trash2, {}), action.label ?? "Delete"]
+		}, "delete");
+		return null;
+	}, [
+		actionContext,
+		batchUpdateFields?.length,
+		enableDelete,
+		enableExport,
+		onDelete,
+		onDeleteSelected,
 		onUpdateSelected,
-		table
+		onExport,
+		renderBatchUpdate,
+		renderComponent,
+		selectedRows
+	]);
+	const renderCustomAction = React.useCallback((action, index) => {
+		if (action.component) return /* @__PURE__ */ jsx(React.Fragment, { children: renderComponent(action.component) }, `custom-${index}`);
+		if (!action.label || !action.onClick) return null;
+		return /* @__PURE__ */ jsx(ActionBarItem, {
+			variant: action.variant === "destructive" ? "destructive" : "secondary",
+			onClick: (event) => action.onClick?.(selectedRows, actionContext, event),
+			children: action.label
+		}, `custom-${index}`);
+	}, [
+		actionContext,
+		renderComponent,
+		selectedRows
+	]);
+	const renderedActions = React.useMemo(() => {
+		const resolvedActions = typeof actions === "function" ? actions([
+			{ type: "batchUpdate" },
+			{ type: "export" },
+			{ type: "delete" }
+		]) : actions;
+		if (!resolvedActions || resolvedActions.length === 0) return /* @__PURE__ */ jsxs(Fragment, { children: [
+			renderBuiltinAction({ type: "batchUpdate" }),
+			extraActions,
+			showDefaultExport && renderBuiltinAction({ type: "export" }),
+			renderBuiltinAction({ type: "delete" })
+		] });
+		if (!resolvedActions.some((action) => action.type !== "custom")) {
+			const startNodes = resolvedActions.filter(isBatchCustomAction).filter((action) => action.position === "start").map((action, index) => renderCustomAction(action, index));
+			const endNodes = resolvedActions.filter(isBatchCustomAction).filter((action) => action.position !== "start").map((action, index) => renderCustomAction(action, index));
+			return /* @__PURE__ */ jsxs(Fragment, { children: [
+				startNodes,
+				renderBuiltinAction({ type: "batchUpdate" }),
+				extraActions,
+				showDefaultExport && renderBuiltinAction({ type: "export" }),
+				renderBuiltinAction({ type: "delete" }),
+				endNodes
+			] });
+		}
+		return resolvedActions.map((action, index) => {
+			if (action.type === "custom") return renderCustomAction(action, index);
+			return /* @__PURE__ */ jsx(React.Fragment, { children: renderBuiltinAction(action) }, action.type);
+		});
+	}, [
+		actions,
+		extraActions,
+		renderBuiltinAction,
+		renderCustomAction,
+		showDefaultExport
 	]);
 	return /* @__PURE__ */ jsxs(ActionBar, {
 		open: rows.length > 0,
@@ -4253,33 +4360,7 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 				/* @__PURE__ */ jsx(ActionBarClose, { children: /* @__PURE__ */ jsx(X, {}) })
 			] }),
 			/* @__PURE__ */ jsx(ActionBarSeparator, {}),
-			/* @__PURE__ */ jsxs(ActionBarGroup, { children: [
-				batchUpdateFields?.map((fieldConfig) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ jsxs(Button, {
-						variant: "ghost",
-						size: "sm",
-						className: "h-7 gap-1 px-2",
-						children: [fieldConfig.label, /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })]
-					})
-				}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-					align: "start",
-					children: fieldConfig.options.map((option) => /* @__PURE__ */ jsx(DropdownMenuItem, {
-						onClick: () => handleBatchUpdate(fieldConfig.field, option.value),
-						children: option.label
-					}, option.value))
-				})] }, fieldConfig.field)),
-				extraActions,
-				enableExport && /* @__PURE__ */ jsxs(ActionBarItem, {
-					onClick: onExport,
-					children: [/* @__PURE__ */ jsx(Download, {}), "Export"]
-				}),
-				enableDelete && onDeleteSelected && /* @__PURE__ */ jsxs(ActionBarItem, {
-					variant: "destructive",
-					onClick: onDelete,
-					children: [/* @__PURE__ */ jsx(Trash2, {}), "Delete"]
-				})
-			] })
+			/* @__PURE__ */ jsx(ActionBarGroup, { children: renderedActions })
 		]
 	});
 }
@@ -4540,7 +4621,7 @@ const filterModeConfig = {
 		tooltip: "Linear-style command filters"
 	}
 };
-function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection = true, exclude, actions, pinnedColumns, filterMode = "simple", onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, initialSorting, enableExport = true, onSelectedCountChange, getSelectedRows }) {
+function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection = true, exclude, actions, pinnedColumns, filterMode = "simple", onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, actionBarActions, initialSorting, enableExport = true, showDefaultExport = true, onSelectedCountChange, getSelectedRows }) {
 	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;
@@ -4677,7 +4758,9 @@ function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection
 				batchUpdateFields,
 				enableDelete: !!onDeleteSelected,
 				enableExport,
-				extraActions: actionBarExtra
+				showDefaultExport,
+				extraActions: actionBarExtra,
+				actions: actionBarActions
 			})
 		]
 	});
@@ -5931,6 +6014,12 @@ function resolveActions(actionsOrFn, defaults, rowActionsLocale) {
 		copy: defaults.copyRow,
 		delete: defaults.openDelete
 	};
+	const visibleMap = {
+		view: true,
+		edit: !!defaults.openEdit,
+		copy: !!defaults.copyRow,
+		delete: !!defaults.openDelete
+	};
 	const variantMap = { delete: "destructive" };
 	return items.flatMap((item) => {
 		if (item.type === "custom") return [{
@@ -5939,6 +6028,7 @@ function resolveActions(actionsOrFn, defaults, rowActionsLocale) {
 			separator: item.separator,
 			variant: item.variant
 		}];
+		if (!visibleMap[item.type]) return [];
 		const handler = item.onClick ?? handlerMap[item.type];
 		if (!handler) return [];
 		return [{
@@ -6115,7 +6205,9 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 				onDeleteSelected: can.delete ? resource.handlers.deleteMany : void 0,
 				onUpdateSelected: can.update ? resource.handlers.updateMany : void 0,
 				batchUpdateFields: can.update ? batchFields : void 0,
-				enableExport: false,
+				actionBarActions: tableConfig?.batchActions,
+				enableExport: canExport,
+				showDefaultExport: false,
 				initialSorting: tableConfig?.defaultSort,
 				onSelectedCountChange: setSelectedCount,
 				getSelectedRows: getSelectedRowsRef

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wordrhyme/auto-crud",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Schema-first CRUD components with auto-generated tables and forms",
   "author": "wordrhyme",
   "license": "MIT",
@@ -57,36 +57,36 @@
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.18",
+    "@tanstack/react-virtual": "^3.13.23",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "lucide-react": "0.553.0",
     "nanoid": "^5.1.6",
-    "tailwind-merge": "^3.4.0",
+    "tailwind-merge": "^3.5.0",
     "vaul": "^1.1.2",
-    "@pixpilot/formily-shadcn": "1.7.2",
-    "@pixpilot/shadcn": "1.2.0",
-    "@pixpilot/shadcn-ui": "1.4.0"
+    "@pixpilot/formily-shadcn": "1.11.20",
+    "@pixpilot/shadcn": "1.2.7",
+    "@pixpilot/shadcn-ui": "1.21.1"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.90.15",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.2",
     "@trpc/server": "^11.0.0",
-    "@types/node": "^22.19.3",
-    "@types/react": "^19.2.7",
+    "@types/node": "^22.19.17",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "drizzle-orm": "1.0.0-beta.15-859cf75",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.4",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
-    "@internal/eslint-config": "0.3.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
-    "@internal/tsdown-config": "0.1.0",
-    "@internal/vitest-config": "0.1.0"
+    "@internal/eslint-config": "0.3.0",
+    "@internal/vitest-config": "0.1.0",
+    "@internal/tsdown-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {