@anov/3d 0.0.1-alpha.6 → 0.0.1-alpha.8

package/dist/core/camera.js

@@ -20,7 +20,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { BufferGeometry, CatmullRomCurve3, Line, LineBasicMaterial, PerspectiveCamera as TPerspectiveCamera } from 'three';
 import { Direction, moveTo, moveWithLine } from "../utils/move";
-import globalObjectManage from "./global";
+import globalObjectManage from "./global/global";
 var PerspectiveCamera = /*#__PURE__*/function (_TPerspectiveCamera) {
   _inherits(PerspectiveCamera, _TPerspectiveCamera);
   var _super = _createSuper(PerspectiveCamera);

package/dist/core/control/transformControls.d.ts

@@ -0,0 +1,12 @@
+import { TransformControls as TTransformControls } from 'three/examples/jsm/controls/TransformControls.js';
+import type { Camera } from 'three';
+export declare class TransformControls extends TTransformControls {
+    constructor(object: Camera, domElement?: HTMLElement);
+    dispose(): void;
+}
+/**
+ * create TransformControls
+ * note: 不可使用await，否则会导致渲染器无法完成初始化
+ * @returns
+ */
+export declare const createTransformControls: (size?: number) => Promise<TransformControls>;

package/dist/core/control/transformControls.js

@@ -0,0 +1,72 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { TransformControls as TTransformControls } from 'three/examples/jsm/controls/TransformControls.js';
+import globalObjectManage from "../global/global";
+import { emitter } from "../../utils";
+export var TransformControls = /*#__PURE__*/function (_TTransformControls) {
+  _inherits(TransformControls, _TTransformControls);
+  var _super = _createSuper(TransformControls);
+  function TransformControls(object, domElement) {
+    _classCallCheck(this, TransformControls);
+    return _super.call(this, object, domElement);
+  }
+  _createClass(TransformControls, [{
+    key: "dispose",
+    value: function dispose() {
+      var _this = this;
+      _get(_getPrototypeOf(TransformControls.prototype), "dispose", this).call(this);
+      var index = globalObjectManage.transformControls.findIndex(function (item) {
+        return item === _this;
+      });
+      if (index > -1) globalObjectManage.transformControls.splice(index, 1);
+    }
+  }]);
+  return TransformControls;
+}(TTransformControls);
+var create = function create() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.5;
+  var transformControl = new TransformControls(globalObjectManage.camera, globalObjectManage.domElement);
+  transformControl.size = size;
+  transformControl.addEventListener('change', function () {});
+  transformControl.addEventListener('dragging-changed', function (event) {
+    var controls = globalObjectManage.orbitControls;
+    if (controls) controls.enabled = !event.value;
+  });
+  globalObjectManage.setTransformControls(transformControl);
+
+  // maybe many controls
+  globalObjectManage.scene.add(transformControl);
+  return transformControl;
+};
+
+/**
+ * create TransformControls
+ * note: 不可使用await，否则会导致渲染器无法完成初始化
+ * @returns
+ */
+export var createTransformControls = function createTransformControls() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.5;
+  var promise = new Promise(function (resolve) {
+    if (!(globalObjectManage.camera && globalObjectManage.domElement)) {
+      emitter.on('after-render', function () {
+        resolve(create(size));
+      });
+    } else {
+      resolve(create(size));
+    }
+  });
+  return promise;
+};

package/dist/core/global/global.d.ts

