xph-crud 0.0.1

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

@@ -0,0 +1,16 @@
+export { default as useFormItem } from './useFormItem';
+export * from './useFormItem';
+export { default as useForm } from './useForm';
+export * from './useForm';
+export { default as useFormValues } from './useFormValues';
+export * from './useFormValues';
+export { default as useFormAction } from './useFormAction';
+export * from './useFormAction';
+export { default as useFormProps } from './useFormProps';
+export * from './useFormProps';
+export { default as useApiComonentCache } from './useApiComonentCache';
+export * from './useApiComonentCache';
+export { default as useFormCollapse } from './useFormCollapse';
+export * from './useFormCollapse';
+export { default as useExtendForm } from './useExtendForm';
+export * from './useExtendForm';

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

@@ -0,0 +1,24 @@
+/**
+ * 该钩子解决的问题：
+ * 1、使用了Form.useWatch的FormItem，至少都会触发两次组件更新，导致api首次请求的情况不一致
+ * 2、每次value的更新，都会导致组件的重新渲染，导致api每次都会请求（处理成当params不一致才重新请求）
+ */
+/**
+ *
+ * @param api 请求的api
+ * @param apiCallback 请求之后的回调
+ * @param immediate 首次是否立即执行apiCallback
+ * @param params 请求的参数
+ * @param isUseWatch 是否使用了Form.useWatch
+ */
+interface IUseComonentCacheProps {
+    api?: (...args: any[]) => Promise<any>;
+    immediate?: boolean;
+    params: any;
+    apiCallback: (...args: any[]) => void;
+    isUseWatch: boolean;
+}
+declare const useApiComonentCache: (props: IUseComonentCacheProps) => {
+    getApiData: () => void;
+};
+export default useApiComonentCache;

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

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

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

@@ -0,0 +1,20 @@
+import { IFormProps, IFormActionType, IRegister, TFormItemProps } from '../types';
+
+/**
+ * 注意：
+ * useWatch会监听整个表单值得变化，导致重新渲染formItem，所以要根据实际情况来判断到底是否需要监听表单得值，
+ * 何时需要监听：只有使用model的formItem属性才需要监听，即当show、ifShow、required、disabled、componentProps、render有其中之一为函数时才需要监听
+ * 所以当没有使用model的表单项尽量使用值写法，使用函数写法对表单性能开销很大
+ */
+export declare const useFormModel: (formProps: IFormProps, itemProps: TFormItemProps) => {
+    rewritingModel: any;
+    isusewatch: boolean;
+};
+/**
+ *
+ * @description 用于注册form的方法
+ * @description form组件会先于parent组件挂载，挂载完后调用register方法，将methods注册到useForm中给parent使用
+ *
+ */
+declare const useForm: () => [IRegister, IFormActionType];
+export default useForm;

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

@@ -0,0 +1,12 @@
+import { FormInstance } from 'antd';
+import { NamePath } from 'antd/lib/form/interface';
+import { Recordable } from '../types';
+
+declare const useFormAction: (instance: FormInstance, formatRenderValues: any, formatReturnValues: any) => {
+    getFieldsValue: (...values: any[]) => Recordable<any>;
+    setFieldsValue: (values: Recordable<any>) => void;
+    resetFields: () => Promise<void>;
+    validator: (nameList?: NamePath[]) => Promise<any>;
+    scrollToField: (name: NamePath, options?: ScrollOptions) => Promise<void>;
+};
+export default useFormAction;

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

@@ -0,0 +1,11 @@
+import { IFormProps } from '../types';
+import { RefObject } from 'react';
+
+declare const useFormCollapse: (formProps: IFormProps, formItemRefs: RefObject<Map<string, RefObject<any>>>) => {
+    collapsible: boolean | undefined;
+    collapseNum: number;
+    collapseRef: import('react').MutableRefObject<any>;
+    onClickCollapseToTrue: () => void;
+    onClickCollapseToFalse: () => void;
+};
+export default useFormCollapse;

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

