@realsee/dnalogel 2.0.0-alpha.4 → 2.0.0-alpha.40

package/libs/floorplan/Components/RuleLabels/RuleLabels.js

@@ -0,0 +1,269 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	append_styles,
+	assign,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	get_spread_update,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	outro_and_destroy_block,
+	safe_not_equal,
+	set_style,
+	transition_in,
+	transition_out,
+	update_keyed_each
+} from "svelte/internal";
+
+import RuleItem from './RuleItem';
+
+function add_css(target) {
+	append_styles(target, "svelte-12vlcaz", ".floorplan-plugin__rule-labels-wrapper.svelte-12vlcaz{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[12] = list[i][0];
+	child_ctx[13] = list[i][1];
+	return child_ctx;
+}
+
+// (19:2) {#each ruleLabelArray as [type, data] (type)}
+function create_each_block(key_1, ctx) {
+	let first;
+	let ruleitem;
+	let current;
+
+	const ruleitem_spread_levels = [
+		{
+			type: /*type*/ ctx[12],
+			data: /*data*/ ctx[13],
+			bounding: /*bounding*/ ctx[0]
+		}
+	];
+
+	let ruleitem_props = {};
+
+	for (let i = 0; i < ruleitem_spread_levels.length; i += 1) {
+		ruleitem_props = assign(ruleitem_props, ruleitem_spread_levels[i]);
+	}
+
+	ruleitem = new RuleItem({ props: ruleitem_props });
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			first = empty();
+			create_component(ruleitem.$$.fragment);
+			this.first = first;
+		},
+		m(target, anchor) {
+			insert(target, first, anchor);
+			mount_component(ruleitem, target, anchor);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			const ruleitem_changes = (dirty & /*ruleLabelArray, bounding*/ 9)
+			? get_spread_update(ruleitem_spread_levels, [
+					{
+						type: /*type*/ ctx[12],
+						data: /*data*/ ctx[13],
+						bounding: /*bounding*/ ctx[0]
+					}
+				])
+			: {};
+
+			ruleitem.$set(ruleitem_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(ruleitem.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(ruleitem.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(first);
+			destroy_component(ruleitem, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let current;
+	let each_value = /*ruleLabelArray*/ ctx[3];
+	const get_key = ctx => /*type*/ ctx[12];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context(ctx, each_value, i);
+		let key = get_key(child_ctx);
+		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	return {
+		c() {
+			div = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div, "class", "floorplan-plugin__rule-labels-wrapper svelte-12vlcaz");
+			set_style(div, "width", /*width*/ ctx[2], false);
+			set_style(div, "height", /*height*/ ctx[1], false);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*ruleLabelArray, bounding*/ 9) {
+				each_value = /*ruleLabelArray*/ ctx[3];
+				group_outros();
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block, null, get_each_context);
+				check_outros();
+			}
+
+			if (dirty & /*width*/ 4) {
+				set_style(div, "width", /*width*/ ctx[2], false);
+			}
+
+			if (dirty & /*height*/ 2) {
+				set_style(div, "height", /*height*/ ctx[1], false);
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+		}
+	};
+}
+
+const padding = 1000;
+const exteriorWallOffset = 180;
+
+function instance($$self, $$props, $$invalidate) {
+	let bounding;
+	let ruleLabelData;
+	let ruleLabelDataKeys;
+	let ruleLabelArray;
+	let boundingWidth;
+	let boundingHeight;
+	let contentWidth;
+	let contentHeight;
+	let width;
+	let height;
+	let { floorIndex } = $$props;
+	let { floorplanData } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('floorIndex' in $$props) $$invalidate(4, floorIndex = $$props.floorIndex);
+		if ('floorplanData' in $$props) $$invalidate(5, floorplanData = $$props.floorplanData);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData*/ 32) {
+			$: $$invalidate(0, bounding = floorplanData.bounding);
+		}
+
+		if ($$self.$$.dirty & /*floorplanData, floorIndex*/ 48) {
+			$: $$invalidate(10, ruleLabelData = floorplanData.floorDatas[floorIndex].rules);
+		}
+
+		if ($$self.$$.dirty & /*ruleLabelData*/ 1024) {
+			$: $$invalidate(11, ruleLabelDataKeys = Object.keys(ruleLabelData));
+		}
+
+		if ($$self.$$.dirty & /*ruleLabelDataKeys, ruleLabelData*/ 3072) {
+			$: $$invalidate(3, ruleLabelArray = ruleLabelDataKeys.map(key => [key, ruleLabelData[key]]));
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(8, boundingWidth = bounding.max.x - bounding.min.x);
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(6, boundingHeight = bounding.max.y - bounding.min.y);
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(9, contentWidth = bounding.max.x - bounding.min.x - (padding - exteriorWallOffset) * 2);
+		}
+
+		if ($$self.$$.dirty & /*bounding*/ 1) {
+			$: $$invalidate(7, contentHeight = bounding.max.y - bounding.min.y - (padding - exteriorWallOffset) * 2);
+		}
+
+		if ($$self.$$.dirty & /*contentWidth, boundingWidth*/ 768) {
+			$: $$invalidate(2, width = contentWidth / boundingWidth * 100 + '%');
+		}
+
+		if ($$self.$$.dirty & /*contentHeight, boundingHeight*/ 192) {
+			$: $$invalidate(1, height = contentHeight / boundingHeight * 100 + '%');
+		}
+	};
+
+	return [
+		bounding,
+		height,
+		width,
+		ruleLabelArray,
+		floorIndex,
+		floorplanData,
+		boundingHeight,
+		contentHeight,
+		boundingWidth,
+		contentWidth,
+		ruleLabelData,
+		ruleLabelDataKeys
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { floorIndex: 4, floorplanData: 5 }, add_css);
+	}
+}
+
+export default Component;

