@wordrhyme/auto-crud 1.0.3 → 1.0.5

package/dist/index.cjs

@@ -4726,14 +4726,14 @@ function FormModal({ open, onOpenChange, title, description, children, variant =
 		onOpenChange,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.SheetContent, {
 			side,
-			className: className ?? "sm:max-w-lg flex flex-col p-0",
+			className: cn("sm:max-w-lg flex flex-col p-0", className),
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.SheetHeader, {
 					className: "flex-shrink-0 px-6 pt-6",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SheetTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SheetDescription, { children: description })]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "flex-1 overflow-auto",
+					className: "flex-1 overflow-y-auto min-h-0",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "px-6 py-4",
 						children
@@ -4750,16 +4750,16 @@ function FormModal({ open, onOpenChange, title, description, children, variant =
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DialogContent, {
-			className: className ?? "max-w-2xl flex flex-col max-h-[90vh] p-0",
+			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)(__pixpilot_shadcn.DialogHeader, {
 					className: "flex-shrink-0 px-6 pt-6",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogTitle, { children: title }), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DialogDescription, { children: description })]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "flex-1 overflow-auto",
+					className: "flex-1 overflow-y-auto min-h-0",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "px-6 py-4",
+						className: "px-6 py-4 text-sm",
 						children
 					})
 				}),
