@realsee/dnalogel 2.0.0-alpha.9 → 2.0.0-beta.36

package/dist/PanoSpatialTagPlugin/store.d.ts

@@ -0,0 +1 @@
+export declare const currentTarget: import("svelte/store").Writable<any>;

package/dist/PanoSpatialTagPlugin/style.d.ts

@@ -0,0 +1 @@
+export declare const pluginStyle: Partial<CSSStyleDeclaration>;

package/dist/PanoSpatialTagPlugin/typings.d.ts

@@ -0,0 +1,40 @@
+import type * as THREE from 'three';
+export declare type PanoSpatialTagPluginId = string | number;
+export interface PanoSpatialTagPluginContentReplacement {
+    [key: string]: string;
+}
+interface PanoSpatialTagPluginAppData {
+    replacement: PanoSpatialTagPluginContentReplacement;
+    weight?: number;
+}
+export interface PanoSpatialTagPluginDataElement extends PanoSpatialTagPluginAppData {
+    id: PanoSpatialTagPluginId;
+    position: number[];
+    normal: number[];
+}
+export interface PanoSpatialTagPluginTagElement {
+    id: PanoSpatialTagPluginId;
+    position: THREE.Vector3;
+    normal: THREE.Vector3;
+    app: any;
+    destroying?: boolean;
+}
+export interface PanoSpatialTagPluginOriginElement {
+    id: PanoSpatialTagPluginId;
+    front: boolean;
+    left: number;
+    top: number;
+    destroying?: boolean;
+}
+export interface PanoSpatialTagPluginContentEvent {
+    [className: string]: (id: PanoSpatialTagPluginId) => any;
+}
+export interface PanoSpatialTagPluginPointElement {
+    id: PanoSpatialTagPluginId;
+    position: THREE.Vector3;
+    normal: THREE.Vector3;
+    replacement: PanoSpatialTagPluginContentReplacement;
+    weight: number;
+    distance?: number;
+}
+export {};

package/dist/base/BasePlugin.d.ts

@@ -0,0 +1,100 @@
+import { Five, Subscribe } from '@realsee/five';
+/**
+ * 基本属性字段
+ */
+interface State {
+    /**
+     * 插件是否启用
+     */
+    enabled: boolean;
+    /**
+     * 插件UI是否展示
+     */
+    visible?: boolean;
+    /**
+     * 插件的配置项
+     */
+    config?: unknown;
+}
+interface BaseOptions {
+    /** 是否是用户行为 */
+    userAction?: boolean;
+}
+/**
+ * 插件基本事件
+ */
+declare type EventMap<PluginState> = {
+    /**
+     * 插件被销毁
+     */
+    dispose: () => void;
+    /**
+     * 插件状态变化
+     * @param params.state      最新的State
+     * @param params.prevState  上一个State
+     * @param params.userAction 是否是用户触发
+     */
+    stateChange: (params: {
+        state: PluginState;
+        prevState?: PluginState;
+        userAction: boolean;
+    }) => void;
+};
+/**
+ * plugin 的基本控制器
+ */
+declare abstract class Controller<PluginState extends State, PluginEventMap extends EventMap<PluginState>> {
+    five: Five;
+    /**
+     * 插件事件钩子
+     */
+    hooks: Subscribe<PluginEventMap>;
+    /**
+     * 当前状态
+     * @description
+     * ```text
+     * 可以通过 plugin.state 和 plugin.setState 来获取和设置。
+     * 通过 state 设置后，plugin 会通过合适的动画运动来达到设置的效果。
+     * 来迎合一些通过数据驱动的场景。
+     * ```
+     */
+    abstract state: PluginState;
+    constructor(five: Five);
+    /**
+     * 获取当前的插件状态，如果当初插件内存在需要通过动画变更的 state 值，则通过此方法可以得到中间状态
+     */
+    getCurrentState(): PluginState;
+    /**
+     * 插件自身DOM添加到父容器
+     * @param wrapper
+     */
+    appendTo?(wrapper: Element): void;
+    /**
+     * 展示UI
+     */
+    show?(options?: BaseOptions): Promise<void>;
+    /**
+     * 隐藏UI
+     */
+    hide?(options?: BaseOptions): Promise<void>;
+    /**
+     * 启用插件，让插件能够响应交互
+     */
+    abstract enable(options?: BaseOptions): void;
+    /**
+     * 禁用插件，让插件停止响应交互
+     */
+    abstract disable(options?: BaseOptions): void;
+    /**
+     * 插件进行销毁
+     */
+    abstract dispose(): void;
+    /**
+     * 设置state
+     * @param state 插件的目标状态
+     * @param options 配置项
+     */
+    abstract setState(state: Partial<PluginState>, options?: BaseOptions): void;
+}
+export type { State, EventMap, BaseOptions };
+export { Controller };