@@ -0,0 +1,24 @@
+import type { Scene } from 'three';
+import type { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+import type { TransformControls } from '../control/transformControls';
+import type { PerspectiveCamera } from '../camera';
+declare class GlobalObjectManage {
+    scene: Scene | null;
+    triggerClick: boolean;
+    camera: PerspectiveCamera | null;
+    domElement: HTMLElement | null;
+    orbitControls: OrbitControls | null;
+    transformControls: TransformControls[];
+    frameCallbacks: Set<() => void>;
+    constructor();
+    addScene(object3d: Scene): void;
+    setCamera(camera: PerspectiveCamera): void;
+    setDomElement(domElement: HTMLElement): void;
+    setOrbitControls(orbitControls: OrbitControls): void;
+    setTransformControls(transformControls: TransformControls): void;
+    setTriggerClickState(state: boolean): void;
+    addFrameCallback(cb: () => void): void;
+    removeFrameCallback(cb: () => void): void;
+}
+declare const _default: GlobalObjectManage;
+export default _default;

package/dist/core/{global.js → global/global.js}

@@ -6,21 +6,58 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var GlobalObjectManage = /*#__PURE__*/function () {
+  // hooks callback
+
   function GlobalObjectManage() {
     _classCallCheck(this, GlobalObjectManage);
     _defineProperty(this, "scene", null);
     _defineProperty(this, "triggerClick", false);
+    _defineProperty(this, "camera", null);
+    _defineProperty(this, "domElement", null);
+    _defineProperty(this, "orbitControls", null);
+    _defineProperty(this, "transformControls", []);
+    _defineProperty(this, "frameCallbacks", new Set());
   }
   _createClass(GlobalObjectManage, [{
     key: "addScene",
     value: function addScene(object3d) {
       this.scene = object3d;
     }
+  }, {
+    key: "setCamera",
+    value: function setCamera(camera) {
+      this.camera = camera;
+    }
+  }, {
+    key: "setDomElement",
+    value: function setDomElement(domElement) {
+      this.domElement = domElement;
+    }
+  }, {
+    key: "setOrbitControls",
+    value: function setOrbitControls(orbitControls) {
+      this.orbitControls = orbitControls;
+    }
+  }, {
+    key: "setTransformControls",
+    value: function setTransformControls(transformControls) {
+      this.transformControls.push(transformControls);
+    }
   }, {
     key: "setTriggerClickState",
     value: function setTriggerClickState(state) {
       this.triggerClick = state;
     }
+  }, {
+    key: "addFrameCallback",
+    value: function addFrameCallback(cb) {
+      this.frameCallbacks.add(cb);
+    }
+  }, {
+    key: "removeFrameCallback",
+    value: function removeFrameCallback(cb) {
+      this.frameCallbacks.delete(cb);
+    }
   }]);
   return GlobalObjectManage;
 }();

package/dist/core/group.d.ts

@@ -20,7 +20,25 @@ declare class Group extends TGroup {
      */
     removeAllNatureEventListener(): void;
     /**
-     * 由子孙向上冒泡触发
+   * handle intersect event
+   * @param intersects
+   * @param eventType
+   */
+    private handleClick;
+    /**
+     * handle pointermove event
+     * @param intersects
+     * @param natureEvent
+     */
+    private handlePointerMove;
+    /**
+     * handle pointerleave event
+     * @param intersects
+     * @param natureEvent
+     */
+    private handlePointerleave;
+    /**
+     * raycastGroup
      * handle intersect event
      */
     raycastGroup(): void;

package/dist/core/group.js

@@ -13,6 +13,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { Group as TGroup } from 'three';
+import globalObjectManage from "./global/global";
 var Group = /*#__PURE__*/function (_TGroup) {
   _inherits(Group, _TGroup);
   var _super = _createSuper(Group);
@@ -62,13 +63,64 @@ var Group = /*#__PURE__*/function (_TGroup) {
     }
 
     /**
-     * 由子孙向上冒泡触发
+    * handle intersect event
+    * @param intersects
+    * @param eventType
+    */
+  }, {
+    key: "handleClick",
+    value: function handleClick(natureEvent) {
+      if (!globalObjectManage.triggerClick) return;
+
+      // get nature event
+      natureEvent.forEach(function (handlefn) {
+        // handlefn(this)
+      });
+    }
+
+    /**
+     * handle pointermove event
+     * @param intersects
+     * @param natureEvent
+     */
+  }, {
+    key: "handlePointerMove",
+    value: function handlePointerMove(natureEvent) {
+      natureEvent.forEach(function (handlefn) {
+        // handlefn(this)
+      });
+    }
+
+    /**
+     * handle pointerleave event
+     * @param intersects
+     * @param natureEvent
+     */
+  }, {
+    key: "handlePointerleave",
+    value: function handlePointerleave() {
+      var pointerleaveCallback = this.natureEventMap.get('pointerleave');
+      pointerleaveCallback && pointerleaveCallback.length > 0 && pointerleaveCallback.forEach(function (handlefn) {
+        // handlefn(this)
+      });
+    }
+
+    /**
+     * raycastGroup
      * handle intersect event
      */
   }, {
     key: "raycastGroup",
     value: function raycastGroup() {
-      //
+      // const clickCallback = this.natureEventMap.get('click')
+      // const pointerupCallback = this.natureEventMap.get('pointerup')
+      // const pointerdownCallback = this.natureEventMap.get('pointerdown')
+      // const pointermoveCallback = this.natureEventMap.get('pointermove')
+
+      // clickCallback && clickCallback.length > 0 && this.handleClick(clickCallback)
+      // pointerupCallback && pointerupCallback.length > 0 && this.handleClick(pointerupCallback)
+      // pointerdownCallback && pointerdownCallback.length > 0 && this.handleClick(pointerdownCallback)
+      // pointermoveCallback && pointermoveCallback.length > 0 && this.handlePointerMove(pointermoveCallback)
     }
   }]);
   return Group;

