UNPKG

xdesign-vue-next

Version:

XDesign Component for vue-next

713 lines (712 loc) 29.7 kB
import { TdSwiperProps } from './type'; import './style'; export * from './type'; export declare type SwiperProps = TdSwiperProps; export declare const Swiper: { new (...args: any[]): { $: import("vue").ComponentInternalInstance; $data: {}; $props: { type?: "default" | "card"; interval?: number; animation?: "fade" | "slide"; direction?: "horizontal" | "vertical"; duration?: number; autoplay?: boolean; loop?: boolean; trigger?: "click" | "hover"; current?: number; theme?: "dark" | "light"; defaultCurrent?: number; stopOnHover?: boolean; key?: string | number | symbol; readonly height?: number; style?: unknown; readonly onChange?: (current: number, context: { source: import("./type").SwiperChangeSource; }) => void; class?: unknown; ref?: import("vue").VNodeRef; ref_for?: boolean; ref_key?: string; onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; readonly navigation?: unknown; "onUpdate:current"?: (...args: any[]) => any; }; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("vue").Slot<any>; }>; $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>; $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>; $emit: (event: "update:current", ...args: any[]) => void; $el: any; $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ animation: { type: import("vue").PropType<"fade" | "slide">; default: "fade" | "slide"; validator(val: "fade" | "slide"): boolean; }; autoplay: { type: BooleanConstructor; default: boolean; }; current: { type: NumberConstructor; default: number; }; defaultCurrent: { type: NumberConstructor; default: number; }; direction: { type: import("vue").PropType<"horizontal" | "vertical">; default: "horizontal" | "vertical"; validator(val: "horizontal" | "vertical"): boolean; }; duration: { type: NumberConstructor; default: number; }; height: { type: NumberConstructor; }; interval: { type: NumberConstructor; default: number; }; loop: { type: BooleanConstructor; default: boolean; }; navigation: { type: import("vue").PropType<((h: typeof import("vue").h) => import("..").SlotReturnValue) | import("./type").SwiperNavigation>; }; stopOnHover: { type: BooleanConstructor; default: boolean; }; theme: { type: import("vue").PropType<"dark" | "light">; default: "dark" | "light"; validator(val: "dark" | "light"): boolean; }; trigger: { type: import("vue").PropType<"click" | "hover">; default: "click" | "hover"; validator(val: "click" | "hover"): boolean; }; type: { type: import("vue").PropType<"default" | "card">; default: "default" | "card"; validator(val: "default" | "card"): boolean; }; onChange: import("vue").PropType<(current: number, context: { source: import("./type").SwiperChangeSource; }) => void>; }>> & { "onUpdate:current"?: (...args: any[]) => any; }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:current"[], string, { type: "default" | "card"; interval: number; animation: "fade" | "slide"; direction: "horizontal" | "vertical"; duration: number; autoplay: boolean; loop: boolean; trigger: "click" | "hover"; current: number; theme: "dark" | "light"; defaultCurrent: number; stopOnHover: boolean; }, {}, string, {}> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof import("vue").nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle; } & Readonly<import("vue").ExtractPropTypes<{ animation: { type: import("vue").PropType<"fade" | "slide">; default: "fade" | "slide"; validator(val: "fade" | "slide"): boolean; }; autoplay: { type: BooleanConstructor; default: boolean; }; current: { type: NumberConstructor; default: number; }; defaultCurrent: { type: NumberConstructor; default: number; }; direction: { type: import("vue").PropType<"horizontal" | "vertical">; default: "horizontal" | "vertical"; validator(val: "horizontal" | "vertical"): boolean; }; duration: { type: NumberConstructor; default: number; }; height: { type: NumberConstructor; }; interval: { type: NumberConstructor; default: number; }; loop: { type: BooleanConstructor; default: boolean; }; navigation: { type: import("vue").PropType<((h: typeof import("vue").h) => import("..").SlotReturnValue) | import("./type").SwiperNavigation>; }; stopOnHover: { type: BooleanConstructor; default: boolean; }; theme: { type: import("vue").PropType<"dark" | "light">; default: "dark" | "light"; validator(val: "dark" | "light"): boolean; }; trigger: { type: import("vue").PropType<"click" | "hover">; default: "click" | "hover"; validator(val: "click" | "hover"): boolean; }; type: { type: import("vue").PropType<"default" | "card">; default: "default" | "card"; validator(val: "default" | "card"): boolean; }; onChange: import("vue").PropType<(current: number, context: { source: import("./type").SwiperChangeSource; }) => void>; }>> & { "onUpdate:current"?: (...args: any[]) => any; } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {}; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ animation: { type: import("vue").PropType<"fade" | "slide">; default: "fade" | "slide"; validator(val: "fade" | "slide"): boolean; }; autoplay: { type: BooleanConstructor; default: boolean; }; current: { type: NumberConstructor; default: number; }; defaultCurrent: { type: NumberConstructor; default: number; }; direction: { type: import("vue").PropType<"horizontal" | "vertical">; default: "horizontal" | "vertical"; validator(val: "horizontal" | "vertical"): boolean; }; duration: { type: NumberConstructor; default: number; }; height: { type: NumberConstructor; }; interval: { type: NumberConstructor; default: number; }; loop: { type: BooleanConstructor; default: boolean; }; navigation: { type: import("vue").PropType<((h: typeof import("vue").h) => import("..").SlotReturnValue) | import("./type").SwiperNavigation>; }; stopOnHover: { type: BooleanConstructor; default: boolean; }; theme: { type: import("vue").PropType<"dark" | "light">; default: "dark" | "light"; validator(val: "dark" | "light"): boolean; }; trigger: { type: import("vue").PropType<"click" | "hover">; default: "click" | "hover"; validator(val: "click" | "hover"): boolean; }; type: { type: import("vue").PropType<"default" | "card">; default: "default" | "card"; validator(val: "default" | "card"): boolean; }; onChange: import("vue").PropType<(current: number, context: { source: import("./type").SwiperChangeSource; }) => void>; }>> & { "onUpdate:current"?: (...args: any[]) => any; }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:current"[], "update:current", { type: "default" | "card"; interval: number; animation: "fade" | "slide"; direction: "horizontal" | "vertical"; duration: number; autoplay: boolean; loop: boolean; trigger: "click" | "hover"; current: number; theme: "dark" | "light"; defaultCurrent: number; stopOnHover: boolean; }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>; export declare const SwiperItem: { new (...args: any[]): { $: import("vue").ComponentInternalInstance; $data: {}; $props: { type?: "default" | "card"; interval?: number; animation?: "fade" | "slide"; direction?: "horizontal" | "vertical"; duration?: number; autoplay?: boolean; loop?: boolean; trigger?: "click" | "hover"; current?: number; theme?: "dark" | "light"; defaultCurrent?: number; isSwitching?: boolean; swiperItemLength?: number; stopOnHover?: boolean; readonly index?: number; key?: string | number | symbol; readonly height?: number; style?: unknown; readonly onChange?: (current: number, context: { source: import("./type").SwiperChangeSource; }) => void; class?: unknown; ref?: import("vue").VNodeRef; ref_for?: boolean; ref_key?: string; onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; readonly navigation?: unknown; readonly currentIndex?: number; readonly getWrapAttribute?: Function; }; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("vue").Slot<any>; }>; $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>; $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ index: { type: NumberConstructor; }; currentIndex: { type: NumberConstructor; }; isSwitching: { type: BooleanConstructor; default: boolean; }; getWrapAttribute: { type: FunctionConstructor; }; swiperItemLength: { type: NumberConstructor; default: number; }; animation: { type: import("vue").PropType<"fade" | "slide">; default: "fade" | "slide"; validator(val: "fade" | "slide"): boolean; }; autoplay: { type: BooleanConstructor; default: boolean; }; current: { type: NumberConstructor; default: number; }; defaultCurrent: { type: NumberConstructor; default: number; }; direction: { type: import("vue").PropType<"horizontal" | "vertical">; default: "horizontal" | "vertical"; validator(val: "horizontal" | "vertical"): boolean; }; duration: { type: NumberConstructor; default: number; }; height: { type: NumberConstructor; }; interval: { type: NumberConstructor; default: number; }; loop: { type: BooleanConstructor; default: boolean; }; navigation: { type: import("vue").PropType<((h: typeof import("vue").h) => import("..").SlotReturnValue) | import("./type").SwiperNavigation>; }; stopOnHover: { type: BooleanConstructor; default: boolean; }; theme: { type: import("vue").PropType<"dark" | "light">; default: "dark" | "light"; validator(val: "dark" | "light"): boolean; }; trigger: { type: import("vue").PropType<"click" | "hover">; default: "click" | "hover"; validator(val: "click" | "hover"): boolean; }; type: { type: import("vue").PropType<"default" | "card">; default: "default" | "card"; validator(val: "default" | "card"): boolean; }; onChange: import("vue").PropType<(current: number, context: { source: import("./type").SwiperChangeSource; }) => void>; }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { type: "default" | "card"; interval: number; animation: "fade" | "slide"; direction: "horizontal" | "vertical"; duration: number; autoplay: boolean; loop: boolean; trigger: "click" | "hover"; current: number; theme: "dark" | "light"; defaultCurrent: number; isSwitching: boolean; swiperItemLength: number; stopOnHover: boolean; }, {}, string, {}> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof import("vue").nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle; } & Readonly<import("vue").ExtractPropTypes<{ index: { type: NumberConstructor; }; currentIndex: { type: NumberConstructor; }; isSwitching: { type: BooleanConstructor; default: boolean; }; getWrapAttribute: { type: FunctionConstructor; }; swiperItemLength: { type: NumberConstructor; default: number; }; animation: { type: import("vue").PropType<"fade" | "slide">; default: "fade" | "slide"; validator(val: "fade" | "slide"): boolean; }; autoplay: { type: BooleanConstructor; default: boolean; }; current: { type: NumberConstructor; default: number; }; defaultCurrent: { type: NumberConstructor; default: number; }; direction: { type: import("vue").PropType<"horizontal" | "vertical">; default: "horizontal" | "vertical"; validator(val: "horizontal" | "vertical"): boolean; }; duration: { type: NumberConstructor; default: number; }; height: { type: NumberConstructor; }; interval: { type: NumberConstructor; default: number; }; loop: { type: BooleanConstructor; default: boolean; }; navigation: { type: import("vue").PropType<((h: typeof import("vue").h) => import("..").SlotReturnValue) | import("./type").SwiperNavigation>; }; stopOnHover: { type: BooleanConstructor; default: boolean; }; theme: { type: import("vue").PropType<"dark" | "light">; default: "dark" | "light"; validator(val: "dark" | "light"): boolean; }; trigger: { type: import("vue").PropType<"click" | "hover">; default: "click" | "hover"; validator(val: "click" | "hover"): boolean; }; type: { type: import("vue").PropType<"default" | "card">; default: "default" | "card"; validator(val: "default" | "card"): boolean; }; onChange: import("vue").PropType<(current: number, context: { source: import("./type").SwiperChangeSource; }) => void>; }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {}; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ index: { type: NumberConstructor; }; currentIndex: { type: NumberConstructor; }; isSwitching: { type: BooleanConstructor; default: boolean; }; getWrapAttribute: { type: FunctionConstructor; }; swiperItemLength: { type: NumberConstructor; default: number; }; animation: { type: import("vue").PropType<"fade" | "slide">; default: "fade" | "slide"; validator(val: "fade" | "slide"): boolean; }; autoplay: { type: BooleanConstructor; default: boolean; }; current: { type: NumberConstructor; default: number; }; defaultCurrent: { type: NumberConstructor; default: number; }; direction: { type: import("vue").PropType<"horizontal" | "vertical">; default: "horizontal" | "vertical"; validator(val: "horizontal" | "vertical"): boolean; }; duration: { type: NumberConstructor; default: number; }; height: { type: NumberConstructor; }; interval: { type: NumberConstructor; default: number; }; loop: { type: BooleanConstructor; default: boolean; }; navigation: { type: import("vue").PropType<((h: typeof import("vue").h) => import("..").SlotReturnValue) | import("./type").SwiperNavigation>; }; stopOnHover: { type: BooleanConstructor; default: boolean; }; theme: { type: import("vue").PropType<"dark" | "light">; default: "dark" | "light"; validator(val: "dark" | "light"): boolean; }; trigger: { type: import("vue").PropType<"click" | "hover">; default: "click" | "hover"; validator(val: "click" | "hover"): boolean; }; type: { type: import("vue").PropType<"default" | "card">; default: "default" | "card"; validator(val: "default" | "card"): boolean; }; onChange: import("vue").PropType<(current: number, context: { source: import("./type").SwiperChangeSource; }) => void>; }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { type: "default" | "card"; interval: number; animation: "fade" | "slide"; direction: "horizontal" | "vertical"; duration: number; autoplay: boolean; loop: boolean; trigger: "click" | "hover"; current: number; theme: "dark" | "light"; defaultCurrent: number; isSwitching: boolean; swiperItemLength: number; stopOnHover: boolean; }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>; export default Swiper;