mirror of https://github.com/sveltejs/svelte
Colin Casey
6 years ago
committed by
GitHub
commit
95c7e4c320
@ -1 +1 @@
|
|||||||
export * from './dist/animate';
|
export * from './types/animate';
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
export * from './dist/compiler';
|
export * from './types/compiler';
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
export * from './dist/easing';
|
export * from './types/easing';
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
export * from './dist/index';
|
export * from './types/index';
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
export * from './dist/internal';
|
export * from './types/internal';
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
export * from './dist/motion';
|
export * from './types/motion';
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1 +1 @@
|
|||||||
export * from './dist/store';
|
export * from './types/store';
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
<script>
|
<script>
|
||||||
let a = 1;
|
export let a = 1;
|
||||||
let b = 2;
|
export let b = 2;
|
||||||
|
|
||||||
let max;
|
$: console.log('max', Math.max(a, b));
|
||||||
$: max = Math.max(a, b);
|
|
||||||
</script>
|
</script>
|
||||||
@ -0,0 +1,78 @@
|
|||||||
|
/* generated by Svelte vX.Y.Z */
|
||||||
|
import {
|
||||||
|
SvelteComponent,
|
||||||
|
append,
|
||||||
|
detach,
|
||||||
|
element,
|
||||||
|
init,
|
||||||
|
insert,
|
||||||
|
noop,
|
||||||
|
safe_not_equal,
|
||||||
|
set_data,
|
||||||
|
text
|
||||||
|
} from "svelte/internal";
|
||||||
|
import { onMount } from "svelte";
|
||||||
|
|
||||||
|
function create_fragment(ctx) {
|
||||||
|
var p, t;
|
||||||
|
|
||||||
|
return {
|
||||||
|
c() {
|
||||||
|
p = element("p");
|
||||||
|
t = text(ctx.y);
|
||||||
|
},
|
||||||
|
|
||||||
|
m(target, anchor) {
|
||||||
|
insert(target, p, anchor);
|
||||||
|
append(p, t);
|
||||||
|
},
|
||||||
|
|
||||||
|
p(changed, ctx) {
|
||||||
|
if (changed.y) {
|
||||||
|
set_data(t, ctx.y);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
i: noop,
|
||||||
|
o: noop,
|
||||||
|
|
||||||
|
d(detaching) {
|
||||||
|
if (detaching) {
|
||||||
|
detach(p);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function instance($$self, $$props, $$invalidate) {
|
||||||
|
let a, b, c;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
const interval = setInterval(() => {
|
||||||
|
$$invalidate('b', b += 1);
|
||||||
|
c += 1;
|
||||||
|
|
||||||
|
console.log(b, c);
|
||||||
|
}, 1000);
|
||||||
|
|
||||||
|
return () => clearInterval(interval);
|
||||||
|
});
|
||||||
|
|
||||||
|
let x, y;
|
||||||
|
|
||||||
|
$$self.$$.update = ($$dirty = { a: 1, b: 1 }) => {
|
||||||
|
if ($$dirty.a) { x = a * 2; }
|
||||||
|
if ($$dirty.b) { $$invalidate('y', y = b * 2); }
|
||||||
|
};
|
||||||
|
|
||||||
|
return { y };
|
||||||
|
}
|
||||||
|
|
||||||
|
class Component extends SvelteComponent {
|
||||||
|
constructor(options) {
|
||||||
|
super();
|
||||||
|
init(this, options, instance, create_fragment, safe_not_equal, []);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Component;
|
||||||
@ -0,0 +1,21 @@
|
|||||||
|
<script>
|
||||||
|
import { onMount } from 'svelte';
|
||||||
|
|
||||||
|
let a, b, c;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
const interval = setInterval(() => {
|
||||||
|
b += 1;
|
||||||
|
c += 1;
|
||||||
|
|
||||||
|
console.log(b, c);
|
||||||
|
}, 1000);
|
||||||
|
|
||||||
|
return () => clearInterval(interval);
|
||||||
|
});
|
||||||
|
|
||||||
|
$: x = a * 2;
|
||||||
|
$: y = b * 2;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<p>{y}</p>
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
<script>
|
||||||
|
export let foo = undefined;
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div>{foo}</div>
|
||||||
|
<div>{JSON.stringify($$props)}</div>
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
export default {
|
||||||
|
compileOptions: {
|
||||||
|
dev: true
|
||||||
|
},
|
||||||
|
|
||||||
|
warnings: []
|
||||||
|
};
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
<script>
|
||||||
|
import Foo from './Foo.svelte';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Foo fo="sho"/>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<script>
|
||||||
|
export let answer;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<h1>{answer}</h1>
|
||||||
|
<div><slot></slot></div>
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
export default {
|
||||||
|
compileOptions: {
|
||||||
|
dev: true
|
||||||
|
},
|
||||||
|
|
||||||
|
warnings: []
|
||||||
|
};
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
<script>
|
||||||
|
import Foo from './Foo.svelte';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Foo answer={42}>
|
||||||
|
bar
|
||||||
|
</Foo>
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
condition: false
|
||||||
|
},
|
||||||
|
|
||||||
|
test({ assert, component, target, window }) {
|
||||||
|
assert.equal(window.document.title, '');
|
||||||
|
assert.equal(Boolean(window.document.getElementById('meta')), true);
|
||||||
|
|
||||||
|
component.condition = true;
|
||||||
|
assert.equal(window.document.title, 'woo!!!');
|
||||||
|
assert.equal(window.document.getElementById('meta'), null);
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
<script>
|
||||||
|
export let condition;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
{#if condition}
|
||||||
|
<title>woo!!!</title>
|
||||||
|
{:else}
|
||||||
|
<meta id="meta" name="title" content="woo!!!"/>
|
||||||
|
{/if}
|
||||||
|
</svelte:head>
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
const foo = '<script type="application/json">{ "foo": "true" }</script>';
|
||||||
|
const bar = '<script type="application/json">{ "bar": "true" }</script>';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
condition: false,
|
||||||
|
foo,
|
||||||
|
bar
|
||||||
|
},
|
||||||
|
|
||||||
|
test({ assert, component, window }) {
|
||||||
|
assert.equal(window.document.head.innerHTML.includes(foo), false);
|
||||||
|
assert.equal(window.document.head.innerHTML.includes(bar), true);
|
||||||
|
|
||||||
|
component.condition = true;
|
||||||
|
assert.equal(window.document.head.innerHTML.includes(foo), true);
|
||||||
|
assert.equal(window.document.head.innerHTML.includes(bar), false);
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
<script>
|
||||||
|
export let condition, foo, bar;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
{#if condition}
|
||||||
|
{@html foo}
|
||||||
|
{:else}
|
||||||
|
{@html bar}
|
||||||
|
{/if}
|
||||||
|
</svelte:head>
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
<script>
|
||||||
|
export let bar;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<meta id="meta" name="title" content="bar!!!"/>
|
||||||
|
{#if true}
|
||||||
|
{@html bar}
|
||||||
|
{/if}
|
||||||
|
<title>bar!!!</title>
|
||||||
|
</svelte:head>
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
<script>
|
||||||
|
export let foo;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
{@html foo}
|
||||||
|
</svelte:head>
|
||||||
@ -0,0 +1,26 @@
|
|||||||
|
const foo = '<script type="application/json">{ "foo": "true" }</script>';
|
||||||
|
const bar = '<script type="application/json">{ "bar": "true" }</script>';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
condition: 1,
|
||||||
|
foo,
|
||||||
|
bar
|
||||||
|
},
|
||||||
|
|
||||||
|
test({ assert, component, window }) {
|
||||||
|
assert.equal(window.document.head.innerHTML.includes(foo), true);
|
||||||
|
|
||||||
|
component.condition = false;
|
||||||
|
assert.equal(window.document.head.innerHTML.includes(foo), false);
|
||||||
|
|
||||||
|
component.condition = 2;
|
||||||
|
assert.equal(window.document.title, 'bar!!!');
|
||||||
|
assert.equal(window.document.head.innerHTML.includes(bar), true);
|
||||||
|
assert.equal(Boolean(window.document.getElementById('meta')), true);
|
||||||
|
|
||||||
|
component.condition = false;
|
||||||
|
assert.equal(window.document.head.innerHTML.includes(bar), false);
|
||||||
|
assert.equal(window.document.getElementById('meta'), null);
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
<script>
|
||||||
|
import Foo from './Foo.svelte';
|
||||||
|
import Bar from './Bar.svelte';
|
||||||
|
|
||||||
|
export let condition, foo, bar;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{#if condition === 1}
|
||||||
|
<Foo {foo} />
|
||||||
|
{:else if condition === 2}
|
||||||
|
<Bar {bar} />
|
||||||
|
{/if}
|
||||||
@ -1,16 +1,35 @@
|
|||||||
export default {
|
export default {
|
||||||
immutable: true,
|
immutable: true,
|
||||||
|
|
||||||
html: `<div><h3>Called 1 times.</h3></div>`,
|
html: `
|
||||||
|
<div>
|
||||||
|
<h3>Called 1 times.</h3>
|
||||||
|
<p>baz true</p>
|
||||||
|
</div>
|
||||||
|
`,
|
||||||
|
|
||||||
ssrHtml: `<div><h3>Called 0 times.</h3></div>`,
|
ssrHtml: `
|
||||||
|
<div>
|
||||||
|
<h3>Called 0 times.</h3>
|
||||||
|
<p>baz false</p>
|
||||||
|
</div>`,
|
||||||
|
|
||||||
test({ assert, component, target, window }) {
|
test({ assert, component, target }) {
|
||||||
var nested = component.nested;
|
var nested = component.nested;
|
||||||
|
|
||||||
assert.htmlEqual(target.innerHTML, `<div><h3>Called 1 times.</h3></div>`);
|
assert.htmlEqual(target.innerHTML, `
|
||||||
|
<div>
|
||||||
|
<h3>Called 1 times.</h3>
|
||||||
|
<p>baz true</p>
|
||||||
|
</div>
|
||||||
|
`);
|
||||||
|
|
||||||
nested.foo = nested.foo;
|
nested.foo = nested.foo;
|
||||||
assert.htmlEqual(target.innerHTML, `<div><h3>Called 1 times.</h3></div>`);
|
assert.htmlEqual(target.innerHTML, `
|
||||||
|
<div>
|
||||||
|
<h3>Called 1 times.</h3>
|
||||||
|
<p>baz true</p>
|
||||||
|
</div>
|
||||||
|
`);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -0,0 +1,4 @@
|
|||||||
|
<div></div>
|
||||||
|
<audio></audio>
|
||||||
|
<video></video>
|
||||||
|
<input type="file">
|
||||||
@ -0,0 +1,44 @@
|
|||||||
|
<script>
|
||||||
|
export let clientWidth = 1;
|
||||||
|
export let clientHeight = 2;
|
||||||
|
export let offsetHeight = 3;
|
||||||
|
export let offsetWidth = 4;
|
||||||
|
|
||||||
|
export let audioDuration = 5;
|
||||||
|
export let audioBuffered = 6;
|
||||||
|
export let audioSeekable = 7;
|
||||||
|
export let audioPlayed = 8;
|
||||||
|
|
||||||
|
export let videoDuration = 9;
|
||||||
|
export let videoBuffered = 10;
|
||||||
|
export let videoSeekable = 11;
|
||||||
|
export let videoPlayed = 12;
|
||||||
|
|
||||||
|
export let value = '/some/file';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div
|
||||||
|
bind:clientWidth
|
||||||
|
bind:clientHeight
|
||||||
|
bind:offsetWidth
|
||||||
|
bind:offsetHeight
|
||||||
|
></div>
|
||||||
|
|
||||||
|
<audio
|
||||||
|
bind:duration="{audioDuration}"
|
||||||
|
bind:buffered="{audioBuffered}"
|
||||||
|
bind:seekable="{audioSeekable}"
|
||||||
|
bind:played="{audioPlayed}"
|
||||||
|
></audio>
|
||||||
|
|
||||||
|
<video
|
||||||
|
bind:duration="{videoDuration}"
|
||||||
|
bind:buffered="{videoBuffered}"
|
||||||
|
bind:seekable="{videoSeekable}"
|
||||||
|
bind:played="{videoPlayed}"
|
||||||
|
></video>
|
||||||
|
|
||||||
|
<input
|
||||||
|
type="file"
|
||||||
|
bind:value
|
||||||
|
/>
|
||||||
@ -1 +1 @@
|
|||||||
export * from './dist/transition';
|
export * from './types/transition';
|
||||||
|
|||||||
Loading…
Reference in new issue