hongluan-ui/lib/components/virtual-table/index.d.ts

Hongluan Component Library for Vue 3

export declare const HlVirtualTable: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
    height: {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    };
    itemSize: {
        type: NumberConstructor;
        default: number;
    };
    total: NumberConstructor;
    scrollbarAlwaysOn: {
        type: BooleanConstructor;
        default: boolean;
    };
    cache: {
        type: NumberConstructor;
        default: number;
    };
    fixedHeader: BooleanConstructor;
    fixedFooter: BooleanConstructor;
    border: {
        type: StringConstructor;
        default: string;
    };
    size: StringConstructor;
    hover: BooleanConstructor;
    crossHover: BooleanConstructor;
    list: BooleanConstructor;
    autoHeight: BooleanConstructor;
    tableFixed: BooleanConstructor;
    stripe: (BooleanConstructor | StringConstructor)[];
    padding: StringConstructor;
    cellPadding: StringConstructor;
    gap: StringConstructor;
    gapX: StringConstructor;
    gapY: StringConstructor;
    showHeader: {
        type: BooleanConstructor;
        default: boolean;
    };
    data: {
        type: import("vue").PropType<any[]>;
    };
    cols: {
        type: import("vue").PropType<import("..").ColumnType[]>;
        default: () => any[];
    };
    rowKey: {
        type: import("vue").PropType<string | ((row: unknown) => string)>;
        default: string;
    };
    expandRowKeys: {
        type: import("vue").PropType<string[]>;
        default: () => any[];
    };
    defaultExpandAll: {
        type: BooleanConstructor;
        default: boolean;
    };
    rowClassName: {
        type: import("vue").PropType<string | import("..").RowClassFunction>;
        default: string;
    };
    rowStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("..").RowStyleFunction>;
        default: () => {};
    };
    cellClassName: {
        type: import("vue").PropType<string | import("..").CellClassFunction>;
        default: string;
    };
    cellStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("..").CellStyleFunction>;
        default: () => {};
    };
    headerRowClassName: {
        type: import("vue").PropType<string | import("..").RowClassFunction>;
        default: string;
    };
    headerRowStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("..").RowStyleFunction>;
        default: () => {};
    };
    headerCellClassName: {
        type: import("vue").PropType<string | import("..").CellClassFunction>;
        default: string;
    };
    headerCellStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("..").CellStyleFunction>;
        default: () => {};
    };
    spanMethod: import("vue").PropType<import("..").SpanFunction>;
    highlightCurrentRow: BooleanConstructor;
    resize: {
        type: import("vue").PropType<boolean | import("..").ResizeOption>;
        default: boolean;
    };
    firstColumnIndex: {
        type: NumberConstructor;
        default: number;
    };
    treeProps: {
        type: import("vue").PropType<import("..").TreeProps>;
        default: () => {
            children: string;
            hasChildren: string;
        };
    };
    load: import("vue").PropType<import("..").LoadFunction>;
    scrollContainer: {
        type: import("vue").PropType<import("..").ScrollContainer>;
    };
}, {
    t: import("../..").Translator;
    namespace: import("vue").ComputedRef<string>;
    virtualTotal: import("vue").ComputedRef<number>;
    tableStyle: import("vue").ComputedRef<string[]>;
    tableClass: import("vue").ComputedRef<(string | {
        hover: boolean;
        list: boolean;
        'auto-height': boolean;
    })[]>;
    tableRef: import("vue").Ref<HTMLTableElement>;
    thRefs: import("vue").Ref<any[]>;
    tdWidths: import("vue").Ref<string[]>;
    isShowCol: (col: import("..").ColumnType) => boolean;
    getColFixed: (col: import("..").ColumnType) => {
        hasShadow: boolean;
        position: string;
        distance: string | number;
    };
    realColsInfo: import("vue").ComputedRef<import("..").RealCols>;
    slotNames: import("vue").ComputedRef<string[]>;
    expandSlotNames: import("vue").ComputedRef<string[]>;
    realData: import("vue").Ref<any[]>;
    getHeaderRowClass: ({ row, rowIndex }: {
        row: any;
        rowIndex: any;
    }) => string;
    getHeaderRowStyle: ({ row, rowIndex }: {
        row: any;
        rowIndex: any;
    }) => any;
    getHeaderCellClass: ({ row, column, rowIndex, columnIndex }: {
        row: any;
        column: any;
        rowIndex: any;
        columnIndex: any;
    }) => string;
    getHeaderCellStyle: ({ row, column, rowIndex, columnIndex }: {
        row: any;
        column: any;
        rowIndex: any;
        columnIndex: any;
    }) => any;
    setCurrentRow: (row: any) => void;
    toggleExpandVirtualRow: (row: unknown, rowIndex: number, columnIndex: number, slotName: string) => void;
    toggleExpandVirtualTree: (row: unknown, rowIndex: number) => Promise<void>;
    rowClicked: (row: any, rowIndex: any, $event: any) => void;
    toggleColumn: (index: number, show?: boolean) => void;
    getRowKey: (row: unknown) => string;
    getSpan: ({ row, column, rowIndex, columnIndex }: {
        row: any;
        column: any;
        rowIndex: any;
        columnIndex: any;
    }) => {
        rowspan: number;
        colspan: number;
    };
    expandedKeyExisted: (row: unknown, slotName: string) => boolean;
    isShowTooltipMap: import("vue").Ref<{
        [x: string]: boolean;
    }>;
    tdMouseleave: () => void;
    tdMouseover: (e: Event, rowIndex: number, colIndex: number) => void;
    clearTooltip: () => void;
    currentSelectedRow: import("vue").Ref<unknown>;
    tableTreeMap: import("vue").Ref<{
        [x: string]: {
            isLoading: boolean;
            lazy: boolean;
            level: number;
            expanded?: boolean;
        };
    }>;
    hasChildren: (row: Record<string, any>) => boolean;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("expand" | "current-change" | "tree-expand" | "cell-click" | "row-click" | "sort-change" | "item-rendered")[], "expand" | "current-change" | "tree-expand" | "cell-click" | "row-click" | "sort-change" | "item-rendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    height: {
        type: (StringConstructor | NumberConstructor)[];
        default: number;
    };
    itemSize: {
        type: NumberConstructor;
        default: number;
    };
    total: NumberConstructor;
    scrollbarAlwaysOn: {
        type: BooleanConstructor;
        default: boolean;
    };
    cache: {
        type: NumberConstructor;
        default: number;
    };
    fixedHeader: BooleanConstructor;
    fixedFooter: BooleanConstructor;
    border: {
        type: StringConstructor;
        default: string;
    };
    size: StringConstructor;
    hover: BooleanConstructor;
    crossHover: BooleanConstructor;
    list: BooleanConstructor;
    autoHeight: BooleanConstructor;
    tableFixed: BooleanConstructor;
    stripe: (BooleanConstructor | StringConstructor)[];
    padding: StringConstructor;
    cellPadding: StringConstructor;
    gap: StringConstructor;
    gapX: StringConstructor;
    gapY: StringConstructor;
    showHeader: {
        type: BooleanConstructor;
        default: boolean;
    };
    data: {
        type: import("vue").PropType<any[]>;
    };
    cols: {
        type: import("vue").PropType<import("..").ColumnType[]>;
        default: () => any[];
    };
    rowKey: {
        type: import("vue").PropType<string | ((row: unknown) => string)>;
        default: string;
    };
    expandRowKeys: {
        type: import("vue").PropType<string[]>;
        default: () => any[];
    };
    defaultExpandAll: {
        type: BooleanConstructor;
        default: boolean;
    };
    rowClassName: {
        type: import("vue").PropType<string | import("..").RowClassFunction>;
        default: string;
    };
    rowStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("..").RowStyleFunction>;
        default: () => {};
    };
    cellClassName: {
        type: import("vue").PropType<string | import("..").CellClassFunction>;
        default: string;
    };
    cellStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("..").CellStyleFunction>;
        default: () => {};
    };
    headerRowClassName: {
        type: import("vue").PropType<string | import("..").RowClassFunction>;
        default: string;
    };
    headerRowStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("..").RowStyleFunction>;
        default: () => {};
    };
    headerCellClassName: {
        type: import("vue").PropType<string | import("..").CellClassFunction>;
        default: string;
    };
    headerCellStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("..").CellStyleFunction>;
        default: () => {};
    };
    spanMethod: import("vue").PropType<import("..").SpanFunction>;
    highlightCurrentRow: BooleanConstructor;
    resize: {
        type: import("vue").PropType<boolean | import("..").ResizeOption>;
        default: boolean;
    };
    firstColumnIndex: {
        type: NumberConstructor;
        default: number;
    };
    treeProps: {
        type: import("vue").PropType<import("..").TreeProps>;
        default: () => {
            children: string;
            hasChildren: string;
        };
    };
    load: import("vue").PropType<import("..").LoadFunction>;
    scrollContainer: {
        type: import("vue").PropType<import("..").ScrollContainer>;
    };
}>> & {
    onExpand?: (...args: any[]) => any;
    "onCurrent-change"?: (...args: any[]) => any;
    "onTree-expand"?: (...args: any[]) => any;
    "onCell-click"?: (...args: any[]) => any;
    "onRow-click"?: (...args: any[]) => any;
    "onSort-change"?: (...args: any[]) => any;
    "onItem-rendered"?: (...args: any[]) => any;
}, {
    height: string | number;
    hover: boolean;
    border: string;
    resize: boolean;
    cellClassName: string | import("..").CellClassFunction;
    fixedHeader: boolean;
    fixedFooter: boolean;
    firstColumnIndex: number;
    cellStyle: {};
    rowClassName: string | import("..").RowClassFunction;
    rowStyle: {};
    crossHover: boolean;
    list: boolean;
    autoHeight: boolean;
    tableFixed: boolean;
    showHeader: boolean;
    cols: import("..").ColumnType[];
    rowKey: string | ((row: unknown) => string);
    expandRowKeys: string[];
    defaultExpandAll: boolean;
    headerRowClassName: string | import("..").RowClassFunction;
    headerRowStyle: {};
    headerCellClassName: string | import("..").CellClassFunction;
    headerCellStyle: {};
    highlightCurrentRow: boolean;
    treeProps: import("..").TreeProps;
    scrollbarAlwaysOn: boolean;
    cache: number;
    itemSize: number;
}>> & Record<string, any>;
export default HlVirtualTable;