@realsee/dnalogel 2.0.0-alpha.37 → 2.0.0-alpha.38

package/libs/ModelViewPlugin/Plugin.d.ts

@@ -1,13 +1,13 @@
 import type { FivePlugin } from '@realsee/five';
 export interface ModelViewPluginExportType {
-    appendTo(element: HTMLElement, size?: {
+    appendTo: (element: HTMLElement, size?: {
         width?: number;
         height?: number;
-    }): void;
-    refresh(size?: {
+    }) => void;
+    refresh: (size?: {
         width?: number;
         height?: number;
-    }): void;
+    }) => void;
 }
 /**
  * Five 模型插件

package/libs/ModelViewPlugin/Plugin.js

@@ -49,8 +49,7 @@ export const ModelViewPlugin = (five) => {
     };
     const handleModelLoaded = () => {
         function cloneMaterial(material) {
-            material = material.clone();
-            material.uniforms.modelAlpha.value = 1;
+            material.clone().uniforms.modelAlpha.value = 1;
             if (material.uniforms.map.value) {
                 material.uniforms.map.value.needsUpdate = true;
             }
@@ -98,7 +97,7 @@ export const ModelViewPlugin = (five) => {
             return;
         const element = renderer.domElement;
         const container = element.parentNode;
-        if (container && container.nodeName) {
+        if (container === null || container === void 0 ? void 0 : container.nodeName) {
             const { width = container.offsetWidth, height = container.offsetHeight } = size;
             renderer.setSize(width, height);
             // 修改摄像机 aspect 比值

package/libs/PanoRulerProPlugin/Controller.d.ts

@@ -0,0 +1,15 @@
+import type { Five } from '@realsee/five';
+import type { PanoRulerProPluginDatas, PanoRulerProPluginParameterType, PanoRulerProPluginState } from './typings';
+export default class Controller {
+    private five;
+    private container;
+    private panoRulerProData;
+    private rulerItems;
+    state: PanoRulerProPluginState;
+    constructor(five: Five, params: PanoRulerProPluginParameterType);
+    load(serverData: PanoRulerProPluginDatas): Promise<void>;
+    enable(): boolean;
+    disable(): boolean;
+    private render;
+    private dispose;
+}

package/libs/PanoRulerProPlugin/Controller.js

@@ -0,0 +1,110 @@
+import RulerItems from './RulerItems';
+export default class Controller {
+    constructor(five, params) {
+        var _a, _b;
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document.createElement('div')
+        });
+        Object.defineProperty(this, "panoRulerProData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "rulerItems", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                enabled: false,
+                loaded: false,
+                options: {
+                    className: '',
+                    distanceText: (distance) => `${distance.toFixed(1)}m`,
+                },
+            }
+        });
+        this.five = five;
+        this.container.classList.add('panoRulerProPlugin-container');
+        this.container.setAttribute('style', `position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;`);
+        if (params) {
+            if (params.data) {
+                this.load(params.data);
+            }
+            this.state.options = Object.assign(Object.assign({}, this.state.options), (params.options || {}));
+            if ((_a = params.options) === null || _a === void 0 ? void 0 : _a.className)
+                this.container.classList.add((_b = params.options) === null || _b === void 0 ? void 0 : _b.className);
+        }
+        this.five.once('modelLoaded', async () => {
+            var _a, _b;
+            (_b = (_a = this.five.getElement()) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.append(this.container);
+        });
+        this.five.once('dispose', () => this.dispose());
+    }
+    async load(serverData) {
+        if (!this.five.work)
+            return;
+        const data = serverData.data;
+        if (!data)
+            throw new Error('标尺数据依赖不齐全！');
+        this.panoRulerProData = data;
+        this.state.loaded = true;
+    }
+    enable() {
+        if (!this.state.loaded)
+            return false;
+        if (this.state.enabled)
+            return true;
+        this.state.enabled = true;
+        this.render();
+        return true;
+    }
+    disable() {
+        if (!this.state.enabled)
+            return true;
+        this.state.enabled = false;
+        this.render();
+        return true;
+    }
+    async render() {
+        var _a;
+        if (this.state.enabled) {
+            if (!this.panoRulerProData || !this.container)
+                return;
+            this.rulerItems = new RulerItems({
+                target: this.container,
+                props: {
+                    five: this.five,
+                    rulerDatas: this.panoRulerProData,
+                    options: this.state.options,
+                },
+            });
+        }
+        else {
+            (_a = this.rulerItems) === null || _a === void 0 ? void 0 : _a.$destroy();
+            this.rulerItems = undefined;
+        }
+    }
+    dispose() {
+        if (this.container) {
+            this.rulerItems.$destroy();
+            this.rulerItems = undefined;
+        }
+        this.container.remove();
+    }
+}

package/libs/PanoRulerProPlugin/RulerItem.js

@@ -0,0 +1,314 @@
+/* generated by Svelte v3.47.0 */
+import {
+	SvelteComponent,
+	add_render_callback,
+	add_resize_listener,
+	append,
+	append_styles,
+	attr,
+	destroy_each,
+	detach,
+	element,
+	init,
+	insert,
+	noop,
+	null_to_empty,
+	safe_not_equal,
+	set_data,
+	set_style,
+	space,
+	text
+} from "svelte/internal";
+
+function add_css(target) {
+	append_styles(target, "svelte-xuljmc", ".PanoRulerPlugin-rule-line.svelte-xuljmc.svelte-xuljmc{position:absolute;transform-origin:left 0.0625rem;width:0;height:0.125rem;pointer-events:none}.PanoRulerPlugin-rule-line.svelte-xuljmc.svelte-xuljmc::after{content:'';position:absolute;left:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-xuljmc-viewport-rule-point 0.1s 1s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-xuljmc.svelte-xuljmc::before{content:'';position:absolute;right:-0.125rem;top:-0.1rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#fff;z-index:1;animation:svelte-xuljmc-viewport-rule-point 0.1s 1.5s;animation-fill-mode:both}.PanoRulerPlugin-rule-line.svelte-xuljmc em.svelte-xuljmc{display:block;height:0.0625rem;animation:svelte-xuljmc-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;box-shadow:0 0 0.25rem rgb(0 0 0 / 40%);position:relative}.rule-mixed-line.svelte-xuljmc.svelte-xuljmc{display:flex;height:0.0625rem;animation:svelte-xuljmc-viewport-rule-line 0.5s ease 1s;animation-fill-mode:both;align-items:center}.em-solid.svelte-xuljmc.svelte-xuljmc{height:100%;background:#ffffff}.em-dotted.svelte-xuljmc.svelte-xuljmc{height:0.125rem;background:var(--background-image);background-position:center;background-repeat:repeat}.PanoRulerPlugin-rule-label.svelte-xuljmc.svelte-xuljmc{position:absolute;width:0;height:0;top:0.0625rem;pointer-events:none}.PanoRulerPlugin-rule-label-name.svelte-xuljmc.svelte-xuljmc{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-xuljmc-viewport-rule-label 0.25s ease 1s;animation:svelte-xuljmc-viewport-rule-label 0.25s ease 1s;animation-fill-mode:both;box-shadow:inset 0 0 0.625rem 0 rgba(255, 255, 255, 0.3)}@keyframes svelte-xuljmc-viewport-rule-line{0%{width:0%}100%{width:100%}}@keyframes svelte-xuljmc-viewport-rule-label{0%{opacity:0;transform:scaleX(0)}100%{opacity:1;transform:translate(-50%, -50%) scaleX(1)}}@keyframes svelte-xuljmc-viewport-rule-point{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[6] = list[i];
+	return child_ctx;
+}
+
+// (28:2) {:else}
+function create_else_block(ctx) {
+	let div;
+	let each_value = /*rulerItemProp*/ ctx[0].children;
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+	}
+
+	return {
+		c() {
+			div = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(div, "class", "rule-mixed-line svelte-xuljmc");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(div, null);
+			}
+		},
+		p(ctx, dirty) {
+			if (dirty & /*rulerItemProp, vars*/ 9) {
+				each_value = /*rulerItemProp*/ ctx[0].children;
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						each_blocks[i].m(div, null);
+					}
+				}
+
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
+				}
+
+				each_blocks.length = each_value.length;
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_each(each_blocks, detaching);
+		}
+	};
+}
+
+// (26:2) {#if rulerItemProp.children.length === 0}
+function create_if_block(ctx) {
+	let em;
+	let em_class_value;
+
+	return {
+		c() {
+			em = element("em");
+
+			attr(em, "class", em_class_value = "" + (null_to_empty(/*rulerItemProp*/ ctx[0].state
+			? 'em-solid'
+			: 'em-dotted') + " svelte-xuljmc"));
+
+			attr(em, "style", /*vars*/ ctx[3]);
+		},
+		m(target, anchor) {
+			insert(target, em, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*rulerItemProp*/ 1 && em_class_value !== (em_class_value = "" + (null_to_empty(/*rulerItemProp*/ ctx[0].state
+			? 'em-solid'
+			: 'em-dotted') + " svelte-xuljmc"))) {
+				attr(em, "class", em_class_value);
+			}
+
+			if (dirty & /*vars*/ 8) {
+				attr(em, "style", /*vars*/ ctx[3]);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(em);
+		}
+	};
+}
+
+// (30:6) {#each rulerItemProp.children as child}
+function create_each_block(ctx) {
+	let div;
+	let div_class_value;
+	let style_width = `${/*child*/ ctx[6].width}px`;
+
+	return {
+		c() {
+			div = element("div");
+			attr(div, "class", div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-xuljmc"));
+			attr(div, "style", /*vars*/ ctx[3]);
+			set_style(div, "width", style_width, false);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*rulerItemProp*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(/*child*/ ctx[6].state ? 'em-solid' : 'em-dotted') + " svelte-xuljmc"))) {
+				attr(div, "class", div_class_value);
+			}
+
+			if (dirty & /*vars*/ 8) {
+				attr(div, "style", /*vars*/ ctx[3]);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*child*/ ctx[6].width}px`)) {
+				set_style(div, "width", style_width, false);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div2;
+	let t0;
+	let div1;
+	let div0;
+	let t1_value = /*rulerItemProp*/ ctx[0].labelElement + "";
+	let t1;
+	let div0_resize_listener;
+	let style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`;
+	let style_width = `${/*rulerItemProp*/ ctx[0].width}px`;
+	let style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`;
+	let style_top = `${/*rulerItemProp*/ ctx[0].top}px`;
+	let style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`;
+
+	function select_block_type(ctx, dirty) {
+		if (/*rulerItemProp*/ ctx[0].children.length === 0) return create_if_block;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type(ctx, -1);
+	let if_block = current_block_type(ctx);
+
+	return {
+		c() {
+			div2 = element("div");
+			if_block.c();
+			t0 = space();
+			div1 = element("div");
+			div0 = element("div");
+			t1 = text(t1_value);
+			attr(div0, "class", "PanoRulerPlugin-rule-label-name svelte-xuljmc");
+			add_render_callback(() => /*div0_elementresize_handler*/ ctx[4].call(div0));
+			attr(div1, "class", "PanoRulerPlugin-rule-label svelte-xuljmc");
+			set_style(div1, "left", style_left, false);
+			attr(div2, "class", "PanoRulerPlugin-rule-line svelte-xuljmc");
+			set_style(div2, "width", style_width, false);
+			set_style(div2, "left", style_left_1, false);
+			set_style(div2, "top", style_top, false);
+			set_style(div2, "transform", style_transform, false);
+
+			set_style(
+				div2,
+				"display",
+				/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
+				? 'block'
+				: 'none',
+				false
+			);
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			if_block.m(div2, null);
+			append(div2, t0);
+			append(div2, div1);
+			append(div1, div0);
+			append(div0, t1);
+			div0_resize_listener = add_resize_listener(div0, /*div0_elementresize_handler*/ ctx[4].bind(div0));
+		},
+		p(ctx, [dirty]) {
+			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.c();
+					if_block.m(div2, t0);
+				}
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && t1_value !== (t1_value = /*rulerItemProp*/ ctx[0].labelElement + "")) set_data(t1, t1_value);
+
+			if (dirty & /*rulerItemProp*/ 1 && style_left !== (style_left = `${/*rulerItemProp*/ ctx[0].labelOffset}%`)) {
+				set_style(div1, "left", style_left, false);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_width !== (style_width = `${/*rulerItemProp*/ ctx[0].width}px`)) {
+				set_style(div2, "width", style_width, false);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_left_1 !== (style_left_1 = `${/*rulerItemProp*/ ctx[0].left}px`)) {
+				set_style(div2, "left", style_left_1, false);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_top !== (style_top = `${/*rulerItemProp*/ ctx[0].top}px`)) {
+				set_style(div2, "top", style_top, false);
+			}
+
+			if (dirty & /*rulerItemProp*/ 1 && style_transform !== (style_transform = `rotate(${/*rulerItemProp*/ ctx[0].rotateDeg}deg)`)) {
+				set_style(div2, "transform", style_transform, false);
+			}
+
+			if (dirty & /*rulerItemProp, _visible*/ 5) {
+				set_style(
+					div2,
+					"display",
+					/*rulerItemProp*/ ctx[0].visible && /*_visible*/ ctx[2]
+					? 'block'
+					: 'none',
+					false
+				);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div2);
+			if_block.d();
+			div0_resize_listener();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let vars;
+	let { rulerItemProp } = $$props;
+	let _visible = true;
+	let labelWidth;
+	let EM_DOTTED_BG = `data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciBpZD0icHJlZml4X19hIiBoZWlnaHQ9IjQwMCUiIHdpZHRoPSIxMzcuNCUiIHg9Ii0xOC43JSIgeT0iLTE1MCUiPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iZGlsYXRlIiByYWRpdXM9Ii41IiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZU1vcnBob2xvZ3kgaW49IlNvdXJjZUFscGhhIiByYWRpdXM9IjEiIHJlc3VsdD0ic2hhZG93SW5uZXIiLz48ZmVPZmZzZXQgaW49InNoYWRvd0lubmVyIiByZXN1bHQ9InNoYWRvd0lubmVyIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIGluMj0ic2hhZG93SW5uZXIiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9InByZWZpeF9fYiIgZD0iTS44ODkgMkgxMS41OCIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjUgNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjwvZz48L3N2Zz4=`;
+
+	function div0_elementresize_handler() {
+		labelWidth = this.offsetWidth;
+		$$invalidate(1, labelWidth);
+	}
+
+	$$self.$$set = $$props => {
+		if ('rulerItemProp' in $$props) $$invalidate(0, rulerItemProp = $$props.rulerItemProp);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*labelWidth, rulerItemProp*/ 3) {
+			$: {
+				if (labelWidth >= rulerItemProp.width || labelWidth / 2 >= rulerItemProp.labelOffset / 100 * rulerItemProp.width || labelWidth / 2 >= (1 - rulerItemProp.labelOffset / 100) * rulerItemProp.width) {
+					$$invalidate(2, _visible = false);
+				} else {
+					$$invalidate(2, _visible = true);
+				}
+			}
+		}
+	};
+
+	$: $$invalidate(3, vars = `--background-image: url(${EM_DOTTED_BG})`);
+	return [rulerItemProp, labelWidth, _visible, vars, div0_elementresize_handler];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { rulerItemProp: 0 }, add_css);
+	}
+}
+
+export default Component;