package/dist/base/BasePluginWithData.d.ts

@@ -0,0 +1,34 @@
+import * as BasePlugin from './BasePlugin';
+declare type State = BasePlugin.State;
+interface EventMap<PluginState, PluginData> extends BasePlugin.EventMap<PluginState> {
+    /** 数据变更 */
+    dataChange: (data: PluginData, prevData?: PluginData) => void;
+    /** 数据加载完成 */
+    dataLoaded: (data: PluginData) => void;
+}
+/**
+ * 插件的基础数据
+ */
+interface ServerData {
+    /**
+     * 数据版本
+     */
+    version: number;
+    /**
+     * 数据
+     */
+    data?: unknown;
+}
+declare abstract class Controller<PluginState extends State, PluginEventMap extends EventMap<PluginState, PluginData>, PluginServerData extends ServerData, PluginData> extends BasePlugin.Controller<PluginState, PluginEventMap> {
+    protected abstract data?: PluginData;
+    /**
+     * 加载插件依赖数据
+     * @param serverData 插件数据
+     * @param state 插件 State
+     */
+    abstract load(serverData: PluginServerData, state?: PluginState, userAction?: boolean): Promise<void>;
+    /** 把原始数据转化为插件数据 */
+    protected abstract formatData?(serverData: PluginServerData): Promise<PluginData>;
+}
+export type { State, EventMap, ServerData };
+export { Controller };

package/dist/components/PaintBrush/Controller.d.ts

@@ -0,0 +1,43 @@
+import { noop } from './utils';
+import { PaintBrushAction, PaintBrushConfigs, PaintBrushEventMap, PaintBrushState } from './typings';
+import { Subscribe } from './Subscribe';
+export declare class Controller extends Subscribe<PaintBrushEventMap> {
+    configs: PaintBrushConfigs;
+    private clientWidth;
+    private clientHeight;
+    private ready;
+    private uuid;
+    private tween?;
+    private tweening;
+    private container;
+    private canvas;
+    private data;
+    private tempLine;
+    get color(): string;
+    get state(): Record<string, PaintBrushState[]>;
+    get dpr(): number;
+    constructor(configs: PaintBrushConfigs);
+    ifInsertToDOM(): HTMLDivElement;
+    /**
+     *
+     * @param className 初始化画板
+     * @returns
+     */
+    initCanvas(className: string): HTMLCanvasElement;
+    /**
+     * 初始化操作面板
+     * @returns
+     */
+    initCtrl(): HTMLDivElement;
+    openBrush(): void;
+    closeBrush(): void;
+    updateCurrentColor(color: string): void;
+    openBrushHandle(): void;
+    emitStateChange(action: PaintBrushAction, userAction?: boolean): void;
+    action(action: PaintBrushAction): void;
+    handleDrawLine(_uuid: string, data: PaintBrushState, { withUndo }: {
+        withUndo?: boolean;
+    }, callback?: typeof noop): void;
+    handleUndo(uuid: string): void;
+    destroyBrush(): void;
+}

package/dist/components/PaintBrush/Subscribe.d.ts

