lucky-scratch 1.1.0 → 1.1.2

package/dist/src/types/scratch.d.ts

@@ -0,0 +1,19 @@
+export default interface LuckyScratchConfig {
+    width?: string | number;
+    height?: string | number;
+    mask?: {
+        type?: 'color' | 'image';
+        color?: string;
+        src?: string;
+    };
+    scratch?: {
+        radius?: number;
+        percent?: number;
+    };
+    onceBeforeStart?: () => boolean | Promise<boolean>;
+    beforeStart?: () => boolean | Promise<boolean>;
+    start?: () => void;
+    end?: () => void;
+    success?: (progress: number) => void;
+    afterInit?: () => void;
+}

package/dist/src/utils/image.d.ts

@@ -0,0 +1,29 @@
+import { ImgType } from '../types/index';
+/**
+ * 根据路径获取图片对象
+ * @param { string } src 图片路径
+ * @returns { Promise<HTMLImageElement> } 图片标签
+ */
+export declare const getImage: (src: string) => Promise<ImgType>;
+/**
+ * 切割圆角
+ * @param img 将要裁剪的图片对象
+ * @param radius 裁剪的圆角半径
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const cutRound: (img: ImgType, radius: number) => ImgType;
+/**
+ * 透明度
+ * @param img 将要处理的图片对象
+ * @param opacity 透明度
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const opacity: (img: ImgType, opacity: number) => ImgType;
+/**
+ * 高斯模糊
+ * @param img 将要处理的图片对象
+ * @param radius 模糊半径
+ * @returns 返回一个离屏 canvas 用于渲染
+ */
+export declare const blur: (img: ImgType, radius: number) => ImgType;
+export declare const getBase64Image: () => void;

package/dist/src/utils/index.d.ts

@@ -0,0 +1,53 @@
+/**
+ * 判断是否是期望的类型
+ * @param { unknown } param 将要判断的变量
+ * @param { ...string } types 期望的类型
+ * @return { boolean } 返回期望是否正确
+ */
+export declare const isExpectType: (param: unknown, ...types: string[]) => boolean;
+export declare const get: (data: object, strKeys: string) => any;
+export declare const has: (data: object, key: string | number) => boolean;
+/**
+ * 移除\n
+ * @param { string } str 将要处理的字符串
+ * @return { string } 返回新的字符串
+ */
+export declare const removeEnter: (str: string) => string;
+/**
+ * 把任何数据类型转成数字
+ * @param num
+ */
+export declare const getNumber: (num: unknown) => number;
+/**
+ * 判断颜色是否有效 (透明色 === 无效)
+ * @param color 颜色
+ */
+export declare const hasBackground: (color: string | undefined | null) => boolean;
+/**
+ * 通过padding计算
+ * @return { object } block 边框信息
+ */
+export declare const computePadding: (block: {
+    padding?: string | undefined;
+}, getLength: Function) => [number, number, number, number];
+/**
+ * 节流函数
+ * @param fn 将要处理的函数
+ * @param wait 时间, 单位为毫秒
+ * @returns 包装好的节流函数
+ */
+export declare const throttle: (fn: Function, wait?: number) => (this: any, ...args: any[]) => void;
+/**
+ * 通过概率计算出一个奖品索引
+ * @param { Array<number | undefined> } rangeArr 概率
+ * @returns { number } 中奖索引
+ */
+export declare const computeRange: (rangeArr: Array<number | undefined>) => number;
+/**
+ * 根据宽度分割字符串, 来达到换行的效果
+ * @param text
+ * @param maxWidth
+ * @returns
+ */
+export declare const splitText: (ctx: CanvasRenderingContext2D, text: string, getWidth: (lines: string[]) => number, lineClamp?: number) => string[];
+export declare const getSortedArrayByIndex: <T>(arr: T[], order: number[]) => T[];

package/dist/src/utils/math.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 转换为运算角度
+ * @param { number } deg 数学角度
+ * @return { number } 运算角度
+ */
+export declare const getAngle: (deg: number) => number;
+/**
+ * 根据角度计算圆上的点
+ * @param { number } deg 运算角度
+ * @param { number } r 半径
+ * @return { Array<number> } 坐标[x, y]
+ */
+export declare const getArcPointerByDeg: (deg: number, r: number) => [number, number];
+/**
+ * 根据点计算切线方程
+ * @param { number } x 横坐标
+ * @param { number } y 纵坐标
+ * @return { Array<number> } [斜率, 常数]
+ */
+export declare const getTangentByPointer: (x: number, y: number) => Array<number>;
+export declare const fanShapedByArc: (ctx: CanvasRenderingContext2D, minRadius: number, maxRadius: number, start: number, end: number, gutter: number) => void;
+export declare const roundRectByArc: (ctx: CanvasRenderingContext2D, ...[x, y, w, h, r]: number[]) => void;
+/**
+ * 创建线性渐变色
+ */
+export declare const getLinearGradient: (ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, background: string) => any;

package/dist/src/utils/tween.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 缓动函数
+ * t: current time（当前时间）
+ * b: beginning value（初始值）
+ * c: change in value（变化量）
+ * d: duration（持续时间）
+ *
+ * 感谢张鑫旭大佬 https://github.com/zhangxinxu/Tween
+ */
+interface SpeedType {
+    easeIn: (...arr: number[]) => number;
+    easeOut: (...arr: number[]) => number;
+}
+export declare const quad: SpeedType;
+export declare const cubic: SpeedType;
+export declare const quart: SpeedType;
+export declare const quint: SpeedType;
+export declare const sine: SpeedType;
+export declare const expo: SpeedType;
+export declare const circ: SpeedType;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lucky-scratch",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "一个基于原生 js 的刮刮卡抽奖插件",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",