@wordrhyme/auto-crud 0.5.0 → 0.10.0

package/dist/index.cjs

@@ -2684,7 +2684,7 @@ function DataTableViewOptions({ table, disabled,...props }) {
 			role: "combobox",
 			variant: "outline",
 			size: "sm",
-			className: "ml-auto hidden h-8 font-normal lg:flex",
+			className: "ml-auto flex h-8 font-normal",
 			disabled,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Settings2, { className: "text-muted-foreground" }), "View"]
 		})
@@ -3515,454 +3515,146 @@ function ActionBarSeparator(props) {
 }
 
 //#endregion
-//#region src/lib/export.ts
-function exportTableToCSV(table, opts = {}) {
-	const { filename = "table", excludeColumns = [], onlySelected = false } = opts;
-	const headers = table.getAllLeafColumns().map((column) => column.id).filter((id) => !excludeColumns.includes(id));
-	const csvContent = [headers.join(","), ...(onlySelected ? table.getFilteredSelectedRowModel().rows : table.getRowModel().rows).map((row) => headers.map((header) => {
-		const cellValue = row.getValue(header);
-		return typeof cellValue === "string" ? `"${cellValue.replace(/"/g, "\"\"")}"` : cellValue;
-	}).join(","))].join("\n");
-	const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
-	const url = URL.createObjectURL(blob);
-	const link = document.createElement("a");
-	link.setAttribute("href", url);
-	link.setAttribute("download", `${filename}.csv`);
-	link.style.visibility = "hidden";
-	document.body.appendChild(link);
-	link.click();
-	document.body.removeChild(link);
+//#region src/components/data-table/data-table-column-header.tsx
+function DataTableColumnHeader({ column, label, className,...props }) {
+	if (!column.getCanSort() && !column.getCanHide()) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cn(className),
+		children: label
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuTrigger, {
+		className: cn("-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground", className),
+		...props,
+		children: [label, column.getCanSort() && (column.getIsSorted() === "desc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {}) : column.getIsSorted() === "asc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, {}))]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuContent, {
+		align: "start",
+		className: "w-28",
+		children: [column.getCanSort() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuCheckboxItem, {
+				className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
+				checked: column.getIsSorted() === "asc",
+				onClick: () => column.toggleSorting(false),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {}), "Asc"]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuCheckboxItem, {
+				className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
+				checked: column.getIsSorted() === "desc",
+				onClick: () => column.toggleSorting(true),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {}), "Desc"]
+			}),
+			column.getIsSorted() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuItem, {
+				className: "pl-2 [&_svg]:text-muted-foreground",
+				onClick: () => column.clearSorting(),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {}), "Reset"]
+			})
+		] }), column.getCanHide() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuCheckboxItem, {
+			className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
+			checked: !column.getIsVisible(),
+			onClick: () => column.toggleVisibility(false),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.EyeOff, {}), "Hide"]
+		})]
+	})] });
 }
 
 //#endregion
-//#region src/components/auto-crud/auto-table-action-bar.tsx
-function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUpdateFields, enableExport = true, enableDelete = true, extraActions }) {
-	const rows = table.getFilteredSelectedRowModel().rows;
-	const onOpenChange = react.useCallback((open) => {
-		if (!open) table.toggleAllRowsSelected(false);
-	}, [table]);
-	const onExport = react.useCallback(() => {
-		exportTableToCSV(table, {
-			excludeColumns: ["select", "actions"],
-			onlySelected: true
-		});
-	}, [table]);
-	const onDelete = react.useCallback(() => {
-		if (onDeleteSelected) onDeleteSelected(rows.map((row) => row.original));
-	}, [rows, onDeleteSelected]);
-	const handleBatchUpdate = react.useCallback((field, value) => {
-		if (onUpdateSelected) {
-			onUpdateSelected(rows.map((row) => row.original), { [field]: value });
-			table.toggleAllRowsSelected(false);
-		}
-	}, [
-		rows,
-		onUpdateSelected,
-		table
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBar, {
-		open: rows.length > 0,
-		onOpenChange,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarSelection, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "font-medium",
-					children: rows.length
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "selected" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarSeparator, {}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarClose, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {}) })
-			] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarSeparator, {}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarGroup, { children: [
-				batchUpdateFields?.map((fieldConfig) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
-						variant: "ghost",
-						size: "sm",
-						className: "h-7 gap-1 px-2",
-						children: [fieldConfig.label, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "size-3.5" })]
-					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuContent, {
-					align: "start",
-					children: fieldConfig.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
-						onClick: () => handleBatchUpdate(fieldConfig.field, option.value),
-						children: option.label
-					}, option.value))
-				})] }, fieldConfig.field)),
-				extraActions,
-				enableExport && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarItem, {
-					onClick: onExport,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, {}), "Export"]
-				}),
-				enableDelete && onDeleteSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarItem, {
-					variant: "destructive",
-					onClick: onDelete,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, {}), "Delete"]
-				})
-			] })
-		]
-	});
+//#region src/lib/humanize.ts
+/**
+* 将字符串转为人类可读格式
+*
+* @example
+* humanize("createdAt") // "Created At"
+* humanize("user_name") // "User Name"
+* humanize("firstName") // "First Name"
+*/
+function humanize(str) {
+	return str.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/^./, (s) => s.toUpperCase()).trim();
 }
 
 //#endregion
-//#region src/lib/parsers.ts
+//#region src/lib/schema-bridge/types.ts
 /**
-* 创建自定义 Parser（替代 nuqs 的 createParser）
+* 字段类型到 Filter Variant 映射
+* - enum 默认 multiSelect（通常需要多选）
+* - date 默认 dateRange（通常需要范围筛选）
+* - number 默认 range（通常需要范围筛选）
 */
