lucky-canvas-z/dist/src/types/slot.d.ts

一个基于原生 js 的（大转盘 / 九宫格 / 老虎机）抽奖插件

import { FontItemType, ImgItemType, BorderRadiusType, BackgroundType, FontExtendType } from "./index";
export type PrizeFontType = FontItemType & FontExtendType;
export type BlockImgType = ImgItemType & {};
export type PrizeImgType = ImgItemType;
export type BlockType = {
    borderRadius?: BorderRadiusType;
    background?: BackgroundType;
    padding?: string;
    paddingTop?: string | number;
    paddingRight?: string | number;
    paddingBottom?: string | number;
    paddingLeft?: string | number;
    imgs?: Array<BlockImgType>;
};
export type PrizeType = {
    borderRadius?: BorderRadiusType;
    background?: BackgroundType;
    fonts?: Array<PrizeFontType>;
    imgs?: Array<PrizeImgType>;
};
export type SlotType = {
    order?: number[];
    speed?: number;
    direction?: 1 | -1;
};
export type DefaultConfigType = {
    /**
     * vertical 为纵向旋转
     * horizontal 为横向旋转
     */
    mode?: "vertical" | "horizontal";
    /**
     * 当排列方向 = `vertical`时
     *    1 bottom to top
     *   -1 top to bottom
     * 当排列方向 = `horizontal`时
     *    1 right to left
     *   -1 left to right
     */
    direction?: 1 | -1;
    rowSpacing?: number;
    colSpacing?: number;
    speed?: number;
    delayStep?: number;
    accelerationTime?: number;
    decelerationTime?: number;
};
export type DefaultStyleType = {
    borderRadius?: BorderRadiusType;
    background?: BackgroundType;
    fontColor?: PrizeFontType["fontColor"];
    fontSize?: PrizeFontType["fontSize"];
    fontStyle?: PrizeFontType["fontStyle"];
    fontWeight?: PrizeFontType["fontWeight"];
    lineHeight?: PrizeFontType["lineHeight"];
    wordWrap?: PrizeFontType["wordWrap"];
    lengthLimit?: PrizeFontType["lengthLimit"];
    lineClamp?: PrizeFontType["lineClamp"];
};
export type EndCallbackType = (prize: PrizeType | undefined) => void;
export default interface SlotMachineConfig {
    width: string | number;
    height: string | number;
    blocks?: Array<BlockType>;
    prizes?: Array<PrizeType>;
    slots?: Array<SlotType>;
    defaultConfig?: DefaultConfigType;
    defaultStyle?: DefaultStyleType;
    end?: EndCallbackType;
}