package/dist/core/line.d.ts

@@ -0,0 +1,13 @@
+import { CatmullRomCurve3, Line, Vector3 } from 'three';
+import type { TransformControls } from './control/transformControls';
+declare type CatmullRomCurve3WithMesh = CatmullRomCurve3 & {
+    mesh: Line;
+};
+/**
+ * 可控制曲线
+ * @param points
+ * @param transformControl
+ * @returns
+ */
+export declare const createControlLine: (points: Vector3[], transformControl: TransformControls) => CatmullRomCurve3WithMesh;
+export {};

package/dist/core/line.js

@@ -0,0 +1,61 @@
+import { BoxGeometry, BufferAttribute, BufferGeometry, CatmullRomCurve3, Line, LineBasicMaterial, MeshBasicMaterial, Vector3 } from 'three';
+import Mesh from "./mesh";
+import globalObjectManage from "./global/global";
+var point = new Vector3(0, 0, 0);
+var createSplineControlObject3d = function createSplineControlObject3d(position, transformControl) {
+  var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  var depth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+  var boxGeometry = new BoxGeometry(width, height, depth);
+  var material = new MeshBasicMaterial({
+    color: Math.random() * 0xFFFFFF
+  });
+  var object = new Mesh(boxGeometry, material);
+  object.addNatureEventListener('pointermove', function (mesh) {
+    transformControl.attach(mesh);
+  });
+  object.position.copy(position);
+  globalObjectManage.scene.add(object);
+  return object;
+};
+var createCatmullRomCurve3 = function createCatmullRomCurve3(positions) {
+  var geometry = new BufferGeometry();
+  geometry.setAttribute('position', new BufferAttribute(new Float32Array(200 * 3), 3));
+  var curve = new CatmullRomCurve3(positions);
+  curve.mesh = new Line(geometry.clone(), new LineBasicMaterial({
+    color: 'red',
+    opacity: 1
+  }));
+  return curve;
+};
+var updateCatmullRomCurve3 = function updateCatmullRomCurve3(curve) {
+  var splineMesh = curve.mesh;
+  var position = splineMesh.geometry.attributes.position;
+
+  // update 200 points
+  for (var i = 0; i < 200; i++) {
+    var t = i / (200 - 1);
+    curve.getPoint(t, point);
+    position.setXYZ(i, point.x, point.y, point.z);
+  }
+  position.needsUpdate = true;
+};
+
+/**
+ * 可控制曲线
+ * @param points
+ * @param transformControl
+ * @returns
+ */
+export var createControlLine = function createControlLine(points, transformControl) {
+  var splineControlObject3d = [];
+  points.forEach(function (point) {
+    splineControlObject3d.push(createSplineControlObject3d(point, transformControl));
+  });
+  var curve = createCatmullRomCurve3(points);
+  updateCatmullRomCurve3(curve);
+  transformControl.addEventListener('objectChange', function () {
+    updateCatmullRomCurve3(curve);
+  });
+  return curve;
+};