@@ -0,0 +1,40 @@
+import { RefObject } from 'react';
+import { IFormProps, TFormItemProps, Recordable } from '../types';
+import { RuleObject } from 'antd/es/form';
+import { ColProps } from 'antd';
+
+export declare const useFormItemShow: (item: TFormItemProps, model: any, collapseRef: RefObject<any>) => {
+    isShow: boolean;
+    isIfShow: boolean;
+};
+export declare const useFormItemCollapse: (formProps: IFormProps, index: number) => {
+    itemCollapse: boolean;
+    setItemCollapse: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};
+export declare const useFormItemRules: ({ item, model, isShow, componentProps, }: {
+    item: TFormItemProps;
+    model: any;
+    isShow: boolean;
+    componentProps: Recordable<any>;
+}) => {
+    rules: RuleObject[];
+};
+export declare const useFormItemDisabled: (formProps: IFormProps, item: TFormItemProps, model: any) => {
+    disabled: boolean | undefined;
+};
+export declare const useFormItemComponentProps: (item: TFormItemProps, model: any) => {
+    componentProps: Recordable<any>;
+};
+export declare const useFormItemColProps: (itemProps: TFormItemProps, formProps: IFormProps) => {
+    colProps: ColProps;
+};
+declare const useFormItem: ({ formProps }: {
+    formProps: IFormProps;
+}) => {
+    formItems: (({
+        render?: undefined;
+    } & import('../types').IComponentFormItemProps) | ({
+        component?: undefined;
+    } & import('../types').IRenderFormItemProps))[];
+};
+export default useFormItem;

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

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

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

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+import { IFormProps, Recordable, TFormItemProps } from '../types';
+
+declare const useFormValues: (formItems: TFormItemProps[], formProps: IFormProps, formItemRefs: RefObject<Map<string, RefObject<any>>>) => {
+    handleFormatRenderValues: (values: Recordable<any>) => {
+        renderValues: Recordable<any>;
+        validKeys: string[];
+    };
+    handleFormatReturnValues: (values: Recordable<any>) => Recordable<any>;
+};
+export default useFormValues;

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

@@ -0,0 +1,35 @@
+import { SelectProps, InputProps, InputNumberProps, TreeSelectProps, TransferProps, SwitchProps, ButtonProps, RadioProps, CheckboxProps, CascaderProps, TimePickerProps, DatePickerProps, AutoCompleteProps, UploadProps } from 'antd';
+import { IApiSelectProps } from '../components/ApiSelect';
+import { IApiTreeSelectProps } from '../components/ApiTreeSelect';
+import { IApiTransferProps } from '../components/ApiTransfer';
+import { IApiAutoCompleteProps } from '../components/ApiAutoComplete';
+import { IAutoUploadProps } from '../components/AutoUpload';
+
+export type TComponentPropsMap = {
+    Select: SelectProps;
+    Input: InputProps;
+    InputNumber: InputNumberProps;
+    TreeSelect: TreeSelectProps;
+    Transfer: TransferProps;
+    Switch: SwitchProps;
+    Button: ButtonProps;
+    Radio: RadioProps;
+    RadioGroup: RadioProps;
+    Checkbox: CheckboxProps;
+    CheckboxGroup: CheckboxProps;
+    Cascader: CascaderProps;
+    TimePicker: TimePickerProps;
+    DatePicker: DatePickerProps;
+    MonthPicker: DatePickerProps;
+    WeekPicker: DatePickerProps;
+    RangePicker: DatePickerProps;
+    InputPassword: InputProps;
+    InputTextArea: InputProps;
+    AutoComplete: AutoCompleteProps;
+    Upload: UploadProps;
+    ApiSelect: IApiSelectProps;
+    ApiTreeSelect: IApiTreeSelectProps;
+    ApiTransfer: IApiTransferProps;
+    ApiAutoComplete: IApiAutoCompleteProps;
+    AutoUpload: IAutoUploadProps;
+};

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

