three-base 1.0.81 → 1.0.82

package/lib/threeUtils.js

@@ -4,82 +4,104 @@
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2023-03-16 14:34:49
  */
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { Box3, BufferGeometry, Clock, EventDispatcher, Object3D, Vector3 } from "three";
-class ThreeUtils extends EventDispatcher {
-    constructor() {
-        super();
-        this.requestAnimationFrame();
+var ThreeUtils = /** @class */ (function (_super) {
+    __extends(ThreeUtils, _super);
+    function ThreeUtils() {
+        var _this = _super.call(this) || this;
+        //@ts-ignore
+        _this.isProd = (process.env.NODE_ENV === "production");
+        //@ts-ignore
+        _this.isDev = (process.env.NODE_ENV === "development");
+        _this._timeTemp = performance.now();
+        _this._accumulate = 0; // 事件分发次数
+        _this._box3 = new Box3();
+        _this._size = new Vector3();
+        _this._center = new Vector3();
+        _this._clock = new Clock();
+        // 需要保持宽高比的元素列表
+        _this._keepZoomDoms = [];
+        _this.workList = [];
+        // 时钟对象
+        _this.clock = new Clock();
+        _this.requestAnimationFrame();
+        return _this;
     }
-    //@ts-ignore
-    isProd = (process.env.NODE_ENV === "production");
-    //@ts-ignore
-    isDev = (process.env.NODE_ENV === "development");
-    _timeTemp = performance.now();
-    _accumulate = 0; // 事件分发次数
-    _box3 = new Box3();
-    _size = new Vector3();
-    _center = new Vector3();
-    _clock = new Clock();
-    requestAnimationFrame() {
+    ThreeUtils.prototype.requestAnimationFrame = function () {
+        var _this = this;
         this._accumulate += 1;
-        const timeTemp = this._timeTemp = performance.now();
+        var timeTemp = this._timeTemp = performance.now();
         this.dispatchEvent({
             type: "requestAnimationFrame",
-            timeTemp,
+            timeTemp: timeTemp,
             accumulate: this._accumulate
         });
         this._computerDomZoom();
         //执行一个计划任务
-        let work = this.workList.splice(0, 1)[0];
+        var work = this.workList.splice(0, 1)[0];
         work && work();
-        setTimeout(() => {
-            this.requestAnimationFrame();
+        setTimeout(function () {
+            _this.requestAnimationFrame();
         }, 45 - this._clock.getDelta());
-    }
-    // 需要保持宽高比的元素列表
-    _keepZoomDoms = [];
+    };
     /**
      *计算需要保持比例的元素
      */
-    _computerDomZoom() {
+    ThreeUtils.prototype._computerDomZoom = function () {
+        var _this = this;
         //1. 踢除没有出现在页面上的 dom 元素
-        this._keepZoomDoms = this._keepZoomDoms.filter(l => this.inDocument(l.dom));
+        this._keepZoomDoms = this._keepZoomDoms.filter(function (l) { return _this.inDocument(l.dom); });
         //2.设置dom的缩放值样式
-        this._keepZoomDoms.map((item, i) => {
-            let parentDom = item.dom.parentNode;
-            let scale = Math.min(parentDom.clientWidth / item.width, parentDom.clientHeight / item.height);
+        this._keepZoomDoms.map(function (item, i) {
+            var parentDom = item.dom.parentNode;
+            var scale = Math.min(parentDom.clientWidth / item.width, parentDom.clientHeight / item.height);
             Object.assign(item.dom.style, {
                 position: "absolute",
                 top: "50%",
                 left: "50%",
-                transform: `translate(-50%, -50%) scale(${scale})`,
-                width: `${item.width}px`,
-                height: `${item.height}px`
+                transform: "translate(-50%, -50%) scale(".concat(scale, ")"),
+                width: "".concat(item.width, "px"),
+                height: "".concat(item.height, "px")
             });
         });
-    }
+    };
     /**
      * dom元素保持比例
      */
-    keepZoom(dom, width = 1920, height = 1080) {
+    ThreeUtils.prototype.keepZoom = function (dom, width, height) {
+        if (width === void 0) { width = 1920; }
+        if (height === void 0) { height = 1080; }
         if (dom) {
             // 去掉相同的dom存储的信息
-            this._keepZoomDoms = this._keepZoomDoms.filter(l => l.dom !== dom);
+            this._keepZoomDoms = this._keepZoomDoms.filter(function (l) { return l.dom !== dom; });
             // 把配置加入到列表中
-            this._keepZoomDoms.push({ dom, width, height });
+            this._keepZoomDoms.push({ dom: dom, width: width, height: height });
             dom.dataset.a = "这个元素缩放比例由 threeUtils.keepZoom 方法设置";
             this._computerDomZoom();
         }
-    }
-    workList = [];
-    // 时钟对象
-    clock = new Clock();
+    };
     // 按照任务队列依次执行计划任务 性能优化
     /**
      * @param {() => void} [callback]
      * @param {boolean} [first=true] 需要优先执行
      */
-    addWork(work, first = false) {
+    ThreeUtils.prototype.addWork = function (work, first) {
+        if (first === void 0) { first = false; }
         // 加入任务队列
         if (work && !this.workList.includes(work)) {
             if (first) {
@@ -89,11 +111,11 @@ class ThreeUtils extends EventDispatcher {
                 this.workList.push(work);
             }
         }
-    }
+    };
     /**
      *判断一个元素是否在页面上
      */
-    inDocument(dom) {
+    ThreeUtils.prototype.inDocument = function (dom) {
         if (dom === null) {
             return false;
         }
@@ -106,9 +128,9 @@ class ThreeUtils extends EventDispatcher {
         else {
             return this.inDocument(dom.parentNode);
         }
-    }
+    };
     // 获取中心点
-    getCenter(object3d) {
+    ThreeUtils.prototype.getCenter = function (object3d) {
         if (object3d instanceof Object3D) {
             this._box3.setFromObject(object3d);
             this._box3.getCenter(this._center);
@@ -118,9 +140,9 @@ class ThreeUtils extends EventDispatcher {
             object3d.boundingBox.getCenter(this._center);
         }
         return this._center;
-    }
+    };
     // 获取模型大小
-    getSize(object3d) {
+    ThreeUtils.prototype.getSize = function (object3d) {
         if (object3d instanceof Object3D) {
             this._box3.setFromObject(object3d);
             this._box3.getSize(this._size);
@@ -130,9 +152,10 @@ class ThreeUtils extends EventDispatcher {
             object3d.boundingBox.getSize(this._size);
         }
         return this._size;
-    }
+    };
     // 模型对齐底面
-    alignBottom(object3d, y = 0) {
+    ThreeUtils.prototype.alignBottom = function (object3d, y) {
+        if (y === void 0) { y = 0; }
         if (object3d instanceof Object3D) {
             this._box3.setFromObject(object3d);
             this._box3.getCenter(this._center);
@@ -145,9 +168,9 @@ class ThreeUtils extends EventDispatcher {
             object3d.computeBoundingBox();
             object3d.translate(0, -object3d.boundingBox.min.y + y, 0);
         }
-    }
+    };
     // 居中对象
-    centerObject3D(object3d) {
+    ThreeUtils.prototype.centerObject3D = function (object3d) {
         if (object3d instanceof Object3D) {
             this._box3.setFromObject(object3d);
             this._box3.getCenter(this._center);
@@ -157,22 +180,24 @@ class ThreeUtils extends EventDispatcher {
         else if (object3d instanceof BufferGeometry) {
             object3d.center();
         }
-    }
+    };
     //居中对象
-    center(object3d) {
+    ThreeUtils.prototype.center = function (object3d) {
         this.centerObject3D(object3d);
-    }
+    };
     //缩放至指定大小
-    scaleTo(object3d, size = 1) {
-        const originSize = this.getSize(object3d);
-        const scale = size / Math.max(originSize.x, originSize.y, originSize.z);
+    ThreeUtils.prototype.scaleTo = function (object3d, size) {
+        if (size === void 0) { size = 1; }
+        var originSize = this.getSize(object3d);
+        var scale = size / Math.max(originSize.x, originSize.y, originSize.z);
         if (object3d instanceof Object3D) {
             object3d.scale.multiplyScalar(scale);
         }
         else if (object3d instanceof BufferGeometry) {
             object3d.scale(scale, scale, scale);
         }
-    }
-}
-const threeUtils = new ThreeUtils();
+    };
+    return ThreeUtils;
+}(EventDispatcher));
+var threeUtils = new ThreeUtils();
 export default threeUtils;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "three-base",
-    "version": "1.0.81",
+    "version": "1.0.82",
     "description": "three 3d three-base",
     "repository": {
         "type": "git",