import { TableColumnCtx as ElTableColumns, TableProps as ElTableProps, RenderRowData } from 'element-plus';
import { VNode } from 'vue';
import { FlatResponseData } from 'zan-request';
import { PaginationProps } from './Pagination.type';

export type ApiFn<T = any, S = any> = (args: FilterParams<S>) => MaybePromise<FlatResponseData<PaginatingQueryResult<T> | QueryList<T>>>;
export type RowData = any;
export interface TableProps<T = RowData, A extends ApiFn = ApiFn> extends Partial<Pick<ElTableProps<T>, 'defaultExpandAll' | 'tableLayout' | 'stripe' | 'showHeader' | 'height' | 'flexible' | 'lazy' | 'load' | 'treeProps' | 'spanMethod'>> {
    /** 表格数据, 优先级高于apiFn获取数据 */
    data?: T[] | PaginatingQueryRecord<T>;
    rowKey: ElTableProps<T>['rowKey'];
    size?: '' | 'default' | 'large' | 'small';
    /** 选择模式, 1. selection多选,对应tableColumn.selection; 2. radio单选 */
    interactionMode?: '' | 'selection' | 'radio';
    /** 分页器展示模式, 1. default默认 2. simple精简 */
    paginationMode?: PaginationProps['mode'];
    paginator?: (params: Partial<PaginationProps>) => void;
    /** 开启懒加载tree数据 */
    treeLazy?: ElTableProps<T>['lazy'];
    /** 树数据拉取函数 */
    treeLoad?: ElTableProps<T>['load'];
    apiFn?: ConfigParams<A>['apiFn'];
    apiParams?: ConfigParams<A>['apiParams'];
    immediate?: ConfigParams<A>['immediate'];
    columns: TableColumns<T>[];
    transformer?: ConfigParams<A>['transformer'];
    loading?: boolean;
    showLoading?: boolean;
    selectValues?: ConfigParams<A>['selectValues'];
    selectable?: ElTableColumns<T>['selectable'];
    /** 转换接口排序条件， 如 `{order: {key: data.id, order: data.order}}` */
    orderFormatter?: (data: {
        column: any;
        prop: string;
        order: any;
    }) => Record<string, any>;
    errorMessage?: string;
}
export interface TableColumns<T = RowData> extends Partial<Pick<ElTableColumns<T>, 'align' | 'index' | 'fixed' | 'headerAlign' | 'selectable' | 'labelClassName' | 'type' | 'width' | 'minWidth' | 'sortable' | 'formatter' | 'showOverflowTooltip' | 'colSpan' | 'rowSpan' | 'renderHeader' | 'columnKey'>> {
    label?: string;
    prop?: string;
    headerSlot?: string | VNode;
    tooltip?: string;
    renderCell?: (rowData: RenderRowData<T> & {
        index: number;
        size: TableProps['size'];
    }) => VNode | undefined;
}
export type TableSlots = {
    /** 分页器before slot */
    'pagination-before': () => void;
    /** 分页器after slot */
    'pagination-after': () => void;
};
export interface TableEmits {
    /** 开始拉取数据 */
    (e: 'ready'): void;
    /** 数据拉取成功 */
    (e: 'success'): void;
    /** 单选、多选事件 */
    (e: 'selection', value: TableDataWithCheck<RowData>[]): void;
}
export type MaybePromise<T> = T | Promise<T>;
export type TableDataWithCheck<T> = T & {
    checked: boolean;
    disabled?: boolean;
    id?: string | number;
    index?: string | number;
};
export type TableColumnCheck = {
    columnKey: string;
    label: string;
    checked: boolean;
};
export type TransformedData<T> = {
    data: TableDataWithCheck<T>[];
    page: number;
    pageSize: number;
    total: number;
    hasNextPage?: boolean;
};
export type Transformer<T, R> = (response: R, req: FilterParams) => TransformedData<T>;
export type TableConfig<A extends ApiFn, T = any, C = TableColumns> = {
    data?: TableDataWithCheck<T>[] | PaginatingQueryRecord<T>;
    apiFn?: A;
    apiParams?: Parameters<A>[0];
    transformer?: Transformer<T, Awaited<ReturnType<A>> | PaginatingQueryRecord<T> | TableDataWithCheck<T>[]>;
    columns: () => C[];
    getColumnChecks: (columns: C[]) => TableColumnCheck[];
    getColumns: (columns: C[], checks: TableColumnCheck[]) => C[];
    onFetched?: (transformed?: TransformedData<T>) => MaybePromise<void>;
    onStarted?: () => void;
    immediate?: boolean;
    selectValues?: string[];
};
export type ConfigParams<A extends ApiFn, T = any, C = TableColumns> = Pick<TableConfig<A, T, C>, 'apiFn' | 'columns' | 'immediate' | 'apiParams' | 'transformer' | 'selectValues' | 'data'> & {
    /** 数据获取后触发 */
    ready?: () => void;
    success?: () => void;
};
export type FilterParams<T = any> = {
    pageNo?: number;
    pageSize?: number;
} & T;
export interface PaginatingCommonParams {
    current: number;
    size: number;
    total: number;
}
export interface PaginatingQueryRecord<T = any> extends PaginatingCommonParams {
    records: T[];
}
export type PaginatingQueryResult<T = any, S = PaginatingQueryRecord<T>> = {
    code: number;
    body: S;
    [k: string]: any;
};
export type QueryList<T = any> = {
    code: number;
    body: T[];
    [k: string]: any;
};