@wordrhyme/auto-crud 1.6.0 → 1.7.0

package/dist/index.cjs

@@ -39,6 +39,8 @@ let nanoid = require("nanoid");
 nanoid = __toESM(nanoid);
 let __wordrhyme_shadcn_ui = require("@wordrhyme/shadcn-ui");
 __wordrhyme_shadcn_ui = __toESM(__wordrhyme_shadcn_ui);
+let __wordrhyme_ui = require("@wordrhyme/ui");
+__wordrhyme_ui = __toESM(__wordrhyme_ui);
 let zod = require("zod");
 zod = __toESM(zod);
 let __formily_core = require("@formily/core");
@@ -495,8 +497,14 @@ function formatDate(date, opts = {}, preset) {
 
 //#endregion
 //#region src/components/data-table/data-table.tsx
-function DataTable({ table, actionBar, children, className,...props }) {
+function DataTable({ table, actionBar, children, className, classNames,...props }) {
 	useDateFormatterVersion();
+	const columns = [
+		...table.getLeftVisibleLeafColumns(),
+		...table.getCenterVisibleLeafColumns(),
+		...table.getRightVisibleLeafColumns()
+	];
+	const hasWidthCap = columns.some((column) => (column.columnDef.maxSize ?? Number.MAX_SAFE_INTEGER) < Number.MAX_SAFE_INTEGER);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: cn("flex w-full flex-col gap-2.5 overflow-auto", className),
 		...props,
@@ -504,21 +512,53 @@ function DataTable({ table, actionBar, children, className,...props }) {
 			children,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "overflow-hidden rounded-md border",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableHead, {
-					colSpan: header.colSpan,
-					style: { ...getColumnPinningStyle({ column: header.column }) },
-					children: header.isPlaceholder ? null : (0, __tanstack_react_table.flexRender)(header.column.columnDef.header, header.getContext())
-				}, header.id)) }, headerGroup.id)) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
-					"data-state": row.getIsSelected() && "selected",
-					children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableCell, {
-						style: { ...getColumnPinningStyle({ column: cell.column }) },
-						children: (0, __tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
-					}, cell.id))
-				}, row.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableCell, {
-					colSpan: table.getAllColumns().length,
-					className: "h-24 text-center",
-					children: "No results."
-				}) }) })] })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Table, {
+					className: classNames?.table,
+					style: hasWidthCap ? {
+						tableLayout: "fixed",
+						width: columns.reduce((width, column) => width + column.getSize(), 0)
+					} : void 0,
+					children: [
+						hasWidthCap && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("colgroup", { children: columns.map((column) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("col", { style: { width: column.getSize() } }, column.id)) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableHeader, {
+							className: classNames?.thead,
+							children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
+								className: classNames?.tr,
+								children: headerGroup.headers.map((header) => {
+									const columnClassName = header.column.columnDef.meta?.classNames?.th;
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableHead, {
+										colSpan: header.colSpan,
+										className: cn(hasWidthCap && "overflow-hidden text-ellipsis", classNames?.th, typeof columnClassName === "string" ? columnClassName : void 0),
+										style: { ...getColumnPinningStyle({ column: header.column }) },
+										children: header.isPlaceholder ? null : (0, __tanstack_react_table.flexRender)(header.column.columnDef.header, header.getContext())
+									}, header.id);
+								})
+							}, headerGroup.id))
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableBody, {
+							className: classNames?.tbody,
+							children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
+								className: classNames?.tr,
+								"data-state": row.getIsSelected() && "selected",
+								children: row.getVisibleCells().map((cell) => {
+									const columnClassName = cell.column.columnDef.meta?.classNames?.td;
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableCell, {
+										className: cn(hasWidthCap && "overflow-hidden text-ellipsis", classNames?.td, typeof columnClassName === "string" ? columnClassName : void 0),
+										style: { ...getColumnPinningStyle({ column: cell.column }) },
+										children: (0, __tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
+									}, cell.id);
+								})
+							}, row.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableRow, {
+								className: classNames?.tr,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.TableCell, {
+									colSpan: table.getAllColumns().length,
+									className: cn("h-24 text-center", classNames?.td),
+									children: "No results."
+								})
+							})
+						})
+					]
+				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex flex-col gap-2.5",
@@ -3412,10 +3452,7 @@ function renderCell(value, type, options) {
 			className: "tabular-nums",
 			children: String(value)
 		});