@@ -0,0 +1,76 @@
+export declare type EventMap = {
+    [name: string]: (...args: any[]) => void | boolean;
+};
+/**
+ * 监听者模式
+ * @template T 预设的监听回调类型
+ * @example
+ * ```
+ * new Subscribe<{
+ * "foo": [arg1: number, arg2: string],
+ * "bar": [arg: boolean],
+ * }>()
+ * ```
+ */
+declare class Subscribe<T extends EventMap> {
+    /**
+     * 判断是否注册了事件
+     * @param name  事件类型
+     */
+    hasListener(name: keyof T): boolean;
+    /**
+     * 注册事件
+     * @param  name    事件类型
+     * @param  callback 事件回调函数
+     * @param  once     是否只执行一次
+     * @returns 解除事件
+     * @template K 预设的监听事件名称
+     * @template C 回调函数函数上下文
+     */
+    on<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>, once?: boolean): () => void;
+    /**
+     * 注册事件(是否只执行一次)
+     * @param  name     事件类型
+     * @param  callback 事件回调函数
+     * @returns 解除事件
+     * @template K 预设的监听事件名称
+     * @template C 回调函数函数上下文
+     */
+    once<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>): () => void;
+    /**
+     * 解除事件
+     *
+     * 如果 name 不传的话解除对应所有事件
+     * 如果 name, callback 不传的话解除所有name的所有事件
+     * @param  name     事件类型
+     * @param  callback 事件回调函数
+     * @template K 预设的监听事件名称
+     */
+    off<K extends keyof T>(name?: K, callback?: (...args: Parameters<T[K]>) => ReturnType<T[K]>): void;
+    /**
+     * 触发事件
+     * @param  name  事件类型
+     * @param  data  触发事件的数据
+     * @returns canceled 是否被触发取消
+     * @template K 预设的监听事件名称
+     */
+    emit<K extends keyof T>(name: K, ...data: Parameters<T[K]>): boolean;
+}
+export declare namespace SubscribeMixinType {
+    interface hasListener<T extends EventMap> {
+        (name: keyof T): boolean;
+    }
+    interface on<T extends EventMap> {
+        <K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>, once?: boolean): () => void;
+    }
+    interface once<T extends EventMap> {
+        <K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>): () => void;
+    }
+    interface off<T extends EventMap> {
+        <K extends keyof T>(names?: K | K[], callback?: (...args: any[]) => any): void;
+    }
+    interface emit<T extends EventMap> {
+        <K extends keyof T>(name: K, ...data: Parameters<T[K]>): boolean;
+    }
+}
+export { Subscribe };

package/dist/components/PaintBrush/index.d.ts

@@ -0,0 +1,27 @@
+import type { PaintBrushAction, PaintBrushConfigs, PaintBrushEventMap, PaintBrushState } from './typings';
+export declare class PaintBrush {
+    private controller;
+    constructor(configs?: Partial<PaintBrushConfigs>);
+    on<K extends keyof PaintBrushEventMap>(name: K, callback: (...args: Parameters<PaintBrushEventMap[K]>) => ReturnType<PaintBrushEventMap[K]>): void;
+    off<K extends keyof PaintBrushEventMap>(name: K, callback: (...args: Parameters<PaintBrushEventMap[K]>) => ReturnType<PaintBrushEventMap[K]>): void;
+    once<K extends keyof PaintBrushEventMap>(name: K, callback: (...args: Parameters<PaintBrushEventMap[K]>) => ReturnType<PaintBrushEventMap[K]>): void;
+    /**
+     * 显示画笔。
+     */
+    show(): void;
+    action(action: PaintBrushAction): void;
+    /**
+     * 获取画笔状态。
+     */
+    get state(): Record<string, PaintBrushState[]>;
+    get configs(): PaintBrushConfigs;
+    /**
+     * 销毁。
+     *
+     * @deprecated
+     *
+     * @description 画笔应该维护一个 **全局单例**，重复利用。
+     */
+    dispose(): void;
+    setCurrentColor(color: string): void;
+}

package/dist/components/PaintBrush/style.d.ts