@@ -0,0 +1,86 @@
+import { TFormItemProps, Recordable } from './formItem';
+import { ColProps } from 'antd';
+import { NamePath } from 'antd/lib/form/interface';
+
+export interface IRegister {
+    (methods: IFormActionType): void;
+}
+export interface IFormProps {
+    items: TFormItemProps[] /** 表单项配置集合 */;
+    /**
+     * @description 表单布局方式（默认horizontal）
+     * @description 排除了antd的inline，因为可以使用colProps实现inline布局
+     */
+    layout?: "horizontal" | "vertical";
+    /** 表示是否显示 label 后面的冒号 (只有在属性 layout 为 horizontal 时有效) */
+    colon?: boolean;
+    /** 设置表单组件禁用，仅对 antd 组件有效 */
+    disabled?: boolean;
+    /** 表单项组件布局方式(wrapperCol的span与labelCol的span形成24栅格布局) */
+    wrapperCol?: ColProps;
+    /** label 标签的文本换行方式 */
+    labelWrap?: boolean;
+    /** label 标签的文本对齐方式 */
+    labelAlign?: "left" | "right";
+    /** 表单项label标签布局方式(wrapperCol的span与labelCol的span形成24栅格布局) */
+    labelCol?: ColProps;
+    /** 表单项的栅格配置 */
+    colProps?: ColProps;
+    /** 提交失败自动滚动到第一个错误字段 */
+    scrollToFirstError?: boolean;
+    /** 设置字段组件的尺寸（仅限 antd 组件） */
+    size?: "large" | "middle" | "small";
+    /** 是否可折叠，默认超过5个折叠 */
+    collapsible?: boolean;
+    /** 超过多少进行折叠，collapsible为true才生效 */
+    collapseNum?: number;
+    /** 渲染操作组，用于渲染表单项的操作，这是一个预留项，是否需要操作组由业务自己决定（会跟折叠同行显示） */
+    renderActions?: () => React.ReactElement;
+    /** 时间返回统一处理函数 */
+    transformDateFunc?: (date: any, format: string) => string;
+    /**
+     * @description 用于将表单内时间区域的应设成 2 个字段,见下方说明
+     * @description 如果表单内有时间区间组件，获取到的值是一个数组，但是往往我们传递到后台需要是 2 个字段
+     * @example
+     * fieldMapToTime: [
+     *    // data为时间组件在表单内的字段，startTime，endTime为转化后的开始时间与结束时间
+     *    // 'YYYY-MM-DD'为时间格式，参考moment
+     *    ['datetime', ['startTime', 'endTime'], 'YYYY-MM-DD'],
+     *    // 支持多个字段
+     *    ['datetime1', ['startTime1', 'endTime1'], 'YYYY-MM-DD HH:mm:ss'],
+     * ]
+     *
+     * // fieldMapToTime没写的时候表单获取到的值
+     * {
+     *   datetime: [Date(),Date()]
+     * }
+     *
+     * //  ['datetime', ['startTime', 'endTime'], 'YYYY-MM-DD'],等同于 dayjs(Date()).format('YYYY-MM-DD'). 之后
+     * {
+     *     startTime: '2020-08-12',
+     *     endTime: '2020-08-15',
+     * }
+     *
+     * // ['datetime', ['startTime', 'endTime'], 'timestamp'],等同于 dayjs(Date()).unix(). 之后
+     * {
+     *     startTime: 1597190400,
+     *     endTime: 1597449600,
+     * }
+     *
+     * // ['datetime', ['startTime', 'endTime'], 'timestampStartDay'],等同于 dayjs(Date()).startOf('day').unix(). 之后
+     * {
+     *     startTime: 1597190400,
+     *     endTime: 1597449600,
+     * }
+     */
+    fieldMapToTime?: [string, [string, string], (string | [string, string])?][];
+    /** 注册事件（useForm使用，form组件会在挂载后调用） */
+    register?: IRegister;
+}
+export interface IFormActionType {
+    getFieldsValue: (...values: any[]) => Recordable<any>;
+    setFieldsValue: (values: Recordable<any>) => void;
+    resetFields: () => Promise<void>;
+    validator: (nameList?: NamePath[]) => Promise<any>;
+    scrollToField: (name: NamePath, options?: ScrollOptions) => Promise<void>;
+}

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

