hongluan-ui
Version:
Hongluan Component Library for Vue 3
270 lines (269 loc) • 9.66 kB
TypeScript
import type { ColumnType } from './simple-table';
declare const _default: 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<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("./simple-table").RowClassFunction>;
default: string;
};
rowStyle: {
type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./simple-table").RowStyleFunction>;
default: () => {};
};
cellClassName: {
type: import("vue").PropType<string | import("./simple-table").CellClassFunction>;
default: string;
};
cellStyle: {
type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./simple-table").CellStyleFunction>;
default: () => {};
};
headerRowClassName: {
type: import("vue").PropType<string | import("./simple-table").RowClassFunction>;
default: string;
};
headerRowStyle: {
type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./simple-table").RowStyleFunction>;
default: () => {};
};
headerCellClassName: {
type: import("vue").PropType<string | import("./simple-table").CellClassFunction>;
default: string;
};
headerCellStyle: {
type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./simple-table").CellStyleFunction>;
default: () => {};
};
spanMethod: import("vue").PropType<import("./simple-table").SpanFunction>;
highlightCurrentRow: BooleanConstructor;
resize: {
type: import("vue").PropType<boolean | import("./simple-table").ResizeOption>;
default: boolean;
};
firstColumnIndex: {
type: NumberConstructor;
default: number;
};
treeProps: {
type: import("vue").PropType<import("./simple-table").TreeProps>;
default: () => {
children: string;
hasChildren: string;
};
};
load: import("vue").PropType<import("./simple-table").LoadFunction>;
scrollContainer: {
type: import("vue").PropType<import("./simple-table").ScrollContainer>;
};
}, {
t: import("hongluan-ui/es/hooks").Translator;
namespace: import("vue").ComputedRef<string>;
tableRef: import("vue").Ref<HTMLTableElement>;
fixedColumnsStyle: import("vue").Ref<string>;
isShowCol: (col: ColumnType) => boolean;
getColFixed: (col: ColumnType, columnIndex?: number) => {
hasShadow: boolean;
position: string;
distance: string | number;
};
realColsInfo: import("vue").ComputedRef<import("./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<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("./simple-table").RowClassFunction>;
default: string;
};
rowStyle: {
type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./simple-table").RowStyleFunction>;
default: () => {};
};
cellClassName: {
type: import("vue").PropType<string | import("./simple-table").CellClassFunction>;
default: string;
};
cellStyle: {
type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./simple-table").CellStyleFunction>;
default: () => {};
};
headerRowClassName: {
type: import("vue").PropType<string | import("./simple-table").RowClassFunction>;
default: string;
};
headerRowStyle: {
type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./simple-table").RowStyleFunction>;
default: () => {};
};
headerCellClassName: {
type: import("vue").PropType<string | import("./simple-table").CellClassFunction>;
default: string;
};
headerCellStyle: {
type: import("vue").PropType<import("hongluan-ui/es/utils").Indexable<any> | import("./simple-table").CellStyleFunction>;
default: () => {};
};
spanMethod: import("vue").PropType<import("./simple-table").SpanFunction>;
highlightCurrentRow: BooleanConstructor;
resize: {
type: import("vue").PropType<boolean | import("./simple-table").ResizeOption>;
default: boolean;
};
firstColumnIndex: {
type: NumberConstructor;
default: number;
};
treeProps: {
type: import("vue").PropType<import("./simple-table").TreeProps>;
default: () => {
children: string;
hasChildren: string;
};
};
load: import("vue").PropType<import("./simple-table").LoadFunction>;
scrollContainer: {
type: import("vue").PropType<import("./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("./simple-table").CellClassFunction;
fixedHeader: boolean;
fixedFooter: boolean;
firstColumnIndex: number;
cellStyle: {};
rowClassName: string | import("./simple-table").RowClassFunction;
rowStyle: {};
crossHover: boolean;
list: boolean;
autoHeight: boolean;
tableFixed: boolean;
showHeader: boolean;
cols: ColumnType[];
rowKey: string | ((row: unknown) => string);
expandRowKeys: string[];
defaultExpandAll: boolean;
headerRowClassName: string | import("./simple-table").RowClassFunction;
headerRowStyle: {};
headerCellClassName: string | import("./simple-table").CellClassFunction;
headerCellStyle: {};
highlightCurrentRow: boolean;
treeProps: import("./simple-table").TreeProps;
}>;
export default _default;