various-ui
Version:
This is a test version of the Vue 3 component library
394 lines (393 loc) • 15.3 kB
TypeScript
/// <reference types="node" />
export declare const UiCarousel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
readonly arrow: {
readonly type: import("vue").PropType<"hover" | "always" | "never">;
readonly default: "hover";
};
readonly delay: {
readonly type: NumberConstructor;
readonly default: 3000;
};
readonly transitionDelay: {
readonly type: NumberConstructor;
readonly default: 500;
};
readonly width: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
readonly height: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
readonly drag: {
readonly type: BooleanConstructor;
readonly default: false;
};
readonly autoplay: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly pagination: {
readonly type: BooleanConstructor;
readonly default: true;
};
}>, {
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly arrow: {
readonly type: import("vue").PropType<"hover" | "always" | "never">;
readonly default: "hover";
};
readonly delay: {
readonly type: NumberConstructor;
readonly default: 3000;
};
readonly transitionDelay: {
readonly type: NumberConstructor;
readonly default: 500;
};
readonly width: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
readonly height: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
readonly drag: {
readonly type: BooleanConstructor;
readonly default: false;
};
readonly autoplay: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly pagination: {
readonly type: BooleanConstructor;
readonly default: true;
};
}>> & Readonly<{
onChange?: ((_number: number) => any) | undefined;
onDrag?: (() => any) | undefined;
onNext?: ((_number: number) => any) | undefined;
"onDrag-after"?: (() => any) | undefined;
"onChange-after"?: ((_number: number) => any) | undefined;
}> & {}>;
emits: ((event: "change", _number: number) => void) & ((event: "drag") => void) & ((event: "next", _number: number) => void) & ((event: "drag-after") => void) & ((event: "change-after", _number: number) => void);
ons: {
container: {
touchstart: (ev: TouchEvent) => void;
} | {
touchstart?: undefined;
};
main: {
mouseenter: () => void | undefined;
mouseleave: () => void;
};
};
refs: {
main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
childrens: import("vue").Ref<HTMLElement[], HTMLElement[]>;
autoTimer: import("vue").Ref<NodeJS.Timeout | undefined, NodeJS.Timeout | undefined>;
skipTimer: import("vue").Ref<{
valueOf: () => boolean;
}, Boolean | {
valueOf: () => boolean;
}>;
active: import("vue").Ref<number, number>;
};
watchs: {
stopAutoPlay: import("vue").WatchHandle;
};
methods: {
init: (number?: number | undefined) => void;
dragCarousel: (ev: TouchEvent) => void;
switchCarousel: (number: number, _data?: any) => void;
switchBack: () => void;
switchNext: () => void;
};
computeds: {
isFirstControl: import("vue").ComputedRef<boolean>;
isLastControl: import("vue").ComputedRef<boolean>;
className: import("vue").ComputedRef<string>;
style: import("vue").ComputedRef<{
[name: string]: any;
}>;
};
variable: {
delay: number;
observer: ResizeObserver | undefined;
};
main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
active: import("vue").Ref<number, number>;
container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
childrens: import("vue").Ref<HTMLElement[], HTMLElement[]>;
switchCarousel: (number: number, _data?: any) => void;
switchBack: () => void;
switchNext: () => void;
init: (number?: number | undefined) => void;
style: import("vue").ComputedRef<{
[name: string]: any;
}>;
className: import("vue").ComputedRef<string>;
isLastControl: import("vue").ComputedRef<boolean>;
isFirstControl: import("vue").ComputedRef<boolean>;
readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
readonly name: StringConstructor;
}>, {
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly name: StringConstructor;
}>> & Readonly<{
onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
}> & {}>;
emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void;
click: (ev: Event | MouseEvent) => void;
name: import("vue").ComputedRef<string>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
click: (_ev?: Event | MouseEvent | undefined) => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
readonly name: StringConstructor;
}>> & Readonly<{
onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
drag: () => boolean;
next: (_number: number) => boolean;
change: (_number: number) => boolean;
"drag-after": () => boolean;
"change-after": (_number: number) => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
readonly arrow: {
readonly type: import("vue").PropType<"hover" | "always" | "never">;
readonly default: "hover";
};
readonly delay: {
readonly type: NumberConstructor;
readonly default: 3000;
};
readonly transitionDelay: {
readonly type: NumberConstructor;
readonly default: 500;
};
readonly width: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
readonly height: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
readonly drag: {
readonly type: BooleanConstructor;
readonly default: false;
};
readonly autoplay: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly pagination: {
readonly type: BooleanConstructor;
readonly default: true;
};
}>> & Readonly<{
onChange?: ((_number: number) => any) | undefined;
onDrag?: (() => any) | undefined;
onNext?: ((_number: number) => any) | undefined;
"onDrag-after"?: (() => any) | undefined;
"onChange-after"?: ((_number: number) => any) | undefined;
}>, {
readonly height: string | number;
readonly transitionDelay: number;
readonly width: string | number;
readonly drag: boolean;
readonly arrow: "hover" | "always" | "never";
readonly delay: number;
readonly autoplay: boolean;
readonly pagination: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const UiCarouselSeamless: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
delay: {
type: NumberConstructor;
default: number;
};
height: {
type: import("vue").PropType<string | number>;
required: boolean;
};
}>, {
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
delay: {
type: NumberConstructor;
default: number;
};
height: {
type: import("vue").PropType<string | number>;
required: boolean;
};
}>> & Readonly<{}> & {}>;
refs: {
offset: import("vue").Ref<number, number>;
frame: import("vue").Ref<number | undefined, number | undefined>;
main: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
content: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
container: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
};
methods: {
animation: () => void;
mouseenter: () => void;
mouseleave: () => void;
};
computeds: {
style: import("vue").ComputedRef<{
height: string | undefined;
}>;
};
main: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
content: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
container: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
mouseenter: () => void;
mouseleave: () => void;
style: import("vue").ComputedRef<{
height: string | undefined;
}>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
delay: {
type: NumberConstructor;
default: number;
};
height: {
type: import("vue").PropType<string | number>;
required: boolean;
};
}>> & Readonly<{}>, {
delay: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const UiCarouselMultipleView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
readonly delay: {
readonly type: NumberConstructor;
readonly default: 500;
};
readonly arrow: {
readonly type: import("vue").PropType<"hover" | "always" | "never">;
readonly default: "hover";
};
readonly width: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
readonly height: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
}>, {
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly delay: {
readonly type: NumberConstructor;
readonly default: 500;
};
readonly arrow: {
readonly type: import("vue").PropType<"hover" | "always" | "never">;
readonly default: "hover";
};
readonly width: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
readonly height: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
}>> & Readonly<{
onChange?: ((_number: number) => any) | undefined;
}> & {}>;
emits: (event: "change", _number: number) => void;
refs: {
main: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
controls: import("vue").Ref<boolean, boolean>;
boundary: import("vue").Ref<"middle" | "first" | "last", "middle" | "first" | "last">;
autoTimer: import("vue").Ref<NodeJS.Timeout | undefined, NodeJS.Timeout | undefined>;
container: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
};
methods: {
init: () => void;
switchCarousel: (number: number, _data?: any) => void;
switchBack: () => void;
switchNext: () => void;
};
computeds: {
className: import("vue").ComputedRef<string>;
style: import("vue").ComputedRef<{
[name: string]: any;
}>;
isFirstControl: import("vue").ComputedRef<boolean>;
isLastControl: import("vue").ComputedRef<boolean>;
};
variable: {
delay: number;
width: number;
offset: number;
delayUp: number;
observer: ResizeObserver | undefined;
};
main: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
container: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
switchCarousel: (number: number, _data?: any) => void;
switchBack: () => void;
switchNext: () => void;
init: () => void;
style: import("vue").ComputedRef<{
[name: string]: any;
}>;
className: import("vue").ComputedRef<string>;
isLastControl: import("vue").ComputedRef<boolean>;
isFirstControl: import("vue").ComputedRef<boolean>;
readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
readonly name: StringConstructor;
}>, {
define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly name: StringConstructor;
}>> & Readonly<{
onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
}> & {}>;
emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void;
click: (ev: Event | MouseEvent) => void;
name: import("vue").ComputedRef<string>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
click: (_ev?: Event | MouseEvent | undefined) => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
readonly name: StringConstructor;
}>> & Readonly<{
onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
change: (_number: number) => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
readonly delay: {
readonly type: NumberConstructor;
readonly default: 500;
};
readonly arrow: {
readonly type: import("vue").PropType<"hover" | "always" | "never">;
readonly default: "hover";
};
readonly width: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
readonly height: {
readonly type: import("vue").PropType<string | number>;
readonly default: "100%";
};
}>> & Readonly<{
onChange?: ((_number: number) => any) | undefined;
}>, {
readonly height: string | number;
readonly width: string | number;
readonly arrow: "hover" | "always" | "never";
readonly delay: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export * from "./default";
export * from "./seamless";
export * from "./multiple-view";
export default UiCarousel;