@realsee/dnalogel 2.16.0-1 → 2.16.0-11

package/components/index.js

@@ -1,102 +1,526 @@
-var M = Object.defineProperty;
-var U = (r, n, t) => n in r ? M(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var g = (r, n, t) => (U(r, typeof n != "symbol" ? n + "" : n, t), t);
-import { Tween as W, Easing as $ } from "@tweenjs/tween.js";
-function j() {
+var A = Object.defineProperty;
+var L = (t, e, i) => e in t ? A(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var g = (t, e, i) => (L(t, typeof e != "symbol" ? e + "" : e, i), i);
+function F() {
 }
-const L = () => Promise.resolve(), k = {
+const N = () => Promise.resolve(), R = {
   __queue: Promise.resolve()
 };
-function q(r = L) {
-  k.__queue = k.__queue.then(r).catch(L);
+function z(t = N) {
+  R.__queue = R.__queue.then(t).catch(N);
 }
-function _(r, n, t) {
-  const e = r.x, s = r.y, i = Math.floor(e / n * 1e4) / 1e4, c = Math.floor(s / t * 1e4) / 1e4;
-  return { x: i, y: c };
+function M(t, e, i) {
+  const n = t.x, s = t.y, r = Math.floor(n / e * 1e4) / 1e4, a = Math.floor(s / i * 1e4) / 1e4;
+  return { x: r, y: a };
 }
-function T(r, n, t) {
-  const { x: e, y: s } = r, i = e * n, c = s * t;
-  return { x: i, y: c };
+function j(t, e, i) {
+  const { x: n, y: s } = t, r = n * e, a = s * i;
+  return { x: r, y: a };
 }
-function b(r) {
-  if (r.length < 2)
+function I(t) {
+  if (t.length < 2)
     return {};
-  const n = r.slice(-2), t = n[0], e = {
-    x: (n[0].x + n[1].x) / 2,
-    y: (n[0].y + n[1].y) / 2
+  const e = t.slice(-2), i = e[0], n = {
+    x: (e[0].x + e[1].x) / 2,
+    y: (e[0].y + e[1].y) / 2
   };
-  return { control: t, end: e };
+  return { control: i, end: n };
 }
-function O(r, n, t = j) {
-  new Promise((e) => {
+function q(t, e, i = F) {
+  new Promise((n) => {
     setTimeout(() => {
-      t(), e(!0);
-    }, n * r);
+      i(), n(!0);
+    }, e * t);
   });
 }
-const I = window, H = window.requestAnimationFrame || I.webkitRequestAnimationFrame || ((r) => setTimeout(r, 16));
-function E(r, n = 0) {
-  n <= 0 ? H(r) : H(() => E(r, n - 1));
+const H = window, U = window.requestAnimationFrame || H.webkitRequestAnimationFrame || ((t) => setTimeout(t, 16));
+function k(t, e = 0) {
+  e <= 0 ? U(t) : U(() => k(t, e - 1));
 }
-function A(r, n, t, e = $.Linear.None) {
-  const s = new W(r).to(n, t).easing(e).start();
-  function i(c) {
-    !s.update(c) || requestAnimationFrame(i);
+var S = Object.freeze({
+  Linear: Object.freeze({
+    None: function(t) {
+      return t;
+    },
+    In: function(t) {
+      return this.None(t);
+    },
+    Out: function(t) {
+      return this.None(t);
+    },
+    InOut: function(t) {
+      return this.None(t);
+    }
+  }),
+  Quadratic: Object.freeze({
+    In: function(t) {
+      return t * t;
+    },
+    Out: function(t) {
+      return t * (2 - t);
+    },
+    InOut: function(t) {
+      return (t *= 2) < 1 ? 0.5 * t * t : -0.5 * (--t * (t - 2) - 1);
+    }
+  }),
+  Cubic: Object.freeze({
+    In: function(t) {
+      return t * t * t;
+    },
+    Out: function(t) {
+      return --t * t * t + 1;
+    },
+    InOut: function(t) {
+      return (t *= 2) < 1 ? 0.5 * t * t * t : 0.5 * ((t -= 2) * t * t + 2);
+    }
+  }),
+  Quartic: Object.freeze({
+    In: function(t) {
+      return t * t * t * t;
+    },
+    Out: function(t) {
+      return 1 - --t * t * t * t;
+    },
+    InOut: function(t) {
+      return (t *= 2) < 1 ? 0.5 * t * t * t * t : -0.5 * ((t -= 2) * t * t * t - 2);
+    }
+  }),
+  Quintic: Object.freeze({
+    In: function(t) {
+      return t * t * t * t * t;
+    },
+    Out: function(t) {
+      return --t * t * t * t * t + 1;
+    },
+    InOut: function(t) {
+      return (t *= 2) < 1 ? 0.5 * t * t * t * t * t : 0.5 * ((t -= 2) * t * t * t * t + 2);
+    }
+  }),
+  Sinusoidal: Object.freeze({
+    In: function(t) {
+      return 1 - Math.sin((1 - t) * Math.PI / 2);
+    },
+    Out: function(t) {
+      return Math.sin(t * Math.PI / 2);
+    },
+    InOut: function(t) {
+      return 0.5 * (1 - Math.sin(Math.PI * (0.5 - t)));
+    }
+  }),
+  Exponential: Object.freeze({
+    In: function(t) {
+      return t === 0 ? 0 : Math.pow(1024, t - 1);
+    },
+    Out: function(t) {
+      return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
+    },
+    InOut: function(t) {
+      return t === 0 ? 0 : t === 1 ? 1 : (t *= 2) < 1 ? 0.5 * Math.pow(1024, t - 1) : 0.5 * (-Math.pow(2, -10 * (t - 1)) + 2);
+    }
+  }),
+  Circular: Object.freeze({
+    In: function(t) {
+      return 1 - Math.sqrt(1 - t * t);
+    },
+    Out: function(t) {
+      return Math.sqrt(1 - --t * t);
+    },
+    InOut: function(t) {
+      return (t *= 2) < 1 ? -0.5 * (Math.sqrt(1 - t * t) - 1) : 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1);
+    }
+  }),
+  Elastic: Object.freeze({
+    In: function(t) {
+      return t === 0 ? 0 : t === 1 ? 1 : -Math.pow(2, 10 * (t - 1)) * Math.sin((t - 1.1) * 5 * Math.PI);
+    },
+    Out: function(t) {
+      return t === 0 ? 0 : t === 1 ? 1 : Math.pow(2, -10 * t) * Math.sin((t - 0.1) * 5 * Math.PI) + 1;
+    },
+    InOut: function(t) {
+      return t === 0 ? 0 : t === 1 ? 1 : (t *= 2, t < 1 ? -0.5 * Math.pow(2, 10 * (t - 1)) * Math.sin((t - 1.1) * 5 * Math.PI) : 0.5 * Math.pow(2, -10 * (t - 1)) * Math.sin((t - 1.1) * 5 * Math.PI) + 1);
+    }
+  }),
+  Back: Object.freeze({
+    In: function(t) {
+      var e = 1.70158;
+      return t === 1 ? 1 : t * t * ((e + 1) * t - e);
+    },
+    Out: function(t) {
+      var e = 1.70158;
+      return t === 0 ? 0 : --t * t * ((e + 1) * t + e) + 1;
+    },
+    InOut: function(t) {
+      var e = 2.5949095;
+      return (t *= 2) < 1 ? 0.5 * (t * t * ((e + 1) * t - e)) : 0.5 * ((t -= 2) * t * ((e + 1) * t + e) + 2);
+    }
+  }),
+  Bounce: Object.freeze({
+    In: function(t) {
+      return 1 - S.Bounce.Out(1 - t);
+    },
+    Out: function(t) {
+      return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + 0.75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375 : 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375;
+    },
+    InOut: function(t) {
+      return t < 0.5 ? S.Bounce.In(t * 2) * 0.5 : S.Bounce.Out(t * 2 - 1) * 0.5 + 0.5;
+    }
+  }),
+  generatePow: function(t) {
+    return t === void 0 && (t = 4), t = t < Number.EPSILON ? Number.EPSILON : t, t = t > 1e4 ? 1e4 : t, {
+      In: function(e) {
+        return Math.pow(e, t);
+      },
+      Out: function(e) {
+        return 1 - Math.pow(1 - e, t);
+      },
+      InOut: function(e) {
+        return e < 0.5 ? Math.pow(e * 2, t) / 2 : (1 - Math.pow(2 - e * 2, t)) / 2 + 0.5;
+      }
+    };
   }
-  return requestAnimationFrame(i), s;
+}), T = function() {
+  return performance.now();
+}, W = (
+  /** @class */
+  function() {
+    function t() {
+      this._tweens = {}, this._tweensAddedDuringUpdate = {};
+    }
+    return t.prototype.getAll = function() {
+      var e = this;
+      return Object.keys(this._tweens).map(function(i) {
+        return e._tweens[i];
+      });
+    }, t.prototype.removeAll = function() {
+      this._tweens = {};
+    }, t.prototype.add = function(e) {
+      this._tweens[e.getId()] = e, this._tweensAddedDuringUpdate[e.getId()] = e;
+    }, t.prototype.remove = function(e) {
+      delete this._tweens[e.getId()], delete this._tweensAddedDuringUpdate[e.getId()];
+    }, t.prototype.update = function(e, i) {
+      e === void 0 && (e = T()), i === void 0 && (i = !1);
+      var n = Object.keys(this._tweens);
+      if (n.length === 0)
+        return !1;
+      for (; n.length > 0; ) {
+        this._tweensAddedDuringUpdate = {};
+        for (var s = 0; s < n.length; s++) {
+          var r = this._tweens[n[s]], a = !i;
+          r && r.update(e, a) === !1 && !i && delete this._tweens[n[s]];
+        }
+        n = Object.keys(this._tweensAddedDuringUpdate);
+      }
+      return !0;
+    }, t;
+  }()
+), x = {
+  Linear: function(t, e) {
+    var i = t.length - 1, n = i * e, s = Math.floor(n), r = x.Utils.Linear;
+    return e < 0 ? r(t[0], t[1], n) : e > 1 ? r(t[i], t[i - 1], i - n) : r(t[s], t[s + 1 > i ? i : s + 1], n - s);
+  },
+  Bezier: function(t, e) {
+    for (var i = 0, n = t.length - 1, s = Math.pow, r = x.Utils.Bernstein, a = 0; a <= n; a++)
+      i += s(1 - e, n - a) * s(e, a) * t[a] * r(n, a);
+    return i;
+  },
+  CatmullRom: function(t, e) {
+    var i = t.length - 1, n = i * e, s = Math.floor(n), r = x.Utils.CatmullRom;
+    return t[0] === t[i] ? (e < 0 && (s = Math.floor(n = i * (1 + e))), r(t[(s - 1 + i) % i], t[s], t[(s + 1) % i], t[(s + 2) % i], n - s)) : e < 0 ? t[0] - (r(t[0], t[0], t[1], t[1], -n) - t[0]) : e > 1 ? t[i] - (r(t[i], t[i], t[i - 1], t[i - 1], n - i) - t[i]) : r(t[s ? s - 1 : 0], t[s], t[i < s + 1 ? i : s + 1], t[i < s + 2 ? i : s + 2], n - s);
+  },
+  Utils: {
+    Linear: function(t, e, i) {
+      return (e - t) * i + t;
+    },
+    Bernstein: function(t, e) {
+      var i = x.Utils.Factorial;
+      return i(t) / i(e) / i(t - e);
+    },
+    Factorial: function() {
+      var t = [1];
+      return function(e) {
+        var i = 1;
+        if (t[e])
+          return t[e];
+        for (var n = e; n > 1; n--)
+          i *= n;
+        return t[e] = i, i;
+      };
+    }(),
+    CatmullRom: function(t, e, i, n, s) {
+      var r = (i - t) * 0.5, a = (n - e) * 0.5, o = s * s, c = s * o;
+      return (2 * e - 2 * i + r + a) * c + (-3 * e + 3 * i - 2 * r - a) * o + r * s + e;
+    }
+  }
+}, $ = (
+  /** @class */
+  function() {
+    function t() {
+    }
+    return t.nextId = function() {
+      return t._nextId++;
+    }, t._nextId = 0, t;
+  }()
+), m = new W(), X = (
+  /** @class */
+  function() {
+    function t(e, i) {
+      i === void 0 && (i = m), this._object = e, this._group = i, this._isPaused = !1, this._pauseStart = 0, this._valuesStart = {}, this._valuesEnd = {}, this._valuesStartRepeat = {}, this._duration = 1e3, this._isDynamic = !1, this._initialRepeat = 0, this._repeat = 0, this._yoyo = !1, this._isPlaying = !1, this._reversed = !1, this._delayTime = 0, this._startTime = 0, this._easingFunction = S.Linear.None, this._interpolationFunction = x.Linear, this._chainedTweens = [], this._onStartCallbackFired = !1, this._onEveryStartCallbackFired = !1, this._id = $.nextId(), this._isChainStopped = !1, this._propertiesAreSetUp = !1, this._goToEnd = !1;
+    }
+    return t.prototype.getId = function() {
+      return this._id;
+    }, t.prototype.isPlaying = function() {
+      return this._isPlaying;
+    }, t.prototype.isPaused = function() {
+      return this._isPaused;
+    }, t.prototype.to = function(e, i) {
+      if (i === void 0 && (i = 1e3), this._isPlaying)
+        throw new Error("Can not call Tween.to() while Tween is already started or paused. Stop the Tween first.");
+      return this._valuesEnd = e, this._propertiesAreSetUp = !1, this._duration = i, this;
+    }, t.prototype.duration = function(e) {
+      return e === void 0 && (e = 1e3), this._duration = e, this;
+    }, t.prototype.dynamic = function(e) {
+      return e === void 0 && (e = !1), this._isDynamic = e, this;
+    }, t.prototype.start = function(e, i) {
+      if (e === void 0 && (e = T()), i === void 0 && (i = !1), this._isPlaying)
+        return this;
+      if (this._group && this._group.add(this), this._repeat = this._initialRepeat, this._reversed) {
+        this._reversed = !1;
+        for (var n in this._valuesStartRepeat)
+          this._swapEndStartRepeatValues(n), this._valuesStart[n] = this._valuesStartRepeat[n];
+      }
+      if (this._isPlaying = !0, this._isPaused = !1, this._onStartCallbackFired = !1, this._onEveryStartCallbackFired = !1, this._isChainStopped = !1, this._startTime = e, this._startTime += this._delayTime, !this._propertiesAreSetUp || i) {
+        if (this._propertiesAreSetUp = !0, !this._isDynamic) {
+          var s = {};
+          for (var r in this._valuesEnd)
+            s[r] = this._valuesEnd[r];
+          this._valuesEnd = s;
+        }
+        this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat, i);
+      }
+      return this;
+    }, t.prototype.startFromCurrentValues = function(e) {
+      return this.start(e, !0);
+    }, t.prototype._setupProperties = function(e, i, n, s, r) {
+      for (var a in n) {
+        var o = e[a], c = Array.isArray(o), d = c ? "array" : typeof o, _ = !c && Array.isArray(n[a]);
+        if (!(d === "undefined" || d === "function")) {
+          if (_) {
+            var u = n[a];
+            if (u.length === 0)
+              continue;
+            for (var l = [o], h = 0, p = u.length; h < p; h += 1) {
+              var f = this._handleRelativeValue(o, u[h]);
+              if (isNaN(f)) {
+                _ = !1, console.warn("Found invalid interpolation list. Skipping.");
+                break;
+              }
+              l.push(f);
+            }
+            _ && (n[a] = l);
+          }
+          if ((d === "object" || c) && o && !_) {
+            i[a] = c ? [] : {};
+            var v = o;
+            for (var b in v)
+              i[a][b] = v[b];
+            s[a] = c ? [] : {};
+            var u = n[a];
+            if (!this._isDynamic) {
+              var E = {};
+              for (var b in u)
+                E[b] = u[b];
+              n[a] = u = E;
+            }
+            this._setupProperties(v, i[a], u, s[a], r);
+          } else
+            (typeof i[a] == "undefined" || r) && (i[a] = o), c || (i[a] *= 1), _ ? s[a] = n[a].slice().reverse() : s[a] = i[a] || 0;
+        }
+      }
+    }, t.prototype.stop = function() {
+      return this._isChainStopped || (this._isChainStopped = !0, this.stopChainedTweens()), this._isPlaying ? (this._group && this._group.remove(this), this._isPlaying = !1, this._isPaused = !1, this._onStopCallback && this._onStopCallback(this._object), this) : this;
+    }, t.prototype.end = function() {
+      return this._goToEnd = !0, this.update(1 / 0), this;
+    }, t.prototype.pause = function(e) {
+      return e === void 0 && (e = T()), this._isPaused || !this._isPlaying ? this : (this._isPaused = !0, this._pauseStart = e, this._group && this._group.remove(this), this);
+    }, t.prototype.resume = function(e) {
+      return e === void 0 && (e = T()), !this._isPaused || !this._isPlaying ? this : (this._isPaused = !1, this._startTime += e - this._pauseStart, this._pauseStart = 0, this._group && this._group.add(this), this);
+    }, t.prototype.stopChainedTweens = function() {
+      for (var e = 0, i = this._chainedTweens.length; e < i; e++)
+        this._chainedTweens[e].stop();
+      return this;
+    }, t.prototype.group = function(e) {
+      return e === void 0 && (e = m), this._group = e, this;
+    }, t.prototype.delay = function(e) {
+      return e === void 0 && (e = 0), this._delayTime = e, this;
+    }, t.prototype.repeat = function(e) {
+      return e === void 0 && (e = 0), this._initialRepeat = e, this._repeat = e, this;
+    }, t.prototype.repeatDelay = function(e) {
+      return this._repeatDelayTime = e, this;
+    }, t.prototype.yoyo = function(e) {
+      return e === void 0 && (e = !1), this._yoyo = e, this;
+    }, t.prototype.easing = function(e) {
+      return e === void 0 && (e = S.Linear.None), this._easingFunction = e, this;
+    }, t.prototype.interpolation = function(e) {
+      return e === void 0 && (e = x.Linear), this._interpolationFunction = e, this;
+    }, t.prototype.chain = function() {
+      for (var e = [], i = 0; i < arguments.length; i++)
+        e[i] = arguments[i];
+      return this._chainedTweens = e, this;
+    }, t.prototype.onStart = function(e) {
+      return this._onStartCallback = e, this;
+    }, t.prototype.onEveryStart = function(e) {
+      return this._onEveryStartCallback = e, this;
+    }, t.prototype.onUpdate = function(e) {
+      return this._onUpdateCallback = e, this;
+    }, t.prototype.onRepeat = function(e) {
+      return this._onRepeatCallback = e, this;
+    }, t.prototype.onComplete = function(e) {
+      return this._onCompleteCallback = e, this;
+    }, t.prototype.onStop = function(e) {
+      return this._onStopCallback = e, this;
+    }, t.prototype.update = function(e, i) {
+      if (e === void 0 && (e = T()), i === void 0 && (i = !0), this._isPaused)
+        return !0;
+      var n, s, r = this._startTime + this._duration;
+      if (!this._goToEnd && !this._isPlaying) {
+        if (e > r)
+          return !1;
+        i && this.start(e, !0);
+      }
+      if (this._goToEnd = !1, e < this._startTime)
+        return !0;
+      this._onStartCallbackFired === !1 && (this._onStartCallback && this._onStartCallback(this._object), this._onStartCallbackFired = !0), this._onEveryStartCallbackFired === !1 && (this._onEveryStartCallback && this._onEveryStartCallback(this._object), this._onEveryStartCallbackFired = !0), s = (e - this._startTime) / this._duration, s = this._duration === 0 || s > 1 ? 1 : s;
+      var a = this._easingFunction(s);
+      if (this._updateProperties(this._object, this._valuesStart, this._valuesEnd, a), this._onUpdateCallback && this._onUpdateCallback(this._object, s), s === 1)
+        if (this._repeat > 0) {
+          isFinite(this._repeat) && this._repeat--;
+          for (n in this._valuesStartRepeat)
+            !this._yoyo && typeof this._valuesEnd[n] == "string" && (this._valuesStartRepeat[n] = // eslint-disable-next-line
+            // @ts-ignore FIXME?
+            this._valuesStartRepeat[n] + parseFloat(this._valuesEnd[n])), this._yoyo && this._swapEndStartRepeatValues(n), this._valuesStart[n] = this._valuesStartRepeat[n];
+          return this._yoyo && (this._reversed = !this._reversed), this._repeatDelayTime !== void 0 ? this._startTime = e + this._repeatDelayTime : this._startTime = e + this._delayTime, this._onRepeatCallback && this._onRepeatCallback(this._object), this._onEveryStartCallbackFired = !1, !0;
+        } else {
+          this._onCompleteCallback && this._onCompleteCallback(this._object);
+          for (var o = 0, c = this._chainedTweens.length; o < c; o++)
+            this._chainedTweens[o].start(this._startTime + this._duration, !1);
+          return this._isPlaying = !1, !1;
+        }
+      return !0;
+    }, t.prototype._updateProperties = function(e, i, n, s) {
+      for (var r in n)
+        if (i[r] !== void 0) {
+          var a = i[r] || 0, o = n[r], c = Array.isArray(e[r]), d = Array.isArray(o), _ = !c && d;
+          _ ? e[r] = this._interpolationFunction(o, s) : typeof o == "object" && o ? this._updateProperties(e[r], a, o, s) : (o = this._handleRelativeValue(a, o), typeof o == "number" && (e[r] = a + (o - a) * s));
+        }
+    }, t.prototype._handleRelativeValue = function(e, i) {
+      return typeof i != "string" ? i : i.charAt(0) === "+" || i.charAt(0) === "-" ? e + parseFloat(i) : parseFloat(i);
+    }, t.prototype._swapEndStartRepeatValues = function(e) {
+      var i = this._valuesStartRepeat[e], n = this._valuesEnd[e];
+      typeof n == "string" ? this._valuesStartRepeat[e] = this._valuesStartRepeat[e] + parseFloat(n) : this._valuesStartRepeat[e] = this._valuesEnd[e], this._valuesEnd[e] = i;
+    }, t;
+  }()
+), y = m;
+y.getAll.bind(y);
+y.removeAll.bind(y);
+y.add.bind(y);
+y.remove.bind(y);
+y.update.bind(y);
+function Y(t, e, i, n = S.Linear.None) {
+  const s = new X(t).to(e, i).easing(n).start();
+  function r(a) {
+    s.update(a) && requestAnimationFrame(r);
+  }
+  return requestAnimationFrame(r), s;
 }
-var v = /* @__PURE__ */ ((r) => (r.Drawline = "Drawline", r.Undo = "Undo", r.Exit = "Exit", r))(v || {});
-const C = Symbol("$$PAINT_BRUSH_EVENT$$");
-function B(r) {
-  return r[C] || (r[C] = {}), r[C];
+var w = /* @__PURE__ */ ((t) => (t.Drawline = "Drawline", t.Undo = "Undo", t.Exit = "Exit", t))(w || {});
+const O = Symbol("$$PAINT_BRUSH_EVENT$$");
+function P(t) {
+  return t[O] || (t[O] = {}), t[O];
 }
-function F(r) {
-  r[C] || delete r[C];
+function Q(t) {
+  t[O] || delete t[O];
 }
-class P {
-  hasListener(n) {
-    const t = B(this);
-    return t && t[n] && t[n].length > 0;
-  }
-  on(n, t, e) {
-    const s = B(this);
-    return s[n] || (s[n] = []), s[n].push([t, e || !1]), () => this.off(n, t);
-  }
-  once(n, t) {
-    return this.on(n, t, !0);
-  }
-  off(n, t) {
-    if (n === void 0) {
-      F(this);
+class G {
+  /**
+   * 判断是否注册了事件
+   * @param name  事件类型
+   */
+  hasListener(e) {
+    const i = P(this);
+    return i && i[e] && i[e].length > 0;
+  }
+  /**
+   * 注册事件
+   * @param  name    事件类型
+   * @param  callback 事件回调函数
+   * @param  once     是否只执行一次
+   * @returns 解除事件
+   * @template K 预设的监听事件名称
+   * @template C 回调函数函数上下文
+   */
+  on(e, i, n) {
+    const s = P(this);
+    return s[e] || (s[e] = []), s[e].push([i, n || !1]), () => this.off(e, i);
+  }
+  /**
+   * 注册事件(是否只执行一次)
+   * @param  name     事件类型
+   * @param  callback 事件回调函数
+   * @returns 解除事件
+   * @template K 预设的监听事件名称
+   * @template C 回调函数函数上下文
+   */
+  once(e, i) {
+    return this.on(e, i, !0);
+  }
+  /**
+   * 解除事件
+   *
+   * 如果 name 不传的话解除对应所有事件
+   * 如果 name, callback 不传的话解除所有name的所有事件
+   * @param  name     事件类型
+   * @param  callback 事件回调函数
+   * @template K 预设的监听事件名称
+   */
+  off(e, i) {
+    if (e === void 0) {
+      Q(this);
       return;
     }
-    const e = B(this);
-    if (e[n] || (e[n] = []), t === void 0) {
-      e[n].length = 0;
+    const n = P(this);
+    if (n[e] || (n[e] = []), i === void 0) {
+      n[e].length = 0;
       return;
     }
     let s = 0;
-    for (; s < e[n].length && e[n][s][0] !== t; s++)
+    for (; s < n[e].length && n[e][s][0] !== i; s++)
       ;
-    s < e[n].length && e[n].splice(s, 1);
-  }
-  emit(n, ...t) {
-    let e = !1;
-    const i = B(this)[n] || [];
-    for (let c of i.slice()) {
-      const [o, l = !1] = c, f = o(...t);
-      l && this.off(n, o), f === !1 && (e = !0);
+    s < n[e].length && n[e].splice(s, 1);
+  }
+  /**
+   * 触发事件
+   * @param  name  事件类型
+   * @param  data  触发事件的数据
+   * @returns canceled 是否被触发取消
+   * @template K 预设的监听事件名称
+   */
+  emit(e, ...i) {
+    let n = !1;
+    const r = P(this)[e] || [];
+    for (let a of r.slice()) {
+      const [o, c = !1] = a, d = o(...i);
+      c && this.off(e, o), d === !1 && (n = !0);
     }
-    return e;
+    return n;
   }
 }
-function m() {
+function C() {
   return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
 }
-function R() {
-  return (m() + m() + "-" + m() + "-4" + m().substr(0, 3) + "-" + m() + "-" + m() + m() + m()).toLowerCase();
+function J() {
+  return (C() + C() + "-" + C() + "-4" + C().substr(0, 3) + "-" + C() + "-" + C() + C() + C()).toLowerCase();
 }
-const z = `
+const Z = `
 <style type="text/css">
 
 #_gl_paintBrush {
@@ -197,21 +621,21 @@ transition: all 500ms;
 
 </style>
 `;
-class X extends P {
-  constructor(t) {
+class K extends G {
+  constructor(i) {
     super();
     g(this, "configs");
     g(this, "clientWidth");
     g(this, "clientHeight");
     g(this, "ready", !1);
-    g(this, "uuid", R());
+    g(this, "uuid", J());
     g(this, "tween");
     g(this, "tweening", !1);
     g(this, "container");
     g(this, "canvas");
     g(this, "data", {});
     g(this, "tempLine", {});
-    this.configs = t, this.clientWidth = document.body.clientWidth, this.clientHeight = document.body.clientHeight, this.container = this.ifInsertToDOM(), this.canvas = {}, this.initCtrl();
+    this.configs = i, this.clientWidth = document.body.clientWidth, this.clientHeight = document.body.clientHeight, this.container = this.ifInsertToDOM(), this.canvas = {}, this.initCtrl();
   }
   get color() {
     return this.configs.currentColor;
@@ -230,308 +654,332 @@ class X extends P {
     else if (document.getElementById("_gl_paintBrush"))
       this.container = document.getElementById("_gl_paintBrush");
     else {
-      const t = document.createElement("div");
-      t.id = "_gl_paintBrush", document.body.appendChild(t), this.container = t;
+      const i = document.createElement("div");
+      i.id = "_gl_paintBrush", document.body.appendChild(i), this.container = i;
     }
-    return this.container.innerHTML = z, this.container;
-  }
-  initCanvas(t) {
-    const e = document.createElement("canvas");
-    e.className = t, e.width = this.clientWidth, e.height = this.clientHeight;
-    const s = e.getContext("2d");
-    if (!!s)
-      return s.lineWidth = 5 * this.dpr, s.lineCap = "round", s.lineJoin = "round", this.container.appendChild(e), e;
-  }
+    return this.container.innerHTML = Z, this.container;
+  }
+  /**
+   *
+   * @param className 初始化画板
+   * @returns
+   */
+  initCanvas(i) {
+    const n = document.createElement("canvas");
+    n.className = i, n.width = this.clientWidth, n.height = this.clientHeight;
+    const s = n.getContext("2d");
+    if (s)
+      return s.lineWidth = 5 * this.dpr, s.lineCap = "round", s.lineJoin = "round", this.container.appendChild(n), n;
+  }
+  /**
+   * 初始化操作面板
+   * @returns
+   */
   initCtrl() {
-    const t = document.createElement("div");
-    t.className = "_paintBrush-ctrl";
-    const e = document.createElement("div");
-    e.className = "_paintBrush-ctrlinner";
+    const i = document.createElement("div");
+    i.className = "_paintBrush-ctrl";
+    const n = document.createElement("div");
+    n.className = "_paintBrush-ctrlinner";
     const s = document.createElement("a");
     s.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--undo", s.addEventListener("click", (o) => {
-      var h;
+      var l;
       if (o.stopPropagation(), this.configs.onClickUndo && this.configs.onClickUndo(), !this.canvas[this.uuid] || !this.data[this.uuid] || this.data[this.uuid].length === 0)
         return;
-      const l = this.data[this.uuid].pop();
-      l && this.emitStateChange({
-        type: v.Undo,
+      const c = this.data[this.uuid].pop();
+      c && this.emitStateChange({
+        type: w.Undo,
         color: this.color,
         ready: this.ready,
-        state: l,
+        state: c,
         uuid: this.uuid
       });
-      const f = (h = this.canvas[this.uuid]) == null ? void 0 : h.getContext("2d");
+      const d = (l = this.canvas[this.uuid]) == null ? void 0 : l.getContext("2d");
       if (!this.canvas[this.uuid])
         return;
-      const { width: x, height: u } = this.canvas[this.uuid];
-      f && f.clearRect(0, 0, x, u), this.data[this.uuid].forEach((a) => this.handleDrawLine(this.uuid, a, { withUndo: !0 }));
+      const { width: _, height: u } = this.canvas[this.uuid];
+      d && d.clearRect(0, 0, _, u), this.data[this.uuid].forEach((h) => this.handleDrawLine(this.uuid, h, { withUndo: !0 }));
     });
-    const i = document.createElement("a");
-    return i.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--close", i.addEventListener("click", (o) => {
+    const r = document.createElement("a");
+    return r.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--close", r.addEventListener("click", (o) => {
       o.stopPropagation(), this.closeBrush(), this.configs.onClickClose && this.configs.onClickClose();
-    }), [s, i].forEach((o) => {
-      const l = document.createElement("i");
-      l.className = "brush-icon";
-      const f = document.createElement("span");
-      f.className = "brush-txt", f.innerText = o.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText, o.appendChild(l), o.appendChild(f);
-    }), e.appendChild(s), e.appendChild(i), t.appendChild(e), this.container.appendChild(t), t;
+    }), [s, r].forEach((o) => {
+      const c = document.createElement("i");
+      c.className = "brush-icon";
+      const d = document.createElement("span");
+      d.className = "brush-txt", d.innerText = o.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText, o.appendChild(c), o.appendChild(d);
+    }), n.appendChild(s), n.appendChild(r), i.appendChild(n), this.container.appendChild(i), i;
   }
   openBrush() {
     if (this.ready)
       return;
     this.canvas[this.uuid] || (this.canvas[this.uuid] = this.initCanvas("_paintBrush-canvas")), this.container.className = "brushing";
-    const t = this.canvas[this.uuid];
-    t.getContext("2d").clearRect(0, 0, t.width, t.height), this.openBrushHandle(), this.ready = !0, this.emit("readyChange", !0);
+    const i = this.canvas[this.uuid];
+    i.getContext("2d").clearRect(0, 0, i.width, i.height), this.openBrushHandle(), this.ready = !0, this.emit("readyChange", !0);
   }
   closeBrush() {
-    !this.ready || (this.container.className = "", this.data = {}, this.tempLine = {}, Object.keys(this.canvas).forEach((t) => {
-      this.canvas[t].ontouchstart = () => !1, this.canvas[t].ontouchmove = () => !1, this.canvas[t].ontouchend = () => !1, this.canvas[t].ontouchcancel = () => !1;
-      const e = this.canvas[t].getContext("2d");
-      e && e.clearRect(0, 0, this.canvas[t].width, this.canvas[t].height);
+    this.ready && (this.container.className = "", this.data = {}, this.tempLine = {}, Object.keys(this.canvas).forEach((i) => {
+      this.canvas[i].ontouchstart = () => !1, this.canvas[i].ontouchmove = () => !1, this.canvas[i].ontouchend = () => !1, this.canvas[i].ontouchcancel = () => !1;
+      const n = this.canvas[i].getContext("2d");
+      n && n.clearRect(0, 0, this.canvas[i].width, this.canvas[i].height);
     }), this.ready = !1, this.emit("readyChange", !1), this.emitStateChange({
-      type: v.Exit,
+      type: w.Exit,
       color: this.color,
       ready: !1,
       uuid: this.uuid
     }));
   }
-  updateCurrentColor(t) {
-    const e = this.canvas[this.uuid];
-    if (!e)
+  updateCurrentColor(i) {
+    const n = this.canvas[this.uuid];
+    if (!n)
       return;
-    const s = e.getContext("2d");
-    !s || (this.configs.currentColor = t, s.strokeStyle = t);
+    const s = n.getContext("2d");
+    s && (this.configs.currentColor = i, s.strokeStyle = i);
   }
   openBrushHandle() {
-    const t = this.canvas[this.uuid];
-    if (!t)
+    const i = this.canvas[this.uuid];
+    if (!i)
       return;
-    const e = t.getContext("2d");
-    if (!e)
+    const n = i.getContext("2d");
+    if (!n)
       return;
     const s = this.color || "#6D92FF";
-    e.strokeStyle = s;
-    let i = null, c = [], o, l = [], f = 0;
-    const x = (u, h, a) => {
+    n.strokeStyle = s;
+    let r = null, a = [], o, c = [], d = 0;
+    const _ = (u, l, h) => {
       const p = this.color || "#ff0000";
-      e.strokeStyle = p, e.beginPath(), e.moveTo(u.x, u.y), e.quadraticCurveTo(h.x, h.y, a.x, a.y), e.stroke();
+      n.strokeStyle = p, n.beginPath(), n.moveTo(u.x, u.y), n.quadraticCurveTo(l.x, l.y, h.x, h.y), n.stroke();
     };
-    t.onmousedown = (u) => {
-      u.preventDefault(), f = Date.now();
-      const h = u.clientX, a = u.clientY;
-      c = [], c.push({ x: h, y: a }), i = { x: h, y: a }, o = _({ x: h, y: a }, this.clientWidth, this.clientHeight), l = [];
-    }, t.onmousemove = (u) => {
-      if (u.preventDefault(), !i)
+    i.onmousedown = (u) => {
+      u.preventDefault(), d = Date.now();
+      const l = u.clientX, h = u.clientY;
+      a = [], a.push({ x: l, y: h }), r = { x: l, y: h }, o = M({ x: l, y: h }, this.clientWidth, this.clientHeight), c = [];
+    }, i.onmousemove = (u) => {
+      if (u.preventDefault(), !r)
         return;
-      const h = Number(u.clientX), a = Number(u.clientY);
-      if (Math.abs(h - i.x) < 5 && Math.abs(a - i.y) < 5 || (c.push({ x: h, y: a }), l.push(_({ x: h, y: a }, this.clientWidth, this.clientHeight)), c.length < 3))
+      const l = Number(u.clientX), h = Number(u.clientY);
+      if (Math.abs(l - r.x) < 5 && Math.abs(h - r.y) < 5 || (a.push({ x: l, y: h }), c.push(M({ x: l, y: h }, this.clientWidth, this.clientHeight)), a.length < 3))
         return;
-      const { control: p, end: d } = b(c);
-      !p || !d || (x(i, p, d), i = d);
-    }, t.onmouseup = (u) => {
-      if (u.preventDefault(), i = null, c.length < 3)
+      const { control: p, end: f } = I(a);
+      !p || !f || (_(r, p, f), r = f);
+    }, i.onmouseup = (u) => {
+      if (u.preventDefault(), r = null, a.length < 3)
         return;
       this.data[this.uuid] || (this.data[this.uuid] = []);
-      const h = Date.now() - f, a = {
+      const l = Date.now() - d, h = {
         move: Object.assign({}, o),
         uuid: this.uuid,
-        line: [...l],
+        line: [...c],
         color: this.color,
-        duration: h < 1280 ? h : h < 2e3 ? 1280 : 0
+        duration: l < 1280 ? l : l < 2e3 ? 1280 : 0
+        // 单次笔迹时长超过2000ms不加动画
       };
-      this.data[this.uuid].push(a), E(() => {
+      this.data[this.uuid].push(h), k(() => {
         this.emitStateChange({
-          type: v.Drawline,
+          type: w.Drawline,
           color: this.color,
           ready: this.ready,
-          state: a,
+          state: h,
           uuid: this.uuid
         });
       });
-    }, t.ontouchstart = (u) => {
-      u.preventDefault(), f = Date.now();
-      const h = u.touches[0].clientX, a = u.touches[0].clientY;
-      c = [], c.push({ x: h, y: a }), i = { x: h, y: a }, o = _({ x: h, y: a }, this.clientWidth, this.clientHeight), l = [];
-    }, t.ontouchmove = (u) => {
-      if (u.preventDefault(), !i)
+    }, i.ontouchstart = (u) => {
+      u.preventDefault(), d = Date.now();
+      const l = u.touches[0].clientX, h = u.touches[0].clientY;
+      a = [], a.push({ x: l, y: h }), r = { x: l, y: h }, o = M({ x: l, y: h }, this.clientWidth, this.clientHeight), c = [];
+    }, i.ontouchmove = (u) => {
+      if (u.preventDefault(), !r)
         return;
-      const h = Number(u.touches[0].clientX), a = Number(u.touches[0].clientY);
-      if (Math.abs(h - i.x) < 5 && Math.abs(a - i.y) < 5 || (c.push({ x: h, y: a }), l.push(_({ x: h, y: a }, this.clientWidth, this.clientHeight)), c.length < 3))
+      const l = Number(u.touches[0].clientX), h = Number(u.touches[0].clientY);
+      if (Math.abs(l - r.x) < 5 && Math.abs(h - r.y) < 5 || (a.push({ x: l, y: h }), c.push(M({ x: l, y: h }, this.clientWidth, this.clientHeight)), a.length < 3))
         return;
-      const { control: p, end: d } = b(c);
-      !p || !d || (x(i, p, d), i = d);
-    }, t.ontouchend = t.ontouchcancel = (u) => {
-      if (u.preventDefault(), i = null, c.length < 3)
+      const { control: p, end: f } = I(a);
+      !p || !f || (_(r, p, f), r = f);
+    }, i.ontouchend = i.ontouchcancel = (u) => {
+      if (u.preventDefault(), r = null, a.length < 3)
         return;
       this.data[this.uuid] || (this.data[this.uuid] = []);
-      const h = Date.now() - f, a = {
+      const l = Date.now() - d, h = {
         move: Object.assign({}, o),
-        line: [...l],
+        line: [...c],
         uuid: this.uuid,
         color: this.color,
-        duration: h < 1280 ? h : h < 2e3 ? 1280 : 0
+        duration: l < 1280 ? l : l < 2e3 ? 1280 : 0
+        // 单次笔迹时长超过2000ms不加动画
       };
-      this.data[this.uuid].push(a), E(() => {
+      this.data[this.uuid].push(h), k(() => {
         this.emitStateChange({
-          type: v.Drawline,
+          type: w.Drawline,
           color: this.color,
           ready: this.ready,
-          state: a,
+          state: h,
           uuid: this.uuid
         });
       });
     };
   }
-  emitStateChange(t, e = !0) {
-    if (t.type !== v.Drawline) {
-      this.emit("stateChange", t, e);
+  emitStateChange(i, n = !0) {
+    if (i.type !== w.Drawline) {
+      this.emit("stateChange", i, n);
       return;
     }
-    const s = Date.now(), i = t.state;
-    if (!i || !i.line)
+    const s = Date.now(), r = i.state;
+    if (!r || !r.line)
       return;
-    const c = Math.ceil(i.line.length / 100);
-    for (let o = 0; o < c; o++) {
-      const l = {
+    const a = Math.ceil(r.line.length / 100);
+    for (let o = 0; o < a; o++) {
+      const c = {
         uuid: this.uuid,
         color: this.color,
         ready: this.ready,
-        type: t.type,
+        type: i.type,
         state: {
           uuid: this.uuid,
-          move: i.move,
-          duration: i.duration,
+          move: r.move,
+          duration: r.duration,
           color: this.color,
-          line: i.line.slice(o * 100, (o + 1) * 100)
+          line: r.line.slice(o * 100, (o + 1) * 100)
         },
         timestamp: s,
-        end: o === c - 1
+        end: o === a - 1
       };
-      O(o, 20, () => {
-        this.emit("stateChange", l, e);
+      q(o, 20, () => {
+        this.emit("stateChange", c, n);
       });
     }
   }
-  action(t) {
-    const { ready: e, type: s, uuid: i } = t;
-    if (!e && this.ready) {
+  action(i) {
+    const { ready: n, type: s, uuid: r } = i;
+    if (!n && this.ready) {
       this.closeBrush();
       return;
     }
-    if (e && !this.ready) {
+    if (n && !this.ready) {
       this.openBrush();
       return;
     }
-    if (!!this.ready)
+    if (this.ready)
       switch (s) {
-        case v.Drawline:
-          const { state: c, timestamp: o, end: l } = t;
-          if (!o || !c)
+        case w.Drawline:
+          const { state: a, timestamp: o, end: c } = i;
+          if (!o || !a)
             return;
-          this.tempLine[o] = [].concat(this.tempLine[o] || [], c.line), l && (Object.assign(c, { line: this.tempLine[o] }), this.handleDrawLine(i, c, {}, () => delete this.tempLine[o]));
+          this.tempLine[o] = [].concat(this.tempLine[o] || [], a.line), c && (Object.assign(a, { line: this.tempLine[o] }), this.handleDrawLine(r, a, {}, () => delete this.tempLine[o]));
           break;
-        case v.Undo:
-          this.handleUndo(i);
+        case w.Undo:
+          this.handleUndo(r);
           break;
       }
   }
-  handleDrawLine(t, e, { withUndo: s = !1 }, i = j) {
-    !e || Object.prototype.toString.call(e) != "[object Object]" || Object.keys(e).length === 0 || q(() => new Promise((c) => {
-      if (s || (this.canvas[t] || (this.canvas[t] = this.initCanvas("_paintBrush-canvas--sync")), this.data[t] || (this.data[t] = []), this.data[t].push(e)), !this.canvas[t])
+  handleDrawLine(i, n, { withUndo: s = !1 }, r = F) {
+    !n || Object.prototype.toString.call(n) != "[object Object]" || Object.keys(n).length === 0 || z(() => new Promise((a) => {
+      if (s || (this.canvas[i] || (this.canvas[i] = this.initCanvas("_paintBrush-canvas--sync")), this.data[i] || (this.data[i] = []), this.data[i].push(n)), !this.canvas[i])
         return;
-      const o = this.canvas[t].getContext("2d");
+      const o = this.canvas[i].getContext("2d");
       if (!o)
         return;
-      const { line: l = [], color: f = "black", duration: x = 0, uuid: u } = e, h = T(e.move || {}, this.clientWidth, this.clientHeight);
-      let a = [h];
-      if (o.strokeStyle = f, o.beginPath(), o.moveTo(h.x, h.y), x && !s) {
+      const { line: c = [], color: d = "black", duration: _ = 0, uuid: u } = n, l = j(n.move || {}, this.clientWidth, this.clientHeight);
+      let h = [l];
+      if (o.strokeStyle = d, o.beginPath(), o.moveTo(l.x, l.y), _ && !s) {
         let p = [];
-        const d = this;
-        d.tween = A({ step: 0 }, { step: l.length - 1 }, x).onUpdate(({ step: y }) => {
-          var S;
-          if (d.tweening = !0, !d.ready)
-            return o.clearRect(0, 0, d.canvas[u].width, d.canvas[u].height), (S = d.tween) == null ? void 0 : S.stop();
-          const D = Math.floor(y);
-          if (!p.find((w) => w === D)) {
-            if (p.push(D), a.push(T(l[D], d.clientWidth, d.clientHeight)), a.length < 3)
+        const f = this;
+        f.tween = Y({ step: 0 }, { step: c.length - 1 }, _).onUpdate(({ step: v }) => {
+          var E;
+          if (f.tweening = !0, !f.ready)
+            return o.clearRect(0, 0, f.canvas[u].width, f.canvas[u].height), (E = f.tween) == null ? void 0 : E.stop();
+          const b = Math.floor(v);
+          if (!p.find((B) => B === b)) {
+            if (p.push(b), h.push(j(c[b], f.clientWidth, f.clientHeight)), h.length < 3)
               return;
-            const { control: w, end: N } = b(a);
-            if (!w || !N)
+            const { control: B, end: D } = I(h);
+            if (!B || !D)
               return;
-            o.quadraticCurveTo(w.x, w.y, N.x, N.y), o.stroke();
+            o.quadraticCurveTo(B.x, B.y, D.x, D.y), o.stroke();
           }
-        }).onComplete((y) => {
-          d.tween = void 0, d.tweening = !1, p = [], a = [], i && i(), c();
+        }).onComplete((v) => {
+          f.tween = void 0, f.tweening = !1, p = [], h = [], r && r(), a();
         });
       } else {
-        for (let p = 0; p < l.length; p++) {
-          if (a.push(T(l[p], this.clientWidth, this.clientHeight)), a.length < 3)
+        for (let p = 0; p < c.length; p++) {
+          if (h.push(j(c[p], this.clientWidth, this.clientHeight)), h.length < 3)
             continue;
-          const { control: d, end: y } = b(a);
-          !d || !y || o.quadraticCurveTo(d.x, d.y, y.x, y.y);
+          const { control: f, end: v } = I(h);
+          !f || !v || o.quadraticCurveTo(f.x, f.y, v.x, v.y);
         }
-        o.stroke(), a = [], i && i(), c();
+        o.stroke(), h = [], r && r(), a();
       }
     }));
   }
-  handleUndo(t) {
-    if (!this.canvas[t] || !this.data[t] || this.data[t].length === 0)
+  handleUndo(i) {
+    if (!this.canvas[i] || !this.data[i] || this.data[i].length === 0)
       return;
-    this.data[t].pop();
-    const e = () => {
-      var i;
-      const s = (i = this.canvas[t]) == null ? void 0 : i.getContext("2d");
-      s && s.clearRect(0, 0, this.canvas[t].width, this.canvas[t].height), this.data[t].forEach((c) => this.handleDrawLine(t, c, { withUndo: !0 }));
+    this.data[i].pop();
+    const n = () => {
+      var r;
+      const s = (r = this.canvas[i]) == null ? void 0 : r.getContext("2d");
+      s && s.clearRect(0, 0, this.canvas[i].width, this.canvas[i].height), this.data[i].forEach((a) => this.handleDrawLine(i, a, { withUndo: !0 }));
     };
     if (this.tween && this.tweening) {
-      this.tween.stop(), E(e, 60);
+      this.tween.stop(), k(n, 60);
       return;
     }
-    e();
+    n();
   }
   destroyBrush() {
     this.closeBrush(), this.ready = !1, this.emit("readyChange", !0);
   }
 }
-class J {
-  constructor(n = {}) {
+class tt {
+  constructor(e = {}) {
     g(this, "controller");
-    const t = Object.assign({
+    const i = Object.assign({
       currentColor: "#f44336",
-      onUndoText: "\u56DE\u9000",
-      onExitText: "\u5173\u95ED"
-    }, n);
-    this.controller = new X(t);
+      onUndoText: "回退",
+      onExitText: "关闭"
+    }, e);
+    this.controller = new K(i);
   }
-  on(n, t) {
-    this.controller.on(n, t);
+  on(e, i) {
+    this.controller.on(e, i);
   }
-  off(n, t) {
-    this.controller.off(n, t);
+  off(e, i) {
+    this.controller.off(e, i);
   }
-  once(n, t) {
-    this.controller.once(n, t);
+  once(e, i) {
+    this.controller.once(e, i);
   }
+  /**
+   * 显示画笔。
+   */
   show() {
     this.controller.openBrush();
   }
-  action(n) {
-    this.controller.action(n);
+  action(e) {
+    this.controller.action(e);
   }
+  /**
+   * 获取画笔状态。
+   */
   get state() {
     return this.controller.state;
   }
   get configs() {
     return this.controller.configs;
   }
+  /**
+   * 销毁。
+   *
+   * @deprecated
+   *
+   * @description 画笔应该维护一个 **全局单例**，重复利用。
+   */
   dispose() {
     return this.controller.destroyBrush();
   }
-  setCurrentColor(n) {
-    this.controller.updateCurrentColor(n);
+  setCurrentColor(e) {
+    this.controller.updateCurrentColor(e);
   }
 }
 export {
-  J as PaintBrush,
-  v as PaintBrushTypeEnum
+  tt as PaintBrush,
+  w as PaintBrushTypeEnum
 };