@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
TypeScript
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;