@realsee/dnalogel 2.1.2-alpha.0 → 2.1.2-alpha.2

package/libs/shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js

@@ -1,79 +1 @@
-var f = Object.defineProperty;
-var g = Object.getOwnPropertySymbols;
-var q = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var w = (t, e, r) => e in t ? f(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, b = (t, e) => {
-  for (var r in e || (e = {}))
-    q.call(e, r) && w(t, r, e[r]);
-  if (g)
-    for (var r of g(e))
-      x.call(e, r) && w(t, r, e[r]);
-  return t;
-};
-import { createElement as s } from "./utils/createElement.js";
-function F() {
-  const t = s({
-    width: "100%",
-    height: "100%",
-    left: "0",
-    top: "0",
-    position: "absolute",
-    pointerEvents: "none"
-  }), e = s({
-    boxSizing: "border-box",
-    width: "100%",
-    height: "100%",
-    left: "0",
-    top: "0",
-    position: "relative",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  }), r = s({
-    boxSizing: "border-box",
-    width: "100%",
-    height: "100%",
-    left: "0",
-    top: "0",
-    position: "absolute",
-    border: "1px solid rgba(255,255,255,0.4)"
-  });
-  t.appendChild(e), e.appendChild(r);
-  const n = "-4px", i = { direction: "nesw", element: o({ cursor: "nesw-resize", left: n, bottom: n }) }, a = { direction: "ns", element: o({ cursor: "ns-resize", bottom: n }) }, c = { direction: "nwse", element: o({ cursor: "nwse-resize", right: n, bottom: n }) }, p = { direction: "ew", element: o({ cursor: "ew-resize", right: n }) }, u = { direction: "nesw", element: o({ cursor: "nesw-resize", right: n, top: n }) }, d = { direction: "ns", element: o({ cursor: "ns-resize", top: n }) }, l = { direction: "nwse", element: o({ cursor: "nwse-resize", left: n, top: n }) }, h = { direction: "ew", element: o({ cursor: "ew-resize", left: n }) };
-  return new Array(a, p, d, h, i, c, u, l).forEach((m) => e.appendChild(m.element)), { container: t, squares: [
-    i,
-    a,
-    c,
-    p,
-    u,
-    d,
-    l,
-    h
-  ] };
-}
-function o(t) {
-  const e = s(b({
-    background: "#FFFFFF",
-    width: "9px",
-    height: "9px",
-    position: "absolute",
-    pointerEvents: "none"
-  }, t)), r = s({
-    width: "15px",
-    height: "15px",
-    position: "absolute",
-    left: "50%",
-    top: "50%",
-    transform: "translate(-50%, -50%)",
-    pointerEvents: "none"
-  }), n = s({
-    width: "15px",
-    height: "15px",
-    cursor: t == null ? void 0 : t.cursor,
-    pointerEvents: "auto",
-    background: "transparent"
-  });
-  return n.draggable = !0, r.appendChild(n), e.appendChild(r), e;
-}
-export {
-  F as rectangleScaleDom
-};
+"use strict";var f=Object.defineProperty;var g=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var m=(t,e,r)=>e in t?f(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,b=(t,e)=>{for(var r in e||(e={}))q.call(e,r)&&m(t,r,e[r]);if(g)for(var r of g(e))x.call(e,r)&&m(t,r,e[r]);return t};const s=require("./utils/createElement.js");function E(){const t=s.createElement({width:"100%",height:"100%",left:"0",top:"0",position:"absolute",pointerEvents:"none"}),e=s.createElement({boxSizing:"border-box",width:"100%",height:"100%",left:"0",top:"0",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"}),r=s.createElement({boxSizing:"border-box",width:"100%",height:"100%",left:"0",top:"0",position:"absolute",border:"1px solid rgba(255,255,255,0.4)"});t.appendChild(e),e.appendChild(r);const n="-4px",i={direction:"nesw",element:o({cursor:"nesw-resize",left:n,bottom:n})},a={direction:"ns",element:o({cursor:"ns-resize",bottom:n})},c={direction:"nwse",element:o({cursor:"nwse-resize",right:n,bottom:n})},l={direction:"ew",element:o({cursor:"ew-resize",right:n})},p={direction:"nesw",element:o({cursor:"nesw-resize",right:n,top:n})},u={direction:"ns",element:o({cursor:"ns-resize",top:n})},d={direction:"nwse",element:o({cursor:"nwse-resize",left:n,top:n})},h={direction:"ew",element:o({cursor:"ew-resize",left:n})};return new Array(a,l,u,h,i,c,p,d).forEach(w=>e.appendChild(w.element)),{container:t,squares:[i,a,c,l,p,u,d,h]}}function o(t){const e=s.createElement(b({background:"#FFFFFF",width:"9px",height:"9px",position:"absolute",pointerEvents:"none"},t)),r=s.createElement({width:"15px",height:"15px",position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",pointerEvents:"none"}),n=s.createElement({width:"15px",height:"15px",cursor:t==null?void 0:t.cursor,pointerEvents:"auto",background:"transparent"});return n.draggable=!0,r.appendChild(n),e.appendChild(r),e}exports.rectangleScaleDom=E;

package/libs/shared-utils/Object3DHelper/Helper/HTML/tipsDom.js

@@ -1,41 +1 @@
-var r = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
-var d = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
-var l = (o, e, t) => e in o ? r(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, p = (o, e) => {
-  for (var t in e || (e = {}))
-    d.call(e, t) && l(o, t, e[t]);
-  if (n)
-    for (var t of n(e))
-      f.call(e, t) && l(o, t, e[t]);
-  return o;
-};
-import { createElement as a } from "./utils/createElement.js";
-function x(o) {
-  const e = a(p({
-    position: "absolute",
-    display: "block",
-    borderRadius: "4px",
-    paddingTop: "1px",
-    paddingBottom: "1px",
-    paddingLeft: "4px",
-    paddingRight: "4px",
-    pointerEvents: "none",
-    userSelect: "none",
-    zIndex: "9999",
-    backgroundColor: "rgba(0,0,0,0.7)",
-    fontSize: "12px",
-    color: "#fff",
-    letterSpacing: "0",
-    lineHeight: "18px"
-  }, o)), t = () => {
-    e.style.display !== "block" && (!e.style.top || !e.style.left || (e.style.display = "block"));
-  };
-  return { element: e, show: t, hide: () => {
-    e.style.display = "none", e.style.top = "", e.style.left = "";
-  }, setLeftTop: (s, i) => {
-    e.style.left = s, e.style.top = i, t();
-  } };
-}
-export {
-  x as tipsDom
-};
+"use strict";var r=Object.defineProperty;var l=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var o=(s,e,t)=>e in s?r(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,n=(s,e)=>{for(var t in e||(e={}))d.call(e,t)&&o(s,t,e[t]);if(l)for(var t of l(e))c.call(e,t)&&o(s,t,e[t]);return s};const a=require("./utils/createElement.js");function f(s){const e=a.createElement(n({position:"absolute",display:"block",borderRadius:"4px",paddingTop:"1px",paddingBottom:"1px",paddingLeft:"4px",paddingRight:"4px",pointerEvents:"none",userSelect:"none",zIndex:"9999",backgroundColor:"rgba(0,0,0,0.7)",fontSize:"12px",color:"#fff",letterSpacing:"0",lineHeight:"18px"},s)),t=()=>{e.style.display!=="block"&&(!e.style.top||!e.style.left||(e.style.display="block"))};return{element:e,show:t,hide:()=>{e.style.display="none",e.style.top="",e.style.left=""},setLeftTop:(i,p)=>{e.style.left=i,e.style.top=p,t()}}}exports.tipsDom=f;

package/libs/shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js

@@ -1,14 +1 @@
-function o(r, n) {
-  return i(document.createElement(n != null ? n : "div"), r);
-}
-function i(r, n) {
-  if (!n)
-    return r;
-  for (const c in n)
-    c && n[c] && (r.style[c] = n[c]);
-  return r;
-}
-export {
-  o as createElement,
-  i as setStyle
-};
+"use strict";function c(r,n){return e(document.createElement(n!=null?n:"div"),r)}function e(r,n){if(!n)return r;for(const t in n)t&&n[t]&&(r.style[t]=n[t]);return r}exports.createElement=c;

package/libs/shared-utils/Object3DHelper/Helper/MoveHelper.js

@@ -1,30 +1 @@
-var w = Object.defineProperty;
-var h = (i, o, r) => o in i ? w(i, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[o] = r;
-var s = (i, o, r) => (h(i, typeof o != "symbol" ? o + "" : o, r), r);
-import { MoveHelperAbstract as A } from "../Base/BaseHelper.js";
-import { ArrowGroup as e } from "./Objects/ArrowGroup.js";
-import { AXES_THREE_COLOR as t } from "../Constants/color.js";
-import "three";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "./OutlineHelper.js";
-class v extends A {
-  constructor(r) {
-    super(r);
-    s(this, "xArrow", new e({ direction: "x", color: t.X }));
-    s(this, "yArrow", new e({ direction: "y", color: t.Y }));
-    s(this, "zArrow", new e({ direction: "z", color: t.Z }));
-    this.add(this.xArrow), this.add(this.yArrow), this.add(this.zArrow);
-  }
-  show() {
-    super.show(), this.xArrow.visible = !0, this.yArrow.visible = !0, this.zArrow.visible = !0;
-  }
-  showDraggingHelper(r) {
-    this.xArrow.visible = r.includes("x"), this.yArrow.visible = r.includes("y"), this.zArrow.visible = r.includes("z");
-  }
-  dispose() {
-    this.remove(this.xArrow, this.yArrow, this.zArrow);
-  }
-}
-export {
-  v as MoveHelper
-};
+"use strict";var l=Object.defineProperty;var w=(s,e,r)=>e in s?l(s,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[e]=r;var o=(s,e,r)=>(w(s,typeof e!="symbol"?e+"":e,r),r);const h=require("../Base/BaseHelper.js"),i=require("./Objects/ArrowGroup.js"),t=require("../Constants/color.js");require("three");require("three/examples/jsm/renderers/CSS3DRenderer");require("./OutlineHelper.js");class A extends h.MoveHelperAbstract{constructor(r){super(r);o(this,"xArrow",new i.ArrowGroup({direction:"x",color:t.AXES_THREE_COLOR.X}));o(this,"yArrow",new i.ArrowGroup({direction:"y",color:t.AXES_THREE_COLOR.Y}));o(this,"zArrow",new i.ArrowGroup({direction:"z",color:t.AXES_THREE_COLOR.Z}));this.add(this.xArrow),this.add(this.yArrow),this.add(this.zArrow)}show(){super.show(),this.xArrow.visible=!0,this.yArrow.visible=!0,this.zArrow.visible=!0}showDraggingHelper(r){this.xArrow.visible=r.includes("x"),this.yArrow.visible=r.includes("y"),this.zArrow.visible=r.includes("z")}dispose(){this.remove(this.xArrow,this.yArrow,this.zArrow)}}exports.MoveHelper=A;

package/libs/shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js

@@ -1,35 +1 @@
-var y = Object.defineProperty;
-var g = (r, t, e) => t in r ? y(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var i = (r, t, e) => (g(r, typeof t != "symbol" ? t + "" : t, e), e);
-import * as o from "three";
-import { DirectionGroup as f, DirectionMesh as l } from "../../utils/direction.js";
-class G extends f {
-  constructor(e) {
-    var c;
-    super(e.direction);
-    i(this, "line");
-    i(this, "arrow");
-    i(this, "lineHeight", 0.4);
-    i(this, "arrowHeight", 0.1);
-    this.name = "ArrowGroup";
-    const w = new o.Color((c = e.color) != null ? c : 16214315), n = new o.MeshBasicMaterial({
-      color: w,
-      depthTest: !1,
-      opacity: 1,
-      transparent: !0,
-      side: o.DoubleSide
-    }), d = new o.ConeGeometry(0.04, 0.1, 32), s = new l(d, n.clone(), e.direction);
-    s.name = `arrow-${e.direction}`, this.arrow = s;
-    const a = 4e-3, m = new o.CylinderGeometry(a, a, 0.4, 32), h = new l(m, n.clone(), e.direction);
-    h.name = `line-${e.direction}`, this.line = h, this.formatArrow(), this.formatLine(), this.add(this.arrow, this.line);
-  }
-  formatArrow() {
-    this.arrow.geometry.translate(0, this.lineHeight + this.arrowHeight / 2, 0), this.direction === "x" ? (this.arrow.geometry.rotateX(Math.PI / 2), this.arrow.geometry.rotateY(Math.PI / 2)) : this.direction === "z" && this.arrow.geometry.rotateX(Math.PI / 2);
-  }
-  formatLine() {
-    this.line.geometry.translate(0, this.lineHeight / 2, 0), this.direction === "x" ? (this.line.geometry.rotateX(Math.PI / 2), this.line.geometry.rotateY(Math.PI / 2)) : this.direction === "z" && this.line.geometry.rotateX(Math.PI / 2);
-  }
-}
-export {
-  G as ArrowGroup
-};
+"use strict";var m=Object.defineProperty;var y=(t,r,e)=>r in t?m(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e;var i=(t,r,e)=>(y(t,typeof r!="symbol"?r+"":r,e),e);const f=require("three"),s=require("../../utils/direction.js");function g(t){if(t&&t.__esModule)return t;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const o=g(f);class M extends s.DirectionGroup{constructor(e){var d;super(e.direction);i(this,"line");i(this,"arrow");i(this,"lineHeight",.4);i(this,"arrowHeight",.1);this.name="ArrowGroup";const n=new o.Color((d=e.color)!=null?d:16214315),c=new o.MeshBasicMaterial({color:n,depthTest:!1,opacity:1,transparent:!0,side:o.DoubleSide}),u=new o.ConeGeometry(.04,.1,32),a=new s.DirectionMesh(u,c.clone(),e.direction);a.name=`arrow-${e.direction}`,this.arrow=a;const l=.004,w=new o.CylinderGeometry(l,l,.4,32),h=new s.DirectionMesh(w,c.clone(),e.direction);h.name=`line-${e.direction}`,this.line=h,this.formatArrow(),this.formatLine(),this.add(this.arrow,this.line)}formatArrow(){this.arrow.geometry.translate(0,this.lineHeight+this.arrowHeight/2,0),this.direction==="x"?(this.arrow.geometry.rotateX(Math.PI/2),this.arrow.geometry.rotateY(Math.PI/2)):this.direction==="z"&&this.arrow.geometry.rotateX(Math.PI/2)}formatLine(){this.line.geometry.translate(0,this.lineHeight/2,0),this.direction==="x"?(this.line.geometry.rotateX(Math.PI/2),this.line.geometry.rotateY(Math.PI/2)):this.direction==="z"&&this.line.geometry.rotateX(Math.PI/2)}}exports.ArrowGroup=M;

package/libs/shared-utils/Object3DHelper/Helper/OutlineHelper.js

@@ -1,2 +1 @@
-import * as o from "three";
-new o.Vector3();
+"use strict";const c=require("three");function o(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=o(c);new u.Vector3;

package/libs/shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js

@@ -1,137 +1 @@
-var b = Object.defineProperty;
-var f = (o, n, e) => n in o ? b(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e;
-var i = (o, n, e) => (f(o, typeof n != "symbol" ? n + "" : n, e), e);
-import { CSS3DRender as y } from "../../../CSS3DRenderPlugin/CSS3DRender.js";
-import * as c from "three";
-import { RectangleScaleHelperAbstract as m } from "../Base/BaseHelper.js";
-import { CSS3DObject as S } from "three/examples/jsm/renderers/CSS3DRenderer";
-import { rectangleScaleDom as j } from "./HTML/rectangleScaleDom.js";
-import "./OutlineHelper.js";
-class v extends m {
-  constructor(e, t, s, l) {
-    super(e);
-    i(this, "points", []);
-    i(this, "cornerPositions", []);
-    i(this, "css3DInstance");
-    i(this, "plane");
-    i(this, "css3DRenderer", new y());
-    i(this, "camera");
-    i(this, "scene");
-    i(this, "container");
-    i(this, "enabled", !1);
-    this.camera = s, this.scene = l, this.container = t, this.initRectangleScaleHelper();
-  }
-  get helperObject() {
-    var e;
-    if (!((e = this.css3DInstance) != null && e.css3DObject))
-      throw new Error("css3DInstance is not initialized");
-    return this.css3DInstance.css3DObject;
-  }
-  updatePosition() {
-    var e;
-    this.helperObject.position.copy(this.originObject3D.position), (e = this.plane) == null || e.position.copy(this.originObject3D.position);
-  }
-  updateQuaternion() {
-    var e;
-    (e = this.plane) == null || e.quaternion.copy(this.originObject3D.quaternion);
-  }
-  applyMatrix4(e) {
-    var t;
-    super.applyMatrix4(e), this.helperObject.applyMatrix4(e), (t = this.plane) == null || t.applyMatrix4(e), this.cornerPositions.forEach((s) => s.applyMatrix4(e));
-  }
-  showDraggingHelper() {
-  }
-  applyHelperScaleMatrix4(e, t) {
-    var s;
-    (s = this.plane) == null || s.scale.applyMatrix4(e), this.helperObject.applyScaleMatrix4(e);
-  }
-  updatePoints() {
-    const e = this.calculatePointPosition(this.cornerPositions);
-    this.points.forEach((t, s) => {
-      t.position.copy(e[s]);
-    });
-  }
-  applyHelperQuaternion(e, t) {
-    var l;
-    const s = (l = this.css3DInstance) == null ? void 0 : l.css3DObject;
-    if (s) {
-      const a = new c.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
-      s.position.copy(a), s.applyQuaternion(e);
-    }
-    if (this.plane) {
-      const a = new c.Vector3().subVectors(this.plane.position, t).applyQuaternion(e).add(t);
-      this.plane.position.copy(a), this.plane.applyQuaternion(e);
-    }
-    this.cornerPositions.forEach((a) => {
-      const r = new c.Vector3().subVectors(a, t).applyQuaternion(e).add(t);
-      a.copy(r);
-    });
-  }
-  enable() {
-    var e;
-    this.enabled || (this.enabled = !0, (e = this.css3DInstance) == null || e.enable(), this.plane && this.scene.add(this.plane));
-  }
-  disable() {
-    var e;
-    !this.enabled || (this.enabled = !1, (e = this.css3DInstance) == null || e.disable(), this.plane && this.scene.remove(this.plane));
-  }
-  show() {
-    var e;
-    (e = this.css3DInstance) == null || e.show(), this.plane && (this.plane.visible = !0);
-  }
-  hide() {
-    var e;
-    (e = this.css3DInstance) == null || e.hide(), this.plane && (this.plane.visible = !1);
-  }
-  dispose() {
-    this.disable(), this.css3DRenderer.dispose();
-  }
-  initRectangleScaleHelper() {
-    var p;
-    const e = this.getCornerPositions();
-    if (!e)
-      return;
-    this.cornerPositions = e;
-    const t = this.css3DRenderer.create3DElement(this.camera, e, { ratio: 3e-3 });
-    if (!t)
-      return;
-    this.css3DInstance = t, t.appendToElement(this.container);
-    const s = t.css3DObject.container, { container: l, squares: a } = j();
-    this.points = a.map((h, D) => ({
-      direction: h.direction,
-      point: h.element,
-      position: this.calculatePointPosition(e)[D]
-    })), s.insertBefore(l, (p = s.children[0]) != null ? p : null);
-    const r = new c.PlaneGeometry(t.css3DObject.width, t.css3DObject.height), d = new c.MeshBasicMaterial({
-      color: 0,
-      opacity: 0.15,
-      transparent: !0,
-      side: c.DoubleSide
-    }), u = new c.Mesh(r, d);
-    this.scene.add(u), this.updatePosition();
-  }
-  getCornerPositions() {
-    const { originObject3D: e } = this;
-    if (e instanceof S) {
-      if (e.isCSS3DObjectPlus)
-        return e.cornerPoints;
-      console.error("\u6682\u65F6\u53EA\u652F\u6301 CSS3DRenderPlugin \u751F\u6210\u7684\u7269\u4F53");
-    } else
-      console.error("\u5F53\u524D\u7269\u4F53\u6682\u65F6\u4E0D\u652F\u6301 ScaleHelper");
-  }
-  calculatePointPosition(e) {
-    return [
-      e[0].clone(),
-      e[0].clone().add(e[1]).divideScalar(2),
-      e[1].clone(),
-      e[1].clone().add(e[2]).divideScalar(2),
-      e[2].clone(),
-      e[2].clone().add(e[3]).divideScalar(2),
-      e[3].clone(),
-      e[3].clone().add(e[0]).divideScalar(2)
-    ];
-  }
-}
-export {
-  v as RectangleScaleHelper
-};
+"use strict";var b=Object.defineProperty;var S=(n,i,e)=>i in n?b(n,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[i]=e;var a=(n,i,e)=>(S(n,typeof i!="symbol"?i+"":i,e),e);const f=require("../../../CSS3DRenderPlugin/CSS3DRender.js"),j=require("three"),y=require("../Base/BaseHelper.js"),O=require("three/examples/jsm/renderers/CSS3DRenderer"),g=require("./HTML/rectangleScaleDom.js");require("./OutlineHelper.js");function m(n){if(n&&n.__esModule)return n;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>n[e]})}}return i.default=n,Object.freeze(i)}const r=m(j);class H extends y.RectangleScaleHelperAbstract{constructor(e,t,s,l){super(e);a(this,"points",[]);a(this,"cornerPositions",[]);a(this,"css3DInstance");a(this,"plane");a(this,"css3DRenderer",new f.CSS3DRender);a(this,"camera");a(this,"scene");a(this,"container");a(this,"enabled",!1);this.camera=s,this.scene=l,this.container=t,this.initRectangleScaleHelper()}get helperObject(){var e;if(!((e=this.css3DInstance)!=null&&e.css3DObject))throw new Error("css3DInstance is not initialized");return this.css3DInstance.css3DObject}updatePosition(){var e;this.helperObject.position.copy(this.originObject3D.position),(e=this.plane)==null||e.position.copy(this.originObject3D.position)}updateQuaternion(){var e;(e=this.plane)==null||e.quaternion.copy(this.originObject3D.quaternion)}applyMatrix4(e){var t;super.applyMatrix4(e),this.helperObject.applyMatrix4(e),(t=this.plane)==null||t.applyMatrix4(e),this.cornerPositions.forEach(s=>s.applyMatrix4(e))}showDraggingHelper(){}applyHelperScaleMatrix4(e,t){var s;(s=this.plane)==null||s.scale.applyMatrix4(e),this.helperObject.applyScaleMatrix4(e)}updatePoints(){const e=this.calculatePointPosition(this.cornerPositions);this.points.forEach((t,s)=>{t.position.copy(e[s])})}applyHelperQuaternion(e,t){var l;const s=(l=this.css3DInstance)==null?void 0:l.css3DObject;if(s){const c=new r.Vector3().subVectors(s.position,t).applyQuaternion(e).add(t);s.position.copy(c),s.applyQuaternion(e)}if(this.plane){const c=new r.Vector3().subVectors(this.plane.position,t).applyQuaternion(e).add(t);this.plane.position.copy(c),this.plane.applyQuaternion(e)}this.cornerPositions.forEach(c=>{const o=new r.Vector3().subVectors(c,t).applyQuaternion(e).add(t);c.copy(o)})}enable(){var e;this.enabled||(this.enabled=!0,(e=this.css3DInstance)==null||e.enable(),this.plane&&this.scene.add(this.plane))}disable(){var e;!this.enabled||(this.enabled=!1,(e=this.css3DInstance)==null||e.disable(),this.plane&&this.scene.remove(this.plane))}show(){var e;(e=this.css3DInstance)==null||e.show(),this.plane&&(this.plane.visible=!0)}hide(){var e;(e=this.css3DInstance)==null||e.hide(),this.plane&&(this.plane.visible=!1)}dispose(){this.disable(),this.css3DRenderer.dispose()}initRectangleScaleHelper(){var p;const e=this.getCornerPositions();if(!e)return;this.cornerPositions=e;const t=this.css3DRenderer.create3DElement(this.camera,e,{ratio:.003});if(!t)return;this.css3DInstance=t,t.appendToElement(this.container);const s=t.css3DObject.container,{container:l,squares:c}=g.rectangleScaleDom();this.points=c.map((h,D)=>({direction:h.direction,point:h.element,position:this.calculatePointPosition(e)[D]})),s.insertBefore(l,(p=s.children[0])!=null?p:null);const o=new r.PlaneGeometry(t.css3DObject.width,t.css3DObject.height),d=new r.MeshBasicMaterial({color:0,opacity:.15,transparent:!0,side:r.DoubleSide}),u=new r.Mesh(o,d);this.scene.add(u),this.updatePosition()}getCornerPositions(){const{originObject3D:e}=this;if(e instanceof O.CSS3DObject){if(e.isCSS3DObjectPlus)return e.cornerPoints;console.error("\u6682\u65F6\u53EA\u652F\u6301 CSS3DRenderPlugin \u751F\u6210\u7684\u7269\u4F53")}else console.error("\u5F53\u524D\u7269\u4F53\u6682\u65F6\u4E0D\u652F\u6301 ScaleHelper")}calculatePointPosition(e){return[e[0].clone(),e[0].clone().add(e[1]).divideScalar(2),e[1].clone(),e[1].clone().add(e[2]).divideScalar(2),e[2].clone(),e[2].clone().add(e[3]).divideScalar(2),e[3].clone(),e[3].clone().add(e[0]).divideScalar(2)]}}exports.RectangleScaleHelper=H;

package/libs/shared-utils/Object3DHelper/Helper/RotateHelper.js

@@ -1,136 +1 @@
-var H = Object.defineProperty;
-var x = (n, s, e) => s in n ? H(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var t = (n, s, e) => (x(n, typeof s != "symbol" ? s + "" : s, e), e);
-import * as r from "three";
-import { RotateHelperAbstract as A } from "../Base/BaseHelper.js";
-import { AXES_THREE_COLOR as o } from "../Constants/color.js";
-import { tipsDom as u } from "./HTML/tipsDom.js";
-class f extends A {
-  constructor(e, i) {
-    var l;
-    super(e);
-    t(this, "yzCircle", new h({ direction: "x", color: o.X }));
-    t(this, "xzCircle", new h({ direction: "y", color: o.Y }));
-    t(this, "xyCircle", new h({ direction: "z", color: o.Z }));
-    t(this, "xRingHelper", new c({ direction: "x" }));
-    t(this, "yRingHelper", new c({ direction: "y" }));
-    t(this, "zRingHelper", new c({ direction: "z" }));
-    t(this, "xAngleHelper", new a({ direction: "x", color: o.X }));
-    t(this, "yAngleHelper", new a({ direction: "y", color: o.Y }));
-    t(this, "zAngleHelper", new a({ direction: "z", color: o.Z }));
-    t(this, "angleTips");
-    t(this, "container");
-    i && (this.container = i == null ? void 0 : i.container, this.angleTips = u({ display: "none" }), (l = this.container) == null || l.appendChild(this.angleTips.element)), this.show();
-  }
-  updateAngleHelperQuaternion() {
-    this.xAngleHelper.quaternion.copy(this.yzCircle.quaternion), this.yAngleHelper.quaternion.copy(this.xzCircle.quaternion), this.zAngleHelper.quaternion.copy(this.xyCircle.quaternion), this.xRingHelper.quaternion.copy(this.yzCircle.quaternion), this.yRingHelper.quaternion.copy(this.xzCircle.quaternion), this.zRingHelper.quaternion.copy(this.xyCircle.quaternion);
-  }
-  applyHelperQuaternion(e, i) {
-    this.yzCircle.applyQuaternion(e), this.xzCircle.applyQuaternion(e), this.xyCircle.applyQuaternion(e), this.xAngleHelper.baseAxes.applyQuaternion(e), this.yAngleHelper.baseAxes.applyQuaternion(e), this.zAngleHelper.baseAxes.applyQuaternion(e);
-  }
-  hide() {
-    this.remove(
-      this.yzCircle,
-      this.xzCircle,
-      this.xyCircle,
-      this.xRingHelper,
-      this.yRingHelper,
-      this.zRingHelper,
-      this.xAngleHelper,
-      this.yAngleHelper,
-      this.zAngleHelper
-    );
-  }
-  show() {
-    var e;
-    this.add(this.xyCircle, this.xzCircle, this.yzCircle), this.remove(this.xRingHelper, this.yRingHelper, this.zRingHelper, this.xAngleHelper, this.yAngleHelper, this.zAngleHelper), (e = this.angleTips) == null || e.hide();
-  }
-  showDraggingHelper(e) {
-    var i;
-    this.hide(), this.add(...this.filterRingHelper(e)), this.add(...this.filterAngleHelper(e)), (i = this.angleTips) == null || i.show();
-  }
-  dispose() {
-    var e, i;
-    this.remove(
-      this.yzCircle,
-      this.xzCircle,
-      this.xyCircle,
-      this.xRingHelper,
-      this.yRingHelper,
-      this.zRingHelper,
-      this.xAngleHelper,
-      this.yAngleHelper,
-      this.zAngleHelper
-    ), (e = this.angleTips) != null && e.element && ((i = this.container) == null || i.removeChild(this.angleTips.element));
-  }
-  filterRingHelper(e) {
-    return [this.xRingHelper, this.yRingHelper, this.zRingHelper].filter((i) => e.includes(i.direction));
-  }
-  filterAngleHelper(e) {
-    return [this.xAngleHelper, this.yAngleHelper, this.zAngleHelper].filter((i) => e.includes(i.direction));
-  }
-}
-class h extends r.Mesh {
-  constructor(e) {
-    var i;
-    super();
-    t(this, "direction");
-    t(this, "gapAngle", 0.02);
-    t(this, "geometry", new r.RingGeometry(0.25, 0.3, 20, 8, this.gapAngle, Math.PI / 2 - this.gapAngle * 2));
-    this.material = new r.MeshBasicMaterial({
-      opacity: 0.6,
-      color: (i = e.color) != null ? i : 16777215,
-      transparent: !0,
-      side: r.DoubleSide,
-      depthTest: !1
-    }), this.direction = e.direction, this.geometry.name = `RotateHelperCircleGeometry-${this.direction}`, this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
-  }
-}
-class c extends r.Group {
-  constructor(e) {
-    super();
-    t(this, "direction");
-    this.direction = e.direction;
-    const i = 0.015, l = new Array(8).fill(null).map((z, p) => {
-      const d = new r.RingGeometry(0.25, 0.3, 20, 8, Math.PI / 4 * p + i, Math.PI / 4 - i * 2), y = new r.MeshBasicMaterial({
-        opacity: 1,
-        color: 16777215,
-        depthTest: !1,
-        transparent: !0,
-        side: r.DoubleSide
-      }), g = new r.Mesh(d, y);
-      return g.name = `AxesDashedRing-${this.direction}-${p}`, g;
-    });
-    this.add(...l), this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
-  }
-}
-class a extends r.Mesh {
-  constructor(e) {
-    var l;
-    super();
-    t(this, "direction");
-    t(this, "baseAxes");
-    switch (e.direction) {
-      case "x":
-        this.baseAxes = new r.Vector3(0, 0, 1);
-        break;
-      case "y":
-        this.baseAxes = new r.Vector3(1, 0, 0);
-        break;
-      case "z":
-        this.baseAxes = new r.Vector3(1, 0, 0);
-        break;
-    }
-    const i = 0.3 + 5e-4;
-    this.geometry = new r.CircleGeometry(i, 48, 0, 1e-4), this.material = new r.MeshBasicMaterial({
-      opacity: 0.4,
-      color: (l = e.color) != null ? l : 16777215,
-      depthTest: !1,
-      transparent: !0,
-      side: r.DoubleSide
-    }), this.direction = e.direction, this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
-  }
-}
-export {
-  f as RotateHelper
-};
+"use strict";var y=Object.defineProperty;var u=(t,n,e)=>n in t?y(t,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[n]=e;var r=(t,n,e)=>(u(t,typeof n!="symbol"?n+"":n,e),e);const x=require("three"),A=require("../Base/BaseHelper.js"),o=require("../Constants/color.js"),R=require("./HTML/tipsDom.js");function C(t){if(t&&t.__esModule)return t;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const s=C(x);class z extends A.RotateHelperAbstract{constructor(e,i){var l;super(e);r(this,"yzCircle",new h({direction:"x",color:o.AXES_THREE_COLOR.X}));r(this,"xzCircle",new h({direction:"y",color:o.AXES_THREE_COLOR.Y}));r(this,"xyCircle",new h({direction:"z",color:o.AXES_THREE_COLOR.Z}));r(this,"xRingHelper",new c({direction:"x"}));r(this,"yRingHelper",new c({direction:"y"}));r(this,"zRingHelper",new c({direction:"z"}));r(this,"xAngleHelper",new a({direction:"x",color:o.AXES_THREE_COLOR.X}));r(this,"yAngleHelper",new a({direction:"y",color:o.AXES_THREE_COLOR.Y}));r(this,"zAngleHelper",new a({direction:"z",color:o.AXES_THREE_COLOR.Z}));r(this,"angleTips");r(this,"container");i&&(this.container=i==null?void 0:i.container,this.angleTips=R.tipsDom({display:"none"}),(l=this.container)==null||l.appendChild(this.angleTips.element)),this.show()}updateAngleHelperQuaternion(){this.xAngleHelper.quaternion.copy(this.yzCircle.quaternion),this.yAngleHelper.quaternion.copy(this.xzCircle.quaternion),this.zAngleHelper.quaternion.copy(this.xyCircle.quaternion),this.xRingHelper.quaternion.copy(this.yzCircle.quaternion),this.yRingHelper.quaternion.copy(this.xzCircle.quaternion),this.zRingHelper.quaternion.copy(this.xyCircle.quaternion)}applyHelperQuaternion(e,i){this.yzCircle.applyQuaternion(e),this.xzCircle.applyQuaternion(e),this.xyCircle.applyQuaternion(e),this.xAngleHelper.baseAxes.applyQuaternion(e),this.yAngleHelper.baseAxes.applyQuaternion(e),this.zAngleHelper.baseAxes.applyQuaternion(e)}hide(){this.remove(this.yzCircle,this.xzCircle,this.xyCircle,this.xRingHelper,this.yRingHelper,this.zRingHelper,this.xAngleHelper,this.yAngleHelper,this.zAngleHelper)}show(){var e;this.add(this.xyCircle,this.xzCircle,this.yzCircle),this.remove(this.xRingHelper,this.yRingHelper,this.zRingHelper,this.xAngleHelper,this.yAngleHelper,this.zAngleHelper),(e=this.angleTips)==null||e.hide()}showDraggingHelper(e){var i;this.hide(),this.add(...this.filterRingHelper(e)),this.add(...this.filterAngleHelper(e)),(i=this.angleTips)==null||i.show()}dispose(){var e,i;this.remove(this.yzCircle,this.xzCircle,this.xyCircle,this.xRingHelper,this.yRingHelper,this.zRingHelper,this.xAngleHelper,this.yAngleHelper,this.zAngleHelper),(e=this.angleTips)!=null&&e.element&&((i=this.container)==null||i.removeChild(this.angleTips.element))}filterRingHelper(e){return[this.xRingHelper,this.yRingHelper,this.zRingHelper].filter(i=>e.includes(i.direction))}filterAngleHelper(e){return[this.xAngleHelper,this.yAngleHelper,this.zAngleHelper].filter(i=>e.includes(i.direction))}}class h extends s.Mesh{constructor(e){var i;super();r(this,"direction");r(this,"gapAngle",.02);r(this,"geometry",new s.RingGeometry(.25,.3,20,8,this.gapAngle,Math.PI/2-this.gapAngle*2));this.material=new s.MeshBasicMaterial({opacity:.6,color:(i=e.color)!=null?i:16777215,transparent:!0,side:s.DoubleSide,depthTest:!1}),this.direction=e.direction,this.geometry.name=`RotateHelperCircleGeometry-${this.direction}`,this.direction==="y"?this.rotateX(Math.PI/2):this.direction==="x"&&this.rotateY(-Math.PI/2)}}class c extends s.Group{constructor(e){super();r(this,"direction");this.direction=e.direction;const i=.015,l=new Array(8).fill(null).map((_,p)=>{const g=new s.RingGeometry(.25,.3,20,8,Math.PI/4*p+i,Math.PI/4-i*2),H=new s.MeshBasicMaterial({opacity:1,color:16777215,depthTest:!1,transparent:!0,side:s.DoubleSide}),d=new s.Mesh(g,H);return d.name=`AxesDashedRing-${this.direction}-${p}`,d});this.add(...l),this.direction==="y"?this.rotateX(Math.PI/2):this.direction==="x"&&this.rotateY(-Math.PI/2)}}class a extends s.Mesh{constructor(e){var l;super();r(this,"direction");r(this,"baseAxes");switch(e.direction){case"x":this.baseAxes=new s.Vector3(0,0,1);break;case"y":this.baseAxes=new s.Vector3(1,0,0);break;case"z":this.baseAxes=new s.Vector3(1,0,0);break}const i=.3+5e-4;this.geometry=new s.CircleGeometry(i,48,0,1e-4),this.material=new s.MeshBasicMaterial({opacity:.4,color:(l=e.color)!=null?l:16777215,depthTest:!1,transparent:!0,side:s.DoubleSide}),this.direction=e.direction,this.direction==="y"?this.rotateX(Math.PI/2):this.direction==="x"&&this.rotateY(-Math.PI/2)}}exports.RotateHelper=z;

package/libs/shared-utils/Object3DHelper/Helper/index.js

@@ -0,0 +1 @@
+"use strict";require("three");require("three/examples/jsm/renderers/CSS3DRenderer");require("./OutlineHelper.js");