package/dist/core/mesh.d.ts

@@ -39,6 +39,10 @@ declare class Mesh extends TMesh {
      * @param natureEvent
      */
     private handlePointerleave;
+    /**
+     * bubbling
+     */
+    private bubbling;
     /**
      * handle mesh raycaster
      * @param raycaster

package/dist/core/mesh.js

@@ -15,7 +15,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { Mesh as TMesh } from 'three';
-import globalObjectManage from "./global";
+import { getObject3dAncestorsNodes } from "../utils";
+import Group from "./group";
+import globalObjectManage from "./global/global";
 var Mesh = /*#__PURE__*/function (_TMesh) {
   _inherits(Mesh, _TMesh);
   var _super = _createSuper(Mesh);
@@ -111,6 +113,18 @@ var Mesh = /*#__PURE__*/function (_TMesh) {
       });
     }
 
+    /**
+     * bubbling
+     */
+  }, {
+    key: "bubbling",
+    value: function bubbling() {
+      var ancestorsNodes = getObject3dAncestorsNodes(this);
+      ancestorsNodes.forEach(function (node) {
+        if (node instanceof Group) node.raycastGroup();
+      });
+    }
+
     /**
      * handle mesh raycaster
      * @param raycaster
@@ -129,6 +143,10 @@ var Mesh = /*#__PURE__*/function (_TMesh) {
       var object = intersect && intersect.object;
       if (object === this) {
         this.entered = true;
+
+        // bubbling
+        // this.bubbling()
+
         clickCallback && clickCallback.length > 0 && this.handleClick(clickCallback, intersect);
         pointerupCallback && pointerupCallback.length > 0 && this.handleClick(pointerupCallback, intersect);
         pointerdownCallback && pointerdownCallback.length > 0 && this.handleClick(pointerdownCallback, intersect);

package/dist/core/model.js

@@ -24,6 +24,8 @@ var ModelLoader = /*#__PURE__*/function () {
     function loadGLTF(url, onLoad, onProgress, onError) {
       var loader = new GLTFLoader();
       var dracoLoader = new DRACOLoader();
+
+      // todo: 调优
       dracoLoader.setDecoderPath('./draco/');
       dracoLoader.setDecoderConfig({
         type: 'js'

package/dist/core/scene.js

@@ -8,9 +8,11 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { ACESFilmicToneMapping, AmbientLight, Raycaster, Scene as TScene, Vector2, Vector3, WebGLRenderer } from 'three';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
 import * as TWEEN from '@tweenjs/tween.js';
+import { emitter } from "../utils";
+import Mesh from "./mesh";
 import Cssrenderer from "./cssRenderer";
-import globalControl from "./globalControl";
-import globalObjectManage from "./global";
+import globalControl from "./global/globalControl";
+import globalObjectManage from "./global/global";
 import { PerspectiveCamera } from "./camera";
 var Scene = /*#__PURE__*/function () {
   function Scene(opts) {
@@ -39,6 +41,7 @@ var Scene = /*#__PURE__*/function () {
     value: function defaultInit() {
       var camera = this.initDefaultPerspectiveCamera();
       this.camera = camera;
+      globalObjectManage.setCamera(camera);
       this.scene.add(camera);
       var renderer = this.initRenderer();
       this.renderer = renderer;
@@ -101,7 +104,7 @@ var Scene = /*#__PURE__*/function () {
     key: "initDefaultPerspectiveCamera",
     value: function initDefaultPerspectiveCamera() {
       var rendererOps = this.opts.defCameraOps || {};
-      var camera = new PerspectiveCamera(rendererOps.fov || 90, window.innerWidth / window.innerHeight, rendererOps.near || 0.1, rendererOps.far || 1000);
+      var camera = new PerspectiveCamera(rendererOps.fov || 90, window.innerWidth / window.innerHeight, rendererOps.near || 0.1, rendererOps.far || 5000);
       var position = rendererOps.position || new Vector3(0, 10, 10);
       camera.position.set(position.x, position.y, position.z);
       return camera;
@@ -134,6 +137,9 @@ var Scene = /*#__PURE__*/function () {
       var _this = this;
       if (!this.renderer || !this.scene || !this.camera) throw new Error('scene or camera or renderer is not init');
       if (frameAnimate) frameAnimate(this.renderer);
+      if (globalObjectManage.frameCallbacks.size > 0) globalObjectManage.frameCallbacks.forEach(function (cb) {
+        cb();
+      });
       globalControl.update();
       TWEEN.update();
       this.renderer.render(this.scene, this.camera);
@@ -161,7 +167,12 @@ var Scene = /*#__PURE__*/function () {
     key: "updateRaycaster",
     value: function updateRaycaster() {
       this.raycaster.setFromCamera(this.pointer, this.camera);
-      this.raycaster.intersectObjects(this.scene.children);
+
+      // need expand
+      var object3ds = this.scene.children.filter(function (item) {
+        return item instanceof Mesh;
+      });
+      this.raycaster.intersectObjects(object3ds);
     }
   }, {
     key: "getPointerPosition",
@@ -178,6 +189,12 @@ var Scene = /*#__PURE__*/function () {
     key: "onPointerPointerup",
     value: function onPointerPointerup(event) {
       globalObjectManage.setTriggerClickState(false);
+      var transformControls = globalObjectManage.transformControls;
+      if (transformControls.length > 0) {
+        transformControls.forEach(function (transformControl) {
+          transformControl.detach();
+        });
+      }
       this.getPointerPosition(event);
       this.updateRaycaster();
     }
@@ -241,19 +258,26 @@ var Scene = /*#__PURE__*/function () {
     key: "render",
     value: function render(target) {
       var _this3 = this;
+      emitter.emit('before-render');
       var currentControlDom = null;
+      var domElement = this.renderer.domElement;
       if (this.cssRenderer) {
         currentControlDom = this.cssRenderer.cssRenderer.domElement;
         target.appendChild(currentControlDom);
         currentControlDom.style.position = 'absolute';
         currentControlDom.style.top = '0';
       }
-      if (this.opts.orbitControls) this.controls = new OrbitControls(this.camera, currentControlDom || this.renderer.domElement);
-      target.appendChild(this.renderer.domElement);
-      this.registerEvent(currentControlDom || this.renderer.domElement);
+      if (this.opts.orbitControls) {
+        this.controls = new OrbitControls(this.camera, currentControlDom || domElement);
+        globalObjectManage.setOrbitControls(this.controls);
+      }
+      globalObjectManage.setDomElement(currentControlDom || domElement);
+      target.appendChild(domElement);
+      this.registerEvent(currentControlDom || domElement);
       target.addEventListener('resize', function () {
         return _this3.resetScene(_this3.camera, _this3.renderer);
       });
+      emitter.emit('after-render');
     }
   }, {
     key: "destroy",

package/dist/core/use/useframe.d.ts

@@ -0,0 +1,6 @@
+/**
+ * frame hook
+ * @param cb
+ */
+declare const useframe: (cb: () => void) => () => void;
+export default useframe;

package/dist/core/use/useframe.js

@@ -0,0 +1,11 @@
+import globalObjectManage from "../global/global";
+
+/**
+ * frame hook
+ * @param cb
+ */
+var useframe = function useframe(cb) {
+  globalObjectManage.addFrameCallback(cb);
+  return globalObjectManage.removeFrameCallback.bind(globalObjectManage, cb);
+};
+export default useframe;

package/dist/export.d.ts

@@ -4,7 +4,10 @@ import { PerspectiveCamera } from './core/camera';
 import ModelLoader from './core/model';
 import { ModelType } from './commonEnu';
 import { createLabel } from './utils/createLabel';
+import { createControlLine } from './core/line';
+import { TransformControls, createTransformControls } from './core/control/transformControls';
 import { Direction } from './utils/move';
+import globalObjectManage from './core/global/global';
 declare const utils: {
     moveTo: (currentObject3D: import("three").Object3D<import("three").Event>, targetObject3D: import("three").Object3D<import("three").Event>, distance: number, direction: Direction, duration?: number | undefined, animationMethod?: string | undefined) => import("@tweenjs/tween.js").Tween<import("three").Vector3>;
     moveLine: (currentObject3D: import("three").Object3D<import("three").Event>, targetObject3D: import("three").Object3D<import("three").Event>) => void;
@@ -23,6 +26,9 @@ declare const dom: {
         [key: string]: () => void;
     } | undefined) => void;
 };
+declare const use: {
+    useframe: (cb: () => void) => () => void;
+};
 export * from 'three';
 export * from './threeCell';
-export { Scene, Mesh, PerspectiveCamera, ModelLoader, createLabel, ModelType, Direction, utils, dom, };
+export { Scene, Mesh, PerspectiveCamera, ModelLoader, TransformControls, createControlLine, createLabel, ModelType, Direction, createTransformControls, utils, dom, use, globalObjectManage, };

package/dist/export.js

@@ -5,8 +5,12 @@ import { PerspectiveCamera } from "./core/camera";
 import ModelLoader from "./core/model";
 import { ModelType } from "./commonEnu";
 import { createLabel } from "./utils/createLabel";
+import { createControlLine } from "./core/line";
+import { TransformControls, createTransformControls } from "./core/control/transformControls";
 import { Direction, moveLine, moveTo, moveWithLine, moveWithRound } from "./utils/move";
 import { appendChildren, create, createElement, setAttributes, setClassList, setEventListeners } from "./utils/createElement";
+import globalObjectManage from "./core/global/global";
+import useframe from "./core/use/useframe";
 var utils = {
   moveTo: moveTo,
   moveLine: moveLine,
@@ -21,6 +25,9 @@ var dom = {
   setClassList: setClassList,
   setEventListeners: setEventListeners
 };
+var use = {
+  useframe: useframe
+};
 export * from 'three';
 export * from "./threeCell";
-export { Scene, Mesh, PerspectiveCamera, ModelLoader, createLabel, ModelType, Direction, utils, dom };
+export { Scene, Mesh, PerspectiveCamera, ModelLoader, TransformControls, createControlLine, createLabel, ModelType, Direction, createTransformControls, utils, dom, use, globalObjectManage };

package/dist/threeCell.d.ts

@@ -3,3 +3,6 @@ export { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
 export { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
 export { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer';
 export { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
+export { LineGeometry } from 'three/examples/jsm/lines/LineGeometry';
+export { LineMaterial } from 'three/examples/jsm/lines/LineMaterial';
+export { Line2 } from 'three/examples/jsm/lines/Line2';

package/dist/threeCell.js

@@ -7,4 +7,10 @@ export { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
 
 // renderer
 export { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer';
-export { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
+export { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
+
+// line
+
+export { LineGeometry } from 'three/examples/jsm/lines/LineGeometry';
+export { LineMaterial } from 'three/examples/jsm/lines/LineMaterial';
+export { Line2 } from 'three/examples/jsm/lines/Line2';

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+import type { Object3D } from 'three';
 import { Vector3 } from 'three';
 export declare const emitter: {
     on: {
@@ -14,9 +15,26 @@ export declare const emitter: {
     };
     all: import("mitt").EventHandlerMap<Record<import("mitt").EventType, unknown>>;
 };
+interface Node {
+    children?: Node[];
+    [k: string]: any;
+}
 /**
- * 鼠标点转换为3D点
- * todo: bugfix
+ * get ancestors nodes
+ * @param array
+ * @param targetId
+ * @param key
+ * @returns
+ */
+export declare const getAncestorsNodes: <T extends Node>(array: T[], targetId: string | number, key?: string) => T[];
+/**
+ * get object3d ancestors nodes
+ * @param object3d
+ * @returns
+ */
+export declare const getObject3dAncestorsNodes: (object3d: Object3D) => Object3D<import("three").Event>[];
+/**
+ * mousePointTo3DPoint
  * @param mouseX
  * @param mouseY
  * @param camera
@@ -24,3 +42,4 @@ export declare const emitter: {
  * @returns
  */
 export declare const mousePointTo3DPoint: (mouseX: number, mouseY: number, camera: THREE.Camera, renderer: THREE.WebGLRenderer) => Vector3;
+export {};