@@ -0,0 +1,2 @@
+declare const PaintBrushStyle = "\n<style type=\"text/css\">\n\n#_gl_paintBrush {\nposition: fixed;\ntop: 0;\nbottom: 0;\nleft: 0;\nright: 0;\ntransform: translateZ(0);\nz-index: 1997;\npointer-events: none;\nopacity: 0;\ntransition: all 500ms;\n}\n\n#_gl_paintBrush.brushing {\n  opacity: 1;\n}\n\n#_gl_paintBrush ._paintBrush-canvas {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n#_gl_paintBrush ._paintBrush-canvas--sync {\n  pointer-events: none;\n  z-index: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n#_gl_paintBrush ._paintBrush-canvas {\n  pointer-events: none;\n  z-index: 1;\n}\n\n#_gl_paintBrush.brushing ._paintBrush-canvas {\n  pointer-events: auto;\n}\n\n#_gl_paintBrush ._paintBrush-ctrl {\n  width: 140px;\n  height: 52px;\n  position: absolute;\n  bottom: 28px;\n  right: 50%;\n  transform: translateX(50%);\n  font-size: 10px;\n  color: white;\n  z-index: 2;\n}\n\n#_gl_paintBrush.brushing ._paintBrush-ctrl {\n  pointer-events: auto;\n}\n\n#_gl_paintBrush ._paintBrush-ctrl ._paintBrush-ctrlinner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: 26px;\n  padding: 8px 16px;\n  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);\n  background-image: linear-gradient(180deg, hsl(0deg 0% 0% / 57%), hsl(0deg 0% 0% / 70%) 117%);\n}\n\n._paintBrush-ctrlitem {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 38px;\n  height: 38px;\n  cursor: pointer;\n}\n\n._paintBrush-ctrlitem--undo >.brush-icon{\n    background-image: url(\"//vrlab-static.ljcdn.com/release/web/revoke.ab7694ef.svg\");\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n._paintBrush-ctrlitem--close >.brush-icon {\n    background-image: url(\"//vrlab-static.ljcdn.com/release/web/exit_paintbrush.02bc1341.svg\");\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n</style>\n";
+export default PaintBrushStyle;

package/dist/components/PaintBrush/tween.d.ts

@@ -0,0 +1,62 @@
+import { Tween } from '@tweenjs/tween.js';
+export declare const Easing: {
+    Linear: {
+        None: (amount: number) => number;
+    };
+    Quadratic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Cubic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Quartic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Quintic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Sinusoidal: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Exponential: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Circular: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Elastic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Back: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Bounce: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+};
+export interface TweenRes extends Tween<any> {
+    onDestroy: (fn: () => void) => any;
+    destroy: () => any;
+}
+export default function tween(from: any, to: any, duration: number, easing?: (amount: number) => number): TweenRes;
+export declare function tweenProgress(duration: number, easing: (amount: number) => number): TweenRes;

package/dist/components/PaintBrush/typings.d.ts

@@ -0,0 +1,58 @@
+export interface PaintBrushConfigs {
+    container?: HTMLDivElement;
+    currentColor: string;
+    DPR?: number;
+    onClickClose?: () => void;
+    onClickUndo?: () => void;
+    onUndoText?: string;
+    onExitText?: string;
+}
+export declare type PaintBrushEventMap = {
+    readyChange: (ready: boolean) => void;
+    stateChange: (state: PaintBrushAction, userAction: boolean) => void;
+};
+export interface PaintBrushState {
+    move: {
+        x: number;
+        y: number;
+    };
+    line: {
+        x: number;
+        y: number;
+    }[];
+    color: string;
+    uuid: string;
+    duration: number;
+}
+export declare enum PaintBrushTypeEnum {
+    Drawline = "Drawline",
+    Undo = "Undo",
+    Exit = "Exit"
+}
+export interface PaintBrushAction {
+    uuid: string;
+    /**
+     * 类型枚举
+     */
+    type: PaintBrushTypeEnum;
+    /**
+     * 颜色色值
+     */
+    color: string;
+    /**
+     * 是否就绪
+     */
+    ready: boolean;
+    /**
+     * 状态值
+     */
+    state?: PaintBrushState;
+    /**
+     * 时间戳：当作 uuid 使用
+     */
+    timestamp?: number;
+    /**
+     * 是否是结尾数据
+     */
+    end?: boolean;
+}

package/dist/components/PaintBrush/utils.d.ts

