@realsee/dnalogel 2.0.3 → 2.0.4

package/dist/ItemLabelPlugin/index.js

@@ -1,1050 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var five = require('@realsee/five');
-var internal = require('svelte/internal');
-var svelte = require('svelte');
-var THREE = require('three');
-var classNames = require('classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-}
-
-var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
-exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = void 0;
-(function (ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE) {
-    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
-    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
-    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
-    ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
-})(exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE || (exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE = {}));
-
-/* src/ItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.50.1 */
-
-function add_css$1(target) {
-	internal.append_styles(target, "svelte-1mppr0a", ".item-label-item.svelte-1mppr0a.svelte-1mppr0a{position:absolute;z-index:0;transform:none;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation:svelte-1mppr0a-fadeIn .3s ease-in;animation:svelte-1mppr0a-fadeIn .3s ease-in}.item-label-item.fold.svelte-1mppr0a>.item-label-item__text-wrap.svelte-1mppr0a{visibility:hidden}.item-label-item.fold.svelte-1mppr0a>.item-label-item__bar.anchor.svelte-1mppr0a{visibility:hidden}.item-label-item.fold.svelte-1mppr0a>.item-label-item__bar.anchor.svelte-1mppr0a:after{visibility:visible}.item-label-item__text-wrap.svelte-1mppr0a.svelte-1mppr0a{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.625rem 1.04167rem 0.625rem 0.625rem;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:24.63542rem;min-height:4.79167rem;background-image:linear-gradient(269deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.60) 49%, rgba(31, 38, 46, 0.70) 100%);border:1.5px solid rgba(255, 255, 255, .65);border-radius:0.15625rem;color:white;transform:translate(-50%, 0);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden;pointer-events:all}.item-label-item__custom.svelte-1mppr0a.svelte-1mppr0a{padding:0;max-width:unset;min-height:unset;background-image:unset;border:0;border-radius:0}.icon-wrap.svelte-1mppr0a.svelte-1mppr0a{width:3.54167rem;height:100%;display:flex;justify-content:center;align-content:center}.icon.svelte-1mppr0a.svelte-1mppr0a{width:3.54167rem;height:3.54167rem;background-repeat:no-repeat;background-size:contain;background-position:center}.item-label-text.svelte-1mppr0a.svelte-1mppr0a{margin-left:0.625rem;padding-left:0.625rem;min-height:3.54167rem;height:auto;display:flex;flex-flow:column;justify-content:space-around;align-content:flex-start;border-left:solid rgba(255, 255, 255, .2) 1px;border-top:solid rgba(255, 255, 255, .2) 0;border-right:solid rgba(255, 255, 255, .2) 0;border-bottom:solid rgba(255, 255, 255, .2) 0;pointer-events:auto}.item-model.svelte-1mppr0a.svelte-1mppr0a{white-space:nowrap;font-size:1.14583rem;font-weight:bold;line-height:1.5625rem}.item-name.svelte-1mppr0a.svelte-1mppr0a{height:auto;word-wrap:break-word;word-break:break-all;font-size:1.04167rem;line-height:1.45833rem}.item-label-item__bar.svelte-1mppr0a.svelte-1mppr0a{position:absolute;bottom:0;width:0.15625rem;background-image:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));box-shadow:0 2px 0.41667rem 0 rgba(0, 0, 0, 0.20);pointer-events:none}.item-label-item__bar.anchor.svelte-1mppr0a.svelte-1mppr0a:after{content:'';position:absolute;bottom:0;width:1.25rem;height:1.25rem;background-image:url(\"//vrlab-public.ljcdn.com/common/file/web/67e7a198-28c9-47dc-879b-507bd3ae600c.png \");background-position:center;background-size:contain;transform:translate(-0.54688rem, 50%)}@-webkit-keyframes svelte-1mppr0a-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}@keyframes svelte-1mppr0a-fadeIn{from{opacity:0\n        }to{opacity:1\n        }}");
-}
-
-// (34:8) {:else}
-function create_else_block(ctx) {
-	let t0;
-	let div;
-	let span0;
-	let t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "";
-	let t1;
-	let t2;
-	let span1;
-	let t3_value = /*itemLabel*/ ctx[0].name + "";
-	let t3;
-	let if_block = /*itemLabel*/ ctx[0].icon && create_if_block_1(ctx);
-
-	return {
-		c() {
-			if (if_block) if_block.c();
-			t0 = internal.space();
-			div = internal.element("div");
-			span0 = internal.element("span");
-			t1 = internal.text(t1_value);
-			t2 = internal.space();
-			span1 = internal.element("span");
-			t3 = internal.text(t3_value);
-			internal.attr(span0, "class", "item-model svelte-1mppr0a");
-			internal.attr(span1, "class", "item-name svelte-1mppr0a");
-			internal.attr(div, "class", "item-label-text svelte-1mppr0a");
-		},
-		m(target, anchor) {
-			if (if_block) if_block.m(target, anchor);
-			internal.insert(target, t0, anchor);
-			internal.insert(target, div, anchor);
-			internal.append(div, span0);
-			internal.append(span0, t1);
-			internal.append(div, t2);
-			internal.append(div, span1);
-			internal.append(span1, t3);
-		},
-		p(ctx, dirty) {
-			if (/*itemLabel*/ ctx[0].icon) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block_1(ctx);
-					if_block.c();
-					if_block.m(t0.parentNode, t0);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-
-			if (dirty & /*itemLabel*/ 1 && t1_value !== (t1_value = (/*itemLabel*/ ctx[0].code || /*itemLabel*/ ctx[0].id) + "")) internal.set_data(t1, t1_value);
-			if (dirty & /*itemLabel*/ 1 && t3_value !== (t3_value = /*itemLabel*/ ctx[0].name + "")) internal.set_data(t3, t3_value);
-		},
-		d(detaching) {
-			if (if_block) if_block.d(detaching);
-			if (detaching) internal.detach(t0);
-			if (detaching) internal.detach(div);
-		}
-	};
-}
-
-// (32:8) {#if Boolean(typeof itemLabel.render === 'function')}
-function create_if_block$1(ctx) {
-	let div;
-
-	return {
-		c() {
-			div = internal.element("div");
-		},
-		m(target, anchor) {
-			internal.insert(target, div, anchor);
-			/*div_binding*/ ctx[6](div);
-		},
-		p: internal.noop,
-		d(detaching) {
-			if (detaching) internal.detach(div);
-			/*div_binding*/ ctx[6](null);
-		}
-	};
-}
-
-// (35:12) {#if itemLabel.icon}
-function create_if_block_1(ctx) {
-	let div1;
-	let div0;
-	let div0_style_value;
-	let mounted;
-	let dispose;
-
-	return {
-		c() {
-			div1 = internal.element("div");
-			div0 = internal.element("div");
-			internal.attr(div0, "class", "icon svelte-1mppr0a");
-			internal.attr(div0, "style", div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon})`);
-			internal.attr(div1, "class", "icon-wrap svelte-1mppr0a");
-		},
-		m(target, anchor) {
-			internal.insert(target, div1, anchor);
-			internal.append(div1, div0);
-
-			if (!mounted) {
-				dispose = internal.listen(div1, "click", /*click_handler*/ ctx[7]);
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			if (dirty & /*itemLabel*/ 1 && div0_style_value !== (div0_style_value = `background-image: url(${/*itemLabel*/ ctx[0].icon})`)) {
-				internal.attr(div0, "style", div0_style_value);
-			}
-		},
-		d(detaching) {
-			if (detaching) internal.detach(div1);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-function create_fragment$1(ctx) {
-	let div2;
-	let div0;
-	let show_if;
-	let div0_class_value;
-	let t;
-	let div1;
-	let div1_class_value;
-	let div2_class_value;
-	let mounted;
-	let dispose;
-
-	function select_block_type(ctx, dirty) {
-		if (dirty & /*itemLabel*/ 1) show_if = null;
-		if (show_if == null) show_if = !!Boolean(typeof /*itemLabel*/ ctx[0].render === 'function');
-		if (show_if) return create_if_block$1;
-		return create_else_block;
-	}
-
-	let current_block_type = select_block_type(ctx, -1);
-	let if_block = current_block_type(ctx);
-
-	return {
-		c() {
-			div2 = internal.element("div");
-			div0 = internal.element("div");
-			if_block.c();
-			t = internal.space();
-			div1 = internal.element("div");
-
-			internal.attr(div0, "class", div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", {
-				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
-			})) + " svelte-1mppr0a"));
-
-			internal.set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			internal.attr(div1, "class", div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-1mppr0a"));
-			internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			internal.attr(div2, "class", div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-1mppr0a"));
-			internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
-			internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
-		},
-		m(target, anchor) {
-			internal.insert(target, div2, anchor);
-			internal.append(div2, div0);
-			if_block.m(div0, null);
-			internal.append(div2, t);
-			internal.append(div2, div1);
-
-			if (!mounted) {
-				dispose = internal.listen(div0, "click", /*onClick*/ ctx[4]);
-				mounted = true;
-			}
-		},
-		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(div0, null);
-				}
-			}
-
-			if (dirty & /*itemLabel*/ 1 && div0_class_value !== (div0_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__text-wrap", {
-				'item-label-item__custom': Boolean(typeof /*itemLabel*/ ctx[0].render === 'function')
-			})) + " svelte-1mppr0a"))) {
-				internal.attr(div0, "class", div0_class_value);
-			}
-
-			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div0, "bottom", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			}
-
-			if (dirty & /*anchorEnabled*/ 2 && div1_class_value !== (div1_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item__bar", { anchor: /*anchorEnabled*/ ctx[1] })) + " svelte-1mppr0a"))) {
-				internal.attr(div1, "class", div1_class_value);
-			}
-
-			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div1, "height", `${/*itemLabel*/ ctx[0].strokeLength}px`);
-			}
-
-			if (dirty & /*itemLabel*/ 1 && div2_class_value !== (div2_class_value = "" + (internal.null_to_empty(classNames__default["default"]("item-label-item", { fold: /*itemLabel*/ ctx[0].isFold })) + " svelte-1mppr0a"))) {
-				internal.attr(div2, "class", div2_class_value);
-			}
-
-			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div2, "z-index", /*itemLabel*/ ctx[0].zIndex, false);
-			}
-
-			if (dirty & /*itemLabel*/ 1) {
-				internal.set_style(div2, "transform", /*itemLabel*/ ctx[0].transform, false);
-			}
-		},
-		i: internal.noop,
-		o: internal.noop,
-		d(detaching) {
-			if (detaching) internal.detach(div2);
-			if_block.d();
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-function instance$1($$self, $$props, $$invalidate) {
-	let { itemLabel } = $$props;
-	let { hooks } = $$props;
-	let { anchorEnabled } = $$props;
-	let { onIconClick } = $$props;
-
-	// const defaultIcon = '//vrlab-public.ljcdn.com/common/file/web/c8591aaa-e62b-4e31-8fed-671483ace37f.svg\n'
-	function onClick() {
-		hooks.emit('onLabelClick', itemLabel);
-	}
-
-	let customElement;
-
-	function div_binding($$value) {
-		internal.binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-			customElement = $$value;
-			$$invalidate(3, customElement);
-		});
-	}
-
-	const click_handler = e => onIconClick(itemLabel);
-
-	$$self.$$set = $$props => {
-		if ('itemLabel' in $$props) $$invalidate(0, itemLabel = $$props.itemLabel);
-		if ('hooks' in $$props) $$invalidate(5, hooks = $$props.hooks);
-		if ('anchorEnabled' in $$props) $$invalidate(1, anchorEnabled = $$props.anchorEnabled);
-		if ('onIconClick' in $$props) $$invalidate(2, onIconClick = $$props.onIconClick);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*itemLabel, customElement*/ 9) {
-			{
-				if (typeof itemLabel.render === 'function' && customElement) {
-					if (customElement.children.length === 0) {
-						const child = itemLabel.render(itemLabel);
-
-						if (child) {
-							customElement.appendChild(child);
-						}
-					}
-				}
-			}
-		}
-	};
-
-	return [
-		itemLabel,
-		anchorEnabled,
-		onIconClick,
-		customElement,
-		onClick,
-		hooks,
-		div_binding,
-		click_handler
-	];
-}
-
-class ItemLabelItem extends internal.SvelteComponent {
-	constructor(options) {
-		super();
-
-		internal.init(
-			this,
-			options,
-			instance$1,
-			create_fragment$1,
-			internal.safe_not_equal,
-			{
-				itemLabel: 0,
-				hooks: 5,
-				anchorEnabled: 1,
-				onIconClick: 2
-			},
-			add_css$1
-		);
-	}
-}
-
-/**
- * 创建一个防抖动函数，该函数会在 wait 毫秒后调用 func 方法
- * @param func - 要防抖动的函数
- * @param [wait=0] - 需要延迟的毫秒数
- */
-function debounce(func, wait = 200) {
-    let last;
-    return function (...args) {
-        clearTimeout(last);
-        last = setTimeout(() => {
-            func(...args);
-        }, wait);
-    };
-}
-
-const { Raycaster, Vector3 } = THREE__namespace;
-/**
- * 碰撞检测可见性
- * */
-const isImpacted = (five, sourceVector, targetVector, distance) => {
-    const direction = sourceVector.clone().sub(targetVector).normalize();
-    const raycaster = new Raycaster();
-    raycaster.set(targetVector, direction);
-    const [intersection] = five.model.intersectRaycaster(raycaster);
-    return intersection && intersection.distance + 0.01 < distance;
-    // return intersection && distance <= intersection.distance + 0.1
-};
-
-/**
- * 展示策略
- * */
-const getStrokeLength = (itemSpaceHeight, type) => {
-    switch (type) {
-        case exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL:
-            return Math.ceil(-27.78 * itemSpaceHeight + 85);
-        case exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.MIDLLE:
-            return Math.ceil(-38.9 * itemSpaceHeight + 130);
-        case exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.LARGE:
-            return Math.ceil(-44.44 * itemSpaceHeight + 140);
-        case exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
-            return Math.ceil(-92.59 * itemSpaceHeight + 300);
-    }
-};
-
-const getLabelTransform = (cssOffset) => {
-    return `translate(${cssOffset[0]}px, ${cssOffset[1]}px)`;
-};
-
-/** @description 转成内部所需数据 */
-function transform2RenderData(data) {
-    return data.map(label => (Object.assign({ observerIndex: undefined, visible: false, isFold: false }, label)));
-}
-
-/* src/ItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.50.1 */
-
-function add_css(target) {
-	internal.append_styles(target, "svelte-gk8s47", ".item-labels-container.svelte-gk8s47{width:100%;height:100%;position:relative}");
-}
-
-function get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[31] = list[i];
-	return child_ctx;
-}
-
-// (234:2) {#if itemLabelItem.visible}
-function create_if_block(ctx) {
-	let itemlabelitem;
-	let current;
-
-	itemlabelitem = new ItemLabelItem({
-			props: {
-				itemLabel: /*itemLabelItem*/ ctx[31],
-				hooks: /*hooks*/ ctx[0],
-				anchorEnabled: /*anchorEnabled*/ ctx[2],
-				onIconClick: /*onIconClick*/ ctx[6]
-			}
-		});
-
-	return {
-		c() {
-			internal.create_component(itemlabelitem.$$.fragment);
-		},
-		m(target, anchor) {
-			internal.mount_component(itemlabelitem, target, anchor);
-			current = true;
-		},
-		p(ctx, dirty) {
-			const itemlabelitem_changes = {};
-			if (dirty[0] & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[31];
-			if (dirty[0] & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
-			if (dirty[0] & /*anchorEnabled*/ 4) itemlabelitem_changes.anchorEnabled = /*anchorEnabled*/ ctx[2];
-			itemlabelitem.$set(itemlabelitem_changes);
-		},
-		i(local) {
-			if (current) return;
-			internal.transition_in(itemlabelitem.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			internal.transition_out(itemlabelitem.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			internal.destroy_component(itemlabelitem, detaching);
-		}
-	};
-}
-
-// (233:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
-function create_each_block(key_1, ctx) {
-	let first;
-	let if_block_anchor;
-	let current;
-	let if_block = /*itemLabelItem*/ ctx[31].visible && create_if_block(ctx);
-
-	return {
-		key: key_1,
-		first: null,
-		c() {
-			first = internal.empty();
-			if (if_block) if_block.c();
-			if_block_anchor = internal.empty();
-			this.first = first;
-		},
-		m(target, anchor) {
-			internal.insert(target, first, anchor);
-			if (if_block) if_block.m(target, anchor);
-			internal.insert(target, if_block_anchor, anchor);
-			current = true;
-		},
-		p(new_ctx, dirty) {
-			ctx = new_ctx;
-
-			if (/*itemLabelItem*/ ctx[31].visible) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-
-					if (dirty[0] & /*renderItemLabels*/ 2) {
-						internal.transition_in(if_block, 1);
-					}
-				} else {
-					if_block = create_if_block(ctx);
-					if_block.c();
-					internal.transition_in(if_block, 1);
-					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-				}
-			} else if (if_block) {
-				internal.group_outros();
-
-				internal.transition_out(if_block, 1, 1, () => {
-					if_block = null;
-				});
-
-				internal.check_outros();
-			}
-		},
-		i(local) {
-			if (current) return;
-			internal.transition_in(if_block);
-			current = true;
-		},
-		o(local) {
-			internal.transition_out(if_block);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) internal.detach(first);
-			if (if_block) if_block.d(detaching);
-			if (detaching) internal.detach(if_block_anchor);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div;
-	let each_blocks = [];
-	let each_1_lookup = new Map();
-	let div_resize_listener;
-	let current;
-	let each_value = /*renderItemLabels*/ ctx[1];
-	const get_key = ctx => /*itemLabelItem*/ ctx[31].id;
-
-	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 = internal.element("div");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			internal.attr(div, "class", "item-labels-container svelte-gk8s47");
-			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[13].call(div));
-			internal.set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
-		},
-		m(target, anchor) {
-			internal.insert(target, div, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div, null);
-			}
-
-			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[13].bind(div));
-			current = true;
-		},
-		p(ctx, dirty) {
-			if (dirty[0] & /*renderItemLabels, hooks, anchorEnabled, onIconClick*/ 71) {
-				each_value = /*renderItemLabels*/ ctx[1];
-				internal.group_outros();
-				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block, null, get_each_context);
-				internal.check_outros();
-			}
-
-			if (dirty[0] & /*itemsVisible*/ 32) {
-				internal.set_style(div, "opacity", /*itemsVisible*/ ctx[5] ? 1 : 0, false);
-			}
-		},
-		i(local) {
-			if (current) return;
-
-			for (let i = 0; i < each_value.length; i += 1) {
-				internal.transition_in(each_blocks[i]);
-			}
-
-			current = true;
-		},
-		o(local) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				internal.transition_out(each_blocks[i]);
-			}
-
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) internal.detach(div);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].d();
-			}
-
-			div_resize_listener();
-		}
-	};
-}
-let basicWidth = 11;
-
-function instance($$self, $$props, $$invalidate) {
-	const { Raycaster, Vector3 } = THREE__namespace;
-	let { five: five$1 } = $$props;
-	let { modelOcclusionEnable } = $$props;
-	let { onlyVisibleInPanorama } = $$props;
-	let { itemLabels } = $$props;
-	let { hooks } = $$props;
-	let { displayStrategyType } = $$props;
-	let { maxVisibleDistance } = $$props;
-	let curItemLabels = null;
-	let renderItemLabels = null;
-
-	let anchorEnabled = (five$1 === null || five$1 === void 0
-	? void 0
-	: five$1.currentMode) === five.Five.Mode.Panorama;
-
-	let containerWidth;
-	let containerHeight;
-
-	// 计算重叠
-	let cssOffsetLists = [];
-
-	// 动画过程中 itemsVisible 为 false
-	let itemsVisible = true;
-
-	/**
- * 可见性策略：
- * 1、当前楼层(假设先不考虑多楼层)
- * 2、模型未被遮挡（一个 box 有没有被遮挡的计算？ TODO）
- * */
-	const judgeImpacted = (five$1, itemLabel) => {
-		// 虚拟 VR 仅有一层，不考虑楼层信息
-		const cameraPosition = five$1.camera.position.clone();
-
-		const modelPosition = new Vector3(itemLabel.modelPosition[0], itemLabel.modelPosition[1], itemLabel.modelPosition[2]);
-
-		// 计算点到相机的位置
-		const vectorDistance = modelPosition.distanceTo(cameraPosition);
-
-		// 判断距离，大于最大可见距离直接不可见 TODO 把距离计算和碰撞拆分开
-		if (maxVisibleDistance !== undefined && five$1.state.mode === five.Five.Mode.Panorama) {
-			if (vectorDistance > maxVisibleDistance) {
-				return false;
-			}
-		}
-
-		return isImpacted(five$1, modelPosition.clone().sub(cameraPosition).normalize(), cameraPosition, vectorDistance);
-	};
-
-	const judgeInViewport = modelPoint => {
-		const { camera, model } = five$1;
-		const { x: offsetXFromCenter, y: offsetYFromCenter, z: offsetZFromCenter } = modelPoint.clone().project(camera);
-		const ratioFromLeft = (offsetXFromCenter + 1) / 2;
-		const ratioFromTop = (2 - (offsetYFromCenter + 1)) / 2;
-		const isFront = Math.abs(offsetZFromCenter) < 1;
-		const cssOffset = [ratioFromLeft, ratioFromTop];
-
-		// 只计算在前面就行
-		const isInViewport = isFront && cssOffset.every(ratio => ratio < 1 && ratio >= 0);
-
-		return Boolean(isInViewport);
-	};
-
-	// cssOffset 获取
-	const getLabelCssOffset = (five, itemLabel) => {
-		const modelPosition = new Vector3(itemLabel.modelPosition[0], itemLabel.modelPosition[1], itemLabel.modelPosition[2]);
-		const cssPosition = five.project2d(modelPosition);
-
-		const xOffset = cssPosition === null || cssPosition === void 0
-		? void 0
-		: cssPosition.x;
-
-		const yOffset = cssPosition === null || cssPosition === void 0
-		? void 0
-		: cssPosition.y;
-
-		return [xOffset, yOffset];
-	};
-
-	const getFormatedItemLabels = (five$1, labels) => {
-		// 计算位置 & 可见性
-		const newLabels = labels.map(label => {
-			// 不在绑定点位则直接不可见
-			if (five$1.state.panoIndex !== label.panoIndex) {
-				return Object.assign(Object.assign({}, label), { visible: false });
-			}
-
-			const cssOffset = getLabelCssOffset(five$1, label);
-			label.name.length * basicWidth;
-			const strokeLength = getStrokeLength(label.modelPosition[1], displayStrategyType);
-
-			// 是否加入碰撞检测
-			// 配置加入碰撞检测，则判断碰撞检测
-			// 在可见范围内， 仅在 Panorama 模态计算
-			const isInViewport = five$1.currentMode === five.Five.Mode.Panorama
-			? judgeInViewport(new Vector3(label.position[0], label.position[1], label.position[2]))
-			: true;
-
-			// 碰撞
-			const isBlocked = modelOcclusionEnable
-			? judgeImpacted(five$1, label)
-			: false;
-
-			const visible = isInViewport && !isBlocked;
-
-			// 关掉重叠计算
-			// const visible = naturalVisible && !isOverlap([cssOffset[0], cssOffset[1] + strokeLength], curLabelWidth)
-			if (!visible) return Object.assign(Object.assign({}, label), { visible });
-
-			cssOffsetLists.push(cssOffset);
-
-			// position
-			const transform = getLabelTransform(cssOffset);
-
-			return Object.assign(Object.assign({}, label), { visible, transform, strokeLength });
-		});
-
-		const sortedItemLabelItems = newLabels.filter(({ visible }) => visible).map(label => ({
-			itemLabelItem: label,
-			distance: new Vector3(label.modelPosition[0], label.modelPosition[1], label.modelPosition[2]).clone().distanceTo(five$1.camera.position)
-		})).sort((a, b) => a.distance - b.distance);
-
-		return newLabels.map(label => {
-			const sortIndex = sortedItemLabelItems.findIndex(item => item.itemLabelItem.id === label.id);
-			if (sortIndex !== undefined) return Object.assign(Object.assign({}, label), { zIndex: sortIndex * 10 });
-			return label;
-		});
-	};
-
-	const onItemLabelUpdate = () => {
-		cssOffsetLists = [];
-		$$invalidate(1, renderItemLabels = getFormatedItemLabels(five$1, renderItemLabels));
-	};
-
-	const handleCameraUpdateCallback = () => {
-		$$invalidate(5, itemsVisible = false);
-		handleCameraUpdate();
-	};
-
-	const handleCameraUpdate = debounce(
-		() => {
-			$$invalidate(5, itemsVisible = true);
-			onItemLabelUpdate();
-		},
-		300
-	);
-
-	const onResize = () => {
-		five$1.once('renderFrame', onItemLabelUpdate);
-	};
-
-	const addResizeListener = () => {
-		window.addEventListener('resize', onResize, false);
-	};
-
-	const addDataUpdateListener = () => {
-		if (curItemLabels !== itemLabels) {
-			$$invalidate(1, renderItemLabels = transform2RenderData(itemLabels));
-			curItemLabels = itemLabels;
-			onItemLabelUpdate();
-		}
-	};
-
-	const getNearObserverPano = (fromPositionVector, observers) => {
-		let candidates = [];
-
-		for (let i = 0; i < observers.length; i++) {
-			const { position: obVector, panoIndex } = observers[i];
-			const distance = fromPositionVector.distanceTo(obVector);
-
-			if (maxVisibleDistance === undefined || distance <= maxVisibleDistance || five$1.state.mode !== five.Five.Mode.Panorama) {
-				candidates.push({ panoIndex, obVector, distance });
-			}
-		}
-
-		candidates = candidates.sort((a, b) => a.distance - b.distance);
-		let observerIndex;
-
-		for (let i = 0; i < candidates.length; i++) {
-			const { obVector, distance, panoIndex } = candidates[i];
-			const isImpactedRes = isImpacted(five$1, fromPositionVector, obVector, distance);
-
-			if (!isImpactedRes) {
-				observerIndex = panoIndex;
-				break;
-			}
-		}
-
-		return typeof observerIndex === "number"
-		? observers[observerIndex]
-		: undefined;
-	};
-
-	const onIconClick = itemLabel => {
-		if (five$1.state.mode === five.Five.Mode.Panorama) return;
-		const observers = five$1.work.observers;
-		const fromPositionVector = new Vector3().fromArray(itemLabel.position);
-		const observer = getNearObserverPano(fromPositionVector, observers);
-
-		if (observer) {
-			itemLabel.observerIndex = observer.panoIndex;
-		}
-
-		if (typeof itemLabel.observerIndex === "number") {
-			const observer = observers[itemLabel.observerIndex];
-			const direction = fromPositionVector.clone().sub(observer.position).normalize();
-
-			const cameraCoord = {
-				longitude: Math.PI + Math.atan2(direction.x, direction.z),
-				latitude: Math.acos(direction.y / direction.length()) - Math.PI / 2
-			};
-
-			five$1.setState(Object.assign(Object.assign({}, cameraCoord), {
-				mode: five.Five.Mode.Panorama,
-				panoIndex: itemLabel.observerIndex
-			}));
-
-			// 游走结束更新 render list
-			five$1.once('initAnimationEnded', () => {
-				$$invalidate(1, renderItemLabels = renderItemLabels.map(item => {
-					return Object.assign(Object.assign({}, item), { isFold: item.id !== itemLabel.id });
-				}));
-
-				five$1.once('cameraUpdate', () => {
-					$$invalidate(1, renderItemLabels = renderItemLabels.map(item => {
-						return Object.assign(Object.assign({}, item), { isFold: false });
-					}));
-				});
-			});
-		}
-	};
-
-	svelte.beforeUpdate(() => {
-		addDataUpdateListener();
-	});
-
-	svelte.onMount(() => {
-		$$invalidate(1, renderItemLabels = transform2RenderData(itemLabels));
-		curItemLabels = itemLabels;
-		onItemLabelUpdate();
-		addResizeListener();
-		five$1.on('cameraUpdate', handleCameraUpdateCallback);
-	}); // five.on('modeChange', onFiveModeChange)
-
-	svelte.onDestroy(() => {
-		five$1.off('cameraUpdate', handleCameraUpdateCallback);
-
-		// five.off('modeChange', onFiveModeChange)
-		window.removeEventListener('resize', onResize, false);
-	});
-
-	function div_elementresize_handler() {
-		containerWidth = this.clientWidth;
-		containerHeight = this.clientHeight;
-		$$invalidate(3, containerWidth);
-		$$invalidate(4, containerHeight);
-	}
-
-	$$self.$$set = $$props => {
-		if ('five' in $$props) $$invalidate(7, five$1 = $$props.five);
-		if ('modelOcclusionEnable' in $$props) $$invalidate(8, modelOcclusionEnable = $$props.modelOcclusionEnable);
-		if ('onlyVisibleInPanorama' in $$props) $$invalidate(9, onlyVisibleInPanorama = $$props.onlyVisibleInPanorama);
-		if ('itemLabels' in $$props) $$invalidate(10, itemLabels = $$props.itemLabels);
-		if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
-		if ('displayStrategyType' in $$props) $$invalidate(11, displayStrategyType = $$props.displayStrategyType);
-		if ('maxVisibleDistance' in $$props) $$invalidate(12, maxVisibleDistance = $$props.maxVisibleDistance);
-	};
-
-	return [
-		hooks,
-		renderItemLabels,
-		anchorEnabled,
-		containerWidth,
-		containerHeight,
-		itemsVisible,
-		onIconClick,
-		five$1,
-		modelOcclusionEnable,
-		onlyVisibleInPanorama,
-		itemLabels,
-		displayStrategyType,
-		maxVisibleDistance,
-		div_elementresize_handler
-	];
-}
-
-class ItemLabelComponent extends internal.SvelteComponent {
-	constructor(options) {
-		super();
-
-		internal.init(
-			this,
-			options,
-			instance,
-			create_fragment,
-			internal.safe_not_equal,
-			{
-				five: 7,
-				modelOcclusionEnable: 8,
-				onlyVisibleInPanorama: 9,
-				itemLabels: 10,
-				hooks: 0,
-				displayStrategyType: 11,
-				maxVisibleDistance: 12
-			},
-			add_css,
-			[-1, -1]
-		);
-	}
-}
-
-/** @description 转成内部所需数据 */
-function parseItemLabelPluginData(data) {
-    return data.item_labels.map(label => (Object.assign(Object.assign({}, label), { modelPosition: [label.position[0], label.position[1], label.position[2]], observerIndex: undefined })));
-}
-
-const defaultMaxVisibleDistance = undefined;
-const Plugin = (five$1, params) => {
-    var _a, _b, _c, _d;
-    const pluginState = {
-        container: document.createElement('div'),
-        data: null,
-        enabled: true,
-        fiveModeEnabled: true,
-        itemLabels: [],
-        wrapper: null,
-        app: undefined,
-        hooks: new five.Subscribe(),
-        modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
-        onlyVisibleInPanorama: (_b = params === null || params === void 0 ? void 0 : params.onlyVisibleInPanorama) !== null && _b !== void 0 ? _b : true,
-        displayStrategyType: (_c = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _c !== void 0 ? _c : exports.ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE.SMALL,
-        maxVisibleDistance: (_d = params === null || params === void 0 ? void 0 : params.maxVisibleDistance) !== null && _d !== void 0 ? _d : defaultMaxVisibleDistance,
-    };
-    pluginState.container.setAttribute('class', 'item-label-plugin-container');
-    pluginState.container.style.cssText = `
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 5;
-    `;
-    pluginState.container.style.pointerEvents = 'none'; // 写到 cssText 里不生效
-    const appendTo = (wrapper) => {
-        pluginState.wrapper = wrapper;
-        wrapper.appendChild(pluginState.container);
-        render();
-        return true;
-    };
-    const load = (data) => {
-        pluginState.itemLabels = parseItemLabelPluginData(data);
-        render();
-    };
-    const enable = () => {
-        if (pluginState.enabled)
-            return true;
-        pluginState.enabled = true;
-        render();
-        return true;
-    };
-    const disable = () => {
-        if (!pluginState.enabled)
-            return true;
-        pluginState.enabled = false;
-        render();
-        return true;
-    };
-    const dispose = () => {
-        removeListener4Five();
-        pluginState.container.remove();
-    };
-    const render = () => {
-        var _a;
-        if (!pluginState.wrapper)
-            return;
-        // 只要不可展示，销毁容器
-        if (!pluginState.enabled || !pluginState.fiveModeEnabled) {
-            (_a = pluginState.app) === null || _a === void 0 ? void 0 : _a.$destroy();
-            pluginState.app = undefined;
-            return;
-        }
-        // 正常显示时，分为 app 存在和不存在两种情况，如果存在，传值，不存在则初始化并传值
-        if (!pluginState.app) {
-            pluginState.app = new ItemLabelComponent({
-                target: pluginState.container,
-                props: {
-                    five: five$1,
-                    modelOcclusionEnable: pluginState.modelOcclusionEnable,
-                    onlyVisibleInPanorama: pluginState.onlyVisibleInPanorama,
-                    itemLabels: pluginState.itemLabels,
-                    wrapper: pluginState.wrapper,
-                    hooks: pluginState.hooks,
-                    displayStrategyType: pluginState.displayStrategyType,
-                    maxVisibleDistance: pluginState.maxVisibleDistance
-                }
-            });
-        }
-        else {
-            pluginState.app.$set({
-                five: five$1,
-                itemLabels: pluginState.itemLabels
-            });
-        }
-    };
-    // 添加 five 监听
-    const addListener4Five = () => {
-        five$1.on('modeChange', onFiveModeChange);
-        five$1.once('dispose', dispose);
-    };
-    // 取消 five 监听
-    const removeListener4Five = () => {
-        five$1.off('modeChange', onFiveModeChange);
-    };
-    const onFiveModeChange = (mode) => {
-        // if (!pluginState.enabled) return
-        if (mode !== five.Five.Mode.Panorama) {
-            pluginState.fiveModeEnabled = false;
-            disable();
-            return;
-        }
-        // pluginState.fiveModeEnabled = false
-        // render()
-        five$1.once('initAnimationEnded', () => {
-            pluginState.fiveModeEnabled = true;
-            enable();
-        });
-    };
-    addListener4Five();
-    return {
-        appendTo,
-        load,
-        enable,
-        disable,
-        dispose,
-        hooks: pluginState.hooks
-    };
-};
-
-const itemLabelPluginServerParams = {
-    name: 'ItemLabelPlugin',
-    version: 0,
-};
-
-exports.ItemLabelPlugin = Plugin;
-exports["default"] = Plugin;
-exports.itemLabelPluginServerParams = itemLabelPluginServerParams;