@realsee/dnalogel 2.0.0-alpha.42 → 2.0.0-alpha.45

package/dist/ItemLabelPlugin/PanoDoorLabelPlugin/typings.d.ts

@@ -0,0 +1,33 @@
+import type * as THREE from 'three';
+export interface DoorLabel {
+    /** 观察点的房间 */
+    roomName: string;
+    /** 标签展示的房间名 */
+    name: string;
+    /** 标签的三维坐标位置 */
+    position: THREE.Vector3;
+    /** 标签的朝向 */
+    toward: '' | 'left' | 'right' | 'back' | 'forward';
+    [props: string]: any;
+}
+export interface LabelItemProp extends DoorLabel {
+    /** css left */
+    left: number;
+    /** css top */
+    top: number;
+    /** css transform */
+    transform: string;
+    /** 当前点位有哪些标签可以展示 */
+    visible: boolean;
+    /** 是否能够展示在用户视线内（inSight 是 visible 的一个子集，当切换户型图模式或是有模型遮挡时，inSight 为 false） */
+    inSight: boolean;
+    /** icon 朝向 */
+    cameraToward: '' | 'left' | 'right' | 'back' | 'forward';
+}
+export interface NeverOverlapLabel {
+    left: number;
+    top: number;
+    disFromCameraToLabel: number;
+    index: number;
+    transform?: string;
+}

package/dist/ItemLabelPlugin/PanoDoorLabelPlugin/utils.d.ts

@@ -0,0 +1,5 @@
+import type { Five } from '@realsee/five';
+export declare function isTwoRectOverlaped(rect1: any, rect2: any): boolean;
+export declare function getCameraToward(five: Five): "" | "right" | "left" | "back" | "forward";
+export declare function getDistance(p1: any, p2: any): number;
+export declare function getToward(rad: number): "" | "right" | "left" | "back" | "forward";

package/dist/ItemLabelPlugin/floorplan/typings/floorplanServerData.d.ts

@@ -118,11 +118,24 @@ export interface FloorplanServerObserver {
     position: FloorplanServerPosition;
     position_in_image: FloorplanServerImagePosition;
 }
