71 lines
2.7 KiB
TypeScript
71 lines
2.7 KiB
TypeScript
import type { TableColumnType } from 'antd';
|
||
import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
|
||
import React from 'react';
|
||
import type { ActionType, OptionSearchProps, ProTableProps } from '../../typing';
|
||
import type { ListToolBarProps } from '../ListToolBar';
|
||
export type SettingOptionType = {
|
||
draggable?: boolean;
|
||
checkable?: boolean;
|
||
showListItemOption?: boolean;
|
||
checkedReset?: boolean;
|
||
listsHeight?: number;
|
||
extra?: React.ReactNode;
|
||
children?: React.ReactNode;
|
||
settingIcon?: React.ReactNode;
|
||
};
|
||
export type OptionConfig = {
|
||
density?: boolean;
|
||
fullScreen?: OptionsType;
|
||
reload?: OptionsType;
|
||
setting?: boolean | SettingOptionType;
|
||
search?: (OptionSearchProps & {
|
||
name?: string;
|
||
}) | boolean;
|
||
reloadIcon?: React.ReactNode;
|
||
densityIcon?: React.ReactNode;
|
||
};
|
||
export type OptionsFunctionType = (e: React.MouseEvent<HTMLSpanElement>, action?: ActionType) => void;
|
||
export type OptionsType = OptionsFunctionType | boolean;
|
||
export type ToolBarProps<T = unknown> = {
|
||
headerTitle?: React.ReactNode;
|
||
tooltip?: string | LabelTooltipType;
|
||
/** @deprecated 你可以使用 tooltip，这个更改是为了与 antd 统一 */
|
||
tip?: string;
|
||
toolbar?: ListToolBarProps;
|
||
toolBarRender?: (action: ActionType | undefined, rows: {
|
||
selectedRowKeys?: (string | number)[];
|
||
selectedRows?: T[];
|
||
}) => React.ReactNode[];
|
||
action: React.MutableRefObject<ActionType | undefined>;
|
||
options?: OptionConfig | false;
|
||
optionsRender?: ToolbarRenderProps<T>['optionsRender'];
|
||
selectedRowKeys?: (string | number)[];
|
||
selectedRows?: T[];
|
||
className?: string;
|
||
onSearch?: (keyWords: string) => void;
|
||
columns: TableColumnType<T>[];
|
||
};
|
||
export type ToolbarRenderProps<T> = {
|
||
hideToolbar: boolean;
|
||
onFormSearchSubmit: (params: any) => void;
|
||
searchNode: React.ReactNode;
|
||
tableColumn: any[];
|
||
tooltip?: string | LabelTooltipType;
|
||
selectedRows: T[];
|
||
selectedRowKeys: React.Key[] | (string | number)[];
|
||
headerTitle: React.ReactNode;
|
||
toolbar: ProTableProps<T, any, any>['toolbar'];
|
||
options: ProTableProps<T, any, any>['options'];
|
||
optionsRender?: (props: ToolBarProps<T>, defaultDom: React.ReactNode[]) => React.ReactNode[];
|
||
toolBarRender?: ToolBarProps<T>['toolBarRender'];
|
||
actionRef: React.MutableRefObject<ActionType | undefined>;
|
||
};
|
||
/** 这里负责与table交互，并且减少 render次数 */
|
||
declare class ToolbarRender<T> extends React.Component<ToolbarRenderProps<T>> {
|
||
onSearch: (keyword: string) => void;
|
||
isEquals: (next: ToolbarRenderProps<T>) => boolean;
|
||
shouldComponentUpdate: (next: ToolbarRenderProps<T>) => boolean;
|
||
render: () => import("react/jsx-runtime").JSX.Element | null;
|
||
}
|
||
export default ToolbarRender;
|