@realsee/dnalogel 2.0.0-alpha.53 → 2.0.0-alpha.56

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

@@ -1,288 +0,0 @@
-/* generated by Svelte v3.49.0 */
-import {
-	SvelteComponent,
-	add_render_callback,
-	add_resize_listener,
-	append_styles,
-	attr,
-	check_outros,
-	create_component,
-	destroy_component,
-	detach,
-	element,
-	empty,
-	group_outros,
-	init,
-	insert,
-	listen,
-	mount_component,
-	safe_not_equal,
-	set_style,
-	space,
-	transition_in,
-	transition_out
-} from "svelte/internal";
-
-import Line from '../Common/Line/Straight';
-import uuid from '../../../shared-utils/uuid';
-import Shadow from '../Common/Shadow';
-import MultiLineText from '../Common/MultiLineText';
-
-function add_css(target) {
-	append_styles(target, "svelte-10nbig", ".line.svelte-10nbig{position:absolute;top:0;left:0;width:8.4375rem;height:1px;transform:translate3d(0, -50%, 0.52083rem)}.content.svelte-10nbig{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:2.8125rem;padding:1.875rem 0.20833rem 0 0.83333rem;position:absolute;left:0;bottom:0;overflow:hidden;box-sizing:border-box;font-size:0;pointer-events:none;white-space:nowrap;font-weight:600}");
-}
-
-// (29:0) {#if tag.state}
-function create_if_block(ctx) {
-	let shadow;
-	let t0;
-	let div0;
-	let line;
-	let t1;
-	let div1;
-	let multilinetext;
-	let div1_resize_listener;
-	let current;
-	let mounted;
-	let dispose;
-
-	shadow = new Shadow({
-			props: {
-				visible: /*unfolded*/ ctx[2],
-				left: /*contentWidth*/ ctx[3] / 2 + 'px',
-				bottom: 12,
-				width: 2,
-				blurRadius: 120,
-				spreadRadius: 60
-			}
-		});
-
-	line = new Line({
-			props: {
-				unfolded: /*unfolded*/ ctx[2],
-				duration: 1000,
-				outDelay: /*foldTextDelay*/ ctx[5] + 40 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15)
-			}
-		});
-
-	multilinetext = new MultiLineText({
-			props: {
-				visible: /*unfolded*/ ctx[2],
-				textUnfolded: /*textUnfolded*/ ctx[1],
-				textItems: /*textItems*/ ctx[4]
-			}
-		});
-
-	return {
-		c() {
-			create_component(shadow.$$.fragment);
-			t0 = space();
-			div0 = element("div");
-			create_component(line.$$.fragment);
-			t1 = space();
-			div1 = element("div");
-			create_component(multilinetext.$$.fragment);
-			attr(div0, "class", "line svelte-10nbig");
-			set_style(div0, "width", /*contentWidth*/ ctx[3] + 'px', false);
-			attr(div1, "class", "content svelte-10nbig");
-			add_render_callback(() => /*div1_elementresize_handler*/ ctx[9].call(div1));
-		},
-		m(target, anchor) {
-			mount_component(shadow, target, anchor);
-			insert(target, t0, anchor);
-			insert(target, div0, anchor);
-			mount_component(line, div0, null);
-			insert(target, t1, anchor);
-			insert(target, div1, anchor);
-			mount_component(multilinetext, div1, null);
-			div1_resize_listener = add_resize_listener(div1, /*div1_elementresize_handler*/ ctx[9].bind(div1));
-			current = true;
-
-			if (!mounted) {
-				dispose = listen(div1, "click", /*toggleTextUnfolded*/ ctx[6]);
-				mounted = true;
-			}
-		},
-		p(ctx, dirty) {
-			const shadow_changes = {};
-			if (dirty & /*unfolded*/ 4) shadow_changes.visible = /*unfolded*/ ctx[2];
-			if (dirty & /*contentWidth*/ 8) shadow_changes.left = /*contentWidth*/ ctx[3] / 2 + 'px';
-			shadow.$set(shadow_changes);
-			const line_changes = {};
-			if (dirty & /*unfolded*/ 4) line_changes.unfolded = /*unfolded*/ ctx[2];
-			if (dirty & /*foldTextDelay, textItems*/ 48) line_changes.outDelay = /*foldTextDelay*/ ctx[5] + 40 * Math.min(/*textItems*/ ctx[4][0]?.content.length ?? 10, 15);
-			line.$set(line_changes);
-
-			if (dirty & /*contentWidth*/ 8) {
-				set_style(div0, "width", /*contentWidth*/ ctx[3] + 'px', false);
-			}
-
-			const multilinetext_changes = {};
-			if (dirty & /*unfolded*/ 4) multilinetext_changes.visible = /*unfolded*/ ctx[2];
-			if (dirty & /*textUnfolded*/ 2) multilinetext_changes.textUnfolded = /*textUnfolded*/ ctx[1];
-			if (dirty & /*textItems*/ 16) multilinetext_changes.textItems = /*textItems*/ ctx[4];
-			multilinetext.$set(multilinetext_changes);
-		},
-		i(local) {
-			if (current) return;
-			transition_in(shadow.$$.fragment, local);
-			transition_in(line.$$.fragment, local);
-			transition_in(multilinetext.$$.fragment, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(shadow.$$.fragment, local);
-			transition_out(line.$$.fragment, local);
-			transition_out(multilinetext.$$.fragment, local);
-			current = false;
-		},
-		d(detaching) {
-			destroy_component(shadow, detaching);
-			if (detaching) detach(t0);
-			if (detaching) detach(div0);
-			destroy_component(line);
-			if (detaching) detach(t1);
-			if (detaching) detach(div1);
-			destroy_component(multilinetext);
-			div1_resize_listener();
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-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 text;
-	let foldTextDelay;
-	var _a;
-	let { tag } = $$props;
-	let contentWidth;
-	let textUnfolded = false;
-	let textItems = [];
-
-	function toggleTextUnfolded() {
-		$$invalidate(1, textUnfolded = !textUnfolded);
-	}
-
-	function div1_elementresize_handler() {
-		contentWidth = this.clientWidth;
-		$$invalidate(3, contentWidth);
-	}
-
-	$$self.$$set = $$props => {
-		if ('tag' in $$props) $$invalidate(0, tag = $$props.tag);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*tag, _a*/ 129) {
-			$: $$invalidate(2, unfolded = !!($$invalidate(7, _a = tag.state) === null || _a === void 0
-			? void 0
-			: _a.unfolded));
-		}
-
-		if ($$self.$$.dirty & /*tag*/ 1) {
-			$: $$invalidate(8, text = tag.data.text);
-		}
-
-		if ($$self.$$.dirty & /*text*/ 256) {
-			$: {
-				// 当 text 变了后，强制更新 Text
-				$$invalidate(4, textItems = [{ id: uuid(), content: text }]);
-			}
-		}
-
-		if ($$self.$$.dirty & /*unfolded*/ 4) {
-			$: {
-				if (!unfolded) setTimeout(
-					() => {
-						$$invalidate(1, textUnfolded = false);
-					},
-					20
-				);
-			}
-		}
-
-		if ($$self.$$.dirty & /*textUnfolded*/ 2) {
-			// 收起的时候，如果文字展开了，要先下下去，再收起
-			$: $$invalidate(5, foldTextDelay = textUnfolded ? 450 : 0);
-		}
-	};
-
-	return [
-		tag,
-		textUnfolded,
-		unfolded,
-		contentWidth,
-		textItems,
-		foldTextDelay,
-		toggleTextUnfolded,
-		_a,
-		text,
-		div1_elementresize_handler
-	];
-}
-
-class Component extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { tag: 0 }, add_css);
-	}
-}
-
-export default Component;