-function createParser(config) {
-	return {
-		parse: config.parse,
-		serialize: (value) => value === null ? "" : config.serialize(value),
-		withDefault: (defaultValue) => ({
-			parse: (value) => {
-				const parsed = config.parse(value);
-				return parsed === null ? defaultValue : parsed;
-			},
-			serialize: config.serialize,
-			defaultValue
-		})
+const fieldTypeToFilterVariant = {
+	string: "text",
+	number: "range",
+	boolean: "boolean",
+	date: "dateRange",
+	enum: "multiSelect",
+	array: "multiSelect",
+	object: "text"
+};
+/**
+* 字段类型到 Formily 组件映射
+*/
+const fieldTypeToFormilyComponent = {
+	string: "Input",
+	number: "NumberInput",
+	boolean: "Switch",
+	date: "DatePicker",
+	enum: "Select",
+	array: "ArrayCards",
+	object: "ObjectField"
+};
+/**
+* 字段名模式到 Formily 组件映射
+* 优先级高于 fieldTypeToFormilyComponent
+* 使用正则表达式匹配字段名
+*/
+const fieldNamePatternToComponent = [
+	{
+		pattern: /^(description|content|body|notes|summary|bio|about|comment|message|text)$/i,
+		component: "Textarea"
+	},
+	{
+		pattern: /(description|content|body|notes|summary|bio|about|comment|message)$/i,
+		component: "Textarea"
+	},
+	{
+		pattern: /^color$/i,
+		component: "ColorSelect"
+	},
+	{
+		pattern: /color$/i,
+		component: "ColorSelect"
+	},
+	{
+		pattern: /^icon$/i,
+		component: "IconPicker"
+	},
+	{
+		pattern: /icon$/i,
+		component: "IconPicker"
+	}
+];
+/**
+* 根据字段名推断 Formily 组件
+*/
+function inferComponentByFieldName(fieldName) {
+	for (const rule of fieldNamePatternToComponent) if (rule.pattern.test(fieldName)) return {
+		component: rule.component,
+		props: rule.props
 	};
+	return null;
 }
-const sortingItemSchema = zod.z.object({
-	id: zod.z.string(),
-	desc: zod.z.boolean()
-});
-const getSortingStateParser = (columnIds) => {
-	const validKeys = columnIds ? columnIds instanceof Set ? columnIds : new Set(columnIds) : null;
-	return createParser({
-		parse: (value) => {
-			try {
-				const parsed = JSON.parse(value);
-				const result = zod.z.array(sortingItemSchema).safeParse(parsed);
-				if (!result.success) return null;
-				if (validKeys && result.data.some((item) => !validKeys.has(item.id))) return null;
-				return result.data;
-			} catch {
-				return null;
-			}
-		},
-		serialize: (value) => JSON.stringify(value)
-	});
-};
-const filterItemSchema = zod.z.object({
-	id: zod.z.string(),
-	value: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]),
-	variant: zod.z.enum(dataTableConfig.filterVariants),
-	operator: zod.z.enum(dataTableConfig.operators),
-	filterId: zod.z.string()
-});
-
-//#endregion
-//#region src/hooks/use-data-table.ts
-const PAGE_KEY = "page";
-const PER_PAGE_KEY = "perPage";
-const SORT_KEY = "sort";
-const FILTERS_KEY = "filters";
-const JOIN_OPERATOR_KEY = "joinOperator";
-const ARRAY_SEPARATOR = ",";
-const DEBOUNCE_MS = 300;
-const THROTTLE_MS = 50;
-function useDataTable(props) {
-	const { columns, pageCount = -1, initialState, queryKeys, history = "replace", debounceMs = DEBOUNCE_MS, throttleMs = THROTTLE_MS, clearOnDefault = false, enableAdvancedFilter = false, scroll = false, shallow = true, startTransition,...tableProps } = props;
-	const pageKey = queryKeys?.page ?? PAGE_KEY;
-	const perPageKey = queryKeys?.perPage ?? PER_PAGE_KEY;
-	const sortKey = queryKeys?.sort ?? SORT_KEY;
-	const filtersKey = queryKeys?.filters ?? FILTERS_KEY;
-	const joinOperatorKey = queryKeys?.joinOperator ?? JOIN_OPERATOR_KEY;
-	const queryStateOptions = react.useMemo(() => ({
-		history,
-		scroll,
-		shallow,
-		throttleMs,
-		debounceMs,
-		clearOnDefault,
-		startTransition
-	}), [
-		history,
-		scroll,
-		shallow,
-		throttleMs,
-		debounceMs,
-		clearOnDefault,
-		startTransition
-	]);
-	const [rowSelection, setRowSelection] = react.useState(initialState?.rowSelection ?? {});
-	const [columnVisibility, setColumnVisibility] = react.useState(initialState?.columnVisibility ?? {});
-	const [page, setPage] = useQueryState(pageKey, parseAsInteger.withDefault(1));
-	const [perPage, setPerPage] = useQueryState(perPageKey, parseAsInteger.withDefault(initialState?.pagination?.pageSize ?? 10));
-	const pagination = react.useMemo(() => {
-		return {
-			pageIndex: page - 1,
-			pageSize: perPage
-		};
-	}, [page, perPage]);
-	const onPaginationChange = react.useCallback((updaterOrValue) => {
-		if (typeof updaterOrValue === "function") {
-			const newPagination = updaterOrValue(pagination);
-			setPage(newPagination.pageIndex + 1);
-			setPerPage(newPagination.pageSize);
-		} else {
-			setPage(updaterOrValue.pageIndex + 1);
-			setPerPage(updaterOrValue.pageSize);
-		}
-	}, [
-		pagination,
-		setPage,
-		setPerPage
-	]);
-	const [sorting, setSorting] = useQueryState(sortKey, getSortingStateParser(react.useMemo(() => {
-		return new Set(columns.map((column) => column.id).filter(Boolean));
-	}, [columns])).withDefault(initialState?.sorting ?? []));
-	const onSortingChange = react.useCallback((updaterOrValue) => {
-		if (typeof updaterOrValue === "function") setSorting(updaterOrValue(sorting));
-		else setSorting(updaterOrValue);
-	}, [sorting, setSorting]);
-	const filterableColumns = react.useMemo(() => {
-		if (enableAdvancedFilter) return [];
-		return columns.filter((column) => column.enableColumnFilter);
-	}, [columns, enableAdvancedFilter]);
-	const [filterValues, setFilterValues] = useQueryStates(react.useMemo(() => {
-		if (enableAdvancedFilter) return {};
-		return filterableColumns.reduce((acc, column) => {
-			if (column.meta?.options) acc[column.id ?? ""] = parseAsArrayOf(parseAsString, ARRAY_SEPARATOR).withDefault([]);
-			else acc[column.id ?? ""] = parseAsString.withDefault("");
-			return acc;
-		}, {});
-	}, [filterableColumns, enableAdvancedFilter]));
-	const debouncedSetFilterValues = useDebouncedCallback((values) => {
-		setPage(1);
-		setFilterValues(values);
-	}, debounceMs);
-	const initialColumnFilters = react.useMemo(() => {
-		if (enableAdvancedFilter) return [];
-		return Object.entries(filterValues).reduce((filters, [key, value]) => {
-			if (value !== null) {
-				const processedValue = Array.isArray(value) ? value : typeof value === "string" && /[^a-zA-Z0-9]/.test(value) ? value.split(/[^a-zA-Z0-9]+/).filter(Boolean) : [value];
-				filters.push({
-					id: key,
-					value: processedValue
-				});
-			}
-			return filters;
-		}, []);
-	}, [filterValues, enableAdvancedFilter]);
-	const [columnFilters, setColumnFilters] = react.useState(initialColumnFilters);
-	const onColumnFiltersChange = react.useCallback((updaterOrValue) => {
-		if (enableAdvancedFilter) return;
-		setColumnFilters((prev) => {
-			const next = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
-			const filterUpdates = next.reduce((acc, filter) => {
-				if (filterableColumns.find((column) => column.id === filter.id)) acc[filter.id] = filter.value;
-				return acc;
-			}, {});
-			for (const prevFilter of prev) if (!next.some((filter) => filter.id === prevFilter.id)) filterUpdates[prevFilter.id] = null;
-			debouncedSetFilterValues(filterUpdates);
-			return next;
-		});
-	}, [
-		debouncedSetFilterValues,
-		filterableColumns,
-		enableAdvancedFilter
-	]);
-	const table = (0, __tanstack_react_table.useReactTable)({
-		...tableProps,
-		columns,
-		initialState,
-		pageCount,
-		state: {
-			pagination,
-			sorting,
-			columnVisibility,
-			rowSelection,
-			columnFilters
-		},
-		defaultColumn: {
-			...tableProps.defaultColumn,
-			enableColumnFilter: false
-		},
-		enableRowSelection: true,
-		onRowSelectionChange: setRowSelection,
-		onPaginationChange,
-		onSortingChange,
-		onColumnFiltersChange,
-		onColumnVisibilityChange: setColumnVisibility,
-		getCoreRowModel: (0, __tanstack_react_table.getCoreRowModel)(),
-		getFilteredRowModel: (0, __tanstack_react_table.getFilteredRowModel)(),
-		getPaginationRowModel: (0, __tanstack_react_table.getPaginationRowModel)(),
-		getSortedRowModel: (0, __tanstack_react_table.getSortedRowModel)(),
-		getFacetedRowModel: (0, __tanstack_react_table.getFacetedRowModel)(),
-		getFacetedUniqueValues: (0, __tanstack_react_table.getFacetedUniqueValues)(),
-		getFacetedMinMaxValues: (0, __tanstack_react_table.getFacetedMinMaxValues)(),
-		manualPagination: true,
-		manualSorting: true,
-		manualFiltering: true,
-		meta: {
-			...tableProps.meta,
-			queryKeys: {
-				page: pageKey,
-				perPage: perPageKey,
-				sort: sortKey,
-				filters: filtersKey,
-				joinOperator: joinOperatorKey
-			},
-			queryStateOptions
-		}
-	});
-	return react.useMemo(() => ({
-		table,
-		shallow,
-		debounceMs,
-		throttleMs
-	}), [
-		table,
-		shallow,
-		debounceMs,
-		throttleMs
-	]);
-}
-
-//#endregion
-//#region src/components/data-table/data-table-column-header.tsx
-function DataTableColumnHeader({ column, label, className,...props }) {
-	if (!column.getCanSort() && !column.getCanHide()) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn(className),
-		children: label
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuTrigger, {
-		className: cn("-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground", className),
-		...props,
-		children: [label, column.getCanSort() && (column.getIsSorted() === "desc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {}) : column.getIsSorted() === "asc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, {}))]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuContent, {
-		align: "start",
-		className: "w-28",
-		children: [column.getCanSort() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuCheckboxItem, {
-				className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
-				checked: column.getIsSorted() === "asc",
-				onClick: () => column.toggleSorting(false),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUp, {}), "Asc"]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuCheckboxItem, {
-				className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
-				checked: column.getIsSorted() === "desc",
-				onClick: () => column.toggleSorting(true),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {}), "Desc"]
-			}),
-			column.getIsSorted() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuItem, {
-				className: "pl-2 [&_svg]:text-muted-foreground",
-				onClick: () => column.clearSorting(),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {}), "Reset"]
-			})
-		] }), column.getCanHide() && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuCheckboxItem, {
-			className: "relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",
-			checked: !column.getIsVisible(),
-			onClick: () => column.toggleVisibility(false),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.EyeOff, {}), "Hide"]
-		})]
-	})] });
-}
-
-//#endregion
-//#region src/lib/humanize.ts
-/**
-* 将字符串转为人类可读格式
-*
-* @example
-* humanize("createdAt") // "Created At"
-* humanize("user_name") // "User Name"
-* humanize("firstName") // "First Name"
-*/
-function humanize(str) {
-	return str.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/^./, (s) => s.toUpperCase()).trim();
-}
-
-//#endregion
-//#region src/lib/schema-bridge/types.ts
-/**
-* 字段类型到 Filter Variant 映射
-* - enum 默认 multiSelect（通常需要多选）
-* - date 默认 dateRange（通常需要范围筛选）
-* - number 默认 range（通常需要范围筛选）
-*/
-const fieldTypeToFilterVariant = {
-	string: "text",
-	number: "range",
-	boolean: "boolean",
-	date: "dateRange",
-	enum: "multiSelect",
-	array: "multiSelect",
-	object: "text"
-};
-/**
-* 字段类型到 Formily 组件映射
-*/
-const fieldTypeToFormilyComponent = {
-	string: "Input",
-	number: "NumberInput",
-	boolean: "Switch",
-	date: "DatePicker",
-	enum: "Select",
-	array: "ArrayCards",
-	object: "ObjectField"
-};
 /**
-* 字段名模式到 Formily 组件映射
-* 优先级高于 fieldTypeToFormilyComponent
-* 使用正则表达式匹配字段名
+* 字段名模式到 Filter Variant 映射
+* 优先级高于 fieldTypeToFilterVariant
 */