+export interface FloorplanServerDoorPosition {
+    x: number;
+    y: number;
+    z: number;
+}
+export interface FloorplanServerDoorItem {
+    id: string;
+    localName: string;
+    name: string;
+    position: FloorplanServerDoorPosition;
+    rad: number;
+}
 export interface FloorplanServerComputedData {
     floor_datas: FloorplanServerFloorData[];
     entrance: FloorplanServerEntrance | null;
     bounding: FloorplanServerBounding;
     observers: FloorplanServerObserver[];
+    doors: FloorplanServerDoorItem[];
 }
 /** 原始输入的户型图数据 */
 export interface FloorplanServerData {

package/dist/ItemLabelPlugin/index.js

@@ -42,11 +42,93 @@ exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = void 0;
 /* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.49.0 */
 
 function add_css$1(target) {
-	internal.append_styles(target, "svelte-dka7wz", ".item-label-item.svelte-dka7wz.svelte-dka7wz{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-dka7wz-fadeIn .3s ease-in;animation:svelte-dka7wz-fadeIn .3s ease-in}.item-label-item.fold.svelte-dka7wz>.item-label-item__text-wrap.svelte-dka7wz{visibility:hidden}.item-label-item.fold.svelte-dka7wz>.item-label-item__bar.anchor.svelte-dka7wz{visibility:hidden}.item-label-item.fold.svelte-dka7wz>.item-label-item__bar.anchor.svelte-dka7wz:after{visibility:visible}.item-label-item__text-wrap.svelte-dka7wz.svelte-dka7wz{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;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:1.5px solid rgba(255, 255, 255, .65);border-radius:0.15625rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.icon-wrap.svelte-dka7wz.svelte-dka7wz{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-dka7wz.svelte-dka7wz{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-dka7wz.svelte-dka7wz{margin-left:0.625rem;padding-left:0.625rem;min-height:3.54167rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 1px;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-dka7wz.svelte-dka7wz{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-dka7wz.svelte-dka7wz{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-dka7wz.svelte-dka7wz{position:absolute;bottom:0;width:0.15625rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 0.41667rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-dka7wz.svelte-dka7wz:after{content:'';position:absolute;bottom:0;width:1.25rem;height:1.25rem;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.54688rem, 50%)}@-webkit-keyframes svelte-dka7wz-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-dka7wz-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
+	internal.append_styles(target, "svelte-6b32dy", ".item-label-item.svelte-6b32dy.svelte-6b32dy{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-6b32dy-fadeIn .3s ease-in;animation:svelte-6b32dy-fadeIn .3s ease-in}.item-label-item.fold.svelte-6b32dy>.item-label-item__text-wrap.svelte-6b32dy{visibility:hidden}.item-label-item.fold.svelte-6b32dy>.item-label-item__bar.anchor.svelte-6b32dy{visibility:hidden}.item-label-item.fold.svelte-6b32dy>.item-label-item__bar.anchor.svelte-6b32dy:after{visibility:visible}.item-label-item__text-wrap.svelte-6b32dy.svelte-6b32dy{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;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:1.5px solid rgba(255, 255, 255, .65);border-radius:0.15625rem;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-6b32dy.svelte-6b32dy{padding:0.625rem;max-width:unset;min-height:unset}.icon-wrap.svelte-6b32dy.svelte-6b32dy{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-6b32dy.svelte-6b32dy{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-6b32dy.svelte-6b32dy{margin-left:0.625rem;padding-left:0.625rem;min-height:3.54167rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 1px;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-6b32dy.svelte-6b32dy{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-6b32dy.svelte-6b32dy{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-6b32dy.svelte-6b32dy{position:absolute;bottom:0;width:0.15625rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 0.41667rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-6b32dy.svelte-6b32dy:after{content:'';position:absolute;bottom:0;width:1.25rem;height:1.25rem;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.54688rem, 50%)}@-webkit-keyframes svelte-6b32dy-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-6b32dy-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
 }
 
-// (21:2) {#if itemLabel.icon}
+// (34:8) {:else}
+function create_else_block(ctx) {
+	let t0;
+	let div;
+	let span0;
+	let t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "";
+	let t1;
+	let t2;
+	let span1;
+	let t3_value = /*itemLabel*/ ctx[0].name + "";
+	let t3;
+	let if_block = /*itemLabel*/ ctx[0].icon && create_if_block_1(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			t0 = internal.space();
+			div = internal.element("div");
+			span0 = internal.element("span");
+			t1 = internal.text(t1_value);
+			t2 = internal.space();
+			span1 = internal.element("span");
+			t3 = internal.text(t3_value);
+			internal.attr(span0, "class", "item-model svelte-6b32dy");
+			internal.attr(span1, "class", "item-name svelte-6b32dy");
+			internal.attr(div, "class", "item-label-text svelte-6b32dy");
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			internal.insert(target, t0, anchor);
+			internal.insert(target, div, anchor);
+			internal.append(div, span0);
+			internal.append(span0, t1);
+			internal.append(div, t2);
+			internal.append(div, span1);
+			internal.append(span1, t3);
+		},
+		p(ctx, dirty) {
+			if (/*itemLabel*/ ctx[0].icon) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block_1(ctx);
+					if_block.c();
+					if_block.m(t0.parentNode, t0);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*itemLabel*/ 1 && t1_value !== (t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "")) internal.set_data(t1, t1_value);
+			if (dirty & /*itemLabel*/ 1 && t3_value !== (t3_value = /*itemLabel*/ ctx[0].name + "")) internal.set_data(t3, t3_value);
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) internal.detach(t0);
+			if (detaching) internal.detach(div);
+		}
+	};
+}
+
+// (32:8) {#if Boolean(typeof itemLabel.render === 'function')}
 function create_if_block$1(ctx) {
+	let div;
+
+	return {
+		c() {
+			div = internal.element("div");
+		},
+		m(target, anchor) {
+			internal.insert(target, div, anchor);
+			/*div_binding*/ ctx[6](div);
+		},
+		p: internal.noop,
+		d(detaching) {
+			if (detaching) internal.detach(div);
+			/*div_binding*/ ctx[6](null);
+		}
+	};
+}
+
+// (35:12) {#if itemLabel.icon}
+function create_if_block_1(ctx) {
 	let div1;
 	let div0;
 	let div0_style_value;
@@ -57,16 +139,16 @@ function create_if_block$1(ctx) {
 		c() {
 			div1 = internal.element("div");
 			div0 = internal.element("div");
-			internal.attr(div0, "class", "icon svelte-dka7wz");
+			internal.attr(div0, "class", "icon svelte-6b32dy");
 			internal.attr(div0, "style", div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon})`);
-			internal.attr(div1, "class", "icon-wrap svelte-dka7wz");
+			internal.attr(div1, "class", "icon-wrap svelte-6b32dy");
 		},
 		m(target, anchor) {
 			internal.insert(target, div1, anchor);
 			internal.append(div1, div0);
 
 			if (!mounted) {
-				dispose = internal.listen(div1, "click", /*click_handler*/ ctx[5]);
+				dispose = internal.listen(div1, "click", /*click_handler*/ ctx[7]);
 				mounted = true;
 			}
 		},
@@ -84,115 +166,106 @@ function create_if_block$1(ctx) {
 }
 
 function create_fragment$1(ctx) {
-	let div3;
-	let div1;
-	let t0;
-	let div0;
-	let span0;
-	let t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "";
-	let t1;
-	let t2;
-	let span1;
-	let t3_value = /*itemLabel*/ ctx[0].name + "";
-	let t3;
-	let t4;
 	let div2;
+	let div0;
+	let show_if;
+	let div0_class_value;
+	let t;
+	let div1;
+	let div1_class_value;
 	let div2_class_value;
-	let div3_class_value;
 	let mounted;
 	let dispose;
-	let if_block = /*itemLabel*/ ctx[0].icon && create_if_block$1(ctx);
+
+	function select_block_type(ctx, dirty) {
+		if (dirty & /*itemLabel*/ 1) show_if = null;
+		if (show_if == null) show_if = !!Boolean(typeof /*itemLabel*/ ctx[0].render === 'function');
+		if (show_if) return create_if_block$1;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type(ctx, -1);
+	let if_block = current_block_type(ctx);
 
 	return {
 		c() {
-			div3 = internal.element("div");
-			div1 = internal.element("div");
-			if (if_block) if_block.c();
-			t0 = internal.space();
-			div0 = internal.element("div");
-			span0 = internal.element("span");
-			t1 = internal.text(t1_value);
-			t2 = internal.space();
-			span1 = internal.element("span");
-			t3 = internal.text(t3_value);
-			t4 = internal.space();
 			div2 = internal.element("div");
-			internal.attr(span0, "class", "item-model svelte-dka7wz");
-			internal.attr(span1, "class", "item-name svelte-dka7wz");
-			internal.attr(div0, "class", "item-label-text svelte-dka7wz");
-			internal.attr(div1, "class", "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap")) + " svelte-dka7wz"));
-			internal.set_style(div1, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-dka7wz"));
-			internal.set_style(div2, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			internal.attr(div3, "class", div3_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-dka7wz"));
-			internal.set_style(div3, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
-			internal.set_style(div3, "transform", /*itemLabel*/ ctx[0].transform, false);
+			div0 = internal.element("div");
+			if_block.c();
+			t = internal.space();
+			div1 = internal.element("div");
+
+			internal.attr(div0, "class", div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", {
+				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
+			})) + " svelte-6b32dy"));
+
+			internal.set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			internal.attr(div1, "class", div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-6b32dy"));
+			internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+			internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-6b32dy"));
+			internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+			internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
 		},
 		m(target, anchor) {
-			internal.insert(target, div3, anchor);
-			internal.append(div3, div1);
-			if (if_block) if_block.m(div1, null);
-			internal.append(div1, t0);
-			internal.append(div1, div0);
-			internal.append(div0, span0);
-			internal.append(span0, t1);
-			internal.append(div0, t2);
-			internal.append(div0, span1);
-			internal.append(span1, t3);
-			internal.append(div3, t4);
-			internal.append(div3, div2);
+			internal.insert(target, div2, anchor);
+			internal.append(div2, div0);
+			if_block.m(div0, null);
+			internal.append(div2, t);
+			internal.append(div2, div1);
 
 			if (!mounted) {
-				dispose = internal.listen(div1, "click", /*onClick*/ ctx[3]);
+				dispose = internal.listen(div0, "click", /*onClick*/ ctx[4]);
 				mounted = true;
 			}
 		},
 		p(ctx, [dirty]) {
-			if (/*itemLabel*/ ctx[0].icon) {
+			if (current_block_type === (current_block_type = select_block_type(ctx, dirty)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
 				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block$1(ctx);
 					if_block.c();
-					if_block.m(div1, t0);
+					if_block.m(div0, null);
 				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
 			}
 
-			if (dirty & /*itemLabel*/ 1 && t1_value !== (t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "")) internal.set_data(t1, t1_value);
-			if (dirty & /*itemLabel*/ 1 && t3_value !== (t3_value = /*itemLabel*/ ctx[0].name + "")) internal.set_data(t3, t3_value);
+			if (dirty & /*itemLabel*/ 1 && div0_class_value !== (div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", {
+				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
+			})) + " svelte-6b32dy"))) {
+				internal.attr(div0, "class", div0_class_value);
+			}
 
 			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div1, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+				internal.set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
 			}
 
-			if (dirty & /*anchorEnabled*/ 2 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-dka7wz"))) {
-				internal.attr(div2, "class", div2_class_value);
+			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-6b32dy"))) {
+				internal.attr(div1, "class", div1_class_value);
 			}
 
 			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div2, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
+				internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
 			}
 
-			if (dirty & /*itemLabel*/ 1 && div3_class_value !== (div3_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-dka7wz"))) {
-				internal.attr(div3, "class", div3_class_value);
+			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-6b32dy"))) {
+				internal.attr(div2, "class", div2_class_value);
 			}
 
 			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div3, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
+				internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
 			}
 
 			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div3, "transform", /*itemLabel*/ ctx[0].transform, false);
+				internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
 			}
 		},
 		i: internal.noop,
 		o: internal.noop,
 		d(detaching) {
-			if (detaching) internal.detach(div3);
-			if (if_block) if_block.d();
+			if (detaching) internal.detach(div2);
+			if_block.d();
 			mounted = false;
 			dispose();
 		}
@@ -210,16 +283,50 @@ function instance$1($$self, $$props, $$invalidate) {
 		hooks.emit('onLabelClick', itemLabel);
 	}
 
+	let customElement;
+
+	function div_binding($$value) {
+		internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			customElement = $$value;
+			$$invalidate(3, customElement);
+		});
+	}
+
 	const click_handler = e => onIconClick(itemLabel);
 
 	$$self.$$set = $$props => {
 		if ('itemLabel' in $$props) $$invalidate(0, itemLabel = $$props.itemLabel);
-		if ('hooks' in $$props) $$invalidate(4, hooks = $$props.hooks);
+		if ('hooks' in $$props) $$invalidate(5, hooks = $$props.hooks);
 		if ('anchorEnabled' in $$props) $$invalidate(1, anchorEnabled = $$props.anchorEnabled);
 		if ('onIconClick' in $$props) $$invalidate(2, onIconClick = $$props.onIconClick);
 	};
 
-	return [itemLabel, anchorEnabled, onIconClick, onClick, hooks, click_handler];
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*itemLabel, customElement*/ 9) {
+			{
+				if (typeof itemLabel.render === 'function' && customElement) {
+					if (customElement.children.length === 0) {
+						const child = itemLabel.render(itemLabel);
+
+						if (child) {
+							customElement.appendChild(child);
+						}
+					}
+				}
+			}
+		}
+	};
+
+	return [
+		itemLabel,
+		anchorEnabled,
+		onIconClick,
+		customElement,
+		onClick,
+		hooks,
+		div_binding,
+		click_handler
+	];
 }
 
 class ItemLabelItem extends internal.SvelteComponent {
@@ -234,7 +341,7 @@ class ItemLabelItem extends internal.SvelteComponent {
 			internal.safe_not_equal,
 			{
 				itemLabel: 0,
-				hooks: 4,
+				hooks: 5,
 				anchorEnabled: 1,
 				onIconClick: 2
 			},

package/dist/ItemLabelPlugin/typings.d.ts

@@ -22,6 +22,7 @@ export interface ItemLabelPluginData {
         position: [number, number, number];
         type?: string[];
         icon?: string;
+        render?: (data: ItemLabel) => HTMLDivElement;
         [key: string]: any;
     }>[];
 }
@@ -37,6 +38,7 @@ export interface ItemLabel {
     observerIndex?: number | undefined;
     visible?: boolean;
     isFold?: boolean;
+    render?: (data: ItemLabel) => HTMLDivElement;
     [key: string]: any;
 }
 export interface ItemLabelPluginExportReturnsType {

package/dist/ModelChassisCompassPlugin/ItemLabelPlugin/typings.d.ts

@@ -22,6 +22,7 @@ export interface ItemLabelPluginData {
         position: [number, number, number];
         type?: string[];
         icon?: string;
+        render?: (data: ItemLabel) => HTMLDivElement;
         [key: string]: any;
     }>[];
 }
@@ -37,6 +38,7 @@ export interface ItemLabel {
     observerIndex?: number | undefined;
     visible?: boolean;
     isFold?: boolean;
+    render?: (data: ItemLabel) => HTMLDivElement;
     [key: string]: any;
 }
 export interface ItemLabelPluginExportReturnsType {

package/dist/ModelChassisCompassPlugin/PanoCompassPlugin/index.d.ts

@@ -4,4 +4,4 @@ import type { PanoCompassPluginParameterType } from './typings';
 export declare type PanoCompassPluginExportType = PanoCompassController;
 export declare const PanoCompassPlugin: FivePlugin<PanoCompassPluginParameterType, PanoCompassPluginExportType>;
 export default PanoCompassPlugin;
-export type { PanoCompassPluginParameterType } from './typings';
+export type { PanoCompassPluginParameterType, PanoCompassPluginData } from './typings';

package/dist/ModelChassisCompassPlugin/PanoDoorLabelPlugin/BaseController.d.ts

@@ -0,0 +1,60 @@
+import { Five } from '@realsee/five';
+import { BaseOptions, Controller, EventMap, State } from 'src/base/BasePlugin';
+/**
+ * pano plugin controller 基类
+ * @author kyleju
+ */
+export declare abstract class BasePanoPluginController<T extends State, E extends EventMap<T>> extends Controller<T, E> {
+    state: T;
+    container: Element;
+    enabled: boolean;
+    constructor(five: Five);
+    /**
+     * 启用组件
+     * @param options
+     */
+    enable(options?: BaseOptions): void;
+    /**
+     * 禁用组件
+     * @param options
+     */
+    disable(options?: BaseOptions): void;
+    /**
+     * 显示 UI
+     * @param options
+     * @returns
+     */
+    show(options?: BaseOptions): Promise<void>;
+    /**
+     * 隐藏 UI
+     * @param options
+     * @returns
+     */
+    hide(options: BaseOptions): Promise<void>;
+    /**
+     * 销毁对象
+     */
+    dispose(): void;
+    /**
+     * 设置状态
+     * @param state @T 状态
+     * @param options @BaseOptions 可选配置
+     * @returns
+     */
+    setState(state: Partial<T>, options?: BaseOptions): void;
+    get visible(): boolean;
+    appendTo(container: Element): void;
+    private updateState;
+    /**
+     * 组件 渲染
+     */
+    abstract render(): any;
+    /**
+     * State 初始化
+     */
+    abstract initState(): T;
+    /**
+     * State 改变回调
+     */
+    abstract stateChangedCallback(prevState: T, options?: BaseOptions): any;
+}

package/dist/ModelChassisCompassPlugin/PanoDoorLabelPlugin/Controller.d.ts

@@ -0,0 +1,36 @@
+import type { Five } from '@realsee/five';
+import type { BaseOptions, EventMap, State } from 'src/base/BasePlugin';
+import type { FloorplanServerData } from '../floorplan/typings/floorplanServerData';
+import { BasePanoPluginController } from './BaseController';
+/**
+ * 分间标签插件
+ * @author kyleju
+ */
+export declare class PanoDoorLabelPluginController extends BasePanoPluginController<State, EventMap<State>> {
+    private MinVisibledistance;
+    private MaxVisibledistance;
+    private OffsetHeight;
+    private rooms;
+    private floorplanServerData;
+    /** 标签项 */
+    private doorLabelItems;
+    /** 每个点位 visible 标签的缓存 */
+    private visibleLabelMap;
+    /** 标签项Prop值 */
+    private labelItems;
+    /** 数据 */
+    private doorLabels;
+    private roomObservers;
+    constructor(five: Five);
+    loadData: (floorplanServerData: FloorplanServerData) => void;
+    stateChangedCallback(prevState: State, options?: BaseOptions): void;
+    render(): void;
+    initState(): State;
+    dispose(): void;
+    private initRoomObservers;
+    private hideAllLabels;
+    private fixDoorVisibleAndPosition;
+    private fixDoorPosition;
+    private onClick;
+    private initData;
+}

package/dist/ModelChassisCompassPlugin/PanoDoorLabelPlugin/index.d.ts

@@ -0,0 +1,7 @@
+import type { FivePlugin } from '@realsee/five';
+import type { FloorplanServerData } from '../floorplan';
+import type { PanoDoorLabelPluginController } from './Controller';
+export type { FloorplanServerData, FloorplanServerRoomItem, } from 'src/floorplan/typings/floorplanServerData';
+declare const PanoDoorLabelPlugin: FivePlugin<FloorplanServerData, PanoDoorLabelPluginController>;
+export { PanoDoorLabelPlugin };
+export default PanoDoorLabelPlugin;

package/dist/ModelChassisCompassPlugin/PanoDoorLabelPlugin/typings.d.ts

@@ -0,0 +1,33 @@
+import type * as THREE from 'three';
+export interface DoorLabel {
+    /** 观察点的房间 */
+    roomName: string;
+    /** 标签展示的房间名 */
+    name: string;
+    /** 标签的三维坐标位置 */
+    position: THREE.Vector3;
+    /** 标签的朝向 */
+    toward: '' | 'left' | 'right' | 'back' | 'forward';
+    [props: string]: any;
+}
+export interface LabelItemProp extends DoorLabel {
+    /** css left */
+    left: number;
+    /** css top */
+    top: number;
+    /** css transform */
+    transform: string;
+    /** 当前点位有哪些标签可以展示 */
+    visible: boolean;
+    /** 是否能够展示在用户视线内（inSight 是 visible 的一个子集，当切换户型图模式或是有模型遮挡时，inSight 为 false） */
+    inSight: boolean;
+    /** icon 朝向 */
+    cameraToward: '' | 'left' | 'right' | 'back' | 'forward';
+}
+export interface NeverOverlapLabel {
+    left: number;
+    top: number;
+    disFromCameraToLabel: number;
+    index: number;
+    transform?: string;
+}

package/dist/ModelChassisCompassPlugin/PanoDoorLabelPlugin/utils.d.ts

@@ -0,0 +1,5 @@
+import type { Five } from '@realsee/five';
+export declare function isTwoRectOverlaped(rect1: any, rect2: any): boolean;
+export declare function getCameraToward(five: Five): "" | "right" | "left" | "back" | "forward";
+export declare function getDistance(p1: any, p2: any): number;
+export declare function getToward(rad: number): "" | "right" | "left" | "back" | "forward";

package/dist/ModelChassisCompassPlugin/floorplan/typings/floorplanServerData.d.ts

@@ -118,11 +118,24 @@ export interface FloorplanServerObserver {
     position: FloorplanServerPosition;
     position_in_image: FloorplanServerImagePosition;
 }
+export interface FloorplanServerDoorPosition {
+    x: number;
+    y: number;
+    z: number;
+}
+export interface FloorplanServerDoorItem {
+    id: string;
+    localName: string;
+    name: string;
+    position: FloorplanServerDoorPosition;
+    rad: number;
+}
 export interface FloorplanServerComputedData {
     floor_datas: FloorplanServerFloorData[];
     entrance: FloorplanServerEntrance | null;
     bounding: FloorplanServerBounding;
     observers: FloorplanServerObserver[];
+    doors: FloorplanServerDoorItem[];
 }
 /** 原始输入的户型图数据 */
 export interface FloorplanServerData {