@wordrhyme/auto-crud 0.3.0 → 0.4.1

package/dist/index.cjs

@@ -169,6 +169,55 @@ function DataTablePagination({ table, pageSizeOptions = [
 	});
 }
 
+//#endregion
+//#region src/components/ui/table.tsx
+function Table({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableRow({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		"data-slot": "table-row",
+		className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+		...props
+	});
+}
+function TableHead({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+		"data-slot": "table-head",
+		className: cn("h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+function TableCell({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+		"data-slot": "table-cell",
+		className: cn("whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+
 //#endregion
 //#region src/config/data-table.ts
 const dataTableConfig = {
@@ -401,17 +450,17 @@ 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)(__pixpilot_shadcn.Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TableHead, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(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)(__pixpilot_shadcn.TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TableRow, {
+				}, header.id)) }, headerGroup.id)) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, {
 					"data-state": row.getIsSelected() && "selected",
-					children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TableCell, {
+					children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(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)(__pixpilot_shadcn.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TableCell, {
+				}, row.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableCell, {
 					colSpan: table.getAllColumns().length,
 					className: "h-24 text-center",
 					children: "No results."
@@ -4201,7 +4250,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 }) {
+function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection = true, exclude, actions, pinnedColumns, filterMode = "simple", onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, initialSorting, enableExport = true }) {
 	const modes = filterMode ? Array.isArray(filterMode) ? filterMode : [filterMode] : [
 		"simple",
 		"advanced",
@@ -4318,6 +4367,7 @@ function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection
 				onUpdateSelected,
 				batchUpdateFields,
 				enableDelete: !!onDeleteSelected,
+				enableExport,
 				extraActions: actionBarExtra
 			})
 		]
@@ -4599,8 +4649,8 @@ function buildFormOverrides(fields, legacyOverrides) {
 /**
 * 从统一配置生成隐藏列列表
 */
-function buildHiddenColumns(fields, legacyHidden) {
-	const hidden = new Set(legacyHidden ?? []);
+function buildHiddenColumns(fields, legacyHidden, denyFields) {
+	const hidden = new Set([...legacyHidden ?? [], ...denyFields ?? []]);
 	if (fields) {
 		for (const [key, config] of Object.entries(fields)) if (config.hidden || config.table?.hidden) hidden.add(key);
 	}
@@ -4715,10 +4765,16 @@ function ViewModal({ open, onOpenChange, variant, data, schema, fields: fieldCon
 *
 * 高级 CRUD 表格组件，封装了完整的增删改查流程
 */
-function AutoCrudTable({ title, description, schema, resource, fields, table: tableConfig, form: formConfig, slots }) {
+function AutoCrudTable({ title, description, schema, resource, fields, table: tableConfig, form: formConfig, slots, permissions }) {
+	const can = {
+		create: permissions?.can?.create ?? true,
+		update: permissions?.can?.update ?? true,
+		delete: permissions?.can?.delete ?? true,
+		export: permissions?.can?.export ?? true
+	};
 	const tableOverrides = buildTableOverrides(fields, tableConfig?.overrides);
 	const formOverrides = buildFormOverrides(fields, formConfig?.overrides);
-	const hiddenColumns = buildHiddenColumns(fields, tableConfig?.hidden);
+	const hiddenColumns = buildHiddenColumns(fields, tableConfig?.hidden, permissions?.deny);
 	const batchFields = buildBatchUpdateFields(schema, tableConfig?.batchFields, fields);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
@@ -4740,7 +4796,7 @@ 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, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+					children: [slots?.toolbarEnd, can.create && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
 						onClick: resource.handlers.openCreate,
 						children: "新建"
 					})]
@@ -4755,13 +4811,14 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 				filterMode: tableConfig?.filterModes,
 				actions: {
 					onView: resource.handlers.openView,
-					onEdit: resource.handlers.openEdit,
-					onCopy: resource.handlers.copyRow,
-					onDelete: resource.handlers.openDelete
+					onEdit: can.update ? resource.handlers.openEdit : void 0,
+					onCopy: can.create ? resource.handlers.copyRow : void 0,
+					onDelete: can.delete ? resource.handlers.openDelete : void 0
 				},
-				onDeleteSelected: resource.handlers.deleteMany,
-				onUpdateSelected: resource.handlers.updateMany,
-				batchUpdateFields: batchFields,
+				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
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CrudFormModal, {

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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";
@@ -164,6 +164,50 @@ declare function useAutoCrudResource<TSchema extends z.ZodObject<z.ZodRawShape>,
   options
 }: UseAutoCrudResourceParams<TSchema, TListItem>): UseAutoCrudResourceReturn<TSchema, TListItem>;
 //#endregion
+//#region src/types/permissions.d.ts
+/**
+ * CRUD 操作权限
+ * 控制工具栏按钮、行操作按钮、批量操作按钮的显示
+ */
+interface CrudOperationPermissions {
+  /** 是否允许创建（新建按钮、复制行操作） */
+  create?: boolean;
+  /** 是否允许更新（编辑按钮、批量更新） */
+  update?: boolean;
+  /** 是否允许删除（删除按钮、批量删除） */
+  delete?: boolean;
+  /** 是否允许导出 */
+  export?: boolean;
+}
+/**
+ * AutoCrudTable 权限配置
+ *
+ * @example
+ * ```tsx
+ * const permissions = useMemo(() => ({
+ *   can: {
+ *     create: user.role === 'admin',
+ *     update: user.role === 'admin' || user.role === 'editor',
+ *     delete: user.role === 'admin',
+ *     export: true,
+ *   },
+ *   deny: user.role === 'user' ? ['salary', 'ssn'] : [],
+ * }), [user.role]);
+ *
+ * <AutoCrudTable
+ *   schema={employeeSchema}
+ *   resource={resource}
+ *   permissions={permissions}
+ * />
+ * ```
+ */
+interface CrudPermissions {
+  /** 操作权限（默认全部为 true） */
+  can?: CrudOperationPermissions;
+  /** 禁止访问的字段列表（表格列和表单字段都会隐藏） */
+  deny?: string[];
+}
+//#endregion
 //#region src/components/auto-crud/auto-table-action-bar.d.ts
 /** 批量更新字段配置 */
 interface BatchUpdateField {
@@ -199,7 +243,7 @@ declare function AutoTableActionBar<TData>({
   enableExport,
   enableDelete,
   extraActions
-}: AutoTableActionBarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -323,6 +367,8 @@ interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> {
   actionBarExtra?: React.ReactNode;
   /** 初始排序 */
   initialSorting?: any[];
+  /** 是否启用导出功能 (默认 true) */
+  enableExport?: boolean;
 }
 declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   schema,
@@ -338,8 +384,9 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   onUpdateSelected,
   batchUpdateFields,
   actionBarExtra,
-  initialSorting
-}: AutoTableProps<T>): react_jsx_runtime2.JSX.Element;
+  initialSorting,
+  enableExport
+}: AutoTableProps<T>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-crud-table.d.ts
 /**
@@ -430,6 +477,26 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
       onClick: () => void;
     }>;
   };
+  /**
+   * 权限配置
+   * 控制按钮显示和字段访问
+   *
+   * @example
+   * ```tsx
+   * const permissions = useMemo(() => ({
+   *   can: {
+   *     create: user.role === 'admin',
+   *     update: user.role === 'admin' || user.role === 'editor',
+   *     delete: user.role === 'admin',
+   *     export: true,
+   *   },
+   *   deny: user.role === 'user' ? ['salary', 'ssn'] : [],
+   * }), [user.role]);
+   *
+   * <AutoCrudTable permissions={permissions} ... />
+   * ```
+   */
+  permissions?: CrudPermissions;
 }
 /**
  * AutoCrudTable 组件
@@ -444,8 +511,9 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   fields,
   table: tableConfig,
   form: formConfig,
-  slots
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime2.JSX.Element;
+  slots,
+  permissions
+}: AutoCrudTableProps<TSchema>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
@@ -477,7 +545,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_runtime3.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -691,12 +759,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";
@@ -772,7 +840,7 @@ declare function AutoTableSimpleFilters<TData>({
   shallow,
   filters: externalFilters,
   onFiltersChange
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime2.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime3.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = "dialog" | "sheet";
@@ -807,7 +875,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   title,
   labelAlign,
   labelWidth
-}: CrudFormModalProps<T>): react_jsx_runtime2.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table.d.ts
 interface DataTableProps<TData> extends React$1.ComponentProps<"div"> {
@@ -820,7 +888,7 @@ declare function DataTable<TData>({
   children,
   className,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableProps<TData>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -831,7 +899,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -843,7 +911,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -857,7 +925,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<"div"> {
@@ -869,7 +937,7 @@ declare function DataTablePagination<TData>({
   pageSizeOptions,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -880,7 +948,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime3.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends React$1.ComponentProps<typeof PopoverContent> {
@@ -891,7 +959,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime2.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime3.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">> {
@@ -1162,4 +1230,4 @@ declare function formatDate(date: Date | string | number | undefined, opts?: Int
  */
 declare function humanize(str: string): string;
 //#endregion
-export { type ActionsColumnConfig, AutoCrudTable, type AutoCrudTableProps, AutoForm, AutoTable, AutoTableActionBar, AutoTableSimpleFilters, type ColumnOverrides, type CreateFormSchemaOptions, type CreateTableSchemaOptions, CrudFormModal, type CrudHooks, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldType, type Fields, FilterOperator, type FilterVariant, type FormSchemaOverrides, type JSONSchema, type JSONSchemaProperty, JoinOperator, type ListParams, type ListResult, Option, type ParsedZodField, type Parser, QueryKeys, SchemaAdapter, type SimpleFieldConfig, type SimpleFieldsConfig, type ToastAdapter, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, cn, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, formatDate, getUrlParams, humanize, noopToastAdapter, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseZodField, setSearchParams, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates };
+export { type ActionsColumnConfig, AutoCrudTable, type AutoCrudTableProps, AutoForm, AutoTable, AutoTableActionBar, AutoTableSimpleFilters, type ColumnOverrides, type CreateFormSchemaOptions, type CreateTableSchemaOptions, CrudFormModal, type CrudHooks, type CrudOperationPermissions, type CrudPermissions, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldType, type Fields, FilterOperator, type FilterVariant, type FormSchemaOverrides, type JSONSchema, type JSONSchemaProperty, JoinOperator, type ListParams, type ListResult, Option, type ParsedZodField, type Parser, QueryKeys, SchemaAdapter, type SimpleFieldConfig, type SimpleFieldsConfig, type ToastAdapter, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, cn, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, formatDate, getUrlParams, humanize, noopToastAdapter, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseZodField, setSearchParams, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates };

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_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { z } from "zod";
 import { ISchema } from "@formily/json-schema";
 
@@ -164,6 +164,50 @@ declare function useAutoCrudResource<TSchema extends z.ZodObject<z.ZodRawShape>,
   options
 }: UseAutoCrudResourceParams<TSchema, TListItem>): UseAutoCrudResourceReturn<TSchema, TListItem>;
 //#endregion
+//#region src/types/permissions.d.ts
+/**
+ * CRUD 操作权限
+ * 控制工具栏按钮、行操作按钮、批量操作按钮的显示
+ */
+interface CrudOperationPermissions {
+  /** 是否允许创建（新建按钮、复制行操作） */
+  create?: boolean;
+  /** 是否允许更新（编辑按钮、批量更新） */
+  update?: boolean;
+  /** 是否允许删除（删除按钮、批量删除） */
+  delete?: boolean;
+  /** 是否允许导出 */
+  export?: boolean;
+}
+/**
+ * AutoCrudTable 权限配置
+ *
+ * @example
+ * ```tsx
+ * const permissions = useMemo(() => ({
+ *   can: {
+ *     create: user.role === 'admin',
+ *     update: user.role === 'admin' || user.role === 'editor',
+ *     delete: user.role === 'admin',
+ *     export: true,
+ *   },
+ *   deny: user.role === 'user' ? ['salary', 'ssn'] : [],
+ * }), [user.role]);
+ *
+ * <AutoCrudTable
+ *   schema={employeeSchema}
+ *   resource={resource}
+ *   permissions={permissions}
+ * />
+ * ```
+ */
+interface CrudPermissions {
+  /** 操作权限（默认全部为 true） */
+  can?: CrudOperationPermissions;
+  /** 禁止访问的字段列表（表格列和表单字段都会隐藏） */
+  deny?: string[];
+}
+//#endregion
 //#region src/components/auto-crud/auto-table-action-bar.d.ts
 /** 批量更新字段配置 */
 interface BatchUpdateField {
@@ -199,7 +243,7 @@ declare function AutoTableActionBar<TData>({
   enableExport,
   enableDelete,
   extraActions
-}: AutoTableActionBarProps<TData>): react_jsx_runtime7.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -323,6 +367,8 @@ interface AutoTableProps<T extends z.ZodObject<z.ZodRawShape>> {
   actionBarExtra?: React.ReactNode;
   /** 初始排序 */
   initialSorting?: any[];
+  /** 是否启用导出功能 (默认 true) */
+  enableExport?: boolean;
 }
 declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   schema,
@@ -338,8 +384,9 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   onUpdateSelected,
   batchUpdateFields,
   actionBarExtra,
-  initialSorting
-}: AutoTableProps<T>): react_jsx_runtime7.JSX.Element;
+  initialSorting,
+  enableExport
+}: AutoTableProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-crud-table.d.ts
 /**
@@ -430,6 +477,26 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
       onClick: () => void;
     }>;
   };
+  /**
+   * 权限配置
+   * 控制按钮显示和字段访问
+   *
+   * @example
+   * ```tsx
+   * const permissions = useMemo(() => ({
+   *   can: {
+   *     create: user.role === 'admin',
+   *     update: user.role === 'admin' || user.role === 'editor',
+   *     delete: user.role === 'admin',
+   *     export: true,
+   *   },
+   *   deny: user.role === 'user' ? ['salary', 'ssn'] : [],
+   * }), [user.role]);
+   *
+   * <AutoCrudTable permissions={permissions} ... />
+   * ```
+   */
+  permissions?: CrudPermissions;
 }
 /**
  * AutoCrudTable 组件
@@ -444,8 +511,9 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   fields,
   table: tableConfig,
   form: formConfig,
-  slots
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime7.JSX.Element;
+  slots,
+  permissions
+}: AutoCrudTableProps<TSchema>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
@@ -477,7 +545,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime7.JSX.Element;
+}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime2.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -691,12 +759,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";
@@ -772,7 +840,7 @@ declare function AutoTableSimpleFilters<TData>({
   shallow,
   filters: externalFilters,
   onFiltersChange
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime7.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime2.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = "dialog" | "sheet";
@@ -807,7 +875,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   title,
   labelAlign,
   labelWidth
-}: CrudFormModalProps<T>): react_jsx_runtime7.JSX.Element;
+}: CrudFormModalProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table.d.ts
 interface DataTableProps<TData> extends React$1.ComponentProps<"div"> {
@@ -820,7 +888,7 @@ declare function DataTable<TData>({
   children,
   className,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime7.JSX.Element;
+}: DataTableProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -831,7 +899,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime7.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -843,7 +911,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime7.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -857,7 +925,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime7.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<"div"> {
@@ -869,7 +937,7 @@ declare function DataTablePagination<TData>({
   pageSizeOptions,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime7.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<"div"> {
@@ -880,7 +948,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime7.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends React$1.ComponentProps<typeof PopoverContent> {
@@ -891,7 +959,7 @@ declare function DataTableViewOptions<TData>({
   table,
   disabled,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime7.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime2.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">> {
@@ -1162,4 +1230,4 @@ declare function formatDate(date: Date | string | number | undefined, opts?: Int
  */
 declare function humanize(str: string): string;
 //#endregion