-const fieldNamePatternToComponent = [
+const fieldNamePatternToFilterVariant = [
 	{
 		pattern: /^(description|content|body|notes|summary|bio|about|comment|message|text)$/i,
-		component: "Textarea"
+		variant: "text"
 	},
 	{
 		pattern: /(description|content|body|notes|summary|bio|about|comment|message)$/i,
-		component: "Textarea"
-	},
-	{
-		pattern: /^color$/i,
-		component: "ColorSelect"
+		variant: "text"
 	},
 	{
-		pattern: /color$/i,
-		component: "ColorSelect"
-	},
-	{
-		pattern: /^icon$/i,
-		component: "IconPicker"
-	},
-	{
-		pattern: /icon$/i,
-		component: "IconPicker"
-	}
-];
-/**
-* 根据字段名推断 Formily 组件
-*/
-function inferComponentByFieldName(fieldName) {
-	for (const rule of fieldNamePatternToComponent) if (rule.pattern.test(fieldName)) return {
-		component: rule.component,
-		props: rule.props
-	};
-	return null;
-}
-/**
-* 字段名模式到 Filter Variant 映射
-* 优先级高于 fieldTypeToFilterVariant
-*/
-const fieldNamePatternToFilterVariant = [
-	{
-		pattern: /^(description|content|body|notes|summary|bio|about|comment|message|text)$/i,
-		variant: "text"
-	},
-	{
-		pattern: /(description|content|body|notes|summary|bio|about|comment|message)$/i,
-		variant: "text"
-	},
-	{
-		pattern: /^(date|day)$/i,
-		variant: "date"
+		pattern: /^(date|day)$/i,
+		variant: "date"
 	},
 	{
 		pattern: /(at|time|timestamp)$/i,
@@ -4161,73 +3853,571 @@ function createTableSchema(schema, options) {
 			meta,
 			...restOverride
 		});
-	}
-	return columns;
-}
-/**
-* 创建选择列
-*/
-function createSelectColumn() {
-	return {
-		id: "select",
-		header: ({ table }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Checkbox, {
-			"aria-label": "Select all",
-			className: "translate-y-0.5",
-			checked: table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected() && "indeterminate",
-			onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
-		}),
-		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Checkbox, {
-			"aria-label": "Select row",
-			className: "translate-y-0.5",
-			checked: row.getIsSelected(),
-			onCheckedChange: (value) => row.toggleSelected(!!value)
-		}),
-		enableHiding: false,
-		enableSorting: false,
-		size: 40
-	};
-}
-/**
-* 创建操作列
-*/
-function createActionsColumn(config) {
-	const { onEdit, onDelete, onView, onCopy } = config;
-	return {
-		id: "actions",
-		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
-				"aria-label": "Open menu",
-				variant: "ghost",
-				className: "flex size-8 p-0 data-[state=open]:bg-muted",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Ellipsis, { className: "size-4" })
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuContent, {
-			align: "end",
-			className: "w-40",
-			children: [
-				onView && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
-					onClick: () => onView(row.original),
-					children: "查看"
-				}),
-				onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
-					onClick: () => onEdit(row.original),
-					children: "编辑"
-				}),
-				onCopy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
-					onClick: () => onCopy(row.original),
-					children: "复制"
-				}),
-				(onView || onEdit || onCopy) && onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuSeparator, {}),
-				onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
-					className: "text-destructive",
-					onClick: () => onDelete(row.original),
-					children: "删除"
-				})
-			]
-		})] }),
-		size: 40
-	};
+	}
+	return columns;
+}
+/**
+* 创建选择列
+*/
+function createSelectColumn() {
+	return {
+		id: "select",
+		header: ({ table }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Checkbox, {
+			"aria-label": "Select all",
+			className: "translate-y-0.5",
+			checked: table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected() && "indeterminate",
+			onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+		}),
+		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Checkbox, {
+			"aria-label": "Select row",
+			className: "translate-y-0.5",
+			checked: row.getIsSelected(),
+			onCheckedChange: (value) => row.toggleSelected(!!value)
+		}),
+		enableHiding: false,
+		enableSorting: false,
+		size: 40
+	};
+}
+/**
+* 创建操作列
+*/
+function createActionsColumn(config) {
+	const { onEdit, onDelete, onView, onCopy } = config;
+	return {
+		id: "actions",
+		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+				"aria-label": "Open menu",
+				variant: "ghost",
+				className: "flex size-8 p-0 data-[state=open]:bg-muted",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Ellipsis, { className: "size-4" })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenuContent, {
+			align: "end",
+			className: "w-40",
+			children: [
+				onView && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
+					onClick: () => onView(row.original),
+					children: "查看"
+				}),
+				onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
+					onClick: () => onEdit(row.original),
+					children: "编辑"
+				}),
+				onCopy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
+					onClick: () => onCopy(row.original),
+					children: "复制"
+				}),
+				(onView || onEdit || onCopy) && onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuSeparator, {}),
+				onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
+					className: "text-destructive",
+					onClick: () => onDelete(row.original),
+					children: "删除"
+				})
+			]
+		})] }),
+		size: 40
+	};
+}
+
+//#endregion
+//#region src/lib/import.ts
+/**
+* 解析 CSV 字符串为对象数组
+* 支持：引号包裹、逗号转义、换行符、空值
+*/
+function parseCSV(content) {
+	const lines = parseCSVLines(content);
+	if (lines.length === 0) return {
+		headers: [],
+		rows: []
+	};
+	const headers = lines[0];
+	const rows = [];
+	for (let i = 1; i < lines.length; i++) {
+		const line = lines[i];
+		if (line.length === 1 && line[0] === "") continue;
+		const row = {};
+		for (let j = 0; j < headers.length; j++) {
+			const header = headers[j];
+			row[header] = line[j] ?? "";
+		}
+		rows.push(row);
+	}
+	return {
+		headers,
+		rows
+	};
+}
+/**
+* 将 CSV 文本解析为二维数组（处理引号转义）
+*/
+function parseCSVLines(text) {
+	const result = [];
+	let current = "";
+	let inQuotes = false;
+	let row = [];
+	for (let i = 0; i < text.length; i++) {
+		const char = text[i];
+		const next = text[i + 1];
+		if (inQuotes) if (char === "\"" && next === "\"") {
+			current += "\"";
+			i++;
+		} else if (char === "\"") inQuotes = false;
+		else current += char;
+		else if (char === "\"") inQuotes = true;
+		else if (char === ",") {
+			row.push(current);
+			current = "";
+		} else if (char === "\r" && next === "\n") {
+			row.push(current);
+			current = "";
+			result.push(row);
+			row = [];
+			i++;
+		} else if (char === "\n") {
+			row.push(current);
+			current = "";
+			result.push(row);
+			row = [];
+		} else current += char;
+	}
+	if (current !== "" || row.length > 0) {
+		row.push(current);
+		result.push(row);
+	}
+	return result;
+}
+/**
+* 解析 JSON 字符串为对象数组
+* 支持 JSON 数组或 { data: [...] } 格式
+*/
+function parseJSON(content) {
+	const parsed = JSON.parse(content);
+	if (Array.isArray(parsed)) return parsed;
+	if (parsed && typeof parsed === "object" && Array.isArray(parsed.data)) return parsed.data;
+	throw new Error("Invalid JSON format: expected an array or { data: [...] } object");
+}
+/**
+* 统一解析入口：根据文件扩展名自动选择解析器
+*/
+async function parseImportFile(file) {
+	const content = await file.text();
+	if (file.name.split(".").pop()?.toLowerCase() === "json") {
+		const rows$1 = parseJSON(content);
+		return {
+			headers: rows$1.length > 0 ? Object.keys(rows$1[0]) : [],
+			rows: rows$1,
+			format: "json"
+		};
+	}
+	const { headers, rows } = parseCSV(content);
+	return {
+		headers,
+		rows,
+		format: "csv"
+	};
+}
+/**
+* 生成 CSV 模板（仅包含表头，用于下载空模板）
+*/
+function generateCSVTemplate(headers) {
+	return headers.map((h) => escapeCSVField(h)).join(",") + "\n";
+}
+/**
+* 将数据数组转换为 CSV 字符串
+*/
+function dataToCSV(data, opts = {}) {
+	if (data.length === 0) return "";
+	const allHeaders = Object.keys(data[0]);
+	const headers = (opts.headers ?? allHeaders).filter((h) => !opts.excludeColumns?.includes(h));
+	return [headers.map((h) => escapeCSVField(h)).join(","), ...data.map((row) => headers.map((h) => escapeCSVField(String(row[h] ?? ""))).join(","))].join("\n");
+}
+function escapeCSVField(field) {
+	if (field.includes(",") || field.includes("\"") || field.includes("\n") || field.includes("\r")) return `"${field.replace(/"/g, "\"\"")}"`;
+	return field;
+}
+/**
+* 根据 Zod Schema 将 CSV 解析出的 string 值转换为正确类型
+*
+* CSV 解析后所有值都是 string，需要根据 schema 字段类型进行转换：
+* - number: parseFloat
+* - boolean: "true"/"1"/"yes" → true, 其他 → false
+* - date: new Date(value)
+* - 空字符串 → undefined（让 schema 默认值生效）
+*/
+function coerceRowValues(rows, schema) {
+	const shape = schema.shape;
+	const fieldTypes = /* @__PURE__ */ new Map();
+	for (const [key, fieldSchema] of Object.entries(shape)) {
+		const parsed = parseZodField(fieldSchema);
+		fieldTypes.set(key, parsed.type);
+	}
+	return rows.map((row) => {
+		const coerced = {};
+		for (const [key, value] of Object.entries(row)) {
+			const type = fieldTypes.get(key);
+			if (!type) {
+				coerced[key] = value;
+				continue;
+			}
+			if (value === "" || value === null || value === void 0) {
+				coerced[key] = void 0;
+				continue;
+			}
+			if (typeof value !== "string") {
+				coerced[key] = value;
+				continue;
+			}
+			switch (type) {
+				case "number": {
+					const num = parseFloat(value);
+					coerced[key] = isNaN(num) ? void 0 : num;
+					break;
+				}
+				case "boolean": {
+					const lower = value.toLowerCase().trim();
+					coerced[key] = lower === "true" || lower === "1" || lower === "yes";
+					break;
+				}
+				case "date": {
+					const date = new Date(value);
+					coerced[key] = isNaN(date.getTime()) ? void 0 : date;
+					break;
+				}
+				default: coerced[key] = value;
+			}
+		}
+		return coerced;
+	});
+}
+
+//#endregion
+//#region src/lib/export.ts
+function exportTableToCSV(table, opts = {}) {
+	const { filename = "table", excludeColumns = [], onlySelected = false } = opts;
+	const headers = table.getAllLeafColumns().map((column) => column.id).filter((id) => !excludeColumns.includes(id));
+	downloadCSV([headers.join(","), ...(onlySelected ? table.getFilteredSelectedRowModel().rows : table.getRowModel().rows).map((row) => headers.map((header) => {
+		const cellValue = row.getValue(header);
+		return typeof cellValue === "string" ? `"${cellValue.replace(/"/g, "\"\"")}"` : cellValue;
+	}).join(","))].join("\n"), filename);
+}
+/**
+* 导出原始数据数组为 CSV（用于服务端全量导出）
+*/
+function exportAllToCSV(data, opts = {}) {
+	const { filename = "export",...csvOpts } = opts;
+	downloadCSV(dataToCSV(data, csvOpts), filename);
+}
+/**
+* 下载 CSV 模板文件
+*/
+function downloadCSVTemplate(headers, filename = "template") {
+	downloadCSV(headers.map((h) => {
+		if (h.includes(",") || h.includes("\"") || h.includes("\n")) return `"${h.replace(/"/g, "\"\"")}"`;
+		return h;
+	}).join(",") + "\n", filename);
+}
+function downloadCSV(csvContent, filename) {
+	const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+	const url = URL.createObjectURL(blob);
+	const link = document.createElement("a");
+	link.setAttribute("href", url);
+	link.setAttribute("download", `${filename}.csv`);
+	link.style.visibility = "hidden";
+	document.body.appendChild(link);
+	link.click();
+	document.body.removeChild(link);
+}
+
+//#endregion
+//#region src/components/auto-crud/auto-table-action-bar.tsx
+function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUpdateFields, enableExport = true, enableDelete = true, extraActions }) {
+	const rows = table.getFilteredSelectedRowModel().rows;
+	const onOpenChange = react.useCallback((open) => {
+		if (!open) table.toggleAllRowsSelected(false);
+	}, [table]);
+	const onExport = react.useCallback(() => {
+		exportTableToCSV(table, {
+			excludeColumns: ["select", "actions"],
+			onlySelected: true
+		});
+	}, [table]);
+	const onDelete = react.useCallback(() => {
+		if (onDeleteSelected) onDeleteSelected(rows.map((row) => row.original));
+	}, [rows, onDeleteSelected]);
+	const handleBatchUpdate = react.useCallback((field, value) => {
+		if (onUpdateSelected) {
+			onUpdateSelected(rows.map((row) => row.original), { [field]: value });
+			table.toggleAllRowsSelected(false);
+		}
+	}, [
+		rows,
+		onUpdateSelected,
+		table
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBar, {
+		open: rows.length > 0,
+		onOpenChange,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarSelection, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-medium",
+					children: rows.length
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "selected" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarSeparator, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarClose, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {}) })
+			] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarGroup, { children: [
+				batchUpdateFields?.map((fieldConfig) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-7 gap-1 px-2",
+						children: [fieldConfig.label, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "size-3.5" })]
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuContent, {
+					align: "start",
+					children: fieldConfig.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
+						onClick: () => handleBatchUpdate(fieldConfig.field, option.value),
+						children: option.label
+					}, option.value))
+				})] }, fieldConfig.field)),
+				extraActions,
+				enableExport && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarItem, {
+					onClick: onExport,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, {}), "Export"]
+				}),
+				enableDelete && onDeleteSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActionBarItem, {
+					variant: "destructive",
+					onClick: onDelete,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, {}), "Delete"]
+				})
+			] })
+		]
+	});
+}
+
+//#endregion
+//#region src/lib/parsers.ts
+/**
+* 创建自定义 Parser（替代 nuqs 的 createParser）
+*/
+function createParser(config) {
+	return {
+		parse: config.parse,
+		serialize: (value) => value === null ? "" : config.serialize(value),
+		withDefault: (defaultValue) => ({
+			parse: (value) => {
+				const parsed = config.parse(value);
+				return parsed === null ? defaultValue : parsed;
+			},
+			serialize: config.serialize,
+			defaultValue
+		})
+	};
+}
+const sortingItemSchema = zod.z.object({
+	id: zod.z.string(),
+	desc: zod.z.boolean()
+});
+const getSortingStateParser = (columnIds) => {
+	const validKeys = columnIds ? columnIds instanceof Set ? columnIds : new Set(columnIds) : null;
+	return createParser({
+		parse: (value) => {
+			try {
+				const parsed = JSON.parse(value);
+				const result = zod.z.array(sortingItemSchema).safeParse(parsed);
+				if (!result.success) return null;
+				if (validKeys && result.data.some((item) => !validKeys.has(item.id))) return null;
+				return result.data;
+			} catch {
+				return null;
+			}
+		},
+		serialize: (value) => JSON.stringify(value)
+	});
+};
+const filterItemSchema = zod.z.object({
+	id: zod.z.string(),
+	value: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]),
+	variant: zod.z.enum(dataTableConfig.filterVariants),
+	operator: zod.z.enum(dataTableConfig.operators),
+	filterId: zod.z.string()
+});
+
+//#endregion
+//#region src/hooks/use-data-table.ts
+const PAGE_KEY = "page";
+const PER_PAGE_KEY = "perPage";
+const SORT_KEY = "sort";
+const FILTERS_KEY = "filters";
+const JOIN_OPERATOR_KEY = "joinOperator";
+const ARRAY_SEPARATOR = ",";
+const DEBOUNCE_MS = 300;
+const THROTTLE_MS = 50;
+function useDataTable(props) {
+	const { columns, pageCount = -1, initialState, queryKeys, history = "replace", debounceMs = DEBOUNCE_MS, throttleMs = THROTTLE_MS, clearOnDefault = false, enableAdvancedFilter = false, scroll = false, shallow = true, startTransition,...tableProps } = props;
+	const pageKey = queryKeys?.page ?? PAGE_KEY;
+	const perPageKey = queryKeys?.perPage ?? PER_PAGE_KEY;
+	const sortKey = queryKeys?.sort ?? SORT_KEY;
+	const filtersKey = queryKeys?.filters ?? FILTERS_KEY;
+	const joinOperatorKey = queryKeys?.joinOperator ?? JOIN_OPERATOR_KEY;
+	const queryStateOptions = react.useMemo(() => ({
+		history,
+		scroll,
+		shallow,
+		throttleMs,
+		debounceMs,
+		clearOnDefault,
+		startTransition
+	}), [
+		history,
+		scroll,
+		shallow,
+		throttleMs,
+		debounceMs,
+		clearOnDefault,
+		startTransition
+	]);
+	const [rowSelection, setRowSelection] = react.useState(initialState?.rowSelection ?? {});
+	const [columnVisibility, setColumnVisibility] = react.useState(initialState?.columnVisibility ?? {});
+	const [page, setPage] = useQueryState(pageKey, parseAsInteger.withDefault(1));
+	const [perPage, setPerPage] = useQueryState(perPageKey, parseAsInteger.withDefault(initialState?.pagination?.pageSize ?? 10));
+	const pagination = react.useMemo(() => {
+		return {
+			pageIndex: page - 1,
+			pageSize: perPage
+		};
+	}, [page, perPage]);
+	const onPaginationChange = react.useCallback((updaterOrValue) => {
+		if (typeof updaterOrValue === "function") {
+			const newPagination = updaterOrValue(pagination);
+			setPage(newPagination.pageIndex + 1);
+			setPerPage(newPagination.pageSize);
+		} else {
+			setPage(updaterOrValue.pageIndex + 1);
+			setPerPage(updaterOrValue.pageSize);
+		}
+	}, [
+		pagination,
+		setPage,
+		setPerPage
+	]);
+	const [sorting, setSorting] = useQueryState(sortKey, getSortingStateParser(react.useMemo(() => {
+		return new Set(columns.map((column) => column.id).filter(Boolean));
+	}, [columns])).withDefault(initialState?.sorting ?? []));
+	const onSortingChange = react.useCallback((updaterOrValue) => {
+		if (typeof updaterOrValue === "function") setSorting(updaterOrValue(sorting));
+		else setSorting(updaterOrValue);
+	}, [sorting, setSorting]);
+	const filterableColumns = react.useMemo(() => {
+		if (enableAdvancedFilter) return [];
+		return columns.filter((column) => column.enableColumnFilter);
+	}, [columns, enableAdvancedFilter]);
+	const [filterValues, setFilterValues] = useQueryStates(react.useMemo(() => {
+		if (enableAdvancedFilter) return {};
+		return filterableColumns.reduce((acc, column) => {
+			if (column.meta?.options) acc[column.id ?? ""] = parseAsArrayOf(parseAsString, ARRAY_SEPARATOR).withDefault([]);
+			else acc[column.id ?? ""] = parseAsString.withDefault("");
+			return acc;
+		}, {});
+	}, [filterableColumns, enableAdvancedFilter]));
+	const debouncedSetFilterValues = useDebouncedCallback((values) => {
+		setPage(1);
+		setFilterValues(values);
+	}, debounceMs);
+	const initialColumnFilters = react.useMemo(() => {
+		if (enableAdvancedFilter) return [];
+		return Object.entries(filterValues).reduce((filters, [key, value]) => {
+			if (value !== null) {
+				const processedValue = Array.isArray(value) ? value : typeof value === "string" && /[^a-zA-Z0-9]/.test(value) ? value.split(/[^a-zA-Z0-9]+/).filter(Boolean) : [value];
+				filters.push({
+					id: key,
+					value: processedValue
+				});
+			}
+			return filters;
+		}, []);
+	}, [filterValues, enableAdvancedFilter]);
+	const [columnFilters, setColumnFilters] = react.useState(initialColumnFilters);
+	const onColumnFiltersChange = react.useCallback((updaterOrValue) => {
+		if (enableAdvancedFilter) return;
+		setColumnFilters((prev) => {
+			const next = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
+			const filterUpdates = next.reduce((acc, filter) => {
+				if (filterableColumns.find((column) => column.id === filter.id)) acc[filter.id] = filter.value;
+				return acc;
+			}, {});
+			for (const prevFilter of prev) if (!next.some((filter) => filter.id === prevFilter.id)) filterUpdates[prevFilter.id] = null;
+			debouncedSetFilterValues(filterUpdates);
+			return next;
+		});
+	}, [
+		debouncedSetFilterValues,
+		filterableColumns,
+		enableAdvancedFilter
+	]);
+	const table = (0, __tanstack_react_table.useReactTable)({
+		...tableProps,
+		columns,
+		initialState,
+		pageCount,
+		state: {
+			pagination,
+			sorting,
+			columnVisibility,
+			rowSelection,
+			columnFilters
+		},
+		defaultColumn: {
+			...tableProps.defaultColumn,
+			enableColumnFilter: false
+		},
+		enableRowSelection: true,
+		onRowSelectionChange: setRowSelection,
+		onPaginationChange,
+		onSortingChange,
+		onColumnFiltersChange,
+		onColumnVisibilityChange: setColumnVisibility,
+		getCoreRowModel: (0, __tanstack_react_table.getCoreRowModel)(),
+		getFilteredRowModel: (0, __tanstack_react_table.getFilteredRowModel)(),
+		getPaginationRowModel: (0, __tanstack_react_table.getPaginationRowModel)(),
+		getSortedRowModel: (0, __tanstack_react_table.getSortedRowModel)(),
+		getFacetedRowModel: (0, __tanstack_react_table.getFacetedRowModel)(),
+		getFacetedUniqueValues: (0, __tanstack_react_table.getFacetedUniqueValues)(),
+		getFacetedMinMaxValues: (0, __tanstack_react_table.getFacetedMinMaxValues)(),
+		manualPagination: true,
+		manualSorting: true,
+		manualFiltering: true,
+		meta: {
+			...tableProps.meta,
+			queryKeys: {
+				page: pageKey,
+				perPage: perPageKey,
+				sort: sortKey,
+				filters: filtersKey,
+				joinOperator: joinOperatorKey
+			},
+			queryStateOptions
+		}
+	});
+	return react.useMemo(() => ({
+		table,
+		shallow,
+		debounceMs,
+		throttleMs
+	}), [
+		table,
+		shallow,
+		debounceMs,
+		throttleMs
+	]);
 }
 
 //#endregion