package/libs/floorplan/Components/SvgImage.js

@@ -0,0 +1,83 @@
+/* generated by Svelte v3.47.0 */
+import {
+	HtmlTag,
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	safe_not_equal,
+	space
+} from "svelte/internal";
+
+function add_css(target) {
+	append_styles(target, "svelte-1qqy56u", ".floorplan-plugin__base-image.svelte-1qqy56u{width:100%;height:100%}");
+}
+
+function create_fragment(ctx) {
+	let div;
+	let html_tag;
+	let t;
+	let html_tag_1;
+
+	return {
+		c() {
+			div = element("div");
+			html_tag = new HtmlTag();
+			t = space();
+			html_tag_1 = new HtmlTag();
+			html_tag.a = t;
+			html_tag_1.a = null;
+			attr(div, "class", "floorplan-plugin__base-image svelte-1qqy56u");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			html_tag.m(/*svgStyle*/ ctx[1], div);
+			append(div, t);
+			html_tag_1.m(/*content*/ ctx[0], div);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*content*/ 1) html_tag_1.p(/*content*/ ctx[0]);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { content } = $$props;
+
+	const svgStyle = `
+    <style>
+      svg [type='lineGroup'] path {
+        fill: #ffffff;
+        stroke: #ffffff;
+      }
+      svg [type='lineItemGroup'] g g g g {
+        stroke: #ffffff;
+      }
+    </style>
+  `;
+
+	$$self.$$set = $$props => {
+		if ('content' in $$props) $$invalidate(0, content = $$props.content);
+	};
+
+	return [content, svgStyle];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { content: 0 }, add_css);
+	}
+}
+
+export default Component;

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

@@ -1,63 +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';
-export interface ModelFloorplanParameterType {
-    selector?: string | Element;
-    scale?: number;
-    modelOpacity?: number;
-    autoShowEnable?: boolean;
-    hoverEnable?: boolean;
-    compassEnable?: boolean;
-    ruleLabelsEnable?: boolean;
-    roomLabelsEnable?: boolean;
-    cameraImageUrl?: string;
-    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, Config, 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. 如果当前已经在展示中，将不会触发任何事件
@@ -68,35 +50,49 @@ 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;
+    changeConfigs(_config: Partial<Config>, userAction?: boolean): 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;
 }