@lucky-scratch/mini 1.1.2

package/dist/lucky-scratch-component/index.js

@@ -0,0 +1,1070 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _luckyScratch = __webpack_require__(1);
+var _utils = __webpack_require__(2);
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+Component({
+  properties: {
+    width: {
+      type: String,
+      value: '600rpx'
+    },
+    height: {
+      type: String,
+      value: '400rpx'
+    },
+    mask: {
+      type: Object,
+      value: {
+        type: 'color',
+        color: '#ccc'
+      }
+    },
+    scratch: {
+      type: Object,
+      value: {
+        radius: 20,
+        percent: 0.5
+      }
+    }
+  },
+  data: {
+    lucky: null,
+    isShow: false
+  },
+  observers: {
+    'mask.**': function mask(newData, oldData) {
+      if (this.lucky) {
+        this.lucky.mask = newData;
+        this.lucky.init();
+      }
+    },
+    'scratch.**': function scratch(newData, oldData) {
+      if (this.lucky && this.dpr) {
+        // 因为使用了 ctx.scale(dpr, dpr)，而核心库内部会将半径乘以 dpr
+        // 导致双重放大，所以这里先除以 dpr 抵消
+        this.lucky.scratch = _extends({}, newData, {
+          radius: newData.radius / this.dpr
+        });
+      } else if (this.lucky) {
+        // 如果 dpr 还没初始化，直接赋值（这种情况很少见）
+        this.lucky.scratch = newData;
+      }
+    }
+  },
+  ready: function ready() {
+    var _this = this;
+    console.log('LuckyScratch 123:', _luckyScratch.LuckyScratch);
+    wx.createSelectorQuery()["in"](this).select('#lucky-scratch').fields({
+      node: true,
+      size: true
+    }).exec(function (res) {
+      if (!res[0] || !res[0].node) {
+        return console.error('lucky-scratch 获取不到 canvas 标签');
+      }
+      var canvas = _this.canvas = res[0].node;
+      var dpr = _this.dpr = wx.getSystemInfoSync().pixelRatio;
+      var ctx = _this.ctx = canvas.getContext('2d');
+      var data = _this.data;
+      canvas.width = res[0].width * dpr;
+      canvas.height = res[0].height * dpr;
+      // 参考 Taro 和 UniApp 实现：小程序端需要 ctx.scale
+      ctx.scale(dpr, dpr);
+      _this.lucky = new _luckyScratch.LuckyScratch({
+        flag: 'MP-WX',
+        ctx: ctx,
+        dpr: dpr,
+        offscreenCanvas: wx.createOffscreenCanvas({
+          type: '2d',
+          width: 300,
+          height: 150
+        }),
+        setTimeout: setTimeout,
+        clearTimeout: clearTimeout,
+        setInterval: setInterval,
+        clearInterval: clearInterval,
+        unitFunc: function unitFunc(num, unit) {
+          return (0, _utils.changeUnits)(num + unit);
+        },
+        afterStart: function afterStart() {
+          _this.lucky.draw();
+        }
+      }, {
+        width: res[0].width,
+        height: res[0].height,
+        mask: data.mask,
+        scratch: _extends({}, data.scratch, {
+          // 因为使用了 ctx.scale(dpr, dpr)，而核心库内部会将半径乘以 dpr
+          // 导致双重放大，所以这里先除以 dpr 抵消
+          radius: data.scratch.radius / dpr
+        }),
+        onceBeforeStart: function () {
+          var _onceBeforeStart = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+            var result;
+            return _regenerator().w(function (_context) {
+              while (1) switch (_context.n) {
+                case 0:
+                  console.log('onceBeforeStart :');
+                  // 小程序环境下，如果没有监听器，Promise 会一直等待
+                  // 参考 React/Taro 的实现，设置超时自动通过
+                  _context.n = 1;
+                  return Promise.race([new Promise(function (resolve) {
+                    _this.triggerEvent('once-before-start', {
+                      resolve: resolve
+                    });
+                  }), new Promise(function (resolve) {
+                    // 如果 50ms 内没有响应，说明没有监听器，自动通过
+                    setTimeout(function () {
+                      return resolve(true);
+                    }, 50);
+                  })]);
+                case 1:
+                  result = _context.v;
+                  console.log('onceBeforeStart result:', result);
+                  return _context.a(2, result !== false);
+              }
+            }, _callee);
+          }));
+          function onceBeforeStart() {
+            return _onceBeforeStart.apply(this, arguments);
+          }
+          return onceBeforeStart;
+        }(),
+        beforeStart: function () {
+          var _beforeStart = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+            var result;
+            return _regenerator().w(function (_context2) {
+              while (1) switch (_context2.n) {
+                case 0:
+                  console.log('beforeStart compose:');
+                  // 小程序环境下，如果没有监听器，Promise 会一直等待
+                  // 参考 React/Taro 的实现，设置超时自动通过
+                  _context2.n = 1;
+                  return Promise.race([new Promise(function (resolve) {
+                    _this.triggerEvent('before-start', {
+                      resolve: resolve
+                    });
+                  }), new Promise(function (resolve) {
+                    // 如果 50ms 内没有响应，说明没有监听器，自动通过
+                    setTimeout(function () {
+                      return resolve(true);
+                    }, 50);
+                  })]);
+                case 1:
+                  result = _context2.v;
+                  console.log('beforeStart result:', result);
+                  return _context2.a(2, result !== false);
+              }
+            }, _callee2);
+          }));
+          function beforeStart() {
+            return _beforeStart.apply(this, arguments);
+          }
+          return beforeStart;
+        }(),
+        start: function start() {
+          console.log('Start compose:');
+          _this.triggerEvent('start');
+        },
+        end: function end() {
+          _this.triggerEvent('end');
+        },
+        success: function success(progress) {
+          _this.triggerEvent('success', {
+            progress: progress
+          });
+        },
+        afterInit: function afterInit() {
+          _this.triggerEvent('ready');
+        }
+      });
+      // 为了保证 onload 回调准确
+      _this.setData({
+        isShow: true
+      });
+    });
+  },
+  methods: {
+    imgBindload: function imgBindload(e) {
+      var _e$currentTarget$data = e.currentTarget.dataset,
+        name = _e$currentTarget$data.name,
+        index = _e$currentTarget$data.index;
+      var img = this.data[name];
+      if (img && img.src) {
+        (0, _utils.resolveImage)(e, img, this.canvas);
+      }
+    },
+    init: function init() {
+      var _this$lucky;
+      this.lucky && (_this$lucky = this.lucky).init.apply(_this$lucky, arguments);
+    },
+    setDisabled: function setDisabled(disabled) {
+      this.lucky && this.lucky.setDisabled(disabled);
+    },
+    handleTouchStart: function handleTouchStart(e) {
+      var _this2 = this;
+      if (!this.lucky) return;
+      var touch = e.touches[0];
+      // 实时获取 canvas 位置，计算相对于 canvas 的坐标
+      var query = wx.createSelectorQuery()["in"](this);
+      query.select('#lucky-scratch').boundingClientRect(function (rect) {
+        if (!rect) return;
+        // 计算相对于 canvas 的坐标（逻辑像素）
+        var x = touch.clientX - rect.left;
+        var y = touch.clientY - rect.top;
+        // 因为使用了 ctx.scale(dpr, dpr)，而核心库内部会再乘以 dpr
+        // 导致双重放大，所以这里先除以 dpr 抵消
+        _this2.lucky.handleTouchStart(x / _this2.dpr, y / _this2.dpr);
+      });
+      query.exec();
+    },
+    handleTouchMove: function handleTouchMove(e) {
+      var _this3 = this;
+      if (!this.lucky) return;
+      var touch = e.touches[0];
+      // 实时获取 canvas 位置，计算相对于 canvas 的坐标
+      var query = wx.createSelectorQuery()["in"](this);
+      query.select('#lucky-scratch').boundingClientRect(function (rect) {
+        if (!rect) return;
+        // 计算相对于 canvas 的坐标（逻辑像素）
+        var x = touch.clientX - rect.left;
+        var y = touch.clientY - rect.top;
+        // 因为使用了 ctx.scale(dpr, dpr)，而核心库内部会再乘以 dpr
+        // 导致双重放大，所以这里先除以 dpr 抵消
+        _this3.lucky.handleTouchMove(x / _this3.dpr, y / _this3.dpr);
+      });
+      query.exec();
+    },
+    handleTouchEnd: function handleTouchEnd() {
+      if (!this.lucky) return;
+      // 调用核心库暴露的公共方法
+      this.lucky.handleTouchEnd();
+    }
+  }
+});
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LuckyScratch", function() { return y; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "cutRound", function() { return b; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "opacity", function() { return w; });
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var t = function (e, n) {
+  return t = Object.setPrototypeOf || {
+    __proto__: []
+  } instanceof Array && function (t, e) {
+    t.__proto__ = e;
+  } || function (t, e) {
+    for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
+  }, t(e, n);
+};
+var e = function () {
+  return e = Object.assign || function (t) {
+    for (var e, n = 1, i = arguments.length; n < i; n++) for (var r in e = arguments[n]) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
+    return t;
+  }, e.apply(this, arguments);
+};
+function n(t, e, n, i) {
+  return new (n || (n = Promise))(function (r, o) {
+    function s(t) {
+      try {
+        c(i.next(t));
+      } catch (t) {
+        o(t);
+      }
+    }
+    function a(t) {
+      try {
+        c(i.throw(t));
+      } catch (t) {
+        o(t);
+      }
+    }
+    function c(t) {
+      var e;
+      t.done ? r(t.value) : (e = t.value, e instanceof n ? e : new n(function (t) {
+        t(e);
+      })).then(s, a);
+    }
+    c((i = i.apply(t, e || [])).next());
+  });
+}
+function i(t, e) {
+  var n,
+    i,
+    r,
+    o,
+    s = {
+      label: 0,
+      sent: function () {
+        if (1 & r[0]) throw r[1];
+        return r[1];
+      },
+      trys: [],
+      ops: []
+    };
+  return o = {
+    next: a(0),
+    throw: a(1),
+    return: a(2)
+  }, "function" == typeof Symbol && (o[Symbol.iterator] = function () {
+    return this;
+  }), o;
+  function a(o) {
+    return function (a) {
+      return function (o) {
+        if (n) throw new TypeError("Generator is already executing.");
+        for (; s;) try {
+          if (n = 1, i && (r = 2 & o[0] ? i.return : o[0] ? i.throw || ((r = i.return) && r.call(i), 0) : i.next) && !(r = r.call(i, o[1])).done) return r;
+          switch (i = 0, r && (o = [2 & o[0], r.value]), o[0]) {
+            case 0:
+            case 1:
+              r = o;
+              break;
+            case 4:
+              return s.label++, {
+                value: o[1],
+                done: !1
+              };
+            case 5:
+              s.label++, i = o[1], o = [0];
+              continue;
+            case 7:
+              o = s.ops.pop(), s.trys.pop();
+              continue;
+            default:
+              if (!(r = s.trys, (r = r.length > 0 && r[r.length - 1]) || 6 !== o[0] && 2 !== o[0])) {
+                s = 0;
+                continue;
+              }
+              if (3 === o[0] && (!r || o[1] > r[0] && o[1] < r[3])) {
+                s.label = o[1];
+                break;
+              }
+              if (6 === o[0] && s.label < r[1]) {
+                s.label = r[1], r = o;
+                break;
+              }
+              if (r && s.label < r[2]) {
+                s.label = r[2], s.ops.push(o);
+                break;
+              }
+              r[2] && s.ops.pop(), s.trys.pop();
+              continue;
+          }
+          o = e.call(t, s);
+        } catch (t) {
+          o = [6, t], i = 0;
+        } finally {
+          n = r = 0;
+        }
+        if (5 & o[0]) throw o[1];
+        return {
+          value: o[0] ? o[1] : void 0,
+          done: !0
+        };
+      }([o, a]);
+    };
+  }
+}
+function r(t, e) {
+  for (var n = 0, i = e.length, r = t.length; n < i; n++, r++) t[r] = e[n];
+  return t;
+}
+Array.prototype.includes || Object.defineProperty(Array.prototype, "includes", {
+  value: function (t, e) {
+    if (null == this) throw new TypeError('"this" is null or not defined');
+    var n = Object(this),
+      i = n.length >>> 0;
+    if (0 === i) return !1;
+    var r = 0 | e,
+      o = Math.max(r >= 0 ? r : i - Math.abs(r), 0);
+    function s(t, e) {
+      return t === e || "number" == typeof t && "number" == typeof e && isNaN(t) && isNaN(e);
+    }
+    for (; o < i;) {
+      if (s(n[o], t)) return !0;
+      o++;
+    }
+    return !1;
+  }
+}), String.prototype.includes || (String.prototype.includes = function (t, e) {
+  return "number" != typeof e && (e = 0), !(e + t.length > this.length) && -1 !== this.indexOf(t, e);
+}), Array.prototype.find || Object.defineProperty(Array.prototype, "find", {
+  value: function (t) {
+    if (null == this) throw new TypeError('"this" is null or not defined');
+    var e = Object(this),
+      n = e.length >>> 0;
+    if ("function" != typeof t) throw new TypeError("predicate must be a function");
+    for (var i = arguments[1], r = 0; r < n;) {
+      var o = e[r];
+      if (t.call(i, o, r, e)) return o;
+      r++;
+    }
+  }
+});
+var o = function (t) {
+    for (var e = [], n = 1; n < arguments.length; n++) e[n - 1] = arguments[n];
+    return e.some(function (e) {
+      return Object.prototype.toString.call(t).slice(8, -1).toLowerCase() === e;
+    });
+  },
+  s = "1.1.1",
+  a = function () {
+    function t() {
+      this.subs = [];
+    }
+    return t.prototype.addSub = function (t) {
+      this.subs.includes(t) || this.subs.push(t);
+    }, t.prototype.notify = function () {
+      this.subs.forEach(function (t) {
+        t.update();
+      });
+    }, t;
+  }(),
+  c = "__proto__" in {};
+function h(t, e, n, i) {
+  Object.defineProperty(t, e, {
+    value: n,
+    enumerable: !!i,
+    writable: !0,
+    configurable: !0
+  });
+}
+var l = Array.prototype,
+  u = Object.create(l);
+["push", "pop", "shift", "unshift", "sort", "splice", "reverse"].forEach(function (t) {
+  u[t] = function () {
+    for (var e = [], n = 0; n < arguments.length; n++) e[n] = arguments[n];
+    var i = l[t].apply(this, e),
+      r = this.__luckyOb__;
+    return ["push", "unshift", "splice"].includes(t) && r.walk(this), r.dep.notify(), i;
+  };
+});
+var f = function () {
+  function t(t) {
+    this.dep = new a(), h(t, "__luckyOb__", this), Array.isArray(t) && (c ? t.__proto__ = u : Object.getOwnPropertyNames(u).forEach(function (e) {
+      h(t, e, u[e]);
+    })), this.walk(t);
+  }
+  return t.prototype.walk = function (t) {
+    Object.keys(t).forEach(function (e) {
+      p(t, e, t[e]);
+    });
+  }, t;
+}();
+function d(t) {
+  if (t && "object" == typeof t) return "__luckyOb__" in t ? t.__luckyOb__ : new f(t);
+}
+function p(t, e, n) {
+  var i = new a(),
+    r = Object.getOwnPropertyDescriptor(t, e);
+  if (!r || !1 !== r.configurable) {
+    var o = r && r.get,
+      s = r && r.set;
+    o && !s || 2 !== arguments.length || (n = t[e]);
+    var c = d(n);
+    Object.defineProperty(t, e, {
+      get: function () {
+        var e = o ? o.call(t) : n;
+        return a.target && (i.addSub(a.target), c && c.dep.addSub(a.target)), e;
+      },
+      set: function (e) {
+        e !== n && (n = e, o && !s || (s ? s.call(t, e) : n = e, c = d(e), i.notify()));
+      }
+    });
+  }
+}
+var v = 0,
+  g = function () {
+    function t(t, e, n, i) {
+      void 0 === i && (i = {}), this.id = v++, this.$lucky = t, this.expr = e, this.deep = !!i.deep, this.getter = "function" == typeof e ? e : function (t) {
+        t += ".";
+        for (var e = [], n = "", i = 0; i < t.length; i++) {
+          var r = t[i];
+          if (/\[|\./.test(r)) e.push(n), n = "";else {
+            if (/\W/.test(r)) continue;
+            n += r;
+          }
+        }
+        return function (t) {
+          return e.reduce(function (t, e) {
+            return t[e];
+          }, t);
+        };
+      }(e), this.cb = n, this.value = this.get();
+    }
+    return t.prototype.get = function () {
+      a.target = this;
+      var t = this.getter.call(this.$lucky, this.$lucky);
+      return this.deep && function (t) {
+        var e = function (t) {
+          o(t, "array", "object") && Object.keys(t).forEach(function (n) {
+            var i = t[n];
+            e(i);
+          });
+        };
+        e(t);
+      }(t), a.target = null, t;
+    }, t.prototype.update = function () {
+      var t = this.get(),
+        e = this.value;
+      this.value = t, this.cb.call(this.$lucky, t, e);
+    }, t;
+  }(),
+  y = function (r) {
+    function o(t, e) {
+      var n = r.call(this, t, {
+        width: e.width || "300px",
+        height: e.height || "150px"
+      }) || this;
+      return n.mask = {}, n.scratch = {
+        radius: 20,
+        percent: .5
+      }, n.progress = 0, n.isScratching = !1, n.isCompleted = !1, n.disabled = !1, n.isFirstScratch = !0, n.eventsInitialized = !1, n.initData(e), n.init(), n;
+    }
+    return function (e, n) {
+      if ("function" != typeof n && null !== n) throw new TypeError("Class extends value " + String(n) + " is not a constructor or null");
+      function i() {
+        this.constructor = e;
+      }
+      t(e, n), e.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i());
+    }(o, r), o.prototype.initData = function (t) {
+      this.$set(this, "mask", e({
+        type: "color",
+        color: "#ccc"
+      }, t.mask)), this.$set(this, "scratch", e({
+        radius: 20,
+        percent: .5
+      }, t.scratch)), this.$set(this, "onceBeforeStartCallback", t.onceBeforeStart), this.$set(this, "beforeStartCallback", t.beforeStart), this.$set(this, "startCallback", t.start), this.$set(this, "endCallback", t.end), this.$set(this, "successCallback", t.success), this.$set(this, "afterInitCallback", t.afterInit);
+    }, o.prototype.resize = function () {
+      var t, e;
+      r.prototype.resize.call(this), this.draw(), null === (e = (t = this.config).afterResize) || void 0 === e || e.call(t);
+    }, o.prototype.init = function () {
+      var t;
+      return n(this, void 0, void 0, function () {
+        return i(this, function (e) {
+          switch (e.label) {
+            case 0:
+              return this.initLucky(), this.progress = 0, this.isScratching = !1, this.isCompleted = !1, this.isFirstScratch = !0, [4, this.draw()];
+            case 1:
+              return e.sent(), this.handleBindEvents(), null === (t = this.afterInitCallback) || void 0 === t || t.call(this), [2];
+          }
+        });
+      });
+    }, o.prototype.draw = function () {
+      var t, e, r, o;
+      return n(this, void 0, void 0, function () {
+        var n, s, a;
+        return i(this, function (i) {
+          switch (i.label) {
+            case 0:
+              return null === (e = (t = this.config).beforeInit) || void 0 === e || e.call(t), this.clearCanvas(), s = (n = this).mask, n.scratch, "image" === s.type && s.src ? [4, this.loadImg(s.src, {
+                src: s.src
+              })] : [3, 2];
+            case 1:
+              return a = i.sent(), this.ctx.drawImage(a, 0, 0, this.boxWidth, this.boxHeight), [3, 3];
+            case 2:
+              this.ctx.fillStyle = s.color || "#ccc", this.ctx.fillRect(0, 0, this.boxWidth, this.boxHeight), i.label = 3;
+            case 3:
+              return null === (o = (r = this.config).afterInit) || void 0 === o || o.call(r), [2];
+          }
+        });
+      });
+    }, o.prototype.handleBindEvents = function () {
+      var t = this;
+      if (!this.eventsInitialized) {
+        this.eventsInitialized = !0;
+        var e = this.config.canvasElement;
+        e && (e.addEventListener("touchstart", function (e) {
+          t.handleStart(e.touches[0]);
+        }), e.addEventListener("touchmove", function (e) {
+          e.preventDefault(), t.handleMove(e.touches[0]);
+        }), e.addEventListener("touchend", function () {
+          t.handleEnd();
+        }), e.addEventListener("mousedown", function (e) {
+          t.handleStart(e);
+        }), e.addEventListener("mousemove", function (e) {
+          e.preventDefault(), t.handleMove(e);
+        }), document.addEventListener("mouseup", function () {
+          t.handleEnd();
+        }));
+      }
+    }, o.prototype.handleStart = function (t) {
+      var e;
+      return n(this, void 0, void 0, function () {
+        var n, r;
+        return i(this, function (i) {
+          switch (i.label) {
+            case 0:
+              if (this.isCompleted || this.disabled) return [2];
+              if (!this.isFirstScratch || !this.onceBeforeStartCallback) return [3, 5];
+              i.label = 1;
+            case 1:
+              return i.trys.push([1, 3,, 4]), [4, this.onceBeforeStartCallback()];
+            case 2:
+              return !1 === i.sent() ? [2] : [3, 4];
+            case 3:
+              return n = i.sent(), console.error("onceBeforeStart 回调执行出错:", n), [2];
+            case 4:
+              this.isFirstScratch = !1, i.label = 5;
+            case 5:
+              if (!this.beforeStartCallback) return [3, 9];
+              i.label = 6;
+            case 6:
+              return i.trys.push([6, 8,, 9]), [4, this.beforeStartCallback()];
+            case 7:
+              return !1 === i.sent() ? [2] : [3, 9];
+            case 8:
+              return r = i.sent(), console.error("beforeStart 回调执行出错:", r), [2];
+            case 9:
+              return this.isScratching = !0, null === (e = this.startCallback) || void 0 === e || e.call(this), this.drawArc(t), [2];
+          }
+        });
+      });
+    }, o.prototype.handleMove = function (t) {
+      !this.isScratching || this.isCompleted || this.disabled || this.drawArc(t);
+    }, o.prototype.handleEnd = function () {
+      var t;
+      !this.isScratching || this.isCompleted || this.disabled || (this.isScratching = !1, this.checkProgress(), null === (t = this.endCallback) || void 0 === t || t.call(this));
+    }, o.prototype.drawArc = function (t) {
+      var e = this.config.canvasElement;
+      if (e) {
+        var n = e.getBoundingClientRect(),
+          i = (t.clientX - n.left) * this.config.dpr,
+          r = (t.clientY - n.top) * this.config.dpr;
+        this.drawArcAt(i, r);
+      }
+    }, o.prototype.drawArcAt = function (t, e) {
+      this.ctx.globalCompositeOperation = "destination-out", this.ctx.beginPath(), this.ctx.arc(t, e, this.scratch.radius * this.config.dpr, 0, 2 * Math.PI), this.ctx.fill(), this.ctx.globalCompositeOperation = "source-over";
+    }, o.prototype.checkProgress = function () {
+      var t;
+      try {
+        for (var e = this.ctx.getImageData(0, 0, this.boxWidth * this.config.dpr, this.boxHeight * this.config.dpr).data, n = 0, i = 0; i < e.length; i += 4) e[i + 3] < 128 && n++;
+        this.progress = n / (e.length / 4), this.progress >= this.scratch.percent && (this.isCompleted = !0, this.clearCanvas(), null === (t = this.successCallback) || void 0 === t || t.call(this, this.progress));
+      } catch (t) {
+        console.error("无法计算刮开进度，可能是因为图片跨域:", t);
+      }
+    }, o.prototype.setDisabled = function (t) {
+      this.disabled = t;
+    }, o.prototype.handleTouchStart = function (t, e) {
+      var r;
+      return n(this, void 0, void 0, function () {
+        var n, o;
+        return i(this, function (i) {
+          switch (i.label) {
+            case 0:
+              if (this.isCompleted || this.disabled) return [2];
+              if (!this.isFirstScratch || !this.onceBeforeStartCallback) return [3, 5];
+              i.label = 1;
+            case 1:
+              return i.trys.push([1, 3,, 4]), [4, this.onceBeforeStartCallback()];
+            case 2:
+              return !1 === i.sent() ? [2] : [3, 4];
+            case 3:
+              return n = i.sent(), console.error("onceBeforeStart 回调执行出错:", n), [2];
+            case 4:
+              this.isFirstScratch = !1, i.label = 5;
+            case 5:
+              if (!this.beforeStartCallback) return [3, 9];
+              i.label = 6;
+            case 6:
+              return i.trys.push([6, 8,, 9]), [4, this.beforeStartCallback()];
+            case 7:
+              return !1 === i.sent() ? [2] : [3, 9];
+            case 8:
+              return o = i.sent(), console.error("beforeStart 回调执行出错:", o), [2];
+            case 9:
+              return this.isScratching = !0, null === (r = this.startCallback) || void 0 === r || r.call(this), this.drawArcAt(t * this.config.dpr, e * this.config.dpr), [2];
+          }
+        });
+      });
+    }, o.prototype.handleTouchMove = function (t, e) {
+      !this.isScratching || this.isCompleted || this.disabled || this.drawArcAt(t * this.config.dpr, e * this.config.dpr);
+    }, o.prototype.handleTouchEnd = function () {
+      var t;
+      !this.isScratching || this.isCompleted || this.disabled || (this.isScratching = !1, this.checkProgress(), null === (t = this.endCallback) || void 0 === t || t.call(this));
+    }, o;
+  }(function () {
+    function t(t, e) {
+      var n = this;
+      this.version = s, this.htmlFontSize = 16, this.rAF = function () {}, this.boxWidth = 0, this.boxHeight = 0, "string" == typeof t ? t = {
+        el: t
+      } : 1 === t.nodeType && (t = {
+        el: "",
+        divElement: t
+      }), this.config = t, this.data = e, t.flag || (t.flag = "WEB"), t.el && (t.divElement = document.querySelector(t.el)), t.divElement && (t.canvasElement = document.createElement("canvas"), t.divElement.appendChild(t.canvasElement)), t.canvasElement && (t.ctx = t.canvasElement.getContext("2d"), t.canvasElement.setAttribute("package", "".concat("lucky-scratch", "@").concat(s)), t.canvasElement.addEventListener("click", function (t) {
+        return n.handleClick(t);
+      })), this.ctx = t.ctx, this.initWindowFunction(), this.config.ctx || console.error("无法获取到 CanvasContext2D"), window && "function" == typeof window.addEventListener && window.addEventListener("resize", function (t, e) {
+        void 0 === e && (e = 300);
+        var n = null;
+        return function () {
+          for (var i = this, r = [], o = 0; o < arguments.length; o++) r[o] = arguments[o];
+          n || (n = setTimeout(function () {
+            t.apply(i, r), clearTimeout(n), n = null;
+          }, e));
+        };
+      }(function () {
+        return n.resize();
+      }, 300)), window && window.document && "function" == typeof window.MutationObserver && "WEB" === this.config.flag && new window.MutationObserver(function () {
+        n.resize();
+      }).observe(document.documentElement, {
+        attributes: !0
+      });
+    }
+    return t.prototype.resize = function () {
+      var t, e;
+      null === (e = (t = this.config).beforeResize) || void 0 === e || e.call(t), this.setHTMLFontSize(), this.setDpr(), this.resetWidthAndHeight(), this.zoomCanvas();
+    }, t.prototype.initLucky = function () {
+      if (this.resize(), !this.boxWidth || !this.boxHeight) return console.error("无法获取到宽度或高度");
+    }, t.prototype.handleClick = function (t) {}, t.prototype.setHTMLFontSize = function () {
+      window && window.getComputedStyle && (this.htmlFontSize = +window.getComputedStyle(document.documentElement).fontSize.slice(0, -2));
+    }, t.prototype.clearCanvas = function () {
+      var t = [this.boxWidth, this.boxHeight],
+        e = t[0],
+        n = t[1];
+      this.ctx.clearRect(-e, -n, 2 * e, 2 * n);
+    }, t.prototype.setDpr = function () {
+      var t = this.config;
+      t.dpr || (window ? window.dpr = t.dpr = window.devicePixelRatio || 1 : t.dpr || console.error(t, "未传入 dpr 可能会导致绘制异常"));
+    }, t.prototype.resetWidthAndHeight = function () {
+      var t = this.config,
+        e = this.data,
+        n = 0,
+        i = 0;
+      t.divElement && (n = t.divElement.offsetWidth, i = t.divElement.offsetHeight), this.boxWidth = this.getLength(e.width || t.width) || n, this.boxHeight = this.getLength(e.height || t.height) || i, t.divElement && (t.divElement.style.overflow = "hidden", t.divElement.style.width = this.boxWidth + "px", t.divElement.style.height = this.boxHeight + "px");
+    }, t.prototype.zoomCanvas = function () {
+      var t = this.config,
+        e = this.ctx,
+        n = t.canvasElement,
+        i = t.dpr,
+        r = [this.boxWidth * i, this.boxHeight * i],
+        o = r[0],
+        s = r[1];
+      n && (n.width = o, n.height = s, n.style.width = "".concat(o, "px"), n.style.height = "".concat(s, "px"), n.style["transform-origin"] = "left top", n.style.transform = "scale(".concat(1 / i, ")"), e.scale(i, i));
+    }, t.prototype.initWindowFunction = function () {
+      var t = this.config;
+      if (window) return this.rAF = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (t) {
+        window.setTimeout(t, 1e3 / 60);
+      }, t.setTimeout = window.setTimeout, t.setInterval = window.setInterval, t.clearTimeout = window.clearTimeout, void (t.clearInterval = window.clearInterval);
+      if (t.rAF) this.rAF = t.rAF;else if (t.setTimeout) {
+        var e = t.setTimeout;
+        this.rAF = function (t) {
+          return e(t, 16.7);
+        };
+      } else this.rAF = function (t) {
+        return setTimeout(t, 16.7);
+      };
+    }, t.prototype.isWeb = function () {
+      return ["WEB", "UNI-H5", "TARO-H5"].includes(this.config.flag);
+    }, t.prototype.loadImg = function (t, e, n) {
+      var i = this;
+      return void 0 === n && (n = "$resolve"), new Promise(function (r, o) {
+        if (t || o("=> '".concat(e.src, "' 不能为空或不合法")), "WEB" !== i.config.flag) return e[n] = r, void (e.$reject = o);
+        var s = new Image();
+        s.crossorigin = "anonymous", s.onload = function () {
+          return r(s);
+        }, s.onerror = function () {
+          return o("=> '".concat(e.src, "' 图片加载失败"));
+        }, s.src = t;
+      });
+    }, t.prototype.drawImage = function (t, e) {
+      for (var n, i, o, s = [], a = 2; a < arguments.length; a++) s[a - 2] = arguments[a];
+      var c = this.config,
+        h = c.flag,
+        l = c.dpr;
+      if (["WEB", "MP-WX"].includes(h)) o = e;else {
+        if (!["UNI-H5", "UNI-MP", "TARO-H5", "TARO-MP"].includes(h)) return console.error("意料之外的 flag, 该平台尚未兼容!");
+        o = e.path;
+      }
+      var u = null === (i = (n = o.canvas || o).getContext) || void 0 === i ? void 0 : i.call(n, "2d");
+      if (u && !this.isWeb()) {
+        s = s.map(function (t) {
+          return t * l;
+        });
+        var f = u.getImageData.apply(u, s.slice(0, 4));
+        t.putImageData.apply(t, r([f], s.slice(4, 6)));
+      } else {
+        8 === s.length && (s = s.map(function (t, e) {
+          return e < 4 ? t * l : t;
+        }));
+        try {
+          t.drawImage.apply(t, r([o], s));
+        } catch (t) {}
+      }
+    }, t.prototype.computedWidthAndHeight = function (t, e, n, i) {
+      if (!e.width && !e.height) return [t.width, t.height];
+      if (e.width && !e.height) {
+        var r = this.getLength(e.width, n);
+        return [r, t.height * (r / t.width)];
+      }
+      if (!e.width && e.height) {
+        var o = this.getLength(e.height, i);
+        return [t.width * (o / t.height), o];
+      }
+      return [this.getLength(e.width, n), this.getLength(e.height, i)];
+    }, t.prototype.changeUnits = function (t, e) {
+      var n = this;
+      void 0 === e && (e = 1);
+      var i = this.config;
+      return Number(t.replace(/^([-]*[0-9.]*)([a-z%]*)$/, function (t, r, o) {
+        var s = {
+          "%": function (t) {
+            return t * (e / 100);
+          },
+          px: function (t) {
+            return 1 * t;
+          },
+          rem: function (t) {
+            return t * n.htmlFontSize;
+          },
+          vw: function (t) {
+            return t / 100 * window.innerWidth;
+          }
+        }[o];
+        if (s) return s(r);
+        var a = i.handleCssUnit || i.unitFunc;
+        return a ? a(r, o) : r;
+      }));
+    }, t.prototype.getLength = function (t, e) {
+      return o(t, "number") ? t : o(t, "string") ? this.changeUnits(t, e) : 0;
+    }, t.prototype.getOffsetX = function (t, e) {
+      return void 0 === e && (e = 0), (e - t) / 2;
+    }, t.prototype.getOffscreenCanvas = function (t, e) {
+      if (!(n = this, i = "_offscreenCanvas", Object.prototype.hasOwnProperty.call(n, i) || (window && window.document && "WEB" === this.config.flag ? this._offscreenCanvas = document.createElement("canvas") : this._offscreenCanvas = this.config.offscreenCanvas, this._offscreenCanvas))) return console.error("离屏 Canvas 无法渲染!");
+      var n,
+        i,
+        r = this.config.dpr,
+        o = this._offscreenCanvas;
+      o.width = (t || 300) * r, o.height = (e || 150) * r;
+      var s = o.getContext("2d");
+      return s.clearRect(0, 0, t, e), s.scale(r, r), s.dpr = r, {
+        _offscreenCanvas: o,
+        _ctx: s
+      };
+    }, t.prototype.$set = function (t, e, n) {
+      t && "object" == typeof t && p(t, e, n);
+    }, t.prototype.$computed = function (t, e, n) {
+      var i = this;
+      Object.defineProperty(t, e, {
+        get: function () {
+          return n.call(i);
+        }
+      });
+    }, t.prototype.$watch = function (t, e, n) {
+      void 0 === n && (n = {}), "object" == typeof e && (e = (n = e).handler);
+      var i = new g(this, t, e, n);
+      return n.immediate && e.call(this, i.value), function () {};
+    }, t.version = s, t;
+  }()),
+  b = function (t, e) {
+    var n = document.createElement("canvas"),
+      i = n.getContext("2d"),
+      r = t.width,
+      o = t.height;
+    return n.width = r, n.height = o, function (t) {
+      for (var e = [], n = 1; n < arguments.length; n++) e[n - 1] = arguments[n];
+      var i = e[0],
+        r = e[1],
+        o = e[2],
+        s = e[3],
+        a = e[4],
+        c = Math.min(o, s),
+        h = Math.PI;
+      a > c / 2 && (a = c / 2), t.beginPath(), t.moveTo(i + a, r), t.lineTo(i + a, r), t.lineTo(i + o - a, r), t.arc(i + o - a, r + a, a, -h / 2, 0), t.lineTo(i + o, r + s - a), t.arc(i + o - a, r + s - a, a, 0, h / 2), t.lineTo(i + a, r + s), t.arc(i + a, r + s - a, a, h / 2, h), t.lineTo(i, r + a), t.arc(i + a, r + a, a, h, -h / 2), t.closePath();
+    }(i, 0, 0, r, o, e), i.clip(), i.drawImage(t, 0, 0, r, o), n;
+  },
+  w = function (t, e) {
+    var n = document.createElement("canvas"),
+      i = n.getContext("2d"),
+      r = t.width,
+      o = t.height;
+    if (n.width = r, n.height = o, "string" == typeof i.filter) i.filter = "opacity(".concat(100 * e, "%)"), i.drawImage(t, 0, 0, r, o);else {
+      i.drawImage(t, 0, 0, r, o);
+      for (var s = i.getImageData(0, 0, r, o), a = s.data, c = a.length, h = 0; h < c; h += 4) {
+        var l = a[h + 3];
+        0 !== l && (a[h + 3] = l * e);
+      }
+      i.putImageData(s, 0, 0);
+    }
+    return n;
+  };
+
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.changeUnits = void 0;
+exports.getImage = getImage;
+exports.rpx2px = exports.resolveImage = void 0;
+var windowWidth = wx.getSystemInfoSync().windowWidth;
+var rpx2px = exports.rpx2px = function rpx2px(value) {
+  if (typeof value === 'string') value = Number(value.replace(/[a-z]*/g, ''));
+  return windowWidth / 750 * value;
+};
+var changeUnits = exports.changeUnits = function changeUnits(value) {
+  value = String(value);
+  return Number(value.replace(/^(\-*[0-9.]*)([a-z%]*)$/, function (value, num, unit) {
+    switch (unit) {
+      case 'px':
+        num *= 1;
+        break;
+      case 'rpx':
+        num = rpx2px(num);
+        break;
+      default:
+        num *= 1;
+        break;
+    }
+    return num;
+  }));
+};
+var resolveImage = exports.resolveImage = function resolveImage(e, img, canvas, srcName, resolveName) {
+  if (srcName === void 0) {
+    srcName = 'src';
+  }
+  if (resolveName === void 0) {
+    resolveName = '$resolve';
+  }
+  var imgObj = canvas.createImage();
+  imgObj.onload = function () {
+    img[resolveName](imgObj);
+  };
+  imgObj.src = img[srcName];
+};
+function getImage() {
+  var _this = this;
+  return new Promise(function (resolve, reject) {
+    wx.canvasToTempFilePath({
+      canvas: _this.canvas,
+      success: function success(res) {
+        return resolve(res);
+      },
+      fail: function fail(err) {
+        return reject(err);
+      }
+    });
+  });
+}
+
+/***/ })
+/******/ ]);
+//# sourceMappingURL=index.js.map