-export { type ActionsColumnConfig, AutoCrudTable, type AutoCrudTableProps, AutoForm, AutoTable, AutoTableActionBar, AutoTableSimpleFilters, type ColumnOverrides, type CreateFormSchemaOptions, type CreateTableSchemaOptions, CrudFormModal, type CrudHooks, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldType, type Fields, FilterOperator, type FilterVariant, type FormSchemaOverrides, type JSONSchema, type JSONSchemaProperty, JoinOperator, type ListParams, type ListResult, Option, type ParsedZodField, type Parser, QueryKeys, SchemaAdapter, type SimpleFieldConfig, type SimpleFieldsConfig, type ToastAdapter, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, cn, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, formatDate, getUrlParams, humanize, noopToastAdapter, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseZodField, setSearchParams, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates };
+export { type ActionsColumnConfig, AutoCrudTable, type AutoCrudTableProps, AutoForm, AutoTable, AutoTableActionBar, AutoTableSimpleFilters, type ColumnOverrides, type CreateFormSchemaOptions, type CreateTableSchemaOptions, CrudFormModal, type CrudHooks, type CrudOperationPermissions, type CrudPermissions, type DataSource, DataTable, DataTableAdvancedToolbar, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableRowAction, DataTableToolbar, DataTableViewOptions, type EnumOption, ExtendedColumnFilter, ExtendedColumnSort, type Field, type FieldType, type Fields, FilterOperator, type FilterVariant, type FormSchemaOverrides, type JSONSchema, type JSONSchemaProperty, JoinOperator, type ListParams, type ListResult, Option, type ParsedZodField, type Parser, QueryKeys, SchemaAdapter, type SimpleFieldConfig, type SimpleFieldsConfig, type ToastAdapter, type UnifiedField, type UnifiedSchema, type UrlStateOptions, type UseAutoCrudResourceOptions, cn, createActionsColumn, createEditFormSchema, createFormSchema, createMemoryDataSource, createSelectColumn, createTRPCDataSource, createTableSchema, formatDate, getUrlParams, humanize, noopToastAdapter, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum, parseZodField, setSearchParams, useAutoCrudResource, useDataTable, useQueryState, useQueryStates, useReadableFilters, useUrlState, useUrlStates };