-		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "truncate max-w-48",
-			children: String(value)
-		});
+		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: String(value) });
 	}
 }
 /**
@@ -3501,33 +3538,38 @@ function createSelectColumn() {
 		size: 40
 	};
 }
+function ActionsCell({ row, column }) {
+	const items = column.columnDef.meta?.rowActions ?? [];
+	const renderActionComponent = (item) => {
+		if (!item.component) return null;
+		return typeof item.component === "function" ? item.component(item.getContext?.(row.original)) : item.component;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_ui.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_ui.DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_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.jsx)(__wordrhyme_ui.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)(__wordrhyme_ui.DropdownMenuSeparator, {}), item.component ? renderActionComponent(item) : item.label && item.onClick ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_ui.DropdownMenuItem, {
+			className: item.variant === "destructive" ? "text-destructive" : "",
+			onClick: () => item.onClick?.(row.original),
+			children: item.label
+		}) : null] }, i))
+	})] });
+}
 /**
 * 创建操作列
 */
 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)(__wordrhyme_shadcn.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_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.jsx)(__wordrhyme_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)(__wordrhyme_shadcn.DropdownMenuSeparator, {}), item.component ? renderActionComponent(item, row) : item.label && item.onClick ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DropdownMenuItem, {
-				className: item.variant === "destructive" ? "text-destructive" : "",
-				onClick: () => item.onClick?.(row.original),
-				children: item.label
-			}) : null] }, i))
-		})] }),
+		cell: ActionsCell,
+		meta: { rowActions: items },
 		size: 40
 	};
 }
@@ -4206,7 +4248,7 @@ const filterModeConfig = {
 		tooltip: "Linear-style command filters"
 	}
 };
-function AutoTable({ schema, data, pageCount = 1, total, overrides, enableRowSelection = true, exclude, actions, pinnedColumns, filterMode, search = false, onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, actionBarActions, deleteConfirmation, initialSorting, enableExport = true, showDefaultExport = true, onSelectedCountChange, onSelectedRowsChange, getSelectedRows }) {
+function AutoTable({ schema, data, pageCount = 1, total, overrides, classNames, enableRowSelection = true, exclude, actions, pinnedColumns, filterMode, search = false, onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, actionBarActions, deleteConfirmation, initialSorting, enableExport = true, showDefaultExport = true, onSelectedCountChange, onSelectedRowsChange, getSelectedRows }) {
 	const modes = filterMode ? Array.isArray(filterMode) ? filterMode : [filterMode] : DEFAULT_MODES;
 	const [currentMode, setCurrentMode] = useQueryState("filterMode", parseAsStringEnum(modes).withDefault(modes[0] ?? "simple"));
 	const showToggle = modes.length > 1;
@@ -4368,7 +4410,10 @@ function AutoTable({ schema, data, pageCount = 1, total, overrides, enableRowSel
 					]
 				})]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, { table }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
+				table,
+				classNames
+			}),
 			enableRowSelection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoTableActionBar, {
 				table,
 				onDeleteSelected,
@@ -4388,16 +4433,16 @@ function AutoTable({ schema, data, pageCount = 1, total, overrides, enableRowSel
 //#endregion
 //#region src/components/auto-crud/form-modal.tsx
 function FormModal({ open, onOpenChange, title, description, children, variant = "dialog", side = "right", className, footer }) {
-	if (variant === "sheet") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Sheet, {
+	if (variant === "sheet") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_ui.Sheet, {
 		open,
 		onOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.SheetContent, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_ui.SheetContent, {
 			side,
 			className: cn("sm:max-w-lg flex flex-col p-0", className),
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.SheetHeader, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_ui.SheetHeader, {
 					className: "flex-shrink-0 px-6 pt-6",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SheetTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.SheetDescription, { children: description })]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_ui.SheetTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_ui.SheetDescription, { children: description })]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "flex-1 overflow-y-auto min-h-0",
@@ -4413,15 +4458,15 @@ function FormModal({ open, onOpenChange, title, description, children, variant =
 			]
 		})
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Dialog, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_ui.Dialog, {
 		open,
 		onOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogContent, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_ui.DialogContent, {
 			className: cn("max-w-2xl sm:max-w-2xl flex flex-col max-h-[85vh] overflow-hidden p-0", className),
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.DialogHeader, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_ui.DialogHeader, {
 					className: "flex-shrink-0 px-6 pt-6",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DialogTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.DialogDescription, { children: description })]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_ui.DialogTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_ui.DialogDescription, { children: description })]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "flex-1 overflow-y-auto min-h-0",
@@ -5597,6 +5642,31 @@ function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubm
 	});
 }
 
