blob: f3bd159d6b4fc6549b10af69eca5f54e3380ff42 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
|
import { Show } from "somewhere";
const Child = (props) => {
const [s, set] = createSignal();
return (
<>
<div ref={props.ref}>Hello {props.name}</div>
<div ref={set}>{props.children}</div>
</>
);
};
const template = (props) => {
let childRef;
const { content } = props;
return (
<div>
<Child name="John" {...props} ref={childRef} booleanProperty>
<div>From Parent</div>
</Child>
<Child name="Jason" {...dynamicSpread()} ref={props.ref}>
{/* Comment Node */}
<div>{content}</div>
</Child>
<Context.Consumer ref={props.consumerRef()}>
{(context) => context}
</Context.Consumer>
</div>
);
};
const template2 = (
<Child
name="Jake"
dynamic={state.data}
stale={/*@once*/ state.data}
handleClick={clickHandler}
hyphen-ated={state.data}
ref={(el) => (e = el)}
/>
);
const template3 = (
<Child>
<div />
<div />
<div />
After
</Child>
);
const [s, set] = createSignal();
const template4 = <Child ref={set}>{<div />}</Child>;
const template5 = <Child dynamic={state.dynamic}>{state.dynamic}</Child>;
// builtIns
const template6 = (
<For each={state.list} fallback={<Loading />}>
{(item) => <Show when={state.condition}>{item}</Show>}
</For>
);
const template7 = (
<Child>
<div />
{state.dynamic}
</Child>
);
const template8 = (
<Child>
{(item) => item}
{(item) => item}
</Child>
);
const template9 = <_garbage>Hi</_garbage>;
const template10 = (
<div>
<Link>new</Link>
{" | "}
<Link>comments</Link>
{" | "}
<Link>show</Link>
{" | "}
<Link>ask</Link>
{" | "}
<Link>jobs</Link>
{" | "}
<Link>submit</Link>
</div>
);
const template11 = (
<div>
<Link>new</Link>
{" | "}
<Link>comments</Link>
<Link>show</Link>
{" | "}
<Link>ask</Link>
<Link>jobs</Link>
{" | "}
<Link>submit</Link>
</div>
);
const template12 = (
<div>
{" | "}
<Link>comments</Link>
{" | "}
{" | "}
{" | "}
<Link>show</Link>
{" | "}
</div>
);
class Template13 {
render() {
<Component prop={this.something} onClick={() => this.shouldStay}>
<Nested prop={this.data}>{this.content}</Nested>
</Component>;
}
}
const Template14 = <Component>{data()}</Component>;
const Template15 = <Component {...props} />;
const Template16 = <Component something={something} {...props} />;
const Template17 = (
<Pre>
<span>1</span> <span>2</span> <span>3</span>
</Pre>
);
const Template18 = (
<Pre>
<span>1</span>
<span>2</span>
<span>3</span>
</Pre>
);
const Template19 = <Component {...s.dynamic()} />;
const Template20 = <Component class={prop.red ? "red" : "green"} />;
const template21 = (
<Component
{...{
get [key()]() {
return props.value;
},
}}
/>
);
|