@@ -5374,7 +5374,7 @@ function resolveLocale(localeProp) {
 
 //#endregion
 //#region src/components/auto-crud/crud-form-modal.tsx
-function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubmit, loading = false, variant = "dialog", overrides, title, locale = zhCN.formModal, gridColumns, labelAlign, labelWidth }) {
+function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubmit, loading = false, variant = "dialog", overrides, title, locale = zhCN.formModal, gridColumns, labelAlign, labelWidth, className }) {
 	const defaultTitle = mode === "create" ? locale.createTitle : locale.editTitle;
 	const formRef = (0, react.useRef)(null);
 	const handleSubmit = async () => {
@@ -5385,6 +5385,7 @@ function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubm
 		onOpenChange,
 		title: title ?? defaultTitle,
 		variant,
+		className,
 		footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex justify-end gap-2",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
@@ -6124,7 +6125,8 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 				variant: resource.modal.variant,
 				overrides: formOverrides,
 				locale: locale.formModal,
-				gridColumns: formConfig?.columns
+				gridColumns: formConfig?.columns,
+				className: formConfig?.className
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewModal, {
 				open: resource.modal.viewOpen,

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { z } from "zod";
 import * as _tanstack_react_table0 from "@tanstack/react-table";
 import { Column, ColumnDef, ColumnSort, Row, RowData, Table, TableOptions, TableState } from "@tanstack/react-table";
@@ -314,7 +314,7 @@ declare function AutoTableActionBar<TData>({
   enableExport,
   enableDelete,
   extraActions
-}: AutoTableActionBarProps<TData>): react_jsx_runtime3.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -470,7 +470,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   enableExport,
   onSelectedCountChange,
   getSelectedRows
-}: AutoTableProps<T>): react_jsx_runtime3.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/i18n/locale.d.ts
 /**
@@ -701,10 +701,12 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
   };
   /** 表单配置 */
   form?: {
-    /** 表单覆盖配置 */
+    /** 表单覆盖配置（兼容旧 API，优先级低于 fieldOverrides） */
     overrides?: Record<string, any>;
     /** 表单列数 */
     columns?: number;
+    /** 弹窗自定义容器类名（支持控制大小、最大高度等） */
+    className?: string;
   };
   /** 扩展点 */
   slots?: {
@@ -766,7 +768,7 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   permissions,
   actions: actionItems,
   locale: localeProp
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime3.JSX.Element;
+}: AutoCrudTableProps<TSchema>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
@@ -798,7 +800,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime3.JSX.Element;
+}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime5.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -1012,12 +1014,12 @@ declare const filterItemSchema: z.ZodObject<{
   variant: z.ZodEnum<{
     number: "number";
     boolean: "boolean";
-    date: "date";
     text: "text";
+    range: "range";
+    date: "date";
+    dateRange: "dateRange";
     select: "select";
     multiSelect: "multiSelect";
-    dateRange: "dateRange";
-    range: "range";
   }>;
   operator: z.ZodEnum<{
     iLike: "iLike";
@@ -1096,7 +1098,7 @@ declare function AutoTableSimpleFilters<TData>({
   shallow,
   filters: externalFilters,
   onFiltersChange
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime3.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime5.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = "dialog" | "sheet";
@@ -1119,6 +1121,8 @@ interface CrudFormModalProps<T extends z.ZodObject<z.ZodRawShape>> {
   labelAlign?: "left" | "top" | "right";
   /** Label 宽度（labelAlign 为 left 时有效） */
   labelWidth?: number | string;
+  /** 弹窗自定义样式 */
+  className?: string;
 }
 declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   open,
@@ -1134,8 +1138,9 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   locale,
   gridColumns,
   labelAlign,
-  labelWidth
-}: CrudFormModalProps<T>): react_jsx_runtime3.JSX.Element;
+  labelWidth,
+  className
+}: CrudFormModalProps<T>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1157,7 +1162,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime3.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = "selected" | "filtered";
@@ -1177,7 +1182,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime3.JSX.Element;
+}: ExportDialogProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table.d.ts
 interface DataTableProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1190,7 +1195,7 @@ declare function DataTable<TData>({
   children,
   className,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime3.JSX.Element;
+}: DataTableProps<TData>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1201,7 +1206,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime3.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -1213,7 +1218,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime3.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -1227,7 +1232,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime3.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<"div"> {
@@ -1239,7 +1244,7 @@ declare function DataTablePagination<TData>({
   pageSizeOptions,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime3.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1250,7 +1255,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime3.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends React$1.ComponentProps<typeof PopoverContent> {
@@ -1261,7 +1266,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime3.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/hooks/use-data-table.d.ts
 interface UseDataTableProps<TData> extends Omit<TableOptions<TData>, "state" | "pageCount" | "getCoreRowModel" | "manualFiltering" | "manualPagination" | "manualSorting">, Required<Pick<TableOptions<TData>, "pageCount">> {

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as _tanstack_react_table0 from "@tanstack/react-table";
 import { Column, ColumnDef, ColumnSort, Row, RowData, Table, TableOptions, TableState } from "@tanstack/react-table";
 import { DropdownMenuTrigger, PopoverContent } from "@pixpilot/shadcn";
 import { ClassValue } from "clsx";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { z } from "zod";
 import { ISchema } from "@formily/json-schema";
 
@@ -314,7 +314,7 @@ declare function AutoTableActionBar<TData>({
   enableExport,
   enableDelete,
   extraActions
-}: AutoTableActionBarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -470,7 +470,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   enableExport,
   onSelectedCountChange,
   getSelectedRows
-}: AutoTableProps<T>): react_jsx_runtime2.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/i18n/locale.d.ts
 /**
@@ -701,10 +701,12 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
   };
   /** 表单配置 */
   form?: {
-    /** 表单覆盖配置 */
+    /** 表单覆盖配置（兼容旧 API，优先级低于 fieldOverrides） */
     overrides?: Record<string, any>;
     /** 表单列数 */
     columns?: number;
+    /** 弹窗自定义容器类名（支持控制大小、最大高度等） */
+    className?: string;
   };
   /** 扩展点 */
   slots?: {
@@ -766,7 +768,7 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   permissions,
   actions: actionItems,
   locale: localeProp
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime2.JSX.Element;
+}: AutoCrudTableProps<TSchema>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
@@ -798,7 +800,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime2.JSX.Element;
+}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime10.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -1012,12 +1014,12 @@ declare const filterItemSchema: z.ZodObject<{
   variant: z.ZodEnum<{
     number: "number";
     boolean: "boolean";
-    date: "date";
     text: "text";
+    range: "range";
+    date: "date";
+    dateRange: "dateRange";
     select: "select";
     multiSelect: "multiSelect";
-    dateRange: "dateRange";
-    range: "range";
   }>;
   operator: z.ZodEnum<{
     iLike: "iLike";
@@ -1096,7 +1098,7 @@ declare function AutoTableSimpleFilters<TData>({
   shallow,
   filters: externalFilters,
   onFiltersChange
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime2.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime10.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = "dialog" | "sheet";
@@ -1119,6 +1121,8 @@ interface CrudFormModalProps<T extends z.ZodObject<z.ZodRawShape>> {
   labelAlign?: "left" | "top" | "right";
   /** Label 宽度（labelAlign 为 left 时有效） */
   labelWidth?: number | string;
+  /** 弹窗自定义样式 */
+  className?: string;
 }
 declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   open,
@@ -1134,8 +1138,9 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   locale,
   gridColumns,
   labelAlign,
-  labelWidth
-}: CrudFormModalProps<T>): react_jsx_runtime2.JSX.Element;
+  labelWidth,
+  className
+}: CrudFormModalProps<T>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1157,7 +1162,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime2.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = "selected" | "filtered";
@@ -1177,7 +1182,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime2.JSX.Element;
+}: ExportDialogProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table.d.ts
 interface DataTableProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1190,7 +1195,7 @@ declare function DataTable<TData>({
   children,
   className,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableProps<TData>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1201,7 +1206,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -1213,7 +1218,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -1227,7 +1232,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<"div"> {
@@ -1239,7 +1244,7 @@ declare function DataTablePagination<TData>({
   pageSizeOptions,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -1250,7 +1255,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends React$1.ComponentProps<typeof PopoverContent> {
@@ -1261,7 +1266,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/hooks/use-data-table.d.ts
 interface UseDataTableProps<TData> extends Omit<TableOptions<TData>, "state" | "pageCount" | "getCoreRowModel" | "manualFiltering" | "manualPagination" | "manualSorting">, Required<Pick<TableOptions<TData>, "pageCount">> {

package/dist/index.js

@@ -4684,14 +4684,14 @@ function FormModal({ open, onOpenChange, title, description, children, variant =
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(SheetContent, {
 			side,
-			className: className ?? "sm:max-w-lg flex flex-col p-0",
+			className: cn("sm:max-w-lg flex flex-col p-0", className),
 			children: [
 				/* @__PURE__ */ jsxs(SheetHeader, {
 					className: "flex-shrink-0 px-6 pt-6",
 					children: [/* @__PURE__ */ jsx(SheetTitle, { children: title }), description && /* @__PURE__ */ jsx(SheetDescription, { children: description })]
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "flex-1 overflow-auto",
+					className: "flex-1 overflow-y-auto min-h-0",
 					children: /* @__PURE__ */ jsx("div", {
 						className: "px-6 py-4",
 						children
@@ -4708,16 +4708,16 @@ function FormModal({ open, onOpenChange, title, description, children, variant =
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(DialogContent, {
-			className: className ?? "max-w-2xl flex flex-col max-h-[90vh] p-0",
+			className: cn("max-w-2xl sm:max-w-2xl flex flex-col max-h-[85vh] overflow-hidden p-0", className),
 			children: [
 				/* @__PURE__ */ jsxs(DialogHeader, {
 					className: "flex-shrink-0 px-6 pt-6",
 					children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), description && /* @__PURE__ */ jsx(DialogDescription, { children: description })]
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "flex-1 overflow-auto",
+					className: "flex-1 overflow-y-auto min-h-0",
 					children: /* @__PURE__ */ jsx("div", {
-						className: "px-6 py-4",
+						className: "px-6 py-4 text-sm",
 						children
 					})
 				}),
@@ -5332,7 +5332,7 @@ function resolveLocale(localeProp) {
 
 //#endregion
 //#region src/components/auto-crud/crud-form-modal.tsx
-function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubmit, loading = false, variant = "dialog", overrides, title, locale = zhCN.formModal, gridColumns, labelAlign, labelWidth }) {
+function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubmit, loading = false, variant = "dialog", overrides, title, locale = zhCN.formModal, gridColumns, labelAlign, labelWidth, className }) {
 	const defaultTitle = mode === "create" ? locale.createTitle : locale.editTitle;
 	const formRef = useRef(null);
 	const handleSubmit = async () => {
@@ -5343,6 +5343,7 @@ function CrudFormModal({ open, onOpenChange, mode, schema, initialValues, onSubm
 		onOpenChange,
 		title: title ?? defaultTitle,
 		variant,
+		className,
 		footer: /* @__PURE__ */ jsxs("div", {
 			className: "flex justify-end gap-2",
 			children: [/* @__PURE__ */ jsx(Button, {
@@ -6082,7 +6083,8 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 				variant: resource.modal.variant,
 				overrides: formOverrides,
 				locale: locale.formModal,
-				gridColumns: formConfig?.columns
+				gridColumns: formConfig?.columns,
+				className: formConfig?.className
 			}),
 			/* @__PURE__ */ jsx(ViewModal, {
 				open: resource.modal.viewOpen,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wordrhyme/auto-crud",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Schema-first CRUD components with auto-generated tables and forms",
   "author": "wordrhyme",
   "license": "MIT",
@@ -65,9 +65,9 @@
     "nanoid": "^5.1.6",
     "tailwind-merge": "^3.4.0",
     "vaul": "^1.1.2",
-    "@pixpilot/shadcn": "1.2.1",
-    "@pixpilot/formily-shadcn": "1.7.3",
-    "@pixpilot/shadcn-ui": "1.4.1"
+    "@pixpilot/formily-shadcn": "1.7.2",
+    "@pixpilot/shadcn": "1.2.0",
+    "@pixpilot/shadcn-ui": "1.4.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.90.15",
@@ -82,9 +82,9 @@
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
     "@internal/eslint-config": "0.3.0",
+    "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
-    "@internal/prettier-config": "0.0.1",
     "@internal/vitest-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",