@xiping/react-components 1.0.19 → 1.0.21

package/dist/es/node_modules/.pnpm/three@0.178.0/node_modules/three/examples/jsm/controls/DragControls.js

@@ -0,0 +1,116 @@
+import "../../../build/three.module.js";
+import { Controls as C, Raycaster as g, MOUSE as d, TOUCH as E, Vector2 as v, Plane as A, Vector3 as u, Matrix4 as j } from "../../../build/three.core.js";
+const l = new A(), r = new v(), y = new u(), f = new v(), m = new v(), p = new u(), b = new u(), P = new j(), T = new u(), _ = new u();
+let o = null, i = null;
+const a = [], c = {
+  NONE: -1,
+  PAN: 0,
+  ROTATE: 1
+};
+class L extends C {
+  /**
+   * Constructs a new controls instance.
+   *
+   * @param {Array<Object3D>} objects - An array of draggable 3D objects.
+   * @param {Camera} camera - The camera of the rendered scene.
+   * @param {?HTMLDOMElement} [domElement=null] - The HTML DOM element used for event listeners.
+   */
+  constructor(t, e, s = null) {
+    super(e, s), this.objects = t, this.recursive = !0, this.transformGroup = !1, this.rotateSpeed = 1, this.raycaster = new g(), this.mouseButtons = { LEFT: d.PAN, MIDDLE: d.PAN, RIGHT: d.ROTATE }, this.touches = { ONE: E.PAN }, this._onPointerMove = x.bind(this), this._onPointerDown = O.bind(this), this._onPointerCancel = D.bind(this), this._onContextMenu = R.bind(this), s !== null && this.connect(s);
+  }
+  connect(t) {
+    super.connect(t), this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointerup", this._onPointerCancel), this.domElement.addEventListener("pointerleave", this._onPointerCancel), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.style.touchAction = "none";
+  }
+  disconnect() {
+    this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.removeEventListener("pointerup", this._onPointerCancel), this.domElement.removeEventListener("pointerleave", this._onPointerCancel), this.domElement.removeEventListener("contextmenu", this._onContextMenu), this.domElement.style.touchAction = "auto", this.domElement.style.cursor = "";
+  }
+  dispose() {
+    this.disconnect();
+  }
+  _updatePointer(t) {
+    const e = this.domElement.getBoundingClientRect();
+    r.x = (t.clientX - e.left) / e.width * 2 - 1, r.y = -(t.clientY - e.top) / e.height * 2 + 1;
+  }
+  _updateState(t) {
+    let e;
+    if (t.pointerType === "touch")
+      e = this.touches.ONE;
+    else
+      switch (t.button) {
+        case 0:
+          e = this.mouseButtons.LEFT;
+          break;
+        case 1:
+          e = this.mouseButtons.MIDDLE;
+          break;
+        case 2:
+          e = this.mouseButtons.RIGHT;
+          break;
+        default:
+          e = null;
+      }
+    switch (e) {
+      case d.PAN:
+      case E.PAN:
+        this.state = c.PAN;
+        break;
+      case d.ROTATE:
+      case E.ROTATE:
+        this.state = c.ROTATE;
+        break;
+      default:
+        this.state = c.NONE;
+    }
+  }
+  getRaycaster() {
+    return console.warn("THREE.DragControls: getRaycaster() has been deprecated. Use controls.raycaster instead."), this.raycaster;
+  }
+  setObjects(t) {
+    console.warn("THREE.DragControls: setObjects() has been deprecated. Use controls.objects instead."), this.objects = t;
+  }
+  getObjects() {
+    return console.warn("THREE.DragControls: getObjects() has been deprecated. Use controls.objects instead."), this.objects;
+  }
+  activate() {
+    console.warn("THREE.DragControls: activate() has been renamed to connect()."), this.connect();
+  }
+  deactivate() {
+    console.warn("THREE.DragControls: deactivate() has been renamed to disconnect()."), this.disconnect();
+  }
+  set mode(t) {
+    console.warn("THREE.DragControls: The .mode property has been removed. Define the type of transformation via the .mouseButtons or .touches properties.");
+  }
+  get mode() {
+    console.warn("THREE.DragControls: The .mode property has been removed. Define the type of transformation via the .mouseButtons or .touches properties.");
+  }
+}
+function x(n) {
+  const t = this.object, e = this.domElement, s = this.raycaster;
+  if (this.enabled !== !1) {
+    if (this._updatePointer(n), s.setFromCamera(r, t), o)
+      this.state === c.PAN ? s.ray.intersectPlane(l, p) && o.position.copy(p.sub(y).applyMatrix4(P)) : this.state === c.ROTATE && (f.subVectors(r, m).multiplyScalar(this.rotateSpeed), o.rotateOnWorldAxis(T, f.x), o.rotateOnWorldAxis(_.normalize(), -f.y)), this.dispatchEvent({ type: "drag", object: o }), m.copy(r);
+    else if (n.pointerType === "mouse" || n.pointerType === "pen")
+      if (a.length = 0, s.setFromCamera(r, t), s.intersectObjects(this.objects, this.recursive, a), a.length > 0) {
+        const h = a[0].object;
+        l.setFromNormalAndCoplanarPoint(t.getWorldDirection(l.normal), b.setFromMatrixPosition(h.matrixWorld)), i !== h && i !== null && (this.dispatchEvent({ type: "hoveroff", object: i }), e.style.cursor = "auto", i = null), i !== h && (this.dispatchEvent({ type: "hoveron", object: h }), e.style.cursor = "pointer", i = h);
+      } else
+        i !== null && (this.dispatchEvent({ type: "hoveroff", object: i }), e.style.cursor = "auto", i = null);
+    m.copy(r);
+  }
+}
+function O(n) {
+  const t = this.object, e = this.domElement, s = this.raycaster;
+  this.enabled !== !1 && (this._updatePointer(n), this._updateState(n), a.length = 0, s.setFromCamera(r, t), s.intersectObjects(this.objects, this.recursive, a), a.length > 0 && (this.transformGroup === !0 ? o = w(a[0].object) : o = a[0].object, l.setFromNormalAndCoplanarPoint(t.getWorldDirection(l.normal), b.setFromMatrixPosition(o.matrixWorld)), s.ray.intersectPlane(l, p) && (this.state === c.PAN ? (P.copy(o.parent.matrixWorld).invert(), y.copy(p).sub(b.setFromMatrixPosition(o.matrixWorld))) : this.state === c.ROTATE && (T.set(0, 1, 0).applyQuaternion(t.quaternion).normalize(), _.set(1, 0, 0).applyQuaternion(t.quaternion).normalize())), e.style.cursor = "move", this.dispatchEvent({ type: "dragstart", object: o })), m.copy(r));
+}
+function D() {
+  this.enabled !== !1 && (o && (this.dispatchEvent({ type: "dragend", object: o }), o = null), this.domElement.style.cursor = i ? "pointer" : "auto", this.state = c.NONE);
+}
+function R(n) {
+  this.enabled !== !1 && n.preventDefault();
+}
+function w(n, t = null) {
+  return n.isGroup && (t = n), n.parent === null ? t : w(n.parent, t);
+}
+export {
+  L as DragControls
+};

