前端初始化
This commit is contained in:
+371
@@ -0,0 +1,371 @@
|
||||
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 scrollbarAlwaysOn: boolean;
|
||||
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 estimatedRowHeight: number;
|
||||
readonly useIsScrolling: boolean;
|
||||
readonly rowHeight: number;
|
||||
readonly hScrollbarSize: number;
|
||||
readonly vScrollbarSize: number;
|
||||
readonly cache: number;
|
||||
readonly footerHeight: number;
|
||||
readonly indentSize: number;
|
||||
readonly iconSize: number;
|
||||
readonly sortBy: SortBy;
|
||||
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 };
|
||||
Reference in New Issue
Block a user