@soonspacejs/plugin-drag-controls 2.11.68 → 2.11.69

package/dist/index.d.ts

@@ -2,7 +2,6 @@ import SoonSpace from 'soonspacejs';
 import { DragControls } from 'three/examples/jsm/controls/DragControls.js';
 import { Object3D } from 'three';
 export interface StartOptions {
-    objects: Object3D[];
     dragStart?: (object: Object3D) => void;
     drag?: (object: Object3D) => void;
     dragEnd?: (object: Object3D) => void;
@@ -11,7 +10,7 @@ declare class DragControlsPlugin {
     controls: DragControls | null;
     viewport: SoonSpace['viewport'];
     constructor(ssp: SoonSpace);
-    start(options: StartOptions): void;
+    start(objects: Object3D[], options?: StartOptions): void;
     stop(): void;
 }
 export default DragControlsPlugin;

package/dist/index.esm.js

@@ -1 +1 @@
-import{Plane as t,Vector2 as e,Vector3 as n,Matrix4 as o,Controls as s,Raycaster as i,MOUSE as r,TOUCH as a}from"three";const l=new t,c=new e,h=new n,d=new e,u=new e,m=new n,p=new n,v=new o,E=new n,b=new n;let w=null;const y=[],P=-1,_=0,j=1;class L extends s{constructor(t,e,n=null){super(e,n),this.objects=t,this.objectSet=new WeakSet(Object.values(t)),this.recursive=!0,this.transformGroup=!1,this.rotateSpeed=1,this.raycaster=new i,this.mouseButtons={LEFT:r.PAN,MIDDLE:r.PAN,RIGHT:r.ROTATE},this.touches={ONE:a.PAN},this._onPointerMove=x.bind(this),this._onPointerDown=g.bind(this),this._onPointerCancel=f.bind(this),null!==n&&this.connect()}connect(){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();c.x=(t.clientX-e.left)/e.width*2-1,c.y=-(t.clientY-e.top)/e.height*2+1}_updateState(t){let e;if("touch"===t.pointerType)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 r.PAN:case a.PAN:this.state=_;break;case r.ROTATE:case a.ROTATE:this.state=j;break;default:this.state=P}}}function x(t){const e=this.object;this.domElement;const n=this.raycaster;!1!==this.enabled&&(this._updatePointer(t),n.setFromCamera(c,e),w&&(this.state===_?n.ray.intersectPlane(l,m)&&w.position.copy(m.sub(h).applyMatrix4(v)):this.state===j&&(d.subVectors(c,u).multiplyScalar(this.rotateSpeed),w.rotateOnWorldAxis(E,d.x),w.rotateOnWorldAxis(b.normalize(),-d.y)),this.dispatchEvent({type:"drag",object:w}),u.copy(c)),u.copy(c))}function g(t){const e=this.object,n=this.domElement,o=this.raycaster;if(!1!==this.enabled){var s;if(this._updatePointer(t),this._updateState(t),y.length=0,o.setFromCamera(c,e),o.intersectObjects(this.objects,this.recursive,y),y.length>0)w=null!==(s=A(y[0].object,this.objectSet))&&void 0!==s?s:y[0].object,l.setFromNormalAndCoplanarPoint(e.getWorldDirection(l.normal),p.setFromMatrixPosition(w.matrixWorld)),o.ray.intersectPlane(l,m)&&(this.state===_?(v.copy(w.parent.matrixWorld).invert(),h.copy(m).sub(p.setFromMatrixPosition(w.matrixWorld))):this.state===j&&(E.set(0,1,0).applyQuaternion(e.quaternion).normalize(),b.set(1,0,0).applyQuaternion(e.quaternion).normalize())),n.style.cursor="move",this.dispatchEvent({type:"dragstart",object:w});u.copy(c)}}function f(){!1!==this.enabled&&(w&&(this.dispatchEvent({type:"dragend",object:w}),w=null),this.domElement.style.cursor="auto",this.state=P)}function A(t,e){return e.has(t)?t:null===t.parent?null:A(t.parent,e)}class C{constructor(t){this.controls=null,this.viewport=t.viewport}start(t){var e,n,o;if(!this.controls){const{objects:s,dragStart:i,drag:r,dragEnd:a}=t;this.controls=new L(s,this.viewport.camera,this.viewport.container),null===(e=this.controls)||void 0===e||e.addEventListener("dragstart",(t=>{this.viewport.controls.enabled=!1,null==i||i(t.object)})),null===(n=this.controls)||void 0===n||n.addEventListener("drag",(t=>{this.viewport.render(),null==r||r(t.object)})),null===(o=this.controls)||void 0===o||o.addEventListener("dragend",(t=>{this.viewport.controls.enabled=!0,null==a||a(t.object)}))}}stop(){this.controls&&(this.controls.dispose(),this.controls=null)}}export{C as default};
+import{Plane as t,Vector2 as e,Vector3 as n,Matrix4 as o,Controls as s,Raycaster as i,MOUSE as r,TOUCH as a}from"three";const l=new t,h=new e,c=new n,d=new e,u=new e,m=new n,p=new n,E=new o,v=new n,b=new n;let w=null;const y=[],P=-1,_=0,L=1;class x extends s{constructor(t,e,n=null){super(e,n),this.objects=t,this.objectSet=new WeakSet(t),this.poiNodeSet=new Set,t.forEach((t=>{"PoiNode"===t.stype&&this.poiNodeSet.add(t)})),this.recursive=!0,this.transformGroup=!1,this.rotateSpeed=1,this.raycaster=new i,this.mouseButtons={LEFT:r.PAN,MIDDLE:r.PAN,RIGHT:r.ROTATE},this.touches={ONE:a.PAN},this._onPointerMove=f.bind(this),this._onPointerDown=g.bind(this),this._onPointerCancel=S.bind(this),null!==n&&this.connect()}connect(){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",this.domElement.style.userSelect="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.userSelect="auto",this.domElement.style.cursor=""}dispose(){this.disconnect()}_updatePointer(t){const e=this.domElement.getBoundingClientRect();h.x=(t.clientX-e.left)/e.width*2-1,h.y=-(t.clientY-e.top)/e.height*2+1}_updateState(t){let e;if("touch"===t.pointerType)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 r.PAN:case a.PAN:this.state=_;break;case r.ROTATE:case a.ROTATE:this.state=L;break;default:this.state=P}}}function f(t){const e=this.object;this.domElement;const n=this.raycaster;!1!==this.enabled&&(this._updatePointer(t),n.setFromCamera(h,e),w&&(this.state===_?n.ray.intersectPlane(l,m)&&w.position.copy(m.sub(c).applyMatrix4(E)):this.state===L&&(d.subVectors(h,u).multiplyScalar(this.rotateSpeed),w.rotateOnWorldAxis(v,d.x),w.rotateOnWorldAxis(b.normalize(),-d.y)),this.dispatchEvent({type:"drag",object:w}),u.copy(h)),u.copy(h))}function g(t){const e=this.object,n=this.domElement,o=this.raycaster;if(!1===this.enabled)return;this._updatePointer(t),this._updateState(t),y.length=0;let s=null;var i;(this.poiNodeSet.forEach((e=>{e.element.contains(t.target)&&(s=e)})),s||(o.setFromCamera(h,e),o.intersectObjects(this.objects,this.recursive,y),s=y[0]?y[0].object:null),s)&&(w=null!==(i=j(s,this.objectSet))&&void 0!==i?i:s,l.setFromNormalAndCoplanarPoint(e.getWorldDirection(l.normal),p.setFromMatrixPosition(w.matrixWorld)),o.ray.intersectPlane(l,m)&&(this.state===_?(E.copy(w.parent.matrixWorld).invert(),c.copy(m).sub(p.setFromMatrixPosition(w.matrixWorld))):this.state===L&&(v.set(0,1,0).applyQuaternion(e.quaternion).normalize(),b.set(1,0,0).applyQuaternion(e.quaternion).normalize())),n.style.cursor="move",this.dispatchEvent({type:"dragstart",object:w}));u.copy(h)}function S(){!1!==this.enabled&&(w&&(this.dispatchEvent({type:"dragend",object:w}),w=null),this.domElement.style.cursor="auto",this.state=P)}function j(t,e){return e.has(t)?t:null===t.parent?null:j(t.parent,e)}class A{constructor(t){this.controls=null,this.viewport=t.viewport}start(t,e={}){var n,o,s;if(!this.controls){const{dragStart:i,drag:r,dragEnd:a}=e;this.controls=new x(t,this.viewport.camera,this.viewport.container),null===(n=this.controls)||void 0===n||n.addEventListener("dragstart",(t=>{this.viewport.controls.enabled=!1,null==i||i(t.object)})),null===(o=this.controls)||void 0===o||o.addEventListener("drag",(t=>{this.viewport.render(),null==r||r(t.object)})),null===(s=this.controls)||void 0===s||s.addEventListener("dragend",(t=>{this.viewport.controls.enabled=!0,null==a||a(t.object)}))}}stop(){this.controls&&(this.controls.dispose(),this.controls=null)}}export{A as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soonspacejs/plugin-drag-controls",
   "pluginName": "Drag Controls Plugin",
-  "version": "2.11.68",
+  "version": "2.11.69",
   "description": "Drag Controls Plugin plugin for SoonSpace.js",
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",
@@ -13,8 +13,8 @@
   ],
   "author": "xunwei",
   "license": "UNLICENSED",
-  "gitHead": "2d0ffb4b53484c1192762c995b8f926615d81372",
+  "gitHead": "b7e6e7d5ff9694689741a2c42db1f800da5cca3a",
   "peerDependencies": {
-    "soonspacejs": "2.11.68"
+    "soonspacejs": "2.11.69"
   }
 }