hongluan-ui
Version:
Hongluan Component Library for Vue 3
363 lines (362 loc) • 17.2 kB
TypeScript
export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder, } from './src/constants';
export { default as TableV2 } from './src/table-v2';
export * from './src/auto-resizer';
export { placeholderSign as TableV2Placeholder } from './src/private';
export declare const HlTableV2: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
readonly cache: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<number>, unknown, unknown, number, boolean>;
readonly estimatedRowHeight: {
readonly type: import("vue").PropType<number>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly rowKey: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").KeyType>, unknown, unknown, "id", boolean>;
readonly headerClass: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<string | import("./src/table").HeaderClassNameGetter<any>>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly headerProps: {
readonly type: import("vue").PropType<any>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly headerCellProps: {
readonly type: import("vue").PropType<any>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly headerHeight: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<number | number[]>, unknown, unknown, 50, boolean>;
readonly footerHeight: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
readonly rowClass: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<string | import("./src/table").RowClassNameGetter<any>>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly rowProps: {
readonly type: import("vue").PropType<any>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly rowHeight: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
readonly cellProps: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly columns: {
readonly type: import("vue").PropType<import("./src/common").AnyColumn[]>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly data: {
readonly type: import("vue").PropType<any[]>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly dataGetter: {
readonly type: import("vue").PropType<import("./src/types").DataGetter<any>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly fixedData: {
readonly type: import("vue").PropType<any[]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly expandColumnKey: StringConstructor;
readonly expandedRowKeys: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").KeyType[]>, unknown, unknown, () => any[], boolean>;
readonly defaultExpandedRowKeys: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").KeyType[]>, unknown, unknown, () => any[], boolean>;
readonly class: StringConstructor;
readonly fixed: BooleanConstructor;
readonly style: {
readonly type: import("vue").PropType<any>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly width: {
readonly type: import("vue").PropType<number>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly height: {
readonly type: import("vue").PropType<number>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly maxHeight: NumberConstructor;
readonly useIsScrolling: BooleanConstructor;
readonly indentSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
readonly iconSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
readonly hScrollbarSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
readonly vScrollbarSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
readonly scrollbarAlwaysOn: BooleanConstructor;
readonly sortBy: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").SortBy>, unknown, unknown, () => {
key: import("./src/types").KeyType;
order: import("./src/constants").SortOrder;
}, boolean>;
readonly sortState: {
readonly type: import("vue").PropType<import("./src/types").SortState>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onColumnSort: {
readonly type: import("vue").PropType<import("./src/table").ColumnSortHandler<any>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onExpandedRowsChange: {
readonly type: import("vue").PropType<import("./src/table").ExpandedRowsChangeHandler>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onEndReached: {
readonly type: import("vue").PropType<(distance: number) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onRowExpand: {
readonly type: import("vue").PropType<import("./src/row").RowExpandHandler>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onScroll: {
readonly type: import("vue").PropType<(...args: any[]) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onRowsRendered: {
readonly type: import("vue").PropType<(params: import("./src/grid").onRowRenderedParams) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly rowEventHandlers: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly cache: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<number>, unknown, unknown, number, boolean>;
readonly estimatedRowHeight: {
readonly type: import("vue").PropType<number>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly rowKey: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").KeyType>, unknown, unknown, "id", boolean>;
readonly headerClass: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<string | import("./src/table").HeaderClassNameGetter<any>>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly headerProps: {
readonly type: import("vue").PropType<any>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly headerCellProps: {
readonly type: import("vue").PropType<any>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly headerHeight: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<number | number[]>, unknown, unknown, 50, boolean>;
readonly footerHeight: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
readonly rowClass: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<string | import("./src/table").RowClassNameGetter<any>>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly rowProps: {
readonly type: import("vue").PropType<any>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly rowHeight: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
readonly cellProps: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly columns: {
readonly type: import("vue").PropType<import("./src/common").AnyColumn[]>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly data: {
readonly type: import("vue").PropType<any[]>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly dataGetter: {
readonly type: import("vue").PropType<import("./src/types").DataGetter<any>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly fixedData: {
readonly type: import("vue").PropType<any[]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly expandColumnKey: StringConstructor;
readonly expandedRowKeys: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").KeyType[]>, unknown, unknown, () => any[], boolean>;
readonly defaultExpandedRowKeys: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").KeyType[]>, unknown, unknown, () => any[], boolean>;
readonly class: StringConstructor;
readonly fixed: BooleanConstructor;
readonly style: {
readonly type: import("vue").PropType<any>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly width: {
readonly type: import("vue").PropType<number>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly height: {
readonly type: import("vue").PropType<number>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly maxHeight: NumberConstructor;
readonly useIsScrolling: BooleanConstructor;
readonly indentSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
readonly iconSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
readonly hScrollbarSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
readonly vScrollbarSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
readonly scrollbarAlwaysOn: BooleanConstructor;
readonly sortBy: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").SortBy>, unknown, unknown, () => {
key: import("./src/types").KeyType;
order: import("./src/constants").SortOrder;
}, boolean>;
readonly sortState: {
readonly type: import("vue").PropType<import("./src/types").SortState>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onColumnSort: {
readonly type: import("vue").PropType<import("./src/table").ColumnSortHandler<any>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onExpandedRowsChange: {
readonly type: import("vue").PropType<import("./src/table").ExpandedRowsChangeHandler>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onEndReached: {
readonly type: import("vue").PropType<(distance: number) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onRowExpand: {
readonly type: import("vue").PropType<import("./src/row").RowExpandHandler>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onScroll: {
readonly type: import("vue").PropType<(...args: any[]) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly onRowsRendered: {
readonly type: import("vue").PropType<(params: import("./src/grid").onRowRenderedParams) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly rowEventHandlers: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}>>, {
fixed: boolean;
headerHeight: import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<number | number[]>, unknown, unknown>;
rowKey: import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<import("./src/types").KeyType>, unknown, unknown>;
scrollbarAlwaysOn: boolean;
sortBy: import("./src/types").SortBy;
rowHeight: number;
cache: number;
useIsScrolling: boolean;
footerHeight: number;
indentSize: number;
iconSize: number;
expandedRowKeys: import("./src/types").KeyType[];
defaultExpandedRowKeys: import("./src/types").KeyType[];
hScrollbarSize: number;
vScrollbarSize: number;
}>> & Record<string, any>;
export declare const HlAutoResizer: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
readonly disableWidth: BooleanConstructor;
readonly disableHeight: BooleanConstructor;
readonly onResize: {
readonly type: import("vue").PropType<(event: {
height: number;
width: number;
}) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly disableWidth: BooleanConstructor;
readonly disableHeight: BooleanConstructor;
readonly onResize: {
readonly type: import("vue").PropType<(event: {
height: number;
width: number;
}) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}>>, {
disableWidth: boolean;
disableHeight: boolean;
}>> & Record<string, any>;
export type { Column, Columns, SortBy, SortState, TableV2CustomizedHeaderSlotParam, } from './src/types';
export type { TableV2Instance } from './src/table-v2';
export * from './src/table';
export * from './src/row';
export type { HeaderCellSlotProps } from './src/renderers/header-cell';