@@ -4250,7 +4440,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 }) {
+function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection = true, exclude, actions, pinnedColumns, filterMode = "simple", onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, initialSorting, enableExport = true, onSelectedCountChange, getSelectedRows }) {
 	const modes = filterMode ? Array.isArray(filterMode) ? filterMode : [filterMode] : [
 		"simple",
 		"advanced",
@@ -4287,6 +4477,17 @@ function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection
 		shallow: false,
 		clearOnDefault: true
 	});
+	const getSelectedRowsFn = (0, react.useCallback)(() => table.getFilteredSelectedRowModel().rows.map((row) => row.original), [table]);
+	(0, react.useEffect)(() => {
+		if (getSelectedRows) getSelectedRows.current = getSelectedRowsFn;
+		return () => {
+			if (getSelectedRows) getSelectedRows.current = null;
+		};
+	}, [getSelectedRows, getSelectedRowsFn]);
+	const selectedRowCount = table.getFilteredSelectedRowModel().rows.length;
+	(0, react.useEffect)(() => {
+		onSelectedCountChange?.(selectedRowCount);
+	}, [selectedRowCount, onSelectedCountChange]);
 	const FilterModeSelect = showToggle ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
@@ -4618,6 +4819,385 @@ function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubm
 	});
 }
 
