@realsee/dnalogel 2.0.0-alpha.35-beta2 → 2.0.0-alpha.35

package/dist/index.umd.js

@@ -11980,7 +11980,7 @@
     			div3 = internal.element("div");
     			div2 = internal.element("div");
     			internal.attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-eb8bdm");
-    			internal.set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px)");
+    			internal.set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px) scale(" + 1 / /*contentZoom*/ ctx[3] + ")");
     			internal.attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-eb8bdm");
     			internal.set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
     			internal.attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-eb8bdm");
@@ -12020,7 +12020,7 @@
     		},
     		p(ctx, [dirty]) {
     			if (dirty & /*contentWidth, contentZoom, contentHeight, upsideDown*/ 394) {
-    				internal.set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px)");
+    				internal.set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px) scale(" + 1 / /*contentZoom*/ ctx[3] + ")");
     			}
 
     			if (dirty & /*lineWidthZoom*/ 16) {
@@ -12444,13 +12444,11 @@
     const MESH_SIZE = 0.001;
     const RAY_TOLERANT_DISTANCE = 0.01;
     const BLUR_IMAGE_URL = 'https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png';
-    const MIN_DISTANCE = 1.2;
-    const MAX_DISTANCE = 3.5;
     /**
      * 空间游走标签插件
      */
     const PanoSpatialTagPlugin = (five$1, params) => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         let wrapper = params === null || params === void 0 ? void 0 : params.container;
         let centerY = 1.4;
         const wait = (_a = params === null || params === void 0 ? void 0 : params.wait) !== null && _a !== void 0 ? _a : 200;
@@ -12458,6 +12456,8 @@
         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 minDistance = (_f = params === null || params === void 0 ? void 0 : params.minDistance) !== null && _f !== void 0 ? _f : 1.2;
+        const maxDistance = (_g = params === null || params === void 0 ? void 0 : params.maxDistance) !== null && _g !== void 0 ? _g : 3.5;
         // const foldPercent = params?.foldPercent ?? 20
         const css3DRender = CSS3DRenderPlugin(five$1);
         const container = document.createElement('div');
@@ -12512,7 +12512,7 @@
             frustum.setFromProjectionMatrix(projScreenMatrix);
             state.tags.forEach(tag => {
                 const distance = camera.position.clone().setY(centerY).distanceTo(tag.position);
-                if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
+                if (distance < minDistance || distance > maxDistance)
                     return tag.destroying = true;
                 if (!frustum.containsPoint(tag.position))
                     return tag.destroying = true;
@@ -12524,16 +12524,16 @@
             state.tags.forEach(tag => {
                 if (tag.destroying) {
                     tag.app.$set({
-                        contentZoom: 0.1 + camera.position.distanceTo(tag.position) / MAX_DISTANCE,
-                        lineWidthZoom: 0.38 * (0.01 + camera.position.distanceTo(tag.position) / MAX_DISTANCE),
+                        contentZoom: 0.1 + camera.position.distanceTo(tag.position) / maxDistance,
+                        lineWidthZoom: 0.38 * (0.01 + camera.position.distanceTo(tag.position) / maxDistance),
                         destroying: tag.destroying,
                     });
                 }
                 else {
                     tag.app.$set({
-                        lineWidthZoom: 0.38 * (0.01 + camera.position.distanceTo(tag.position) / MAX_DISTANCE),
-                        lineHeightZoom: 0.4 + (camera.position.distanceTo(tag.position) - MIN_DISTANCE) / MAX_DISTANCE * 0.6,
-                        contentZoom: 0.1 + camera.position.distanceTo(tag.position) / MAX_DISTANCE,
+                        lineWidthZoom: 0.38 * (0.01 + camera.position.distanceTo(tag.position) / maxDistance),
+                        lineHeightZoom: 0.4 + (camera.position.distanceTo(tag.position) - minDistance) / maxDistance * 0.6,
+                        contentZoom: 0.1 + camera.position.distanceTo(tag.position) / maxDistance,
                     });
                 }
             });
@@ -12607,7 +12607,7 @@
                 if (state.tags.find(tag => point.id === tag.id && !tag.destroying))
                     return result;
                 const distance = camera.position.clone().setY(centerY).distanceTo(point.position);
-                if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
+                if (distance < minDistance || distance > maxDistance)
                     return result;
                 if (!frustum.containsPoint(point.position))
                     return result;
@@ -12692,9 +12692,9 @@
                         props: {
                             id,
                             content: state.render(state.template, replacement),
-                            lineWidthZoom: 0.38 * (0.01 + camera.position.distanceTo(position) / MAX_DISTANCE),
-                            lineHeightZoom: 0.4 + (camera.position.distanceTo(position) - MIN_DISTANCE) / MAX_DISTANCE * 0.6,
-                            contentZoom: 0.1 + camera.position.distanceTo(position) / MAX_DISTANCE,
+                            lineWidthZoom: 0.38 * (0.01 + camera.position.distanceTo(position) / maxDistance),
+                            lineHeightZoom: 0.4 + (camera.position.distanceTo(position) - minDistance) / maxDistance * 0.6,
+                            contentZoom: 0.1 + camera.position.distanceTo(position) / maxDistance,
                             upsideDown: position.y > upsideHeight,
                             folded: state.folded,
                             events: state.events,
@@ -12805,6 +12805,22 @@
                     tag.app.$set({ folded: true });
             });
         };
+        const onResize = () => {
+            five$1.once('renderFrame', updateOrigins);
+        };
+        const onModelLoaded = () => {
+            if (!wrapper)
+                wrapper = five$1.getElement().parentElement;
+            if (wrapper)
+                wrapper.appendChild(container);
+            state.forbidden = false;
+            centerY = five$1.model.bounding.getCenter(new THREE__namespace.Vector3()).y;
+            updateTags();
+            five$1.on('panoWillArrive', onPanoWillArrive);
+            five$1.on('panoArrived', onPanoArrived);
+            five$1.on('modeChange', onModeChange);
+            five$1.on('cameraUpdate', onCameraUpdate);
+        };
         const dispose = () => {
             blurImage = null;
             css3DRender.disposeAll();
@@ -12815,41 +12831,20 @@
             });
             state.origins = [];
             state.tags = [];
