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

Merge 73ccdec9a1 into a4d412fb53

Browse Source
pull/1700/merge
Jacob Wright 7 years ago committed by GitHub
parent a4d412fb53 73ccdec9a1
commit ac3c4614ed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
79 changed files with 506 additions and 149 deletions
Show Stats Download Patch File Download Diff File

8
src/compile/dom/Block.ts
Unescape View File

@ -241,7 +241,7 @@ export default class Block {
properties.addBlock(`m: @noop,`); properties.addBlock(`m: @noop,`);
} else { } else {
properties.addBlock(deindent` properties.addBlock(deindent`
${dev ? 'm: function mount' : 'm'}(#target, anchor) { ${dev ? 'm: function mount' : 'm'}(#target, anchor${this.compiler.options.nestedTransitions && ', introing'}) {
${this.builders.mount} ${this.builders.mount}
}, },
`); `);
@ -281,10 +281,10 @@ export default class Block {
properties.addBlock(`i: @noop,`); properties.addBlock(`i: @noop,`);
} else { } else {
properties.addBlock(deindent` properties.addBlock(deindent`
${dev ? 'i: function intro' : 'i'}(#target, anchor) { ${dev ? 'i: function intro' : 'i'}(#target, anchor${this.compiler.options.nestedTransitions && ', introing'}) {
if (#current) return; if (#current) return;
${this.builders.intro} ${this.builders.intro}
this.m(#target, anchor); this.m(#target, anchor${this.compiler.options.nestedTransitions && ', introing'});
}, },
`); `);
} }
@ -293,7 +293,7 @@ export default class Block {
properties.addBlock(`o: @run,`); properties.addBlock(`o: @run,`);
} else { } else {
properties.addBlock(deindent` properties.addBlock(deindent`
${dev ? 'o: function outro' : 'o'}(#outrocallback) { ${dev ? 'o: function outro' : 'o'}(#outrocallback${this.compiler.options.nestedTransitions && ', outroing'}) {
if (!#current) return; if (!#current) return;
${this.outros > 1 && `#outrocallback = @callAfter(#outrocallback, ${this.outros});`} ${this.outros > 1 && `#outrocallback = @callAfter(#outrocallback, ${this.outros});`}

4
src/compile/dom/index.ts
Unescape View File

@ -227,7 +227,7 @@ export default function dom(
this._fragment.c(); this._fragment.c();
this._fragment.${block.hasIntroMethod ? 'i' : 'm'}(this.shadowRoot, null); this._fragment.${block.hasIntroMethod ? 'i' : 'm'}(this.shadowRoot, null);
if (options.target) this._mount(options.target, options.anchor); if (options.target) this._mount(options.target, options.anchor${compiler.options.nestedTransitions && ', 1'});
` : deindent` ` : deindent`
if (options.target) { if (options.target) {
${compiler.options.hydratable ${compiler.options.hydratable
@ -239,7 +239,7 @@ export default function dom(
${options.dev && ${options.dev &&
`if (options.hydrate) throw new Error("options.hydrate only works if the component was compiled with the \`hydratable: true\` option");`} `if (options.hydrate) throw new Error("options.hydrate only works if the component was compiled with the \`hydratable: true\` option");`}
this._fragment.c();`} this._fragment.c();`}
this._mount(options.target, options.anchor); this._mount(options.target, options.anchor${compiler.options.nestedTransitions && ', 1'});
${(compiler.hasComponents || target.hasComplexBindings || hasInitHooks || target.hasIntroTransitions) && ${(compiler.hasComponents || target.hasComplexBindings || hasInitHooks || target.hasIntroTransitions) &&
`@flush(this);`} `@flush(this);`}

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

@ -177,7 +177,7 @@ export default class AwaitBlock extends Node {
const ${countdown} = @callAfter(#outrocallback, 3); const ${countdown} = @callAfter(#outrocallback, 3);
for (let #i = 0; #i < 3; #i += 1) { for (let #i = 0; #i < 3; #i += 1) {
const block = ${info}.blocks[#i]; const block = ${info}.blocks[#i];
if (block) block.o(${countdown}); if (block) block.o(${countdown}, 1);
else ${countdown}(); else ${countdown}();
} }
`); `);

6
src/compile/nodes/Component.ts
Unescape View File

@ -386,7 +386,7 @@ export default class Component extends Node {
block.builders.mount.addBlock(deindent` block.builders.mount.addBlock(deindent`
if (${name}) { if (${name}) {
${name}._mount(${parentNode || '#target'}, ${parentNode ? 'null' : 'anchor'}); ${name}._mount(${parentNode || '#target'}, ${parentNode ? 'null' : 'anchor'}${compiler.options.nestedTransitions && ', introing'});
${this.ref && `#component.refs.${this.ref} = ${name};`} ${this.ref && `#component.refs.${this.ref} = ${name};`}
} }
`); `);
@ -486,7 +486,7 @@ export default class Component extends Node {
} }
block.builders.mount.addLine( block.builders.mount.addLine(
`${name}._mount(${parentNode || '#target'}, ${parentNode ? 'null' : 'anchor'});` `${name}._mount(${parentNode || '#target'}, ${parentNode ? 'null' : 'anchor'}${compiler.options.nestedTransitions ? ', introing' : ''});`
); );
if (updates.length) { if (updates.length) {
@ -505,7 +505,7 @@ export default class Component extends Node {
if (this.compiler.options.nestedTransitions) { if (this.compiler.options.nestedTransitions) {
block.builders.outro.addLine( block.builders.outro.addLine(
`if (${name}) ${name}._fragment.o(#outrocallback);` `if (${name}) ${name}._fragment.o(#outrocallback, outroing);`
); );
} }
} }

18
src/compile/nodes/EachBlock.ts
Unescape View File

@ -203,7 +203,7 @@ export default class EachBlock extends Node {
block.builders.mount.addBlock(deindent` block.builders.mount.addBlock(deindent`
if (${each_block_else}) { if (${each_block_else}) {
${each_block_else}.${mountOrIntro}(${parentNode || '#target'}, null); ${each_block_else}.${mountOrIntro}(${parentNode || '#target'}, null${this.compiler.options.nestedTransitions && ', 1'});
} }
`); `);
@ -310,12 +310,11 @@ export default class EachBlock extends Node {
} }
block.builders.mount.addBlock(deindent` block.builders.mount.addBlock(deindent`
for (#i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].${mountOrIntro}(${initialMountNode}, ${anchorNode}); for (#i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].${mountOrIntro}(${initialMountNode}, ${anchorNode}${this.compiler.options.nestedTransitions ? ', 1' : ''});
`); `);
const dynamic = this.block.hasUpdateMethod; const dynamic = this.block.hasUpdateMethod;
const rects = block.getUniqueName('rects');
const destroy = this.block.hasAnimation const destroy = this.block.hasAnimation
? `@fixAndOutroAndDestroyBlock` ? `@fixAndOutroAndDestroyBlock`
: this.block.hasOutros : this.block.hasOutros
@ -335,7 +334,7 @@ export default class EachBlock extends Node {
const countdown = block.getUniqueName('countdown'); const countdown = block.getUniqueName('countdown');
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
const ${countdown} = @callAfter(#outrocallback, ${blocks}.length); const ${countdown} = @callAfter(#outrocallback, ${blocks}.length);
for (#i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].o(${countdown}); for (#i = 0; #i < ${blocks}.length; #i += 1) ${blocks}[#i].o(${countdown}, 1);
`); `);
} }
@ -385,7 +384,7 @@ export default class EachBlock extends Node {
block.builders.mount.addBlock(deindent` block.builders.mount.addBlock(deindent`
for (var #i = 0; #i < ${iterations}.length; #i += 1) { for (var #i = 0; #i < ${iterations}.length; #i += 1) {
${iterations}[#i].${mountOrIntro}(${initialMountNode}, ${anchorNode}); ${iterations}[#i].${mountOrIntro}(${initialMountNode}, ${anchorNode}${this.compiler.options.nestedTransitions && ', 1'});
} }
`); `);
@ -397,8 +396,9 @@ export default class EachBlock extends Node {
const outroBlock = this.block.hasOutros && block.getUniqueName('outroBlock') const outroBlock = this.block.hasOutros && block.getUniqueName('outroBlock')
if (outroBlock) { if (outroBlock) {
const outroArg = this.compiler.options.nestedTransitions ? ', outroing' : '';
block.builders.init.addBlock(deindent` block.builders.init.addBlock(deindent`
function ${outroBlock}(i, detach, fn) { function ${outroBlock}(i, detach, fn${outroArg}) {
if (${iterations}[i]) { if (${iterations}[i]) {
${iterations}[i].o(() => { ${iterations}[i].o(() => {
if (detach) { if (detach) {
@ -406,7 +406,7 @@ export default class EachBlock extends Node {
${iterations}[i] = null; ${iterations}[i] = null;
} }
if (fn) fn(); if (fn) fn();
}); }${outroArg});
} }
} }
`); `);
@ -451,7 +451,7 @@ export default class EachBlock extends Node {
if (this.block.hasOutros) { if (this.block.hasOutros) {
destroy = deindent` destroy = deindent`
@groupOutros(); @groupOutros();
for (; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 1); for (; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 1${this.compiler.options.nestedTransitions && ', null, 1'});
`; `;
} else { } else {
destroy = deindent` destroy = deindent`
@ -482,7 +482,7 @@ export default class EachBlock extends Node {
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
${iterations} = ${iterations}.filter(Boolean); ${iterations} = ${iterations}.filter(Boolean);
const ${countdown} = @callAfter(#outrocallback, ${iterations}.length); const ${countdown} = @callAfter(#outrocallback, ${iterations}.length);
for (let #i = 0; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 0, ${countdown});` for (let #i = 0; #i < ${iterations}.length; #i += 1) ${outroBlock}(#i, 0, ${countdown}${this.compiler.options.nestedTransitions && ', 1'});`
); );
} }

8
src/compile/nodes/Element.ts
Unescape View File

@ -761,7 +761,7 @@ export default class Element extends Node {
#component.root._aftercreate.push(() => { #component.root._aftercreate.push(() => {
if (!${name}) ${name} = @wrapTransition(#component, ${this.var}, ${fn}, ${snippet}, true); if (!${name}) ${name} = @wrapTransition(#component, ${this.var}, ${fn}, ${snippet}, true);
${name}.run(1); ${name}.run(1${this.compiler.options.nestedTransitions && ', null, introing'});
}); });
`); `);
@ -770,7 +770,7 @@ export default class Element extends Node {
${name}.run(0, () => { ${name}.run(0, () => {
#outrocallback(); #outrocallback();
${name} = null; ${name} = null;
}); }${this.compiler.options.nestedTransitions && ', outroing'});
`); `);
block.builders.destroy.addConditional('detach', `if (${name}) ${name}.abort();`); block.builders.destroy.addConditional('detach', `if (${name}) ${name}.abort();`);
@ -796,7 +796,7 @@ export default class Element extends Node {
block.builders.intro.addConditional(`#component.root._intro`, deindent` block.builders.intro.addConditional(`#component.root._intro`, deindent`
#component.root._aftercreate.push(() => { #component.root._aftercreate.push(() => {
${introName} = @wrapTransition(#component, ${this.var}, ${fn}, ${snippet}, true); ${introName} = @wrapTransition(#component, ${this.var}, ${fn}, ${snippet}, true);
${introName}.run(1); ${introName}.run(1${this.compiler.options.nestedTransitions && ', null, introing'});
}); });
`); `);
} }
@ -817,7 +817,7 @@ export default class Element extends Node {
// group) prior to their removal from the DOM // group) prior to their removal from the DOM
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
${outroName} = @wrapTransition(#component, ${this.var}, ${fn}, ${snippet}, false); ${outroName} = @wrapTransition(#component, ${this.var}, ${fn}, ${snippet}, false);
${outroName}.run(0, #outrocallback); ${outroName}.run(0, #outrocallback${this.compiler.options.nestedTransitions && ', outroing'});
`); `);
block.builders.destroy.addConditional('detach', `if (${outroName}) ${outroName}.abort();`); block.builders.destroy.addConditional('detach', `if (${outroName}) ${outroName}.abort();`);

10
src/compile/nodes/IfBlock.ts
Unescape View File

@ -140,7 +140,7 @@ export default class IfBlock extends Node {
if (this.compiler.options.nestedTransitions) { if (this.compiler.options.nestedTransitions) {
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
if (${name}) ${name}.o(#outrocallback); if (${name}) ${name}.o(#outrocallback, 1);
else #outrocallback(); else #outrocallback();
`); `);
} }
@ -152,7 +152,7 @@ export default class IfBlock extends Node {
if (hasOutros && this.compiler.options.nestedTransitions) { if (hasOutros && this.compiler.options.nestedTransitions) {
block.builders.outro.addBlock(deindent` block.builders.outro.addBlock(deindent`
if (${name}) ${name}.o(#outrocallback); if (${name}) ${name}.o(#outrocallback, 1);
else #outrocallback(); else #outrocallback();
`); `);
} }
@ -206,7 +206,7 @@ export default class IfBlock extends Node {
const initialMountNode = parentNode || '#target'; const initialMountNode = parentNode || '#target';
const anchorNode = parentNode ? 'null' : 'anchor'; const anchorNode = parentNode ? 'null' : 'anchor';
block.builders.mount.addLine( block.builders.mount.addLine(
`${if_name}${name}.${mountOrIntro}(${initialMountNode}, ${anchorNode});` `${if_name}${name}.${mountOrIntro}(${initialMountNode}, ${anchorNode}${this.compiler.options.nestedTransitions ? ', 1' : ''});`
); );
const updateMountNode = this.getUpdateMountNode(anchor); const updateMountNode = this.getUpdateMountNode(anchor);
@ -292,7 +292,7 @@ export default class IfBlock extends Node {
const anchorNode = parentNode ? 'null' : 'anchor'; const anchorNode = parentNode ? 'null' : 'anchor';
block.builders.mount.addLine( block.builders.mount.addLine(
`${if_current_block_type_index}${if_blocks}[${current_block_type_index}].${mountOrIntro}(${initialMountNode}, ${anchorNode});` `${if_current_block_type_index}${if_blocks}[${current_block_type_index}].${mountOrIntro}(${initialMountNode}, ${anchorNode}${this.compiler.options.nestedTransitions ? ', 1' : ''});`
); );
const updateMountNode = this.getUpdateMountNode(anchor); const updateMountNode = this.getUpdateMountNode(anchor);
@ -374,7 +374,7 @@ export default class IfBlock extends Node {
const anchorNode = parentNode ? 'null' : 'anchor'; const anchorNode = parentNode ? 'null' : 'anchor';
block.builders.mount.addLine( block.builders.mount.addLine(
`if (${name}) ${name}.${mountOrIntro}(${initialMountNode}, ${anchorNode});` `if (${name}) ${name}.${mountOrIntro}(${initialMountNode}, ${anchorNode}${this.compiler.options.nestedTransitions ? ', 1' : ''});`
); );
const updateMountNode = this.getUpdateMountNode(anchor); const updateMountNode = this.getUpdateMountNode(anchor);

4
src/shared/index.js
Unescape View File

@ -147,8 +147,8 @@ export function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
export function _mount(target, anchor) { export function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
export var PENDING = {}; export var PENDING = {};

20
src/shared/transitions.js
Unescape View File

@ -1,5 +1,5 @@
import { createElement } from './dom.js'; import { createElement } from './dom.js';
import { noop, run } from './utils.js'; import { noop, run, assign } from './utils.js';
export function linear(t) { export function linear(t) {
return t; return t;
@ -28,6 +28,7 @@ export function hash(str) {
export function wrapTransition(component, node, fn, params, intro) { export function wrapTransition(component, node, fn, params, intro) {
let obj = fn.call(component, node, params); let obj = fn.call(component, node, params);
if (typeof obj !== 'function') obj = assign(assign({}, component.root.options.transitions), obj);
let duration; let duration;
let ease; let ease;
let cssText; let cssText;
@ -40,28 +41,35 @@ export function wrapTransition(component, node, fn, params, intro) {
program: null, program: null,
pending: null, pending: null,
run(b, callback) { run(b, callback, introOutro) {
if (typeof obj === 'function') { if (typeof obj === 'function') {
transitionManager.wait().then(() => { transitionManager.wait().then(() => {
obj = obj(); obj = obj();
this._run(b, callback); obj = assign(assign({}, component.root.options.transitions), obj);
this._run(b, callback, introOutro);
}); });
} else { } else {
this._run(b, callback); this._run(b, callback, introOutro);
} }
}, },
_run(b, callback) { _run(b, callback, introOutro) {
duration = obj.duration || 300; duration = obj.duration || 300;
ease = obj.easing || linear; ease = obj.easing || linear;
if (introOutro && ((b && obj.intro === false) || (!b && obj.outro === false))) {
this.t = b;
if (callback) callback();
return;
}
const program = { const program = {
start: window.performance.now() + (obj.delay || 0), start: window.performance.now() + (obj.delay || 0),
b, b,
callback: callback || noop callback: callback || noop
}; };
if (intro && !initialised) { if (b && !initialised) {
if (obj.css && obj.delay) { if (obj.css && obj.delay) {
cssText = node.style.cssText; cssText = node.style.cssText;
node.style.cssText += obj.css(0, 1); node.style.cssText += obj.css(0, 1);

4
test/cli/samples/amd/expected/Main.js
Unescape View File

@ -165,8 +165,8 @@ define("test", function() { "use strict";
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/basic/expected/Main.js
Unescape View File

@ -165,8 +165,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/custom-element/expected/Main.js
Unescape View File

@ -186,8 +186,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/dev/expected/Main.js
Unescape View File

@ -191,8 +191,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/dir-sourcemap/expected/Main.js
Unescape View File

@ -167,8 +167,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/dir-sourcemap/expected/Widget.js
Unescape View File

@ -165,8 +165,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/dir-subdir/expected/Main.js
Unescape View File

@ -167,8 +167,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/dir-subdir/expected/widget/Widget.js
Unescape View File

@ -165,8 +165,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/dir/expected/Main.js
Unescape View File

@ -167,8 +167,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/dir/expected/Widget.js
Unescape View File

@ -165,8 +165,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/globals/expected/Main.js
Unescape View File

@ -190,8 +190,8 @@ var Main = (function(answer) { "use strict";
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/sourcemap-inline/expected/Main.js
Unescape View File

@ -165,8 +165,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/sourcemap/expected/Main.js
Unescape View File

@ -165,8 +165,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/cli/samples/store/expected/Main.js
Unescape View File

@ -189,8 +189,8 @@ function _stage(newState) {
assign(this._staged, newState); assign(this._staged, newState);
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
function _differs(a, b) { function _differs(a, b) {

4
test/js/samples/action/expected-bundle.js
Unescape View File

@ -133,8 +133,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/bind-width-height/expected-bundle.js
Unescape View File

@ -165,8 +165,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/collapses-text-around-comments/expected-bundle.js
Unescape View File

@ -145,8 +145,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/component-static-array/expected-bundle.js
Unescape View File

@ -121,8 +121,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/component-static-immutable/expected-bundle.js
Unescape View File

@ -125,8 +125,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/component-static-immutable2/expected-bundle.js
Unescape View File

@ -125,8 +125,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/component-static/expected-bundle.js
Unescape View File

@ -121,8 +121,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/computed-collapsed-if/expected-bundle.js
Unescape View File

@ -121,8 +121,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/css-media-query/expected-bundle.js
Unescape View File

@ -137,8 +137,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/css-shadow-dom-keyframes/expected-bundle.js
Unescape View File

@ -133,8 +133,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/debug-empty/expected-bundle.js
Unescape View File

@ -169,8 +169,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var protoDev = { var protoDev = {

4
test/js/samples/debug-foo-bar-baz-things/expected-bundle.js
Unescape View File

@ -175,8 +175,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var protoDev = { var protoDev = {

4
test/js/samples/debug-foo/expected-bundle.js
Unescape View File

@ -175,8 +175,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var protoDev = { var protoDev = {

4
test/js/samples/deconflict-builtins/expected-bundle.js
Unescape View File

@ -155,8 +155,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/deconflict-globals/expected-bundle.js
Unescape View File

@ -126,8 +126,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/dev-warning-missing-data-computed/expected-bundle.js
Unescape View File

@ -169,8 +169,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var protoDev = { var protoDev = {

4
test/js/samples/do-use-dataset/expected-bundle.js
Unescape View File

@ -137,8 +137,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/dont-use-dataset-in-legacy/expected-bundle.js
Unescape View File

@ -141,8 +141,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/dont-use-dataset-in-svg/expected-bundle.js
Unescape View File

@ -141,8 +141,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/each-block-changed-check/expected-bundle.js
Unescape View File

@ -157,8 +157,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/each-block-keyed-animated/expected-bundle.js
Unescape View File

@ -460,8 +460,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/each-block-keyed/expected-bundle.js
Unescape View File

@ -240,8 +240,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/event-handlers-custom/expected-bundle.js
Unescape View File

@ -133,8 +133,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/head-no-whitespace/expected-bundle.js
Unescape View File

@ -133,8 +133,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/if-block-no-update/expected-bundle.js
Unescape View File

@ -137,8 +137,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/if-block-simple/expected-bundle.js
Unescape View File

@ -137,8 +137,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/inline-style-optimized-multiple/expected-bundle.js
Unescape View File

@ -137,8 +137,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/inline-style-optimized-url/expected-bundle.js
Unescape View File

@ -137,8 +137,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/inline-style-optimized/expected-bundle.js
Unescape View File

@ -137,8 +137,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/inline-style-unoptimized/expected-bundle.js
Unescape View File

@ -137,8 +137,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/input-files/expected-bundle.js
Unescape View File

@ -145,8 +145,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/input-range/expected-bundle.js
Unescape View File

@ -149,8 +149,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/input-without-blowback-guard/expected-bundle.js
Unescape View File

@ -145,8 +145,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/legacy-input-type/expected-bundle.js
Unescape View File

@ -139,8 +139,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/media-bindings/expected-bundle.js
Unescape View File

@ -149,8 +149,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/non-imported-component/expected-bundle.js
Unescape View File

@ -135,8 +135,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/select-dynamic-value/expected-bundle.js
Unescape View File

@ -141,8 +141,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/setup-method/expected-bundle.js
Unescape View File

@ -121,8 +121,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/svg-title/expected-bundle.js
Unescape View File

@ -141,8 +141,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/title/expected-bundle.js
Unescape View File

@ -121,8 +121,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/use-elements-as-anchors/expected-bundle.js
Unescape View File

@ -145,8 +145,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

4
test/js/samples/window-binding-scroll/expected-bundle.js
Unescape View File

@ -145,8 +145,8 @@ function callAll(fns) {
while (fns && fns.length) fns.shift()(); while (fns && fns.length) fns.shift()();
} }
function _mount(target, anchor) { function _mount(target, anchor, introing) {
this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null, introing);
} }
var proto = { var proto = {

3
test/runtime/index.js
Unescape View File

@ -137,7 +137,8 @@ describe("runtime", () => {
hydrate, hydrate,
data: config.data, data: config.data,
store: (config.store !== true && config.store), store: (config.store !== true && config.store),
intro: config.intro intro: config.intro,
transitions: config.transitions
}, config.options || {}); }, config.options || {});
const component = new SvelteComponent(options); const component = new SvelteComponent(options);

46
test/runtime/samples/transition-intro-outro-defaults/_config.js
Unescape View File

@ -0,0 +1,46 @@
export default {
nestedTransitions: true,
transitions: {
intro: false,
outro: false,
duration: 100,
},
data: {
x: false,
y: true
},
test(assert, component, target, window, raf) {
component.set({ x: true });
let div = target.querySelector('div');
assert.equal(div.foo, undefined);
component.set({ y: false });
assert.htmlEqual(target.innerHTML, '<div></div>');
div = target.querySelector('div');
raf.tick(50);
assert.equal(div.foo, 0.5);
raf.tick(100);
assert.htmlEqual(target.innerHTML, '');
component.set({ x: false, y: true });
assert.htmlEqual(target.innerHTML, '');
component.set({ x: true });
assert.htmlEqual(target.innerHTML, '<div></div>');
div = target.querySelector('div');
component.set({ y: false });
assert.htmlEqual(target.innerHTML, '<div></div>');
raf.tick(150);
assert.equal(div.foo, 0.5);
raf.tick(200);
assert.htmlEqual(target.innerHTML, '');
},
};

19
test/runtime/samples/transition-intro-outro-defaults/main.html
Unescape View File

@ -0,0 +1,19 @@
{#if x}
{#if y}
<div transition:foo></div>
{/if}
{/if}
<script>
export default {
transitions: {
foo(node, params) {
return {
tick: t => {
node.foo = t;
}
};
}
}
};
</script>

33
test/runtime/samples/transition-intro-outro-nested-await/_config.js
Unescape View File

@ -0,0 +1,33 @@
let fulfil;
const promise = new Promise(f => {
fulfil = f;
});
export default {
nestedTransitions: true,
data: {
x: false,
promise
},
test(assert, component, target, window, raf) {
component.set({ x: true });
fulfil();
return promise.then(() => {
const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(100);
assert.equal(div.foo, 1);
component.set({ x: false });
assert.htmlEqual(target.innerHTML, '');
raf.tick(150);
assert.equal(div.foo, 1);
});
}
};

22
test/runtime/samples/transition-intro-outro-nested-await/main.html
Unescape View File

@ -0,0 +1,22 @@
{#if x}
{#await promise then value}
<div transition:foo></div>
{/await}
{/if}
<script>
export default {
transitions: {
foo(node, params) {
return {
intro: false,
outro: false,
duration: 100,
tick: t => {
node.foo = t;
}
};
}
}
};
</script>

18
test/runtime/samples/transition-intro-outro-nested-component/Widget.html
Unescape View File

@ -0,0 +1,18 @@
<div transition:foo></div>
<script>
export default {
transitions: {
foo(node, params) {
return {
intro: false,
outro: false,
duration: 100,
tick: t => {
node.foo = t;
}
};
}
}
};
</script>

26
test/runtime/samples/transition-intro-outro-nested-component/_config.js
Unescape View File

@ -0,0 +1,26 @@
export default {
nestedTransitions: true,
data: {
x: false
},
test(assert, component, target, window, raf) {
component.set({ x: true });
const div = target.querySelector('div');
assert.equal(div.foo, 0);
raf.tick(100);
assert.equal(div.foo, 1);
component.set({ x: false });
assert.htmlEqual(target.innerHTML, '<div></div>');
raf.tick(150);
assert.equal(div.foo, 0.5);
raf.tick(200);
assert.htmlEqual(target.innerHTML, '');
}
};

13
test/runtime/samples/transition-intro-outro-nested-component/main.html
Unescape View File

@ -0,0 +1,13 @@
{#if x}
<Widget/>
{/if}
<script>
import Widget from './Widget.html';
export default {
components: {
Widget: './Widget.html'
}
};
</script>

32
test/runtime/samples/transition-intro-outro-nested-each-keyed/_config.js
Unescape View File

@ -0,0 +1,32 @@
export default {
nestedTransitions: true,
data: {
x: false,
things: ['a']
},
test(assert, component, target, window, raf) {
component.set({ x: true });
const div1 = target.querySelector('div');
assert.equal(div1.foo, undefined);
raf.tick(100);
assert.equal(div1.foo, undefined);
component.set({ things: ['a', 'b'] });
assert.htmlEqual(target.innerHTML, '<div></div><div></div>');
const div2 = target.querySelector('div:last-child');
assert.equal(div1.foo, undefined);
assert.equal(div2.foo, 0);
raf.tick(200);
assert.equal(div1.foo, undefined);
assert.equal(div2.foo, 1);
component.set({ x: false });
assert.htmlEqual(target.innerHTML, '');
},
};

22
test/runtime/samples/transition-intro-outro-nested-each-keyed/main.html
Unescape View File

@ -0,0 +1,22 @@
{#if x}
{#each things as thing (thing)}
<div transition:foo></div>
{/each}
{/if}
<script>
export default {
transitions: {
foo(node, params) {
return {
intro: false,
outro: false,
duration: 100,
tick: t => {
node.foo = t;
}
};
}
}
};
</script>

32
test/runtime/samples/transition-intro-outro-nested-each/_config.js
Unescape View File

@ -0,0 +1,32 @@
export default {
nestedTransitions: true,
data: {
x: false,
things: ['a']
},
test(assert, component, target, window, raf) {
component.set({ x: true });
const div1 = target.querySelector('div');
assert.equal(div1.foo, undefined);
raf.tick(100);
assert.equal(div1.foo, undefined);
component.set({ things: ['a', 'b'] });
assert.htmlEqual(target.innerHTML, '<div></div><div></div>');
const div2 = target.querySelector('div:last-child');
assert.equal(div1.foo, undefined);
assert.equal(div2.foo, 0);
raf.tick(200);
assert.equal(div1.foo, undefined);
assert.equal(div2.foo, 1);
component.set({ x: false });
assert.htmlEqual(target.innerHTML, '');
},
};

22
test/runtime/samples/transition-intro-outro-nested-each/main.html
Unescape View File

@ -0,0 +1,22 @@
{#if x}
{#each things as thing}
<div transition:foo></div>
{/each}
{/if}
<script>
export default {
transitions: {
foo(node, params) {
return {
intro: false,
outro: false,
duration: 100,
tick: t => {
node.foo = t;
}
};
}
}
};
</script>

41
test/runtime/samples/transition-intro-outro-nested-if/_config.js
Unescape View File

@ -0,0 +1,41 @@
export default {
nestedTransitions: true,
data: {
x: false,
y: true
},
test(assert, component, target, window, raf) {
component.set({ x: true });
let div = target.querySelector('div');
assert.equal(div.foo, undefined);
component.set({ y: false });
assert.htmlEqual(target.innerHTML, '<div></div>');
div = target.querySelector('div');
raf.tick(50);
assert.equal(div.foo, 0.5);
raf.tick(100);
assert.htmlEqual(target.innerHTML, '');
component.set({ x: false, y: true });
assert.htmlEqual(target.innerHTML, '');
component.set({ x: true });
assert.htmlEqual(target.innerHTML, '<div></div>');
div = target.querySelector('div');
component.set({ y: false });
assert.htmlEqual(target.innerHTML, '<div></div>');
raf.tick(150);
assert.equal(div.foo, 0.5);
raf.tick(200);
assert.htmlEqual(target.innerHTML, '');
},
};

22
test/runtime/samples/transition-intro-outro-nested-if/main.html
Unescape View File

@ -0,0 +1,22 @@
{#if x}
{#if y}
<div transition:foo></div>
{/if}
{/if}
<script>
export default {
transitions: {
foo(node, params) {
return {
intro: false,
outro: false,
duration: 100,
tick: t => {
node.foo = t;
}
};
}
}
};
</script>
Write Preview
Loading…
Cancel
Save