@@ -0,0 +1,26 @@
+export declare function noop(): void;
+export interface Coords {
+    x: number;
+    y: number;
+}
+export declare function queue(promiseCallback?: () => Promise<void>): void;
+export declare function transformCoords(coords: Coords, cw: number, ch: number): {
+    x: number;
+    y: number;
+};
+export declare function unTransformCoords(coords: Coords, cw: number, ch: number): {
+    x: number;
+    y: number;
+};
+export declare function getQuadraticCurvePoint(points: Coords[]): {
+    control?: undefined;
+    end?: undefined;
+} | {
+    control: Coords;
+    end: {
+        x: number;
+        y: number;
+    };
+};
+export declare function execInterval(i: number, time: number, callback?: typeof noop): void;
+export declare function nextFrame(fn: FrameRequestCallback, delay?: number): void;

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PaintBrush';
+export * from './PaintBrush/typings';

package/dist/floorplan/ModelFloorplanPlugin/Controller.d.ts

@@ -1,65 +1,45 @@
-import { Five, Subscribe } from '@realsee/five';
-import type { FloorplanEventHandlers } from './typings/events.type';
+import type { BaseOptions } from '../../base/BasePlugin';
+import type { Five } from '@realsee/five';
+import type { ShowState } from '../utils/correctFiveState';
 import type { FloorplanServerData } from '../typings/floorplanServerData';