+//#endregion
+//#region src/lib/row-action-dialog.tsx
+/** Keep custom dialogs at table level, independently of the source row's lifetime. */
+function useRowActionDialog() {
+	const [dialog, setDialog] = react.useState(null);
+	const session = react.useRef(0);
+	return {
+		openComponent: react.useCallback((next) => {
+			const id = ++session.current;
+			const dismiss = () => {
+				if (session.current === id) setDialog(null);
+			};
+			setDialog(react.cloneElement(next, {
+				key: id,
+				open: true,
+				onOpenChange: (open) => {
+					if (!open) dismiss();
+				},
+				onDismiss: dismiss
+			}));
+		}, []),
+		dialog
+	};
+}
+
 //#endregion
 //#region src/components/auto-crud/import-dialog.tsx
 function ImportDialog({ open, onOpenChange, onImport, columns = [], title, locale = zhCN.importDialog }) {
@@ -5953,22 +6023,29 @@ function isCustomAction$1(action$1) {
 	return action$1.type === "custom";
 }
 function resolveActions$1(targetId, zone, ownerActions) {
-	const baseActions = ownerActions.filter((action$1) => !action$1.hidden).map((action$1) => withoutRegistryMeta(action$1));
-	if (!targetId) return baseActions;
-	const registered = crudActions.get(targetId, zone);
+	const registered = targetId ? crudActions.get(targetId, zone) : [];
+	const hiddenCustomIds = new Set(registered.flatMap(({ action: action$1 }) => isCustomAction$1(action$1) && action$1.hidden && action$1.id ? [action$1.id] : []));
+	const isMaskedCustom = (action$1) => isCustomAction$1(action$1) && Boolean(action$1.id && hiddenCustomIds.has(action$1.id));
+	const customOverrides = /* @__PURE__ */ new Map();
+	for (const entry of registered) {
+		const { action: action$1 } = entry;
+		if (isCustomAction$1(action$1) && action$1.id && !isMaskedCustom(action$1)) customOverrides.set(action$1.id, entry);
+	}
+	const ownerCustomIds = new Set(ownerActions.flatMap((action$1) => isCustomAction$1(action$1) && action$1.id ? [action$1.id] : []));
+	const baseActions = ownerActions.filter((action$1) => !action$1.hidden && !isMaskedCustom(action$1)).map((action$1) => withoutRegistryMeta(isCustomAction$1(action$1) && action$1.id ? customOverrides.get(action$1.id)?.action ?? action$1 : action$1));
+	const isReplacedCustom = ({ action: action$1, seq: seq$1 }) => isCustomAction$1(action$1) && Boolean(action$1.id && (ownerCustomIds.has(action$1.id) || customOverrides.get(action$1.id)?.seq !== seq$1));
 	if (registered.length === 0) return baseActions;
 	const nextActions = [...baseActions];
 	const startCustomActions = [];
 	const endCustomActions = [];
+	const groups = /* @__PURE__ */ new Map();
 	for (const entry of registered) {
+		if (isMaskedCustom(entry.action)) continue;
+		const group = groups.get(entry.ownerId) ?? [];
+		group.push(entry);
+		groups.set(entry.ownerId, group);
 		const action$1 = entry.action;
-		if (action$1.hidden && isCustomAction$1(action$1)) continue;
-		if (isCustomAction$1(action$1)) {
-			const custom = withoutRegistryMeta(action$1);
-			if (custom.position === "start") startCustomActions.push(custom);
-			else endCustomActions.push(custom);
-			continue;
-		}
+		if (isCustomAction$1(action$1)) continue;
 		const existingIndex = nextActions.findIndex((item) => item.type === action$1.type);
 		if (action$1.hidden) {
 			if (existingIndex >= 0) nextActions.splice(existingIndex, 1);
@@ -5981,6 +6058,31 @@ function resolveActions$1(targetId, zone, ownerActions) {
 		};
 		else nextActions.push(builtin);
 	}
+	for (const group of groups.values()) {
+		const items = group.sort((left, right) => left.seq - right.seq).flatMap((entry) => {
+			const { action: action$1 } = entry;
+			if (action$1.hidden || isReplacedCustom(entry)) return [];
+			if (isCustomAction$1(action$1)) return [withoutRegistryMeta(action$1)];
+			const builtin = nextActions.find((item) => item.type === action$1.type);
+			return builtin ? [builtin] : [];
+		});
+		const firstBuiltin = items.find((item) => !isCustomAction$1(item));
+		if (firstBuiltin) {
+			let cursor = nextActions.indexOf(firstBuiltin);
+			for (const item of items) {
+				const existing = nextActions.indexOf(item);
+				if (existing >= cursor) cursor = existing + 1;
+				else {
+					if (existing >= 0) {
+						nextActions.splice(existing, 1);
+						cursor -= 1;
+					}
+					nextActions.splice(cursor, 0, item);
+					cursor += 1;
+				}
+			}
+		} else for (const custom of items) (custom.position === "start" ? startCustomActions : endCustomActions).push(custom);
+	}
 	return [
 		...startCustomActions,
 		...nextActions,
@@ -6609,6 +6711,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 		const mergedSharedDynamicOptions = mergeFieldOptions(dynamicFilterLabelOptions, tableConfig?.dataSource ? void 0 : dynamicResolveOptions);
 		const dynamicOptions = !fieldOptions && mergedSharedDynamicOptions ? toTableOptions(mergedSharedDynamicOptions) : void 0;
 		const tableMeta = config.table !== false && typeof config.table === "object" ? config.table.meta : void 0;
+		const tableClassNames = tableConfig?.classNames;
 		const fieldEnumMeta = tableOptions ? {
 			options: tableOptions,
 			variant: "multiSelect"
@@ -6648,13 +6751,14 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 				enableColumnFilter: false
 			};
 		}
-		if (fieldEnumMeta || fieldDataSourceMeta || tableMeta || filterMeta) result[key] = {
+		if (fieldEnumMeta || fieldDataSourceMeta || tableMeta || tableClassNames !== void 0 || filterMeta) result[key] = {
 			...result[key],
 			meta: {
 				...result[key]?.meta ?? {},
 				...fieldEnumMeta ?? {},
 				...fieldDataSourceMeta ?? {},
 				...tableMeta ?? {},
+				...tableClassNames !== void 0 ? { classNames: tableClassNames } : {},
 				...filterMeta ?? {}
 			}
 		};
@@ -6672,6 +6776,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 		};
 		else if (config.table && typeof config.table === "object") {
 			const { meta, display,...tableProps } = config.table;
+			delete tableProps.classNames;
 			delete tableProps.options;
 			delete tableProps.dataSource;
 			result[key] = {
@@ -6704,7 +6809,7 @@ function buildCapabilityTableOverrides(schema, capabilities) {
 		const override = {};
 		if (capabilities.filters) {
 			if (!capabilities.filters.enabled) override.enableColumnFilter = false;
-			else if (filterSet) override.enableColumnFilter = filterSet.has(key);
+			else if (filterSet && !filterSet.has(key)) override.enableColumnFilter = false;
 		}
 		if (capabilities.sort) {
 			if (!capabilities.sort.enabled) override.enableSorting = false;
@@ -6828,6 +6933,21 @@ function renderFieldValue(value, type, booleanLocale, options, display = "auto",
 				children: ["+", value.length - maxItems]
 			})]
 		});
+		const tone = options.find((option) => option.value === String(value))?.badgeTone;
+		const toneClassName = tone && {
+			neutral: "border-border bg-muted text-muted-foreground",
+			success: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300",
+			warning: "border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-300",
+			info: "border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300"
+		}[tone];
+		if (toneClassName) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__wordrhyme_shadcn.Badge, {
+			variant: "outline",
+			className: toneClassName,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"aria-hidden": "true",
+				className: "size-1.5 shrink-0 rounded-full bg-current"
+			}), getOptionLabel(value, options)]
+		});
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__wordrhyme_shadcn.Badge, {
 			variant: "outline",
 			className: "capitalize",
@@ -6938,14 +7058,9 @@ function ViewModalContent({ open, onOpenChange, variant, data, schema, fields: f
 /**
 * 解析列表行操作
 */
-function resolveActions(actionsOrFn, defaults, rowActionsLocale, context) {
-	const resolvedItems = typeof actionsOrFn === "function" ? actionsOrFn([
-		{ type: "view" },
-		{ type: "edit" },
-		{ type: "copy" },
-		{ type: "delete" }
-	]) : actionsOrFn;
+function resolveActions(actions, defaults, rowActionsLocale, context) {
 	const getContext = (row) => ({
+		MenuItem: __wordrhyme_ui.DropdownMenuItem,
 		crudId: context.crudId,
 		idKey: context.idKey,
 		row,
@@ -6953,54 +7068,13 @@ function resolveActions(actionsOrFn, defaults, rowActionsLocale, context) {
 		openView: defaults.openView,
 		...defaults.openEdit ? { openEdit: defaults.openEdit } : {},
 		...defaults.copyRow ? { copyRow: defaults.copyRow } : {},
-		...defaults.openDelete ? { openDelete: defaults.openDelete } : {}
+		...defaults.openDelete ? { openDelete: defaults.openDelete } : {},
+		open: (options) => {
+			if (options.type === "custom") context.openComponent(options.component);
+			else handlerMap[options.type]?.(options.row);
+		}
 	});
-	const defaultItems = [
-		{
-			label: rowActionsLocale.view,
-			onClick: defaults.openView
-		},
-		...defaults.openEdit ? [{
-			label: rowActionsLocale.edit,
-			onClick: defaults.openEdit
-		}] : [],
-		...defaults.copyRow ? [{
-			label: rowActionsLocale.copy,
-			onClick: defaults.copyRow
-		}] : [],
-		...defaults.openDelete ? [{
-			label: rowActionsLocale.delete,
-			onClick: defaults.openDelete,
-			separator: true,
-			variant: "destructive"
-		}] : []
-	];
-	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, component, separator, variant }) => ({
-			label,
-			onClick,
-			component,
-			getContext,
-			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
-		}));
-		return [
-			...startItems,
-			...defaultItems,
-			...endItems
-		];
-	}
+	const items = actions.filter((item) => !item.hidden);
 	const handlerMap = {
 		view: defaults.openView,
 		edit: defaults.openEdit,
@@ -7252,15 +7326,18 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		resource.handlers.openEdit,
 		resource.handlers.openView
 	]);
+	const { openComponent, dialog: rowActionDialog } = useRowActionDialog();
 	const tableRowActions = react.useMemo(() => resolveActions(registryRowActions, rowActionDefaults, locale.rowActions, {
 		crudId: id ?? "",
-		idKey: resourceIdKey
+		idKey: resourceIdKey,
+		openComponent
 	}), [
 		id,
 		locale.rowActions,
 		registryRowActions,
 		resourceIdKey,
-		rowActionDefaults
+		rowActionDefaults,
+		openComponent
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
@@ -7356,6 +7433,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				pageCount: resource.tableData.pageCount,
 				...resource.tableData.total !== void 0 ? { total: resource.tableData.total } : {},
 				overrides: tableOverrides,
+				classNames: tableConfig?.classNames,
 				exclude: hiddenColumns,
 				filterMode: tableConfig?.filterModes,
 				search: searchConfig,
@@ -7371,6 +7449,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				onSelectedRowsChange: handleSelectedRowsChange,
 				getSelectedRows: getSelectedRowsRef
 			}),
+			rowActionDialog,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CrudFormModal, {
 				open: resource.modal.createOpen || resource.modal.editOpen,
 				onOpenChange: (open) => !open && resource.handlers.closeModals(),