nexa-runtime 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/component/Transition.d.ts +2 -0
- package/dist/component/Transition.d.ts.map +1 -0
- package/dist/component/Transition.js +62 -0
- package/dist/component/Transition.js.map +1 -0
- package/dist/component/index.d.ts +1 -0
- package/dist/component/index.d.ts.map +1 -1
- package/dist/component/index.js +1 -0
- package/dist/component/index.js.map +1 -1
- package/dist/component/lifecycle.d.ts +3 -0
- package/dist/component/lifecycle.d.ts.map +1 -1
- package/dist/component/lifecycle.js +6 -0
- package/dist/component/lifecycle.js.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/ssr/hydrate.js +26 -1
- package/dist/ssr/hydrate.js.map +1 -1
- package/dist/ssr/renderToString.d.ts.map +1 -1
- package/dist/ssr/renderToString.js +5 -0
- package/dist/ssr/renderToString.js.map +1 -1
- package/dist/vdom/h.d.ts +2 -2
- package/dist/vdom/h.d.ts.map +1 -1
- package/dist/vdom/h.js +9 -4
- package/dist/vdom/h.js.map +1 -1
- package/dist/vdom/hmr.d.ts +6 -0
- package/dist/vdom/hmr.d.ts.map +1 -0
- package/dist/vdom/hmr.js +38 -0
- package/dist/vdom/hmr.js.map +1 -0
- package/dist/vdom/index.d.ts +1 -1
- package/dist/vdom/index.d.ts.map +1 -1
- package/dist/vdom/index.js +1 -1
- package/dist/vdom/index.js.map +1 -1
- package/dist/vdom/mountComponent.d.ts +3 -0
- package/dist/vdom/mountComponent.d.ts.map +1 -0
- package/dist/vdom/mountComponent.js +124 -0
- package/dist/vdom/mountComponent.js.map +1 -0
- package/dist/vdom/mountProps.d.ts +2 -0
- package/dist/vdom/mountProps.d.ts.map +1 -0
- package/dist/vdom/mountProps.js +70 -0
- package/dist/vdom/mountProps.js.map +1 -0
- package/dist/vdom/patch.d.ts.map +1 -1
- package/dist/vdom/patch.js +27 -246
- package/dist/vdom/patch.js.map +1 -1
- package/dist/vdom/scope.d.ts +5 -0
- package/dist/vdom/scope.d.ts.map +1 -0
- package/dist/vdom/scope.js +22 -0
- package/dist/vdom/scope.js.map +1 -0
- package/dist/vdom/transition.d.ts +7 -0
- package/dist/vdom/transition.d.ts.map +1 -1
- package/dist/vdom/transition.js +54 -25
- package/dist/vdom/transition.js.map +1 -1
- package/dist/vdom/types.d.ts +4 -1
- package/dist/vdom/types.d.ts.map +1 -1
- package/dist/vdom/types.js +1 -0
- package/dist/vdom/types.js.map +1 -1
- package/dist/vdom/unmount.d.ts +4 -0
- package/dist/vdom/unmount.d.ts.map +1 -0
- package/dist/vdom/unmount.js +64 -0
- package/dist/vdom/unmount.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { effect } from 'nexa-reactivity';
|
|
2
|
+
export function mountProps(el, props) {
|
|
3
|
+
if (!props)
|
|
4
|
+
return;
|
|
5
|
+
for (const key of Object.keys(props)) {
|
|
6
|
+
const val = props[key];
|
|
7
|
+
if (key === 'key')
|
|
8
|
+
continue;
|
|
9
|
+
if (key === '_enter') {
|
|
10
|
+
const name = typeof val === 'string' ? val : 'v';
|
|
11
|
+
el.classList.add(`${name}-enter-from`, `${name}-enter-active`);
|
|
12
|
+
let ended = false;
|
|
13
|
+
const onEnd = () => {
|
|
14
|
+
if (ended)
|
|
15
|
+
return;
|
|
16
|
+
ended = true;
|
|
17
|
+
el.classList.remove(`${name}-enter-from`, `${name}-enter-to`, `${name}-enter-active`);
|
|
18
|
+
};
|
|
19
|
+
el.addEventListener('animationend', onEnd, { once: true });
|
|
20
|
+
el.addEventListener('transitionend', onEnd, { once: true });
|
|
21
|
+
setTimeout(onEnd, 300);
|
|
22
|
+
requestAnimationFrame(() => {
|
|
23
|
+
el.classList.remove(`${name}-enter-from`);
|
|
24
|
+
if (!ended)
|
|
25
|
+
el.classList.add(`${name}-enter-to`);
|
|
26
|
+
});
|
|
27
|
+
continue;
|
|
28
|
+
}
|
|
29
|
+
if (key.startsWith('_'))
|
|
30
|
+
continue;
|
|
31
|
+
if (key.startsWith('on')) {
|
|
32
|
+
const event = key.slice(2).toLowerCase();
|
|
33
|
+
el.addEventListener(event, val);
|
|
34
|
+
}
|
|
35
|
+
else if (key === 'class' || key === 'className') {
|
|
36
|
+
if (typeof val === 'string') {
|
|
37
|
+
el.setAttribute('class', val);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
else if (key === 'style') {
|
|
41
|
+
if (typeof val === 'string') {
|
|
42
|
+
el.setAttribute('style', val);
|
|
43
|
+
}
|
|
44
|
+
else if (val && typeof val === 'object') {
|
|
45
|
+
Object.assign(el.style, val);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
else if (key === 'htmlFor') {
|
|
49
|
+
el.setAttribute('for', String(val));
|
|
50
|
+
}
|
|
51
|
+
else if (key === 'value') {
|
|
52
|
+
el.value = String(val);
|
|
53
|
+
}
|
|
54
|
+
else if (key === 'vShow') {
|
|
55
|
+
effect(() => {
|
|
56
|
+
el.style.display = val.value ? '' : 'none';
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
else if (typeof val === 'boolean') {
|
|
60
|
+
if (val)
|
|
61
|
+
el.setAttribute(key, '');
|
|
62
|
+
else
|
|
63
|
+
el.removeAttribute(key);
|
|
64
|
+
}
|
|
65
|
+
else {
|
|
66
|
+
el.setAttribute(key, String(val));
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=mountProps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mountProps.js","sourceRoot":"","sources":["../../src/vdom/mountProps.ts"],"names":[],"mappings":"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"}
|
package/dist/vdom/patch.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"patch.d.ts","sourceRoot":"","sources":["../../src/vdom/patch.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"patch.d.ts","sourceRoot":"","sources":["../../src/vdom/patch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAA;AAOlD,wBAAgB,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAwBrD;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAE,IAAI,GAAG,IAAW,GAAG,IAAI,GAAG,IAAI,CAwDzF"}
|
package/dist/vdom/patch.js
CHANGED
|
@@ -1,20 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
const scopeStack = [];
|
|
7
|
-
function pushScope(scopeId) {
|
|
8
|
-
if (scopeId)
|
|
9
|
-
scopeStack.push(scopeId);
|
|
10
|
-
}
|
|
11
|
-
function popScope(scopeId) {
|
|
12
|
-
if (scopeId)
|
|
13
|
-
scopeStack.pop();
|
|
14
|
-
}
|
|
15
|
-
function currentScope() {
|
|
16
|
-
return scopeStack.length > 0 ? scopeStack[scopeStack.length - 1] : undefined;
|
|
17
|
-
}
|
|
1
|
+
import { mountProps } from './mountProps';
|
|
2
|
+
import { mountComponent } from './mountComponent';
|
|
3
|
+
import { unmount, animateLeave } from './unmount';
|
|
4
|
+
import { applyEnterClasses } from './transition';
|
|
5
|
+
import { currentScope } from './scope';
|
|
18
6
|
export function applyPatches(patches) {
|
|
19
7
|
for (const patch of patches) {
|
|
20
8
|
switch (patch.type) {
|
|
@@ -58,6 +46,9 @@ export function mount(vnode, parent, anchor = null) {
|
|
|
58
46
|
mountProps(el, vnode.props);
|
|
59
47
|
mountChildren(vnode, el);
|
|
60
48
|
parent.insertBefore(el, anchor);
|
|
49
|
+
if (vnode.props?._transition) {
|
|
50
|
+
applyEnterClasses(vnode, vnode.props._transitionName || 'v');
|
|
51
|
+
}
|
|
61
52
|
return el;
|
|
62
53
|
}
|
|
63
54
|
case 'fragment': {
|
|
@@ -70,73 +61,22 @@ export function mount(vnode, parent, anchor = null) {
|
|
|
70
61
|
case 'component': {
|
|
71
62
|
return mountComponent(vnode, parent, anchor);
|
|
72
63
|
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
if (ended)
|
|
88
|
-
return;
|
|
89
|
-
ended = true;
|
|
90
|
-
el.classList.remove(`${name}-enter-from`, `${name}-enter-to`, `${name}-enter-active`);
|
|
91
|
-
};
|
|
92
|
-
el.addEventListener('animationend', onEnd, { once: true });
|
|
93
|
-
el.addEventListener('transitionend', onEnd, { once: true });
|
|
94
|
-
setTimeout(onEnd, 300);
|
|
95
|
-
requestAnimationFrame(() => {
|
|
96
|
-
el.classList.remove(`${name}-enter-from`);
|
|
97
|
-
if (!ended)
|
|
98
|
-
el.classList.add(`${name}-enter-to`);
|
|
99
|
-
});
|
|
100
|
-
continue;
|
|
101
|
-
}
|
|
102
|
-
if (key.startsWith('_'))
|
|
103
|
-
continue;
|
|
104
|
-
if (key.startsWith('on')) {
|
|
105
|
-
const event = key.slice(2).toLowerCase();
|
|
106
|
-
el.addEventListener(event, val);
|
|
107
|
-
}
|
|
108
|
-
else if (key === 'class' || key === 'className') {
|
|
109
|
-
if (typeof val === 'string') {
|
|
110
|
-
el.setAttribute('class', val);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
else if (key === 'style') {
|
|
114
|
-
if (typeof val === 'string') {
|
|
115
|
-
el.setAttribute('style', val);
|
|
116
|
-
}
|
|
117
|
-
else if (val && typeof val === 'object') {
|
|
118
|
-
Object.assign(el.style, val);
|
|
64
|
+
case 'teleport': {
|
|
65
|
+
const targetSelector = vnode.props?.to;
|
|
66
|
+
const target = typeof targetSelector === 'string'
|
|
67
|
+
? document.querySelector(targetSelector)
|
|
68
|
+
: targetSelector;
|
|
69
|
+
if (target) {
|
|
70
|
+
const placeholder = document.createComment('teleport');
|
|
71
|
+
vnode.el = placeholder;
|
|
72
|
+
parent.insertBefore(placeholder, anchor);
|
|
73
|
+
const children = vnode.children ?? [];
|
|
74
|
+
for (const child of children) {
|
|
75
|
+
mount(child, target);
|
|
76
|
+
}
|
|
77
|
+
return placeholder;
|
|
119
78
|
}
|
|
120
|
-
|
|
121
|
-
else if (key === 'htmlFor') {
|
|
122
|
-
el.setAttribute('for', String(val));
|
|
123
|
-
}
|
|
124
|
-
else if (key === 'value') {
|
|
125
|
-
el.value = String(val);
|
|
126
|
-
}
|
|
127
|
-
else if (key === 'vShow') {
|
|
128
|
-
effect(() => {
|
|
129
|
-
el.style.display = val.value ? '' : 'none';
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
else if (typeof val === 'boolean') {
|
|
133
|
-
if (val)
|
|
134
|
-
el.setAttribute(key, '');
|
|
135
|
-
else
|
|
136
|
-
el.removeAttribute(key);
|
|
137
|
-
}
|
|
138
|
-
else {
|
|
139
|
-
el.setAttribute(key, String(val));
|
|
79
|
+
return null;
|
|
140
80
|
}
|
|
141
81
|
}
|
|
142
82
|
}
|
|
@@ -146,115 +86,6 @@ function mountChildren(vnode, parent) {
|
|
|
146
86
|
mount(child, parent);
|
|
147
87
|
}
|
|
148
88
|
}
|
|
149
|
-
let currentComponent = null;
|
|
150
|
-
function mountComponent(vnode, parent, anchor = null) {
|
|
151
|
-
const comp = vnode.tag;
|
|
152
|
-
const prevComponent = currentComponent;
|
|
153
|
-
const instance = {
|
|
154
|
-
component: comp,
|
|
155
|
-
props: vnode.props ?? {},
|
|
156
|
-
setupState: {},
|
|
157
|
-
vnode: null,
|
|
158
|
-
mounted: false,
|
|
159
|
-
lifecycle: {
|
|
160
|
-
beforeMount: [],
|
|
161
|
-
mounted: [],
|
|
162
|
-
beforeUpdate: [],
|
|
163
|
-
updated: [],
|
|
164
|
-
beforeUnmount: [],
|
|
165
|
-
unmounted: [],
|
|
166
|
-
},
|
|
167
|
-
};
|
|
168
|
-
vnode.component = instance;
|
|
169
|
-
currentComponent = instance;
|
|
170
|
-
setCurrentInstance(instance);
|
|
171
|
-
pushScope(comp.__scopeId);
|
|
172
|
-
const childSlots = {};
|
|
173
|
-
const children = vnode.children ?? [];
|
|
174
|
-
for (const child of children) {
|
|
175
|
-
const slotName = child.props?.slot || 'default';
|
|
176
|
-
if (!childSlots[slotName])
|
|
177
|
-
childSlots[slotName] = [];
|
|
178
|
-
childSlots[slotName].push(child);
|
|
179
|
-
}
|
|
180
|
-
function buildSlotResult(nodes) {
|
|
181
|
-
if (nodes.length === 0)
|
|
182
|
-
return null;
|
|
183
|
-
if (nodes.length === 1)
|
|
184
|
-
return nodes[0];
|
|
185
|
-
return {
|
|
186
|
-
_type: 'fragment',
|
|
187
|
-
tag: Fragment,
|
|
188
|
-
props: null,
|
|
189
|
-
children: nodes,
|
|
190
|
-
el: null,
|
|
191
|
-
key: null,
|
|
192
|
-
component: null,
|
|
193
|
-
};
|
|
194
|
-
}
|
|
195
|
-
const resolvedSlots = {};
|
|
196
|
-
for (const name of Object.keys(childSlots)) {
|
|
197
|
-
resolvedSlots[name] = (_props) => buildSlotResult(childSlots[name]);
|
|
198
|
-
}
|
|
199
|
-
if (!resolvedSlots.default) {
|
|
200
|
-
resolvedSlots.default = () => null;
|
|
201
|
-
}
|
|
202
|
-
const setupCtx = {
|
|
203
|
-
emit: (event, ...args) => {
|
|
204
|
-
const handler = vnode.props?.[`on${event[0].toUpperCase()}${event.slice(1)}`];
|
|
205
|
-
if (handler)
|
|
206
|
-
handler(...args);
|
|
207
|
-
},
|
|
208
|
-
slots: resolvedSlots,
|
|
209
|
-
};
|
|
210
|
-
let setupState = {};
|
|
211
|
-
if (comp.setup) {
|
|
212
|
-
setupState = comp.setup(vnode.props ?? {}, setupCtx);
|
|
213
|
-
}
|
|
214
|
-
instance.setupState = setupState;
|
|
215
|
-
runLifecycle(instance, 'beforeMount');
|
|
216
|
-
let el = null;
|
|
217
|
-
if (comp.render) {
|
|
218
|
-
const ctx = { ...setupState, props: vnode.props, $slots: setupCtx.slots };
|
|
219
|
-
let oldVNode = null;
|
|
220
|
-
let isFirstRender = true;
|
|
221
|
-
effect(() => {
|
|
222
|
-
try {
|
|
223
|
-
const newVNode = comp.render(ctx);
|
|
224
|
-
if (!newVNode)
|
|
225
|
-
return;
|
|
226
|
-
if (isFirstRender) {
|
|
227
|
-
instance.vnode = newVNode;
|
|
228
|
-
el = mount(newVNode, parent, anchor);
|
|
229
|
-
instance.mounted = true;
|
|
230
|
-
isFirstRender = false;
|
|
231
|
-
runLifecycle(instance, 'mounted');
|
|
232
|
-
}
|
|
233
|
-
else {
|
|
234
|
-
runLifecycle(instance, 'beforeUpdate');
|
|
235
|
-
const patches = diff(oldVNode, newVNode, parent);
|
|
236
|
-
applyPatches(patches);
|
|
237
|
-
instance.vnode = newVNode;
|
|
238
|
-
runLifecycle(instance, 'updated');
|
|
239
|
-
}
|
|
240
|
-
oldVNode = newVNode;
|
|
241
|
-
}
|
|
242
|
-
catch (err) {
|
|
243
|
-
const boundary = getCurrentErrorBoundary();
|
|
244
|
-
if (boundary) {
|
|
245
|
-
boundary.handleError(err instanceof Error ? err : new Error(String(err)));
|
|
246
|
-
}
|
|
247
|
-
else {
|
|
248
|
-
throw err;
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
});
|
|
252
|
-
}
|
|
253
|
-
popScope(comp.__scopeId);
|
|
254
|
-
currentComponent = prevComponent;
|
|
255
|
-
setCurrentInstance(prevComponent);
|
|
256
|
-
return el;
|
|
257
|
-
}
|
|
258
89
|
function replaceNode(oldV, newV, parent, anchor) {
|
|
259
90
|
if (oldV.el) {
|
|
260
91
|
unmount(oldV, parent);
|
|
@@ -265,60 +96,10 @@ function updateNode(vnode) {
|
|
|
265
96
|
if (vnode._type === 'text' && vnode.el) {
|
|
266
97
|
vnode.el.textContent = vnode.text ?? '';
|
|
267
98
|
}
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
unmount(vnode, _parent);
|
|
273
|
-
return;
|
|
274
|
-
}
|
|
275
|
-
const name = typeof nameOrTrue === 'string' ? nameOrTrue : 'v';
|
|
276
|
-
el.classList.add(`${name}-leave-from`, `${name}-leave-active`);
|
|
277
|
-
let ended = false;
|
|
278
|
-
const onEnd = () => {
|
|
279
|
-
if (ended)
|
|
280
|
-
return;
|
|
281
|
-
ended = true;
|
|
282
|
-
el.classList.remove(`${name}-leave-from`, `${name}-leave-to`, `${name}-leave-active`);
|
|
283
|
-
unmount(vnode, _parent);
|
|
284
|
-
};
|
|
285
|
-
el.addEventListener('animationend', onEnd, { once: true });
|
|
286
|
-
el.addEventListener('transitionend', onEnd, { once: true });
|
|
287
|
-
setTimeout(onEnd, 300);
|
|
288
|
-
requestAnimationFrame(() => {
|
|
289
|
-
el.classList.remove(`${name}-leave-from`);
|
|
290
|
-
if (!ended)
|
|
291
|
-
el.classList.add(`${name}-leave-to`);
|
|
292
|
-
});
|
|
293
|
-
}
|
|
294
|
-
function unmount(vnode, parent) {
|
|
295
|
-
if (vnode._type === 'component') {
|
|
296
|
-
runLifecycle(vnode.component, 'beforeUnmount');
|
|
297
|
-
}
|
|
298
|
-
if (vnode.el) {
|
|
299
|
-
if (vnode._type === 'text' || vnode._type === 'element') {
|
|
300
|
-
if (vnode.el.parentNode) {
|
|
301
|
-
vnode.el.parentNode.removeChild(vnode.el);
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
}
|
|
305
|
-
const children = vnode.children ?? [];
|
|
306
|
-
for (const child of children) {
|
|
307
|
-
unmount(child, parent);
|
|
308
|
-
}
|
|
309
|
-
if (vnode._type === 'component') {
|
|
310
|
-
const instance = vnode.component;
|
|
311
|
-
if (instance.vnode) {
|
|
312
|
-
unmount(instance.vnode, parent);
|
|
313
|
-
}
|
|
314
|
-
runLifecycle(instance, 'unmounted');
|
|
315
|
-
vnode.component = null;
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
function runLifecycle(instance, hook) {
|
|
319
|
-
const hooks = instance.lifecycle[hook];
|
|
320
|
-
for (const fn of hooks) {
|
|
321
|
-
fn();
|
|
99
|
+
else if (vnode._type === 'teleport') {
|
|
100
|
+
// Handling teleport target changes is complex,
|
|
101
|
+
// usually we just diff children in the existing target.
|
|
102
|
+
// The diffing happens in applyPatches via Component updates.
|
|
322
103
|
}
|
|
323
104
|
}
|
|
324
105
|
//# sourceMappingURL=patch.js.map
|
package/dist/vdom/patch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"patch.js","sourceRoot":"","sources":["../../src/vdom/patch.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"patch.js","sourceRoot":"","sources":["../../src/vdom/patch.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare function pushScope(scopeId: string | undefined): void;
|
|
2
|
+
export declare function popScope(scopeId: string | undefined): void;
|
|
3
|
+
export declare function currentScope(): string | undefined;
|
|
4
|
+
export declare function injectStyle(id: string, css: string): void;
|
|
5
|
+
//# sourceMappingURL=scope.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scope.d.ts","sourceRoot":"","sources":["../../src/vdom/scope.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAE3D;AAED,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAE1D;AAED,wBAAgB,YAAY,IAAI,MAAM,GAAG,SAAS,CAEjD;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAQzD"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
const scopeStack = [];
|
|
2
|
+
export function pushScope(scopeId) {
|
|
3
|
+
if (scopeId)
|
|
4
|
+
scopeStack.push(scopeId);
|
|
5
|
+
}
|
|
6
|
+
export function popScope(scopeId) {
|
|
7
|
+
if (scopeId)
|
|
8
|
+
scopeStack.pop();
|
|
9
|
+
}
|
|
10
|
+
export function currentScope() {
|
|
11
|
+
return scopeStack.length > 0 ? scopeStack[scopeStack.length - 1] : undefined;
|
|
12
|
+
}
|
|
13
|
+
export function injectStyle(id, css) {
|
|
14
|
+
let styleEl = document.getElementById(id);
|
|
15
|
+
if (!styleEl) {
|
|
16
|
+
styleEl = document.createElement('style');
|
|
17
|
+
styleEl.id = id;
|
|
18
|
+
document.head.appendChild(styleEl);
|
|
19
|
+
}
|
|
20
|
+
styleEl.textContent = css;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=scope.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scope.js","sourceRoot":"","sources":["../../src/vdom/scope.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAa,EAAE,CAAA;AAE/B,MAAM,UAAU,SAAS,CAAC,OAA2B;IACnD,IAAI,OAAO;QAAE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,OAA2B;IAClD,IAAI,OAAO;QAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAC/B,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAC9E,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAU,EAAE,GAAW;IACjD,IAAI,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAqB,CAAA;IAC7D,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QACzC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAA;QACf,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC;IACD,OAAO,CAAC,WAAW,GAAG,GAAG,CAAA;AAC3B,CAAC"}
|
|
@@ -2,6 +2,13 @@ import type { VNode } from './types';
|
|
|
2
2
|
export declare function resolveTransitionProps(props: Record<string, any> | null): TransitionProps | null;
|
|
3
3
|
export type TransitionProps = {
|
|
4
4
|
name: string;
|
|
5
|
+
mode?: 'in-out' | 'out-in';
|
|
6
|
+
onBeforeEnter?: (el: HTMLElement) => void;
|
|
7
|
+
onEnter?: (el: HTMLElement, done: () => void) => void;
|
|
8
|
+
onAfterEnter?: (el: HTMLElement) => void;
|
|
9
|
+
onBeforeLeave?: (el: HTMLElement) => void;
|
|
10
|
+
onLeave?: (el: HTMLElement, done: () => void) => void;
|
|
11
|
+
onAfterLeave?: (el: HTMLElement) => void;
|
|
5
12
|
};
|
|
6
13
|
export declare function applyEnterClasses(vnode: VNode, name: string): void;
|
|
7
14
|
export declare function applyLeaveClasses(vnode: VNode, name: string): Promise<void>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/vdom/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,eAAe,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/vdom/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,eAAe,GAAG,IAAI,CAYhG;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;IACzC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IACrD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;IACzC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IACrD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;CACzC,CAAA;AAID,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CA+BlE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAkC3E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAEvD"}
|
package/dist/vdom/transition.js
CHANGED
|
@@ -3,6 +3,13 @@ export function resolveTransitionProps(props) {
|
|
|
3
3
|
return null;
|
|
4
4
|
return {
|
|
5
5
|
name: props._transitionName || 'v',
|
|
6
|
+
mode: props.mode,
|
|
7
|
+
onBeforeEnter: props.onBeforeEnter,
|
|
8
|
+
onEnter: props.onEnter,
|
|
9
|
+
onAfterEnter: props.onAfterEnter,
|
|
10
|
+
onBeforeLeave: props.onBeforeLeave,
|
|
11
|
+
onLeave: props.onLeave,
|
|
12
|
+
onAfterLeave: props.onAfterLeave,
|
|
6
13
|
};
|
|
7
14
|
}
|
|
8
15
|
const ANIMATION_DURATION = 300;
|
|
@@ -10,41 +17,63 @@ export function applyEnterClasses(vnode, name) {
|
|
|
10
17
|
const el = vnode.el;
|
|
11
18
|
if (!el)
|
|
12
19
|
return;
|
|
20
|
+
const props = resolveTransitionProps(vnode.props);
|
|
21
|
+
props?.onBeforeEnter?.(el);
|
|
13
22
|
el.classList.add(`${name}-enter-from`, `${name}-enter-active`);
|
|
14
|
-
|
|
15
|
-
el.classList.remove(`${name}-enter-
|
|
16
|
-
el
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
el.addEventListener('animationend', onEnd);
|
|
23
|
-
el.addEventListener('transitionend', onEnd);
|
|
24
|
-
setTimeout(onEnd, ANIMATION_DURATION);
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
export function applyLeaveClasses(vnode, name) {
|
|
28
|
-
return new Promise(resolve => {
|
|
29
|
-
const el = vnode.el;
|
|
30
|
-
if (!el) {
|
|
31
|
-
resolve();
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
el.classList.add(`${name}-leave-from`, `${name}-leave-active`);
|
|
23
|
+
const done = () => {
|
|
24
|
+
el.classList.remove(`${name}-enter-to`, `${name}-enter-active`);
|
|
25
|
+
props?.onAfterEnter?.(el);
|
|
26
|
+
};
|
|
27
|
+
if (props?.onEnter) {
|
|
28
|
+
props.onEnter(el, done);
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
35
31
|
requestAnimationFrame(() => {
|
|
36
|
-
el.classList.remove(`${name}-
|
|
37
|
-
el.classList.add(`${name}-
|
|
32
|
+
el.classList.remove(`${name}-enter-from`);
|
|
33
|
+
el.classList.add(`${name}-enter-to`);
|
|
38
34
|
const onEnd = () => {
|
|
39
|
-
el.classList.remove(`${name}-leave-to`, `${name}-leave-active`);
|
|
40
35
|
el.removeEventListener('animationend', onEnd);
|
|
41
36
|
el.removeEventListener('transitionend', onEnd);
|
|
42
|
-
|
|
37
|
+
done();
|
|
43
38
|
};
|
|
44
39
|
el.addEventListener('animationend', onEnd);
|
|
45
40
|
el.addEventListener('transitionend', onEnd);
|
|
46
41
|
setTimeout(onEnd, ANIMATION_DURATION);
|
|
47
42
|
});
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
export function applyLeaveClasses(vnode, name) {
|
|
46
|
+
return new Promise(resolve => {
|
|
47
|
+
const el = vnode.el;
|
|
48
|
+
if (!el) {
|
|
49
|
+
resolve();
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
const props = resolveTransitionProps(vnode.props);
|
|
53
|
+
props?.onBeforeLeave?.(el);
|
|
54
|
+
el.classList.add(`${name}-leave-from`, `${name}-leave-active`);
|
|
55
|
+
const done = () => {
|
|
56
|
+
el.classList.remove(`${name}-leave-to`, `${name}-leave-active`);
|
|
57
|
+
props?.onAfterLeave?.(el);
|
|
58
|
+
resolve();
|
|
59
|
+
};
|
|
60
|
+
if (props?.onLeave) {
|
|
61
|
+
props.onLeave(el, done);
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
requestAnimationFrame(() => {
|
|
65
|
+
el.classList.remove(`${name}-leave-from`);
|
|
66
|
+
el.classList.add(`${name}-leave-to`);
|
|
67
|
+
const onEnd = () => {
|
|
68
|
+
el.removeEventListener('animationend', onEnd);
|
|
69
|
+
el.removeEventListener('transitionend', onEnd);
|
|
70
|
+
done();
|
|
71
|
+
};
|
|
72
|
+
el.addEventListener('animationend', onEnd);
|
|
73
|
+
el.addEventListener('transitionend', onEnd);
|
|
74
|
+
setTimeout(onEnd, ANIMATION_DURATION);
|
|
75
|
+
});
|
|
76
|
+
}
|
|
48
77
|
});
|
|
49
78
|
}
|
|
50
79
|
export function isTransitionVNode(vnode) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transition.js","sourceRoot":"","sources":["../../src/vdom/transition.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,sBAAsB,CAAC,KAAiC;IACtE,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAC7C,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,eAAe,IAAI,GAAG;
|
|
1
|
+
{"version":3,"file":"transition.js","sourceRoot":"","sources":["../../src/vdom/transition.ts"],"names":[],"mappings":"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"}
|
package/dist/vdom/types.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export type VNodeTypes = 'element' | 'text' | 'fragment' | 'component';
|
|
1
|
+
export type VNodeTypes = 'element' | 'text' | 'fragment' | 'component' | 'teleport';
|
|
2
2
|
export type Component = {
|
|
3
|
+
name?: string;
|
|
3
4
|
props?: Record<string, any>;
|
|
4
5
|
emits?: Record<string, any>;
|
|
5
6
|
setup?: (props: Record<string, any>, ctx: SetupContext) => Record<string, any>;
|
|
@@ -17,6 +18,7 @@ export type ComponentInstance = {
|
|
|
17
18
|
vnode: VNode | null;
|
|
18
19
|
mounted: boolean;
|
|
19
20
|
lifecycle: LifecycleHooks;
|
|
21
|
+
update: () => void;
|
|
20
22
|
};
|
|
21
23
|
export type LifecycleHooks = {
|
|
22
24
|
beforeMount: (() => void)[];
|
|
@@ -44,4 +46,5 @@ export type VNode = {
|
|
|
44
46
|
text?: string;
|
|
45
47
|
};
|
|
46
48
|
export declare const Fragment: unique symbol;
|
|
49
|
+
export declare const Teleport: unique symbol;
|
|
47
50
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/vdom/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/vdom/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/vdom/types.ts"],"names":[],"mappings":"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"}
|
package/dist/vdom/types.js
CHANGED
package/dist/vdom/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/vdom/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/vdom/types.ts"],"names":[],"mappings":"AAsDA,MAAM,CAAC,MAAM,QAAQ,GAAkB,MAAM,CAAC,UAAU,CAAC,CAAA;AACzD,MAAM,CAAC,MAAM,QAAQ,GAAkB,MAAM,CAAC,UAAU,CAAC,CAAA"}
|