@wordrhyme/auto-crud 1.2.5 → 1.3.0

package/dist/index.cjs

@@ -504,10 +504,10 @@ function getColumnVariant(column) {
 function splitKey(key) {
 	const match = key.match(/^(.*?)(?:__(\d+))?$/);
 	if (!match) return { base: key };
-	const index = match[2] ? Number(match[2]) : void 0;
+	const index$1 = match[2] ? Number(match[2]) : void 0;
 	return {
 		base: match[1] ?? key,
-		index
+		index: index$1
 	};
 }
 function isFilterKey(key, columnIds) {
@@ -1299,7 +1299,7 @@ function SortableItem(props) {
 	if (value === "") throw new Error(`\`${ITEM_NAME$1}\` value cannot be an empty string`);
 	const context = useSortableContext(ITEM_NAME$1);
 	const id = react.useId();
-	const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = (0, __dnd_kit_sortable.useSortable)({
+	const { attributes, listeners: listeners$1, setNodeRef, setActivatorNodeRef, transform, transition, isDragging } = (0, __dnd_kit_sortable.useSortable)({
 		id: value,
 		disabled
 	});
@@ -1322,14 +1322,14 @@ function SortableItem(props) {
 	const itemContext = react.useMemo(() => ({
 		id,
 		attributes,
-		listeners,
+		listeners: listeners$1,
 		setActivatorNodeRef,
 		isDragging,
 		disabled
 	}), [
 		id,
 		attributes,
-		listeners,
+		listeners$1,
 		setActivatorNodeRef,
 		isDragging,
 		disabled
@@ -1344,7 +1344,7 @@ function SortableItem(props) {
 			"data-slot": "sortable-item",
 			...itemProps,
 			...asHandle && !disabled ? attributes : {},
-			...asHandle && !disabled ? listeners : {},
+			...asHandle && !disabled ? listeners$1 : {},
 			ref: composedRef,
 			style: composedStyle,
 			className: cn("focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1", {
@@ -1571,9 +1571,9 @@ function DataTableFilterList({ table, debounceMs = DEBOUNCE_MS$2, throttleMs = T
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							role: "list",
 							className: "flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",
-							children: filters.map((filter, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableFilterItem$1, {
+							children: filters.map((filter, index$1) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableFilterItem$1, {
 								filter,
-								index,
+								index: index$1,
 								filterItemId: `${id}-filter-${filter.filterId}`,
 								joinOperator,
 								setJoinOperator,
@@ -1614,7 +1614,7 @@ function DataTableFilterList({ table, debounceMs = DEBOUNCE_MS$2, throttleMs = T
 		}) })]
 	});
 }
-function DataTableFilterItem$1({ filter, index, filterItemId, joinOperator, setJoinOperator, columns, onFilterUpdate, onFilterRemove }) {
+function DataTableFilterItem$1({ filter, index: index$1, filterItemId, joinOperator, setJoinOperator, columns, onFilterUpdate, onFilterRemove }) {
 	const [showFieldSelector, setShowFieldSelector] = react.useState(false);
 	const [showOperatorSelector, setShowOperatorSelector] = react.useState(false);
 	const [showValueSelector, setShowValueSelector] = react.useState(false);
@@ -1652,10 +1652,10 @@ function DataTableFilterItem$1({ filter, index, filterItemId, joinOperator, setJ
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "min-w-[72px] text-center",
-					children: index === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					children: index$1 === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "text-muted-foreground text-sm",
 						children: "Where"
-					}) : index === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
+					}) : index$1 === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
 						value: joinOperator,
 						onValueChange: (value) => setJoinOperator(value),
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
@@ -3088,10 +3088,10 @@ function AutoTableSimpleFilters({ table, shallow = false, filters: externalFilte
 				"data-filter-leading": true,
 				children: leading
 			}) : null,
-			filterColumns.map((column, index) => {
+			filterColumns.map((column, index$1) => {
 				const meta = column.columnDef.meta;
 				const value = getFilterValue(column.id);
-				const isHidden = !expanded && visibleCount !== null && index >= visibleCount;
+				const isHidden = !expanded && visibleCount !== null && index$1 >= visibleCount;
 				switch (meta.variant) {
 					case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: isHidden ? "hidden" : "",
@@ -3503,7 +3503,7 @@ function focusFirst(candidates, preventScroll = false) {
 	}
 }
 function wrapArray(array, startIndex) {
-	return array.map((_, index) => array[(startIndex + index) % array.length]);
+	return array.map((_, index$1) => array[(startIndex + index$1) % array.length]);
 }
 function getDirectionAwareKey(key, dir) {
 	if (dir !== "rtl") return key;
@@ -4046,9 +4046,9 @@ function parseZodField(schema) {
 	if (def?.type === "enum") {
 		let enumValues$1;
 		if (def?.entries) {
-			const entries = def.entries;
-			if (Array.isArray(entries)) enumValues$1 = entries.map(String);
-			else if (typeof entries === "object") enumValues$1 = Object.keys(entries);
+			const entries$1 = def.entries;
+			if (Array.isArray(entries$1)) enumValues$1 = entries$1.map(String);
+			else if (typeof entries$1 === "object") enumValues$1 = Object.keys(entries$1);
 		} else if (def?.values) {
 			const values = def.values;
 			if (Array.isArray(values)) enumValues$1 = values.map(String);
@@ -4069,9 +4069,9 @@ function parseZodField(schema) {
 	});
 	let enumValues;
 	if (def?.entries) {
-		const entries = def.entries;
-		if (Array.isArray(entries)) enumValues = entries.map(String);
-		else if (typeof entries === "object") enumValues = Object.keys(entries);
+		const entries$1 = def.entries;
+		if (Array.isArray(entries$1)) enumValues = entries$1.map(String);
+		else if (typeof entries$1 === "object") enumValues = Object.keys(entries$1);
 	} else if (def?.values) {
 		const values = def.values;
 		if (Array.isArray(values)) enumValues = values.map(String);
@@ -4266,6 +4266,10 @@ function createSelectColumn() {
 * 创建操作列
 */
 function createActionsColumn(items) {
+	const renderActionComponent = (item, row) => {
+		if (!item.component) return null;
+		return typeof item.component === "function" ? item.component(item.getContext?.(row.original)) : item.component;
+	};
 	return {
 		id: "actions",
 		cell: ({ row }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuTrigger, {
@@ -4279,11 +4283,11 @@ function createActionsColumn(items) {
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuContent, {
 			align: "end",
 			className: "w-40",
-			children: items.map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [item.separator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
+			children: items.map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [item.separator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuSeparator, {}), item.component ? renderActionComponent(item, row) : item.label && item.onClick ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DropdownMenuItem, {
 				className: item.variant === "destructive" ? "text-destructive" : "",
-				onClick: () => item.onClick(row.original),
+				onClick: () => item.onClick?.(row.original),
 				children: item.label
-			})] }, i))
+			}) : null] }, i))
 		})] }),
 		size: 40
 	};
@@ -4584,34 +4588,36 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 		renderComponent,
 		selectedRows
 	]);
-	const renderCustomAction = react.useCallback((action, index) => {
-		if (action.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderComponent(action.component) }, `custom-${index}`);
+	const renderCustomAction = react.useCallback((action, index$1) => {
+		if (action.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderComponent(action.component) }, `custom-${index$1}`);
 		if (!action.label || !action.onClick) return null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionBarItem, {
 			variant: action.variant === "destructive" ? "destructive" : "secondary",
 			onClick: (event) => action.onClick?.(selectedRows, actionContext, event),
 			children: action.label
-		}, `custom-${index}`);
+		}, `custom-${index$1}`);
 	}, [
 		actionContext,
 		renderComponent,
 		selectedRows
 	]);
 	const renderedActions = react.useMemo(() => {
-		const resolvedActions = typeof actions === "function" ? actions([
+		const configuredActions = typeof actions === "function" ? actions([
 			{ type: "batchUpdate" },
 			{ type: "export" },
 			{ type: "delete" }
 		]) : actions;
-		if (!resolvedActions || resolvedActions.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		const resolvedActions = configuredActions?.filter((action) => !action.hidden);
+		if (configuredActions === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 			renderBuiltinAction({ type: "batchUpdate" }),
 			extraActions,
 			showDefaultExport && renderBuiltinAction({ type: "export" }),
 			renderBuiltinAction({ type: "delete" })
 		] });
+		if (!resolvedActions || resolvedActions.length === 0) return null;
 		if (!resolvedActions.some((action) => action.type !== "custom")) {
-			const startNodes = resolvedActions.filter(isBatchCustomAction).filter((action) => action.position === "start").map((action, index) => renderCustomAction(action, index));
-			const endNodes = resolvedActions.filter(isBatchCustomAction).filter((action) => action.position !== "start").map((action, index) => renderCustomAction(action, index));
+			const startNodes = resolvedActions.filter(isBatchCustomAction).filter((action) => action.position === "start").map((action, index$1) => renderCustomAction(action, index$1));
+			const endNodes = resolvedActions.filter(isBatchCustomAction).filter((action) => action.position !== "start").map((action, index$1) => renderCustomAction(action, index$1));
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				startNodes,
 				renderBuiltinAction({ type: "batchUpdate" }),
@@ -4621,8 +4627,8 @@ function AutoTableActionBar({ table, onDeleteSelected, onUpdateSelected, batchUp
 				endNodes
 			] });
 		}
-		return resolvedActions.map((action, index) => {
-			if (action.type === "custom") return renderCustomAction(action, index);
+		return resolvedActions.map((action, index$1) => {
+			if (action.type === "custom") return renderCustomAction(action, index$1);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderBuiltinAction(action) }, action.type);
 		});
 	}, [
@@ -5244,39 +5250,39 @@ function createEditFormSchema(schema, options) {
 //#endregion
 //#region src/lib/registries.ts
 function createRegistry(label) {
-	const entries = /* @__PURE__ */ new Map();
-	const listeners = /* @__PURE__ */ new Set();
-	let notifyScheduled = false;
-	const notify = () => {
-		if (notifyScheduled) return;
-		notifyScheduled = true;
+	const entries$1 = /* @__PURE__ */ new Map();
+	const listeners$1 = /* @__PURE__ */ new Set();
+	let notifyScheduled$1 = false;
+	const notify$1 = () => {
+		if (notifyScheduled$1) return;
+		notifyScheduled$1 = true;
 		queueMicrotask(() => {
-			notifyScheduled = false;
-			for (const listener of listeners) listener();
+			notifyScheduled$1 = false;
+			for (const listener of listeners$1) listener();
 		});
 	};
 	return {
 		register(name, value) {
-			if (entries.has(name)) {
+			if (entries$1.has(name)) {
 				console.warn(`[AutoCrud] ${label} "${name}" is already registered.`);
 				return;
 			}
-			entries.set(name, value);
-			notify();
+			entries$1.set(name, value);
+			notify$1();
 		},
 		unregister(name) {
-			if (!entries.delete(name)) return;
-			notify();
+			if (!entries$1.delete(name)) return;
+			notify$1();
 		},
 		get(name) {
-			return entries.get(name);
+			return entries$1.get(name);
 		},
 		all() {
-			return Object.fromEntries(entries);
+			return Object.fromEntries(entries$1);
 		},
 		subscribe(listener) {
-			listeners.add(listener);
-			return () => listeners.delete(listener);
+			listeners$1.add(listener);
+			return () => listeners$1.delete(listener);
 		}
 	};
 }
@@ -5367,9 +5373,9 @@ const defaultFieldComponents = {
 	}
 };
 function useRegistryVersion$1(subscribe) {
-	const [version, setVersion] = (0, react.useState)(0);
+	const [version$1, setVersion] = (0, react.useState)(0);
 	(0, react.useEffect)(() => subscribe(() => setVersion((current) => current + 1)), [subscribe]);
-	return version;
+	return version$1;
 }
 function isDataSourceConfig(value) {
 	return typeof value === "string" && value.length > 0;
@@ -5400,8 +5406,8 @@ function useFormDataSources(form, schema) {
 		const loadVersions = /* @__PURE__ */ new Map();
 		const controller = typeof AbortController === "undefined" ? void 0 : new AbortController();
 		const loadFieldOptions = async (fieldName, source) => {
-			const version = (loadVersions.get(fieldName) ?? 0) + 1;
-			loadVersions.set(fieldName, version);
+			const version$1 = (loadVersions.get(fieldName) ?? 0) + 1;
+			loadVersions.set(fieldName, version$1);
 			const entry = dataSources.get(source.key);
 			if (!entry) {
 				form.setFieldState(fieldName, (state) => {
@@ -5415,7 +5421,7 @@ function useFormDataSources(form, schema) {
 					values: Object.fromEntries(entry.dependencies.map((dependency) => [dependency, form.getValuesIn(dependency)])),
 					signal: controller?.signal
 				}));
-				if (!active || loadVersions.get(fieldName) !== version) return;
+				if (!active || loadVersions.get(fieldName) !== version$1) return;
 				form.setFieldState(fieldName, (state) => {
 					state.dataSource = options;
 				});
@@ -6284,6 +6290,153 @@ function ImportDialog({ open, onOpenChange, onImport, columns = [], title, local
 	});
 }
 
+//#endregion
+//#region src/lib/crud-actions.ts
+const entries = /* @__PURE__ */ new Map();
+const index = /* @__PURE__ */ new Map();
+const listeners = /* @__PURE__ */ new Set();
+let seq = 0;
+let version = 0;
+let notifyScheduled = false;
+function actionKey(registration, action, index$1) {
+	return [
+		registration.ownerId,
+		registration.targetId,
+		registration.zone,
+		action.id ?? action.type,
+		index$1
+	].join(":");
+}
+function indexKey(targetId, zone) {
+	return `${targetId}:${zone}`;
+}
+function addToIndex(key, entry) {
+	const bucketKey = indexKey(entry.targetId, entry.zone);
+	const bucket = index.get(bucketKey) ?? /* @__PURE__ */ new Set();
+	bucket.add(key);
+	index.set(bucketKey, bucket);
+}
+function removeFromIndex(key, entry) {
+	const bucketKey = indexKey(entry.targetId, entry.zone);
+	const bucket = index.get(bucketKey);
+	if (!bucket) return;
+	bucket.delete(key);
+	if (bucket.size === 0) index.delete(bucketKey);
+}
+function notify() {
+	version += 1;
+	if (notifyScheduled) return;
+	notifyScheduled = true;
+	queueMicrotask(() => {
+		notifyScheduled = false;
+		for (const listener of listeners) listener();
+	});
+}
+function unregisterOwnerActions(ownerId, options = {}, shouldNotify = true) {
+	let changed = false;
+	for (const [key, entry] of entries) {
+		if (entry.ownerId !== ownerId) continue;
+		if (options.targetId && entry.targetId !== options.targetId) continue;
+		if (options.zone && entry.zone !== options.zone) continue;
+		entries.delete(key);
+		removeFromIndex(key, entry);
+		changed = true;
+	}
+	if (changed && shouldNotify) notify();
+}
+function sortEntries(left, right) {
+	const orderDiff = left.order - right.order;
+	if (orderDiff !== 0) return orderDiff;
+	const ownerDiff = left.ownerId.localeCompare(right.ownerId);
+	if (ownerDiff !== 0) return ownerDiff;
+	return left.seq - right.seq;
+}
+function withoutRegistryMeta(action) {
+	const { id, order,...rest } = action;
+	return rest;
+}
+function isCustomAction$1(action) {
+	return action.type === "custom";
+}
+function resolveActions$1(targetId, zone, ownerActions) {
+	const baseActions = ownerActions.filter((action) => !action.hidden).map((action) => withoutRegistryMeta(action));
+	if (!targetId) return baseActions;
+	const registered = crudActions.get(targetId, zone);
+	if (registered.length === 0) return baseActions;
+	const nextActions = [...baseActions];
+	const startCustomActions = [];
+	const endCustomActions = [];
+	for (const entry of registered) {
+		const action = entry.action;
+		if (action.hidden && isCustomAction$1(action)) continue;
+		if (isCustomAction$1(action)) {
+			const custom = withoutRegistryMeta(action);
+			if (custom.position === "start") startCustomActions.push(custom);
+			else endCustomActions.push(custom);
+			continue;
+		}
+		const existingIndex = nextActions.findIndex((item) => item.type === action.type);
+		if (action.hidden) {
+			if (existingIndex >= 0) nextActions.splice(existingIndex, 1);
+			continue;
+		}
+		const builtin = withoutRegistryMeta(action);
+		if (existingIndex >= 0) nextActions[existingIndex] = {
+			...nextActions[existingIndex],
+			...builtin
+		};
+		else nextActions.push(builtin);
+	}
+	return [
+		...startCustomActions,
+		...nextActions,
+		...endCustomActions
+	];
+}
+const crudActions = {
+	register(registration) {
+		unregisterOwnerActions(registration.ownerId, {
+			targetId: registration.targetId,
+			zone: registration.zone
+		}, false);
+		registration.actions.forEach((action, index$1) => {
+			const key = actionKey(registration, action, index$1);
+			const entry = {
+				targetId: registration.targetId,
+				zone: registration.zone,
+				ownerId: registration.ownerId,
+				action,
+				order: action.order ?? 100,
+				seq: seq++
+			};
+			entries.set(key, entry);
+			addToIndex(key, entry);
+		});
+		notify();
+	},
+	unregister: unregisterOwnerActions,
+	clear() {
+		if (entries.size === 0) return;
+		entries.clear();
+		index.clear();
+		notify();
+	},
+	get(targetId, zone) {
+		return Array.from(index.get(indexKey(targetId, zone)) ?? []).flatMap((key) => {
+			const entry = entries.get(key);
+			return entry ? [entry] : [];
+		}).sort(sortEntries);
+	},
+	resolve: resolveActions$1,
+	subscribe(listener) {
+		listeners.add(listener);
+		return () => listeners.delete(listener);
+	},
+	getSnapshot() {
+		return version;
+	}
+};
+
 //#endregion
 //#region src/components/auto-crud/auto-crud-table.tsx
 let autoCrudToolbarResolver = null;
@@ -6297,25 +6450,64 @@ function getDefaultToolbarActions() {
 		{ type: "create" }
 	];
 }
+function getDefaultRowActions() {
+	return [
+		{ type: "view" },
+		{ type: "edit" },
+		{ type: "copy" },
+		{ type: "delete" }
+	];
+}
+function getDefaultBatchActions() {
+	return [{ type: "batchUpdate" }, { type: "delete" }];
+}
+function isCustomAction(action) {
+	return action.type === "custom";
+}
+function resolveOwnerActions(config, defaults) {
+	const resolved = typeof config === "function" ? config([...defaults]) : config;
+	const items = resolved !== void 0 && resolved.length > 0 ? [...resolved] : [];
+	if (items.length === 0) return [...defaults];
+	if (items.some((item) => !isCustomAction(item))) return items;
+	const startItems = items.filter((item) => isCustomAction(item) && item.position === "start");
+	const endItems = items.filter((item) => isCustomAction(item) && item.position !== "start");
+	return [
+		...startItems,
+		...defaults,
+		...endItems
+	];
+}
 function resolveOwnerToolbarActions(toolbar) {
-	const resolved = typeof toolbar === "function" ? toolbar(getDefaultToolbarActions()) : toolbar;
-	return resolved !== void 0 && resolved.length > 0 ? [...resolved] : getDefaultToolbarActions();
+	return resolveOwnerActions(toolbar, getDefaultToolbarActions());
+}
+function resolveOwnerRowActions(actions) {
+	return resolveOwnerActions(actions, getDefaultRowActions());
+}
+function resolveOwnerBatchActions(actions) {
+	return resolveOwnerActions(actions, getDefaultBatchActions());
+}
+function isUnifiedActionsConfig(actions) {
+	return typeof actions === "object" && actions !== null && !Array.isArray(actions);
+}
+function readRowId(row, idKey) {
+	const value = row[idKey];
+	return value === null || value === void 0 ? void 0 : String(value);
 }
 function readRowIds(rows, idKey) {
 	return rows.flatMap((row) => {
-		const value = row[idKey];
-		return value === null || value === void 0 ? [] : [String(value)];
+		const value = readRowId(row, idKey);
+		return value === void 0 ? [] : [value];
 	});
 }
 function areStringArraysEqual(left, right) {
-	return left.length === right.length && left.every((value, index) => value === right[index]);
+	return left.length === right.length && left.every((value, index$1) => value === right[index$1]);
 }
 function haveSameRowSelection(left, right, idKey) {
 	if (left.length !== right.length) return false;
 	const leftIds = readRowIds(left, idKey);
 	const rightIds = readRowIds(right, idKey);
 	if (leftIds.length === left.length && rightIds.length === right.length) return areStringArraysEqual(leftIds, rightIds);
-	return left.every((row, index) => row === right[index]);
+	return left.every((row, index$1) => row === right[index$1]);
 }
 function readCreateAction(actions) {
 	return actions.find((action) => action.type === "create");
@@ -6384,9 +6576,12 @@ function shouldLoadDynamicFilterOptions(config) {
 	return normalizeDataSourceConfig(getFilterDataSource(config)) !== void 0;
 }
 function useRegistryVersion(subscribe) {
-	const [version, setVersion] = react.useState(0);
+	const [version$1, setVersion] = react.useState(0);
 	react.useEffect(() => subscribe(() => setVersion((current) => current + 1)), [subscribe]);
-	return version;
+	return version$1;
+}
+function useCrudActionsVersion() {
+	return react.useSyncExternalStore(crudActions.subscribe, crudActions.getSnapshot, crudActions.getSnapshot);
 }
 function useDynamicFilterOptions(fields) {
 	const registryVersion = useRegistryVersion(dataSources.subscribe);
@@ -6422,9 +6617,9 @@ function useDynamicFilterOptions(fields) {
 				if (!controller?.signal.aborted) console.warn(`[AutoCrud] Failed to load filter data source "${source.key}".`, error);
 				return [field, []];
 			}
-		})).then((entries) => {
+		})).then((entries$1) => {
 			if (!active) return;
-			setOptionsByField(Object.fromEntries(entries));
+			setOptionsByField(Object.fromEntries(entries$1));
 		});
 		return () => {
 			active = false;
@@ -6691,13 +6886,23 @@ function ViewModal({ open, onOpenChange, variant, data, schema, fields: fieldCon
 /**
 * 解析列表行操作
 */
-function resolveActions(actionsOrFn, defaults, rowActionsLocale) {
-	const items = typeof actionsOrFn === "function" ? actionsOrFn([
+function resolveActions(actionsOrFn, defaults, rowActionsLocale, context) {
+	const resolvedItems = typeof actionsOrFn === "function" ? actionsOrFn([
 		{ type: "view" },
 		{ type: "edit" },
 		{ type: "copy" },
 		{ type: "delete" }
 	]) : actionsOrFn;
+	const getContext = (row) => ({
+		crudId: context.crudId,
+		idKey: context.idKey,
+		row,
+		rowId: readRowId(row, context.idKey),
+		openView: defaults.openView,
+		...defaults.openEdit ? { openEdit: defaults.openEdit } : {},
+		...defaults.copyRow ? { copyRow: defaults.copyRow } : {},
+		...defaults.openDelete ? { openDelete: defaults.openDelete } : {}
+	});
 	const defaultItems = [
 		{
 			label: rowActionsLocale.view,
@@ -6718,17 +6923,23 @@ function resolveActions(actionsOrFn, defaults, rowActionsLocale) {
 			variant: "destructive"
 		}] : []
 	];
-	if (!items || items.length === 0) return defaultItems;
+	if (resolvedItems === void 0) return defaultItems;
+	const items = resolvedItems.filter((item) => !item.hidden);
+	if (items.length === 0) return [];
 	if (!items.some((i) => i.type !== "custom")) {
-		const startItems = items.filter((i) => i.type === "custom" && i.position === "start").map(({ label, onClick, separator, variant }) => ({
+		const startItems = items.filter((i) => i.type === "custom" && i.position === "start").map(({ label, onClick, component, separator, variant }) => ({
 			label,
 			onClick,
+			component,
+			getContext,
 			separator,
 			variant
 		}));
-		const endItems = items.filter((i) => i.type === "custom" && i.position !== "start").map(({ label, onClick, separator, variant }) => ({
+		const endItems = items.filter((i) => i.type === "custom" && i.position !== "start").map(({ label, onClick, component, separator, variant }) => ({
 			label,
 			onClick,
+			component,
+			getContext,
 			separator,
 			variant
 		}));
@@ -6755,6 +6966,8 @@ function resolveActions(actionsOrFn, defaults, rowActionsLocale) {
 		if (item.type === "custom") return [{
 			label: item.label,
 			onClick: item.onClick,
+			component: item.component,
+			getContext,
 			separator: item.separator,
 			variant: item.variant
 		}];
@@ -6794,7 +7007,32 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 	const getSelectedRowsRef = react.useRef(null);
 	const dynamicFilterOptions = useDynamicFilterOptions(resolvedFields);
 	const resourceIdKey = resource.idKey ?? "id";
-	const ownerToolbarActions = react.useMemo(() => resolveOwnerToolbarActions(toolbar ?? toolbarActions), [toolbar, toolbarActions]);
+	const actionRegistryVersion = useCrudActionsVersion();
+	const unifiedActions = react.useMemo(() => {
+		if (isUnifiedActionsConfig(actionItems)) return actionItems;
+		return { row: actionItems };
+	}, [actionItems]);
+	const ownerToolbarConfig = unifiedActions.toolbar ?? toolbar ?? toolbarActions;
+	const ownerRowConfig = unifiedActions.row;
+	const ownerBatchConfig = unifiedActions.batch ?? tableConfig?.batchActions;
+	const ownerToolbarActions = react.useMemo(() => resolveOwnerToolbarActions(ownerToolbarConfig), [ownerToolbarConfig]);
+	const ownerRowActions = react.useMemo(() => resolveOwnerRowActions(ownerRowConfig), [ownerRowConfig]);
+	const ownerBatchActions = react.useMemo(() => resolveOwnerBatchActions(ownerBatchConfig), [ownerBatchConfig]);
+	const registryToolbarActions = react.useMemo(() => crudActions.resolve(id, "toolbar", ownerToolbarActions), [
+		id,
+		ownerToolbarActions,
+		actionRegistryVersion
+	]);
+	const registryRowActions = react.useMemo(() => crudActions.resolve(id, "row", ownerRowActions), [
+		id,
+		ownerRowActions,
+		actionRegistryVersion
+	]);
+	const registryBatchActions = react.useMemo(() => crudActions.resolve(id, "batch", ownerBatchActions), [
+		id,
+		ownerBatchActions,
+		actionRegistryVersion
+	]);
 	const selectedCount = selectedRows.length;
 	const selectedRowIds = react.useMemo(() => readRowIds(selectedRows, resourceIdKey), [selectedRows, resourceIdKey]);
 	const rowIds = react.useMemo(() => readRowIds(resource.tableData.data, resourceIdKey), [resource.tableData.data, resourceIdKey]);
@@ -6803,7 +7041,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 	}, [resourceIdKey]);
 	const ownerCreateAction = react.useMemo(() => readCreateAction(ownerToolbarActions), [ownerToolbarActions]);
 	const toolbarOpenCreate = can.create ? ownerCreateAction?.onClick ?? onCreate ?? resource.handlers.openCreate : void 0;
-	const resolvedToolbarActions = resolveToolbarActionsWithResolver(id, ownerToolbarActions, react.useMemo(() => ({
+	const toolbarContext = react.useMemo(() => ({
 		crudId: id ?? "",
 		idKey: resourceIdKey,
 		rowIds,
@@ -6817,7 +7055,8 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		selectedRowIds,
 		selectedCount,
 		toolbarOpenCreate
-	]));
+	]);
+	const resolvedToolbarActions = resolveToolbarActionsWithResolver(id, registryToolbarActions, toolbarContext);
 	const importColumns = react.useMemo(() => {
 		const shape = resolvedSchema.shape;
 		const denySet = new Set(denyFields ?? []);
@@ -6887,6 +7126,30 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		resource.modal.copySource,
 		resource.modal.selected
 	]);
+	const rowActionDefaults = react.useMemo(() => ({
+		openView: resource.handlers.openView,
+		openEdit: can.update ? resource.handlers.openEdit : void 0,
+		copyRow: can.create ? resource.handlers.copyRow : void 0,
+		openDelete: can.delete ? resource.handlers.openDelete : void 0
+	}), [
+		can.create,
+		can.delete,
+		can.update,
+		resource.handlers.copyRow,
+		resource.handlers.openDelete,
+		resource.handlers.openEdit,
+		resource.handlers.openView
+	]);
+	const tableRowActions = react.useMemo(() => resolveActions(registryRowActions, rowActionDefaults, locale.rowActions, {
+		crudId: id ?? "",
+		idKey: resourceIdKey
+	}), [
+		id,
+		locale.rowActions,
+		registryRowActions,
+		resourceIdKey,
+		rowActionDefaults
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
 		children: [
@@ -6923,17 +7186,11 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 						}, "create");
 						return null;
 					};
-					if (!resolvedToolbarActions || resolvedToolbarActions.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2",
-						children: [
-							renderBuiltinButton("import"),
-							renderBuiltinButton("export"),
-							renderBuiltinButton("create")
-						]
-					});
+					const renderToolbarComponent = (component) => typeof component === "function" ? component(toolbarContext) : component;
+					if (!resolvedToolbarActions || resolvedToolbarActions.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "flex items-center gap-2" });
 					if (!resolvedToolbarActions.some((i) => i.type !== "custom")) {
-						const startNodes = resolvedToolbarActions.filter((i) => i.type === "custom" && i.position === "start").map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: a.component }, `start-${i}`));
-						const endNodes = resolvedToolbarActions.filter((i) => i.type === "custom" && i.position !== "start").map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: a.component }, `end-${i}`));
+						const startNodes = resolvedToolbarActions.filter((i) => i.type === "custom" && i.position === "start").map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(a.component) }, `start-${i}`));
+						const endNodes = resolvedToolbarActions.filter((i) => i.type === "custom" && i.position !== "start").map((a, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(a.component) }, `end-${i}`));
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "flex items-center gap-2",
 							children: [
@@ -6947,10 +7204,10 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 					}
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "flex items-center gap-2",
-						children: resolvedToolbarActions.map((action, index) => {
-							if (action.type === "custom") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: action.component }, `custom-${index}`);
+						children: resolvedToolbarActions.map((action, index$1) => {
+							if (action.type === "custom") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(action.component) }, `custom-${index$1}`);
 							if (!(action.type === "import" ? canImport : action.type === "export" ? canExport : can.create)) return null;
-							if (action.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: action.component }, action.type);
+							if (action.component) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderToolbarComponent(action.component) }, action.type);
 							return renderBuiltinButton(action.type, {
 								onClick: action.onClick,
 								label: action.label
@@ -6967,16 +7224,11 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				exclude: hiddenColumns,
 				filterMode: tableConfig?.filterModes,
 				search: searchConfig,
-				actions: resolveActions(actionItems, {
-					openView: resource.handlers.openView,
-					openEdit: can.update ? resource.handlers.openEdit : void 0,
-					copyRow: can.create ? resource.handlers.copyRow : void 0,
-					openDelete: can.delete ? resource.handlers.openDelete : void 0
-				}, locale.rowActions),
+				actions: tableRowActions,
 				onDeleteSelected: can.delete ? resource.handlers.deleteMany : void 0,
 				onUpdateSelected: can.update ? resource.handlers.updateMany : void 0,
 				batchUpdateFields: can.update ? batchFields : void 0,
-				actionBarActions: tableConfig?.batchActions,
+				actionBarActions: registryBatchActions,
 				enableExport: canExport,
 				showDefaultExport: false,
 				initialSorting: tableConfig?.defaultSort,
@@ -8374,19 +8626,19 @@ function createMemoryDataSource(initialData = []) {
 			return newItem;
 		},
 		async update(id, updateData) {
-			const index = data.findIndex((item) => item.id === id);
-			if (index === -1) throw new Error(`Item with id ${id} not found`);
+			const index$1 = data.findIndex((item) => item.id === id);
+			if (index$1 === -1) throw new Error(`Item with id ${id} not found`);
 			const updated = {
-				...data[index],
+				...data[index$1],
 				...updateData
 			};
-			data[index] = updated;
+			data[index$1] = updated;
 			return updated;
 		},
 		async delete(id) {
-			const index = data.findIndex((item) => item.id === id);
-			if (index === -1) throw new Error(`Item with id ${id} not found`);
-			data.splice(index, 1);
+			const index$1 = data.findIndex((item) => item.id === id);
+			if (index$1 === -1) throw new Error(`Item with id ${id} not found`);
+			data.splice(index$1, 1);
 		},
 		async deleteMany(ids) {
 			data = data.filter((item) => !ids.includes(item.id));
@@ -8422,6 +8674,7 @@ exports.createMemoryDataSource = createMemoryDataSource;
 exports.createSelectColumn = createSelectColumn;
 exports.createTRPCDataSource = createTRPCDataSource;
 exports.createTableSchema = createTableSchema;
+exports.crudActions = crudActions;
 exports.dataSources = dataSources;
 exports.dataToCSV = dataToCSV;
 exports.deDE = deDE;