| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371 |
- import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
- import { Alignment } from "../../virtual-list/src/types.js";
- import { SortOrder } from "./constants.js";
- import { DataGetter, KeyType, SortBy, SortState, TableV2CustomizedHeaderSlotParam } from "./types.js";
- import { AnyColumn } from "./common.js";
- import { onRowRenderedParams } from "./grid.js";
- import { ColumnSortHandler, ExpandedRowsChangeHandler, ExtraCellPropGetter, HeaderClassNameGetter, RowClassNameGetter } from "./table.js";
- import { TableV2HeaderRowCellRendererParams } from "./components/header-row.js";
- import { RowEventHandlers, RowExpandHandler } from "./row.js";
- import { TableV2RowCellRenderParam, TableV2RowSlotProps } from "./components/row.js";
- import * as _$vue from "vue";
- import { CSSProperties, SlotsType } from "vue";
- import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
- //#region ../../packages/components/table-v2/src/table-v2.d.ts
- type TableV2Slots = {
- row?: (props: TableV2RowSlotProps) => any;
- cell?: (props: TableV2RowCellRenderParam) => any;
- header?: (props: TableV2CustomizedHeaderSlotParam) => any;
- 'header-cell'?: (props: TableV2HeaderRowCellRendererParams) => any;
- footer?: () => any;
- empty?: () => any;
- overlay?: () => any;
- };
- declare const TableV2: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
- readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
- readonly estimatedRowHeight: {
- readonly default: undefined;
- readonly type: _$vue.PropType<number>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- readonly __epPropKey: true;
- };
- readonly rowKey: EpPropFinalized<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown, "id", boolean>;
- readonly headerClass: {
- readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HeaderClassNameGetter<any>) | (() => string | HeaderClassNameGetter<any>) | (((new (...args: any[]) => string | HeaderClassNameGetter<any>) | (() => string | HeaderClassNameGetter<any>)) | null)[], unknown, unknown>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly headerProps: {
- readonly type: _$vue.PropType<any>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly headerCellProps: {
- readonly type: _$vue.PropType<any>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly headerHeight: EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown, 50, boolean>;
- readonly footerHeight: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
- readonly rowClass: {
- readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | RowClassNameGetter<any>) | (() => string | RowClassNameGetter<any>) | (((new (...args: any[]) => string | RowClassNameGetter<any>) | (() => string | RowClassNameGetter<any>)) | null)[], unknown, unknown>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly rowProps: {
- readonly type: _$vue.PropType<any>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly rowHeight: EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
- readonly cellProps: {
- readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Record<string, any> | ExtraCellPropGetter<any>) | (() => Record<string, any> | ExtraCellPropGetter<any>) | (((new (...args: any[]) => Record<string, any> | ExtraCellPropGetter<any>) | (() => Record<string, any> | ExtraCellPropGetter<any>)) | null)[], unknown, unknown>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly columns: {
- readonly type: _$vue.PropType<AnyColumn[]>;
- readonly required: true;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly data: {
- readonly type: _$vue.PropType<any[]>;
- readonly required: true;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly dataGetter: {
- readonly type: _$vue.PropType<DataGetter<any>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly fixedData: {
- readonly type: _$vue.PropType<any[]>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly expandColumnKey: StringConstructor;
- readonly expandedRowKeys: EpPropFinalized<(new (...args: any[]) => KeyType[]) | (() => KeyType[]) | (((new (...args: any[]) => KeyType[]) | (() => KeyType[])) | null)[], unknown, unknown, () => never[], boolean>;
- readonly defaultExpandedRowKeys: EpPropFinalized<(new (...args: any[]) => KeyType[]) | (() => KeyType[]) | (((new (...args: any[]) => KeyType[]) | (() => KeyType[])) | null)[], unknown, unknown, () => never[], boolean>;
- readonly class: StringConstructor;
- readonly fixed: BooleanConstructor;
- readonly style: {
- readonly type: _$vue.PropType<CSSProperties>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly width: {
- readonly type: _$vue.PropType<number>;
- readonly required: true;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly height: {
- readonly type: _$vue.PropType<number>;
- readonly required: true;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly maxHeight: NumberConstructor;
- readonly useIsScrolling: BooleanConstructor;
- readonly indentSize: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
- readonly iconSize: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
- readonly hScrollbarSize: EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
- readonly vScrollbarSize: EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
- readonly scrollbarAlwaysOn: BooleanConstructor;
- readonly sortBy: EpPropFinalized<(new (...args: any[]) => SortBy) | (() => SortBy) | (((new (...args: any[]) => SortBy) | (() => SortBy)) | null)[], unknown, unknown, () => {
- key: KeyType;
- order: SortOrder;
- }, boolean>;
- readonly sortState: EpPropFinalized<(new (...args: any[]) => SortState) | (() => SortState) | (((new (...args: any[]) => SortState) | (() => SortState)) | null)[], unknown, unknown, undefined, boolean>;
- readonly onColumnSort: {
- readonly type: _$vue.PropType<ColumnSortHandler<any>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onExpandedRowsChange: {
- readonly type: _$vue.PropType<ExpandedRowsChangeHandler>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onEndReached: {
- readonly type: _$vue.PropType<(remainDistance: number) => void>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onRowExpand: {
- readonly type: _$vue.PropType<RowExpandHandler>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onScroll: {
- readonly type: _$vue.PropType<(...args: any[]) => void>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onRowsRendered: {
- readonly type: _$vue.PropType<(params: onRowRenderedParams) => void>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly rowEventHandlers: {
- readonly type: _$vue.PropType<RowEventHandlers>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- }>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
- readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
- readonly estimatedRowHeight: {
- readonly default: undefined;
- readonly type: _$vue.PropType<number>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- readonly __epPropKey: true;
- };
- readonly rowKey: EpPropFinalized<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown, "id", boolean>;
- readonly headerClass: {
- readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HeaderClassNameGetter<any>) | (() => string | HeaderClassNameGetter<any>) | (((new (...args: any[]) => string | HeaderClassNameGetter<any>) | (() => string | HeaderClassNameGetter<any>)) | null)[], unknown, unknown>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly headerProps: {
- readonly type: _$vue.PropType<any>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly headerCellProps: {
- readonly type: _$vue.PropType<any>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly headerHeight: EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown, 50, boolean>;
- readonly footerHeight: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
- readonly rowClass: {
- readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | RowClassNameGetter<any>) | (() => string | RowClassNameGetter<any>) | (((new (...args: any[]) => string | RowClassNameGetter<any>) | (() => string | RowClassNameGetter<any>)) | null)[], unknown, unknown>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly rowProps: {
- readonly type: _$vue.PropType<any>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly rowHeight: EpPropFinalized<NumberConstructor, unknown, unknown, 50, boolean>;
- readonly cellProps: {
- readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Record<string, any> | ExtraCellPropGetter<any>) | (() => Record<string, any> | ExtraCellPropGetter<any>) | (((new (...args: any[]) => Record<string, any> | ExtraCellPropGetter<any>) | (() => Record<string, any> | ExtraCellPropGetter<any>)) | null)[], unknown, unknown>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly columns: {
- readonly type: _$vue.PropType<AnyColumn[]>;
- readonly required: true;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly data: {
- readonly type: _$vue.PropType<any[]>;
- readonly required: true;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly dataGetter: {
- readonly type: _$vue.PropType<DataGetter<any>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly fixedData: {
- readonly type: _$vue.PropType<any[]>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly expandColumnKey: StringConstructor;
- readonly expandedRowKeys: EpPropFinalized<(new (...args: any[]) => KeyType[]) | (() => KeyType[]) | (((new (...args: any[]) => KeyType[]) | (() => KeyType[])) | null)[], unknown, unknown, () => never[], boolean>;
- readonly defaultExpandedRowKeys: EpPropFinalized<(new (...args: any[]) => KeyType[]) | (() => KeyType[]) | (((new (...args: any[]) => KeyType[]) | (() => KeyType[])) | null)[], unknown, unknown, () => never[], boolean>;
- readonly class: StringConstructor;
- readonly fixed: BooleanConstructor;
- readonly style: {
- readonly type: _$vue.PropType<CSSProperties>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly width: {
- readonly type: _$vue.PropType<number>;
- readonly required: true;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly height: {
- readonly type: _$vue.PropType<number>;
- readonly required: true;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly maxHeight: NumberConstructor;
- readonly useIsScrolling: BooleanConstructor;
- readonly indentSize: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
- readonly iconSize: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
- readonly hScrollbarSize: EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
- readonly vScrollbarSize: EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
- readonly scrollbarAlwaysOn: BooleanConstructor;
- readonly sortBy: EpPropFinalized<(new (...args: any[]) => SortBy) | (() => SortBy) | (((new (...args: any[]) => SortBy) | (() => SortBy)) | null)[], unknown, unknown, () => {
- key: KeyType;
- order: SortOrder;
- }, boolean>;
- readonly sortState: EpPropFinalized<(new (...args: any[]) => SortState) | (() => SortState) | (((new (...args: any[]) => SortState) | (() => SortState)) | null)[], unknown, unknown, undefined, boolean>;
- readonly onColumnSort: {
- readonly type: _$vue.PropType<ColumnSortHandler<any>>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onExpandedRowsChange: {
- readonly type: _$vue.PropType<ExpandedRowsChangeHandler>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onEndReached: {
- readonly type: _$vue.PropType<(remainDistance: number) => void>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onRowExpand: {
- readonly type: _$vue.PropType<RowExpandHandler>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onScroll: {
- readonly type: _$vue.PropType<(...args: any[]) => void>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly onRowsRendered: {
- readonly type: _$vue.PropType<(params: onRowRenderedParams) => void>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- readonly rowEventHandlers: {
- readonly type: _$vue.PropType<RowEventHandlers>;
- readonly required: false;
- readonly validator: ((val: unknown) => boolean) | undefined;
- __epPropKey: true;
- };
- }>> & Readonly<{}>, {
- readonly fixed: boolean;
- readonly useIsScrolling: boolean;
- readonly scrollbarAlwaysOn: boolean;
- readonly cache: number;
- readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
- readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
- readonly sortBy: SortBy;
- readonly estimatedRowHeight: number;
- readonly rowHeight: number;
- readonly hScrollbarSize: number;
- readonly vScrollbarSize: number;
- readonly footerHeight: number;
- readonly indentSize: number;
- readonly iconSize: number;
- readonly sortState: SortState;
- readonly expandedRowKeys: KeyType[];
- readonly defaultExpandedRowKeys: KeyType[];
- }, SlotsType<TableV2Slots>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
- type TableV2Instance = InstanceType<typeof TableV2> & {
- /**
- * @description scroll to a given position
- * @params params {{ scrollLeft?: number, scrollTop?: number }} where to scroll to.
- */
- scrollTo: (param: {
- scrollLeft?: number;
- scrollTop?: number;
- }) => void;
- /**
- * @description scroll to a given position horizontally
- * @params scrollLeft {Number} where to scroll to.
- */
- scrollToLeft: (scrollLeft: number) => void;
- /**
- * @description scroll to a given position vertically
- * @params scrollTop { Number } where to scroll to.
- */
- scrollToTop: (scrollTop: number) => void;
- /**
- * @description scroll to a given row
- * @params row {Number} which row to scroll to
- * @params strategy {ScrollStrategy} use what strategy to scroll to
- */
- scrollToRow(row: number, strategy?: Alignment): void;
- };
- //#endregion
- export { TableV2Instance, TableV2 as default };
|