@realsee/dnalogel 2.0.2 → 2.1.0-alpha.10

package/libs/PanoTagPlugin/Components/TagWrapper.js

@@ -0,0 +1,386 @@
+/* generated by Svelte v3.50.1 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	group_outros,
+	init,
+	insert,
+	listen,
+	mount_component,
+	safe_not_equal,
+	set_style,
+	space,
+	stop_propagation,
+	toggle_class,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import { noTypecheck } from '../utils';
+import { DimensionType, ContentType, PointType } from '../typings';
+import TagContent from './Tag/index';
+import TagPoint from './Common/Point/PointSwitch';
+import { onMount } from 'svelte';
+
+function add_css(target) {
+	append_styles(target, "svelte-1vzhbu2", ".wrapper.svelte-1vzhbu2{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}.point.svelte-1vzhbu2{-webkit-tap-highlight-color:transparent;position:absolute;transform:translate(-50%, -50%);left:50%;top:50%}");
+}
+
+// (43:2) {#if tag.dimensionType === DimensionType.Two}
+function create_if_block_1(ctx) {
+	let tagcontent;
+	let current;
+
+	tagcontent = new TagContent({
+			props: {
+				mediaStore: /*mediaStore*/ ctx[4],
+				withAnimation: /*withAnimation*/ ctx[0],
+				tag: noTypecheck(/*tag*/ ctx[1]),
+				hooks: /*hooks*/ ctx[2],
+				state: /*state*/ ctx[3],
+				temporaryState: /*temporaryState*/ ctx[5]
+			}
+		});
+
+	return {
+		c() {
+			create_component(tagcontent.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(tagcontent, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const tagcontent_changes = {};
+			if (dirty & /*mediaStore*/ 16) tagcontent_changes.mediaStore = /*mediaStore*/ ctx[4];
+			if (dirty & /*withAnimation*/ 1) tagcontent_changes.withAnimation = /*withAnimation*/ ctx[0];
+			if (dirty & /*tag*/ 2) tagcontent_changes.tag = noTypecheck(/*tag*/ ctx[1]);
+			if (dirty & /*hooks*/ 4) tagcontent_changes.hooks = /*hooks*/ ctx[2];
+			if (dirty & /*state*/ 8) tagcontent_changes.state = /*state*/ ctx[3];
+			if (dirty & /*temporaryState*/ 32) tagcontent_changes.temporaryState = /*temporaryState*/ ctx[5];
+			tagcontent.$set(tagcontent_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(tagcontent.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(tagcontent.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(tagcontent, detaching);
+		}
+	};
+}
+
+// (46:2) {#if tag.pointType === PointType.PointTag && tag.style?.point?.style !== 'noPoint'}
+function create_if_block(ctx) {
+	let div;
+	let tagpoint;
+	let current;
+	let mounted;
+	let dispose;
+	tagpoint = new TagPoint({ props: { tag: /*tag*/ ctx[1] } });
+
+	return {
+		c() {
+			div = element("div");
+			create_component(tagpoint.$$.fragment);
+			attr(div, "class", "point svelte-1vzhbu2");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(tagpoint, div, null);
+			current = true;
+
+			if (!mounted) {
+				dispose = listen(div, "click", stop_propagation(/*handlePointClick*/ ctx[11]));
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			const tagpoint_changes = {};
+			if (dirty & /*tag*/ 2) tagpoint_changes.tag = /*tag*/ ctx[1];
+			tagpoint.$set(tagpoint_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(tagpoint.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(tagpoint.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(tagpoint);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let t;
+	let div_data_id_value;
+	let current;
+	let if_block0 = /*tag*/ ctx[1].dimensionType === DimensionType.Two && create_if_block_1(ctx);
+	let if_block1 = /*tag*/ ctx[1].pointType === PointType.PointTag && /*tag*/ ctx[1].style?.point?.style !== 'noPoint' && create_if_block(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			if (if_block0) if_block0.c();
+			t = space();
+			if (if_block1) if_block1.c();
+			attr(div, "class", "wrapper svelte-1vzhbu2");
+			attr(div, "data-id", div_data_id_value = /*tag*/ ctx[1].id);
+			toggle_class(div, "hide", /*hide*/ ctx[10]);
+			toggle_class(div, "unfolded", /*unfolded*/ ctx[6]);
+			set_style(div, "left", /*left*/ ctx[9], false);
+			set_style(div, "top", /*top*/ ctx[8], false);
+			set_style(div, "z-index", /*zIndex*/ ctx[7], false);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			if (if_block0) if_block0.m(div, null);
+			append(div, t);
+			if (if_block1) if_block1.m(div, null);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*tag*/ ctx[1].dimensionType === DimensionType.Two) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+
+					if (dirty & /*tag*/ 2) {
+						transition_in(if_block0, 1);
+					}
+				} else {
+					if_block0 = create_if_block_1(ctx);
+					if_block0.c();
+					transition_in(if_block0, 1);
+					if_block0.m(div, t);
+				}
+			} else if (if_block0) {
+				group_outros();
+
+				transition_out(if_block0, 1, 1, () => {
+					if_block0 = null;
+				});
+
+				check_outros();
+			}
+
+			if (/*tag*/ ctx[1].pointType === PointType.PointTag && /*tag*/ ctx[1].style?.point?.style !== 'noPoint') {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+
+					if (dirty & /*tag*/ 2) {
+						transition_in(if_block1, 1);
+					}
+				} else {
+					if_block1 = create_if_block(ctx);
+					if_block1.c();
+					transition_in(if_block1, 1);
+					if_block1.m(div, null);
+				}
+			} else if (if_block1) {
+				group_outros();
+
+				transition_out(if_block1, 1, 1, () => {
+					if_block1 = null;
+				});
+
+				check_outros();
+			}
+
+			if (!current || dirty & /*tag*/ 2 && div_data_id_value !== (div_data_id_value = /*tag*/ ctx[1].id)) {
+				attr(div, "data-id", div_data_id_value);
+			}
+
+			if (!current || dirty & /*hide*/ 1024) {
+				toggle_class(div, "hide", /*hide*/ ctx[10]);
+			}
+
+			if (!current || dirty & /*unfolded*/ 64) {
+				toggle_class(div, "unfolded", /*unfolded*/ ctx[6]);
+			}
+
+			if (dirty & /*left*/ 512) {
+				set_style(div, "left", /*left*/ ctx[9], false);
+			}
+
+			if (dirty & /*top*/ 256) {
+				set_style(div, "top", /*top*/ ctx[8], false);
+			}
+
+			if (dirty & /*zIndex*/ 128) {
+				set_style(div, "z-index", /*zIndex*/ ctx[7], false);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block0);
+			transition_in(if_block1);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block0);
+			transition_out(if_block1);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if (if_block0) if_block0.d();
+			if (if_block1) if_block1.d();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let hide;
+	let unfolded;
+	let left;
+	let top;
+	let zIndex;
+	var _a, _b, _c, _d, _e;
+	let { withAnimation = false } = $$props;
+	let { tag } = $$props;
+	let { hooks } = $$props;
+	let { state } = $$props;
+	let { mediaStore } = $$props;
+	let { temporaryState } = $$props;
+	let timeout;
+	let animating = false;
+
+	function setAnimating(trigger) {
+		if (timeout !== undefined) clearTimeout(timeout);
+		animating = true;
+
+		timeout = setTimeout(
+			() => {
+				animating = false;
+			},
+			800
+		);
+	}
+
+	const handlePointClick = event => {
+		if (animating) return;
+		hooks.emit('click', { event, target: 'TagPoint', tag });
+	};
+
+	onMount(() => {
+		hooks.emit('exposure', { id: tag.id, type: 'start' });
+
+		return () => {
+			hooks.emit('exposure', { id: tag.id, type: 'end' });
+		};
+	});
+
+	$$self.$$set = $$props => {
+		if ('withAnimation' in $$props) $$invalidate(0, withAnimation = $$props.withAnimation);
+		if ('tag' in $$props) $$invalidate(1, tag = $$props.tag);
+		if ('hooks' in $$props) $$invalidate(2, hooks = $$props.hooks);
+		if ('state' in $$props) $$invalidate(3, state = $$props.state);
+		if ('mediaStore' in $$props) $$invalidate(4, mediaStore = $$props.mediaStore);
+		if ('temporaryState' in $$props) $$invalidate(5, temporaryState = $$props.temporaryState);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*tag, _a*/ 4098) {
+			$: $$invalidate(10, hide = !($$invalidate(12, _a = tag.state) === null || _a === void 0
+			? void 0
+			: _a.visible));
+		}
+
+		if ($$self.$$.dirty & /*tag, _b*/ 8194) {
+			$: $$invalidate(6, unfolded = $$invalidate(13, _b = tag.state) === null || _b === void 0
+			? void 0
+			: _b.unfolded);
+		}
+
+		if ($$self.$$.dirty & /*tag, _c*/ 16386) {
+			$: $$invalidate(9, left = ($$invalidate(14, _c = tag.pointTagStyle) === null || _c === void 0
+			? void 0
+			: _c.leftPercent) + '%');
+		}
+
+		if ($$self.$$.dirty & /*tag, _d*/ 32770) {
+			$: $$invalidate(8, top = ($$invalidate(15, _d = tag.pointTagStyle) === null || _d === void 0
+			? void 0
+			: _d.topPercent) + '%');
+		}
+
+		if ($$self.$$.dirty & /*tag, _e*/ 65538) {
+			$: $$invalidate(7, zIndex = tag.contentType === ContentType.Link
+			? 20
+			: ($$invalidate(16, _e = tag.state) === null || _e === void 0
+				? void 0
+				: _e.unfolded)
+				? 10
+				: 0);
+		}
+
+		if ($$self.$$.dirty & /*unfolded*/ 64) {
+			$: setAnimating(unfolded);
+		}
+	};
+
+	return [
+		withAnimation,
+		tag,
+		hooks,
+		state,
+		mediaStore,
+		temporaryState,
+		unfolded,
+		zIndex,
+		top,
+		left,
+		hide,
+		handlePointClick,
+		_a,
+		_b,
+		_c,
+		_d,
+		_e
+	];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				withAnimation: 0,
+				tag: 1,
+				hooks: 2,
+				state: 3,
+				mediaStore: 4,
+				temporaryState: 5
+			},
+			add_css
+		);
+	}
+}
+
+export default Component;

package/libs/PanoTagPlugin/controller/TagCacheController.d.ts

@@ -0,0 +1,22 @@
+import type { Five } from '@realsee/five';
+import type { ValueOf } from 'type-fest';
+import type { TagId } from '../typings/tag';
+import type { TagCache, State, EventMap } from '../typings';
+import * as BasePlugin from '../../base/BasePlugin';
+export declare abstract class TagCacheController extends BasePlugin.Controller<State, EventMap> {
+    private tagCacheByPanoIndex;
+    protected constructor(five: Five);
+    protected getCaches({ panoIndex }: {
+        panoIndex?: number;
+    }): Map<TagId, TagCache>;
+    protected getCaches({ panoIndex, id }: {
+        panoIndex?: number;
+        id: TagId;
+    }): TagCache;
+    protected getCaches({ panoIndex, id, key }: {
+        panoIndex?: number;
+        id: TagId;
+        key: keyof TagCache;
+    }): ValueOf<TagCache> | undefined;
+    protected clearCache(): void;
+}

package/libs/PanoTagPlugin/controller/TagCacheController.js

@@ -0,0 +1,43 @@
+import * as BasePlugin from '../../base/BasePlugin';
+export class TagCacheController extends BasePlugin.Controller {
+    constructor(five) {
+        super(five);
+        Object.defineProperty(this, "tagCacheByPanoIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+    }
+    /**
+     * @description: 获取缓存
+     */
+    getCaches({ panoIndex, id, key }) {
+        var _a, _b, _c, _d;
+        const { five } = this;
+        const fivePanoIndex = (_a = five.panoIndex) !== null && _a !== void 0 ? _a : panoIndex;
+        if (fivePanoIndex === undefined)
+            throw new Error(`TagCacheController getCache(): fivePanoIndex is ${fivePanoIndex}`);
+        const cacheKey = `${(_c = (_b = five.work) === null || _b === void 0 ? void 0 : _b.workCode) !== null && _c !== void 0 ? _c : five.model.uuid}-${fivePanoIndex}`;
+        let caches = this.tagCacheByPanoIndex[cacheKey];
+        if (!caches) {
+            caches = new Map();
+            this.tagCacheByPanoIndex[cacheKey] = caches;
+        }
+        if (id === undefined)
+            return caches;
+        if (key === undefined) {
+            const cache = caches.get(id);
+            if (cache)
+                return cache;
+            else {
+                caches.set(id, {});
+                return caches.get(id);
+            }
+        }
+        return (_d = caches.get(id)) === null || _d === void 0 ? void 0 : _d[key];
+    }
+    clearCache() {
+        this.tagCacheByPanoIndex = {};
+    }
+}

package/libs/PanoTagPlugin/controller/TagComputer.d.ts

@@ -0,0 +1,69 @@
+import type { Five } from '@realsee/five';
+import { Tag, Tags, TagConfig, PointType, DimensionType, ContentTypeConfigKey, PlaneTag, TagElement, Tag2DElement, Tag3DElement, PlaneTagElement, PointTagElement, Tag3D, TagId } from '../typings';
+import { TagCacheController } from './TagCacheController';
+export declare abstract class TagComputer extends TagCacheController {
+    tags: TagElement[];
+    config: {
+        globalConfig?: Tags['globalConfig'];
+        contentTypeConfig?: Tags['contentTypeConfig'];
+    };
+    private raycaster;
+    protected constructor(five: Five);
+    /**
+     * @description: 改变配置
+     */
+    changeConfig(config: TagComputer['config'], merge?: boolean): void;
+    /**
+     * @description: 改变全局配置
+     */
+    changeGlobalConfig(globalConfig: TagComputer['config']['globalConfig'], merge?: boolean): void;
+    /**
+     * @description: 改变类型配置
+     */
+    changeContentTypeConfig(key: ContentTypeConfigKey, contentTypeConfig: TagConfig, merge?: boolean): void;
+    /**
+     * @description: 获取是否可见
+     */
+    getVisibleByPanoIndex(tag: Tag, panoIndex?: number): boolean;
+    /**
+     * @description: 获取是否展开
+     */
+    getUnfoldedByPanoIndex(tag: Tag, panoIndex?: number): boolean;
+    /**
+     * @description: 获取是否展开
+     */
+    getUnfoldedByCamera(tag: Tag): boolean;
+    /**
+     * @description: 获取距离
+     */
+    getDistance(tag: Tag, panoIndex?: number): number;
+    /**
+     * @description: 获取角度
+     */
+    getAngle(tag: Tag3D | PlaneTag, panoIndex?: number): number;
+    /**
+     * @description: 获取merge后的配置
+     */
+    getTagConfig(tag: Tag): TagConfig<import("../typings").ContentType, PointType, DimensionType, {}>;
+    /**
+     * @description: 一个点的标签
+     */
+    setPointTagPosition(): void;
+    setVisibleByPanoIndex(): void;
+    setUnfoldedByPanoIndex(): void;
+    setVisibleAndUnfoldedByPanoIndex(): void;
+    /**
+     * @description: 一个点的标签
+     */
+    getTagProject(tag: Tag): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    getTagById(id: TagId): TagElement<import("../typings").ContentType, PointType, DimensionType, {}>;
+    filterPointTag(): PointTagElement[];
+    filterTag2D(): Tag2DElement[];
+    filter3DPointTag(): Tag3DElement[];
+    filter3DTag(): TagElement<any, PointType, DimensionType.Three>[];
+    filterPlaneTag(): PlaneTagElement[];
+}