vue3-fortune-wheel
Version:
A Vue 3 Fortune Wheel component
27 lines (26 loc) • 834 B
TypeScript
import { ComputedRef } from 'vue';
import { Data } from '../types';
import { WheelProps } from '../FortuneWheel.vue';
import * as d3 from 'd3';
export declare function useWheelCreation(props: WheelProps, wheelSize: ComputedRef<{
width: number;
height: number;
}>, isMobile: ComputedRef<boolean>): {
state: {
pieGenerator: d3.Pie<any, Data> | null;
arcGenerator: d3.Arc<any, d3.PieArcDatum<Data>> | null;
arrow: SVGElement | null;
container: SVGGElement | null;
rayon: number;
rotation: number;
isSpinning: boolean;
svg: SVGGElement | null;
vis: SVGGElement | null;
error: string | null;
isRendering: boolean;
renderAttempts: number;
};
createWheel: () => void;
redrawWheel: () => void;
cleanup: () => void;
};