msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

track whether transition is local

Browse Source
pull/2008/head
Richard Harris 7 years ago
parent 9ca925eebe
commit 53b17b4cd3
8 changed files with 84 additions and 39 deletions
Show Stats Download Patch File Download Diff File

2
src/compile/nodes/Transition.ts
Unescape View File

@ -7,6 +7,7 @@ export default class Transition extends Node {
name: string;
directive: string;
expression: Expression;
is_local: boolean;
constructor(component: Component, parent, scope, info) {
super(component, parent, scope, info);
@ -15,6 +16,7 @@ export default class Transition extends Node {
this.name = info.name;
this.directive = info.intro && info.outro ? 'transition' : info.intro ? 'in' : 'out';
this.is_local = info.modifiers.includes('local');
if ((info.intro && parent.intro) || (info.outro && parent.outro)) {
const parentTransition = (parent.intro || parent.outro);

4
src/compile/render-dom/Block.ts
Unescape View File

@ -327,7 +327,7 @@ export default class Block {
properties.addLine(`i: @noop,`);
} else {
properties.addBlock(deindent`
${dev ? 'i: function intro' : 'i'}() {
${dev ? 'i: function intro' : 'i'}(#local) {
${this.hasOutros && `if (#current) return;`}
${this.builders.intro}
},
@ -338,7 +338,7 @@ export default class Block {
properties.addLine(`o: @noop,`);
} else {
properties.addBlock(deindent`
${dev ? 'o: function outro' : 'o'}() {
${dev ? 'o: function outro' : 'o'}(#local) {
${this.builders.outro}
},
`);

18
src/compile/render-dom/wrappers/EachBlock.ts
Unescape View File

@ -403,7 +403,7 @@ export default class EachBlockWrapper extends Wrapper {
const outroBlock = this.block.hasOutros && block.getUniqueName('outroBlock')
if (outroBlock) {
block.builders.init.addBlock(deindent`
function ${outroBlock}(i, detach) {
function ${outroBlock}(i, detach, local) {
if (${iterations}[i]) {
if (detach) {
@on_outro(() => {
@ -412,7 +412,7 @@ export default class EachBlockWrapper extends Wrapper {
});
}
${iterations}[i].o();
${iterations}[i].o(local);
}
}
`);
@ -434,27 +434,27 @@ export default class EachBlockWrapper extends Wrapper {
${iterations}[#i].c();
${iterations}[#i].m(${updateMountNode}, ${anchor});
}
${has_transitions && `${iterations}[#i].i();`}
${has_transitions && `${iterations}[#i].i(1);`}
`
: deindent`
${iterations}[#i] = ${create_each_block}(child_ctx);
${iterations}[#i].c();
${iterations}[#i].m(${updateMountNode}, ${anchor});
${has_transitions && `${iterations}[#i].i();`}
${has_transitions && `${iterations}[#i].i(1);`}
`;
const start = this.block.hasUpdateMethod ? '0' : `${iterations}.length`;
let destroy;
let remove_old_blocks;
if (this.block.hasOutros) {
destroy = deindent`
remove_old_blocks = deindent`
@group_outros();
for (; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 1);
for (; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 1, 1);
@check_outros();
`;
} else {
destroy = deindent`
remove_old_blocks = deindent`
for (${this.block.hasUpdateMethod ? `` : `#i = ${this.vars.each_block_value}.${length}`}; #i < ${iterations}.length; #i += 1) {
${iterations}[#i].d(1);
}
@ -471,7 +471,7 @@ export default class EachBlockWrapper extends Wrapper {
${forLoopBody}
}
${destroy}
${remove_old_blocks}
`;
block.builders.update.addBlock(deindent`

57
src/compile/render-dom/wrappers/Element/index.ts
Unescape View File

@ -622,17 +622,34 @@ export default class ElementWrapper extends Wrapper {
const fn = component.qualify(intro.name);
block.builders.intro.addBlock(deindent`
const intro_block = deindent`
@add_render_callback(() => {
if (!${name}) ${name} = @create_bidirectional_transition(${this.var}, ${fn}, ${snippet}, true);
${name}.run(1);
});
`);
`;
block.builders.outro.addBlock(deindent`
const outro_block = deindent`
if (!${name}) ${name} = @create_bidirectional_transition(${this.var}, ${fn}, ${snippet}, false);
${name}.run(0);
`;
if (intro.is_local) {
block.builders.intro.addBlock(deindent`
if (#local) {
${intro_block}
}
`);
block.builders.outro.addBlock(deindent`
if (#local) {
${outro_block}
}
`);
} else {
block.builders.intro.addBlock(intro_block);
block.builders.outro.addBlock(outro_block);
}
block.builders.destroy.addConditional('detach', `if (${name}) ${name}.end();`);
}
@ -649,25 +666,37 @@ export default class ElementWrapper extends Wrapper {
const fn = component.qualify(intro.name);
let intro_block;
if (outro) {
block.builders.intro.addBlock(deindent`
intro_block = deindent`
@add_render_callback(() => {
if (!${introName}) ${introName} = @create_in_transition(${this.var}, ${fn}, ${snippet});
${introName}.start();
});
`);
`;
block.builders.outro.addLine(`if (${introName}) ${introName}.invalidate()`);
} else {
block.builders.intro.addBlock(deindent`
intro_block = deindent`
if (!${introName}) {
@add_render_callback(() => {
${introName} = @create_in_transition(${this.var}, ${fn}, ${snippet});
${introName}.start();
});
}
`);
`;
}
if (intro.is_local) {
intro_block = deindent`
if (#local) {
${intro_block}
}
`;
}
block.builders.intro.addBlock(intro_block);
}
if (outro) {
@ -684,9 +713,19 @@ export default class ElementWrapper extends Wrapper {
// TODO hide elements that have outro'd (unless they belong to a still-outroing
// group) prior to their removal from the DOM
block.builders.outro.addBlock(deindent`
let outro_block = deindent`
${outroName} = @create_out_transition(${this.var}, ${fn}, ${snippet});
`);
`;
if (outro_block) {
outro_block = deindent`
if (#local) {
${outro_block}
}
`;
}
block.builders.outro.addBlock(outro_block);
block.builders.destroy.addConditional('detach', `if (${outroName}) ${outroName}.end();`);
}

12
src/compile/render-dom/wrappers/IfBlock.ts
Unescape View File

@ -239,7 +239,7 @@ export default class IfBlockWrapper extends Wrapper {
if (${name}) {
${name}.c();
${name}.m(${updateMountNode}, ${anchor});
${has_transitions && `${name}.i();`}
${has_transitions && `${name}.i(1);`}
}
`;
@ -327,7 +327,7 @@ export default class IfBlockWrapper extends Wrapper {
${if_blocks}[${previous_block_index}].d(1);
${if_blocks}[${previous_block_index}] = null;
});
${name}.o();
${name}.o(1);
@check_outros();
`;
@ -338,7 +338,7 @@ export default class IfBlockWrapper extends Wrapper {
${name}.c();
}
${name}.m(${updateMountNode}, ${anchor});
${has_transitions && `${name}.i();`}
${has_transitions && `${name}.i(1);`}
`;
const changeBlock = hasElse
@ -415,7 +415,7 @@ export default class IfBlockWrapper extends Wrapper {
${name}.c();
${name}.m(${updateMountNode}, ${anchor});
}
${has_transitions && `${name}.i();`}
${has_transitions && `${name}.i(1);`}
`
: deindent`
if (!${name}) {
@ -423,7 +423,7 @@ export default class IfBlockWrapper extends Wrapper {
${name}.c();
${name}.m(${updateMountNode}, ${anchor});
}
${has_transitions && `${name}.i();`}
${has_transitions && `${name}.i(1);`}
`;
// no `p()` here — we don't want to update outroing nodes,
@ -436,7 +436,7 @@ export default class IfBlockWrapper extends Wrapper {
${name} = null;
});
${name}.o();
${name}.o(1);
@check_outros();
`
: deindent`

16
src/compile/render-dom/wrappers/InlineComponent/index.ts
Unescape View File

@ -397,7 +397,7 @@ export default class InlineComponentWrapper extends Wrapper {
@on_outro(() => {
old_component.$destroy();
});
old_component.$$.fragment.o();
old_component.$$.fragment.o(1);
@check_outros();
}
@ -409,7 +409,7 @@ export default class InlineComponentWrapper extends Wrapper {
${name}.$$.fragment.c();
@mount_component(${name}, ${updateMountNode}, ${anchor});
${name}.$$.fragment.i();
${name}.$$.fragment.i(1);
} else {
${name} = null;
}
@ -417,7 +417,7 @@ export default class InlineComponentWrapper extends Wrapper {
`);
block.builders.intro.addBlock(deindent`
if (${name}) ${name}.$$.fragment.i();
if (${name}) ${name}.$$.fragment.i(#local);
`);
if (updates.length) {
@ -430,6 +430,10 @@ export default class InlineComponentWrapper extends Wrapper {
`);
}
block.builders.outro.addLine(
`if (${name}) ${name}.$$.fragment.o(#local);`
);
block.builders.destroy.addLine(`if (${name}) ${name}.$destroy(${parentNode ? '' : 'detach'});`);
} else {
const expression = this.node.name === 'svelte:self'
@ -459,7 +463,7 @@ export default class InlineComponentWrapper extends Wrapper {
);
block.builders.intro.addBlock(deindent`
${name}.$$.fragment.i();
${name}.$$.fragment.i(#local);
`);
if (updates.length) {
@ -473,12 +477,12 @@ export default class InlineComponentWrapper extends Wrapper {
block.builders.destroy.addBlock(deindent`
${name}.$destroy(${parentNode ? '' : 'detach'});
`);
}
block.builders.outro.addLine(
`if (${name}) ${name}.$$.fragment.o();`
`${name}.$$.fragment.o(#local);`
);
}
}
}
function isComputed(node: Node) {

4
src/internal/await-block.js
Unescape View File

@ -22,7 +22,7 @@ export function handlePromise(promise, info) {
block.d(1);
info.blocks[i] = null;
});
block.o();
block.o(1);
check_outros();
}
});
@ -32,7 +32,7 @@ export function handlePromise(promise, info) {
block.c();
block.m(info.mount(), info.anchor);
if (block.i) block.i();
if (block.i) block.i(1);
flush();
}

4
src/internal/keyed-each.js
Unescape View File

@ -10,7 +10,7 @@ export function outroAndDestroyBlock(block, lookup) {
destroyBlock(block, lookup);
});
block.o();
block.o(1);
}
export function fixAndOutroAndDestroyBlock(block, lookup) {
@ -53,7 +53,7 @@ export function updateKeyedEach(old_blocks, changed, get_key, dynamic, ctx, list
function insert(block) {
block.m(node, next);
if (block.i) block.i();
if (block.i) block.i(1);
lookup[block.key] = block;
next = block.first;
n--;

Write Preview
Loading…
Cancel
Save