@@ -0,0 +1,54 @@
+import { TComponentPropsMap } from './component';
+import { Rule } from 'antd/es/form';
+import { default as React } from 'react';
+import { ColProps } from 'antd';
+import { IFormActionType } from './form';
+
+/**
+ * 字符串类型对象
+ */
+export type Recordable<T> = Record<string, T>;
+export type TFunction<T> = T | ((args: Recordable<any>) => T);
+export interface IBaseFormItemProps {
+    name: string /** 字段名 */;
+    label: string /** 标签名 */;
+    valuePropName?: string /** 子节点的值的属性，如 Switch、Checkbox 的是 checked */;
+    show?: TFunction<boolean> /** 是否显示（相当于display:none） */;
+    ifShow?: TFunction<boolean> /** 是否显示（会新增或删除节点） */;
+    required?: TFunction<boolean> /** 是否必填 */;
+    disabled?: TFunction<boolean> /** 是否禁用（当和 Form 同时设置时，以 Item 为准） */;
+    componentProps?: TFunction<Recordable<any>> /** 组件属性 */;
+    rules?: Rule[] /** 校验规则 */;
+    wrapperCol?: ColProps /** 表单项组件的布局方式（当和 Form 同时设置时，以 Item 为准） */;
+    labelCol?: ColProps /** 表单项label标签布局方式（当和 Form 同时设置时，以 Item 为准） */;
+    colProps?: ColProps /** 表单项的栅格配置（当和 Form 同时设置时，以 Item 为准） */;
+    forceRow?: boolean /** 是否强制换一行显示该表单项（强制换行后续会跟随换行表单项） */;
+    initialValue?: any /** 默认值 */;
+}
+/** 自定义渲染函数的props */
+export interface IFRenderProps {
+    name: string;
+    disabled: boolean;
+    componentProps: Recordable<any>;
+    model: any;
+    methods: IFormActionType;
+}
+/** render props */
+/**
+ * @description: 自定义渲染组件，若根节点为antd组件，就会和form组件进行双向绑定，model也是响应式的；若根节点为非antd组件，就不会和form组件进行双向绑定，需根据实际业务手动处理表单项的值
+ */
+export interface IRenderFormItemProps extends IBaseFormItemProps {
+    render: (props: IFRenderProps) => React.ReactNode /** 自定义渲染组件 */;
+}
+/** component props */
+export interface IComponentFormItemProps extends IBaseFormItemProps {
+    component: keyof TComponentPropsMap /** 映射组件 */;
+}
+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 declare function isComponentFormItemProps(item: TFormItemProps): item is IComponentFormItemProps;
+export declare function isRenderFormItemProps(item: TFormItemProps): item is IRenderFormItemProps;
+export {};

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

@@ -0,0 +1,3 @@
+export * from './form';
+export * from './formItem';
+export * from './component';

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './common';
+export * from './form';
+export * from './table';

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

@@ -0,0 +1,4 @@
+import { default as XphTable } from './src/table';
+import { TTableProps as TXphTableProps, TTableActionType as TXphTableActionType, TDataSourceItem as TXphDataSourceItem, TColumnProps as TXphColumnProps, TApiTableProps as TXphApiTableProps, TSearchFormProps as TXphSearchFormProps, TCrudFormProps as TXphCrudFormProps } from './src/types';
+
+export { XphTable, TXphTableProps, TXphTableActionType, TXphDataSourceItem, TXphColumnProps, TXphApiTableProps, TXphSearchFormProps, TXphCrudFormProps, };

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

