@realsee/dnalogel 2.1.0-alpha.20 → 2.1.0-alpha.22

package/components/index.js

@@ -1,102 +1,429 @@
-var j = Object.defineProperty;
-var M = (o, n, t) => n in o ? j(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
-var g = (o, n, t) => (M(o, typeof n != "symbol" ? n + "" : n, t), t);
-import { Tween as W, Easing as $ } from "@tweenjs/tween.js";
-function U() {
+var q = Object.defineProperty;
+var H = (t, i, e) => i in t ? q(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e;
+var g = (t, i, e) => (H(t, typeof i != "symbol" ? i + "" : i, e), e);
+function N() {
 }
-const S = () => Promise.resolve(), k = {
+const U = () => Promise.resolve(), F = {
   __queue: Promise.resolve()
 };
-function q(o = S) {
-  k.__queue = k.__queue.then(o).catch(S);
+function W(t = U) {
+  F.__queue = F.__queue.then(t).catch(U);
 }
-function b(o, n, t) {
-  const e = o.x, s = o.y, i = Math.floor(e / n * 1e4) / 1e4, c = Math.floor(s / t * 1e4) / 1e4;
-  return { x: i, y: c };
+function I(t, i, e) {
+  const n = t.x, r = t.y, s = Math.floor(n / i * 1e4) / 1e4, o = Math.floor(r / e * 1e4) / 1e4;
+  return { x: s, y: o };
 }
-function T(o, n, t) {
-  const { x: e, y: s } = o, i = e * n, c = s * t;
-  return { x: i, y: c };
+function R(t, i, e) {
+  const { x: n, y: r } = t, s = n * i, o = r * e;
+  return { x: s, y: o };
 }
-function B(o) {
-  if (o.length < 2)
+function M(t) {
+  if (t.length < 2)
     return {};
-  const n = o.slice(-2), t = n[0], e = {
-    x: (n[0].x + n[1].x) / 2,
-    y: (n[0].y + n[1].y) / 2
+  const i = t.slice(-2), e = i[0], n = {
+    x: (i[0].x + i[1].x) / 2,
+    y: (i[0].y + i[1].y) / 2
   };
-  return { control: t, end: e };
+  return { control: e, end: n };
 }
-function O(o, n, t = U) {
-  new Promise((e) => {
+function $(t, i, e = N) {
+  new Promise((n) => {
     setTimeout(() => {
-      t(), e(!0);
-    }, n * o);
+      e(), n(!0);
+    }, i * t);
   });
 }
-const I = window, H = window.requestAnimationFrame || I.webkitRequestAnimationFrame || ((o) => setTimeout(o, 16));
-function D(o, n = 0) {
-  n <= 0 ? H(o) : H(() => D(o, n - 1));
+const z = window, j = window.requestAnimationFrame || z.webkitRequestAnimationFrame || ((t) => setTimeout(t, 16));
+function D(t, i = 0) {
+  i <= 0 ? j(t) : j(() => D(t, i - 1));
 }
-function A(o, n, t, e = $.Linear.None) {
-  const s = new W(o).to(n, t).easing(e).start();
-  function i(c) {
-    !s.update(c) || requestAnimationFrame(i);
+var m = {
+  Linear: {
+    None: function(t) {
+      return t;
+    }
+  },
+  Quadratic: {
+    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: {
+    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: {
+    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: {
+    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: {
+    In: function(t) {
+      return 1 - Math.cos(t * Math.PI / 2);
+    },
+    Out: function(t) {
+      return Math.sin(t * Math.PI / 2);
+    },
+    InOut: function(t) {
+      return 0.5 * (1 - Math.cos(Math.PI * t));
+    }
+  },
+  Exponential: {
+    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: {
+    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: {
+    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: {
+    In: function(t) {
+      var i = 1.70158;
+      return t * t * ((i + 1) * t - i);
+    },
+    Out: function(t) {
+      var i = 1.70158;
+      return --t * t * ((i + 1) * t + i) + 1;
+    },
+    InOut: function(t) {
+      var i = 2.5949095;
+      return (t *= 2) < 1 ? 0.5 * (t * t * ((i + 1) * t - i)) : 0.5 * ((t -= 2) * t * ((i + 1) * t + i) + 2);
+    }
+  },
+  Bounce: {
+    In: function(t) {
+      return 1 - m.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 ? m.Bounce.In(t * 2) * 0.5 : m.Bounce.Out(t * 2 - 1) * 0.5 + 0.5;
+    }
+  }
+}, T;
+typeof self > "u" && typeof process < "u" && process.hrtime ? T = function() {
+  var t = process.hrtime();
+  return t[0] * 1e3 + t[1] / 1e6;
+} : typeof self < "u" && self.performance !== void 0 && self.performance.now !== void 0 ? T = self.performance.now.bind(self.performance) : Date.now !== void 0 ? T = Date.now : T = function() {
+  return new Date().getTime();
+};
+var C = T, X = function() {
+  function t() {
+    this._tweens = {}, this._tweensAddedDuringUpdate = {};
+  }
+  return t.prototype.getAll = function() {
+    var i = this;
+    return Object.keys(this._tweens).map(function(e) {
+      return i._tweens[e];
+    });
+  }, t.prototype.removeAll = function() {
+    this._tweens = {};
+  }, t.prototype.add = function(i) {
+    this._tweens[i.getId()] = i, this._tweensAddedDuringUpdate[i.getId()] = i;
+  }, t.prototype.remove = function(i) {
+    delete this._tweens[i.getId()], delete this._tweensAddedDuringUpdate[i.getId()];
+  }, t.prototype.update = function(i, e) {
+    i === void 0 && (i = C()), e === void 0 && (e = !1);
+    var n = Object.keys(this._tweens);
+    if (n.length === 0)
+      return !1;
+    for (; n.length > 0; ) {
+      this._tweensAddedDuringUpdate = {};
+      for (var r = 0; r < n.length; r++) {
+        var s = this._tweens[n[r]], o = !e;
+        s && s.update(i, o) === !1 && !e && delete this._tweens[n[r]];
+      }
+      n = Object.keys(this._tweensAddedDuringUpdate);
+    }
+    return !0;
+  }, t;
+}(), S = {
+  Linear: function(t, i) {
+    var e = t.length - 1, n = e * i, r = Math.floor(n), s = S.Utils.Linear;
+    return i < 0 ? s(t[0], t[1], n) : i > 1 ? s(t[e], t[e - 1], e - n) : s(t[r], t[r + 1 > e ? e : r + 1], n - r);
+  },
+  Bezier: function(t, i) {
+    for (var e = 0, n = t.length - 1, r = Math.pow, s = S.Utils.Bernstein, o = 0; o <= n; o++)
+      e += r(1 - i, n - o) * r(i, o) * t[o] * s(n, o);
+    return e;
+  },
+  CatmullRom: function(t, i) {
+    var e = t.length - 1, n = e * i, r = Math.floor(n), s = S.Utils.CatmullRom;
+    return t[0] === t[e] ? (i < 0 && (r = Math.floor(n = e * (1 + i))), s(t[(r - 1 + e) % e], t[r], t[(r + 1) % e], t[(r + 2) % e], n - r)) : i < 0 ? t[0] - (s(t[0], t[0], t[1], t[1], -n) - t[0]) : i > 1 ? t[e] - (s(t[e], t[e], t[e - 1], t[e - 1], n - e) - t[e]) : s(t[r ? r - 1 : 0], t[r], t[e < r + 1 ? e : r + 1], t[e < r + 2 ? e : r + 2], n - r);
+  },
+  Utils: {
+    Linear: function(t, i, e) {
+      return (i - t) * e + t;
+    },
+    Bernstein: function(t, i) {
+      var e = S.Utils.Factorial;
+      return e(t) / e(i) / e(t - i);
+    },
+    Factorial: function() {
+      var t = [1];
+      return function(i) {
+        var e = 1;
+        if (t[i])
+          return t[i];
+        for (var n = i; n > 1; n--)
+          e *= n;
+        return t[i] = e, e;
+      };
+    }(),
+    CatmullRom: function(t, i, e, n, r) {
+      var s = (e - t) * 0.5, o = (n - i) * 0.5, a = r * r, c = r * a;
+      return (2 * i - 2 * e + s + o) * c + (-3 * i + 3 * e - 2 * s - o) * a + s * r + i;
+    }
   }
-  return requestAnimationFrame(i), s;
+}, A = function() {
+  function t() {
+  }
+  return t.nextId = function() {
+    return t._nextId++;
+  }, t._nextId = 0, t;
+}(), L = new X(), Y = function() {
+  function t(i, e) {
+    e === void 0 && (e = L), this._object = i, this._group = e, this._isPaused = !1, this._pauseStart = 0, this._valuesStart = {}, this._valuesEnd = {}, this._valuesStartRepeat = {}, this._duration = 1e3, this._initialRepeat = 0, this._repeat = 0, this._yoyo = !1, this._isPlaying = !1, this._reversed = !1, this._delayTime = 0, this._startTime = 0, this._easingFunction = m.Linear.None, this._interpolationFunction = S.Linear, this._chainedTweens = [], this._onStartCallbackFired = !1, this._id = A.nextId(), this._isChainStopped = !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(i, e) {
+    return this._valuesEnd = Object.create(i), e !== void 0 && (this._duration = e), this;
+  }, t.prototype.duration = function(i) {
+    return this._duration = i, this;
+  }, t.prototype.start = function(i) {
+    if (this._isPlaying)
+      return this;
+    if (this._group && this._group.add(this), this._repeat = this._initialRepeat, this._reversed) {
+      this._reversed = !1;
+      for (var e in this._valuesStartRepeat)
+        this._swapEndStartRepeatValues(e), this._valuesStart[e] = this._valuesStartRepeat[e];
+    }
+    return this._isPlaying = !0, this._isPaused = !1, this._onStartCallbackFired = !1, this._isChainStopped = !1, this._startTime = i !== void 0 ? typeof i == "string" ? C() + parseFloat(i) : i : C(), this._startTime += this._delayTime, this._setupProperties(this._object, this._valuesStart, this._valuesEnd, this._valuesStartRepeat), this;
+  }, t.prototype._setupProperties = function(i, e, n, r) {
+    for (var s in n) {
+      var o = i[s], a = Array.isArray(o), c = a ? "array" : typeof o, d = !a && Array.isArray(n[s]);
+      if (!(c === "undefined" || c === "function")) {
+        if (d) {
+          var _ = n[s];
+          if (_.length === 0)
+            continue;
+          _ = _.map(this._handleRelativeValue.bind(this, o)), n[s] = [o].concat(_);
+        }
+        if ((c === "object" || a) && o && !d) {
+          e[s] = a ? [] : {};
+          for (var l in o)
+            e[s][l] = o[l];
+          r[s] = a ? [] : {}, this._setupProperties(o, e[s], n[s], r[s]);
+        } else
+          typeof e[s] > "u" && (e[s] = o), a || (e[s] *= 1), d ? r[s] = n[s].slice().reverse() : r[s] = e[s] || 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(i) {
+    return i === void 0 && (i = C()), this._isPaused || !this._isPlaying ? this : (this._isPaused = !0, this._pauseStart = i, this._group && this._group.remove(this), this);
+  }, t.prototype.resume = function(i) {
+    return i === void 0 && (i = C()), !this._isPaused || !this._isPlaying ? this : (this._isPaused = !1, this._startTime += i - this._pauseStart, this._pauseStart = 0, this._group && this._group.add(this), this);
+  }, t.prototype.stopChainedTweens = function() {
+    for (var i = 0, e = this._chainedTweens.length; i < e; i++)
+      this._chainedTweens[i].stop();
+    return this;
+  }, t.prototype.group = function(i) {
+    return this._group = i, this;
+  }, t.prototype.delay = function(i) {
+    return this._delayTime = i, this;
+  }, t.prototype.repeat = function(i) {
+    return this._initialRepeat = i, this._repeat = i, this;
+  }, t.prototype.repeatDelay = function(i) {
+    return this._repeatDelayTime = i, this;
+  }, t.prototype.yoyo = function(i) {
+    return this._yoyo = i, this;
+  }, t.prototype.easing = function(i) {
+    return this._easingFunction = i, this;
+  }, t.prototype.interpolation = function(i) {
+    return this._interpolationFunction = i, this;
+  }, t.prototype.chain = function() {
+    for (var i = [], e = 0; e < arguments.length; e++)
+      i[e] = arguments[e];
+    return this._chainedTweens = i, this;
+  }, t.prototype.onStart = function(i) {
+    return this._onStartCallback = i, this;
+  }, t.prototype.onUpdate = function(i) {
+    return this._onUpdateCallback = i, this;
+  }, t.prototype.onRepeat = function(i) {
+    return this._onRepeatCallback = i, this;
+  }, t.prototype.onComplete = function(i) {
+    return this._onCompleteCallback = i, this;
+  }, t.prototype.onStop = function(i) {
+    return this._onStopCallback = i, this;
+  }, t.prototype.update = function(i, e) {
+    if (i === void 0 && (i = C()), e === void 0 && (e = !0), this._isPaused)
+      return !0;
+    var n, r, s = this._startTime + this._duration;
+    if (!this._goToEnd && !this._isPlaying) {
+      if (i > s)
+        return !1;
+      e && this.start(i);
+    }
+    if (this._goToEnd = !1, i < this._startTime)
+      return !0;
+    this._onStartCallbackFired === !1 && (this._onStartCallback && this._onStartCallback(this._object), this._onStartCallbackFired = !0), r = (i - this._startTime) / this._duration, r = this._duration === 0 || r > 1 ? 1 : r;
+    var o = this._easingFunction(r);
+    if (this._updateProperties(this._object, this._valuesStart, this._valuesEnd, o), this._onUpdateCallback && this._onUpdateCallback(this._object, r), r === 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] = 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 = i + this._repeatDelayTime : this._startTime = i + this._delayTime, this._onRepeatCallback && this._onRepeatCallback(this._object), !0;
+      } else {
+        this._onCompleteCallback && this._onCompleteCallback(this._object);
+        for (var a = 0, c = this._chainedTweens.length; a < c; a++)
+          this._chainedTweens[a].start(this._startTime + this._duration);
+        return this._isPlaying = !1, !1;
+      }
+    return !0;
+  }, t.prototype._updateProperties = function(i, e, n, r) {
+    for (var s in n)
+      if (e[s] !== void 0) {
+        var o = e[s] || 0, a = n[s], c = Array.isArray(i[s]), d = Array.isArray(a), _ = !c && d;
+        _ ? i[s] = this._interpolationFunction(a, r) : typeof a == "object" && a ? this._updateProperties(i[s], o, a, r) : (a = this._handleRelativeValue(o, a), typeof a == "number" && (i[s] = o + (a - o) * r));
+      }
+  }, t.prototype._handleRelativeValue = function(i, e) {
+    return typeof e != "string" ? e : e.charAt(0) === "+" || e.charAt(0) === "-" ? i + parseFloat(e) : parseFloat(e);
+  }, t.prototype._swapEndStartRepeatValues = function(i) {
+    var e = this._valuesStartRepeat[i], n = this._valuesEnd[i];
+    typeof n == "string" ? this._valuesStartRepeat[i] = this._valuesStartRepeat[i] + parseFloat(n) : this._valuesStartRepeat[i] = this._valuesEnd[i], this._valuesEnd[i] = e;
+  }, t;
+}();
+A.nextId;
+var v = L;
+v.getAll.bind(v);
+v.removeAll.bind(v);
+v.add.bind(v);
+v.remove.bind(v);
+v.update.bind(v);
+function Q(t, i, e, n = m.Linear.None) {
+  const r = new Y(t).to(i, e).easing(n).start();
+  function s(o) {
+    !r.update(o) || requestAnimationFrame(s);
+  }
+  return requestAnimationFrame(s), r;
 }
-var v = /* @__PURE__ */ ((o) => (o.Drawline = "Drawline", o.Undo = "Undo", o.Exit = "Exit", o))(v || {});
-const C = Symbol("$$PAINT_BRUSH_EVENT$$");
-function E(o) {
-  return o[C] || (o[C] = {}), o[C];
+var w = /* @__PURE__ */ ((t) => (t.Drawline = "Drawline", t.Undo = "Undo", t.Exit = "Exit", t))(w || {});
+const E = Symbol("$$PAINT_BRUSH_EVENT$$");
+function P(t) {
+  return t[E] || (t[E] = {}), t[E];
 }
-function F(o) {
-  o[C] || delete o[C];
+function G(t) {
+  t[E] || delete t[E];
 }
-class P {
-  hasListener(n) {
-    const t = E(this);
-    return t && t[n] && t[n].length > 0;
+class J {
+  hasListener(i) {
+    const e = P(this);
+    return e && e[i] && e[i].length > 0;
   }
-  on(n, t, e) {
-    const s = E(this);
-    return s[n] || (s[n] = []), s[n].push([t, e || !1]), () => this.off(n, t);
+  on(i, e, n) {
+    const r = P(this);
+    return r[i] || (r[i] = []), r[i].push([e, n || !1]), () => this.off(i, e);
   }
-  once(n, t) {
-    return this.on(n, t, !0);
+  once(i, e) {
+    return this.on(i, e, !0);
   }
-  off(n, t) {
-    if (n === void 0) {
-      F(this);
+  off(i, e) {
+    if (i === void 0) {
+      G(this);
       return;
     }
-    const e = E(this);
-    if (e[n] || (e[n] = []), t === void 0) {
-      e[n].length = 0;
+    const n = P(this);
+    if (n[i] || (n[i] = []), e === void 0) {
+      n[i].length = 0;
       return;
     }
-    let s = 0;
-    for (; s < e[n].length && e[n][s][0] !== t; s++)
+    let r = 0;
+    for (; r < n[i].length && n[i][r][0] !== e; r++)
       ;
-    s < e[n].length && e[n].splice(s, 1);
-  }
-  emit(n, ...t) {
-    let e = !1;
-    const i = E(this)[n] || [];
-    for (let c of i.slice()) {
-      const [r, l = !1] = c, f = r(...t);
-      l && this.off(n, r), f === !1 && (e = !0);
+    r < n[i].length && n[i].splice(r, 1);
+  }
+  emit(i, ...e) {
+    let n = !1;
+    const s = P(this)[i] || [];
+    for (let o of s.slice()) {
+      const [a, c = !1] = o, d = a(...e);
+      c && this.off(i, a), d === !1 && (n = !0);
     }
-    return e;
+    return n;
   }
 }
-function m() {
+function y() {
   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 Z() {
+  return (y() + y() + "-" + y() + "-4" + y().substr(0, 3) + "-" + y() + "-" + y() + y() + y()).toLowerCase();
 }
-const z = `
+const K = `
 <style type="text/css">
 
 #_gl_paintBrush {
@@ -197,21 +524,21 @@ transition: all 500ms;
 
 </style>
 `;
-class X extends P {
-  constructor(t) {
+class V extends J {
+  constructor(e) {
     super();
     g(this, "configs");
     g(this, "clientWidth");
     g(this, "clientHeight");
     g(this, "ready", !1);
-    g(this, "uuid", R());
+    g(this, "uuid", Z());
     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 = e, 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,293 +557,293 @@ 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 e = document.createElement("div");
+      e.id = "_gl_paintBrush", document.body.appendChild(e), this.container = e;
     }
-    return this.container.innerHTML = z, this.container;
+    return this.container.innerHTML = K, 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;
+  initCanvas(e) {
+    const n = document.createElement("canvas");
+    n.className = e, n.width = this.clientWidth, n.height = this.clientHeight;
+    const r = n.getContext("2d");
+    if (!!r)
+      return r.lineWidth = 5 * this.dpr, r.lineCap = "round", r.lineJoin = "round", this.container.appendChild(n), n;
   }
   initCtrl() {
-    const t = document.createElement("div");
-    t.className = "_paintBrush-ctrl";
     const e = document.createElement("div");
-    e.className = "_paintBrush-ctrlinner";
-    const s = document.createElement("a");
-    s.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--undo", s.addEventListener("click", (r) => {
-      var h;
-      if (r.stopPropagation(), this.configs.onClickUndo && this.configs.onClickUndo(), !this.canvas[this.uuid] || !this.data[this.uuid] || this.data[this.uuid].length === 0)
+    e.className = "_paintBrush-ctrl";
+    const n = document.createElement("div");
+    n.className = "_paintBrush-ctrlinner";
+    const r = document.createElement("a");
+    r.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--undo", r.addEventListener("click", (a) => {
+      var u;
+      if (a.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 = (u = this.canvas[this.uuid]) == null ? void 0 : u.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: l } = this.canvas[this.uuid];
+      d && d.clearRect(0, 0, _, l), 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", (r) => {
-      r.stopPropagation(), this.closeBrush(), this.configs.onClickClose && this.configs.onClickClose();
-    }), [s, i].forEach((r) => {
-      const l = document.createElement("i");
-      l.className = "brush-icon";
-      const f = document.createElement("span");
-      f.className = "brush-txt", f.innerText = r.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText, r.appendChild(l), r.appendChild(f);
-    }), e.appendChild(s), e.appendChild(i), t.appendChild(e), this.container.appendChild(t), t;
+    const s = document.createElement("a");
+    return s.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--close", s.addEventListener("click", (a) => {
+      a.stopPropagation(), this.closeBrush(), this.configs.onClickClose && this.configs.onClickClose();
+    }), [r, s].forEach((a) => {
+      const c = document.createElement("i");
+      c.className = "brush-icon";
+      const d = document.createElement("span");
+      d.className = "brush-txt", d.innerText = a.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText, a.appendChild(c), a.appendChild(d);
+    }), n.appendChild(r), n.appendChild(s), e.appendChild(n), this.container.appendChild(e), e;
   }
   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 e = this.canvas[this.uuid];
+    e.getContext("2d").clearRect(0, 0, e.width, e.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((e) => {
+      this.canvas[e].ontouchstart = () => !1, this.canvas[e].ontouchmove = () => !1, this.canvas[e].ontouchend = () => !1, this.canvas[e].ontouchcancel = () => !1;
+      const n = this.canvas[e].getContext("2d");
+      n && n.clearRect(0, 0, this.canvas[e].width, this.canvas[e].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(e) {
+    const n = this.canvas[this.uuid];
+    if (!n)
       return;
-    const s = e.getContext("2d");
-    !s || (this.configs.currentColor = t, s.strokeStyle = t);
+    const r = n.getContext("2d");
+    !r || (this.configs.currentColor = e, r.strokeStyle = e);
   }
   openBrushHandle() {
-    const t = this.canvas[this.uuid];
-    if (!t)
-      return;
-    const e = t.getContext("2d");
+    const e = this.canvas[this.uuid];
     if (!e)
       return;
-    const s = this.color || "#6D92FF";
-    e.strokeStyle = s;
-    let i = null, c = [], r, l = [], f = 0;
-    const x = (u, h, a) => {
+    const n = e.getContext("2d");
+    if (!n)
+      return;
+    const r = this.color || "#6D92FF";
+    n.strokeStyle = r;
+    let s = null, o = [], a, c = [], d = 0;
+    const _ = (l, u, 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(l.x, l.y), n.quadraticCurveTo(u.x, u.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 }, r = b({ x: h, y: a }, this.clientWidth, this.clientHeight), l = [];
-    }, t.onmousemove = (u) => {
-      if (u.preventDefault(), !i)
+    e.onmousedown = (l) => {
+      l.preventDefault(), d = Date.now();
+      const u = l.clientX, h = l.clientY;
+      o = [], o.push({ x: u, y: h }), s = { x: u, y: h }, a = I({ x: u, y: h }, this.clientWidth, this.clientHeight), c = [];
+    }, e.onmousemove = (l) => {
+      if (l.preventDefault(), !s)
         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(b({ x: h, y: a }, this.clientWidth, this.clientHeight)), c.length < 3))
+      const u = Number(l.clientX), h = Number(l.clientY);
+      if (Math.abs(u - s.x) < 5 && Math.abs(h - s.y) < 5 || (o.push({ x: u, y: h }), c.push(I({ x: u, y: h }, this.clientWidth, this.clientHeight)), o.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 } = M(o);
+      !p || !f || (_(s, p, f), s = f);
+    }, e.onmouseup = (l) => {
+      if (l.preventDefault(), s = null, o.length < 3)
         return;
       this.data[this.uuid] || (this.data[this.uuid] = []);
-      const h = Date.now() - f, a = {
-        move: Object.assign({}, r),
+      const u = Date.now() - d, h = {
+        move: Object.assign({}, a),
         uuid: this.uuid,
-        line: [...l],
+        line: [...c],
         color: this.color,
-        duration: h < 1280 ? h : h < 2e3 ? 1280 : 0
+        duration: u < 1280 ? u : u < 2e3 ? 1280 : 0
       };
-      this.data[this.uuid].push(a), D(() => {
+      this.data[this.uuid].push(h), D(() => {
         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 }, console.log("ontouchstart", h, a, i), r = b({ x: h, y: a }, this.clientWidth, this.clientHeight), l = [];
-    }, t.ontouchmove = (u) => {
-      if (u.preventDefault(), !i)
+    }, e.ontouchstart = (l) => {
+      l.preventDefault(), d = Date.now();
+      const u = l.touches[0].clientX, h = l.touches[0].clientY;
+      o = [], o.push({ x: u, y: h }), s = { x: u, y: h }, console.log("ontouchstart", u, h, s), a = I({ x: u, y: h }, this.clientWidth, this.clientHeight), c = [];
+    }, e.ontouchmove = (l) => {
+      if (l.preventDefault(), !s)
         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(b({ x: h, y: a }, this.clientWidth, this.clientHeight)), c.length < 3))
+      const u = Number(l.touches[0].clientX), h = Number(l.touches[0].clientY);
+      if (Math.abs(u - s.x) < 5 && Math.abs(h - s.y) < 5 || (o.push({ x: u, y: h }), c.push(I({ x: u, y: h }, this.clientWidth, this.clientHeight)), o.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 } = M(o);
+      !p || !f || (_(s, p, f), s = f);
+    }, e.ontouchend = e.ontouchcancel = (l) => {
+      if (l.preventDefault(), s = null, o.length < 3)
         return;
       this.data[this.uuid] || (this.data[this.uuid] = []);
-      const h = Date.now() - f, a = {
-        move: Object.assign({}, r),
-        line: [...l],
+      const u = Date.now() - d, h = {
+        move: Object.assign({}, a),
+        line: [...c],
         uuid: this.uuid,
         color: this.color,
-        duration: h < 1280 ? h : h < 2e3 ? 1280 : 0
+        duration: u < 1280 ? u : u < 2e3 ? 1280 : 0
       };
-      this.data[this.uuid].push(a), D(() => {
+      this.data[this.uuid].push(h), D(() => {
         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(e, n = !0) {
+    if (e.type !== w.Drawline) {
+      this.emit("stateChange", e, n);
       return;
     }
-    const s = Date.now(), i = t.state;
-    if (!i || !i.line)
+    const r = Date.now(), s = e.state;
+    if (!s || !s.line)
       return;
-    const c = Math.ceil(i.line.length / 100);
-    for (let r = 0; r < c; r++) {
-      const l = {
+    const o = Math.ceil(s.line.length / 100);
+    for (let a = 0; a < o; a++) {
+      const c = {
         uuid: this.uuid,
         color: this.color,
         ready: this.ready,
-        type: t.type,
+        type: e.type,
         state: {
           uuid: this.uuid,
-          move: i.move,
-          duration: i.duration,
+          move: s.move,
+          duration: s.duration,
           color: this.color,
-          line: i.line.slice(r * 100, (r + 1) * 100)
+          line: s.line.slice(a * 100, (a + 1) * 100)
         },
-        timestamp: s,
-        end: r === c - 1
+        timestamp: r,
+        end: a === o - 1
       };
-      O(r, 20, () => {
-        this.emit("stateChange", l, e);
+      $(a, 20, () => {
+        this.emit("stateChange", c, n);
       });
     }
   }
-  action(t) {
-    const { ready: e, type: s, uuid: i } = t;
-    if (!e && this.ready) {
+  action(e) {
+    const { ready: n, type: r, uuid: s } = e;
+    if (!n && this.ready) {
       this.closeBrush();
       return;
     }
-    if (e && !this.ready) {
+    if (n && !this.ready) {
       this.openBrush();
       return;
     }
     if (!!this.ready)
-      switch (s) {
-        case v.Drawline:
-          const { state: c, timestamp: r, end: l } = t;
-          if (!r || !c)
+      switch (r) {
+        case w.Drawline:
+          const { state: o, timestamp: a, end: c } = e;
+          if (!a || !o)
             return;
-          this.tempLine[r] = [].concat(this.tempLine[r] || [], c.line), l && (Object.assign(c, { line: this.tempLine[r] }), this.handleDrawLine(i, c, {}, () => delete this.tempLine[r]));
+          this.tempLine[a] = [].concat(this.tempLine[a] || [], o.line), c && (Object.assign(o, { line: this.tempLine[a] }), this.handleDrawLine(s, o, {}, () => delete this.tempLine[a]));
           break;
-        case v.Undo:
-          this.handleUndo(i);
+        case w.Undo:
+          this.handleUndo(s);
           break;
       }
   }
-  handleDrawLine(t, e, { withUndo: s = !1 }, i = U) {
-    !e || Object.prototype.toString.call(e) != "[object Object]" || Object.keys(e).length === 0 || (console.log("handleDrawLine", e, e.line), 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(e, n, { withUndo: r = !1 }, s = N) {
+    !n || Object.prototype.toString.call(n) != "[object Object]" || Object.keys(n).length === 0 || (console.log("handleDrawLine", n, n.line), W(() => new Promise((o) => {
+      if (r || (this.canvas[e] || (this.canvas[e] = this.initCanvas("_paintBrush-canvas--sync")), this.data[e] || (this.data[e] = []), this.data[e].push(n)), !this.canvas[e])
         return;
-      const r = this.canvas[t].getContext("2d");
-      if (!r)
+      const a = this.canvas[e].getContext("2d");
+      if (!a)
         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 (r.strokeStyle = f, r.beginPath(), r.moveTo(h.x, h.y), x && !s) {
+      const { line: c = [], color: d = "black", duration: _ = 0, uuid: l } = n, u = R(n.move || {}, this.clientWidth, this.clientHeight);
+      let h = [u];
+      if (a.strokeStyle = d, a.beginPath(), a.moveTo(u.x, u.y), _ && !r) {
         let p = [];
-        const d = this;
-        d.tween = A({ step: 0 }, { step: l.length - 1 }, x).onUpdate(({ step: y }) => {
-          var L;
-          if (d.tweening = !0, !d.ready)
-            return r.clearRect(0, 0, d.canvas[u].width, d.canvas[u].height), (L = d.tween) == null ? void 0 : L.stop();
-          const _ = Math.floor(y);
-          if (!p.find((w) => w === _)) {
-            if (p.push(_), console.log("__debug__", l, l[_], _), a.push(T(l[_], d.clientWidth, d.clientHeight)), a.length < 3)
+        const f = this;
+        f.tween = Q({ step: 0 }, { step: c.length - 1 }, _).onUpdate(({ step: b }) => {
+          var k;
+          if (f.tweening = !0, !f.ready)
+            return a.clearRect(0, 0, f.canvas[l].width, f.canvas[l].height), (k = f.tween) == null ? void 0 : k.stop();
+          const x = Math.floor(b);
+          if (!p.find((B) => B === x)) {
+            if (p.push(x), console.log("__debug__", c, c[x], x), h.push(R(c[x], f.clientWidth, f.clientHeight)), h.length < 3)
               return;
-            const { control: w, end: N } = B(a);
-            if (!w || !N)
+            const { control: B, end: O } = M(h);
+            if (!B || !O)
               return;
-            r.quadraticCurveTo(w.x, w.y, N.x, N.y), r.stroke();
+            a.quadraticCurveTo(B.x, B.y, O.x, O.y), a.stroke();
           }
-        }).onComplete((y) => {
-          d.tween = void 0, d.tweening = !1, p = [], a = [], i && i(), c();
+        }).onComplete((b) => {
+          f.tween = void 0, f.tweening = !1, p = [], h = [], s && s(), o();
         });
       } 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(R(c[p], this.clientWidth, this.clientHeight)), h.length < 3)
             continue;
-          const { control: d, end: y } = B(a);
-          !d || !y || r.quadraticCurveTo(d.x, d.y, y.x, y.y);
+          const { control: f, end: b } = M(h);
+          !f || !b || a.quadraticCurveTo(f.x, f.y, b.x, b.y);
         }
-        r.stroke(), a = [], i && i(), c();
+        a.stroke(), h = [], s && s(), o();
       }
     })));
   }
-  handleUndo(t) {
-    if (console.log("handleUndo", t, this.canvas[t]), !this.canvas[t] || !this.data[t] || this.data[t].length === 0)
+  handleUndo(e) {
+    if (console.log("handleUndo", e, this.canvas[e]), !this.canvas[e] || !this.data[e] || this.data[e].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[e].pop();
+    const n = () => {
+      var s;
+      const r = (s = this.canvas[e]) == null ? void 0 : s.getContext("2d");
+      r && r.clearRect(0, 0, this.canvas[e].width, this.canvas[e].height), this.data[e].forEach((o) => this.handleDrawLine(e, o, { withUndo: !0 }));
     };
     if (this.tween && this.tweening) {
-      this.tween.stop(), D(e, 60);
+      this.tween.stop(), D(n, 60);
       return;
     }
-    e();
+    n();
   }
   destroyBrush() {
     this.closeBrush(), this.ready = !1, this.emit("readyChange", !0);
   }
 }
-class J {
-  constructor(n = {}) {
+class et {
+  constructor(i = {}) {
     g(this, "controller");
-    const t = Object.assign({
+    const e = Object.assign({
       currentColor: "#f44336",
       onUndoText: "\u56DE\u9000",
       onExitText: "\u5173\u95ED"
-    }, n);
-    this.controller = new X(t);
+    }, i);
+    this.controller = new V(e);
   }
-  on(n, t) {
-    this.controller.on(n, t);
+  on(i, e) {
+    this.controller.on(i, e);
   }
-  off(n, t) {
-    this.controller.off(n, t);
+  off(i, e) {
+    this.controller.off(i, e);
   }
-  once(n, t) {
-    this.controller.once(n, t);
+  once(i, e) {
+    this.controller.once(i, e);
   }
   show() {
     this.controller.openBrush();
   }
-  action(n) {
-    this.controller.action(n);
+  action(i) {
+    this.controller.action(i);
   }
   get state() {
     return this.controller.state;
@@ -527,11 +854,11 @@ class J {
   dispose() {
     return this.controller.destroyBrush();
   }
-  setCurrentColor(n) {
-    this.controller.updateCurrentColor(n);
+  setCurrentColor(i) {
+    this.controller.updateCurrentColor(i);
   }
 }
 export {
-  J as PaintBrush,
-  v as PaintBrushTypeEnum
+  et as PaintBrush,
+  w as PaintBrushTypeEnum
 };