+//#endregion
+//#region src/components/auto-crud/import-dialog.tsx
+function ImportDialog({ open, onOpenChange, onImport, columns = [], title = "导入数据" }) {
+	const [step, setStep] = react.useState("upload");
+	const [parsedData, setParsedData] = react.useState(null);
+	const [error, setError] = react.useState(null);
+	const [result, setResult] = react.useState(null);
+	const [isDragging, setIsDragging] = react.useState(false);
+	const fileInputRef = react.useRef(null);
+	const reset = react.useCallback(() => {
+		setStep("upload");
+		setParsedData(null);
+		setError(null);
+		setResult(null);
+		setIsDragging(false);
+	}, []);
+	const handleOpenChange = react.useCallback((value) => {
+		if (!value) reset();
+		onOpenChange(value);
+	}, [onOpenChange, reset]);
+	const handleFile = react.useCallback(async (file) => {
+		setError(null);
+		try {
+			const data = await parseImportFile(file);
+			if (data.rows.length === 0) {
+				setError("文件中没有数据行");
+				return;
+			}
+			setParsedData(data);
+			setStep("preview");
+		} catch (e) {
+			setError(e instanceof Error ? e.message : "文件解析失败");
+		}
+	}, []);
+	const handleDrop = react.useCallback((e) => {
+		e.preventDefault();
+		setIsDragging(false);
+		const file = e.dataTransfer.files[0];
+		if (file) handleFile(file);
+	}, [handleFile]);
+	const handleFileInput = react.useCallback((e) => {
+		const file = e.target.files?.[0];
+		if (file) handleFile(file);
+	}, [handleFile]);
+	const handleImport = react.useCallback(async () => {
+		if (!parsedData) return;
+		setStep("importing");
+		try {
+			setResult(await onImport(parsedData.rows));
+			setStep("result");
+		} catch (e) {
+			setError(e instanceof Error ? e.message : "导入失败");
+			setStep("preview");
+		}
+	}, [parsedData, onImport]);
+	const handleDownloadTemplate = react.useCallback(() => {
+		if (columns.length === 0) return;
+		const csv = generateCSVTemplate(columns);
+		const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+		const url = URL.createObjectURL(blob);
+		const link = document.createElement("a");
+		link.href = url;
+		link.download = "import-template.csv";
+		link.click();
+		URL.revokeObjectURL(url);
+	}, [columns]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Dialog, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogContent, {
+			className: "sm:max-w-[600px]",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogTitle, { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogDescription, { children: [
+				step === "upload" && "上传 CSV 或 JSON 文件以批量导入数据",
+				step === "preview" && `已解析 ${parsedData?.rows.length ?? 0} 条数据，确认后开始导入`,
+				step === "importing" && "正在导入数据...",
+				step === "result" && "导入完成"
+			] })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "space-y-4",
+				children: [
+					step === "upload" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${isDragging ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/50"}`,
+						onDragOver: (e) => {
+							e.preventDefault();
+							setIsDragging(true);
+						},
+						onDragLeave: () => setIsDragging(false),
+						onDrop: handleDrop,
+						onClick: () => fileInputRef.current?.click(),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col items-center gap-2",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+									className: "h-10 w-10 text-muted-foreground",
+									xmlns: "http://www.w3.org/2000/svg",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									strokeWidth: 1.5,
+									stroke: "currentColor",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "text-sm text-muted-foreground",
+									children: "拖拽文件到此处，或点击选择文件"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "text-xs text-muted-foreground/60",
+									children: "支持 CSV、JSON 格式"
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							ref: fileInputRef,
+							type: "file",
+							accept: ".csv,.json",
+							className: "hidden",
+							onChange: handleFileInput
+						})]
+					}), columns.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						variant: "outline",
+						size: "sm",
+						className: "w-full",
+						onClick: handleDownloadTemplate,
+						children: "下载 CSV 模板"
+					})] }),
+					step === "preview" && parsedData && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "rounded-md border",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "max-h-[300px] overflow-auto",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
+										className: "sticky top-0 bg-muted",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+												className: "px-3 py-2 text-left font-medium text-muted-foreground",
+												children: "#"
+											}),
+											parsedData.headers.slice(0, 6).map((h) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+												className: "px-3 py-2 text-left font-medium text-muted-foreground",
+												children: h
+											}, h)),
+											parsedData.headers.length > 6 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("th", {
+												className: "px-3 py-2 text-left font-medium text-muted-foreground",
+												children: [
+													"+",
+													parsedData.headers.length - 6,
+													" 列"
+												]
+											})
+										] })
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: parsedData.rows.slice(0, 10).map((row, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
+										className: "border-t",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+												className: "px-3 py-2 text-muted-foreground",
+												children: i + 1
+											}),
+											parsedData.headers.slice(0, 6).map((h) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+												className: "px-3 py-2 max-w-[150px] truncate",
+												children: String(row[h] ?? "")
+											}, h)),
+											parsedData.headers.length > 6 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+												className: "px-3 py-2 text-muted-foreground",
+												children: "..."
+											})
+										]
+									}, i)) })]
+								})
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "text-sm text-muted-foreground",
+							children: [
+								"共 ",
+								parsedData.rows.length,
+								" 条数据",
+								parsedData.rows.length > 10 && "（预览前 10 条）",
+								"，",
+								parsedData.headers.length,
+								" 个字段 ，格式: ",
+								parsedData.format.toUpperCase()
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex gap-2 justify-end",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+								variant: "outline",
+								onClick: reset,
+								children: "重新选择"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+								onClick: handleImport,
+								children: "确认导入"
+							})]
+						})
+					] }),
+					step === "importing" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col items-center gap-4 py-8",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "text-sm text-muted-foreground",
+							children: [
+								"正在导入 ",
+								parsedData?.rows.length ?? 0,
+								" 条数据..."
+							]
+						})]
+					}),
+					step === "result" && result && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex gap-4",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex-1 rounded-lg bg-green-50 dark:bg-green-950/30 p-3 text-center",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-2xl font-semibold text-green-600",
+										children: result.success
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-xs text-green-600/80",
+										children: "新建"
+									})]
+								}),
+								(result.updated ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex-1 rounded-lg bg-blue-50 dark:bg-blue-950/30 p-3 text-center",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-2xl font-semibold text-blue-600",
+										children: result.updated
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-xs text-blue-600/80",
+										children: "更新"
+									})]
+								}),
+								result.skipped > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex-1 rounded-lg bg-yellow-50 dark:bg-yellow-950/30 p-3 text-center",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-2xl font-semibold text-yellow-600",
+										children: result.skipped
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-xs text-yellow-600/80",
+										children: "跳过"
+									})]
+								}),
+								result.failed.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex-1 rounded-lg bg-red-50 dark:bg-red-950/30 p-3 text-center",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-2xl font-semibold text-red-600",
+										children: result.failed.length
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-xs text-red-600/80",
+										children: "验证失败"
+									})]
+								})
+							]
+						}), result.failed.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "rounded-md border border-red-200 dark:border-red-900",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "max-h-[200px] overflow-auto",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
+										className: "sticky top-0 bg-red-50 dark:bg-red-950/30",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+											className: "px-3 py-2 text-left font-medium text-red-600",
+											children: "行号"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+											className: "px-3 py-2 text-left font-medium text-red-600",
+											children: "错误"
+										})] })
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", { children: result.failed.map((f) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
+										className: "border-t border-red-100 dark:border-red-900",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+											className: "px-3 py-2 text-red-600",
+											children: f.row + 1
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+											className: "px-3 py-2 text-red-600/80",
+											children: f.errors.join("; ")
+										})]
+									}, f.row)) })]
+								})
+							})
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex gap-2 justify-end",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+							variant: "outline",
+							onClick: () => handleOpenChange(false),
+							children: "关闭"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+							variant: "outline",
+							onClick: reset,
+							children: "继续导入"
+						})]
+					})] }),
+					error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "rounded-md bg-destructive/10 p-3 text-sm text-destructive",
+						children: error
+					})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/auto-crud/export-dialog.tsx
+function ExportDialog({ open, onOpenChange, selectedCount, onExport, canExportFiltered = false }) {
+	const [exporting, setExporting] = react.useState(null);
+	const [done, setDone] = react.useState(false);
+	const reset = react.useCallback(() => {
+		setExporting(null);
+		setDone(false);
+	}, []);
+	const handleOpenChange = react.useCallback((value) => {
+		if (!value) reset();
+		onOpenChange(value);
+	}, [onOpenChange, reset]);
+	const handleExport = react.useCallback(async (mode) => {
+		setExporting(mode);
+		try {
+			await onExport(mode);
+			setDone(true);
+			setTimeout(() => handleOpenChange(false), 800);
+		} catch {
+			setExporting(null);
+		}
+	}, [onExport, handleOpenChange]);
+	const hasSelected = selectedCount > 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Dialog, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogContent, {
+			className: "sm:max-w-[400px]",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogTitle, { children: "导出数据" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogDescription, { children: "选择导出范围" })] }), done ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-center gap-3 py-6",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-10 w-10 text-green-500" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-sm text-muted-foreground",
+					children: "导出成功"
+				})]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid gap-3 py-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+					variant: "outline",
+					className: "h-auto justify-start gap-3 px-4 py-3",
+					disabled: !hasSelected || exporting !== null,
+					onClick: () => handleExport("selected"),
+					children: [exporting === "selected" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, { className: "h-5 w-5 shrink-0 animate-spin" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileDown, { className: "h-5 w-5 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col items-start",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "font-medium",
+							children: ["导出选中", hasSelected ? ` (${selectedCount} 条)` : ""]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-xs text-muted-foreground",
+							children: hasSelected ? "导出当前勾选的数据行" : "请先在表格中勾选数据行"
+						})]
+					})]
+				}), canExportFiltered && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+					variant: "outline",
+					className: "h-auto justify-start gap-3 px-4 py-3",
+					disabled: exporting !== null,
+					onClick: () => handleExport("filtered"),
+					children: [exporting === "filtered" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, { className: "h-5 w-5 shrink-0 animate-spin" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileDown, { className: "h-5 w-5 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col items-start",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "font-medium",
+							children: "导出筛选结果"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-xs text-muted-foreground",
+							children: "导出当前筛选条件下的所有数据"
+						})]
+					})]
+				})]
+			})]
+		})
+	});
+}
+
 //#endregion
 //#region src/components/auto-crud/auto-crud-table.tsx
 /**
@@ -4777,9 +5357,43 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 		create: permissions?.can?.create ?? true,
 		update: permissions?.can?.update ?? true,
 		delete: permissions?.can?.delete ?? true,
-		export: permissions?.can?.export ?? true
+		export: permissions?.can?.export ?? true,
+		import: permissions?.can?.import ?? true
 	};
 	const denyFields = permissions?.deny;
+	const canImport = can.import && !!resource.handlers.import;
+	const canExport = can.export;
+	const [importOpen, setImportOpen] = react.useState(false);
+	const [exportOpen, setExportOpen] = react.useState(false);
+	const [selectedCount, setSelectedCount] = react.useState(0);
+	const getSelectedRowsRef = react.useRef(null);
+	const importColumns = react.useMemo(() => {
+		const shape = schema.shape;
+		const denySet = new Set(denyFields ?? []);
+		return Object.keys(shape).filter((key) => !denySet.has(key));
+	}, [schema, denyFields]);
+	const handleExport = react.useCallback(async (mode) => {
+		const filename = title ?? "export";
+		const excludeColumns = denyFields;
+		if (mode === "selected") {
+			const selectedRows = getSelectedRowsRef.current?.();
+			if (!selectedRows || selectedRows.length === 0) return;
+			exportAllToCSV(selectedRows, {
+				filename,
+				excludeColumns
+			});
+		} else {
+			if (!resource.handlers.export) return;
+			exportAllToCSV(await resource.handlers.export(), {
+				filename,
+				excludeColumns
+			});
+		}
+	}, [
+		resource.handlers.export,
+		title,
+		denyFields
+	]);
 	const tableOverrides = buildTableOverrides(fields, tableConfig?.overrides);
 	const formOverrides = buildFormOverrides(fields, formConfig?.overrides, denyFields);
 	const hiddenColumns = buildHiddenColumns(fields, tableConfig?.hidden, denyFields);
@@ -4804,10 +5418,25 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 					children: slots?.toolbarStart
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex items-center gap-2",
-					children: [slots?.toolbarEnd, can.create && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
-						onClick: resource.handlers.openCreate,
-						children: "新建"
-					})]
+					children: [
+						slots?.toolbarEnd,
+						canImport && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => setImportOpen(true),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, { className: "mr-2 h-4 w-4" }), "导入"]
+						}),
+						canExport && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => setExportOpen(true),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Upload, { className: "mr-2 h-4 w-4" }), "导出"]
+						}),
+						can.create && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+							onClick: resource.handlers.openCreate,
+							children: "新建"
+						})
+					]
 				})]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoTable, {
@@ -4826,8 +5455,10 @@ 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: can.export,
-				initialSorting: tableConfig?.defaultSort
+				enableExport: false,
+				initialSorting: tableConfig?.defaultSort,
+				onSelectedCountChange: setSelectedCount,
+				getSelectedRows: getSelectedRowsRef
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CrudFormModal, {
 				open: resource.modal.createOpen || resource.modal.editOpen,
@@ -4860,6 +5491,19 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 					disabled: resource.mutations.isDeleting,
 					children: resource.mutations.isDeleting ? "删除中..." : "确认删除"
 				})] })] })
+			}),
+			canImport && resource.handlers.import && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImportDialog, {
+				open: importOpen,
+				onOpenChange: setImportOpen,
+				onImport: resource.handlers.import,
+				columns: importColumns
+			}),
+			canExport && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExportDialog, {
+				open: exportOpen,
+				onOpenChange: setExportOpen,
+				selectedCount,
+				onExport: handleExport,
+				canExportFiltered: !!resource.handlers.export
 			})
 		]
 	});
@@ -5536,15 +6180,44 @@ function modalReducer(state, action) {
 /**
 * Hook 主函数
 */