@@ -0,0 +1,6 @@
+import { TSearchFormActionType } from '../../../../types';
+
+declare const _default: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
+    getBindProps: () => any;
+} & import('react').RefAttributes<TSearchFormActionType>>>;
+export default _default;

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

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

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

@@ -0,0 +1,5 @@
+import { ICellFuncProps } from './types';
+
+/** 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

@@ -0,0 +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;
+export default Actions;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+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;
+    };
+    /** 操作组 */
+    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;
+    };
+};
+export { cellComponentMap };

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

@@ -0,0 +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;
+export default Link;

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

@@ -0,0 +1,43 @@
+import { IXphActionsProps } from '../../../../../../../common';
+
+export type TCellComponentType = "link" | "actions";
+/** cellFunc中每一项对应的组件componentProps属性映射  */
+export interface ICellComponentPropsMap {
+    link: {
+        /** 超链接，点击超链接跳转 */
+        url?: string;
+        /** 点击事件（优先级最高） */
+        onClick?: () => void;
+    };
+    actions: IXphActionsProps;
+}
+/** cellFunc中每一项的配置  */
+export interface ICellProps<T extends TCellComponentType = TCellComponentType> {
+    component: T;
+    componentProps?: ICellComponentPropsMap[T];
+}
+/** CellFunc组件的props */
+export interface ICellFuncProps<T = unknown, U extends TCellComponentType = TCellComponentType> {
+    dslConfig: ICellProps<U>[];
+    renderPrams: {
+        text: any;
+        record: T;
+        index: number;
+    };
+}
+/** cellFunc中每一项对应的组件的props */
+export interface ICurCellFuncProps<T extends TCellComponentType = TCellComponentType> {
+    curComponentProps?: ICellComponentPropsMap[T];
+    cellFuncProps: ICellFuncProps<unknown, T>;
+}
+/**
+ *
+ * 因为渲染是从cellFuncs中的最后一项开始的，所以mainClick是排在后面的组件传递到前面的
+ *
+ * 目的：目的是为了将自定义组件的点击事件交给最底层的组件进行调用
+ * 注意：因为多个自定义组件可能都有mainClick，所以也需要保证其他组件的正常调用（即：传递给子组件Comp的时候，需要把父组件传递过来的mainClick给手动执行一下）
+ */
+export interface IMainProps {
+    mainClick?: () => void;
+    mainStyle?: React.CSSProperties;
+}

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

@@ -0,0 +1 @@
+export * from './cellFunc';

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

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+import { TTableProps, TSearchFormActionType, TTableActionType } from '../../types';
+
+declare const Table: import('react').ForwardRefExoticComponent<{
+    fullHeight?: boolean | undefined;
+    tableProps: TTableProps;
+    searchFormRef: RefObject<TSearchFormActionType>;
+} & import('react').RefAttributes<TTableActionType>>;
+export default Table;

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

@@ -0,0 +1,18 @@
+export { default as useSearchForm } from './useSearchForm';
+export * from './useSearchForm';
+export { default as useTableColumns } from './useTableColumns';
+export * from './useTableColumns';
+export { default as useTableProps } from './useTableProps';
+export * from './useTableProps';
+export { default as usePagination } from './usePagination';
+export * from './usePagination';
+export { default as useTable } from './useTable';
+export * from './useTable';
+export { default as useRowSelection } from './useRowSelection';
+export * from './useRowSelection';
+export { default as useTableScroll } from './useTableScroll';
+export * from './useTableScroll';
+export { default as useTopToolbar } from './useTopToolbar';
+export * from './useTopToolbar';
+export { default as useExtendTable } from './useExtendTable';
+export * from './useExtendTable';

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