+            five$1.off('modelLoaded', onModelLoaded);
+            five$1.off('renderFrame', updateOrigins);
             five$1.off('panoWillArrive', onPanoWillArrive);
             five$1.off('panoArrived', onPanoArrived);
             five$1.off('modeChange', onModeChange);
             five$1.off('cameraUpdate', onCameraUpdate);
-            window.removeEventListener('resize', updateOrigins, false);
+            five$1.off('dispose', dispose);
+            window.removeEventListener('resize', onResize, false);
         };
-        window.addEventListener('resize', updateOrigins, false);
-        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;
-            if (wrapper)
-                wrapper.appendChild(container);
-            state.forbidden = false;
-            centerY = five$1.model.bounding.getCenter(new THREE__namespace.Vector3()).y;
-            updateTags();
-            five$1.on('panoWillArrive', onPanoWillArrive);
-            five$1.on('panoArrived', onPanoArrived);
-            five$1.on('modeChange', onModeChange);
-            five$1.on('cameraUpdate', onCameraUpdate);
-        }
-        else {
-            five$1.once('modelLoaded', () => {
-                if (!wrapper)
-                    wrapper = five$1.getElement().parentElement;
-                if (wrapper)
-                    wrapper.appendChild(container);
-                centerY = five$1.model.bounding.getCenter(new THREE__namespace.Vector3()).y;
-                state.forbidden = false;
-                updateTags();
-                five$1.on('panoWillArrive', onPanoWillArrive);
-                five$1.on('panoArrived', onPanoArrived);
-                five$1.on('modeChange', onModeChange);
-                five$1.on('cameraUpdate', onCameraUpdate);
-            });
-        }
+        window.addEventListener('resize', onResize, false);
+        if ((_h = five$1 === null || five$1 === void 0 ? void 0 : five$1.model) === null || _h === void 0 ? void 0 : _h.loaded)
+            onModelLoaded();
+        else
+            five$1.once('modelLoaded', onModelLoaded);
         five$1.on('dispose', dispose);
         return {
             load,