@realsee/dnalogel 2.1.1 → 2.1.2-alpha.1

package/libs/PanoTagPlugin/utils/doUtil.js

@@ -1,12 +1 @@
-function s(n, r, a = 20, o = 5) {
-  return new Promise((c, i) => {
-    let t = 0;
-    const l = setInterval(() => {
-      const e = n();
-      r(e) ? (clearInterval(l), c(e)) : t >= o && (clearInterval(l), i(e)), t++;
-    }, a);
-  });
-}
-export {
-  s as default
-};
+"use strict";function a(n,r,i=20,c=5){return new Promise((o,s)=>{let t=0;const l=setInterval(()=>{const e=n();r(e)?(clearInterval(l),o(e)):t>=c&&(clearInterval(l),s(e)),t++},i)})}exports.doUtil=a;

package/libs/PanoTagPlugin/utils/index.js

@@ -1,36 +1 @@
-import { centerPoint as t } from "../../CSS3DRenderPlugin/utils/centerPoint.js";
-import { evenNumber as m } from "../../CSS3DRenderPlugin/utils/evenNumber.js";
-import { random as n } from "../../CSS3DRenderPlugin/utils/random.js";
-import { anyPositionToVector3 as f, arrayPositionToVector3 as x, positionToVector3 as s } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as l } from "./addDebugPoints.js";
-import { noTypecheck as d } from "./noTypecheck.js";
-import { planeNormal as T } from "./planeNormal.js";
-import { tagPosition as u } from "./tagPosition.js";
-import { checkRange as g } from "./checkRange.js";
-import { actionAfterFiveModelLoad as v } from "./actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as k } from "./normalPositionToPositions.js";
-import { debounce as N } from "./debounce.js";
-import { throttle as z } from "./throttle.js";
-import { binarySearchFirstBig as B, searchFirstValueSmallThanLastValue as D } from "./search.js";
-import { resizeObserver as O } from "./resizeObserver.js";
-import "three";
-export {
-  v as actionAfterFiveModelLoad,
-  l as addDebugPoints,
-  f as anyPositionToVector3,
-  x as arrayPositionToVector3,
-  B as binarySearchFirstBig,
-  t as centerPoint,
-  g as checkRange,
-  N as debounce,
-  m as evenNumber,
-  d as noTypecheck,
-  k as normalPositionToPositions,
-  T as planeNormal,
-  s as positionToVector3,
-  n as random,
-  O as resizeObserver,
-  D as searchFirstValueSmallThanLastValue,
-  u as tagPosition,
-  z as throttle
-};
+"use strict";require("three");

package/libs/PanoTagPlugin/utils/noTypecheck.js

@@ -1,4 +1 @@
-const e = (c) => c;
-export {
-  e as noTypecheck
-};
+"use strict";const e=c=>c;exports.noTypecheck=e;

package/libs/PanoTagPlugin/utils/normalPositionToPositions.js