@@ -0,0 +1,7 @@
+declare const useExtendTable: () => {
+    extendTableProps: import('../types').TTableProps | undefined;
+    setExtendTableCellComp: (componentMap: {
+        [key: string]: any;
+    }) => void;
+};
+export default useExtendTable;

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

@@ -0,0 +1,18 @@
+import { TTableProps } from '../types';
+import { RefObject } from 'react';
+
+export interface IPagination {
+    pageSize: number;
+    current: number;
+    total: number;
+    pageSizeOptions: number[];
+}
+export interface IUsePagination {
+    show: boolean;
+    model: IPagination | false;
+    update: (props: Partial<IPagination>) => void;
+}
+export default function usePagination(props: TTableProps): {
+    pagination: IUsePagination;
+    lastPaginationState: RefObject<IPagination | false>;
+};

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

@@ -0,0 +1,9 @@
+import { TTableProps, TDataSourceItem } from '../types';
+import { IUseTable } from './useTable';
+import { TableRowSelection } from 'antd/es/table/interface';
+
+declare const useRowSelection: (props: TTableProps, table: IUseTable) => {
+    rowSelection: TableRowSelection<TDataSourceItem> | undefined;
+    getNewRowSelection: () => TableRowSelection<TDataSourceItem> | undefined;
+};
+export default useRowSelection;

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

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

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

@@ -0,0 +1,24 @@
+import { TTableProps, TDataSourceItem, TSearchFormActionType } from '../types';
+import { RefObject } from 'react';
+
+export interface ITable {
+    loading: boolean;
+    dataSource: TDataSourceItem[];
+    selection: TDataSourceItem[];
+    /** 存储一份备用数据（只有前端做分页时才使用到） */
+    backupsDataSource?: TDataSourceItem[];
+}
+export interface IUseTable {
+    model: ITable;
+    update: (props: Partial<ITable>) => void;
+}
+export default function useTable(props: TTableProps, searchFormRef: RefObject<TSearchFormActionType>): {
+    table: IUseTable;
+    pagination: import('./usePagination').IUsePagination;
+    firstGetTableData: () => Promise<void>;
+    onPaginationChange: (page: number, pageSize: number) => void;
+    onAllChange: (...args: any[]) => Promise<void>;
+    resetData: () => Promise<void>;
+    resetAllData: () => Promise<void>;
+    reloadData: () => Promise<void>;
+};

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

@@ -0,0 +1,6 @@
+import { TTableProps, TDataSourceItem } from '../types';
+import { ColumnsType } from 'antd/es/table';
+
+export default function useTableColumns(props: TTableProps): {
+    columns: ColumnsType<TDataSourceItem>;
+};

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

@@ -0,0 +1,6 @@
+import { TTableProps } from '../types';
+
+declare const useTableProps: (props: TTableProps) => {
+    tableProps: TTableProps;
+};
+export default useTableProps;

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

@@ -0,0 +1,10 @@
+import { TTableProps } from '../types';
+
+export default function useTableScroll(tableProps: TTableProps, fullHeight?: boolean): {
+    divRef: import('react').RefObject<HTMLDivElement>;
+    scroll: {
+        x: string | number | true;
+        y?: string | number | undefined;
+        scrollToFirstRowOnChange?: boolean | undefined;
+    };
+};

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

@@ -0,0 +1,7 @@
+import { TTableProps } from '../types';
+import { IUseTable } from '../hooks';
+import { IXphActionsProps } from '../../../common';
+
+export default function useTopToolbar(tableProps: TTableProps, table: IUseTable): {
+    getTopToolbarBindProps: () => IXphActionsProps;
+};

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

@@ -0,0 +1,8 @@
+import { ForwardedRef } from 'react';
+import { TTableProps, TTableActionType, TDataSourceItem } from './types';
+
+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> & {
+    ref?: ForwardedRef<TTableActionType> | undefined;
+}) => ReturnType<typeof XphTable>;
+export default ForwardedXphTable;

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

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