UNPKG

@j2only/slide-unlock

Version:

Vue.js slide to unlock component. Protect users from accidental clicks or protect your web app from bot attack.

126 lines (125 loc) 3.08 kB
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ autoWidth: { type: BooleanConstructor; default: boolean; }; width: { type: NumberConstructor; default: number; }; height: { type: NumberConstructor; default: number; }; text: { type: StringConstructor; default: string; }; successText: { type: StringConstructor; default: string; }; circle: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; noanimate: { type: BooleanConstructor; default: boolean; }; name: { type: StringConstructor; default: string; }; position: { type: NumberConstructor; default: number; }; }>, { Slider: { CanMove: boolean; IsComplete: boolean; StartPositionWindow: number; HandlerPosition: number; ProgressWidth: number; TextOpacity: number; }; slideUnlockStyle: import('vue').ComputedRef<{ width: string; height: string; }>; progressBarStyle: import('vue').ComputedRef<{ width: string; height: string; borderRadius: string | number; }>; handlerStyle: import('vue').ComputedRef<{ left: string; width: string; height: string; }>; message: import('vue').ComputedRef<string>; sliderWidth: import('vue').ComputedRef<number>; slideStart: (e: MouseEvent | TouchEvent) => void; slideMoving: (e: unknown) => void; slideFinish: (e: unknown) => void; reset: () => void; complete: () => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ autoWidth: { type: BooleanConstructor; default: boolean; }; width: { type: NumberConstructor; default: number; }; height: { type: NumberConstructor; default: number; }; text: { type: StringConstructor; default: string; }; successText: { type: StringConstructor; default: string; }; circle: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; default: boolean; }; noanimate: { type: BooleanConstructor; default: boolean; }; name: { type: StringConstructor; default: string; }; position: { type: NumberConstructor; default: number; }; }>> & Readonly<{}>, { autoWidth: boolean; width: number; height: number; text: string; successText: string; circle: boolean; disabled: boolean; noanimate: boolean; name: string; position: number; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; export default _default;