@j2only/pincode
Version:
Vue.js pincode input component. Written entirely on Vue 3 Composition API with Typescript and Vite.
102 lines (101 loc) • 3.07 kB
TypeScript
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
default: string;
};
length: {
type: NumberConstructor;
default: number;
};
customButton: {
type: BooleanConstructor;
default: boolean;
};
releaseSuccess: {
type: BooleanConstructor;
default: boolean;
};
releaseSuccessDelay: {
type: NumberConstructor;
default: number;
};
releaseErrorDelay: {
type: NumberConstructor;
default: number;
};
keyboardInput: {
type: BooleanConstructor;
default: boolean;
};
focusRequired: {
type: BooleanConstructor;
default: boolean;
};
activeElement: {
type: ObjectConstructor;
default: () => HTMLElement;
};
}>, {
pincode: import('vue').Ref<string, string>;
pincodeError: import('vue').Ref<boolean, boolean>;
pincodeSuccess: import('vue').Ref<boolean, boolean>;
setupLength: import('vue').ComputedRef<number>;
pincodeLength: import('vue').ComputedRef<number>;
buttonDisabled: import('vue').ComputedRef<boolean>;
activeButton: import('vue').Ref<number | null, number | null>;
clickPinButton: (pressedNumber: number) => void;
resetPincode: () => void;
clickCustomButton: () => void;
triggerMiss: () => void;
triggerSuccess: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
default: string;
};
length: {
type: NumberConstructor;
default: number;
};
customButton: {
type: BooleanConstructor;
default: boolean;
};
releaseSuccess: {
type: BooleanConstructor;
default: boolean;
};
releaseSuccessDelay: {
type: NumberConstructor;
default: number;
};
releaseErrorDelay: {
type: NumberConstructor;
default: number;
};
keyboardInput: {
type: BooleanConstructor;
default: boolean;
};
focusRequired: {
type: BooleanConstructor;
default: boolean;
};
activeElement: {
type: ObjectConstructor;
default: () => HTMLElement;
};
}>> & Readonly<{}>, {
name: string;
length: number;
customButton: boolean;
releaseSuccess: boolean;
releaseSuccessDelay: number;
releaseErrorDelay: number;
keyboardInput: boolean;
focusRequired: boolean;
activeElement: Record<string, any>;
}, {}, {
UndoIcon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;