@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
582 lines • 21.7 kB
TypeScript
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
items: {
type: ArrayConstructor;
required: true;
};
dynamic: {
type: BooleanConstructor;
default: boolean;
};
keyField: {
type: StringConstructor;
default: string;
};
direction: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
listTag: {
type: StringConstructor;
default: string;
};
itemTag: {
type: StringConstructor;
default: string;
};
minItemSize: {
type: (StringConstructor | NumberConstructor)[];
};
}>, {}, {
vscrollData: {
active: boolean;
sizes: {};
keyField: string;
simpleArray: boolean;
};
}, {
simpleArray(): boolean | 0;
itemsWithSize(): {
[x: string]: any;
item: unknown;
size: any;
}[];
}, {
dynamicScrollerUpdateItems(): void;
dynamicScrollerUpdateItemsFromBottom(): void;
scrollToItem(index: any): void;
scrollToBottom(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
items: {
type: ArrayConstructor;
required: true;
};
dynamic: {
type: BooleanConstructor;
default: boolean;
};
keyField: {
type: StringConstructor;
default: string;
};
direction: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
listTag: {
type: StringConstructor;
default: string;
};
itemTag: {
type: StringConstructor;
default: string;
};
minItemSize: {
type: (StringConstructor | NumberConstructor)[];
};
}>> & Readonly<{}>, {
direction: string;
keyField: string;
listTag: string;
itemTag: string;
dynamic: boolean;
}, {}, {
CoreScroller: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
scrollToItem: (index: any) => void;
_updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => {
continuous: boolean;
};
$emit: (event: "user-position", ...args: any[]) => void;
direction: string;
itemClass: string | unknown[] | Record<string, any>;
items: unknown[];
listClass: string | unknown[] | Record<string, any>;
keyField: string;
itemSize: number;
minItemSize: string | number;
sizeField: string;
buffer: number;
skipHover: boolean;
listTag: string;
itemTag: string;
$props: {
readonly direction?: string | undefined;
readonly itemClass?: string | unknown[] | Record<string, any> | undefined;
readonly items?: unknown[] | undefined;
readonly listClass?: string | unknown[] | Record<string, any> | undefined;
readonly keyField?: string | undefined;
readonly itemSize?: number | undefined;
readonly minItemSize?: string | number | undefined;
readonly sizeField?: string | undefined;
readonly buffer?: number | undefined;
readonly skipHover?: boolean | undefined;
readonly listTag?: string | undefined;
readonly itemTag?: string | undefined;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
scroller: HTMLDivElement;
wrapper: unknown;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{}> & Readonly<{}>, {
scrollToItem: (index: any) => void;
_updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => {
continuous: boolean;
};
$emit: (event: "user-position", ...args: any[]) => void;
direction: string;
itemClass: string | unknown[] | Record<string, any>;
items: unknown[];
listClass: string | unknown[] | Record<string, any>;
keyField: string;
itemSize: number;
minItemSize: string | number;
sizeField: string;
buffer: number;
skipHover: boolean;
listTag: string;
itemTag: string;
$props: {
readonly direction?: string | undefined;
readonly itemClass?: string | unknown[] | Record<string, any> | undefined;
readonly items?: unknown[] | undefined;
readonly listClass?: string | unknown[] | Record<string, any> | undefined;
readonly keyField?: string | undefined;
readonly itemSize?: number | undefined;
readonly minItemSize?: string | number | undefined;
readonly sizeField?: string | undefined;
readonly buffer?: number | undefined;
readonly skipHover?: boolean | undefined;
readonly listTag?: string | undefined;
readonly itemTag?: string | undefined;
};
}, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
scrollToItem: (index: any) => void;
_updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => {
continuous: boolean;
};
$emit: (event: "user-position", ...args: any[]) => void;
direction: string;
itemClass: string | unknown[] | Record<string, any>;
items: unknown[];
listClass: string | unknown[] | Record<string, any>;
keyField: string;
itemSize: number;
minItemSize: string | number;
sizeField: string;
buffer: number;
skipHover: boolean;
listTag: string;
itemTag: string;
$props: {
readonly direction?: string | undefined;
readonly itemClass?: string | unknown[] | Record<string, any> | undefined;
readonly items?: unknown[] | undefined;
readonly listClass?: string | unknown[] | Record<string, any> | undefined;
readonly keyField?: string | undefined;
readonly itemSize?: number | undefined;
readonly minItemSize?: string | number | undefined;
readonly sizeField?: string | undefined;
readonly buffer?: number | undefined;
readonly skipHover?: boolean | undefined;
readonly listTag?: string | undefined;
readonly itemTag?: string | undefined;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {
item: any;
index: any;
active: any;
}): any;
};
});
DtScrollerItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
item: {
required: true;
};
watchData: {
type: BooleanConstructor;
default: boolean;
};
active: {
type: BooleanConstructor;
required: true;
};
index: {
type: NumberConstructor;
default: undefined;
};
sizeDependencies: {
type: (ObjectConstructor | ArrayConstructor)[];
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {
id(): any;
size(): any;
finalActive(): any;
}, {
updateSize(): void;
updateWatchData(): void;
onVscrollUpdate({ force }: {
force: any;
}): void;
onDataUpdate(): void;
computeSize(id: any): void;
applyWidthHeight(width: any, height: any): void;
applySize(size: any): void;
observeSize(): void;
unobserveSize(): void;
onResize(id: any, width: any, height: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
item: {
required: true;
};
watchData: {
type: BooleanConstructor;
default: boolean;
};
active: {
type: BooleanConstructor;
required: true;
};
index: {
type: NumberConstructor;
default: undefined;
};
sizeDependencies: {
type: (ObjectConstructor | ArrayConstructor)[];
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
index: number;
tag: string;
watchData: boolean;
sizeDependencies: unknown[] | Record<string, any>;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, () => {
vscrollData: {
active: boolean;
sizes: {};
keyField: string;
simpleArray: boolean;
};
vscrollParent: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
items: {
type: ArrayConstructor;
required: true;
};
dynamic: {
type: BooleanConstructor;
default: boolean;
};
keyField: {
type: StringConstructor;
default: string;
};
direction: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
listTag: {
type: StringConstructor;
default: string;
};
itemTag: {
type: StringConstructor;
default: string;
};
minItemSize: {
type: (StringConstructor | NumberConstructor)[];
};
}>> & Readonly<{}>, {}, {
vscrollData: {
active: boolean;
sizes: {};
keyField: string;
simpleArray: boolean;
};
}, {
simpleArray(): boolean | 0;
itemsWithSize(): {
[x: string]: any;
item: unknown;
size: any;
}[];
}, {
dynamicScrollerUpdateItems(): void;
dynamicScrollerUpdateItemsFromBottom(): void;
scrollToItem(index: any): void;
scrollToBottom(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, {}, {}, false, {}, {}, {
CoreScroller: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
scrollToItem: (index: any) => void;
_updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => {
continuous: boolean;
};
$emit: (event: "user-position", ...args: any[]) => void;
direction: string;
itemClass: string | unknown[] | Record<string, any>;
items: unknown[];
listClass: string | unknown[] | Record<string, any>;
keyField: string;
itemSize: number;
minItemSize: string | number;
sizeField: string;
buffer: number;
skipHover: boolean;
listTag: string;
itemTag: string;
$props: {
readonly direction?: string | undefined;
readonly itemClass?: string | unknown[] | Record<string, any> | undefined;
readonly items?: unknown[] | undefined;
readonly listClass?: string | unknown[] | Record<string, any> | undefined;
readonly keyField?: string | undefined;
readonly itemSize?: number | undefined;
readonly minItemSize?: string | number | undefined;
readonly sizeField?: string | undefined;
readonly buffer?: number | undefined;
readonly skipHover?: boolean | undefined;
readonly listTag?: string | undefined;
readonly itemTag?: string | undefined;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
scroller: HTMLDivElement;
wrapper: unknown;
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{}> & Readonly<{}>, {
scrollToItem: (index: any) => void;
_updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => {
continuous: boolean;
};
$emit: (event: "user-position", ...args: any[]) => void;
direction: string;
itemClass: string | unknown[] | Record<string, any>;
items: unknown[];
listClass: string | unknown[] | Record<string, any>;
keyField: string;
itemSize: number;
minItemSize: string | number;
sizeField: string;
buffer: number;
skipHover: boolean;
listTag: string;
itemTag: string;
$props: {
readonly direction?: string | undefined;
readonly itemClass?: string | unknown[] | Record<string, any> | undefined;
readonly items?: unknown[] | undefined;
readonly listClass?: string | unknown[] | Record<string, any> | undefined;
readonly keyField?: string | undefined;
readonly itemSize?: number | undefined;
readonly minItemSize?: string | number | undefined;
readonly sizeField?: string | undefined;
readonly buffer?: number | undefined;
readonly skipHover?: boolean | undefined;
readonly listTag?: string | undefined;
readonly itemTag?: string | undefined;
};
}, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
scrollToItem: (index: any) => void;
_updateVisibleItems: (checkItem: any, checkPositionDiff?: boolean) => {
continuous: boolean;
};
$emit: (event: "user-position", ...args: any[]) => void;
direction: string;
itemClass: string | unknown[] | Record<string, any>;
items: unknown[];
listClass: string | unknown[] | Record<string, any>;
keyField: string;
itemSize: number;
minItemSize: string | number;
sizeField: string;
buffer: number;
skipHover: boolean;
listTag: string;
itemTag: string;
$props: {
readonly direction?: string | undefined;
readonly itemClass?: string | unknown[] | Record<string, any> | undefined;
readonly items?: unknown[] | undefined;
readonly listClass?: string | unknown[] | Record<string, any> | undefined;
readonly keyField?: string | undefined;
readonly itemSize?: number | undefined;
readonly minItemSize?: string | number | undefined;
readonly sizeField?: string | undefined;
readonly buffer?: number | undefined;
readonly skipHover?: boolean | undefined;
readonly listTag?: string | undefined;
readonly itemTag?: string | undefined;
};
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {
item: any;
index: any;
active: any;
}): any;
};
});
DtScrollerItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
item: {
required: true;
};
watchData: {
type: BooleanConstructor;
default: boolean;
};
active: {
type: BooleanConstructor;
required: true;
};
index: {
type: NumberConstructor;
default: undefined;
};
sizeDependencies: {
type: (ObjectConstructor | ArrayConstructor)[];
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {
id(): any;
size(): any;
finalActive(): any;
}, {
updateSize(): void;
updateWatchData(): void;
onVscrollUpdate({ force }: {
force: any;
}): void;
onDataUpdate(): void;
computeSize(id: any): void;
applyWidthHeight(width: any, height: any): void;
applySize(size: any): void;
observeSize(): void;
unobserveSize(): void;
onResize(id: any, width: any, height: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
item: {
required: true;
};
watchData: {
type: BooleanConstructor;
default: boolean;
};
active: {
type: BooleanConstructor;
required: true;
};
index: {
type: NumberConstructor;
default: undefined;
};
sizeDependencies: {
type: (ObjectConstructor | ArrayConstructor)[];
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
index: number;
tag: string;
watchData: boolean;
sizeDependencies: unknown[] | Record<string, any>;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
items: {
type: ArrayConstructor;
required: true;
};
dynamic: {
type: BooleanConstructor;
default: boolean;
};
keyField: {
type: StringConstructor;
default: string;
};
direction: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
listTag: {
type: StringConstructor;
default: string;
};
itemTag: {
type: StringConstructor;
default: string;
};
minItemSize: {
type: (StringConstructor | NumberConstructor)[];
};
}>> & Readonly<{}>, {}, {
vscrollData: {
active: boolean;
sizes: {};
keyField: string;
simpleArray: boolean;
};
}, {
simpleArray(): boolean | 0;
itemsWithSize(): {
[x: string]: any;
item: unknown;
size: any;
}[];
}, {
dynamicScrollerUpdateItems(): void;
dynamicScrollerUpdateItemsFromBottom(): void;
scrollToItem(index: any): void;
scrollToBottom(): void;
}, {}>;
vscrollResizeObserver: any;
}, true, {}, any>;
export default _default;
//# sourceMappingURL=dynamic_scroller.vue.d.ts.map