@realsee/dnalogel 2.0.1 → 2.2.0-alpha.1

package/libs/PanoTagPlugin/Components/Tag/ImageTextTag.js

@@ -0,0 +1,403 @@
+/* generated by Svelte v3.50.1 */
+import {
+	SvelteComponent,
+	append_styles,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	empty,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	outro_and_destroy_block,
+	safe_not_equal,
+	space,
+	transition_in,
+	transition_out,
+	update_keyed_each
+} from "svelte/internal";
+
+import uuid from '../../../shared-utils/uuid';
+import Text from '../Common/Text';
+import Line from '../Common/Line/Polyline';
+import MediaContainer from '../Common/Media';
+import Shadow from '../Common/Shadow';
+
+function add_css(target) {
+	append_styles(target, "svelte-1f5r1f2", ".line.svelte-1f5r1f2{position:absolute;width:5.46875rem;height:1.09375rem;transform:translateY(-100%);z-index:10}.text.svelte-1f5r1f2{position:absolute;width:5.20833rem;left:0.83333rem;bottom:1px;z-index:10;font-weight:600}.media-wrapper.svelte-1f5r1f2{position:absolute;left:0.72917rem;top:-4.42708rem;width:4.6875rem;height:3.125rem;z-index:10;font-weight:600}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[9] = list[i].id;
+	child_ctx[1] = list[i].content;
+	return child_ctx;
+}
+
+// (19:0) {#if tag.state}
+function create_if_block(ctx) {
+	let shadow;
+	let t0;
+	let div;
+	let line;
+	let t1;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let t2;
+	let if_block_anchor;
+	let current;
+
+	shadow = new Shadow({
+			props: {
+				visible: /*unfolded*/ ctx[4],
+				left: 61,
+				bottom: 57,
+				width: 2,
+				blurRadius: 150,
+				spreadRadius: 75
+			}
+		});
+
+	line = new Line({
+			props: {
+				unfolded: /*unfolded*/ ctx[4],
+				duration: 1000,
+				outDelay: 400
+			}
+		});
+
+	let each_value = /*textItems*/ ctx[2];
+	const get_key = ctx => /*id*/ ctx[9];
+
+	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));
+	}
+
+	let if_block = /*mediaData*/ ctx[3] && create_if_block_1(ctx);
+
+	return {
+		c() {
+			create_component(shadow.$$.fragment);
+			t0 = space();
+			div = element("div");
+			create_component(line.$$.fragment);
+			t1 = space();
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			t2 = space();
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+			attr(div, "class", "line svelte-1f5r1f2");
+		},
+		m(target, anchor) {
+			mount_component(shadow, target, anchor);
+			insert(target, t0, anchor);
+			insert(target, div, anchor);
+			mount_component(line, div, null);
+			insert(target, t1, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].m(target, anchor);
+			}
+
+			insert(target, t2, anchor);
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const shadow_changes = {};
+			if (dirty & /*unfolded*/ 16) shadow_changes.visible = /*unfolded*/ ctx[4];
+			shadow.$set(shadow_changes);
+			const line_changes = {};
+			if (dirty & /*unfolded*/ 16) line_changes.unfolded = /*unfolded*/ ctx[4];
+			line.$set(line_changes);
+
+			if (dirty & /*unfolded, textItems*/ 20) {
+				each_value = /*textItems*/ ctx[2];
+				group_outros();
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, t2.parentNode, outro_and_destroy_block, create_each_block, t2, get_each_context);
+				check_outros();
+			}
+
+			if (/*mediaData*/ ctx[3]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*mediaData*/ 8) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block_1(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(shadow.$$.fragment, local);
+			transition_in(line.$$.fragment, local);
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(shadow.$$.fragment, local);
+			transition_out(line.$$.fragment, local);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(shadow, detaching);
+			if (detaching) detach(t0);
+			if (detaching) detach(div);
+			destroy_component(line);
+			if (detaching) detach(t1);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d(detaching);
+			}
+
+			if (detaching) detach(t2);
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+// (24:2) {#each textItems as { id, content }
+function create_each_block(key_1, ctx) {
+	let div;
+	let text_1;
+	let current;
+
+	text_1 = new Text({
+			props: {
+				unfolded: /*unfolded*/ ctx[4],
+				content: /*content*/ ctx[1],
+				inDelay: 500
+			}
+		});
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			div = element("div");
+			create_component(text_1.$$.fragment);
+			attr(div, "class", "text svelte-1f5r1f2");
+			this.first = div;
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(text_1, div, null);
+			current = true;
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+			const text_1_changes = {};
+			if (dirty & /*unfolded*/ 16) text_1_changes.unfolded = /*unfolded*/ ctx[4];
+			if (dirty & /*textItems*/ 4) text_1_changes.content = /*content*/ ctx[1];
+			text_1.$set(text_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(text_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(text_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(text_1);
+		}
+	};
+}
+
+// (29:2) {#if mediaData}
+function create_if_block_1(ctx) {
+	let div;
+	let mediacontainer;
+	let current;
+
+	mediacontainer = new MediaContainer({
+			props: {
+				unfolded: /*unfolded*/ ctx[4],
+				mediaData: /*mediaData*/ ctx[3],
+				inDelay: 500,
+				duration: 500
+			}
+		});
+
+	return {
+		c() {
+			div = element("div");
+			create_component(mediacontainer.$$.fragment);
+			attr(div, "class", "media-wrapper svelte-1f5r1f2");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(mediacontainer, div, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const mediacontainer_changes = {};
+			if (dirty & /*unfolded*/ 16) mediacontainer_changes.unfolded = /*unfolded*/ ctx[4];
+			if (dirty & /*mediaData*/ 8) mediacontainer_changes.mediaData = /*mediaData*/ ctx[3];
+			mediacontainer.$set(mediacontainer_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(mediacontainer.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(mediacontainer.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(mediacontainer);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*tag*/ ctx[0].state && create_if_block(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*tag*/ ctx[0].state) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*tag*/ 1) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let unfolded;
+	let content;
+	let mediaData;
+	var _a, _b, _c, _d;
+	let { tag } = $$props;
+	let textItems;
+
+	$$self.$$set = $$props => {
+		if ('tag' in $$props) $$invalidate(0, tag = $$props.tag);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*tag*/ 1) {
+			$: $$invalidate(4, unfolded = tag.state ? tag.state.unfolded : false);
+		}
+
+		if ($$self.$$.dirty & /*tag, _a, _b, _c*/ 225) {
+			$: $$invalidate(1, content = ($$invalidate(6, _b = $$invalidate(5, _a = tag.data.text) === null || _a === void 0
+			? void 0
+			: _a.length) !== null && _b !== void 0
+			? _b
+			: 0) > 7
+			? ($$invalidate(7, _c = tag.data.text) === null || _c === void 0
+				? void 0
+				: _c.substring(0, 6)) + '...'
+			: tag.data.text);
+		}
+
+		if ($$self.$$.dirty & /*tag, _d*/ 257) {
+			$: $$invalidate(3, mediaData = $$invalidate(8, _d = tag.data.mediaData) === null || _d === void 0
+			? void 0
+			: _d[0]);
+		}
+
+		if ($$self.$$.dirty & /*content*/ 2) {
+			$: {
+				// 当 text 变了后，强制更新 Text
+				$$invalidate(2, textItems = content ? [{ id: uuid(), content }] : []);
+			}
+		}
+	};
+
+	return [tag, content, textItems, mediaData, unfolded, _a, _b, _c, _d];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { tag: 0 }, add_css);
+	}
+}
+
+export default Component;

package/libs/PanoTagPlugin/Components/Tag/LinkTag.js

@@ -0,0 +1,302 @@
+/* generated by Svelte v3.50.1 */
+import {
+	SvelteComponent,
+	append,
+	append_styles,
+	attr,
+	check_outros,
+	create_component,
+	destroy_component,
+	detach,
+	element,
+	group_outros,
+	init,
+	insert,
+	mount_component,
+	safe_not_equal,
+	set_data,
+	space,
+	text,
+	transition_in,
+	transition_out
+} from "svelte/internal";
+
+import { LinkType } from '../../typings';
+import Shadow from '../Common/Shadow';
+
+function add_css(target) {
+	append_styles(target, "svelte-1vax5j2", ".wrapper.svelte-1vax5j2{font-weight:600;cursor:pointer;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}.text-wrapper.svelte-1vax5j2{position:relative;display:flex;align-items:center;justify-content:center}.icon.svelte-1vax5j2{position:relative;margin-bottom:0.57292rem}.arrow0.svelte-1vax5j2,.arrow1.svelte-1vax5j2,.arrow2.svelte-1vax5j2{position:absolute;width:1.35417rem;height:0.625rem;background-image:url(//vrlab-static.ljcdn.com/release/web/arrow.33fbbf45.png);background-repeat:no-repeat;background-size:contain;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1.2s;animation-duration:1.2s}.arrow1.svelte-1vax5j2{position:relative}.arrow0.svelte-1vax5j2{top:-0.625rem;-webkit-animation-name:svelte-1vax5j2-up0;animation-name:svelte-1vax5j2-up0}.arrow1.svelte-1vax5j2{-webkit-animation-name:svelte-1vax5j2-up1;animation-name:svelte-1vax5j2-up1}.arrow2.svelte-1vax5j2{top:0.625rem;-webkit-animation-name:svelte-1vax5j2-up2;animation-name:svelte-1vax5j2-up2}.text.svelte-1vax5j2{font-size:0.72917rem;color:#ffffff;letter-spacing:0;text-align:center;line-height:0.9375rem;text-shadow:2px 0px 0.41667rem rgba(0, 0, 0, 0.15)}@-webkit-keyframes svelte-1vax5j2-up0{0%{opacity:0.8;transform:translateY(0) scale(0.84)}33.33%,100%{opacity:0;transform:translateY(-0.625rem) scale(0.84)}}@keyframes svelte-1vax5j2-up0{0%{opacity:0.8;transform:translateY(0) scale(0.84)}33.33%,100%{opacity:0;transform:translateY(-0.625rem) scale(0.84)}}@-webkit-keyframes svelte-1vax5j2-up1{0%{opacity:1;transform:translateY(0px) scale(1)}33.33%,100%{opacity:0.8;transform:translateY(-0.625rem) scale(0.84)}}@keyframes svelte-1vax5j2-up1{0%{opacity:1;transform:translateY(0px) scale(1)}33.33%,100%{opacity:0.8;transform:translateY(-0.625rem) scale(0.84)}}@-webkit-keyframes svelte-1vax5j2-up2{0%{opacity:0}33.33%,100%{opacity:1;transform:translateY(-0.625rem)}}@keyframes svelte-1vax5j2-up2{0%{opacity:0}33.33%,100%{opacity:1;transform:translateY(-0.625rem)}}.link.svelte-1vax5j2{position:relative;width:1.45833rem;height:0.625rem;background-image:url(//vrlab-static.ljcdn.com/release/web/arrow-icon.b89ee4d8.png);background-repeat:no-repeat;background-size:contain;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-name:svelte-1vax5j2-left-right;animation-name:svelte-1vax5j2-left-right}@-webkit-keyframes svelte-1vax5j2-left-right{0%,100%{opacity:0.8;transform:translateX(-0.26042rem)}50%{opacity:1;transform:translateX(0)}}@keyframes svelte-1vax5j2-left-right{0%,100%{opacity:0.8;transform:translateX(-0.26042rem)}50%{opacity:1;transform:translateX(0)}}");
+}
+
+// (14:52) 
+function create_if_block_1(ctx) {
+	let shadow;
+	let t;
+	let div;
+	let current;
+
+	shadow = new Shadow({
+			props: {
+				visible: true,
+				outDelay: 0,
+				inDelay: 0,
+				width: 1.4,
+				left: 13,
+				bottom: "auto",
+				blurRadius: 50,
+				spreadRadius: 18
+			}
+		});
+
+	return {
+		c() {
+			create_component(shadow.$$.fragment);
+			t = space();
+			div = element("div");
+			attr(div, "class", "link svelte-1vax5j2");
+		},
+		m(target, anchor) {
+			mount_component(shadow, target, anchor);
+			insert(target, t, anchor);
+			insert(target, div, anchor);
+			current = true;
+		},
+		i(local) {
+			if (current) return;
+			transition_in(shadow.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(shadow.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(shadow, detaching);
+			if (detaching) detach(t);
+			if (detaching) detach(div);
+		}
+	};
+}
+
+// (9:4) {#if data.linkType === LinkType.VrLink}
+function create_if_block(ctx) {
+	let shadow;
+	let t0;
+	let div0;
+	let t1;
+	let div1;
+	let t2;
+	let div2;
+	let current;
+
+	shadow = new Shadow({
+			props: {
+				visible: true,
+				outDelay: 0,
+				inDelay: 0,
+				height: 1.2,
+				left: 13,
+				bottom: 12,
+				blurRadius: 50,
+				spreadRadius: 18
+			}
+		});
+
+	return {
+		c() {
+			create_component(shadow.$$.fragment);
+			t0 = space();
+			div0 = element("div");
+			t1 = space();
+			div1 = element("div");
+			t2 = space();
+			div2 = element("div");
+			attr(div0, "class", "arrow0 svelte-1vax5j2");
+			attr(div1, "class", "arrow1 svelte-1vax5j2");
+			attr(div2, "class", "arrow2 svelte-1vax5j2");
+		},
+		m(target, anchor) {
+			mount_component(shadow, target, anchor);
+			insert(target, t0, anchor);
+			insert(target, div0, anchor);
+			insert(target, t1, anchor);
+			insert(target, div1, anchor);
+			insert(target, t2, anchor);
+			insert(target, div2, anchor);
+			current = true;
+		},
+		i(local) {
+			if (current) return;
+			transition_in(shadow.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(shadow.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(shadow, detaching);
+			if (detaching) detach(t0);
+			if (detaching) detach(div0);
+			if (detaching) detach(t1);
+			if (detaching) detach(div1);
+			if (detaching) detach(t2);
+			if (detaching) detach(div2);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div3;
+	let div0;
+	let current_block_type_index;
+	let if_block;
+	let t0;
+	let div2;
+	let shadow;
+	let t1;
+	let div1;
+	let t2_value = /*data*/ ctx[0].text + "";
+	let t2;
+	let current;
+	const if_block_creators = [create_if_block, create_if_block_1];
+	const if_blocks = [];
+
+	function select_block_type(ctx, dirty) {
+		if (/*data*/ ctx[0].linkType === LinkType.VrLink) return 0;
+		if (/*data*/ ctx[0].linkType === LinkType.NormalLink) return 1;
+		return -1;
+	}
+
+	if (~(current_block_type_index = select_block_type(ctx, -1))) {
+		if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+	}
+
+	shadow = new Shadow({
+			props: {
+				visible: true,
+				outDelay: 0,
+				inDelay: 0,
+				left: "auto",
+				bottom: "auto",
+				width: "80%",
+				blurRadius: 40,
+				spreadRadius: 16,
+				opacity: 0.08
+			}
+		});
+
+	return {
+		c() {
+			div3 = element("div");
+			div0 = element("div");
+			if (if_block) if_block.c();
+			t0 = space();
+			div2 = element("div");
+			create_component(shadow.$$.fragment);
+			t1 = space();
+			div1 = element("div");
+			t2 = text(t2_value);
+			attr(div0, "class", "icon svelte-1vax5j2");
+			attr(div1, "class", "text svelte-1vax5j2");
+			attr(div2, "class", "text-wrapper svelte-1vax5j2");
+			attr(div3, "class", "wrapper svelte-1vax5j2");
+		},
+		m(target, anchor) {
+			insert(target, div3, anchor);
+			append(div3, div0);
+
+			if (~current_block_type_index) {
+				if_blocks[current_block_type_index].m(div0, null);
+			}
+
+			append(div3, t0);
+			append(div3, div2);
+			mount_component(shadow, div2, null);
+			append(div2, t1);
+			append(div2, div1);
+			append(div1, t2);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type(ctx, dirty);
+
+			if (current_block_type_index !== previous_block_index) {
+				if (if_block) {
+					group_outros();
+
+					transition_out(if_blocks[previous_block_index], 1, 1, () => {
+						if_blocks[previous_block_index] = null;
+					});
+
+					check_outros();
+				}
+
+				if (~current_block_type_index) {
+					if_block = if_blocks[current_block_type_index];
+
+					if (!if_block) {
+						if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+						if_block.c();
+					} else {
+						
+					}
+
+					transition_in(if_block, 1);
+					if_block.m(div0, null);
+				} else {
+					if_block = null;
+				}
+			}
+
+			if ((!current || dirty & /*data*/ 1) && t2_value !== (t2_value = /*data*/ ctx[0].text + "")) set_data(t2, t2_value);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			transition_in(shadow.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			transition_out(shadow.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div3);
+
+			if (~current_block_type_index) {
+				if_blocks[current_block_type_index].d();
+			}
+
+			destroy_component(shadow);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let data;
+	let { tag } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('tag' in $$props) $$invalidate(1, tag = $$props.tag);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*tag*/ 2) {
+			$: $$invalidate(0, data = tag.data);
+		}
+	};
+
+	return [data, tag];
+}
+
+class Component extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { tag: 1 }, add_css);
+	}
+}
+
+export default Component;