@realsee/dnalogel 2.0.0-alpha.43 → 2.0.0-alpha.46

package/dist/PanoRulerProPlugin/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/PanoRulerProPlugin/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/PanoRulerProPlugin/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/PanoRulerProPlugin/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/PanoRulerProPlugin/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/PanoRulerProPlugin/index.js

@@ -241,7 +241,7 @@ function throttle(func, wait = 200) {
     };
 }
 
-/* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.49.0 */
+/* src/PanoRulerProPlugin/RulerItem.svelte generated by Svelte v3.48.0 */
 
 function add_css(target) {
 	internal.append_styles(target, "svelte-qy4ud2", ".PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2.svelte-qy4ud2::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;-webkit-animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;animation:svelte-qy4ud2-viewport-rule-point 0.1s 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-qy4ud2 em.svelte-qy4ud2{display:block;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-qy4ud2.svelte-qy4ud2{display:flex;height:0.0625rem;-webkit-animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;animation:svelte-qy4ud2-viewport-rule-line 0.5s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;align-items:center}.em-solid.svelte-qy4ud2.svelte-qy4ud2{height:100%;background:#ffffff}.em-dotted.svelte-qy4ud2.svelte-qy4ud2{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-qy4ud2.svelte-qy4ud2{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-qy4ud2.svelte-qy4ud2{position:absolute;padding:0.1875rem 0.375rem;background:rgba(195, 195, 195, 0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);border-radius:6.25rem;border:0.0625rem solid rgba(255, 255, 255, 0.6);white-space:nowrap;overflow:hidden;color:#ffffff;font-weight:500;font-size:0.75rem;line-height:1;-webkit-animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;animation:svelte-qy4ud2-viewport-rule-label 0.25s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@-webkit-keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-qy4ud2-viewport-rule-line{0%{width:0%}100%{width:100%}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@-webkit-keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes svelte-qy4ud2-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
@@ -534,7 +534,7 @@ class RulerItem extends internal.SvelteComponent {
 	}
 }
 
-/* src/PanoRulerProPlugin/RulerItems.svelte generated by Svelte v3.49.0 */
+/* src/PanoRulerProPlugin/RulerItems.svelte generated by Svelte v3.48.0 */
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();

package/dist/PanoSpatialTagPlugin/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/PanoSpatialTagPlugin/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/PanoSpatialTagPlugin/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/PanoSpatialTagPlugin/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/PanoSpatialTagPlugin/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/PanoSpatialTagPlugin/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/PanoSpatialTagPlugin/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/PanoSpatialTagPlugin/index.js

@@ -236,7 +236,7 @@ const CSS3DRenderPlugin = (five) => {
 
 const currentTarget = store.writable(null);
 
-/* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.49.0 */
+/* src/PanoSpatialTagPlugin/Components/origins.svelte generated by Svelte v3.48.0 */
 
 function add_css$1(target) {
 	internal.append_styles(target, "svelte-1kuu68s", ".PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#fff;box-shadow:0 0 .6rem #fff;transform:translate(-50%, -50%) scale(1);transform-origin:center center;-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin 1.2s forwards;pointer-events:auto}.PanoSpatialTagPlugin__tag-origin.svelte-1kuu68s:after{content:'';position:absolute;top:50%;height:50%;width:2rem;height:2rem;transform:translate(-50%, -50%)}.PanoSpatialTagPlugin__tag-origin-destroy.svelte-1kuu68s{transform:translate(-50%, -50%) scale(0.6);-webkit-animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s;animation:svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy 1.2s forwards .7s}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin{0%{transform:translate(-50%, -50%) scale(1);opacity:0}100%{transform:translate(-50%, -50%) scale(0.6);opacity:1 }}@-webkit-keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes svelte-1kuu68s-PanoSpatialTagPlugin__tag-origin-destroy{0%{transform:translate(-50%, -50%) scale(0.6);opacity:1}10%{transform:translate(-50%, -50%) scale(1);opacity:0.9}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}");
@@ -385,7 +385,7 @@ class Origins extends internal.SvelteComponent {
 	}
 }
 
-/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.49.0 */
+/* src/PanoSpatialTagPlugin/Components/tag.svelte generated by Svelte v3.48.0 */
 
 function add_css(target) {
 	internal.append_styles(target, "svelte-eb8bdm", ".PanoSpatialTagPlugin__tag-x.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm.svelte-eb8bdm{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-eb8bdm.svelte-eb8bdm{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm.svelte-eb8bdm{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line.svelte-eb8bdm{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm.svelte-eb8bdm{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-animate.svelte-eb8bdm{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-eb8bdm.svelte-eb8bdm{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-flagpole.svelte-eb8bdm{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-shadow.svelte-eb8bdm{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content.svelte-eb8bdm{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-content .svelte-eb8bdm{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line1.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-eb8bdm .PanoSpatialTagPlugin__tag-line2.svelte-eb8bdm{opacity:0.5;transform:translate(-50%, 0) scaleY(0);-webkit-animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s;animation:svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@-webkit-keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-eb8bdm-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");

package/dist/floorplan/ModelFloorplanPlugin/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/floorplan/ModelFloorplanPlugin/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/floorplan/ModelFloorplanPlugin/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/floorplan/ModelFloorplanPlugin/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/floorplan/ModelFloorplanPlugin/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/floorplan/ModelFloorplanPlugin/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/floorplan/ModelFloorplanPlugin/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 {