package/dist/es/node_modules/.pnpm/three@0.178.0/node_modules/three/examples/jsm/controls/FlyControls.js

@@ -0,0 +1,188 @@
+import "../../../build/three.module.js";
+import { Controls as c, Vector3 as n, Quaternion as h } from "../../../build/three.core.js";
+const m = { type: "change" }, a = 1e-6, r = new h();
+class b extends c {
+  /**
+   * Constructs a new controls instance.
+   *
+   * @param {Object3D} object - The object that is managed by the controls.
+   * @param {?HTMLDOMElement} domElement - The HTML element used for event listeners.
+   */
+  constructor(o, t = null) {
+    super(o, t), this.movementSpeed = 1, this.rollSpeed = 5e-3, this.dragToLook = !1, this.autoForward = !1, this._moveState = { up: 0, down: 0, left: 0, right: 0, forward: 0, back: 0, pitchUp: 0, pitchDown: 0, yawLeft: 0, yawRight: 0, rollLeft: 0, rollRight: 0 }, this._moveVector = new n(0, 0, 0), this._rotationVector = new n(0, 0, 0), this._lastQuaternion = new h(), this._lastPosition = new n(), this._status = 0, this._onKeyDown = _.bind(this), this._onKeyUp = d.bind(this), this._onPointerMove = l.bind(this), this._onPointerDown = v.bind(this), this._onPointerUp = f.bind(this), this._onPointerCancel = p.bind(this), this._onContextMenu = w.bind(this), t !== null && this.connect(t);
+  }
+  connect(o) {
+    super.connect(o), window.addEventListener("keydown", this._onKeyDown), window.addEventListener("keyup", this._onKeyUp), this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointerup", this._onPointerUp), this.domElement.addEventListener("pointercancel", this._onPointerCancel), this.domElement.addEventListener("contextmenu", this._onContextMenu);
+  }
+  disconnect() {
+    window.removeEventListener("keydown", this._onKeyDown), window.removeEventListener("keyup", this._onKeyUp), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.domElement.removeEventListener("pointercancel", this._onPointerCancel), this.domElement.removeEventListener("contextmenu", this._onContextMenu);
+  }
+  dispose() {
+    this.disconnect();
+  }
+  update(o) {
+    if (this.enabled === !1) return;
+    const t = this.object, i = o * this.movementSpeed, s = o * this.rollSpeed;
+    t.translateX(this._moveVector.x * i), t.translateY(this._moveVector.y * i), t.translateZ(this._moveVector.z * i), r.set(this._rotationVector.x * s, this._rotationVector.y * s, this._rotationVector.z * s, 1).normalize(), t.quaternion.multiply(r), (this._lastPosition.distanceToSquared(t.position) > a || 8 * (1 - this._lastQuaternion.dot(t.quaternion)) > a) && (this.dispatchEvent(m), this._lastQuaternion.copy(t.quaternion), this._lastPosition.copy(t.position));
+  }
+  // private
+  _updateMovementVector() {
+    const o = this._moveState.forward || this.autoForward && !this._moveState.back ? 1 : 0;
+    this._moveVector.x = -this._moveState.left + this._moveState.right, this._moveVector.y = -this._moveState.down + this._moveState.up, this._moveVector.z = -o + this._moveState.back;
+  }
+  _updateRotationVector() {
+    this._rotationVector.x = -this._moveState.pitchDown + this._moveState.pitchUp, this._rotationVector.y = -this._moveState.yawRight + this._moveState.yawLeft, this._rotationVector.z = -this._moveState.rollRight + this._moveState.rollLeft;
+  }
+  _getContainerDimensions() {
+    return this.domElement != document ? {
+      size: [this.domElement.offsetWidth, this.domElement.offsetHeight],
+      offset: [this.domElement.offsetLeft, this.domElement.offsetTop]
+    } : {
+      size: [window.innerWidth, window.innerHeight],
+      offset: [0, 0]
+    };
+  }
+}
+function _(e) {
+  if (!(e.altKey || this.enabled === !1)) {
+    switch (e.code) {
+      case "ShiftLeft":
+      case "ShiftRight":
+        this.movementSpeedMultiplier = 0.1;
+        break;
+      case "KeyW":
+        this._moveState.forward = 1;
+        break;
+      case "KeyS":
+        this._moveState.back = 1;
+        break;
+      case "KeyA":
+        this._moveState.left = 1;
+        break;
+      case "KeyD":
+        this._moveState.right = 1;
+        break;
+      case "KeyR":
+        this._moveState.up = 1;
+        break;
+      case "KeyF":
+        this._moveState.down = 1;
+        break;
+      case "ArrowUp":
+        this._moveState.pitchUp = 1;
+        break;
+      case "ArrowDown":
+        this._moveState.pitchDown = 1;
+        break;
+      case "ArrowLeft":
+        this._moveState.yawLeft = 1;
+        break;
+      case "ArrowRight":
+        this._moveState.yawRight = 1;
+        break;
+      case "KeyQ":
+        this._moveState.rollLeft = 1;
+        break;
+      case "KeyE":
+        this._moveState.rollRight = 1;
+        break;
+    }
+    this._updateMovementVector(), this._updateRotationVector();
+  }
+}
+function d(e) {
+  if (this.enabled !== !1) {
+    switch (e.code) {
+      case "ShiftLeft":
+      case "ShiftRight":
+        this.movementSpeedMultiplier = 1;
+        break;
+      case "KeyW":
+        this._moveState.forward = 0;
+        break;
+      case "KeyS":
+        this._moveState.back = 0;
+        break;
+      case "KeyA":
+        this._moveState.left = 0;
+        break;
+      case "KeyD":
+        this._moveState.right = 0;
+        break;
+      case "KeyR":
+        this._moveState.up = 0;
+        break;
+      case "KeyF":
+        this._moveState.down = 0;
+        break;
+      case "ArrowUp":
+        this._moveState.pitchUp = 0;
+        break;
+      case "ArrowDown":
+        this._moveState.pitchDown = 0;
+        break;
+      case "ArrowLeft":
+        this._moveState.yawLeft = 0;
+        break;
+      case "ArrowRight":
+        this._moveState.yawRight = 0;
+        break;
+      case "KeyQ":
+        this._moveState.rollLeft = 0;
+        break;
+      case "KeyE":
+        this._moveState.rollRight = 0;
+        break;
+    }
+    this._updateMovementVector(), this._updateRotationVector();
+  }
+}
+function v(e) {
+  if (this.enabled !== !1)
+    if (this.dragToLook)
+      this._status++;
+    else {
+      switch (e.button) {
+        case 0:
+          this._moveState.forward = 1;
+          break;
+        case 2:
+          this._moveState.back = 1;
+          break;
+      }
+      this._updateMovementVector();
+    }
+}
+function l(e) {
+  if (this.enabled !== !1 && (!this.dragToLook || this._status > 0)) {
+    const o = this._getContainerDimensions(), t = o.size[0] / 2, i = o.size[1] / 2;
+    this._moveState.yawLeft = -(e.pageX - o.offset[0] - t) / t, this._moveState.pitchDown = (e.pageY - o.offset[1] - i) / i, this._updateRotationVector();
+  }
+}
+function f(e) {
+  if (this.enabled !== !1) {
+    if (this.dragToLook)
+      this._status--, this._moveState.yawLeft = this._moveState.pitchDown = 0;
+    else {
+      switch (e.button) {
+        case 0:
+          this._moveState.forward = 0;
+          break;
+        case 2:
+          this._moveState.back = 0;
+          break;
+      }
+      this._updateMovementVector();
+    }
+    this._updateRotationVector();
+  }
+}
+function p() {
+  this.enabled !== !1 && (this.dragToLook ? (this._status = 0, this._moveState.yawLeft = this._moveState.pitchDown = 0) : (this._moveState.forward = 0, this._moveState.back = 0, this._updateMovementVector()), this._updateRotationVector());
+}
+function w(e) {
+  this.enabled !== !1 && e.preventDefault();
+}
+export {
+  b as FlyControls
+};