Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
package.lib.components.VTimeline.index.d.mts Maven / Gradle / Ivy
import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, Prop, JSXComponent, PropType } from 'vue';
interface FilterPropsOptions, Props = ExtractPropTypes> {
filterProps, U extends Exclude>>(props: T): Partial>;
}
type Density = null | 'default' | 'comfortable' | 'compact';
type TimelineDirection = 'vertical' | 'horizontal';
type TimelineSide = 'start' | 'end' | undefined;
type TimelineAlign = 'center' | 'start';
type TimelineTruncateLine = 'start' | 'end' | 'both' | undefined;
declare const VTimeline: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
lineInset: NonNullable;
lineThickness: string | number;
} & {
class?: any;
side?: TimelineSide;
align?: TimelineAlign | undefined;
theme?: string | undefined;
direction?: TimelineDirection | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
lineColor?: string | undefined;
hideOpposite?: boolean | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
lineInset: NonNullable;
lineThickness: string | number;
} & {
class?: any;
side?: TimelineSide;
align?: TimelineAlign | undefined;
theme?: string | undefined;
direction?: TimelineDirection | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
lineColor?: string | undefined;
hideOpposite?: boolean | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
hideOpposite: boolean;
lineInset: NonNullable;
lineThickness: string | number;
}, true, {}, vue.SlotsType vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
lineInset: NonNullable;
lineThickness: string | number;
} & {
class?: any;
side?: TimelineSide;
align?: TimelineAlign | undefined;
theme?: string | undefined;
direction?: TimelineDirection | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
lineColor?: string | undefined;
hideOpposite?: boolean | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
hideOpposite: boolean;
lineInset: NonNullable;
lineThickness: string | number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
lineInset: NonNullable;
lineThickness: string | number;
} & {
class?: any;
side?: TimelineSide;
align?: TimelineAlign | undefined;
theme?: string | undefined;
direction?: TimelineDirection | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
lineColor?: string | undefined;
hideOpposite?: boolean | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record, string, {
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
hideOpposite: boolean;
lineInset: NonNullable;
lineThickness: string | number;
}, {}, string, vue.SlotsType vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType;
style: {
type: vue.PropType;
default: null;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
dotColor: StringConstructor;
fillDot: BooleanConstructor;
iconColor: StringConstructor;
hideOpposite: {
type: BooleanConstructor;
default: undefined;
};
lineInset: {
type: vue.PropType>;
default: NonNullable;
};
align: Prop;
direction: Prop;
justify: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
side: Prop;
lineThickness: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
lineColor: StringConstructor;
truncateLine: Prop;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType;
style: {
type: vue.PropType;
default: null;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
dotColor: StringConstructor;
fillDot: BooleanConstructor;
iconColor: StringConstructor;
hideOpposite: {
type: BooleanConstructor;
default: undefined;
};
lineInset: {
type: vue.PropType>;
default: NonNullable;
};
align: Prop;
direction: Prop;
justify: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
side: Prop;
lineThickness: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
lineColor: StringConstructor;
truncateLine: Prop;
}>>;
type VTimeline = InstanceType;
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
declare const IconValue: PropType;
declare const VTimelineItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
density?: "default" | "compact" | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
lineInset?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
icon?: (() => vue.VNodeChild) | undefined;
opposite?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
icon?: false | (() => vue.VNodeChild) | undefined;
opposite?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:opposite"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
density?: "default" | "compact" | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
lineInset?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
icon?: (() => vue.VNodeChild) | undefined;
opposite?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
icon?: false | (() => vue.VNodeChild) | undefined;
opposite?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:opposite"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
hideOpposite: boolean;
}, true, {}, vue.SlotsType vue.VNode[];
icon: () => vue.VNode[];
opposite: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
density?: "default" | "compact" | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
lineInset?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
icon?: (() => vue.VNodeChild) | undefined;
opposite?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
icon?: false | (() => vue.VNodeChild) | undefined;
opposite?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:opposite"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
hideOpposite: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
density?: "default" | "compact" | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
lineInset?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
icon?: (() => vue.VNodeChild) | undefined;
opposite?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
icon?: false | (() => vue.VNodeChild) | undefined;
opposite?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:opposite"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record, string, {
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
hideOpposite: boolean;
}, {}, string, vue.SlotsType vue.VNode[];
icon: () => vue.VNode[];
opposite: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType;
style: {
type: PropType;
default: null;
};
density: PropType<"default" | "compact">;
dotColor: StringConstructor;
fillDot: BooleanConstructor;
hideDot: BooleanConstructor;
hideOpposite: {
type: BooleanConstructor;
default: undefined;
};
icon: PropType;
iconColor: StringConstructor;
lineInset: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType;
style: {
type: PropType;
default: null;
};
density: PropType<"default" | "compact">;
dotColor: StringConstructor;
fillDot: BooleanConstructor;
hideDot: BooleanConstructor;
hideOpposite: {
type: BooleanConstructor;
default: undefined;
};
icon: PropType;
iconColor: StringConstructor;
lineInset: (StringConstructor | NumberConstructor)[];
}>>;
type VTimelineItem = InstanceType;
export { VTimeline, VTimelineItem };
