@wordrhyme/auto-crud 1.3.1 → 1.3.3

package/dist/index.cjs

@@ -2544,11 +2544,15 @@ function AutoTableSimpleFilters({ table, shallow = false, filters: externalFilte
 	});
 }
 function SimpleFacetedFilter({ title, options, multiple, value, hasMore, loading, searchValue, shouldFilter, onChange, onPopupScroll, onSearch }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.MultiCombobox, {
-		value,
-		onChange,
+	const onSelectChange = (nextValue) => {
+		onChange(Array.isArray(nextValue) ? nextValue : nextValue ? [nextValue] : []);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.Select, {
+		mode: "searchable",
+		multiple: Boolean(multiple),
+		value: multiple ? value : value[0] ?? "",
+		onChange: onSelectChange,
 		options,
-		selectionMode: multiple ? "multiple" : "single",
 		searchPlaceholder: title,
 		hasMore,
 		loading,
@@ -4462,18 +4466,20 @@ const FormilyMultiCombobox = (0, __wordrhyme_formily_shadcn.connect)(AutoCrudMul
 	};
 }));
 function AutoCrudCombobox({ options = [], className, value, onChange,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.MultiCombobox, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.Select, {
 		...props,
-		value: value ? [value] : [],
+		mode: "searchable",
+		value: value ?? "",
 		options,
-		selectionMode: "single",
-		onChange: (nextValues) => onChange?.(nextValues[0] ?? ""),
+		onChange: (nextValue) => onChange?.(nextValue),
 		className: (0, __wordrhyme_shadcn.cn)(COMBOBOX_LIST_CLASS, className)
 	});
 }
 function AutoCrudMultiCombobox({ options = [],...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.MultiCombobox, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.Select, {
 		...props,
+		mode: "searchable",
+		multiple: true,
 		options
 	});
 }
@@ -4813,6 +4819,7 @@ const AutoForm = (0, react.forwardRef)(AutoFormInner);
 //#region src/i18n/locale.ts
 const zhCN = {
 	toolbar: {
+		refresh: "刷新",
 		create: "新建",
 		import: "导入",
 		export: "导出",
@@ -4879,6 +4886,7 @@ const zhCN = {
 };
 const enUS = {
 	toolbar: {
+		refresh: "Refresh",
 		create: "New",
 		import: "Import",
 		export: "Export",
@@ -4945,6 +4953,7 @@ const enUS = {
 };
 const jaJP = {
 	toolbar: {
+		refresh: "更新",
 		create: "新規作成",
 		import: "インポート",
 		export: "エクスポート",
@@ -5011,6 +5020,7 @@ const jaJP = {
 };
 const koKR = {
 	toolbar: {
+		refresh: "새로고침",
 		create: "새로 만들기",
 		import: "가져오기",
 		export: "내보내기",
@@ -5077,6 +5087,7 @@ const koKR = {
 };
 const frFR = {
 	toolbar: {
+		refresh: "Actualiser",
 		create: "Nouveau",
 		import: "Importer",
 		export: "Exporter",
@@ -5143,6 +5154,7 @@ const frFR = {
 };
 const deDE = {
 	toolbar: {
+		refresh: "Aktualisieren",
 		create: "Neu",
 		import: "Importieren",
 		export: "Exportieren",
@@ -5209,6 +5221,7 @@ const deDE = {
 };
 const esES = {
 	toolbar: {
+		refresh: "Actualizar",
 		create: "Nuevo",
 		import: "Importar",
 		export: "Exportar",
@@ -5781,6 +5794,7 @@ function setToolbarResolver(resolver) {
 }
 function getDefaultToolbarActions() {
 	return [
+		{ type: "refresh" },
 		{ type: "import" },
 		{ type: "export" },
 		{ type: "create" }
@@ -6529,6 +6543,8 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		rowIds,
 		selectedRowIds,
 		selectedCount,
+		isRefreshing: resource.tableData.isFetching,
+		...resource.handlers.refresh ? { refresh: resource.handlers.refresh } : {},
 		...toolbarOpenCreate ? { openCreate: toolbarOpenCreate } : {}
 	}), [
 		id,
@@ -6536,6 +6552,8 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		rowIds,
 		selectedRowIds,
 		selectedCount,
+		resource.handlers.refresh,
+		resource.tableData.isFetching,
 		toolbarOpenCreate
 	]);
 	const resolvedToolbarActions = resolveToolbarActionsWithResolver(id, registryToolbarActions, toolbarContext);
@@ -6649,6 +6667,20 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				className: "flex items-center justify-end gap-4",
 				children: (() => {
 					const renderBuiltinButton = (type, overrides) => {
+						if (type === "refresh") {
+							const onRefresh = overrides?.onClick ?? resource.handlers.refresh;
+							const label = overrides?.label ?? locale.toolbar.refresh;
+							if (!onRefresh) return null;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Button, {
+								variant: "outline",
+								size: "icon-sm",
+								"aria-label": label,
+								title: label,
+								onClick: onRefresh,
+								disabled: resource.tableData.isFetching,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RefreshCw, { className: resource.tableData.isFetching ? "h-4 w-4 animate-spin" : "h-4 w-4" })
+							}, "refresh");
+						}
 						if (type === "import" && canImport) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Button, {
 							variant: "outline",
 							size: "sm",
@@ -6677,6 +6709,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 							className: "flex items-center gap-2",
 							children: [
 								startNodes,
+								renderBuiltinButton("refresh"),
 								renderBuiltinButton("import"),
 								renderBuiltinButton("export"),
 								renderBuiltinButton("create"),
@@ -6688,7 +6721,14 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 						className: "flex items-center gap-2",
 						children: resolvedToolbarActions.map((action$1, index$1) => {
 							if (action$1.type === "custom") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(action$1.component) }, `custom-${index$1}`);
-							if (!(action$1.type === "import" ? canImport : action$1.type === "export" ? canExport : can.create)) return null;
+							if (!(() => {
+								switch (action$1.type) {
+									case "refresh": return !!(resource.handlers.refresh || action$1.onClick || action$1.component);
+									case "import": return canImport;
+									case "export": return canExport;
+									case "create": return can.create;
+								}
+							})()) return null;
 							if (action$1.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(action$1.component) }, action$1.type);
 							return renderBuiltinButton(action$1.type, {
 								onClick: action$1.onClick,
@@ -6873,11 +6913,15 @@ function DataTableFacetedFilter({ column, title, options, multiple }) {
 	const onChange = (nextValues) => {
 		column?.setFilterValue(nextValues.length ? nextValues : void 0);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.MultiCombobox, {
-		value: selectedValues,
-		onChange,
+	const onSelectChange = (nextValue) => {
+		onChange(Array.isArray(nextValue) ? nextValue : nextValue ? [nextValue] : []);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn_ui.Select, {
+		mode: "searchable",
+		multiple: Boolean(multiple),
+		value: multiple ? selectedValues : selectedValues[0] ?? "",
+		onChange: onSelectChange,
 		options: comboboxOptions,
-		selectionMode: multiple ? "multiple" : "single",
 		searchPlaceholder: title,
 		hasMore: column?.columnDef.meta?.autoCrudFilterHasMore,
 		loading: column?.columnDef.meta?.autoCrudFilterLoading,
@@ -7800,6 +7844,9 @@ function useAutoCrudResource({ router, schema, query: queryTransform, options =
 		queryInput
 	]);
 	const canExport = !!(exportFetcher || exportQuery);
+	const refresh = (0, react.useCallback)(async () => {
+		return listQuery.refetch();
+	}, [listQuery]);
 	return {
 		idKey,
 		tableData: {
@@ -7830,6 +7877,7 @@ function useAutoCrudResource({ router, schema, query: queryTransform, options =
 			deleteMany,
 			updateMany,
 			setVariant,
+			refresh,
 			import: importMutation ? handleImport : null,
 			export: canExport ? handleExport : null
 		}
@@ -8163,6 +8211,12 @@ Object.defineProperty(exports, 'MultiCombobox', {
   }
 });
 exports.SchemaAdapter = SchemaAdapter;
+Object.defineProperty(exports, 'Select', {
+  enumerable: true,
+  get: function () {
+    return __wordrhyme_shadcn_ui.Select;
+  }
+});
 exports.cn = cn;
 exports.coerceRowValues = coerceRowValues;
 exports.components = components;

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { z } from "zod";
 import { JsonSchemaFormScope } from "@wordrhyme/formily-shadcn";
 import * as _tanstack_react_table0 from "@tanstack/react-table";
@@ -6,7 +6,7 @@ import { Column, ColumnDef, ColumnSort, Row, RowData, Table, TableOptions, Table
 import * as React$1 from "react";
 import { ISchema } from "@formily/json-schema";
 import { DropdownMenuTrigger, PopoverContent } from "@wordrhyme/shadcn";
-import { MultiCombobox, MultiComboboxOption, MultiComboboxProps, MultiComboboxTriggerRenderProps } from "@wordrhyme/shadcn-ui";
+import { MultiCombobox, MultiComboboxOption, MultiComboboxProps, MultiComboboxTriggerRenderProps, Select, SelectMode, SelectOption, SelectProps, SelectSearchableDynamicProps, SelectSearchableMultipleProps, SelectSearchableProps, SelectSearchableSingleProps, SelectSimpleProps, SelectTriggerRenderProps } from "@wordrhyme/shadcn-ui";
 import { ClassValue } from "clsx";
 
 //#region src/hooks/use-auto-crud-resource.d.ts
@@ -153,6 +153,8 @@ interface UseAutoCrudResourceReturn<TSchema extends z.ZodObject<z.ZodRawShape>,
     deleteMany: (rows: TListItem[]) => void;
     updateMany: (rows: TListItem[], data: Record<string, unknown>) => void;
     setVariant: (variant: ModalVariant$1) => void;
+    /** 刷新当前列表数据 */
+    refresh?: () => Promise<unknown>;
     /** 导入数据（router 有 import 路由时自动可用） */
     import: ((rows: Record<string, unknown>[]) => Promise<ImportResult>) | null;
     /** 导出筛选结果（router 有 export procedure 或传入 exportFetcher 时自动可用）。导出选中行由 AutoCrudTable 内部处理 */
@@ -379,7 +381,7 @@ declare function AutoTableActionBar<TData>({
   extraActions,
   actions,
   deleteConfirmation
-}: AutoTableActionBarProps<TData>): react_jsx_runtime5.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -555,7 +557,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   onSelectedCountChange,
   onSelectedRowsChange,
   getSelectedRows
-}: AutoTableProps<T>): react_jsx_runtime5.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/i18n/locale.d.ts
 /**
@@ -570,6 +572,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
  */
 interface AutoCrudLocale {
   toolbar: {
+    refresh: string;
     create: string;
     import: string;
     export: string;
@@ -869,8 +872,9 @@ type AutoCrudActionConfig<T> = RowActionConfig<T> | AutoCrudActionsConfig<T>;
 /**
  * 顶部工具栏内置操作项
  */
+type ToolbarBuiltinActionType = 'refresh' | 'create' | 'import' | 'export';
 type ToolbarBuiltinActionItem = ActionMeta & {
-  type: 'create' | 'import' | 'export';
+  type: ToolbarBuiltinActionType;
   /** 替代默认的行为 */
   onClick?: () => void;
   /** 替代默认的标签文本 */
@@ -896,6 +900,8 @@ interface AutoCrudToolbarContext {
   rowIds: string[];
   selectedRowIds: string[];
   selectedCount: number;
+  refresh?: () => Promise<unknown>;
+  isRefreshing: boolean;
   openCreate?: () => void;
 }
 type AutoCrudToolbarResolver = (targetId: string, ownerActions: readonly ToolbarActionItem[], context: AutoCrudToolbarContext) => ToolbarActionItem[];
@@ -1031,7 +1037,7 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   toolbarActions,
   locale: localeProp,
   onCreate
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime5.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>> {
@@ -1070,7 +1076,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime5.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>;
@@ -1284,12 +1290,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";
@@ -1386,7 +1392,7 @@ declare function AutoTableSimpleFilters<TData>({
   filters: externalFilters,
   onFiltersChange,
   leading
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime5.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";
@@ -1430,7 +1436,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime5.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1452,7 +1458,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime5.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = "selected" | "filtered";
@@ -1472,7 +1478,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime5.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"> {
@@ -1485,7 +1491,7 @@ declare function DataTable<TData>({
   children,
   className,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime5.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"> {
@@ -1496,7 +1502,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime5.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> {
@@ -1508,7 +1514,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime5.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> {
@@ -1522,7 +1528,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime5.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"> {
@@ -1534,7 +1540,7 @@ declare function DataTablePagination<TData>({
   pageSizeOptions,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime5.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"> {
@@ -1545,7 +1551,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime5.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> {
@@ -1556,7 +1562,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime5.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/lib/crud-actions.d.ts
 type CrudActionZone = 'toolbar' | 'row' | 'batch';
@@ -1931,4 +1937,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 ActionsColumnConfig, type AutoCrudActionConfig, type AutoCrudActionsConfig, type AutoCrudDataSourceConfig, type AutoCrudDataSourceContext, type AutoCrudDataSourceEntry, type AutoCrudDataSourceLoader, type AutoCrudDataSourceRegistration, type AutoCrudFormComponentConfig, type AutoCrudLocale, type AutoCrudOption, type AutoCrudRowActionContext, 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, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldOption, 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 RowActionItem, type RowBuiltinActionItem, type RowBuiltinActionType, type RowCustomActionItem, SchemaAdapter, type SimpleFieldConfig, type SimpleFieldsConfig, type ToastAdapter, type ToolbarActionConfig, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, cn, coerceRowValues, 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, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, resolveLocale, setSearchParams, setToolbarResolver, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };
+export { type ActionConfig, type ActionItem, type ActionsColumnConfig, type AutoCrudActionConfig, type AutoCrudActionsConfig, type AutoCrudDataSourceConfig, type AutoCrudDataSourceContext, type AutoCrudDataSourceEntry, type AutoCrudDataSourceLoader, type AutoCrudDataSourceRegistration, type AutoCrudFormComponentConfig, type AutoCrudLocale, type AutoCrudOption, type AutoCrudRowActionContext, 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, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldOption, 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 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 ToastAdapter, type ToolbarActionConfig, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarBuiltinActionType, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, cn, coerceRowValues, 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, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, resolveLocale, setSearchParams, setToolbarResolver, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };

package/dist/index.d.ts

@@ -3,8 +3,8 @@ 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 "@wordrhyme/shadcn";
 import { ClassValue } from "clsx";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
-import { MultiCombobox, MultiComboboxOption, MultiComboboxProps, MultiComboboxTriggerRenderProps } from "@wordrhyme/shadcn-ui";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { MultiCombobox, MultiComboboxOption, MultiComboboxProps, MultiComboboxTriggerRenderProps, Select, SelectMode, SelectOption, SelectProps, SelectSearchableDynamicProps, SelectSearchableMultipleProps, SelectSearchableProps, SelectSearchableSingleProps, SelectSimpleProps, SelectTriggerRenderProps } from "@wordrhyme/shadcn-ui";
 import { z } from "zod";
 import { JsonSchemaFormScope } from "@wordrhyme/formily-shadcn";
 import { ISchema } from "@formily/json-schema";
@@ -153,6 +153,8 @@ interface UseAutoCrudResourceReturn<TSchema extends z.ZodObject<z.ZodRawShape>,
     deleteMany: (rows: TListItem[]) => void;
     updateMany: (rows: TListItem[], data: Record<string, unknown>) => void;
     setVariant: (variant: ModalVariant$1) => void;
+    /** 刷新当前列表数据 */
+    refresh?: () => Promise<unknown>;
     /** 导入数据（router 有 import 路由时自动可用） */
     import: ((rows: Record<string, unknown>[]) => Promise<ImportResult>) | null;
     /** 导出筛选结果（router 有 export procedure 或传入 exportFetcher 时自动可用）。导出选中行由 AutoCrudTable 内部处理 */
@@ -379,7 +381,7 @@ declare function AutoTableActionBar<TData>({
   extraActions,
   actions,
   deleteConfirmation
-}: AutoTableActionBarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -555,7 +557,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   onSelectedCountChange,
   onSelectedRowsChange,
   getSelectedRows
-}: AutoTableProps<T>): react_jsx_runtime2.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/i18n/locale.d.ts
 /**
@@ -570,6 +572,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
  */
 interface AutoCrudLocale {
   toolbar: {
+    refresh: string;
     create: string;
     import: string;
     export: string;
@@ -869,8 +872,9 @@ type AutoCrudActionConfig<T> = RowActionConfig<T> | AutoCrudActionsConfig<T>;
 /**
  * 顶部工具栏内置操作项
  */
+type ToolbarBuiltinActionType = 'refresh' | 'create' | 'import' | 'export';
 type ToolbarBuiltinActionItem = ActionMeta & {
-  type: 'create' | 'import' | 'export';
+  type: ToolbarBuiltinActionType;
   /** 替代默认的行为 */
   onClick?: () => void;
   /** 替代默认的标签文本 */
@@ -896,6 +900,8 @@ interface AutoCrudToolbarContext {
   rowIds: string[];
   selectedRowIds: string[];
   selectedCount: number;
+  refresh?: () => Promise<unknown>;
+  isRefreshing: boolean;
   openCreate?: () => void;
 }
 type AutoCrudToolbarResolver = (targetId: string, ownerActions: readonly ToolbarActionItem[], context: AutoCrudToolbarContext) => ToolbarActionItem[];
@@ -1031,7 +1037,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_runtime7.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
@@ -1070,7 +1076,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_runtime7.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -1284,12 +1290,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";
@@ -1386,7 +1392,7 @@ declare function AutoTableSimpleFilters<TData>({
   filters: externalFilters,
   onFiltersChange,
   leading
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime2.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime7.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = "dialog" | "sheet";
@@ -1430,7 +1436,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime2.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1452,7 +1458,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime2.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = "selected" | "filtered";
@@ -1472,7 +1478,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime2.JSX.Element;
+}: ExportDialogProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table.d.ts
 interface DataTableProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1485,7 +1491,7 @@ declare function DataTable<TData>({
   children,
   className,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableProps<TData>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1496,7 +1502,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -1508,7 +1514,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -1522,7 +1528,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<"div"> {
@@ -1534,7 +1540,7 @@ declare function DataTablePagination<TData>({
   pageSizeOptions,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1545,7 +1551,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends React$1.ComponentProps<typeof PopoverContent> {
@@ -1556,7 +1562,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/lib/crud-actions.d.ts
 type CrudActionZone = 'toolbar' | 'row' | 'batch';
@@ -1931,4 +1937,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 ActionsColumnConfig, type AutoCrudActionConfig, type AutoCrudActionsConfig, type AutoCrudDataSourceConfig, type AutoCrudDataSourceContext, type AutoCrudDataSourceEntry, type AutoCrudDataSourceLoader, type AutoCrudDataSourceRegistration, type AutoCrudFormComponentConfig, type AutoCrudLocale, type AutoCrudOption, type AutoCrudRowActionContext, 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, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldOption, 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 RowActionItem, type RowBuiltinActionItem, type RowBuiltinActionType, type RowCustomActionItem, SchemaAdapter, type SimpleFieldConfig, type SimpleFieldsConfig, type ToastAdapter, type ToolbarActionConfig, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, cn, coerceRowValues, 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, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, resolveLocale, setSearchParams, setToolbarResolver, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };
+export { type ActionConfig, type ActionItem, type ActionsColumnConfig, type AutoCrudActionConfig, type AutoCrudActionsConfig, type AutoCrudDataSourceConfig, type AutoCrudDataSourceContext, type AutoCrudDataSourceEntry, type AutoCrudDataSourceLoader, type AutoCrudDataSourceRegistration, type AutoCrudFormComponentConfig, type AutoCrudLocale, type AutoCrudOption, type AutoCrudRowActionContext, 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, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExportDialog, type ExportDialogProps, type ExportMode, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldOption, 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 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 ToastAdapter, type ToolbarActionConfig, type ToolbarActionItem, type ToolbarBuiltinActionItem, type ToolbarBuiltinActionType, type ToolbarCustomActionItem, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, type UseAutoCrudResourceParams, type UseAutoCrudResourceReturn, cn, coerceRowValues, 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, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, resolveLocale, setSearchParams, setToolbarResolver, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };

package/dist/index.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState } 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, Settings2, Text, Trash2, Upload, X, XCircle } from "lucide-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 { 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, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, Slider, Switch, Table as Table$1, TableBody, TableCell, TableHead, TableHeader, TableRow, cn as cn$1 } from "@wordrhyme/shadcn";
+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, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Popover, PopoverContent, PopoverTrigger, Select as Select$1, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, 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 { customAlphabet } from "nanoid";
-import { ActionBar, ActionBarClose, ActionBarGroup, ActionBarItem, ActionBarSelection, ActionBarSeparator, Faceted, FacetedBadgeList, FacetedContent, FacetedEmpty, FacetedGroup, FacetedInput, FacetedItem, FacetedList, FacetedTrigger, MultiCombobox, MultiCombobox as MultiCombobox$1, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay } from "@wordrhyme/shadcn-ui";
+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 { z } from "zod";
 import { createForm } from "@formily/core";
 import { action, observable } from "@formily/reactive";
@@ -49,7 +49,7 @@ function DataTablePagination({ table, pageSizeOptions = [
 					children: [/* @__PURE__ */ jsx("p", {
 						className: "whitespace-nowrap font-medium text-sm",
 						children: "Rows per page"
-					}), /* @__PURE__ */ jsxs(Select, {
+					}), /* @__PURE__ */ jsxs(Select$1, {
 						value: `${table.getState().pagination.pageSize}`,
 						onValueChange: (value) => {
 							table.setPageSize(Number(value));
@@ -1109,7 +1109,7 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 					children: index$1 === 0 ? /* @__PURE__ */ jsx("span", {
 						className: "text-muted-foreground text-sm",
 						children: "Where"
-					}) : index$1 === 1 ? /* @__PURE__ */ jsxs(Select, {
+					}) : index$1 === 1 ? /* @__PURE__ */ jsxs(Select$1, {
 						value: joinOperator,
 						onValueChange: (value) => setJoinOperator(value),
 						children: [/* @__PURE__ */ jsx(SelectTrigger, {
@@ -1169,7 +1169,7 @@ function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOpera
 						}, column$1.id)) })] })] })
 					})]
 				}),
-				/* @__PURE__ */ jsxs(Select, {
+				/* @__PURE__ */ jsxs(Select$1, {
 					open: showOperatorSelector,
 					onOpenChange: setShowOperatorSelector,
 					value: filter.operator,
@@ -1261,7 +1261,7 @@ function onFilterInputRender$1({ filter, inputId, column, columnMeta, onFilterUp
 		case "boolean": {
 			if (Array.isArray(filter.value)) return null;
 			const inputListboxId = `${inputId}-listbox`;
-			return /* @__PURE__ */ jsxs(Select, {
+			return /* @__PURE__ */ jsxs(Select$1, {
 				open: showValueSelector,
 				onOpenChange: setShowValueSelector,
 				value: filter.value,
@@ -1681,7 +1681,7 @@ function DataTableFilterItem({ filter, filterItemId, columns, onFilterUpdate, on
 						})
 					})]
 				}),
-				/* @__PURE__ */ jsxs(Select, {
+				/* @__PURE__ */ jsxs(Select$1, {
 					open: showOperatorSelector,
 					onOpenChange: setShowOperatorSelector,
 					value: filter.operator,
@@ -1807,7 +1807,7 @@ function onFilterInputRender({ filter, column, inputId, onFilterUpdate, showValu
 		}
 		case "boolean": {
 			const inputListboxId = `${inputId}-listbox`;
-			return /* @__PURE__ */ jsxs(Select, {
+			return /* @__PURE__ */ jsxs(Select$1, {
 				open: showValueSelector,
 				onOpenChange: setShowValueSelector,
 				value: typeof filter.value === "string" ? filter.value : "true",
@@ -2176,7 +2176,7 @@ function DataTableSortItem({ sort, sortItemId, columns, columnLabels, onSortUpda
 						}, column.id)) })] })] })
 					})]
 				}),
-				/* @__PURE__ */ jsxs(Select, {
+				/* @__PURE__ */ jsxs(Select$1, {
 					open: showDirectionSelector,
 					onOpenChange: setShowDirectionSelector,
 					value: sort.desc ? "desc" : "asc",
@@ -2507,11 +2507,15 @@ function AutoTableSimpleFilters({ table, shallow = false, filters: externalFilte
 	});
 }
 function SimpleFacetedFilter({ title, options, multiple, value, hasMore, loading, searchValue, shouldFilter, onChange, onPopupScroll, onSearch }) {
-	return /* @__PURE__ */ jsx(MultiCombobox$1, {
-		value,
-		onChange,
+	const onSelectChange = (nextValue) => {
+		onChange(Array.isArray(nextValue) ? nextValue : nextValue ? [nextValue] : []);
+	};
+	return /* @__PURE__ */ jsx(Select$2, {
+		mode: "searchable",
+		multiple: Boolean(multiple),
+		value: multiple ? value : value[0] ?? "",
+		onChange: onSelectChange,
 		options,
-		selectionMode: multiple ? "multiple" : "single",
 		searchPlaceholder: title,
 		hasMore,
 		loading,
@@ -4425,18 +4429,20 @@ const FormilyMultiCombobox = connect(AutoCrudMultiCombobox, mapProps({
 	};
 }));
 function AutoCrudCombobox({ options = [], className, value, onChange,...props }) {
-	return /* @__PURE__ */ jsx(MultiCombobox$1, {
+	return /* @__PURE__ */ jsx(Select$2, {
 		...props,
-		value: value ? [value] : [],
+		mode: "searchable",
+		value: value ?? "",
 		options,
-		selectionMode: "single",
-		onChange: (nextValues) => onChange?.(nextValues[0] ?? ""),
+		onChange: (nextValue) => onChange?.(nextValue),
 		className: cn$1(COMBOBOX_LIST_CLASS, className)
 	});
 }
 function AutoCrudMultiCombobox({ options = [],...props }) {
-	return /* @__PURE__ */ jsx(MultiCombobox$1, {
+	return /* @__PURE__ */ jsx(Select$2, {
 		...props,
+		mode: "searchable",
+		multiple: true,
 		options
 	});
 }
@@ -4776,6 +4782,7 @@ const AutoForm = forwardRef(AutoFormInner);
 //#region src/i18n/locale.ts
 const zhCN = {
 	toolbar: {
+		refresh: "刷新",
 		create: "新建",
 		import: "导入",
 		export: "导出",
@@ -4842,6 +4849,7 @@ const zhCN = {
 };
 const enUS = {
 	toolbar: {
+		refresh: "Refresh",
 		create: "New",
 		import: "Import",
 		export: "Export",
@@ -4908,6 +4916,7 @@ const enUS = {
 };
 const jaJP = {
 	toolbar: {
+		refresh: "更新",
 		create: "新規作成",
 		import: "インポート",
 		export: "エクスポート",
@@ -4974,6 +4983,7 @@ const jaJP = {
 };
 const koKR = {
 	toolbar: {
+		refresh: "새로고침",
 		create: "새로 만들기",
 		import: "가져오기",
 		export: "내보내기",
@@ -5040,6 +5050,7 @@ const koKR = {
 };
 const frFR = {
 	toolbar: {
+		refresh: "Actualiser",
 		create: "Nouveau",
 		import: "Importer",
 		export: "Exporter",
@@ -5106,6 +5117,7 @@ const frFR = {
 };
 const deDE = {
 	toolbar: {
+		refresh: "Aktualisieren",
 		create: "Neu",
 		import: "Importieren",
 		export: "Exportieren",
@@ -5172,6 +5184,7 @@ const deDE = {
 };
 const esES = {
 	toolbar: {
+		refresh: "Actualizar",
 		create: "Nuevo",
 		import: "Importar",
 		export: "Exportar",
@@ -5744,6 +5757,7 @@ function setToolbarResolver(resolver) {
 }
 function getDefaultToolbarActions() {
 	return [
+		{ type: "refresh" },
 		{ type: "import" },
 		{ type: "export" },
 		{ type: "create" }
@@ -6492,6 +6506,8 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		rowIds,
 		selectedRowIds,
 		selectedCount,
+		isRefreshing: resource.tableData.isFetching,
+		...resource.handlers.refresh ? { refresh: resource.handlers.refresh } : {},
 		...toolbarOpenCreate ? { openCreate: toolbarOpenCreate } : {}
 	}), [
 		id,
@@ -6499,6 +6515,8 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		rowIds,
 		selectedRowIds,
 		selectedCount,
+		resource.handlers.refresh,
+		resource.tableData.isFetching,
 		toolbarOpenCreate
 	]);
 	const resolvedToolbarActions = resolveToolbarActionsWithResolver(id, registryToolbarActions, toolbarContext);
@@ -6612,6 +6630,20 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				className: "flex items-center justify-end gap-4",
 				children: (() => {
 					const renderBuiltinButton = (type, overrides) => {
+						if (type === "refresh") {
+							const onRefresh = overrides?.onClick ?? resource.handlers.refresh;
+							const label = overrides?.label ?? locale.toolbar.refresh;
+							if (!onRefresh) return null;
+							return /* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								size: "icon-sm",
+								"aria-label": label,
+								title: label,
+								onClick: onRefresh,
+								disabled: resource.tableData.isFetching,
+								children: /* @__PURE__ */ jsx(RefreshCw, { className: resource.tableData.isFetching ? "h-4 w-4 animate-spin" : "h-4 w-4" })
+							}, "refresh");
+						}
 						if (type === "import" && canImport) return /* @__PURE__ */ jsxs(Button, {
 							variant: "outline",
 							size: "sm",
@@ -6640,6 +6672,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 							className: "flex items-center gap-2",
 							children: [
 								startNodes,
+								renderBuiltinButton("refresh"),
 								renderBuiltinButton("import"),
 								renderBuiltinButton("export"),
 								renderBuiltinButton("create"),
@@ -6651,7 +6684,14 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 						className: "flex items-center gap-2",
 						children: resolvedToolbarActions.map((action$1, index$1) => {
 							if (action$1.type === "custom") return /* @__PURE__ */ jsx(React.Fragment, { children: renderToolbarComponent(action$1.component) }, `custom-${index$1}`);
-							if (!(action$1.type === "import" ? canImport : action$1.type === "export" ? canExport : can.create)) return null;
+							if (!(() => {
+								switch (action$1.type) {
+									case "refresh": return !!(resource.handlers.refresh || action$1.onClick || action$1.component);
+									case "import": return canImport;
+									case "export": return canExport;
+									case "create": return can.create;
+								}
+							})()) return null;
 							if (action$1.component) return /* @__PURE__ */ jsx(React.Fragment, { children: renderToolbarComponent(action$1.component) }, action$1.type);
 							return renderBuiltinButton(action$1.type, {
 								onClick: action$1.onClick,
@@ -6836,11 +6876,15 @@ function DataTableFacetedFilter({ column, title, options, multiple }) {
 	const onChange = (nextValues) => {
 		column?.setFilterValue(nextValues.length ? nextValues : void 0);
 	};
-	return /* @__PURE__ */ jsx(MultiCombobox$1, {
-		value: selectedValues,
-		onChange,
+	const onSelectChange = (nextValue) => {
+		onChange(Array.isArray(nextValue) ? nextValue : nextValue ? [nextValue] : []);
+	};
+	return /* @__PURE__ */ jsx(Select$2, {
+		mode: "searchable",
+		multiple: Boolean(multiple),
+		value: multiple ? selectedValues : selectedValues[0] ?? "",
+		onChange: onSelectChange,
 		options: comboboxOptions,
-		selectionMode: multiple ? "multiple" : "single",
 		searchPlaceholder: title,
 		hasMore: column?.columnDef.meta?.autoCrudFilterHasMore,
 		loading: column?.columnDef.meta?.autoCrudFilterLoading,
@@ -7763,6 +7807,9 @@ function useAutoCrudResource({ router, schema, query: queryTransform, options =
 		queryInput
 	]);
 	const canExport = !!(exportFetcher || exportQuery);
+	const refresh = useCallback(async () => {
+		return listQuery.refetch();
+	}, [listQuery]);
 	return {
 		idKey,
 		tableData: {
@@ -7793,6 +7840,7 @@ function useAutoCrudResource({ router, schema, query: queryTransform, options =
 			deleteMany,
 			updateMany,
 			setVariant,
+			refresh,
 			import: importMutation ? handleImport : null,
 			export: canExport ? handleExport : null
 		}
@@ -8104,4 +8152,4 @@ function createMemoryDataSource(initialData = []) {
 }
 
 //#endregion
-export { AutoCrudTable, AutoForm, AutoTable, AutoTableActionBar, AutoTableSimpleFilters, CrudFormModal, DataTable, DataTableAdvancedToolbar, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableToolbar, DataTableViewOptions, ExportDialog, ImportDialog, MultiCombobox, SchemaAdapter, cn, coerceRowValues, 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, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, resolveLocale, setSearchParams, setToolbarResolver, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };
+export { AutoCrudTable, AutoForm, AutoTable, AutoTableActionBar, AutoTableSimpleFilters, CrudFormModal, DataTable, DataTableAdvancedToolbar, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableToolbar, DataTableViewOptions, ExportDialog, ImportDialog, MultiCombobox, SchemaAdapter, Select, cn, coerceRowValues, 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, noopToastAdapter, normalizeDataSourceConfig, normalizeOptions, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseCSV, parseImportFile, parseJSON, parseZodField, resolveLocale, setSearchParams, setToolbarResolver, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates, zhCN };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wordrhyme/auto-crud",
   "type": "module",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Schema-first CRUD components with auto-generated tables and forms",
   "author": "wordrhyme",
   "license": "MIT",
@@ -63,8 +63,8 @@
     "tailwind-merge": "^3.5.0",
     "vaul": "^1.1.2",
     "@wordrhyme/shadcn": "1.3.2",
-    "@wordrhyme/shadcn-ui": "1.32.2",
-    "@wordrhyme/formily-shadcn": "1.12.9"
+    "@wordrhyme/formily-shadcn": "1.12.9",
+    "@wordrhyme/shadcn-ui": "1.32.2"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.90.15",
@@ -83,8 +83,8 @@
     "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/prettier-config": "0.0.1",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"
   },