xph-crud 0.0.1 → 0.0.2

package/dist/types/common/index.d.ts

@@ -1,3 +1,4 @@
 export * from './src/utils';
 export * from './src/componnets';
 export * from './src/hooks';
+export * from './src/types';

package/dist/types/common/src/componnets/actions/actions.d.ts

@@ -1,4 +1,5 @@
 import { IActionsProps } from './types';
+import { TXphExtendComponentPropsMap } from '../../types';
 
-declare const Actions: (props: IActionsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Actions: <T extends TXphExtendComponentPropsMap = {}>(props: IActionsProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Actions;

package/dist/types/common/src/componnets/actions/components/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-import { TComponentType } from '../types';
 
-declare const componentMap: Map<keyof TComponentType, React.FC<any>>;
+declare const componentMap: Map<"Button" | "Dropdown", React.FC<any>>;
 export { componentMap };

package/dist/types/common/src/componnets/actions/hooks/useActionsProps.d.ts

@@ -1,5 +1,6 @@
 import { IActionsProps } from '../types';
+import { TXphExtendComponentPropsMap } from '../../../types';
 
-export default function useActionsProps(props: IActionsProps): {
-    actionsProps: IActionsProps;
+export default function useActionsProps<T extends TXphExtendComponentPropsMap>(props: IActionsProps<T>): {
+    actionsProps: IActionsProps<{}>;
 };

package/dist/types/common/src/componnets/actions/hooks/useExtendActions.d.ts

@@ -1,5 +1,5 @@
 declare const useExtendActions: () => {
-    extendActionsProps: import('../types').IActionsProps | undefined;
+    extendActionsProps: import('../types').IActionsProps<{}> | undefined;
     setExtendActionsComp: (componentMap: Map<any, React.FC<any>>) => void;
 };
 export default useExtendActions;

package/dist/types/common/src/componnets/actions/types/actionItem.d.ts

@@ -1,13 +1,14 @@
 import { ButtonProps, MenuProps } from 'antd';
+import { TXphExtendComponentPropsMap } from '../../../types';
 
 export interface IBaseActionProps {
     /** 唯一标识 */
     key?: string;
 }
-export type TComponentType = {
+export type TComponentType<T extends TXphExtendComponentPropsMap = {}> = {
     Button: IButtonProps;
     Dropdown: IDropdownProps;
-};
+} & T;
 interface IButtonProps extends ButtonProps {
 }
 interface IDropdownProps extends Omit<ButtonProps, "onClick"> {
@@ -21,11 +22,11 @@ interface IDropdownProps extends Omit<ButtonProps, "onClick"> {
     onClick: MenuProps["onClick"];
 }
 /** 组件类型 */
-export interface IComponentActionProps<T extends keyof TComponentType> extends IBaseActionProps {
+export interface IComponentActionProps<T extends keyof TComponentType<K>, K extends TXphExtendComponentPropsMap = {}> extends IBaseActionProps {
     /** 组件 */
     component: T;
     /** 组件属性 */
-    componentProps?: TComponentType[T];
+    componentProps?: TComponentType<K>[T];
 }
 /** 自定义内容 */
 export interface IRenderActionProps extends IBaseActionProps {
@@ -56,9 +57,11 @@ type Without<T, K> = {
 综上所述，这个 `XOR` 类型的定义通过条件类型实现了对多个类型的互斥组合，并确保在同一时间只能使用其中一个类型。
  */
 type XOR<T extends any[]> = T extends [infer A, infer B, ...infer Rest] ? A | B extends object ? (Without<A, keyof B> & B) | (Without<B, keyof A> & A) | XOR<[A | B, ...Rest]> : A | B : T extends [infer A] ? A : never;
-export type TActionItemProps = XOR<[
-    IComponentActionProps<"Button">,
-    IComponentActionProps<"Dropdown">,
+type TMapComponentActionProps<T extends TXphExtendComponentPropsMap> = {
+    [K in keyof TComponentType<T>]: IComponentActionProps<K, T>;
+}[keyof TComponentType<T>];
+export type TActionItemProps<T extends TXphExtendComponentPropsMap = {}> = XOR<[
+    TMapComponentActionProps<T>,
     IRenderActionProps
 ]>;
 /** 判断是哪种类型的action */

package/dist/types/common/src/componnets/actions/types/actions.d.ts

@@ -1,11 +1,12 @@
 import { TActionItemProps } from './actionItem';
 import { ButtonProps } from 'antd/lib/button';
+import { TXphExtendComponentPropsMap } from '../../../types';
 
-export interface IActionsProps {
+export interface IActionsProps<T extends TXphExtendComponentPropsMap = {}> {
     /** 类型 */
     type?: ButtonProps["type"];
     /** 操作项 */
-    items?: TActionItemProps[];
+    items?: TActionItemProps<T>[];
     /** 禁用（items中的componentProps的disabled优先级最高） */
     disabled?: boolean;
     /** 自定义内容（items的优先级高于render） */

package/dist/types/common/src/types/extendComponent.d.ts

@@ -0,0 +1,2 @@
+/** 扩展组件的props映射（共用） */
+export type TExtendComponentPropsMap = Record<string, any>;

package/dist/types/common/src/types/index.d.ts

@@ -0,0 +1,3 @@
+import { TExtendComponentPropsMap as TXphExtendComponentPropsMap } from './extendComponent';
+
+export { TXphExtendComponentPropsMap };

package/dist/types/form/src/components/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-import { TComponentPropsMap } from '../types';
 
-declare const componentMap: Map<keyof TComponentPropsMap, React.FC<any>>;
+declare const componentMap: Map<"Button" | "Select" | "Input" | "InputNumber" | "TreeSelect" | "Transfer" | "Switch" | "Radio" | "RadioGroup" | "Checkbox" | "CheckboxGroup" | "Cascader" | "TimePicker" | "DatePicker" | "MonthPicker" | "WeekPicker" | "RangePicker" | "InputPassword" | "InputTextArea" | "AutoComplete" | "Upload" | "ApiSelect" | "ApiTreeSelect" | "ApiTransfer" | "ApiAutoComplete" | "AutoUpload", React.FC<any>>;
 export { componentMap };

package/dist/types/form/src/form.d.ts

@@ -1,8 +1,9 @@
 import { IFormProps, IFormActionType } from './types';
-import { ForwardedRef } from 'react';
+import { default as React, ForwardedRef } from 'react';
+import { TXphExtendComponentPropsMap } from '../../common';
 
 declare const XphForm: (props: IFormProps, ref: ForwardedRef<IFormActionType>) => import("react/jsx-runtime").JSX.Element;
-declare const ForwardedXphForm: (props: IFormProps & {
-    ref?: ForwardedRef<IFormActionType>;
+declare const ForwardedXphForm: <T extends TXphExtendComponentPropsMap = {}>(props: IFormProps<T> & {
+    ref?: React.ForwardedRef<IFormActionType> | undefined;
 }) => ReturnType<typeof XphForm>;
 export default ForwardedXphForm;

package/dist/types/form/src/hooks/useExtendForm.d.ts

@@ -1,5 +1,5 @@
 declare const useExtendForm: () => {
-    extendFormProps: import('../types').IFormProps | undefined;
+    extendFormProps: import('../types').IFormProps<{}> | undefined;
     setExtendFormComp: (componentMap: Map<any, React.FC<any>>) => void;
 };
 export default useExtendForm;

package/dist/types/form/src/hooks/useFormItem.d.ts

@@ -31,10 +31,6 @@ export declare const useFormItemColProps: (itemProps: TFormItemProps, formProps:
 declare const useFormItem: ({ formProps }: {
     formProps: IFormProps;
 }) => {
-    formItems: (({
-        render?: undefined;
-    } & import('../types').IComponentFormItemProps) | ({
-        component?: undefined;
-    } & import('../types').IRenderFormItemProps))[];
+    formItems: TFormItemProps[];
 };
 export default useFormItem;

package/dist/types/form/src/hooks/useFormProps.d.ts

@@ -1,6 +1,6 @@
 import { IFormProps } from '../types';
 
 declare const useFormPorps: (formProps: IFormProps) => {
-    formProps: IFormProps;
+    formProps: IFormProps<{}>;
 };
 export default useFormPorps;

package/dist/types/form/src/types/component.d.ts

@@ -4,8 +4,9 @@ import { IApiTreeSelectProps } from '../components/ApiTreeSelect';
 import { IApiTransferProps } from '../components/ApiTransfer';
 import { IApiAutoCompleteProps } from '../components/ApiAutoComplete';
 import { IAutoUploadProps } from '../components/AutoUpload';
+import { TXphExtendComponentPropsMap } from '../../../common';
 
-export type TComponentPropsMap = {
+export type TComponentPropsMap<T extends TXphExtendComponentPropsMap = {}> = {
     Select: SelectProps;
     Input: InputProps;
     InputNumber: InputNumberProps;
@@ -32,4 +33,4 @@ export type TComponentPropsMap = {
     ApiTransfer: IApiTransferProps;
     ApiAutoComplete: IApiAutoCompleteProps;
     AutoUpload: IAutoUploadProps;
-};
+} & T;

package/dist/types/form/src/types/form.d.ts

@@ -1,12 +1,13 @@
 import { TFormItemProps, Recordable } from './formItem';
 import { ColProps } from 'antd';
 import { NamePath } from 'antd/lib/form/interface';
+import { TXphExtendComponentPropsMap } from '../../../common';
 
 export interface IRegister {
     (methods: IFormActionType): void;
 }
-export interface IFormProps {
-    items: TFormItemProps[] /** 表单项配置集合 */;
+export interface IFormProps<T extends TXphExtendComponentPropsMap = {}> {
+    items: TFormItemProps<T>[] /** 表单项配置集合 */;
     /**
      * @description 表单布局方式（默认horizontal）
      * @description 排除了antd的inline，因为可以使用colProps实现inline布局

package/dist/types/form/src/types/formItem.d.ts

@@ -3,6 +3,7 @@ import { Rule } from 'antd/es/form';
 import { default as React } from 'react';
 import { ColProps } from 'antd';
 import { IFormActionType } from './form';
+import { TXphExtendComponentPropsMap } from '../../../common';
 
 /**
  * 字符串类型对象
@@ -41,14 +42,14 @@ export interface IRenderFormItemProps extends IBaseFormItemProps {
     render: (props: IFRenderProps) => React.ReactNode /** 自定义渲染组件 */;
 }
 /** component props */
-export interface IComponentFormItemProps extends IBaseFormItemProps {
-    component: keyof TComponentPropsMap /** 映射组件 */;
+export interface IComponentFormItemProps<T extends TXphExtendComponentPropsMap = {}> extends IBaseFormItemProps {
+    component: keyof TComponentPropsMap<T> /** 映射组件 */;
 }
 type Without<T, K> = {
     [P in Exclude<keyof T, K>]?: never;
 };
 type XOR<T, U> = T | U extends object ? (Without<T, keyof U> & U) | (Without<U, keyof T> & T) : T | U;
-export type TFormItemProps = XOR<IRenderFormItemProps, IComponentFormItemProps>;
+export type TFormItemProps<T extends TXphExtendComponentPropsMap = {}> = XOR<IRenderFormItemProps, IComponentFormItemProps<T>>;
 export declare function isComponentFormItemProps(item: TFormItemProps): item is IComponentFormItemProps;
 export declare function isRenderFormItemProps(item: TFormItemProps): item is IRenderFormItemProps;
 export {};

package/dist/types/table/src/components/searchForm/index.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { TTableActionType, TSearchFormActionType } from '../../types';
 
-declare const SearchForm: import('react').ForwardRefExoticComponent<import('../../../..').IXphFormProps & {
+declare const SearchForm: import('react').ForwardRefExoticComponent<import('../../../..').IXphFormProps<{}> & {
     showSearch?: boolean | undefined;
 } & {
     tableRef: RefObject<TTableActionType>;

package/dist/types/table/src/components/table/components/cellFunc/cellFunc.d.ts

@@ -1,5 +1,5 @@
 import { ICellFuncProps } from './types';
 
-/** CellFunc需循环处理组件(这个是一个递归组件) */
+/** CellFunc需循环处理组件(这个是一个遍历的组件) */
 declare const CellFunc: (props: ICellFuncProps) => import("react/jsx-runtime").JSX.Element;
 export default CellFunc;

package/dist/types/table/src/components/table/components/cellFunc/components/actions.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { ICurCellFuncProps, IMainProps } from '../types';
 
-declare const Actions: (Comp: React.ReactElement, curCellFuncProps: ICurCellFuncProps<"actions">, mainProps: IMainProps) => import("react/jsx-runtime").JSX.Element;
+declare const Actions: (Comp: React.ReactElement, curCellFuncProps: ICurCellFuncProps<{}, {}, "actions">, mainProps: IMainProps) => import("react/jsx-runtime").JSX.Element;
 export default Actions;

package/dist/types/table/src/components/table/components/cellFunc/components/index.d.ts

@@ -2,11 +2,11 @@
 declare const cellComponentMap: {
     /** 超链接 */
     link: {
-        Comp: (Comp: import('react').JSXElementConstructor<any>, curCellFuncProps: import('../types').ICurCellFuncProps<"link">, mainProps: import('../types').IMainProps) => import("react/jsx-runtime").JSX.Element;
+        Comp: (Comp: import('react').JSXElementConstructor<any>, curCellFuncProps: import('../types').ICurCellFuncProps<{}, {}, "link">, mainProps: import('../types').IMainProps) => import("react/jsx-runtime").JSX.Element;
     };
     /** 操作组 */
     actions: {
-        Comp: (Comp: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, curCellFuncProps: import('../types').ICurCellFuncProps<"actions">, mainProps: import('../types').IMainProps) => import("react/jsx-runtime").JSX.Element;
+        Comp: (Comp: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, curCellFuncProps: import('../types').ICurCellFuncProps<{}, {}, "actions">, mainProps: import('../types').IMainProps) => import("react/jsx-runtime").JSX.Element;
     };
 };
 export { cellComponentMap };

package/dist/types/table/src/components/table/components/cellFunc/components/link.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { ICurCellFuncProps, IMainProps } from '../types';
 
-declare const Link: (Comp: React.JSXElementConstructor<any>, curCellFuncProps: ICurCellFuncProps<"link">, mainProps: IMainProps) => import("react/jsx-runtime").JSX.Element;
+declare const Link: (Comp: React.JSXElementConstructor<any>, curCellFuncProps: ICurCellFuncProps<{}, {}, "link">, mainProps: IMainProps) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/dist/types/table/src/components/table/components/cellFunc/types/cellFunc.d.ts

@@ -1,24 +1,37 @@
-import { IXphActionsProps } from '../../../../../../../common';
+import { IXphActionsProps, TXphExtendComponentPropsMap } from '../../../../../../../common';
 
-export type TCellComponentType = "link" | "actions";
 /** cellFunc中每一项对应的组件componentProps属性映射  */
-export interface ICellComponentPropsMap {
+export type TCellComponentPropsMap<CellFuncExtendPropsMap extends TXphExtendComponentPropsMap = {}, ActionsExtendPropsMap extends TXphExtendComponentPropsMap = {}> = {
     link: {
         /** 超链接，点击超链接跳转 */
         url?: string;
         /** 点击事件（优先级最高） */
         onClick?: () => void;
     };
-    actions: IXphActionsProps;
-}
+    actions: IXphActionsProps<ActionsExtendPropsMap>;
+} & CellFuncExtendPropsMap;
+type Without<T, K> = {
+    [P in Exclude<keyof T, K>]?: never;
+};
+type XOR<T extends any[]> = T extends [infer A, infer B, ...infer Rest] ? A | B extends object ? (Without<A, keyof B> & B) | (Without<B, keyof A> & A) | XOR<[A | B, ...Rest]> : A | B : T extends [infer A] ? A : never;
 /** cellFunc中每一项的配置  */
-export interface ICellProps<T extends TCellComponentType = TCellComponentType> {
+interface ICellProps<T extends keyof TCellComponentPropsMap<J, K>, J extends TXphExtendComponentPropsMap = {}, K extends TXphExtendComponentPropsMap = {}> {
     component: T;
-    componentProps?: ICellComponentPropsMap[T];
+    componentProps?: TCellComponentPropsMap<J, K>[T];
 }
+type TCellFuncPropsMap<J extends TXphExtendComponentPropsMap = {}, K extends TXphExtendComponentPropsMap = {}> = {
+    [T in keyof TCellComponentPropsMap<J, K>]: ICellProps<T, J, K>;
+}[keyof TCellComponentPropsMap<J, K>];
+export type TCellProps<J extends TXphExtendComponentPropsMap = {}, K extends TXphExtendComponentPropsMap = {}> = XOR<[TCellFuncPropsMap<J, K>]>;
 /** CellFunc组件的props */
-export interface ICellFuncProps<T = unknown, U extends TCellComponentType = TCellComponentType> {
-    dslConfig: ICellProps<U>[];
+export interface ICellFuncProps<
+/** 行数据类型 */
+T = unknown, 
+/** 单元格的扩展组件props映射 */
+J extends TXphExtendComponentPropsMap = {}, 
+/** 操作组的扩展组件props映射 */
+K extends TXphExtendComponentPropsMap = {}> {
+    dslConfig: TCellProps<J, K>[];
     renderPrams: {
         text: any;
         record: T;
@@ -26,9 +39,9 @@ export interface ICellFuncProps<T = unknown, U extends TCellComponentType = TCel
     };
 }
 /** cellFunc中每一项对应的组件的props */
-export interface ICurCellFuncProps<T extends TCellComponentType = TCellComponentType> {
-    curComponentProps?: ICellComponentPropsMap[T];
-    cellFuncProps: ICellFuncProps<unknown, T>;
+export interface ICurCellFuncProps<J extends TXphExtendComponentPropsMap = {}, K extends TXphExtendComponentPropsMap = {}, T extends keyof TCellComponentPropsMap<J, K> = keyof TCellComponentPropsMap<J, K>> {
+    curComponentProps?: TCellComponentPropsMap<J, K>[T];
+    cellFuncProps: ICellFuncProps<unknown, J, K>;
 }
 /**
  *
@@ -41,3 +54,4 @@ export interface IMainProps {
     mainClick?: () => void;
     mainStyle?: React.CSSProperties;
 }
+export {};

package/dist/types/table/src/hooks/useSearchForm.d.ts

@@ -2,5 +2,5 @@ import { TTableProps, TSearchFormActionType } from '../types';
 
 export default function useSearchForm({ searchForm }: TTableProps): {
     searchFormRef: import('react').RefObject<TSearchFormActionType>;
-    searchFormProps: import('../types').TSearchFormProps | undefined;
+    searchFormProps: import('../types').TSearchFormProps<{}> | undefined;
 };

package/dist/types/table/src/table.d.ts

@@ -1,8 +1,9 @@
 import { ForwardedRef } from 'react';
 import { TTableProps, TTableActionType, TDataSourceItem } from './types';
+import { TXphExtendComponentPropsMap } from '../../common';
 
 declare const XphTable: <T extends TDataSourceItem>(props: TTableProps<T>, ref: ForwardedRef<TTableActionType>) => import("react/jsx-runtime").JSX.Element;
-declare const ForwardedXphTable: <RecordType extends TDataSourceItem = TDataSourceItem>(props: TTableProps<RecordType> & {
+declare const ForwardedXphTable: <RecordType extends TDataSourceItem = TDataSourceItem, CellFuncExtendPropsMap extends TXphExtendComponentPropsMap = {}, ActionsExtendPropsMap extends TXphExtendComponentPropsMap = {}, ToolbarExtendPropsMap extends TXphExtendComponentPropsMap = {}, FormExtendPropsMap extends TXphExtendComponentPropsMap = {}>(props: TTableProps<RecordType, CellFuncExtendPropsMap, ActionsExtendPropsMap, ToolbarExtendPropsMap, FormExtendPropsMap> & {
     ref?: ForwardedRef<TTableActionType> | undefined;
 }) => ReturnType<typeof XphTable>;
 export default ForwardedXphTable;

package/dist/types/table/src/types/apiTable.d.ts

@@ -1,17 +1,17 @@
 import { TableProps, PaginationProps } from 'antd';
 import { TableRowSelection, RowSelectionType } from 'antd/lib/table/interface';
-import { IXphActionsProps } from '../../../common';
+import { IXphActionsProps, TXphExtendComponentPropsMap } from '../../../common';
 import { TDataSourceItem } from './table';
 import { TColumnProps } from './column';
 
-export interface IFunctionToolbarParams<RecordType = TDataSourceItem> {
+export interface IFunctionToolbarParams<T = TDataSourceItem> {
     loading: boolean;
-    selection: RecordType[];
+    selection: T[];
 }
 /** 扩展antd table的属性 */
-export type TApiTableProps<RecordType = TDataSourceItem> = {
+export type TApiTableProps<T = TDataSourceItem, J extends TXphExtendComponentPropsMap = {}, K extends TXphExtendComponentPropsMap = {}, L extends TXphExtendComponentPropsMap = {}> = {
     /** 列配置项 */
-    columns?: TColumnProps<RecordType>[];
+    columns?: TColumnProps<T, J, K>[];
     /** 首次是否自动请求 */
     autoRequest?: boolean;
     /** 获取datasource的api */
@@ -21,15 +21,15 @@ export type TApiTableProps<RecordType = TDataSourceItem> = {
     /** 是否开启前端自动分页（当api不支持分页时可用） */
     autoPagination?: boolean;
     /** 单选 / 多选 */
-    rowSelection?: RowSelectionType | TableRowSelection<RecordType>;
+    rowSelection?: RowSelectionType | TableRowSelection<T>;
     /** 分页配置（因为分页器是独立出来的，使用table的分页器布局需要修改样式） */
     pagination?: false | PaginationProps;
     /** 表格撑满父容器（virtual为true时，默认fullHeight为true） */
     fullHeight?: boolean;
     /** 顶部操作栏配置，函数时可以传递参数，参数是什么由调用方决定 */
-    toolbar?: IXphActionsProps | ((e: IFunctionToolbarParams<RecordType>) => IXphActionsProps);
+    toolbar?: IXphActionsProps<L> | ((e: IFunctionToolbarParams<T>) => IXphActionsProps<L>);
     /** 排序、筛选变化时触发 */
     onChange?: (filters: any, sorter: any, extra: any) => void;
-} & Omit<TableProps<RecordType>, 
+} & Omit<TableProps<T>, 
 /** 内部控制的属性/重写的属性 */
 "rowSelection" | "columns" | "loading" | "dataSource" | "pagination">;

package/dist/types/table/src/types/column.d.ts

@@ -1,32 +1,33 @@
 import { ColumnType, ColumnGroupType } from 'antd/es/table';
 import { TDataSourceItem } from './table';
-import { ICellProps, TCellComponentType } from '../components/table/components/cellFunc/types';
+import { TCellProps } from '../components/table/components/cellFunc/types';
+import { TXphExtendComponentPropsMap } from '../../../common';
 
 /** 扩展一下antd column的属性，不一定要扩展，只是预留 */
 type TBaseColumnType<T> = {} & ColumnType<T>;
-export interface IComponentColumnProps<T, U extends TCellComponentType> extends Omit<TBaseColumnType<T>, "render"> {
+export interface IComponentColumnProps<T, J extends TXphExtendComponentPropsMap = {}, K extends TXphExtendComponentPropsMap = {}> extends Omit<TBaseColumnType<T>, "render"> {
     /** 单元格渲染属性（原理也是使用render渲染不同的内容） */
     cellFunc: ((props: {
         text: any;
         record: T;
         index: number;
-    }) => ICellProps<U>[]) | ICellProps<U>[];
+    }) => TCellProps<J, K>[]) | TCellProps<J, K>[];
 }
 export interface IRenderColumnProps<T> extends Omit<TBaseColumnType<T>, "render"> {
     render?: ColumnType<T>["render"];
 }
-export interface IGroupColumnProps<T> extends Omit<ColumnGroupType<T>, "children"> {
-    children: Array<TColumnProps<T>>;
+export interface IGroupColumnProps<T, J extends TXphExtendComponentPropsMap = {}, K extends TXphExtendComponentPropsMap = {}> extends Omit<ColumnGroupType<T>, "children"> {
+    children: Array<TColumnProps<T, J, K>>;
 }
 type Without<T, K> = {
     [P in Exclude<keyof T, K>]?: never;
 };
 type XOR<T extends any[]> = T extends [infer A, infer B, ...infer Rest] ? A | B extends object ? (Without<A, keyof B> & B) | (Without<B, keyof A> & A) | XOR<[A | B, ...Rest]> : A | B : T extends [infer A] ? A : never;
-export type TColumnProps<RecordType = TDataSourceItem, ComponentType extends TCellComponentType = TCellComponentType> = XOR<[
-    IComponentColumnProps<RecordType, ComponentType>,
-    IRenderColumnProps<RecordType>,
-    IGroupColumnProps<RecordType>
+export type TColumnProps<T = TDataSourceItem, J extends TXphExtendComponentPropsMap = {}, K extends TXphExtendComponentPropsMap = {}> = XOR<[
+    IComponentColumnProps<T, J, K>,
+    IRenderColumnProps<T>,
+    IGroupColumnProps<T, J, K>
 ]>;
-export declare function isComponentColumnProps<T, U extends TCellComponentType>(column: TColumnProps<T, U>): column is IComponentColumnProps<T, U>;
+export declare function isComponentColumnProps<T>(column: TColumnProps<T>): column is IComponentColumnProps<T>;
 export declare function isChildrenColumnProps<T>(column: TColumnProps<T>): column is IGroupColumnProps<T>;
 export {};

package/dist/types/table/src/types/crudForm.d.ts

@@ -1,3 +1,4 @@
 import { IXphFormProps } from '../../../form';
+import { TXphExtendComponentPropsMap } from '../../../common';
 
-export type TCrudFormProps = IXphFormProps & {};
+export type TCrudFormProps<T extends TXphExtendComponentPropsMap = {}> = IXphFormProps<T> & {};

package/dist/types/table/src/types/searchForm.d.ts

@@ -1,9 +1,10 @@
 import { IXphFormProps, IXphFormActionType } from '../../../form';
+import { TXphExtendComponentPropsMap } from '../../../common';
 
 export type TSearchFormActionType = IXphFormActionType & {
     setFormLoading: (loading: boolean) => void;
 };
-export type TSearchFormProps = IXphFormProps & {
+export type TSearchFormProps<T extends TXphExtendComponentPropsMap = {}> = IXphFormProps<T> & {
     /** 是否显示搜索 & 重置按钮 */
     showSearch?: boolean;
 };

package/dist/types/table/src/types/table.d.ts

@@ -2,17 +2,28 @@ import { TableRef } from 'antd/es/table';
 import { TSearchFormProps } from './searchForm';
 import { TCrudFormProps } from './crudForm';
 import { TApiTableProps } from './apiTable';
+import { TXphExtendComponentPropsMap } from '../../../common';
 
 /** 行数据 */
 export type TDataSourceItem = Record<PropertyKey, any>;
 /** 整个组件的配置 */
-export type TTableProps<RecordType = TDataSourceItem> = {
+export type TTableProps<
+/** 行数据类型 */
+RecordType = TDataSourceItem, 
+/** 单元格扩展组件props映射 */
+CellFuncExtendPropsMap extends TXphExtendComponentPropsMap = {}, 
+/** 操作组扩展组件props映射 */
+ActionsExtendPropsMap extends TXphExtendComponentPropsMap = {}, 
+/** 顶部操作栏扩展组件props映射 */
+ToolbarExtendPropsMap extends TXphExtendComponentPropsMap = {}, 
+/** 表单扩展组件props映射（包括：搜素表单 & 新增/修改表单） */
+FormExtendPropsMap extends TXphExtendComponentPropsMap = {}> = {
     /** 表格配置 */
-    table?: TApiTableProps<RecordType>;
+    table?: TApiTableProps<RecordType, CellFuncExtendPropsMap, ActionsExtendPropsMap, ToolbarExtendPropsMap>;
     /** 搜索表单配置项 */
-    searchForm?: TSearchFormProps;
+    searchForm?: TSearchFormProps<FormExtendPropsMap>;
     /** 新增 / 修改表单配置项 */
-    crudForm?: TCrudFormProps;
+    crudForm?: TCrudFormProps<FormExtendPropsMap>;
     /** 分页改变事件 */
     onPaginationChange?: (page: number, pageSize: number) => void;
     /** 列表选中事件 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xph-crud",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
@@ -11,10 +11,10 @@
     "configurable-component"
   ],
   "scripts": {
-    "web": "vite",
+    "examples": "vite",
     "build": "tsc && vite build",
-    "example": "cd example && npm run start",
-    "build:example": "cd example && npm run build",
+    "docs": "cd docs && npm run start",
+    "build:docs": "cd docs && npm run build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
   },
   "files": [