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

tidy formatting

Browse Source
pull/5179/head
Conduitry 5 years ago
parent 76e23b2c60
commit 57aeb3e25c
7 changed files with 94 additions and 98 deletions
Show Stats Download Patch File Download Diff File

24
src/compiler/compile/render_dom/wrappers/EachBlock.ts
Unescape View File

@ -301,18 +301,15 @@ export default class EachBlockWrapper extends Wrapper {
const has_transitions = !!(this.else.block.has_intro_method || this.else.block.has_outro_method);
const destroy_block_else = this.else.block.has_outro_method
?
b`
@group_outros();
@transition_out(${each_block_else}, 1, 1, () => {
${each_block_else} = null;
});
@check_outros();
`
: b`
${each_block_else}.d(1);
? b`
@group_outros();
@transition_out(${each_block_else}, 1, 1, () => {
${each_block_else} = null;
`;
});
@check_outros();`
: b`
${each_block_else}.d(1);
${each_block_else} = null;`;
if (this.else.block.has_update_method) {
this.updates.push(b`
@ -328,7 +325,6 @@ export default class EachBlockWrapper extends Wrapper {
}
`);
} else {
this.updates.push(b`
if (${this.vars.data_length}) {
if (${each_block_else}) {
@ -336,8 +332,8 @@ export default class EachBlockWrapper extends Wrapper {
}
} else if (!${each_block_else}) {
${each_block_else} = ${this.else.block.name}(#ctx);
${each_block_else}.c();
${has_transitions && b`@transition_in(${each_block_else}, 1);`}
${each_block_else}.c();
${has_transitions && b`@transition_in(${each_block_else}, 1);`}
${each_block_else}.m(${update_mount_node}, ${update_anchor_node});
}
`);

78
test/runtime/samples/transition-js-each-else-block-intro-outro/_config.js
Unescape View File

@ -1,54 +1,54 @@
export default {
props: {
things: ['a', 'b', 'c']
},
props: {
things: ['a', 'b', 'c']
},
test({ assert, component, target, window, raf }) {
component.things = [];
let div = target.querySelector('div');
assert.equal(div.foo, 0);
test({ assert, component, target, window, raf }) {
component.things = [];
let div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(200);
assert.equal(div.foo, 0.5);
raf.tick(200);
assert.equal(div.foo, 0.5);
raf.tick(300);
assert.equal(div.foo, 0.75);
raf.tick(300);
assert.equal(div.foo, 0.75);
raf.tick(400);
assert.equal(div.foo, 1);
raf.tick(400);
assert.equal(div.foo, 1);
raf.tick(600);
component.things = ['a', 'b', 'c'];
raf.tick(600);
component.things = ['a', 'b', 'c'];
raf.tick(700);
assert.equal(div.foo, 1);
assert.equal(div.bar, 0.75);
raf.tick(700);
assert.equal(div.foo, 1);
assert.equal(div.bar, 0.75);
raf.tick(800);
assert.equal(div.foo, 1);
assert.equal(div.bar, 0.5);
raf.tick(800);
assert.equal(div.foo, 1);
assert.equal(div.bar, 0.5);
raf.tick(900);
assert.equal(div.foo, 1);
assert.equal(div.bar, 0.25);
raf.tick(900);
assert.equal(div.foo, 1);
assert.equal(div.bar, 0.25);
// test outro before intro complete
raf.tick(1000);
component.things = [];
div = target.querySelector('div');
// test outro before intro complete
raf.tick(1000);
component.things = [];
div = target.querySelector('div');
raf.tick(1200);
assert.equal(div.foo, 0.5);
raf.tick(1200);
assert.equal(div.foo, 0.5);
component.things = ['a', 'b', 'c'];
raf.tick(1300);
assert.equal(div.foo, 0.75);
assert.equal(div.bar, 0.75);
component.things = ['a', 'b', 'c'];
raf.tick(1300);
assert.equal(div.foo, 0.75);
assert.equal(div.bar, 0.75);
raf.tick(1400);
assert.equal(div.foo, 1);
assert.equal(div.bar, 0.5);
raf.tick(1400);
assert.equal(div.foo, 1);
assert.equal(div.bar, 0.5);
raf.tick(2000);
}
raf.tick(2000);
}
};

22
test/runtime/samples/transition-js-each-else-block-intro-outro/main.svelte
Unescape View File

@ -10,18 +10,18 @@
};
}
function bar(node, params) {
return {
duration: 400,
tick: t => {
node.bar = t;
}
};
}
function bar(node, params) {
return {
duration: 400,
tick: t => {
node.bar = t;
}
};
}
</script>
{#each things as thing}
<p>{thing}</p>
{:else}
<div in:foo out:bar>else</div>
<p>{thing}</p>
{:else}
<div in:foo out:bar>else</div>
{/each}

30
test/runtime/samples/transition-js-each-else-block-intro/_config.js
Unescape View File

@ -1,22 +1,22 @@
export default {
props: {
things: ['a', 'b', 'c']
},
props: {
things: ['a', 'b', 'c']
},
test({ assert, component, target, window, raf }) {
component.things = [];
const div = target.querySelector('div');
assert.equal(div.foo, 0);
test({ assert, component, target, window, raf }) {
component.things = [];
const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(200);
assert.equal(div.foo, 0.5);
raf.tick(200);
assert.equal(div.foo, 0.5);
raf.tick(300);
assert.equal(div.foo, 0.75);
raf.tick(300);
assert.equal(div.foo, 0.75);
raf.tick(400);
assert.equal(div.foo, 1);
raf.tick(400);
assert.equal(div.foo, 1);
raf.tick(500);
}
raf.tick(500);
}
};

6
test/runtime/samples/transition-js-each-else-block-intro/main.svelte
Unescape View File

@ -12,7 +12,7 @@
</script>
{#each things as thing}
<p>{thing}</p>
{:else}
<div in:foo>else</div>
<p>{thing}</p>
{:else}
<div in:foo>else</div>
{/each}

28
test/runtime/samples/transition-js-each-else-block-outro/_config.js
Unescape View File

@ -1,20 +1,20 @@
export default {
props: {
things: []
},
test({ assert, component, target, window, raf }) {
const div = target.querySelector('div');
component.things = ['a', 'b', 'c'];
props: {
things: []
},
test({ assert, component, target, window, raf }) {
const div = target.querySelector('div');
component.things = ['a', 'b', 'c'];
raf.tick(200);
assert.equal(div.foo, 0.5);
raf.tick(200);
assert.equal(div.foo, 0.5);
raf.tick(300);
assert.equal(div.foo, 0.25);
raf.tick(300);
assert.equal(div.foo, 0.25);
raf.tick(400);
assert.equal(div.foo, 0);
raf.tick(400);
assert.equal(div.foo, 0);
raf.tick(500);
}
raf.tick(500);
}
};

4
test/runtime/samples/transition-js-each-else-block-outro/main.svelte
Unescape View File

@ -12,7 +12,7 @@
</script>
{#each things as thing}
<p>{thing}</p>
<p>{thing}</p>
{:else}
<div out:foo>else</div>
<div out:foo>else</div>
{/each}
Write Preview
Loading…
Cancel
Save