@realsee/dnalogel 2.1.0-alpha.5 → 2.1.0-alpha.7

package/libs/CSS3DRenderPlugin/CSS3DRender.js

@@ -289,8 +289,10 @@ export class CSS3DRender {
             configurable: true,
             writable: true,
             value: (element, resizeHandler, fireImmediately = true) => {
-                if (!element || !ResizeObserver)
+                if (!element) {
+                    console.error('createResizeObserver: element is undefined');
                     return { observe: () => { }, unobserve: () => { } };
+                }
                 const resizeObserverHandler = () => {
                     /**
                      * 这里evenNumber策略是遇到奇数会加1，在某些浏览器中会触发滚动条显示，导致fiveElement变小，fiveElement变小又触发了这里的resize，宽高变小，滚动条消失，然后又触发resize。。。无限循环
@@ -300,6 +302,10 @@ export class CSS3DRender {
                     const height = evenNumber(element.clientHeight, { smaller: true });
                     resizeHandler(width, height);
                 };
+                if (typeof ResizeObserver === 'undefined' || !ResizeObserver) {
+                    console.warn('createResizeObserver: ResizeObserver is undefined');
+                    return { observe: () => resizeObserverHandler(), unobserve: () => { } };
+                }
                 const observer = new ResizeObserver(resizeObserverHandler);
                 if (fireImmediately)
                     resizeObserverHandler();

package/libs/CSS3DRenderPlugin/utils/CSS3DObjectPlus.js

@@ -8,6 +8,7 @@ const NAME = `CSS3DObjectPlus@${VERSION}`;
 export const MinRatio = 0.00216;
 export const DefaultRatio = 0.003;
 export class CSS3DObjectPlus extends CSS3DObject {
+    // eslint-disable-next-line max-params
     constructor(container, cornerPoints, ratio = DefaultRatio, dpr = 1) {
         const realRatio = Math.max(MinRatio, ratio);
         const planeWidth = cornerPoints[0].distanceTo(cornerPoints[1]);

package/libs/ItemLabelPlugin/Plugin.js

@@ -1,5 +1,5 @@
 import { Five, Subscribe } from "@realsee/five";
-import ItemLabelComponent from './ItemLabelComponent.svelte';
+import ItemLabelComponent from './ItemLabelComponent';
 import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from "./typings";
 import { parseItemLabelPluginData } from "./utils/parseData";
 const defaultMaxVisibleDistance = undefined;

package/libs/ItemLabelPlugin/typings.d.ts

@@ -1,6 +1,6 @@
 import type { Subscribe } from "@realsee/five";
 import type { PluginEvent } from "./events.type";
-import type ItemLabelComponent from './ItemLabelComponent.svelte';
+import type ItemLabelComponent from './ItemLabelComponent';
 export declare enum ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE {
     SMALL = "small",
     MIDLLE = "middle",

package/libs/ModelItemLabelPlugin/ModelItemLabelPlugin.js

@@ -1,5 +1,5 @@
 import { Five, Subscribe } from "@realsee/five";
-import ItemLabelComponent from './ItemLabelComponent.svelte';
+import ItemLabelComponent from './ItemLabelComponent';
 import { DISPLAY_STRATEGY_TYPE } from "./typings";
 import { parseModelItemLabelPluginData } from "./utils/parseData";
 export const ModelItemLabelPlugin = (five, params) => {

package/libs/ModelItemLabelPlugin/typings.d.ts

@@ -1,6 +1,6 @@
 import type { Subscribe } from "@realsee/five";
 import type { PluginEvent } from "./events.type";
-import type ItemLabelComponent from './ItemLabelComponent.svelte';
+import type ItemLabelComponent from './ItemLabelComponent';
 export declare enum DISPLAY_STRATEGY_TYPE {
     SMALL = "small",
     MIDLLE = "middle",

package/libs/ModelRoomLabelPlugin/Controller.js

@@ -1,4 +1,4 @@
-import RoomLabelItems from './RoomLabelItems.svelte';
+import RoomLabelItems from './RoomLabelItems';
 import { parseModelRoomLabelPluginData } from './utils/parseData';
 export class ModelRoomLabelController {
     constructor(five) {

package/libs/Object3DHelperPlugin/Controller.js

@@ -50,6 +50,7 @@ export class Object3DHelperController extends BasePlugin.Controller {
         });
         this.five = five;
         Object.assign(window, { [`__${PLUGIN_NAME.toUpperCase()}_DEBUG__`]: this });
+        // Object.assign(window, { THREE: THREE })
     }
     /**
      * @description Show guide line
@@ -115,6 +116,8 @@ export class Object3DHelperController extends BasePlugin.Controller {
      */
     addObject3DHelper(object3D, config = {}) {
         var _a;
+        if (!object3D)
+            return console.error('Object3D is undefined');
         if (this.objectHelperMap.has(object3D)) {
             console.warn(`Object3DHelperPlugin: object3D ${object3D.name} already has helper`);
             return;
@@ -162,7 +165,6 @@ export class Object3DHelperController extends BasePlugin.Controller {
         helper.dispose();
     }
     handleEnable(enabled, userAction = true) {
-        console.log({ enabled });
         if (enabled) {
             this.everyHelperDo((helper) => helper.enable());
             this.hooks.emit('enable', { userAction });
@@ -174,7 +176,6 @@ export class Object3DHelperController extends BasePlugin.Controller {
         this.state.enabled = enabled;
     }
     handleVisible(visible, userAction = true) {
-        console.log({ visible });
         if (visible) {
             this.everyHelperDo((helper) => helper.show());
             this.actionIfStateIsEnabled(() => this.hooks.emit('show', { userAction }));

package/libs/PanoDoorLabelPlugin/Controller.js

@@ -1,6 +1,6 @@
 import { Euler, Quaternion, Raycaster, Vector3 } from 'three';
 import { BasePanoPluginController } from './BaseController';
-import DoorLabelItem from './DoorLabelItem.svelte';
+import DoorLabelItem from './DoorLabelItem';
 import { getCameraToward, getDistance, getToward, isTwoRectOverlaped } from './utils';
 const defaultBaseOptions = { userAction: true };
 /**

package/libs/PanoRulerProPlugin/Controller.js

@@ -1,4 +1,4 @@
-import RulerItems from './RulerItems.svelte';
+import RulerItems from './RulerItems';
 export default class Controller {
     constructor(five, params) {
         var _a, _b;

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -1,8 +1,8 @@
 import * as THREE from 'three';
 import { Five, Subscribe } from '@realsee/five';
 import CSS3DRenderPlugin from '../CSS3DRenderPlugin';
-import Origins from './Components/origins.svelte';
-import Tag from './Components/tag.svelte';
+import Origins from './Components/origins';
+import Tag from './Components/tag';
 import { pluginStyle } from './style';
 import render from '../shared-utils/tinyEJSrender';
 const MESH_SIZE = 0.001;

package/libs/PanoTagPlugin/Components/Tag/MarketingTag.js

@@ -27,7 +27,7 @@ import {
 import Shadow from '../Common/Shadow';
 
 function add_css(target) {
-	append_styles(target, "svelte-xgzc8c", ".svelte-xgzc8c.svelte-xgzc8c{box-sizing:border-box}.marketing.svelte-xgzc8c.svelte-xgzc8c{transform:translateY(-100%)}.content.svelte-xgzc8c .headerImage.svelte-xgzc8c{position:absolute;width:100%;top:0.25rem;transform:translateY(-100%);border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}.line.svelte-xgzc8c.svelte-xgzc8c{position:absolute;height:2.0625rem;width:0.0625rem;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.content.svelte-xgzc8c.svelte-xgzc8c{background-color:white;position:relative;display:flex;flex-direction:column;min-width:11.125rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:0.25rem;top:-1.875rem;left:-1rem;padding:0.5rem 0rem 0.5625rem;transition:all 500ms}.title.svelte-xgzc8c.svelte-xgzc8c{position:absolute;background-color:white;border-radius:0.25rem;width:100%;top:0.5rem;padding-left:0.75rem;padding-right:0.75rem}.title.svelte-xgzc8c .text.svelte-xgzc8c{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.75rem;font-weight:bold;line-height:1.125rem;color:#000}.footer.svelte-xgzc8c.svelte-xgzc8c{position:relative;padding-left:0.75rem;padding-right:0.75rem;width:100%;height:1.375rem;display:flex;align-items:center}.footer.svelte-xgzc8c .goto-button.svelte-xgzc8c{flex-shrink:0;white-space:nowrap;background-image:linear-gradient(to right, rgba(87, 144, 253, 1) 0, rgba(42, 114, 254, 1) 100%);color:#fff;font-size:0.625rem;border-radius:0.875rem;font-weight:bold;padding-left:0.5rem;padding-right:0.5rem;height:1.25rem;margin-left:auto;display:flex;align-items:center}.footer.svelte-xgzc8c .goto-icon.svelte-xgzc8c::after{content:'';display:inline-block;width:0.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMAFNO2pYt4bErz8uP6ysawgVtBPDcR5C4s2L6ZmJBzZGJXUyEeDws/0G2zAAAAkklEQVQ4y+3TRw6DMBAF0OAeJ3QCpCe0uf8NwRILLBYfiS1/aT3JoymnI+sERZ5VCH0iVto3QDfBLmeSSMUTogRV9bBEpJAKaYpGijn13aTSLeraeG9D0NZFZv4/rRL5FDHnITlllqjv6tykWsmX4JHr05y7j6oFKq2P8He48B0tAM0EY0EDxquClw6vLz6EI35GmwwSZpe+WOgAAAAASUVORK5CYII=);background-size:100% auto;background-repeat:no-repeat}.price.svelte-xgzc8c.svelte-xgzc8c{flex-shrink:0;margin-right:0.75rem;white-space:nowrap;color:#ff6600;display:flex;align-items:baseline}.price.svelte-xgzc8c .value.svelte-xgzc8c{position:relative;top:0.0625rem;font-size:1.125rem;line-height:1.375rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0rem}.price.svelte-xgzc8c .unit.svelte-xgzc8c{padding-left:0.125rem;font-size:0.625rem}.tag.svelte-xgzc8c.svelte-xgzc8c{position:relative;background-color:white;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-left:0.75rem;padding-right:0.75rem}.tag.svelte-xgzc8c .base-tag.svelte-xgzc8c{height:1rem;margin-top:1.375rem;margin-bottom:0.5rem;margin-right:0.25rem;font-size:0.625rem;line-height:0.875rem;padding:0.0625rem 0.25rem;border-radius:0.125rem;overflow:hidden}.tag.svelte-xgzc8c .primary-tag.svelte-xgzc8c{background:#e5eefe;color:#0055ff}.tag.svelte-xgzc8c .secondary-tag.svelte-xgzc8c{background:rgba(255, 102, 0, 0.08);color:rgba(255, 102, 0, 1)}.unfolded.svelte-xgzc8c .line.svelte-xgzc8c{transform:translateX(-50%) scale(1, 1)}.folded.svelte-xgzc8c .line.svelte-xgzc8c{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.unfolded.svelte-xgzc8c .content.svelte-xgzc8c{opacity:1}.folded.svelte-xgzc8c .content.svelte-xgzc8c{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}");
+	append_styles(target, "svelte-1dqrka8", ".svelte-1dqrka8.svelte-1dqrka8{box-sizing:border-box}.marketing.svelte-1dqrka8.svelte-1dqrka8{transform:translateY(-100%)}.content.svelte-1dqrka8 .headerImage.svelte-1dqrka8{position:absolute;width:100%;top:0.25rem;transform:translateY(-100%);border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}.line.svelte-1dqrka8.svelte-1dqrka8{position:absolute;height:2.0625rem;width:0.0625rem;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.content.svelte-1dqrka8.svelte-1dqrka8{background-color:white;position:relative;display:flex;flex-direction:column;min-width:11.125rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:0.25rem;top:-1.875rem;left:-1rem;padding:0.5rem 0rem 0.5625rem;transition:all 500ms}.title.svelte-1dqrka8.svelte-1dqrka8{position:absolute;background-color:white;border-radius:0.25rem;width:100%;top:0.5rem;padding-left:0.75rem;padding-right:0.75rem}.title.svelte-1dqrka8 .text.svelte-1dqrka8{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.75rem;font-weight:bold;line-height:1.125rem;color:#000}.footer.svelte-1dqrka8.svelte-1dqrka8{position:relative;padding-left:0.75rem;padding-right:0.75rem;width:100%;height:1.375rem;display:flex;align-items:center}.footer.svelte-1dqrka8 .goto-button.svelte-1dqrka8{flex-shrink:0;white-space:nowrap;background-image:linear-gradient(to right, rgba(87, 144, 253, 1) 0, rgba(42, 114, 254, 1) 100%);color:#fff;font-size:0.625rem;border-radius:0.875rem;font-weight:bold;padding-left:0.5rem;padding-right:0.5rem;height:1.25rem;margin-left:auto;display:flex;align-items:center}.footer.svelte-1dqrka8 .goto-icon.svelte-1dqrka8::after{content:'';display:inline-block;width:0.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMAFNO2pYt4bErz8uP6ysawgVtBPDcR5C4s2L6ZmJBzZGJXUyEeDws/0G2zAAAAkklEQVQ4y+3TRw6DMBAF0OAeJ3QCpCe0uf8NwRILLBYfiS1/aT3JoymnI+sERZ5VCH0iVto3QDfBLmeSSMUTogRV9bBEpJAKaYpGijn13aTSLeraeG9D0NZFZv4/rRL5FDHnITlllqjv6tykWsmX4JHr05y7j6oFKq2P8He48B0tAM0EY0EDxquClw6vLz6EI35GmwwSZpe+WOgAAAAASUVORK5CYII=);background-size:100% auto;background-repeat:no-repeat}.price.svelte-1dqrka8.svelte-1dqrka8{flex-shrink:0;margin-right:0.75rem;white-space:nowrap;color:#ff6600;display:flex;align-items:baseline}.price.svelte-1dqrka8 .value.svelte-1dqrka8{position:relative;top:0.0625rem;font-size:1.125rem;line-height:1.375rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0rem}.price.svelte-1dqrka8 .unit.svelte-1dqrka8{padding-left:0.125rem;font-size:0.625rem}.tag.svelte-1dqrka8.svelte-1dqrka8{position:relative;background-color:white;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-left:0.75rem;padding-right:0.75rem;min-height:1.75rem}.tag.svelte-1dqrka8 .base-tag.svelte-1dqrka8{height:1rem;margin-top:1.375rem;margin-bottom:0.5rem;margin-right:0.25rem;font-size:0.625rem;line-height:0.875rem;padding:0.0625rem 0.25rem;border-radius:0.125rem;overflow:hidden}.tag.svelte-1dqrka8 .primary-tag.svelte-1dqrka8{background:#e5eefe;color:#0055ff}.tag.svelte-1dqrka8 .secondary-tag.svelte-1dqrka8{background:rgba(255, 102, 0, 0.08);color:rgba(255, 102, 0, 1)}.unfolded.svelte-1dqrka8 .line.svelte-1dqrka8{transform:translateX(-50%) scale(1, 1)}.folded.svelte-1dqrka8 .line.svelte-1dqrka8{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.unfolded.svelte-1dqrka8 .content.svelte-1dqrka8{opacity:1}.folded.svelte-1dqrka8 .content.svelte-1dqrka8{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -52,7 +52,7 @@ function create_if_block_4(ctx) {
 		c() {
 			div = element("div");
 			t = text(t_value);
-			attr(div, "class", "base-tag primary-tag svelte-xgzc8c");
+			attr(div, "class", "base-tag primary-tag svelte-1dqrka8");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -112,7 +112,7 @@ function create_if_block_3(ctx) {
 		c() {
 			div = element("div");
 			t = text(t_value);
-			attr(div, "class", "base-tag secondary-tag svelte-xgzc8c");
+			attr(div, "class", "base-tag secondary-tag svelte-1dqrka8");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -178,8 +178,8 @@ function create_if_block_1(ctx) {
 			t0 = text(t0_value);
 			t1 = space();
 			if (if_block) if_block.c();
-			attr(span, "class", "value svelte-xgzc8c");
-			attr(div, "class", "price svelte-xgzc8c");
+			attr(span, "class", "value svelte-1dqrka8");
+			attr(div, "class", "price svelte-1dqrka8");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -221,7 +221,7 @@ function create_if_block_2(ctx) {
 		c() {
 			span = element("span");
 			t = text(t_value);
-			attr(span, "class", "unit svelte-xgzc8c");
+			attr(span, "class", "unit svelte-1dqrka8");
 		},
 		m(target, anchor) {
 			insert(target, span, anchor);
@@ -246,7 +246,7 @@ function create_if_block(ctx) {
 		c() {
 			div = element("div");
 			t = text(t_value);
-			attr(div, "class", "goto-button goto-icon svelte-xgzc8c");
+			attr(div, "class", "goto-button goto-icon svelte-1dqrka8");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -342,7 +342,7 @@ function create_fragment(ctx) {
 			if (if_block0) if_block0.c();
 			t7 = space();
 			if (if_block1) if_block1.c();
-			attr(div0, "class", "line svelte-xgzc8c");
+			attr(div0, "class", "line svelte-1dqrka8");
 
 			set_style(
 				div0,
@@ -353,13 +353,13 @@ function create_fragment(ctx) {
 				false
 			);
 
-			attr(img, "class", "headerImage svelte-xgzc8c");
+			attr(img, "class", "headerImage svelte-1dqrka8");
 			if (!src_url_equal(img.src, img_src_value = /*data*/ ctx[2].headerPictureUrl)) attr(img, "src", img_src_value);
 			attr(img, "alt", "");
-			attr(div1, "class", "tag svelte-xgzc8c");
-			attr(div2, "class", "text svelte-xgzc8c");
-			attr(div3, "class", "title svelte-xgzc8c");
-			attr(div4, "class", "footer svelte-xgzc8c");
+			attr(div1, "class", "tag svelte-1dqrka8");
+			attr(div2, "class", "text svelte-1dqrka8");
+			attr(div3, "class", "title svelte-1dqrka8");
+			attr(div4, "class", "footer svelte-1dqrka8");
 
 			set_style(
 				div4,
@@ -370,7 +370,7 @@ function create_fragment(ctx) {
 				false
 			);
 
-			attr(div5, "class", "content svelte-xgzc8c");
+			attr(div5, "class", "content svelte-1dqrka8");
 
 			set_style(
 				div5,
@@ -381,7 +381,7 @@ function create_fragment(ctx) {
 				false
 			);
 
-			attr(div6, "class", "marketing svelte-xgzc8c");
+			attr(div6, "class", "marketing svelte-1dqrka8");
 			toggle_class(div6, "unfolded", /*unfolded*/ ctx[1]);
 			toggle_class(div6, "folded", /*folded*/ ctx[3]);
 		},

package/libs/PanoTagPlugin/controller/index.js

@@ -2,14 +2,14 @@ import { Subscribe } from '@realsee/five';
 import { Quaternion } from 'three';
 import objectAssignDeep from 'object-assign-deep';
 import { writable } from 'svelte/store';
-import PointTagSvelte from '../Components/PointTag.svelte';
-import TagContentSvelte from '../Components/Tag/index.svelte';
+import PointTagSvelte from '../Components/PointTag';
+import TagContentSvelte from '../Components/Tag/index';
 import { addDebugPoints, arrayPositionToVector3, actionAfterFiveModelLoad, debounce, normalPositionToPositions, planeNormal, resizeObserver, throttle, } from '../utils';
 import { TagComputer } from './TagComputer';
 import { CSS3DRenderPlugin } from '../../CSS3DRenderPlugin';
 import { DimensionType, PointType } from '../typings';
 // declare const __APP_VERSION__: string
-const VERSION = '0.3.4';
+const VERSION = '0.3.6';
 const PLUGIN_NAME = `DnalogelPlugin-PanoTagPlugin@${VERSION}`;
 const TAG_INITIAL_UNFOLDED = true;
 export const pluginFlag = (name) => `${PLUGIN_NAME}--${name}`;
@@ -211,7 +211,7 @@ class PanoTagPluginController extends TagComputer {
         var _a, _b, _c, _d, _e, _f;
         this.disposeAllCSS3DContainer();
         (_a = this.PointTagSvelte) === null || _a === void 0 ? void 0 : _a.$destroy();
-        this.filter3DTag().forEach((tag) => { var _a; return (_a = tag.tag3DContentSvelte) === null || _a === void 0 ? void 0 : _a.svelteApp.$destroy(); });
+        this.filter3DTag().forEach((tag) => { var _a; return (_a = tag.tag3DContentSvelte) === null || _a === void 0 ? void 0 : _aApp.$destroy(); });
         this.tags = [];
         (_b = this.store.disposers) === null || _b === void 0 ? void 0 : _b.forEach((d) => d === null || d === void 0 ? void 0 : d());
         this.store.disposers = [];
@@ -322,7 +322,7 @@ class PanoTagPluginController extends TagComputer {
         (_a = this.PointTagSvelte) === null || _a === void 0 ? void 0 : _a.$set({ tags: [] });
         this.filter3DTag().forEach((tag) => {
             var _a;
-            (_a = tag.tag3DContentSvelte) === null || _a === void 0 ? void 0 : _a.svelteApp.$destroy();
+            (_a = tag.tag3DContentSvelte) === null || _a === void 0 ? void 0 : _aApp.$destroy();
             tag.tag3DContentSvelte = undefined;
         });
     }
@@ -451,7 +451,7 @@ class PanoTagPluginController extends TagComputer {
         (_a = this.PointTagSvelte) === null || _a === void 0 ? void 0 : _a.$set({ state: this.state, temporaryState: this.temporaryState, withAnimation: this.store.visibleWithAnimation });
         this.filter3DTag().forEach((tag) => {
             var _a;
-            (_a = tag.tag3DContentSvelte) === null || _a === void 0 ? void 0 : _a.svelteApp.$set({
+            (_a = tag.tag3DContentSvelte) === null || _a === void 0 ? void 0 : _aApp.$set({
                 state: this.state,
                 temporaryState: this.temporaryState,
                 withAnimation: this.store.visibleWithAnimation,

package/libs/PanoTagPlugin/tag.config.js

@@ -14,7 +14,7 @@ const DefaultConfig = {
         },
         tag3DConfig: {
             ratio: 0.0035,
-            devicePixelRatio: window.devicePixelRatio,
+            // devicePixelRatio: window.devicePixelRatio,
         },
     },
     contentTypeConfig: {

package/libs/PanoTagPlugin/typings/controller.d.ts

@@ -1,7 +1,7 @@
 import type { PanoTagPluginController } from '../index';
 import type { ContentType, DimensionType, TagId, PointType, Tag } from '../typings';
 import type * as BasePlugin from '../../base/BasePlugin';
-import type TagContentSvelte from '../Components/Tag/index.svelte';
+import type TagContentSvelte from '../Components/Tag/index';
 import type { Vector3 } from 'three';
 import type { Create3DDomContainerReturnType } from '../../CSS3DRenderPlugin';
 import type { Writable } from 'svelte/store';

package/libs/floorplan/MapviewFloorplanPlugin/Controller.js

@@ -1,7 +1,7 @@
 import * as THREE from 'three';
 import to from '../../shared-utils/to';
 import equal from '../../shared-utils/equal';
-import Main from '../Components/Main.svelte';
+import Main from '../Components/Main';
 import formatData from '../utils/formatData';
 import { CAMERA_IMAGE } from '../Assets/camera';
 import { omit } from '../../shared-utils/filter';

package/libs/floorplan/ModelFloorplanPlugin/Controller.js

@@ -1,6 +1,6 @@
 import to from '../../shared-utils/to';
 import equal from '../../shared-utils/equal';
-import Main from '../Components/Main.svelte';
+import Main from '../Components/Main';
 import formatData from '../utils/formatData';
 import { CAMERA_IMAGE } from '../Assets/camera';
 import { omit } from '../../shared-utils/filter';

package/libs/floorplan/PanoFloorplanRadarPlugin/Controller.js

@@ -1,4 +1,4 @@
-import Main from './Components/Main.svelte';
+import Main from './Components/Main';
 import equal from '../../shared-utils/equal';
 import { CAMERA_IMAGE } from '../Assets/camera';
 import * as BasePlugin from '../../base/BasePluginWithData';

package/libs/floorplan/TopviewFloorplanPlugin/Controller.js

@@ -1,6 +1,6 @@
 import * as THREE from 'three';
 import equal from '../../shared-utils/equal';
-import Main from '../Components/Main.svelte';
+import Main from '../Components/Main';
 import formatData from '../utils/formatData';
 import { CAMERA_IMAGE } from '../Assets/camera';
 import { omit } from '../../shared-utils/filter';

package/libs/shared-utils/Object3DHelper/Base/BaseController.d.ts

@@ -16,6 +16,8 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     protected needsRender: () => void;
     protected enabled: boolean;
     constructor(camera: THREE.Camera, model: THREE.Object3D, originObject3D: K, helperObject3D: T, container: HTMLElement, scene: THREE.Scene, needsRender?: () => void);
+    initialHelperPosition(): void;
+    initialHelperQuaternion(): void;
     enable(): void;
     disable(): void;
     show(): void;
@@ -24,7 +26,7 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     updateHelperPosition(): void;
     updateHelperQuaternion(): void;
     setHelperMatrix4(matrix4: THREE.Matrix4, origin?: THREE.Vector3): void;
-    setHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
+    applyHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
     applyHelperScaleMatrix4(matrix4: THREE.Matrix4, params?: {
         origin?: THREE.Vector3;
         helperOrigin?: THREE.Vector3;

package/libs/shared-utils/Object3DHelper/Base/BaseController.js

@@ -89,10 +89,16 @@ export class BaseController {
         this.scene = scene;
         this.domEvents = new DomEvents(camera, container);
         this.needsRender = needsRender !== null && needsRender !== void 0 ? needsRender : (() => { });
-        this.updateHelperQuaternion();
-        this.updateHelperPosition();
+        this.initialHelperPosition();
+        this.initialHelperQuaternion();
         this.enable();
     }
+    initialHelperPosition() {
+        this.helperObject3D.updatePosition();
+    }
+    initialHelperQuaternion() {
+        this.helperObject3D.updateQuaternion();
+    }
     enable() {
         if (this.enabled)
             return;
@@ -132,7 +138,7 @@ export class BaseController {
     setHelperMatrix4(matrix4, origin) {
         this.helperObject3D.updateMatrix4(matrix4, origin);
     }
-    setHelperQuaternion(quaternion, origin) {
+    applyHelperQuaternion(quaternion, origin) {
         this.helperObject3D.applyHelperQuaternion(quaternion, origin);
     }
     applyHelperScaleMatrix4(matrix4, params) {

package/libs/shared-utils/Object3DHelper/Controller/RectangleScaleController.d.ts

@@ -8,8 +8,8 @@ interface StartInfo {
         position: Vector3;
         direction: Direction4;
     };
-    nsMoveIsNegative?: boolean | null;
-    ewMoveIsNegative?: boolean | null;
+    dragPointInCenterBottom?: boolean | null;
+    dragPointInCenterLeft?: boolean | null;
     plane: THREE.Plane;
 }
 export declare abstract class RectangleScaleController<OriginObject3D extends THREE.Object3D, PointType extends THREE.Object3D | HTMLElement> extends BaseController<RectangleScaleHelperAbstract<OriginObject3D, PointType>> {