lucky-wheel-component
Version:
A lucky wheel component for Vue 3 and React
81 lines (80 loc) • 2.1 kB
TypeScript
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
prizes: {
type: ArrayConstructor;
required: true;
default: () => never[];
};
initialDrawCount: {
type: NumberConstructor;
default: number;
};
colors: {
type: ArrayConstructor;
default: () => string[];
};
textColors: {
type: ArrayConstructor;
default: () => string[];
};
additionalTurns: {
type: NumberConstructor;
default: number;
};
messages: {
type: ObjectConstructor;
default: () => {
noChance: string;
};
};
}>, {}, {
currentRotation: number;
isRotating: boolean;
drawCount: number;
lastClickTime: number;
lastRotation: number;
}, {}, {
getPrizeStyle(index: number): {
transform: string;
clipPath: string;
};
getClipPath(perAngle: number): string;
startRotation(): void;
getPrizeAngle(index: number): number;
showResult(prizeIndex: number): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
prizes: {
type: ArrayConstructor;
required: true;
default: () => never[];
};
initialDrawCount: {
type: NumberConstructor;
default: number;
};
colors: {
type: ArrayConstructor;
default: () => string[];
};
textColors: {
type: ArrayConstructor;
default: () => string[];
};
additionalTurns: {
type: NumberConstructor;
default: number;
};
messages: {
type: ObjectConstructor;
default: () => {
noChance: string;
};
};
}>> & Readonly<{}>, {
prizes: unknown[];
initialDrawCount: number;
colors: unknown[];
textColors: unknown[];
additionalTurns: number;
messages: Record<string, any>;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;