@@ -1,13 +1 @@
-import * as s from "three";
-function d(t, e, a) {
-  const r = new s.Plane().setFromNormalAndCoplanarPoint(a, e), o = e.clone().sub(t).cross(new s.Vector3(0, 1, 0)).setLength(0.01), n = new s.Vector3(0, 0.01, 0);
-  return [
-    e.clone().sub(o).sub(n),
-    e.clone().add(o).sub(n),
-    e.clone().add(o).add(n),
-    e.clone().sub(o).add(n)
-  ].map((c) => r.projectPoint(c, new s.Vector3()));
-}
-export {
-  d as normalPositionToPositions
-};
+"use strict";const u=require("three");function i(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=i(u);function d(e,t,n){const a=new s.Plane().setFromNormalAndCoplanarPoint(n,t),o=t.clone().sub(e).cross(new s.Vector3(0,1,0)).setLength(.01),r=new s.Vector3(0,.01,0);return[t.clone().sub(o).sub(r),t.clone().add(o).sub(r),t.clone().add(o).add(r),t.clone().sub(o).add(r)].map(l=>a.projectPoint(l,new s.Vector3))}exports.normalPositionToPositions=d;

package/libs/PanoTagPlugin/utils/planeNormal.js

@@ -1,11 +1 @@
-import "three";
-import { anyPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-function i(t) {
-  if (t.length < 3)
-    return;
-  const o = t.map(c), r = o[1].clone().sub(o[0]), n = o[2].clone().sub(o[1]);
-  return r.cross(n);
-}
-export {
-  i as planeNormal
-};
+"use strict";require("three");const r=require("../../CSS3DRenderPlugin/utils/positionToVector3.js");function s(e){if(e.length<3)return;const o=e.map(r.anyPositionToVector3),t=o[1].clone().sub(o[0]),n=o[2].clone().sub(o[1]);return t.cross(n)}exports.planeNormal=s;

package/libs/PanoTagPlugin/utils/resizeObserver.js

@@ -1,17 +1 @@
-function o(e, r) {
-  if (!r || typeof ResizeObserver > "u" || !ResizeObserver)
-    return {
-      observe: () => window.addEventListener("resize", e),
-      unobserve: () => window.removeEventListener("resize", e)
-    };
-  {
-    const s = new ResizeObserver(e);
-    return {
-      observe: () => s.observe(r),
-      unobserve: () => s.unobserve(r)
-    };
-  }
-}
-export {
-  o as resizeObserver
-};
+"use strict";function i(e,r){if(!r||typeof ResizeObserver=="undefined"||!ResizeObserver)return{observe:()=>window.addEventListener("resize",e),unobserve:()=>window.removeEventListener("resize",e)};{const s=new ResizeObserver(e);return{observe:()=>s.observe(r),unobserve:()=>s.unobserve(r)}}}exports.resizeObserver=i;

package/libs/PanoTagPlugin/utils/search.js

@@ -1,33 +1 @@
-function s(l, o, i) {
-  const [r, e] = o;
-  if (r >= e || e <= 1)
-    return -1;
-  let u = r, n = e;
-  const a = {}, c = (t) => (a[t] || (a[t] = l(t)), a[t]);
-  for (; u <= n; ) {
-    const t = Math.floor((u + n) / 2);
-    if (c(t) > i) {
-      if (t === r || c(t - 1) <= i)
-        return t;
-      n = t - 1;
-    } else
-      u = t + 1;
-  }
-  return -1;
-}
-function f(l, o) {
-  const [i, r] = o;
-  if (i >= r || r <= 1 || i <= 1)
-    return -1;
-  const e = {}, u = (n) => (e[n] || (e[n] = l(n)), e[n]);
-  for (let n = i; n < r; n++) {
-    const a = u(n), c = u(n - 1);
-    if (a < c)
-      return n;
-  }
-  return -1;
-}
-export {
-  s as binarySearchFirstBig,
-  f as searchFirstValueSmallThanLastValue
-};
+"use strict";function i(u,s){const[a,r]=s;if(a>=r||r<=1||a<=1)return-1;const e={},n=t=>(e[t]||(e[t]=u(t)),e[t]);for(let t=a;t<r;t++){const l=n(t),c=n(t-1);if(l<c)return t}return-1}exports.searchFirstValueSmallThanLastValue=i;

package/libs/PanoTagPlugin/utils/tagPosition.js

@@ -1,13 +1 @@
-import { centerPoint as e } from "../../CSS3DRenderPlugin/utils/centerPoint.js";
-import { anyPositionToVector3 as o } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "three";
-function a(r) {
-  if (Array.isArray(r) && r.length === 4) {
-    const t = r.map(o);
-    return e(t[0], t[2]);
-  } else
-    return o(r);
-}
-export {
-  a as tagPosition
-};
+"use strict";const r=require("../../CSS3DRenderPlugin/utils/centerPoint.js"),n=require("../../CSS3DRenderPlugin/utils/positionToVector3.js");require("three");function i(e){if(Array.isArray(e)&&e.length===4){const t=e.map(n.anyPositionToVector3);return r.centerPoint(t[0],t[2])}else return n.anyPositionToVector3(e)}exports.tagPosition=i;

package/libs/PanoTagPlugin/utils/throttle.js

@@ -1,11 +1 @@
-function i(n, e = 200) {
-  let t;
-  return function(...u) {
-    t || (n.apply(this, u), t = setTimeout(function() {
-      t = null;
-    }, e));
-  };
-}
-export {
-  i as throttle
-};
+"use strict";function i(n,e=200){let t;return function(...u){t||(n.apply(this,u),t=setTimeout(function(){t=null},e))}}exports.throttle=i;

package/libs/base/BasePlugin.js

@@ -1,18 +1 @@
-var i = Object.defineProperty;
-var a = (e, r, t) => r in e ? i(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var s = (e, r, t) => (a(e, typeof r != "symbol" ? r + "" : r, t), t);
-import { Subscribe as c } from "../shared-utils/Subscribe.js";
-class x {
-  constructor(r, t) {
-    s(this, "five");
-    s(this, "hooks", new c());
-    s(this, "staticPrefix", "//vrlab-static.ljcdn.com");
-    this.five = r, t != null && t.staticPrefix && (this.staticPrefix = t.staticPrefix);
-  }
-  getCurrentState() {
-    return this.state;
-  }
-}
-export {
-  x as Controller
-};
+"use strict";var i=Object.defineProperty;var a=(r,s,t)=>s in r?i(r,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[s]=t;var e=(r,s,t)=>(a(r,typeof s!="symbol"?s+"":s,t),t);const c=require("../shared-utils/Subscribe.js");class l{constructor(s,t){e(this,"five");e(this,"hooks",new c.Subscribe);e(this,"staticPrefix","//vrlab-static.ljcdn.com");this.five=s,t!=null&&t.staticPrefix&&(this.staticPrefix=t.staticPrefix)}getCurrentState(){return this.state}}exports.Controller=l;

package/libs/base/BasePluginWithData.js

@@ -1,7 +1 @@
-import { Controller as o } from "./BasePlugin.js";
-import "../shared-utils/Subscribe.js";
-class e extends o {
-}
-export {
-  e as Controller
-};
+"use strict";const e=require("./BasePlugin.js");class s extends e.Controller{}exports.Controller=s;

package/libs/components/PaintBrush/Controller.d.ts

@@ -23,7 +23,7 @@ export declare class Controller extends Subscribe<PaintBrushEventMap> {
      * @param className 初始化画板
      * @returns
      */
-    initCanvas(className: string): HTMLCanvasElement | undefined;
+    initCanvas(className: string): HTMLCanvasElement;
     /**
      * 初始化操作面板
      * @returns
@@ -36,7 +36,7 @@ export declare class Controller extends Subscribe<PaintBrushEventMap> {
     emitStateChange(action: PaintBrushAction, userAction?: boolean): void;
     action(action: PaintBrushAction): void;
     handleDrawLine(_uuid: string, data: PaintBrushState, { withUndo }: {
-        withUndo?: boolean | undefined;
+        withUndo?: boolean;
     }, callback?: typeof noop): void;
     handleUndo(uuid: string): void;
     destroyBrush(): void;

package/libs/components/PaintBrush/Controller.js

@@ -1,309 +1 @@
-var H = Object.defineProperty;
-var L = (v, p, t) => p in v ? H(v, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : v[p] = t;
-var f = (v, p, t) => (L(v, typeof p != "symbol" ? p + "" : p, t), t);
-import { transformCoords as w, getQuadraticCurvePoint as b, nextFrame as D, execInterval as N, queue as T, unTransformCoords as E, noop as S } from "./utils.js";
-import W from "./tween.js";
-import { PaintBrushTypeEnum as g } from "./typings.js";
-import { Subscribe as U } from "./Subscribe.js";
-import k from "../../shared-utils/uuid.js";
-import M from "./style.js";
-import "../../tween.esm.bad2b2b4.js";
-class Y extends U {
-  constructor(t) {
-    super();
-    f(this, "configs");
-    f(this, "clientWidth");
-    f(this, "clientHeight");
-    f(this, "ready", !1);
-    f(this, "uuid", k());
-    f(this, "tween");
-    f(this, "tweening", !1);
-    f(this, "container");
-    f(this, "canvas");
-    f(this, "data", {});
-    f(this, "tempLine", {});
-    this.configs = t, this.clientWidth = document.body.clientWidth, this.clientHeight = document.body.clientHeight, this.container = this.ifInsertToDOM(), this.canvas = {}, this.initCtrl();
-  }
-  get color() {
-    return this.configs.currentColor;
-  }
-  get state() {
-    return this.data;
-  }
-  get dpr() {
-    return this.configs.DPR || 1;
-  }
-  ifInsertToDOM() {
-    if (this.container)
-      return this.container;
-    if (this.configs.container)
-      this.configs.container.id = "_gl_paintBrush", this.container = this.configs.container;
-    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;
-    }
-    return this.container.innerHTML = M, this.container;
-  }
-  initCanvas(t) {
-    const e = document.createElement("canvas");
-    e.className = t, e.width = this.clientWidth, e.height = this.clientHeight;
-    const h = e.getContext("2d");
-    if (!!h)
-      return h.lineWidth = 5 * this.dpr, h.lineCap = "round", h.lineJoin = "round", this.container.appendChild(e), e;
-  }
-  initCtrl() {
-    const t = document.createElement("div");
-    t.className = "_paintBrush-ctrl";
-    const e = document.createElement("div");
-    e.className = "_paintBrush-ctrlinner";
-    const h = document.createElement("a");
-    h.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--undo", h.addEventListener("click", (s) => {
-      var a;
-      if (s.stopPropagation(), this.configs.onClickUndo && this.configs.onClickUndo(), !this.canvas[this.uuid] || !this.data[this.uuid] || this.data[this.uuid].length === 0)
-        return;
-      const c = this.data[this.uuid].pop();
-      c && this.emitStateChange({
-        type: g.Undo,
-        color: this.color,
-        ready: this.ready,
-        state: c,
-        uuid: this.uuid
-      });
-      const d = (a = this.canvas[this.uuid]) == null ? void 0 : a.getContext("2d");
-      if (!this.canvas[this.uuid])
-        return;
-      const { width: m, height: o } = this.canvas[this.uuid];
-      d && d.clearRect(0, 0, m, o), this.data[this.uuid].forEach((n) => this.handleDrawLine(this.uuid, n, { withUndo: !0 }));
-    });
-    const i = document.createElement("a");
-    return i.className = "_paintBrush-ctrlitem _paintBrush-ctrlitem--close", i.addEventListener("click", (s) => {
-      s.stopPropagation(), this.closeBrush(), this.configs.onClickClose && this.configs.onClickClose();
-    }), [h, i].forEach((s) => {
-      const c = document.createElement("i");
-      c.className = "brush-icon";
-      const d = document.createElement("span");
-      d.className = "brush-txt", d.innerText = s.className.endsWith("undo") ? this.configs.onUndoText : this.configs.onExitText, s.appendChild(c), s.appendChild(d);
-    }), e.appendChild(h), e.appendChild(i), t.appendChild(e), this.container.appendChild(t), t;
-  }
-  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);
-  }
-  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 = !1, this.emit("readyChange", !1), this.emitStateChange({
-      type: g.Exit,
-      color: this.color,
-      ready: !1,
-      uuid: this.uuid
-    }));
-  }
-  updateCurrentColor(t) {
-    const e = this.canvas[this.uuid];
-    if (!e)
-      return;
-    const h = e.getContext("2d");
-    !h || (this.configs.currentColor = t, h.strokeStyle = t);
-  }
-  openBrushHandle() {
-    const t = this.canvas[this.uuid];
-    if (!t)
-      return;
-    const e = t.getContext("2d");
-    if (!e)
-      return;
-    const h = this.color || "#6D92FF";
-    e.strokeStyle = h;
-    let i = null, r = [], s, c = [], d = 0;
-    const m = (o, a, n) => {
-      const l = this.color || "#ff0000";
-      e.strokeStyle = l, e.beginPath(), e.moveTo(o.x, o.y), e.quadraticCurveTo(a.x, a.y, n.x, n.y), e.stroke();
-    };
-    t.onmousedown = (o) => {
-      o.preventDefault(), d = Date.now();
-      const a = o.clientX, n = o.clientY;
-      r = [], r.push({ x: a, y: n }), i = { x: a, y: n }, s = w({ x: a, y: n }, this.clientWidth, this.clientHeight), c = [];
-    }, t.onmousemove = (o) => {
-      if (o.preventDefault(), !i)
-        return;
-      const a = Number(o.clientX), n = Number(o.clientY);
-      if (Math.abs(a - i.x) < 5 && Math.abs(n - i.y) < 5 || (r.push({ x: a, y: n }), c.push(w({ x: a, y: n }, this.clientWidth, this.clientHeight)), r.length < 3))
-        return;
-      const { control: l, end: u } = b(r);
-      !l || !u || (m(i, l, u), i = u);
-    }, t.onmouseup = (o) => {
-      if (o.preventDefault(), i = null, r.length < 3)
-        return;
-      this.data[this.uuid] || (this.data[this.uuid] = []);
-      const a = Date.now() - d, n = {
-        move: Object.assign({}, s),
-        uuid: this.uuid,
-        line: [...c],
-        color: this.color,
-        duration: a < 1280 ? a : a < 2e3 ? 1280 : 0
-      };
-      this.data[this.uuid].push(n), D(() => {
-        this.emitStateChange({
-          type: g.Drawline,
-          color: this.color,
-          ready: this.ready,
-          state: n,
-          uuid: this.uuid
-        });
-      });
-    }, t.ontouchstart = (o) => {
-      o.preventDefault(), d = Date.now();
-      const a = o.touches[0].clientX, n = o.touches[0].clientY;
-      r = [], r.push({ x: a, y: n }), i = { x: a, y: n }, console.log("ontouchstart", a, n, i), s = w({ x: a, y: n }, this.clientWidth, this.clientHeight), c = [];
-    }, t.ontouchmove = (o) => {
-      if (o.preventDefault(), !i)
-        return;
-      const a = Number(o.touches[0].clientX), n = Number(o.touches[0].clientY);
-      if (Math.abs(a - i.x) < 5 && Math.abs(n - i.y) < 5 || (r.push({ x: a, y: n }), c.push(w({ x: a, y: n }, this.clientWidth, this.clientHeight)), r.length < 3))
-        return;
-      const { control: l, end: u } = b(r);
-      !l || !u || (m(i, l, u), i = u);
-    }, t.ontouchend = t.ontouchcancel = (o) => {
-      if (o.preventDefault(), i = null, r.length < 3)
-        return;
-      this.data[this.uuid] || (this.data[this.uuid] = []);
-      const a = Date.now() - d, n = {
-        move: Object.assign({}, s),
-        line: [...c],
-        uuid: this.uuid,
-        color: this.color,
-        duration: a < 1280 ? a : a < 2e3 ? 1280 : 0
-      };
-      this.data[this.uuid].push(n), D(() => {
-        this.emitStateChange({
-          type: g.Drawline,
-          color: this.color,
-          ready: this.ready,
-          state: n,
-          uuid: this.uuid
-        });
-      });
-    };
-  }
-  emitStateChange(t, e = !0) {
-    if (t.type !== g.Drawline) {
-      this.emit("stateChange", t, e);
-      return;
-    }
-    const h = Date.now(), i = t.state;
-    if (!i || !i.line)
-      return;
-    const r = Math.ceil(i.line.length / 100);
-    for (let s = 0; s < r; s++) {
-      const c = {
-        uuid: this.uuid,
-        color: this.color,
-        ready: this.ready,
-        type: t.type,
-        state: {
-          uuid: this.uuid,
-          move: i.move,
-          duration: i.duration,
-          color: this.color,
-          line: i.line.slice(s * 100, (s + 1) * 100)
-        },
-        timestamp: h,
-        end: s === r - 1
-      };
-      N(s, 20, () => {
-        this.emit("stateChange", c, e);
-      });
-    }
-  }
-  action(t) {
-    const { ready: e, type: h, uuid: i } = t;
-    if (!e && this.ready) {
-      this.closeBrush();
-      return;
-    }
-    if (e && !this.ready) {
-      this.openBrush();
-      return;
-    }
-    if (!!this.ready)
-      switch (h) {
-        case g.Drawline:
-          const { state: r, timestamp: s, end: c } = t;
-          if (!s || !r)
-            return;
-          this.tempLine[s] = [].concat(this.tempLine[s] || [], r.line), c && (Object.assign(r, { line: this.tempLine[s] }), this.handleDrawLine(i, r, {}, () => delete this.tempLine[s]));
-          break;
-        case g.Undo:
-          this.handleUndo(i);
-          break;
-      }
-  }
-  handleDrawLine(t, e, { withUndo: h = !1 }, i = S) {
-    !e || Object.prototype.toString.call(e) != "[object Object]" || Object.keys(e).length === 0 || (console.log("handleDrawLine", e, e.line), T(() => new Promise((r) => {
-      if (h || (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])
-        return;
-      const s = this.canvas[t].getContext("2d");
-      if (!s)
-        return;
-      const { line: c = [], color: d = "black", duration: m = 0, uuid: o } = e, a = E(e.move || {}, this.clientWidth, this.clientHeight);
-      let n = [a];
-      if (s.strokeStyle = d, s.beginPath(), s.moveTo(a.x, a.y), m && !h) {
-        let l = [];
-        const u = this;
-        u.tween = W({ step: 0 }, { step: c.length - 1 }, m).onUpdate(({ step: C }) => {
-          var _;
-          if (u.tweening = !0, !u.ready)
-            return s.clearRect(0, 0, u.canvas[o].width, u.canvas[o].height), (_ = u.tween) == null ? void 0 : _.stop();
-          const y = Math.floor(C);
-          if (!l.find((x) => x === y)) {
-            if (l.push(y), console.log("__debug__", c, c[y], y), n.push(E(c[y], u.clientWidth, u.clientHeight)), n.length < 3)
-              return;
-            const { control: x, end: B } = b(n);
-            if (!x || !B)
-              return;
-            s.quadraticCurveTo(x.x, x.y, B.x, B.y), s.stroke();
-          }
-        }).onComplete((C) => {
-          u.tween = void 0, u.tweening = !1, l = [], n = [], i && i(), r();
-        });
-      } else {
-        for (let l = 0; l < c.length; l++) {
-          if (n.push(E(c[l], this.clientWidth, this.clientHeight)), n.length < 3)
-            continue;
-          const { control: u, end: C } = b(n);
-          !u || !C || s.quadraticCurveTo(u.x, u.y, C.x, C.y);
-        }
-        s.stroke(), n = [], i && i(), r();
-      }
-    })));
-  }
-  handleUndo(t) {
-    if (console.log("handleUndo", t, this.canvas[t]), !this.canvas[t] || !this.data[t] || this.data[t].length === 0)
-      return;
-    this.data[t].pop();
-    const e = () => {
-      var i;
-      const h = (i = this.canvas[t]) == null ? void 0 : i.getContext("2d");
-      h && h.clearRect(0, 0, this.canvas[t].width, this.canvas[t].height), this.data[t].forEach((r) => this.handleDrawLine(t, r, { withUndo: !0 }));
-    };
-    if (this.tween && this.tweening) {
-      this.tween.stop(), D(e, 60);
-      return;
-    }
-    e();
-  }
-  destroyBrush() {
-    this.closeBrush(), this.ready = !1, this.emit("readyChange", !0);
-  }
-}
-export {
-  Y as Controller
-};
+"use strict";var _=Object.defineProperty;var E=(y,m,t)=>m in y?_(y,m,{enumerable:!0,configurable:!0,writable:!0,value:t}):y[m]=t;var p=(y,m,t)=>(E(y,typeof m!="symbol"?m+"":m,t),t);const l=require("./utils.js"),D=require("./tween.js"),v=require("./typings.js"),T=require("./Subscribe.js"),P=require("../../shared-utils/uuid.js"),S=require("./style.js");class j extends T.Subscribe{constructor(t){super();p(this,"configs");p(this,"clientWidth");p(this,"clientHeight");p(this,"ready",!1);p(this,"uuid",P.uuid());p(this,"tween");p(this,"tweening",!1);p(this,"container");p(this,"canvas");p(this,"data",{});p(this,"tempLine",{});this.configs=t,this.clientWidth=document.body.clientWidth,this.clientHeight=document.body.clientHeight,this.container=this.ifInsertToDOM(),this.canvas={},this.initCtrl()}get color(){return this.configs.currentColor}get state(){return this.data}get dpr(){return this.configs.DPR||1}ifInsertToDOM(){if(this.container)return this.container;if(this.configs.container)this.configs.container.id="_gl_paintBrush",this.container=this.configs.container;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}return this.container.innerHTML=S.PaintBrushStyle,this.container}initCanvas(t){const e=document.createElement("canvas");e.className=t,e.width=this.clientWidth,e.height=this.clientHeight;const h=e.getContext("2d");if(!!h)return h.lineWidth=5*this.dpr,h.lineCap="round",h.lineJoin="round",this.container.appendChild(e),e}initCtrl(){const t=document.createElement("div");t.className="_paintBrush-ctrl";const e=document.createElement("div");e.className="_paintBrush-ctrlinner";const h=document.createElement("a");h.className="_paintBrush-ctrlitem _paintBrush-ctrlitem--undo",h.addEventListener("click",s=>{var r;if(s.stopPropagation(),this.configs.onClickUndo&&this.configs.onClickUndo(),!this.canvas[this.uuid]||!this.data[this.uuid]||this.data[this.uuid].length===0)return;const c=this.data[this.uuid].pop();c&&this.emitStateChange({type:v.PaintBrushTypeEnum.Undo,color:this.color,ready:this.ready,state:c,uuid:this.uuid});const f=(r=this.canvas[this.uuid])==null?void 0:r.getContext("2d");if(!this.canvas[this.uuid])return;const{width:g,height:a}=this.canvas[this.uuid];f&&f.clearRect(0,0,g,a),this.data[this.uuid].forEach(i=>this.handleDrawLine(this.uuid,i,{withUndo:!0}))});const n=document.createElement("a");return n.className="_paintBrush-ctrlitem _paintBrush-ctrlitem--close",n.addEventListener("click",s=>{s.stopPropagation(),this.closeBrush(),this.configs.onClickClose&&this.configs.onClickClose()}),[h,n].forEach(s=>{const c=document.createElement("i");c.className="brush-icon";const f=document.createElement("span");f.className="brush-txt",f.innerText=s.className.endsWith("undo")?this.configs.onUndoText:this.configs.onExitText,s.appendChild(c),s.appendChild(f)}),e.appendChild(h),e.appendChild(n),t.appendChild(e),this.container.appendChild(t),t}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)}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=!1,this.emit("readyChange",!1),this.emitStateChange({type:v.PaintBrushTypeEnum.Exit,color:this.color,ready:!1,uuid:this.uuid}))}updateCurrentColor(t){const e=this.canvas[this.uuid];if(!e)return;const h=e.getContext("2d");!h||(this.configs.currentColor=t,h.strokeStyle=t)}openBrushHandle(){const t=this.canvas[this.uuid];if(!t)return;const e=t.getContext("2d");if(!e)return;const h=this.color||"#6D92FF";e.strokeStyle=h;let n=null,o=[],s,c=[],f=0;const g=(a,r,i)=>{const d=this.color||"#ff0000";e.strokeStyle=d,e.beginPath(),e.moveTo(a.x,a.y),e.quadraticCurveTo(r.x,r.y,i.x,i.y),e.stroke()};t.onmousedown=a=>{a.preventDefault(),f=Date.now();const r=a.clientX,i=a.clientY;o=[],o.push({x:r,y:i}),n={x:r,y:i},s=l.transformCoords({x:r,y:i},this.clientWidth,this.clientHeight),c=[]},t.onmousemove=a=>{if(a.preventDefault(),!n)return;const r=Number(a.clientX),i=Number(a.clientY);if(Math.abs(r-n.x)<5&&Math.abs(i-n.y)<5||(o.push({x:r,y:i}),c.push(l.transformCoords({x:r,y:i},this.clientWidth,this.clientHeight)),o.length<3))return;const{control:d,end:u}=l.getQuadraticCurvePoint(o);!d||!u||(g(n,d,u),n=u)},t.onmouseup=a=>{if(a.preventDefault(),n=null,o.length<3)return;this.data[this.uuid]||(this.data[this.uuid]=[]);const r=Date.now()-f,i={move:Object.assign({},s),uuid:this.uuid,line:[...c],color:this.color,duration:r<1280?r:r<2e3?1280:0};this.data[this.uuid].push(i),l.nextFrame(()=>{this.emitStateChange({type:v.PaintBrushTypeEnum.Drawline,color:this.color,ready:this.ready,state:i,uuid:this.uuid})})},t.ontouchstart=a=>{a.preventDefault(),f=Date.now();const r=a.touches[0].clientX,i=a.touches[0].clientY;o=[],o.push({x:r,y:i}),n={x:r,y:i},console.log("ontouchstart",r,i,n),s=l.transformCoords({x:r,y:i},this.clientWidth,this.clientHeight),c=[]},t.ontouchmove=a=>{if(a.preventDefault(),!n)return;const r=Number(a.touches[0].clientX),i=Number(a.touches[0].clientY);if(Math.abs(r-n.x)<5&&Math.abs(i-n.y)<5||(o.push({x:r,y:i}),c.push(l.transformCoords({x:r,y:i},this.clientWidth,this.clientHeight)),o.length<3))return;const{control:d,end:u}=l.getQuadraticCurvePoint(o);!d||!u||(g(n,d,u),n=u)},t.ontouchend=t.ontouchcancel=a=>{if(a.preventDefault(),n=null,o.length<3)return;this.data[this.uuid]||(this.data[this.uuid]=[]);const r=Date.now()-f,i={move:Object.assign({},s),line:[...c],uuid:this.uuid,color:this.color,duration:r<1280?r:r<2e3?1280:0};this.data[this.uuid].push(i),l.nextFrame(()=>{this.emitStateChange({type:v.PaintBrushTypeEnum.Drawline,color:this.color,ready:this.ready,state:i,uuid:this.uuid})})}}emitStateChange(t,e=!0){if(t.type!==v.PaintBrushTypeEnum.Drawline){this.emit("stateChange",t,e);return}const h=Date.now(),n=t.state;if(!n||!n.line)return;const o=Math.ceil(n.line.length/100);for(let s=0;s<o;s++){const c={uuid:this.uuid,color:this.color,ready:this.ready,type:t.type,state:{uuid:this.uuid,move:n.move,duration:n.duration,color:this.color,line:n.line.slice(s*100,(s+1)*100)},timestamp:h,end:s===o-1};l.execInterval(s,20,()=>{this.emit("stateChange",c,e)})}}action(t){const{ready:e,type:h,uuid:n}=t;if(!e&&this.ready){this.closeBrush();return}if(e&&!this.ready){this.openBrush();return}if(!!this.ready)switch(h){case v.PaintBrushTypeEnum.Drawline:const{state:o,timestamp:s,end:c}=t;if(!s||!o)return;this.tempLine[s]=[].concat(this.tempLine[s]||[],o.line),c&&(Object.assign(o,{line:this.tempLine[s]}),this.handleDrawLine(n,o,{},()=>delete this.tempLine[s]));break;case v.PaintBrushTypeEnum.Undo:this.handleUndo(n);break}}handleDrawLine(t,e,{withUndo:h=!1},n=l.noop){!e||Object.prototype.toString.call(e)!="[object Object]"||Object.keys(e).length===0||(console.log("handleDrawLine",e,e.line),l.queue(()=>new Promise(o=>{if(h||(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])return;const s=this.canvas[t].getContext("2d");if(!s)return;const{line:c=[],color:f="black",duration:g=0,uuid:a}=e,r=l.unTransformCoords(e.move||{},this.clientWidth,this.clientHeight);let i=[r];if(s.strokeStyle=f,s.beginPath(),s.moveTo(r.x,r.y),g&&!h){let d=[];const u=this;u.tween=D.tween({step:0},{step:c.length-1},g).onUpdate(({step:C})=>{var b;if(u.tweening=!0,!u.ready)return s.clearRect(0,0,u.canvas[a].width,u.canvas[a].height),(b=u.tween)==null?void 0:b.stop();const x=Math.floor(C);if(!d.find(w=>w===x)){if(d.push(x),console.log("__debug__",c,c[x],x),i.push(l.unTransformCoords(c[x],u.clientWidth,u.clientHeight)),i.length<3)return;const{control:w,end:B}=l.getQuadraticCurvePoint(i);if(!w||!B)return;s.quadraticCurveTo(w.x,w.y,B.x,B.y),s.stroke()}}).onComplete(C=>{u.tween=void 0,u.tweening=!1,d=[],i=[],n&&n(),o()})}else{for(let d=0;d<c.length;d++){if(i.push(l.unTransformCoords(c[d],this.clientWidth,this.clientHeight)),i.length<3)continue;const{control:u,end:C}=l.getQuadraticCurvePoint(i);!u||!C||s.quadraticCurveTo(u.x,u.y,C.x,C.y)}s.stroke(),i=[],n&&n(),o()}})))}handleUndo(t){if(console.log("handleUndo",t,this.canvas[t]),!this.canvas[t]||!this.data[t]||this.data[t].length===0)return;this.data[t].pop();const e=()=>{var n;const h=(n=this.canvas[t])==null?void 0:n.getContext("2d");h&&h.clearRect(0,0,this.canvas[t].width,this.canvas[t].height),this.data[t].forEach(o=>this.handleDrawLine(t,o,{withUndo:!0}))};if(this.tween&&this.tweening){this.tween.stop(),l.nextFrame(e,60);return}e()}destroyBrush(){this.closeBrush(),this.ready=!1,this.emit("readyChange",!0)}}exports.Controller=j;

package/libs/components/PaintBrush/Subscribe.js

@@ -1,47 +1 @@
-const i = Symbol("$$PAINT_BRUSH_EVENT$$");
-function r(f) {
-  return f[i] || (f[i] = {}), f[i];
-}
-function v(f) {
-  f[i] || delete f[i];
-}
-class E {
-  hasListener(t) {
-    const e = r(this);
-    return e && e[t] && e[t].length > 0;
-  }
-  on(t, e, s) {
-    const o = r(this);
-    return o[t] || (o[t] = []), o[t].push([e, s || !1]), () => this.off(t, e);
-  }
-  once(t, e) {
-    return this.on(t, e, !0);
-  }
-  off(t, e) {
-    if (t === void 0) {
-      v(this);
-      return;
-    }
-    const s = r(this);
-    if (s[t] || (s[t] = []), e === void 0) {
-      s[t].length = 0;
-      return;
-    }
-    let o = 0;
-    for (; o < s[t].length && s[t][o][0] !== e; o++)
-      ;
-    o < s[t].length && s[t].splice(o, 1);
-  }
-  emit(t, ...e) {
-    let s = !1;
-    const l = r(this)[t] || [];
-    for (let h of l.slice()) {
-      const [n, u = !1] = h, c = n(...e);
-      u && this.off(t, n), c === !1 && (s = !0);
-    }
-    return s;
-  }
-}
-export {
-  E as Subscribe
-};
+"use strict";const o=Symbol("$$PAINT_BRUSH_EVENT$$");function r(f){return f[o]||(f[o]={}),f[o]}function v(f){f[o]||delete f[o]}class E{hasListener(t){const e=r(this);return e&&e[t]&&e[t].length>0}on(t,e,s){const i=r(this);return i[t]||(i[t]=[]),i[t].push([e,s||!1]),()=>this.off(t,e)}once(t,e){return this.on(t,e,!0)}off(t,e){if(t===void 0){v(this);return}const s=r(this);if(s[t]||(s[t]=[]),e===void 0){s[t].length=0;return}let i=0;for(;i<s[t].length&&s[t][i][0]!==e;i++);i<s[t].length&&s[t].splice(i,1)}emit(t,...e){let s=!1;const l=r(this)[t]||[];for(let u of l.slice()){const[n,c=!1]=u,h=n(...e);c&&this.off(t,n),h===!1&&(s=!0)}return s}}exports.Subscribe=E;

package/libs/components/PaintBrush/index.js

@@ -1,52 +1 @@
-var e = Object.defineProperty;
-var s = (r, o, t) => o in r ? e(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
-var n = (r, o, t) => (s(r, typeof o != "symbol" ? o + "" : o, t), t);
-import { Controller as l } from "./Controller.js";
-import "./utils.js";
-import "./tween.js";
-import "../../tween.esm.bad2b2b4.js";
-import "./typings.js";
-import "./Subscribe.js";
-import "../../shared-utils/uuid.js";
-import "./style.js";
-class C {
-  constructor(o = {}) {
-    n(this, "controller");
-    const t = Object.assign({
-      currentColor: "#f44336",
-      onUndoText: "\u56DE\u9000",
-      onExitText: "\u5173\u95ED"
-    }, o);
-    this.controller = new l(t);
-  }
-  on(o, t) {
-    this.controller.on(o, t);
-  }
-  off(o, t) {
-    this.controller.off(o, t);
-  }
-  once(o, t) {
-    this.controller.once(o, t);
-  }
-  show() {
-    this.controller.openBrush();
-  }
-  action(o) {
-    this.controller.action(o);
-  }
-  get state() {
-    return this.controller.state;
-  }
-  get configs() {
-    return this.controller.configs;
-  }
-  dispose() {
-    return this.controller.destroyBrush();
-  }
-  setCurrentColor(o) {
-    this.controller.updateCurrentColor(o);
-  }
-}
-export {
-  C as PaintBrush
-};
+"use strict";var s=Object.defineProperty;var n=(t,r,e)=>r in t?s(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e;var o=(t,r,e)=>(n(t,typeof r!="symbol"?r+"":r,e),e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./Controller.js");require("./utils.js");require("./tween.js");require("@tweenjs/tween.js");require("./typings.js");require("./Subscribe.js");require("../../shared-utils/uuid.js");require("./style.js");class i{constructor(r={}){o(this,"controller");const e=Object.assign({currentColor:"#f44336",onUndoText:"\u56DE\u9000",onExitText:"\u5173\u95ED"},r);this.controller=new l.Controller(e)}on(r,e){this.controller.on(r,e)}off(r,e){this.controller.off(r,e)}once(r,e){this.controller.once(r,e)}show(){this.controller.openBrush()}action(r){this.controller.action(r)}get state(){return this.controller.state}get configs(){return this.controller.configs}dispose(){return this.controller.destroyBrush()}setCurrentColor(r){this.controller.updateCurrentColor(r)}}exports.PaintBrush=i;