@realsee/dnalogel 2.1.0-alpha.13 → 2.1.0-alpha.15

package/libs/ItemLabelPlugin/ItemLabelComponent.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.50.1 */
+/* generated by Svelte v3.51.0 */
 import {
 	SvelteComponent,
 	add_render_callback,

package/libs/ItemLabelPlugin/ItemLabelItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.50.1 */
+/* generated by Svelte v3.51.0 */
 import {
 	SvelteComponent,
 	append,
@@ -23,7 +23,7 @@ import "./events.type";
 import classNames from 'classnames';
 
 function add_css(target) {
-	append_styles(target, "svelte-pd1uj6", ".item-label-item.svelte-pd1uj6.svelte-pd1uj6{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation:svelte-pd1uj6-fadeIn .3s ease-in;animation:svelte-pd1uj6-fadeIn .3s ease-in}.item-label-item.fold.svelte-pd1uj6>.item-label-item__text-wrap.svelte-pd1uj6{visibility:hidden}.item-label-item.fold.svelte-pd1uj6>.item-label-item__bar.anchor.svelte-pd1uj6{visibility:hidden}.item-label-item.fold.svelte-pd1uj6>.item-label-item__bar.anchor.svelte-pd1uj6:after{visibility:visible}.item-label-item__text-wrap.svelte-pd1uj6.svelte-pd1uj6{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.75rem 1.25rem 0.75rem 0.75rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:29.5625rem;min-height:5.75rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:0.09375rem solid rgba(255, 255, 255, .65);border-radius:0.1875rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-pd1uj6.svelte-pd1uj6{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-pd1uj6.svelte-pd1uj6{width:4.25rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-pd1uj6.svelte-pd1uj6{width:4.25rem;height:4.25rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-pd1uj6.svelte-pd1uj6{margin-left:0.75rem;padding-left:0.75rem;min-height:4.25rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 0.0625rem;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-pd1uj6.svelte-pd1uj6{white-space:nowrap;font-size:1.375rem;font-weight:bold;line-height:1.875rem}.item-name.svelte-pd1uj6.svelte-pd1uj6{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.25rem;line-height:1.75rem}.item-label-item__bar.svelte-pd1uj6.svelte-pd1uj6{position:absolute;bottom:0;width:0.1875rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-pd1uj6.svelte-pd1uj6:after{content:'';position:absolute;bottom:0;width:1.5rem;height:1.5rem;background-image:url(\"//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png \");background-position:center;background-size:contain;transform:translate(-0.65625rem, 50%)}@-webkit-keyframes svelte-pd1uj6-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-pd1uj6-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
+	append_styles(target, "svelte-gduhqw", ".item-label-item.svelte-gduhqw.svelte-gduhqw{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:svelte-gduhqw-fadeIn .3s ease-in}.item-label-item.fold.svelte-gduhqw>.item-label-item__text-wrap.svelte-gduhqw{visibility:hidden}.item-label-item.fold.svelte-gduhqw>.item-label-item__bar.anchor.svelte-gduhqw{visibility:hidden}.item-label-item.fold.svelte-gduhqw>.item-label-item__bar.anchor.svelte-gduhqw:after{visibility:visible}.item-label-item__text-wrap.svelte-gduhqw.svelte-gduhqw{height:-moz-fit-content;height:fit-content;padding:0.75rem 1.25rem 0.75rem 0.75rem;position:absolute;width:-moz-max-content;width:max-content;max-width:29.5625rem;min-height:5.75rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:0.09375rem solid rgba(255, 255, 255, .65);border-radius:0.1875rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-gduhqw.svelte-gduhqw{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-gduhqw.svelte-gduhqw{width:4.25rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-gduhqw.svelte-gduhqw{width:4.25rem;height:4.25rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-gduhqw.svelte-gduhqw{margin-left:0.75rem;padding-left:0.75rem;min-height:4.25rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 0.0625rem;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-gduhqw.svelte-gduhqw{white-space:nowrap;font-size:1.375rem;font-weight:bold;line-height:1.875rem}.item-name.svelte-gduhqw.svelte-gduhqw{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.25rem;line-height:1.75rem}.item-label-item__bar.svelte-gduhqw.svelte-gduhqw{position:absolute;bottom:0;width:0.1875rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-gduhqw.svelte-gduhqw:after{content:'';position:absolute;bottom:0;width:1.5rem;height:1.5rem;background-image:url(\"//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png \");background-position:center;background-size:contain;transform:translate(-0.65625rem, 50%)}@keyframes svelte-gduhqw-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
 }
 
 // (34:8) {:else}
@@ -49,9 +49,9 @@ function create_else_block(ctx) {
 			t2 = space();
 			span1 = element("span");
 			t3 = text(t3_value);
-			attr(span0, "class", "item-model svelte-pd1uj6");
-			attr(span1, "class", "item-name svelte-pd1uj6");
-			attr(div, "class", "item-label-text svelte-pd1uj6");
+			attr(span0, "class", "item-model svelte-gduhqw");
+			attr(span1, "class", "item-name svelte-gduhqw");
+			attr(div, "class", "item-label-text svelte-gduhqw");
 		},
 		m(target, anchor) {
 			if (if_block) if_block.m(target, anchor);
@@ -120,9 +120,9 @@ function create_if_block_1(ctx) {
 		c() {
 			div1 = element("div");
 			div0 = element("div");
-			attr(div0, "class", "icon svelte-pd1uj6");
+			attr(div0, "class", "icon svelte-gduhqw");
 			attr(div0, "style", div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon})`);
-			attr(div1, "class", "icon-wrap svelte-pd1uj6");
+			attr(div1, "class", "icon-wrap svelte-gduhqw");
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
@@ -178,12 +178,12 @@ function create_fragment(ctx) {
 
 			attr(div0, "class", div0_class_value = "" + (null_to_empty(classNames("item-label-item__text-wrap", {
 				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
-			})) + " svelte-pd1uj6"));
+			})) + " svelte-gduhqw"));
 
 			set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-pd1uj6"));
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-gduhqw"));
 			set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			attr(div2, "class", div2_class_value = "" + (null_to_empty(classNames("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-pd1uj6"));
+			attr(div2, "class", div2_class_value = "" + (null_to_empty(classNames("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-gduhqw"));
 			set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
 			set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
 		},
@@ -214,7 +214,7 @@ function create_fragment(ctx) {
 
 			if (dirty & /*itemLabel*/ 1 && div0_class_value !== (div0_class_value = "" + (null_to_empty(classNames("item-label-item__text-wrap", {
 				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
-			})) + " svelte-pd1uj6"))) {
+			})) + " svelte-gduhqw"))) {
 				attr(div0, "class", div0_class_value);
 			}
 
@@ -222,7 +222,7 @@ function create_fragment(ctx) {
 				set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
 			}
 
-			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-pd1uj6"))) {
+			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(classNames("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-gduhqw"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -230,7 +230,7 @@ function create_fragment(ctx) {
 				set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
 			}
 
-			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (null_to_empty(classNames("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-pd1uj6"))) {
+			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (null_to_empty(classNames("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-gduhqw"))) {
 				attr(div2, "class", div2_class_value);
 			}
 

package/libs/ModelItemLabelPlugin/ItemLabelComponent.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.50.1 */
+/* generated by Svelte v3.51.0 */
 import {
 	SvelteComponent,
 	add_render_callback,

package/libs/ModelItemLabelPlugin/ItemLabelItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.50.1 */
+/* generated by Svelte v3.51.0 */
 import {
 	SvelteComponent,
 	append,
@@ -22,7 +22,7 @@ import "./events.type";
 import classNames from 'classnames';
 
 function add_css(target) {
-	append_styles(target, "svelte-lmta6z", ".item-label-item.svelte-lmta6z{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-lmta6z{opacity:1;-webkit-animation:svelte-lmta6z-fadeIn .3s ease-in;animation:svelte-lmta6z-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-lmta6z::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(1rem);z-index:-1}.item-label-item__text-wrap.svelte-lmta6z{padding:0.375rem 0.375rem 0;position:absolute;height:1.25rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:0.625rem;font-size:0.6875rem;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-lmta6z{padding-bottom:0.25rem;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:0.0625rem solid;-o-border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-lmta6z{position:absolute;bottom:0;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@-webkit-keyframes svelte-lmta6z-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-lmta6z-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
+	append_styles(target, "svelte-1ir3cyd", ".item-label-item.svelte-1ir3cyd{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}.item-label-item.visible.svelte-1ir3cyd{opacity:1;animation:svelte-1ir3cyd-fadeIn .3s ease-in}.item-label-item__text-wrap.svelte-1ir3cyd::before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);filter:blur(1rem);z-index:-1}.item-label-item__text-wrap.svelte-1ir3cyd{padding:0.375rem 0.375rem 0;position:absolute;height:1.25rem;pointer-events:all;background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap;line-height:0.625rem;font-size:0.6875rem;font-weight:bold;color:#FFEAC0;transform:translate(-50%, 0);display:flex;justify-content:center;align-items:center}.item-label-item__text.svelte-1ir3cyd{padding-bottom:0.25rem;border-top:0 solid;border-left:0 solid;border-right:0 solid;border-bottom:0.0625rem solid;-o-border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5;border-image:linear-gradient(to right, rgba(234, 208, 154, 0), rgba(234, 208, 154, 100), rgba(234, 208, 154, 0)) 4.5 1 4.5}.item-label-item__bar.svelte-1ir3cyd{position:absolute;bottom:0;width:0.0625rem;background-image:linear-gradient(to bottom, rgba(234, 208, 154, 0), rgba(234, 208, 154, 1))}@keyframes svelte-1ir3cyd-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
 }
 
 function create_fragment(ctx) {
@@ -49,12 +49,12 @@ function create_fragment(ctx) {
 			t0 = text(t0_value);
 			t1 = space();
 			div1 = element("div");
-			attr(span, "class", "item-label-item__text svelte-lmta6z");
-			attr(div0, "class", "item-label-item__text-wrap svelte-lmta6z");
+			attr(span, "class", "item-label-item__text svelte-1ir3cyd");
+			attr(div0, "class", "item-label-item__text-wrap svelte-1ir3cyd");
 			set_style(div0, "top", `-${/*itemLabel*/ ctx[0].strokeLength + 26}px`);
-			attr(div1, "class", "item-label-item__bar svelte-lmta6z");
+			attr(div1, "class", "item-label-item__bar svelte-1ir3cyd");
 			set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			attr(div2, "class", div2_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-lmta6z"));
+			attr(div2, "class", div2_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1ir3cyd"));
 			set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
 			set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
 		},
@@ -84,7 +84,7 @@ function create_fragment(ctx) {
 				set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
 			}
 
-			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-lmta6z"))) {
+			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (null_to_empty(classNames("item-label-item", { visible: /*itemLabel*/ ctx[0].visible })) + " svelte-1ir3cyd"))) {
 				attr(div2, "class", div2_class_value);
 			}
 

package/libs/ModelRoomLabelPlugin/RoomLabelItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.50.1 */
+/* generated by Svelte v3.51.0 */
 import {
 	SvelteComponent,
 	append,

package/libs/ModelRoomLabelPlugin/RoomLabelItems.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.50.1 */
+/* generated by Svelte v3.51.0 */
 import {
 	SvelteComponent,
 	add_render_callback,

package/libs/PanoDoorLabelPlugin/BaseController.d.ts

@@ -1,5 +1,5 @@
 import { Five } from '@realsee/five';
-import { BaseOptions, Controller, EventMap, State } from 'src/base/BasePlugin';
+import { BaseOptions, Controller, EventMap, State } from '../base/BasePlugin';
 /**
  * pano plugin controller 基类
  * @author kyleju

package/libs/PanoDoorLabelPlugin/BaseController.js

@@ -1,5 +1,5 @@
 import { Five } from '@realsee/five';
-import { Controller } from 'src/base/BasePlugin';
+import { Controller } from '../base/BasePlugin';
 /**
  * pano plugin controller 基类
  * @author kyleju

package/libs/PanoDoorLabelPlugin/DoorLabelItem.js

@@ -1,4 +1,4 @@
-/* generated by Svelte v3.50.1 */
+/* generated by Svelte v3.51.0 */
 import {
 	SvelteComponent,
 	append,

package/libs/PanoMeasurePlugin/Controller/BaseController.d.ts

@@ -1,16 +1,18 @@
-import type Line from '../Model/line';
 import type Magnifier from '../Modules/Magnifier';
 import type FiveHelper from '../Modules/FiveHelper';
 import type { Group } from 'three';
 import type { Model } from '../Model';
+import type { Config } from '../typings';
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
 import type { UserDistanceItem } from '../utils/distanceDom';
 import type { Five, Intersection, IntersectMeshInterface, Subscribe } from '@realsee/five';
 import type { OpenParameter } from '../typings/data';
+import Line from '../Model/line';
 export interface IControllerParams {
     five: Five;
     group: Group;
     model: Model;
+    config: Config;
     mouseGroup: Group;
     container: Element;
     magnifier: Magnifier;
@@ -19,10 +21,12 @@ export interface IControllerParams {
     hook: Subscribe<PanoMeasurePluginEvent>;
     userDistanceItemCreator?: () => UserDistanceItem;
 }
-export default abstract class BaseController {
+export default class BaseController {
+    model: Model;
     protected five: Five;
     protected group: Group;
-    protected model: Model;
+    protected config: Config;
+    protected dashed: Line;
     protected disposed: boolean;
     protected isMobile: boolean;
     protected mouseGroup: Group;
@@ -32,8 +36,8 @@ export default abstract class BaseController {
     protected magnifier: IControllerParams['magnifier'];
     protected userDistanceItemCreator: IControllerParams['userDistanceItemCreator'];
     constructor(params: IControllerParams);
+    updateDistanceUI: () => void;
     protected removeLine(line: Line): void;
-    protected updateDistanceUI: () => void;
     protected updateMouseGroup(intersection: Intersection, mesh?: IntersectMeshInterface): Group;
     protected dispose(): void;
 }

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -1,7 +1,15 @@
+import Line from '../Model/line';
+import Point from '../Model/point';
 import { preventDefault } from '../utils/ironbox';
 export default class BaseController {
     constructor(params) {
         var _a, _b;
+        Object.defineProperty(this, "model", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "five", {
             enumerable: true,
             configurable: true,
@@ -14,7 +22,13 @@ export default class BaseController {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "model", {
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dashed", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -73,6 +87,7 @@ export default class BaseController {
             configurable: true,
             writable: true,
             value: () => {
+                this.dashed.distanceItem.update(this.five);
                 this.model.lines.forEach((line) => line.distanceItem.update(this.five));
             }
         });
@@ -80,6 +95,7 @@ export default class BaseController {
         this.five = params.five;
         this.hook = params.hook;
         this.model = params.model;
+        this.config = params.config;
         this.magnifier = params.magnifier;
         this.container = params.container;
         this.fiveHelper = params.fiveHelper;
@@ -88,6 +104,10 @@ export default class BaseController {
         // ==================== Groups ====================
         this.group = params.group;
         this.mouseGroup = params.mouseGroup;
+        // ==================== 虚线 ====================
+        this.dashed = new Line(new Point([0, 0, 0]), new Point([0, 0, 0]), this.model);
+        this.dashed.mesh.setMaterial({ dashed: true, dashScale: 100 });
+        this.dashed.mesh.name = 'dashLine';
         const fiveElement = this.five.getElement();
         if (fiveElement) {
             fiveElement.addEventListener('touchstart', preventDefault);

package/libs/PanoMeasurePlugin/Controller/EditController.d.ts

@@ -1,5 +1,4 @@
 import type { LineJson } from '../typings/data';
-import { Model } from '../Model';
 import Line from '../Model/line';
 import BaseController, { IControllerParams } from './BaseController';
 export interface EditEvent {
@@ -7,15 +6,12 @@ export interface EditEvent {
 }
 export default class EditController extends BaseController {
     type: string;
-    model: Model;
     private pressPoint?;
     private hasAppendDashed;
     private hasAppendMouseGroup;
     private fiveElement?;
     /** 上一个端点位置 */
     private lastPoint;
-    /** 鼠标点到上一个端点连接的虚线 */
-    private dashed;
     private hammer?;
     /** 根据 intersection 更新放大镜和吸附点 */
     private onIntersectionUpdate;

package/libs/PanoMeasurePlugin/Controller/EditController.js

@@ -15,12 +15,6 @@ export default class EditController extends BaseController {
             writable: true,
             value: 'edit'
         });
-        Object.defineProperty(this, "model", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Model({ userDistanceItemCreator: this.userDistanceItemCreator })
-        });
         Object.defineProperty(this, "pressPoint", {
             enumerable: true,
             configurable: true,
@@ -52,13 +46,6 @@ export default class EditController extends BaseController {
             writable: true,
             value: null
         });
-        /** 鼠标点到上一个端点连接的虚线 */
-        Object.defineProperty(this, "dashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
         Object.defineProperty(this, "hammer", {
             enumerable: true,
             configurable: true,
@@ -271,9 +258,7 @@ export default class EditController extends BaseController {
                 this.dashed.distanceItem.update(this.five);
             }
         });
-        // ==================== 虚线 ====================
-        this.dashed = new Line(new Point([0, 0, 0]), new Point([0, 0, 0]), this.model);
-        this.dashed.mesh.setMaterial({ dashed: true, dashScale: 100 });
+        this.model = new Model(this.config);
         // ==================== 事件监听 ====================
         // five
         this.five.on('cameraUpdate', this.onCameraUpdate);

package/libs/PanoMeasurePlugin/Controller/MixedController.d.ts

@@ -15,8 +15,6 @@ export default class MixedController extends BaseController {
     private mobileNowPoint;
     private highlightedLines;
     private deleteDom;
-    /** 圆环点到上一个端点连接的虚线 */
-    private dashed;
     constructor(params: IControllerParams);
     dispose(): void;
     highlightLine(line: Line): void;

package/libs/PanoMeasurePlugin/Controller/MixedController.js

@@ -1,6 +1,5 @@
 import { Model } from '../Model';
 import Line from '../Model/line';
-import Point from '../Model/point';
 import BaseController from './BaseController';
 import DeleteDom from '../Modules/DeleteDom';
 import { findAssociatedLines } from '../utils/findAssociatedLines';
@@ -20,7 +19,7 @@ export default class MixedController extends BaseController {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: new Model({ userDistanceItemCreator: this.userDistanceItemCreator })
+            value: new Model(this.config)
         });
         Object.defineProperty(this, "hasAppendDashed", {
             enumerable: true,
@@ -58,13 +57,6 @@ export default class MixedController extends BaseController {
             writable: true,
             value: void 0
         });
-        /** 圆环点到上一个端点连接的虚线 */
-        Object.defineProperty(this, "dashed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
         /** 编辑线条发生改变时通知外部 */
         Object.defineProperty(this, "onLineChanged", {
             enumerable: true,
@@ -267,10 +259,6 @@ export default class MixedController extends BaseController {
             onClick: this.deleteDomClickCallback,
             cancelDelete: this.cancelDeleteClickCallback,
         }).appendTo(this.container);
-        // ==================== 虚线 ====================
-        this.dashed = new Line(new Point([0, 0, 0]), new Point([0, 0, 0]), this.model);
-        this.dashed.mesh.setMaterial({ dashed: true, dashScale: 100 });
-        this.dashed.mesh.name = 'dashLine';
         // ==================== 事件监听 ====================
         // five
         this.five.on('cameraUpdate', this.onCameraUpdate);

package/libs/PanoMeasurePlugin/Controller/index.d.ts

@@ -1,10 +1,11 @@
+import type { Config } from '../typings';
 import type { OpenParameter, PluginData } from '../typings/data';
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
 import type { UserDistanceItem } from '../utils/distanceDom';
 import Magnifier, { MagnifierParameter } from '../Modules/Magnifier';
 import { Five, Subscribe } from '@realsee/five';
 export declare type Mode = 'Watch' | 'Edit' | 'Mixed' | 'View';
-export interface PanoMeasureParameterType {
+export interface PanoMeasureParameterType extends Partial<Config> {
     openParams?: OpenParameter;
     magnifierParams?: MagnifierParameter;
     useUIController?: boolean;
@@ -18,6 +19,7 @@ export default class MeasureController {
     private five;
     private model;
     private group;
+    private config;
     private fiveHelper;
     private useUIController?;
     private params;
@@ -67,4 +69,5 @@ export default class MeasureController {
      * @param isMobile true为移动端模式，false为pc端
      */
     changeIsMobile(isMobile: boolean): void;
+    changeConfigs(config: Partial<Config>): void;
 }

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -4,6 +4,7 @@ import EditController from './EditController';
 import ViewController from './ViewController';
 import WatchController from './WatchController';
 import MixedController from './MixedController';
+import { omit } from '../../shared-utils/filter';
 import { Group } from 'three';
 import { Model } from '../Model';
 import { Subscribe } from '@realsee/five';
@@ -51,6 +52,12 @@ export default class MeasureController {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "fiveHelper", {
             enumerable: true,
             configurable: true,
@@ -149,7 +156,14 @@ export default class MeasureController {
         });
         this.five = five;
         this.params = params;
-        this.model = new Model({ userDistanceItemCreator: this.params.userDistanceItemCreator });
+        const defaultConfig = {
+            userDistanceItemCreator: undefined,
+            getDistanceText(distance) {
+                return distance.toFixed(2) + 'm';
+            },
+        };
+        this.config = Object.assign(Object.assign({}, defaultConfig), omit(params, ['openParams', 'magnifierParams']));
+        this.model = new Model(this.config);
         this.fiveHelper = new FiveHelper(five);
         // magnifier
         this.magnifier = new Magnifier(five, (_a = params.magnifierParams) !== null && _a !== void 0 ? _a : { width: 190, height: 190, scale: 2 });
@@ -171,6 +185,7 @@ export default class MeasureController {
             hook: this.hook,
             group: this.group,
             model: this.model,
+            config: this.config,
             magnifier: this.magnifier,
             container: this.container,
             fiveHelper: this.fiveHelper,
@@ -305,4 +320,12 @@ export default class MeasureController {
             (_b = this.useUIController) === null || _b === void 0 ? void 0 : _b.dispose();
         this.useUIController = new UIController(this, this.controllerParams);
     }
+    changeConfigs(config) {
+        var _a;
+        if (config.getDistanceText && config.getDistanceText !== this.config.getDistanceText) {
+            const getDistanceText = config.getDistanceText;
+            this.config.getDistanceText = getDistanceText;
+            (_a = this.controller) === null || _a === void 0 ? void 0 : _a.updateDistanceUI();
+        }
+    }
 }

package/libs/PanoMeasurePlugin/Model/index.d.ts

@@ -1,5 +1,5 @@
+import type { Config } from '../typings';
 import type { PluginData } from '../typings/data';
-import type { UserDistanceItem } from '../utils/distanceDom';
 import Line from './line';
 import Point from './point';
 import { Subscribe, SubscribeEventMap } from '@realsee/five';
@@ -14,16 +14,13 @@ interface IModelEvent extends SubscribeEventMap {
      */
     lineRemoved: (lines: Line) => void;
 }
-export interface ModelParams {
-    userDistanceItemCreator?: () => UserDistanceItem;
-}
 export declare class Model {
     readonly lines: Line[];
     readonly points: Point[];
-    readonly params: ModelParams;
+    readonly params: Config;
     readonly polylines: Polyline[];
     readonly hook: Subscribe<IModelEvent>;
-    constructor(params: ModelParams);
+    constructor(params: Config);
     addLine(line: Line): this;
     removeLineByID(lineID: string): void;
     removeLine(line: Line): this;

package/libs/PanoMeasurePlugin/typings/index.d.ts

@@ -0,0 +1,8 @@
+import type { UserDistanceItem } from '../utils/distanceDom';
+export interface Config {
+    userDistanceItemCreator: undefined | (() => UserDistanceItem);
+    /** 展示 distance DOM 时，使用的转换函数
+     * @param distance 单位是 m
+     */
+    getDistanceText: (distance: number) => string;
+}

package/libs/PanoMeasurePlugin/typings/index.js

@@ -0,0 +1 @@
+export {};

package/libs/PanoMeasurePlugin/utils/distanceDom.d.ts

@@ -12,12 +12,12 @@ export interface UserDistanceItem {
         polyline: PolylineCompletelyJson;
     }) => void;
 }
-export interface IDistanceItemProps {
+export interface CreateDistanceItemProps {
     line: Line;
     userDistanceItem?: UserDistanceItem;
     clickCallback?: (item: DistanceItem) => unknown;
 }
-export declare function createDistanceItem(props: IDistanceItemProps): {
+export declare function createDistanceItem(props: CreateDistanceItemProps): {
     lineID: string;
     ndcPosition: Vector3;
     update: (five: Five) => void;

package/libs/PanoMeasurePlugin/utils/distanceDom.js

@@ -89,7 +89,8 @@ export function createDistanceItem(props) {
         if (userDistanceItem) {
             userDistanceItem.update({ line: line.toCompletelyJson(), polyline: line.getPolyline().toCompletelyJson() });
         }
-        const distanceString = startPoint.position.clone().distanceTo(endPoint.position).toFixed(2) + 'm';
+        const distance = startPoint.position.clone().distanceTo(endPoint.position);
+        const distanceString = props.line.model.params.getDistanceText(distance);
         contentDom.innerText !== distanceString && (contentDom.innerText = distanceString);
     }
     function appendTo(container) {

package/libs/PanoRulerPlugin/Plugin.d.ts

@@ -1,7 +1,9 @@
 import type { FivePlugin } from '@realsee/five';
 import type { RoomInfo, RoomRules } from './typings';
-export interface PanoRulerPluginOptions {
-    distanceText?: (distance: number) => string;
+interface PanoRulerPluginConfig {
+    distanceText: (distance: number) => string;
+}
+export interface PanoRulerPluginOptions extends Partial<PanoRulerPluginConfig> {
     className?: string;
 }
 interface PanoRulerPluginPluginState {
@@ -19,6 +21,7 @@ export interface PanoRulerPluginExportType {
     disable: () => void;
     load: (roomInfo?: RoomInfo, roomRules?: RoomRules, options?: PanoRulerPluginOptions) => Promise<boolean>;
     state: PanoRulerPluginPluginState;
+    changeConfigs: (config: Partial<PanoRulerPluginConfig>) => void;
 }
 /**
  * 全景标尺插件

package/libs/PanoRulerPlugin/Plugin.js

@@ -387,11 +387,28 @@ export const PanoRulerPlugin = (five, params) => {
         state.enable = false;
         return true;
     };
+    function changeConfigs(config) {
+        if (config.distanceText && config.distanceText !== state.options.distanceText) {
+            const distanceText = config.distanceText;
+            state.options.distanceText = distanceText;
+            Object.values(__rule).forEach((item) => {
+                item.rules.forEach((rule) => {
+                    const [origin, vertical] = rule.rule;
+                    const distance = origin.distanceTo(vertical);
+                    const textEle = rule.$element.querySelector('.PanoRulerPlugin-rule-label-name');
+                    if (!textEle)
+                        return;
+                    textEle.innerText = distanceText(distance);
+                });
+            });
+        }
+    }
     return {
         enable,
         disable,
         load,
         state,
+        changeConfigs,
     };
 };
 export const panoRulerPluginServerParams = {