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

Hongluan Component Library for Vue 3

export declare const HlSimpleTable: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
    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("./src/simple-table").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("./src/simple-table").RowClassFunction>;
        default: string;
    };
    rowStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./src/simple-table").RowStyleFunction>;
        default: () => {};
    };
    cellClassName: {
        type: import("vue").PropType<string | import("./src/simple-table").CellClassFunction>;
        default: string;
    };
    cellStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./src/simple-table").CellStyleFunction>;
        default: () => {};
    };
    headerRowClassName: {
        type: import("vue").PropType<string | import("./src/simple-table").RowClassFunction>;
        default: string;
    };
    headerRowStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./src/simple-table").RowStyleFunction>;
        default: () => {};
    };
    headerCellClassName: {
        type: import("vue").PropType<string | import("./src/simple-table").CellClassFunction>;
        default: string;
    };
    headerCellStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./src/simple-table").CellStyleFunction>;
        default: () => {};
    };
    spanMethod: import("vue").PropType<import("./src/simple-table").SpanFunction>;
    highlightCurrentRow: BooleanConstructor;
    resize: {
        type: import("vue").PropType<boolean | import("./src/simple-table").ResizeOption>;
        default: boolean;
    };
    firstColumnIndex: {
        type: NumberConstructor;
        default: number;
    };
    treeProps: {
        type: import("vue").PropType<import("./src/simple-table").TreeProps>;
        default: () => {
            children: string;
            hasChildren: string;
        };
    };
    load: import("vue").PropType<import("./src/simple-table").LoadFunction>;
    scrollContainer: {
        type: import("vue").PropType<import("./src/simple-table").ScrollContainer>;
    };
}, {
    t: import("../..").Translator;
    namespace: import("vue").ComputedRef<string>;
    tableRef: import("vue").Ref<HTMLTableElement>;
    fixedColumnsStyle: import("vue").Ref<string>;
    isShowCol: (col: import("./src/simple-table").ColumnType) => boolean;
    getColFixed: (col: import("./src/simple-table").ColumnType, columnIndex?: number) => {
        hasShadow: boolean;
        position: string;
        distance: string | number;
    };
    realColsInfo: import("vue").ComputedRef<import("./src/simple-table").RealCols>;
    slotNames: import("vue").ComputedRef<string[]>;
    expandSlotNames: import("vue").ComputedRef<string[]>;
    scrollClass: import("vue").Ref<string>;
    realData: import("vue").ComputedRef<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;
    toggleExpand: (key: string, slotName: string) => void;
    toggleExpandTree: (row: Record<string, any>) => Promise<void>;
    rowClicked: (row: any, rowIndex: any, $event: any) => void;
    toggleColumn: (index: number, show?: boolean) => void;
    clearTooltip: () => void;
    hoverColIndex: import("vue").Ref<string | number>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("expand" | "current-change" | "tree-expand" | "cell-click" | "row-click" | "sort-change")[], "expand" | "current-change" | "tree-expand" | "cell-click" | "row-click" | "sort-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    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("./src/simple-table").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("./src/simple-table").RowClassFunction>;
        default: string;
    };
    rowStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./src/simple-table").RowStyleFunction>;
        default: () => {};
    };
    cellClassName: {
        type: import("vue").PropType<string | import("./src/simple-table").CellClassFunction>;
        default: string;
    };
    cellStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./src/simple-table").CellStyleFunction>;
        default: () => {};
    };
    headerRowClassName: {
        type: import("vue").PropType<string | import("./src/simple-table").RowClassFunction>;
        default: string;
    };
    headerRowStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./src/simple-table").RowStyleFunction>;
        default: () => {};
    };
    headerCellClassName: {
        type: import("vue").PropType<string | import("./src/simple-table").CellClassFunction>;
        default: string;
    };
    headerCellStyle: {
        type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./src/simple-table").CellStyleFunction>;
        default: () => {};
    };
    spanMethod: import("vue").PropType<import("./src/simple-table").SpanFunction>;
    highlightCurrentRow: BooleanConstructor;
    resize: {
        type: import("vue").PropType<boolean | import("./src/simple-table").ResizeOption>;
        default: boolean;
    };
    firstColumnIndex: {
        type: NumberConstructor;
        default: number;
    };
    treeProps: {
        type: import("vue").PropType<import("./src/simple-table").TreeProps>;
        default: () => {
            children: string;
            hasChildren: string;
        };
    };
    load: import("vue").PropType<import("./src/simple-table").LoadFunction>;
    scrollContainer: {
        type: import("vue").PropType<import("./src/simple-table").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;
}, {
    hover: boolean;
    border: string;
    resize: boolean;
    cellClassName: string | import("./src/simple-table").CellClassFunction;
    fixedHeader: boolean;
    fixedFooter: boolean;
    firstColumnIndex: number;
    cellStyle: {};
    rowClassName: string | import("./src/simple-table").RowClassFunction;
    rowStyle: {};
    crossHover: boolean;
    list: boolean;
    autoHeight: boolean;
    tableFixed: boolean;
    showHeader: boolean;
    cols: import("./src/simple-table").ColumnType[];
    rowKey: string | ((row: unknown) => string);
    expandRowKeys: string[];
    defaultExpandAll: boolean;
    headerRowClassName: string | import("./src/simple-table").RowClassFunction;
    headerRowStyle: {};
    headerCellClassName: string | import("./src/simple-table").CellClassFunction;
    headerCellStyle: {};
    highlightCurrentRow: boolean;
    treeProps: import("./src/simple-table").TreeProps;
}>> & {
    SortableIcon: import("vue").DefineComponent<{
        sortable: import("vue").PropType<boolean | "descending" | "ascending">;
    }, {
        active: import("vue").Ref<string>;
        shouldShow: import("vue").ComputedRef<boolean>;
        sort: (which: string) => void;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "sort-change"[], "sort-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        sortable: import("vue").PropType<boolean | "descending" | "ascending">;
    }>> & {
        "onSort-change"?: (...args: any[]) => any;
    }, {}>;
    FilterIcon: import("vue").DefineComponent<{
        placement: {
            type: import("vue").PropType<import("@popperjs/core").Placement>;
            default: string;
        };
        effect: {
            type: import("vue").PropType<"light" | "dark">;
            default: string;
        };
        popperClass: {
            type: StringConstructor;
            default: string;
        };
        trigger: {
            type: import("vue").PropType<"hover" | "click" | "all">;
            default: string;
        };
    }, {
        tooltipVisible: import("vue").Ref<boolean>;
        hidden: () => void;
        showByClick: (e: MouseEvent) => void;
        showByHover: (e: MouseEvent) => void;
        popperPaneRef: import("vue").ComputedRef<any>;
        tooltip: any;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        placement: {
            type: import("vue").PropType<import("@popperjs/core").Placement>;
            default: string;
        };
        effect: {
            type: import("vue").PropType<"light" | "dark">;
            default: string;
        };
        popperClass: {
            type: StringConstructor;
            default: string;
        };
        trigger: {
            type: import("vue").PropType<"hover" | "click" | "all">;
            default: string;
        };
    }>>, {
        trigger: "hover" | "click" | "all";
        placement: import("@popperjs/core").Placement;
        effect: "light" | "dark";
        popperClass: string;
    }>;
};
export default HlSimpleTable;
export * from './src/simple-table';