lucky-wheel-component
Version:
A lucky wheel component for Vue 3 and React
85 lines (84 loc) • 2.29 kB
TypeScript
import type { Prize } from './types';
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
prizes: {
type: () => Prize[];
required: true;
default: () => never[];
};
initialDrawCount: {
type: NumberConstructor;
default: number;
};
colors: {
type: () => string[];
default: () => string[];
};
textColors: {
type: () => string[];
default: () => string[];
};
additionalTurns: {
type: NumberConstructor;
default: number;
};
messages: {
type: () => {
noChance: string;
};
default: () => {
noChance: string;
};
};
}>, {
currentRotation: import("vue").Ref<number, number>;
isRotating: import("vue").Ref<boolean, boolean>;
drawCount: import("vue").Ref<number, number>;
lastClickTime: import("vue").Ref<number, number>;
lastRotation: import("vue").Ref<number, number>;
wheelRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
getPrizeStyle: (index: number) => {
transform: string;
clipPath: string;
};
startRotation: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
prizes: {
type: () => Prize[];
required: true;
default: () => never[];
};
initialDrawCount: {
type: NumberConstructor;
default: number;
};
colors: {
type: () => string[];
default: () => string[];
};
textColors: {
type: () => string[];
default: () => string[];
};
additionalTurns: {
type: NumberConstructor;
default: number;
};
messages: {
type: () => {
noChance: string;
};
default: () => {
noChance: string;
};
};
}>> & Readonly<{}>, {
prizes: Prize[];
initialDrawCount: number;
colors: string[];
textColors: string[];
additionalTurns: number;
messages: {
noChance: string;
};
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;