@realsee/dnalogel 2.0.0-alpha.12 → 2.0.0-alpha.13

package/dist/PanoRulerPlugin/index.js

@@ -5,6 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var five = require('@realsee/five');
 var three = require('three');
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 /**
  * 平面几何相关数学函数
  */
@@ -376,7 +401,7 @@ const PanoRulerPlugin = (five$1, params) => {
         state.loaded = true;
         return true;
     };
-    const load = async (_roomInfo, _roomRules, options) => {
+    const load = (_roomInfo, _roomRules, options) => __awaiter(void 0, void 0, void 0, function* () {
         const roomInfo = _roomInfo || params.roomInfo;
         const roomRules = _roomRules || params.roomRules;
         if (!roomInfo || !roomRules) {
@@ -387,9 +412,9 @@ const PanoRulerPlugin = (five$1, params) => {
             return _load(roomInfo, roomRules);
         }
         else {
-            return await new Promise((resolve) => five$1.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
+            return yield new Promise((resolve) => five$1.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
         }
-    };
+    });
     if (params.roomInfo && params.roomRules) {
         load(params.roomInfo, params.roomRules);
     }
@@ -425,7 +450,8 @@ const PanoRulerPlugin = (five$1, params) => {
         }
     };
     const freshRule = () => {
-        const element = five$1.getElement()?.parentElement;
+        var _a;
+        const element = (_a = five$1.getElement()) === null || _a === void 0 ? void 0 : _a.parentElement;
         if (!element)
             return;
         if (!state.loaded)
@@ -562,12 +588,13 @@ const PanoRulerPlugin = (five$1, params) => {
     const nextFrameFreshRule = () => nextFrame(freshRule);
     const throttleFreshRule = throttle(freshRule, 80);
     const enable = () => {
+        var _a, _b;
         if (!state.loaded)
             return false;
         if (state.enable)
             return true;
         $rule.setAttribute('class', 'PanoRulerPlugin' + (state.options.className ? ' ' + state.options.className : ''));
-        five$1.getElement()?.parentElement?.append($rule);
+        (_b = (_a = five$1.getElement()) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.append($rule);
         freshRule();
         five$1.on('panoArrived', freshRule);
         five$1.on('modeChange', freshRule);

package/dist/PanoSpatialTagPlugin/index.js

@@ -31,7 +31,7 @@ var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
 function evenNumber(num, config) {
     const roundNum = Math.round(num);
-    return roundNum % 2 === 0 ? roundNum : roundNum + Number(config?.smaller ? -1 : 1);
+    return roundNum % 2 === 0 ? roundNum : roundNum + Number((config === null || config === void 0 ? void 0 : config.smaller) ? -1 : 1);
 }
 
 function centerPoint(point1, point2) {
@@ -68,24 +68,25 @@ function createResizeObserver(func, element) {
 const CSS3DRenderPlugin = (five) => {
     const state = { disposeCallbacks: [] };
     const create3DDomContainer = (...params) => {
+        var _a, _b, _c;
         const points = params[0].map((point) => (point instanceof THREE.Vector3 ? point : transformPositionToVector3(point)));
         const config = params[1];
-        if (points?.length < 4)
+        if ((points === null || points === void 0 ? void 0 : points.length) < 4)
             return console.error('points must be equal or greater than than 4');
-        if (!five?.model?.loaded)
-            return console.error('five.model.loaded is: ', five?.model?.loaded);
+        if (!((_a = five === null || five === void 0 ? void 0 : five.model) === null || _a === void 0 ? void 0 : _a.loaded))
+            return console.error('five.model.loaded is: ', (_b = five === null || five === void 0 ? void 0 : five.model) === null || _b === void 0 ? void 0 : _b.loaded);
         const fiveElement = five.getElement();
         if (!fiveElement)
             return console.error('five.getElement() is ' + fiveElement);
         const disposers = [];
-        const ratio = config?.ratio || 0.00216;
+        const ratio = (config === null || config === void 0 ? void 0 : config.ratio) || 0.00216;
         if (ratio <= 0.00215)
             console.warn('if you need click css3DElement on safari, ratio must be greater than 0.00215');
-        const dpr = config?.dpr || 1;
-        const mode = config?.mode || 'front';
-        const autoRender = config?.autoRender ?? true;
-        const behindFiveContainer = config?.behindFiveContainer || fiveElement.parentElement || document.body;
-        const container = config?.container || document.createElement('div');
+        const dpr = (config === null || config === void 0 ? void 0 : config.dpr) || 1;
+        const mode = (config === null || config === void 0 ? void 0 : config.mode) || 'front';
+        const autoRender = (_c = config === null || config === void 0 ? void 0 : config.autoRender) !== null && _c !== void 0 ? _c : true;
+        const behindFiveContainer = (config === null || config === void 0 ? void 0 : config.behindFiveContainer) || fiveElement.parentElement || document.body;
+        const container = (config === null || config === void 0 ? void 0 : config.container) || document.createElement('div');
         container.classList.add('__Dnalogel-plugin--CSS3DRenderPlugin');
         // 获取css3DObject, 如果mode为behind的话，一起获取mesh
         const { css3DObject, mesh } = createObject(points, { ratio, dpr, container, mode });
@@ -123,8 +124,9 @@ const CSS3DRenderPlugin = (five) => {
                     css3DRenderer.render(scene, five.camera);
                 };
                 return () => {
+                    var _a;
                     scene.add(css3DObject);
-                    resizeObserver?.observe?.();
+                    (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
                     renderEveryFrame();
                     if (mode === 'behind' && mesh) {
                         five.scene.add(mesh);
@@ -148,7 +150,8 @@ const CSS3DRenderPlugin = (five) => {
         }
         // ======= INIT END =======
         const dispose = () => {
-            disposers.forEach((d) => d?.());
+            var _a;
+            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
             scene.remove(css3DObject);
             if (scene.children.length === 0) {
                 if (typeof stateMode.requestAnimationFrameId === 'number') {
@@ -160,7 +163,7 @@ const CSS3DRenderPlugin = (five) => {
                 if (mode === 'behind')
                     state.behindMode = undefined;
                 if (!state.behindMode && !state.frontMode) {
-                    resizeObserver?.unobserve?.();
+                    (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
                 }
             }
             return true;
@@ -225,7 +228,7 @@ const CSS3DRenderPlugin = (five) => {
     return {
         create3DDomContainer,
         disposeAll: () => {
-            state.disposeCallbacks.forEach((d) => d?.());
+            state.disposeCallbacks.forEach((d) => d === null || d === void 0 ? void 0 : d());
             state.disposeCallbacks = [];
         },
     };
@@ -697,13 +700,43 @@ function render(template, data) {
     return templ.compileFunction()(data);
 }
 class Template {
-    templateText;
-    mode = null;
-    truncate = false;
-    currentLine = 1;
-    source = '';
-    regex = new RegExp(REGEX_STRING);
     constructor(text) {
+        Object.defineProperty(this, "templateText", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "mode", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "truncate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "currentLine", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 1
+        });
+        Object.defineProperty(this, "source", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "regex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new RegExp(REGEX_STRING)
+        });
         this.templateText = text;
     }
     compileFunction() {
@@ -861,12 +894,13 @@ const MAX_DISTANCE = 3.5;
  * 空间游走标签插件
  */
 const PanoSpatialTagPlugin = (five$1, params) => {
-    let wrapper = params?.container;
-    const wait = params?.wait ?? 200;
-    const maxNumberOnScreen = params?.maxNumberOnScreen ?? 3;
-    const minRad = params?.minRad ?? Math.PI / 4;
-    const nearTolerance = params?.nearTolerance ?? 100;
-    const upsideHeight = params?.upsideHeight ?? 1.6;
+    var _a, _b, _c, _d, _e, _f;
+    let wrapper = params === null || params === void 0 ? void 0 : params.container;
+    const wait = (_a = params === null || params === void 0 ? void 0 : params.wait) !== null && _a !== void 0 ? _a : 200;
+    const maxNumberOnScreen = (_b = params === null || params === void 0 ? void 0 : params.maxNumberOnScreen) !== null && _b !== void 0 ? _b : 3;
+    const minRad = (_c = params === null || params === void 0 ? void 0 : params.minRad) !== null && _c !== void 0 ? _c : Math.PI / 4;
+    const nearTolerance = (_d = params === null || params === void 0 ? void 0 : params.nearTolerance) !== null && _d !== void 0 ? _d : 100;
+    const upsideHeight = (_e = params === null || params === void 0 ? void 0 : params.upsideHeight) !== null && _e !== void 0 ? _e : 1.6;
     // const foldPercent = params?.foldPercent ?? 20
     const css3DRender = CSS3DRenderPlugin(five$1);
     const container = document.createElement('div');
@@ -1124,12 +1158,13 @@ const PanoSpatialTagPlugin = (five$1, params) => {
     */
     const load = (data) => {
         state.points = data.points.map(point => {
+            var _a, _b;
             return {
                 id: point.id,
                 position: new THREE__namespace.Vector3().fromArray(point.position),
                 normal: new THREE__namespace.Vector3().fromArray(point.normal),
-                replacement: point.replacement ?? {},
-                weight: point.weight ?? -1,
+                replacement: (_a = point.replacement) !== null && _a !== void 0 ? _a : {},
+                weight: (_b = point.weight) !== null && _b !== void 0 ? _b : -1,
             };
         });
         if (data.render)
@@ -1217,7 +1252,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         five$1.off('modeChange', onModeChange);
         five$1.off('cameraUpdate', onCameraUpdate);
     };
-    if (five$1?.model?.loaded) {
+    if ((_f = five$1 === null || five$1 === void 0 ? void 0 : five$1.model) === null || _f === void 0 ? void 0 : _f.loaded) {
         if (!wrapper)
             wrapper = five$1.getElement().parentElement;
         wrapper.appendChild(container);