-function useAutoCrudResource({ router, queryInput, options = {} }) {
-	const { idKey = "id", defaultVariant = "dialog", hooks, toast: toastAdapter } = options;
+function useAutoCrudResource({ router, schema, query: queryTransform, options = {} }) {
+	const { idKey = "id", defaultVariant = "dialog", hooks, toast: toastAdapter, exportFetcher } = options;
 	const toast = (0, react.useMemo)(() => toastAdapter === false ? noopToastAdapter : toastAdapter ?? defaultToastAdapter, [toastAdapter]);
+	const columns = (0, react.useMemo)(() => createTableSchema(schema), [schema]);
+	const [urlParams] = useQueryStates({
+		page: parseAsInteger.withDefault(1),
+		perPage: parseAsInteger.withDefault(10),
+		sort: getSortingStateParser().withDefault([]),
+		joinOperator: parseAsStringEnum(["and", "or"]).withDefault("and")
+	}, { shallow: false });
+	const [filters] = useReadableFilters(columns, { shallow: false });
+	const queryInput = (0, react.useMemo)(() => {
+		const autoParams = {
+			page: urlParams.page,
+			perPage: urlParams.perPage,
+			sort: urlParams.sort,
+			filters,
+			joinOperator: urlParams.joinOperator
+		};
+		return queryTransform ? queryTransform(autoParams) : autoParams;
+	}, [
+		urlParams,
+		filters,
+		queryTransform
+	]);
 	const listQuery = router.list.useQuery(queryInput, { placeholderData: keepPreviousData });
 	const createMutation = router.create.useMutation();
 	const updateMutation = router.update.useMutation();
 	const deleteMutation = router.delete.useMutation();
 	const deleteManyMutation = router.deleteMany?.useMutation();
 	const updateManyMutation = router.updateMany?.useMutation();
+	const importMutation = router.import?.useMutation();
+	const exportInput = (0, react.useMemo)(() => {
+		if (!queryInput) return {};
+		const { page: _p, perPage: _pp,...rest } = queryInput;
+		return rest;
+	}, [queryInput]);
+	const exportQuery = router.export?.useQuery(exportInput, { enabled: false });
 	const [modal, dispatch] = (0, react.useReducer)(modalReducer, {
 		createOpen: false,
 		editOpen: false,
@@ -5756,6 +6429,33 @@ function useAutoCrudResource({ router, queryInput, options = {} }) {
 			payload: row
 		});
 	}, []);
+	const handleImport = (0, react.useCallback)(async (rows) => {
+		if (!importMutation) throw new Error("Import not supported: router has no import procedure");
+		const coercedRows = coerceRowValues(rows, schema);
+		const result = await importMutation.mutateAsync({
+			rows: coercedRows,
+			onConflict: "upsert"
+		});
+		listQuery.refetch();
+		return result;
+	}, [
+		importMutation,
+		listQuery,
+		schema
+	]);
+	const handleExport = (0, react.useCallback)(async () => {
+		if (exportFetcher) {
+			const { page: _p, perPage: _pp,...exportParams } = queryInput ?? {};
+			return (await exportFetcher(exportParams))?.data ?? [];
+		}
+		if (exportQuery) return (await exportQuery.refetch())?.data?.data ?? [];
+		throw new Error("Export not supported");
+	}, [
+		exportFetcher,
+		exportQuery,
+		queryInput
+	]);
+	const canExport = !!(exportFetcher || exportQuery);
 	return {
 		tableData: {
 			data: listQuery.data?.data ?? [],
@@ -5767,7 +6467,8 @@ function useAutoCrudResource({ router, queryInput, options = {} }) {
 		mutations: {
 			isCreating: createMutation.isPending,
 			isUpdating: updateMutation.isPending,
-			isDeleting: deleteMutation.isPending
+			isDeleting: deleteMutation.isPending,
+			isImporting: importMutation?.isPending ?? false
 		},
 		handlers: {
 			openCreate,
@@ -5781,7 +6482,9 @@ function useAutoCrudResource({ router, queryInput, options = {} }) {
 			confirmDelete,
 			deleteMany,
 			updateMany,
-			setVariant
+			setVariant,
+			import: importMutation ? handleImport : null,
+			export: canExport ? handleExport : null
 		}
 	};
 }
@@ -6103,8 +6806,11 @@ exports.DataTableFacetedFilter = DataTableFacetedFilter;
 exports.DataTablePagination = DataTablePagination;
 exports.DataTableToolbar = DataTableToolbar;
 exports.DataTableViewOptions = DataTableViewOptions;
+exports.ExportDialog = ExportDialog;
+exports.ImportDialog = ImportDialog;
 exports.SchemaAdapter = SchemaAdapter;
 exports.cn = cn;
+exports.coerceRowValues = coerceRowValues;
 exports.createActionsColumn = createActionsColumn;
 exports.createEditFormSchema = createEditFormSchema;
 exports.createFormSchema = createFormSchema;
@@ -6112,7 +6818,12 @@ exports.createMemoryDataSource = createMemoryDataSource;
 exports.createSelectColumn = createSelectColumn;
 exports.createTRPCDataSource = createTRPCDataSource;
 exports.createTableSchema = createTableSchema;
+exports.dataToCSV = dataToCSV;
+exports.downloadCSVTemplate = downloadCSVTemplate;
+exports.exportAllToCSV = exportAllToCSV;
+exports.exportTableToCSV = exportTableToCSV;
 exports.formatDate = formatDate;
+exports.generateCSVTemplate = generateCSVTemplate;
 exports.getUrlParams = getUrlParams;
 exports.humanize = humanize;
 exports.noopToastAdapter = noopToastAdapter;
@@ -6120,6 +6831,9 @@ exports.parseAsArrayOf = parseAsArrayOf;
 exports.parseAsInteger = parseAsInteger;
 exports.parseAsString = parseAsString;
 exports.parseAsStringEnum = parseAsStringEnum;
+exports.parseCSV = parseCSV;
+exports.parseImportFile = parseImportFile;
+exports.parseJSON = parseJSON;
 exports.parseZodField = parseZodField;
 exports.setSearchParams = setSearchParams;
 exports.useAutoCrudResource = useAutoCrudResource;