package/dist/index.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useReducer, useRef, useState } from "react";
 import { ArrowDownUp, BadgeCheck, CalendarIcon, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, CommandIcon, Download, Ellipsis, EyeOff, FileSpreadsheetIcon, GripVertical, ListFilter, ListFilterIcon, PlusCircle, Settings2, Text, Trash2, X, XCircle } from "lucide-react";
 import { flexRender, getCoreRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, Calendar, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, Slider, Switch, Table as Table$1, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@pixpilot/shadcn";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, Calendar, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, Slider, Switch } from "@pixpilot/shadcn";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -127,6 +127,55 @@ function DataTablePagination({ table, pageSizeOptions = [
 	});
 }
 
+//#endregion
+//#region src/components/ui/table.tsx
+function Table$1({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className,...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableRow({ className,...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+		...props
+	});
+}
+function TableHead({ className,...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+function TableCell({ className,...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+
 //#endregion
 //#region src/config/data-table.ts
 const dataTableConfig = {
@@ -4159,7 +4208,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 }) {
+function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection = true, exclude, actions, pinnedColumns, filterMode = "simple", onDeleteSelected, onUpdateSelected, batchUpdateFields, actionBarExtra, initialSorting, enableExport = true }) {
 	const modes = filterMode ? Array.isArray(filterMode) ? filterMode : [filterMode] : [
 		"simple",
 		"advanced",
@@ -4276,6 +4325,7 @@ function AutoTable({ schema, data, pageCount = 1, overrides, enableRowSelection
 				onUpdateSelected,
 				batchUpdateFields,
 				enableDelete: !!onDeleteSelected,
+				enableExport,
 				extraActions: actionBarExtra
 			})
 		]
@@ -4557,8 +4607,8 @@ function buildFormOverrides(fields, legacyOverrides) {
 /**
 * 从统一配置生成隐藏列列表
 */
-function buildHiddenColumns(fields, legacyHidden) {
-	const hidden = new Set(legacyHidden ?? []);
+function buildHiddenColumns(fields, legacyHidden, denyFields) {
+	const hidden = new Set([...legacyHidden ?? [], ...denyFields ?? []]);
 	if (fields) {
 		for (const [key, config] of Object.entries(fields)) if (config.hidden || config.table?.hidden) hidden.add(key);
 	}
@@ -4673,10 +4723,16 @@ function ViewModal({ open, onOpenChange, variant, data, schema, fields: fieldCon
 *
 * 高级 CRUD 表格组件，封装了完整的增删改查流程
 */
-function AutoCrudTable({ title, description, schema, resource, fields, table: tableConfig, form: formConfig, slots }) {
+function AutoCrudTable({ title, description, schema, resource, fields, table: tableConfig, form: formConfig, slots, permissions }) {
+	const can = {
+		create: permissions?.can?.create ?? true,
+		update: permissions?.can?.update ?? true,
+		delete: permissions?.can?.delete ?? true,
+		export: permissions?.can?.export ?? true
+	};
 	const tableOverrides = buildTableOverrides(fields, tableConfig?.overrides);
 	const formOverrides = buildFormOverrides(fields, formConfig?.overrides);
-	const hiddenColumns = buildHiddenColumns(fields, tableConfig?.hidden);
+	const hiddenColumns = buildHiddenColumns(fields, tableConfig?.hidden, permissions?.deny);
 	const batchFields = buildBatchUpdateFields(schema, tableConfig?.batchFields, fields);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
@@ -4698,7 +4754,7 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 					children: slots?.toolbarStart
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-2",
-					children: [slots?.toolbarEnd, /* @__PURE__ */ jsx(Button, {
+					children: [slots?.toolbarEnd, can.create && /* @__PURE__ */ jsx(Button, {
 						onClick: resource.handlers.openCreate,
 						children: "新建"
 					})]
@@ -4713,13 +4769,14 @@ function AutoCrudTable({ title, description, schema, resource, fields, table: ta
 				filterMode: tableConfig?.filterModes,
 				actions: {
 					onView: resource.handlers.openView,
-					onEdit: resource.handlers.openEdit,
-					onCopy: resource.handlers.copyRow,
-					onDelete: resource.handlers.openDelete
+					onEdit: can.update ? resource.handlers.openEdit : void 0,
+					onCopy: can.create ? resource.handlers.copyRow : void 0,
+					onDelete: can.delete ? resource.handlers.openDelete : void 0
 				},
-				onDeleteSelected: resource.handlers.deleteMany,
-				onUpdateSelected: resource.handlers.updateMany,
-				batchUpdateFields: batchFields,
+				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
 			}),
 			/* @__PURE__ */ jsx(CrudFormModal, {

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@wordrhyme/auto-crud",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.4.1",
+  "packageManager": "pnpm@10.25.0",
   "description": "Schema-first CRUD components with auto-generated tables and forms",
   "author": "wordrhyme",
   "license": "MIT",
@@ -26,6 +27,20 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "prepublishOnly": "pnpm run clean && pnpm run build",
+    "clean": "git clean -xdf .cache .turbo dist",
+    "clean:all": "git clean -xdf .cache .turbo dist node_modules",
+    "build": "tsdown",
+    "build:watch": "tsdown --watch",
+    "test": "vitest --run --passWithNoTests",
+    "test:watch": "vitest --watch",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint",
+    "format": "prettier --check . --ignore-path ../../.gitignore --ignore-path ../../.prettierignore"
+  },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
@@ -41,6 +56,9 @@
     "@formily/json-schema": "^2.3.7",
     "@formily/react": "^2.3.7",
     "@formily/reactive": "^2.3.7",
+    "@pixpilot/formily-shadcn": "workspace:*",
+    "@pixpilot/shadcn": "workspace:*",
+    "@pixpilot/shadcn-ui": "workspace:*",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -59,46 +77,30 @@
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.18",
     "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
+    "clsx": "catalog:prod",
     "cmdk": "^1.1.1",
-    "lucide-react": "0.553.0",
+    "lucide-react": "catalog:prod",
     "nanoid": "^5.1.6",
-    "tailwind-merge": "^3.4.0",
-    "vaul": "^1.1.2",
-    "@pixpilot/formily-shadcn": "0.44.3",
-    "@pixpilot/shadcn": "0.9.0",
-    "@pixpilot/shadcn-ui": "0.47.0"
+    "tailwind-merge": "catalog:prod",
+    "vaul": "^1.1.2"
   },
   "devDependencies": {
+    "@internal/eslint-config": "workspace:*",
+    "@internal/prettier-config": "workspace:*",
+    "@internal/tsconfig": "workspace:*",
+    "@internal/tsdown-config": "workspace:*",
+    "@internal/vitest-config": "workspace:*",
     "@tanstack/react-query": "^5.90.15",
     "@trpc/server": "^11.0.0",
-    "@types/node": "^22.19.3",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
+    "@types/node": "catalog:dev",
+    "@types/react": "catalog:dev",
+    "@types/react-dom": "catalog:dev",
     "drizzle-orm": "^0.45.1",
-    "eslint": "^9.39.2",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "tsdown": "^0.15.12",
-    "typescript": "^5.9.3",
-    "@internal/eslint-config": "0.3.0",
-    "@internal/tsconfig": "0.1.0",
-    "@internal/tsdown-config": "0.1.0",
-    "@internal/vitest-config": "0.1.0",
-    "@internal/prettier-config": "0.0.1"
+    "eslint": "catalog:dev",
+    "react": "catalog:prod",
+    "react-dom": "catalog:prod",
+    "tsdown": "catalog:dev",
+    "typescript": "catalog:dev"
   },
-  "prettier": "@internal/prettier-config",
-  "scripts": {
-    "clean": "git clean -xdf .cache .turbo dist",
-    "clean:all": "git clean -xdf .cache .turbo dist node_modules",
-    "build": "tsdown",
-    "build:watch": "tsdown --watch",
-    "test": "vitest --run --passWithNoTests",
-    "test:watch": "vitest --watch",
-    "test:ui": "vitest --ui",
-    "test:coverage": "vitest --coverage",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint",
-    "format": "prettier --check . --ignore-path ../../.gitignore --ignore-path ../../.prettierignore"
-  }
-}
+  "prettier": "@internal/prettier-config"
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Pixpilot
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.