-import type { FloorplanRoomItem } from '../typings/floorplanData';
-import { FLOOR_PLAN_ATTACHED_TO } from '../constant';
-export interface ModelFloorplanParameterType {
-    selector?: string | Element;
-    scale?: number;
-    modelOpacity?: number;
-    autoShowEnable?: boolean;
-    hoverEnable?: boolean;
-    compassEnable?: boolean;
-    ruleLabelsEnable?: boolean;
-    roomLabelsEnable?: boolean;
-    cameraImageUrl?: string;
-    attachedTo?: FLOOR_PLAN_ATTACHED_TO;
-    getLabelElement?: (room: FloorplanRoomItem) => Element | null;
-}
-export declare type ModelFloorplanPluginsConfigs = Omit<ModelFloorplanParameterType, 'selector' | 'scale'>;
-export interface ModelFloorplanPluginsShowOpts {
-    floorIndex?: number;
-    isAutoShow?: boolean;
-    modelOpacity?: number;
-    immediately?: boolean;
-    userAction?: boolean;
-}
-export declare const MODEL_FLOORPLAN_PLUGIN_NAME = "modelFloorplanPlugin";
-export default class ModelFloorplanPluginController {
+import type { State, EventMap, ShowOptions, HideOptions, Parameters, PluginData, PluginServerData } from './typing';
+import * as BasePlugin from '../../base/BasePluginWithData';
+export declare class Controller extends BasePlugin.Controller<State, EventMap, PluginServerData, PluginData> {
     name: string;
-    /** 用于绑定事件钩子 */
-    hooks: Subscribe<FloorplanEventHandlers>;
-    /** 展示状态 */
-    visible: boolean;
-    /** 户型图大小 */
-    size: {
-        width: number;
-        height: number;
-    };
+    state: State;
+    protected data?: PluginData;
+    /** 展示户型图时，需要正确的状态 */
+    protected showState: ShowState;
+    /** show 动画的公共 Promise */
+    protected showPromise?: Promise<void>;
     private app?;
-    private pxmm;
-    private five;
     private panoIndex;
     private floorIndex;
-    private configs;
-    private lastPanoramaLongitude;
     private selector?;
-    private floorplanData?;
+    /** 公共 Promise 的 reject 方法 */
+    private showRejection?;
+    /** 户型图父容器 */
     private wrapper?;
+    /** 户型图主容器 */
     private container;
-    private showState;
-    /** 记录上次 show 的参数，如果不一致，需要 reject 掉正在进行的 showPromise */
-    private ModelFloorplanPluginsShowOpts?;
-    private showPromise?;
-    private showRejection?;
-    constructor(five: Five, params: ModelFloorplanParameterType);
-    dispose: () => void;
-    /** 加载户型图数据 */
-    load(data: FloorplanServerData): Promise<void>;
+    /** 展示户型图图前，Five 的 Panorama Longitude */
+    private lastPanoramaLongitude;
+    /** 户型图大小 */
+    private size;
+    /** 是否已经执行过事件监听 */
+    private hasAddedEventListener;
+    /** 上一次隐藏是否是用户调用了 hide 导致的 */
+    private isHiddenByHideFunc;
+    constructor(five: Five, params?: Parameters);
+    load(serverData: PluginServerData | FloorplanServerData, state?: Partial<State>, userAction?: boolean): Promise<void>;
     /** 把插件的渲染DOM插入到对应的容器中去 */
     appendTo(wrapper: Element): this;
-    /** 更新户型图大小 */
-    updateSize: () => void;
+    /** 启用插件 */
+    enable(options?: BaseOptions): void;
+    /** 禁用插件 */
+    disable(options?: BaseOptions): void;
+    /** 销毁插件 */
+    dispose: () => void;
     /** 展示户型图
      * 1. show 函数大部分情况下需要耗时
      * 2. 如果当前已经在展示中，将不会触发任何事件
@@ -70,35 +50,48 @@ export default class ModelFloorplanPluginController {
      * @param opts.modelOpacity 模型透明度
      * @param opts.immediately 是否立即展示
      * @param opts.isAutoShow 是否是自动展示
+     * @param opts.userAction 是否是用户行为
      */
-    show: (opts?: ModelFloorplanPluginsShowOpts) => Promise<boolean>;
+    show: (options?: Omit<Partial<ShowOptions>, 'isAutoShow'>) => Promise<void>;
     /** 隐藏户型图 */
-    hide: (options?: {
-        isAutoHide?: boolean;
-        userAction?: boolean;
-    }) => boolean;
-    /** 更改户型图楼层 */
-    changeFloor(floorIndex: number): void;
-    changeConfigs(params: ModelFloorplanPluginsConfigs): void;
-    /** 模型楼层高亮改变时，自动进行楼层切换 */
-    private onModelShownFloorChange;
-    private handleModelLoaded;
+    hide: (options?: Partial<HideOptions>) => Promise<void>;
+    /** 更改插件 State */
+    setState(state: Partial<State>, options?: BaseOptions): void;
+    /** 更新户型图大小 */
+    updateSize: () => void;
+    protected formatData(serverData: PluginServerData): Promise<PluginData>;
+    private _disable;
+    private _enable;
+    private _show;
+    private _hide;
+    private updateState;
+    /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
+     *
+     * - TODO: 等 selector 功能下掉之后删除这个逻辑
+     */
+    private initContainer;
     private handleClick;
-    private handleWantsTapGesture;
-    /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
-    private handleWantsChangeMode;
-    /** 监听模型态变化，只有在模型态才进行手势动作监听 */
-    private handleModeChange;
+    private addEventListener;
+    private removeEventListener;
+    /** modelLoaded 之后自动执行 append container 操作  */
+    private onFiveModelLoaded;
+    /** 更改模型时，自动隐藏户型图 */
+    private onFiveModeChange;
+    /** 惯性结束后，判断能否自动展示户型图 */
+    private onFiveInteriaPan;
     /** panoIndex 改变时，更新 floorIndex */
-    private handlePanoArrived;
-    /** 当户型图正在展示中的时候禁用惯性 */
-    private handleWantsInteriaPan;
+    private onFivePanoArrived;
+    /** cameraUpdate 时判断户型图是否应该自动隐藏 */
+    private onFiveCameraUpdate;
     /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
-    private handleWantsGesture;
-    /** 监听三维模型滑动
-     * 1. 在三维模型转动结束时，如果达到设置的阈值，会自动切换到户型图
-     * 2. 如何户型图已经展示，滑动时关闭户型图
-     */
-    private handlePanGesture;
+    private onFiveWantsGesture;
+    /** 户型图展示中，转动三维模型，结束时应该自动修复模型状态 */
+    private onFiveWantsPanGesture;
+    /** 阻止点击分间走点 */
+    private onFiveWantsTapGesture;
+    /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
+    private onFiveWantsChangeMode;
+    /** 模型楼层高亮改变时，自动进行楼层切换 */
+    private onModelShownFloorChange;
     private render;
 }