@vobs/vobs 1.2.1 → 1.2.2
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/app.cjs +38 -319
- package/dist/app.cjs.map +1 -1
- package/dist/app.js +10 -313
- package/dist/app.js.map +1 -1
- package/dist/context.cjs +38 -136
- package/dist/context.cjs.map +1 -1
- package/dist/context.js +11 -131
- package/dist/context.js.map +1 -1
- package/dist/index.cjs +173 -1813
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +126 -1726
- package/dist/index.js.map +1 -1
- package/dist/jsx-dev-runtime.cjs +40 -578
- package/dist/jsx-dev-runtime.cjs.map +1 -1
- package/dist/jsx-dev-runtime.js +15 -568
- package/dist/jsx-dev-runtime.js.map +1 -1
- package/dist/jsx-runtime.cjs +37 -575
- package/dist/jsx-runtime.cjs.map +1 -1
- package/dist/jsx-runtime.js +13 -568
- package/dist/jsx-runtime.js.map +1 -1
- package/package.json +4 -4
package/dist/jsx-dev-runtime.cjs
CHANGED
|
@@ -1,581 +1,42 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
|
|
2
|
+
"use strict";
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
7
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
function getRuntimeDebugHooks() {
|
|
9
|
-
return activeRuntimeDebugHooks;
|
|
10
|
-
}
|
|
11
|
-
__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
|
|
12
|
-
function invokeRuntimeDebug(name, ...args) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
__name(invokeRuntimeDebug, "invokeRuntimeDebug");
|
|
16
|
-
function readDebugValue(read) {
|
|
17
|
-
try {
|
|
18
|
-
return read();
|
|
19
|
-
} catch {
|
|
20
|
-
return "[Uninspectable]";
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
__name(readDebugValue, "readDebugValue");
|
|
24
|
-
function describeDebugNode(node) {
|
|
25
|
-
if (!node || typeof node !== "object") return "node";
|
|
26
|
-
const value = node;
|
|
27
|
-
const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
|
|
28
|
-
const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
|
|
29
|
-
const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
|
|
30
|
-
return `${name}${id}${className}`;
|
|
31
|
-
}
|
|
32
|
-
__name(describeDebugNode, "describeDebugNode");
|
|
33
|
-
|
|
34
|
-
// packages/reactivity/src/debug.ts
|
|
35
|
-
var activeDebugHooks = null;
|
|
36
|
-
function hasDebugHooks() {
|
|
37
|
-
return activeDebugHooks !== null;
|
|
38
|
-
}
|
|
39
|
-
__name(hasDebugHooks, "hasDebugHooks");
|
|
40
|
-
function invokeDebug(name, ...args) {
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
__name(invokeDebug, "invokeDebug");
|
|
44
|
-
|
|
45
|
-
// packages/reactivity/src/owner.ts
|
|
46
|
-
var currentOwner = null;
|
|
47
|
-
var nextOwnerId = 1;
|
|
48
|
-
var ownerNames = /* @__PURE__ */ new WeakMap();
|
|
49
|
-
function createOwner() {
|
|
50
|
-
const parent = currentOwner;
|
|
51
|
-
let disposed = parent?.disposed ?? false;
|
|
52
|
-
const children = [];
|
|
53
|
-
const cleanups = [];
|
|
54
|
-
const errorHandlers = /* @__PURE__ */ new Set();
|
|
55
|
-
const owner = {
|
|
56
|
-
id: `owner-${nextOwnerId++}`,
|
|
57
|
-
parent,
|
|
58
|
-
children,
|
|
59
|
-
depth: (parent?.depth ?? -1) + 1,
|
|
60
|
-
get disposed() {
|
|
61
|
-
return disposed;
|
|
62
|
-
},
|
|
63
|
-
run(fn) {
|
|
64
|
-
if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
|
|
65
|
-
const previous = currentOwner;
|
|
66
|
-
currentOwner = owner;
|
|
67
|
-
try {
|
|
68
|
-
return fn();
|
|
69
|
-
} finally {
|
|
70
|
-
currentOwner = previous;
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
addCleanup(cleanup) {
|
|
74
|
-
if (disposed) {
|
|
75
|
-
cleanup();
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
cleanups.push(cleanup);
|
|
79
|
-
},
|
|
80
|
-
onDispose(cleanup) {
|
|
81
|
-
owner.addCleanup(cleanup);
|
|
82
|
-
},
|
|
83
|
-
onError(handler) {
|
|
84
|
-
errorHandlers.add(handler);
|
|
85
|
-
const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
|
|
86
|
-
owner.addCleanup(remove);
|
|
87
|
-
return remove;
|
|
88
|
-
},
|
|
89
|
-
handleError(error) {
|
|
90
|
-
for (const handler of [...errorHandlers].reverse()) {
|
|
91
|
-
try {
|
|
92
|
-
handler(error);
|
|
93
|
-
return true;
|
|
94
|
-
} catch (handlerError) {
|
|
95
|
-
return parent?.handleError(handlerError) ?? false;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
return parent?.handleError(error) ?? false;
|
|
99
|
-
},
|
|
100
|
-
dispose() {
|
|
101
|
-
if (disposed) return;
|
|
102
|
-
disposed = true;
|
|
103
|
-
for (const child of [...children]) child.dispose();
|
|
104
|
-
children.length = 0;
|
|
105
|
-
let firstError;
|
|
106
|
-
for (let index = cleanups.length - 1; index >= 0; index--) {
|
|
107
|
-
try {
|
|
108
|
-
cleanups[index]();
|
|
109
|
-
} catch (error) {
|
|
110
|
-
firstError ?? (firstError = error);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
cleanups.length = 0;
|
|
114
|
-
if (parent) {
|
|
115
|
-
const index = parent.children.indexOf(owner);
|
|
116
|
-
if (index >= 0) parent.children.splice(index, 1);
|
|
117
|
-
}
|
|
118
|
-
if (firstError) throw firstError;
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
if (parent && !parent.disposed) parent.children.push(owner);
|
|
122
|
-
return owner;
|
|
123
|
-
}
|
|
124
|
-
__name(createOwner, "createOwner");
|
|
125
|
-
function setOwnerDebugName(owner, name) {
|
|
126
|
-
ownerNames.set(owner, name);
|
|
127
|
-
}
|
|
128
|
-
__name(setOwnerDebugName, "setOwnerDebugName");
|
|
129
|
-
function getCurrentOwner() {
|
|
130
|
-
return currentOwner;
|
|
131
|
-
}
|
|
132
|
-
__name(getCurrentOwner, "getCurrentOwner");
|
|
133
|
-
|
|
134
|
-
// packages/reactivity/src/scheduler.ts
|
|
135
|
-
var _Scheduler = class _Scheduler {
|
|
136
|
-
constructor() {
|
|
137
|
-
this.dirtyEffects = /* @__PURE__ */ new Set();
|
|
138
|
-
this.lowPriorityEffects = /* @__PURE__ */ new Set();
|
|
139
|
-
// flush 不可重入(flushing 标志保证),缓冲数组可在轮次间安全复用,避免每轮分配。
|
|
140
|
-
this.normalBuffer = [];
|
|
141
|
-
this.lowBuffer = [];
|
|
142
|
-
this.flushing = false;
|
|
143
|
-
this.scheduled = false;
|
|
144
|
-
this.batchDepth = 0;
|
|
145
|
-
}
|
|
146
|
-
schedule(effect2) {
|
|
147
|
-
if (effect2.disposed) return;
|
|
148
|
-
this.dirtyEffects.add(effect2);
|
|
149
|
-
this.lowPriorityEffects.delete(effect2);
|
|
150
|
-
this.ensureScheduled();
|
|
151
|
-
}
|
|
152
|
-
/** Queue an effect behind normal updates while preserving deterministic order. */
|
|
153
|
-
scheduleLow(effect2) {
|
|
154
|
-
if (effect2.disposed) return;
|
|
155
|
-
if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
|
|
156
|
-
this.ensureScheduled();
|
|
157
|
-
}
|
|
158
|
-
ensureScheduled() {
|
|
159
|
-
if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
|
|
160
|
-
this.scheduled = true;
|
|
161
|
-
queueMicrotask(() => {
|
|
162
|
-
this.scheduled = false;
|
|
163
|
-
this.flush();
|
|
164
|
-
});
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
remove(effect2) {
|
|
168
|
-
this.dirtyEffects.delete(effect2);
|
|
169
|
-
this.lowPriorityEffects.delete(effect2);
|
|
170
|
-
}
|
|
171
|
-
batch(fn) {
|
|
172
|
-
this.batchDepth++;
|
|
173
|
-
try {
|
|
174
|
-
return fn();
|
|
175
|
-
} finally {
|
|
176
|
-
this.batchDepth--;
|
|
177
|
-
if (this.batchDepth === 0) this.flush();
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
flush() {
|
|
181
|
-
if (this.flushing || this.batchDepth > 0) return;
|
|
182
|
-
this.flushing = true;
|
|
183
|
-
let rounds = 0;
|
|
184
|
-
let firstError;
|
|
185
|
-
let hasError = false;
|
|
186
|
-
try {
|
|
187
|
-
while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
|
|
188
|
-
if (++rounds > 100) {
|
|
189
|
-
this.dirtyEffects.clear();
|
|
190
|
-
this.lowPriorityEffects.clear();
|
|
191
|
-
throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
|
|
192
|
-
}
|
|
193
|
-
this.collectRunnable(this.dirtyEffects, this.normalBuffer);
|
|
194
|
-
this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
|
|
195
|
-
sortEffects(this.normalBuffer);
|
|
196
|
-
sortEffects(this.lowBuffer);
|
|
197
|
-
for (const effect2 of this.normalBuffer) {
|
|
198
|
-
try {
|
|
199
|
-
effect2.run();
|
|
200
|
-
} catch (error) {
|
|
201
|
-
if (!hasError) {
|
|
202
|
-
firstError = error;
|
|
203
|
-
hasError = true;
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
for (const effect2 of this.lowBuffer) {
|
|
208
|
-
try {
|
|
209
|
-
effect2.run();
|
|
210
|
-
} catch (error) {
|
|
211
|
-
if (!hasError) {
|
|
212
|
-
firstError = error;
|
|
213
|
-
hasError = true;
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
this.normalBuffer.length = 0;
|
|
218
|
-
this.lowBuffer.length = 0;
|
|
219
|
-
}
|
|
220
|
-
} finally {
|
|
221
|
-
this.normalBuffer.length = 0;
|
|
222
|
-
this.lowBuffer.length = 0;
|
|
223
|
-
this.flushing = false;
|
|
224
|
-
}
|
|
225
|
-
if (hasError) throw firstError;
|
|
226
|
-
}
|
|
227
|
-
/** 收集未 disposed 的 effect 并清空源集合;run() 期间新调度的 effect 留给下一轮。 */
|
|
228
|
-
collectRunnable(source, target) {
|
|
229
|
-
for (const effect2 of source) {
|
|
230
|
-
if (!effect2.disposed) target.push(effect2);
|
|
231
|
-
}
|
|
232
|
-
source.clear();
|
|
233
|
-
}
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
234
11
|
};
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
}
|
|
241
|
-
__name(sortEffects, "sortEffects");
|
|
242
|
-
|
|
243
|
-
// packages/runtime/src/hmr.ts
|
|
244
|
-
var globalTarget = globalThis;
|
|
245
|
-
var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
|
|
246
|
-
globalTarget.__VOBS_HMR__ = hmrGlobal;
|
|
247
|
-
function registerHmrInstance(moduleId, instance) {
|
|
248
|
-
const instances = getModule(moduleId).instances;
|
|
249
|
-
instances.add(instance);
|
|
250
|
-
return () => instances.delete(instance);
|
|
251
|
-
}
|
|
252
|
-
__name(registerHmrInstance, "registerHmrInstance");
|
|
253
|
-
function markHmrInstanceMounted(node, parent) {
|
|
254
|
-
const instance = hmrInstances.get(node);
|
|
255
|
-
if (instance) instance.parent = parent;
|
|
256
|
-
}
|
|
257
|
-
__name(markHmrInstanceMounted, "markHmrInstanceMounted");
|
|
258
|
-
function getModule(moduleId) {
|
|
259
|
-
let module = hmrGlobal.modules.get(moduleId);
|
|
260
|
-
if (!module) {
|
|
261
|
-
module = { components: /* @__PURE__ */ new Map(), state: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Set() };
|
|
262
|
-
hmrGlobal.modules.set(moduleId, module);
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
263
17
|
}
|
|
264
|
-
return
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
var hmrInstances = /* @__PURE__ */ new WeakMap();
|
|
268
|
-
function associateHmrInstance(node, instance) {
|
|
269
|
-
hmrInstances.set(node, instance);
|
|
270
|
-
}
|
|
271
|
-
__name(associateHmrInstance, "associateHmrInstance");
|
|
272
|
-
|
|
273
|
-
// packages/runtime/src/ref.ts
|
|
274
|
-
function setRef(node, target) {
|
|
275
|
-
if (!isRefTarget(target)) return;
|
|
276
|
-
if (isSSRNode(node)) return;
|
|
277
|
-
const owner = getCurrentOwner();
|
|
278
|
-
assignRef(target, node);
|
|
279
|
-
owner?.onDispose(() => {
|
|
280
|
-
if (isObjectRef(target) && target.current !== node) return;
|
|
281
|
-
assignRef(target, null);
|
|
282
|
-
});
|
|
283
|
-
}
|
|
284
|
-
__name(setRef, "setRef");
|
|
285
|
-
function isSSRNode(value) {
|
|
286
|
-
const type = value.type;
|
|
287
|
-
return (type === "element" || type === "text" || type === "comment") && !("nodeType" in value);
|
|
288
|
-
}
|
|
289
|
-
__name(isSSRNode, "isSSRNode");
|
|
290
|
-
function isObjectRef(value) {
|
|
291
|
-
return Boolean(value && typeof value === "object" && "current" in value);
|
|
292
|
-
}
|
|
293
|
-
__name(isObjectRef, "isObjectRef");
|
|
294
|
-
function isRefTarget(value) {
|
|
295
|
-
return isObjectRef(value) || typeof value === "function";
|
|
296
|
-
}
|
|
297
|
-
__name(isRefTarget, "isRefTarget");
|
|
298
|
-
function assignRef(target, value) {
|
|
299
|
-
try {
|
|
300
|
-
if (typeof target === "function") target(value);
|
|
301
|
-
else target.current = value;
|
|
302
|
-
} catch {
|
|
303
|
-
}
|
|
304
|
-
}
|
|
305
|
-
__name(assignRef, "assignRef");
|
|
306
|
-
var nodeOwners = /* @__PURE__ */ new WeakMap();
|
|
307
|
-
var eventBindings = /* @__PURE__ */ new WeakMap();
|
|
308
|
-
function getRenderer() {
|
|
309
|
-
{
|
|
310
|
-
throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
|
-
__name(getRenderer, "getRenderer");
|
|
314
|
-
function createText(content) {
|
|
315
|
-
return getRenderer().createText(content);
|
|
316
|
-
}
|
|
317
|
-
__name(createText, "createText");
|
|
318
|
-
function createElement(tag) {
|
|
319
|
-
return getRenderer().createElement(tag);
|
|
320
|
-
}
|
|
321
|
-
__name(createElement, "createElement");
|
|
322
|
-
function createComment(content) {
|
|
323
|
-
return getRenderer().createComment(content);
|
|
324
|
-
}
|
|
325
|
-
__name(createComment, "createComment");
|
|
326
|
-
function insertBefore(parent, child, anchor) {
|
|
327
|
-
if (isVobsFragment(child)) {
|
|
328
|
-
child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
329
|
-
return;
|
|
330
|
-
}
|
|
331
|
-
getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
332
|
-
markHmrInstanceMounted(child, parent);
|
|
333
|
-
}
|
|
334
|
-
__name(insertBefore, "insertBefore");
|
|
335
|
-
function setProperty(node, key, value) {
|
|
336
|
-
getRenderer().setProperty(node, key, value);
|
|
337
|
-
}
|
|
338
|
-
__name(setProperty, "setProperty");
|
|
339
|
-
function setAttribute(node, key, value) {
|
|
340
|
-
getRenderer().setAttribute(node, key, value);
|
|
341
|
-
}
|
|
342
|
-
__name(setAttribute, "setAttribute");
|
|
343
|
-
function spreadProps(node, props) {
|
|
344
|
-
for (const [key, value] of Object.entries(props)) {
|
|
345
|
-
if (key === "key" || value === null || value === void 0) continue;
|
|
346
|
-
if (key === "ref") {
|
|
347
|
-
setRef(node, value);
|
|
348
|
-
continue;
|
|
349
|
-
}
|
|
350
|
-
if (key.startsWith("on") && typeof value === "function") addEventListener(node, key.slice(2).toLowerCase(), value);
|
|
351
|
-
else if (isPropertyKey(key)) setProperty(node, key, value);
|
|
352
|
-
else if (value === false) continue;
|
|
353
|
-
else setAttribute(node, key === "className" ? "class" : key, key === "style" && isStyleObject(value) ? formatStyle(value) : String(value));
|
|
354
|
-
}
|
|
355
|
-
}
|
|
356
|
-
__name(spreadProps, "spreadProps");
|
|
357
|
-
function isPropertyKey(key) {
|
|
358
|
-
return key === "value" || key === "checked" || key === "selected" || key === "disabled" || key === "multiple" || key === "readOnly" || key === "required" || key === "autofocus" || key === "hidden" || key === "tabIndex";
|
|
359
|
-
}
|
|
360
|
-
__name(isPropertyKey, "isPropertyKey");
|
|
361
|
-
function isStyleObject(value) {
|
|
362
|
-
return Boolean(value) && typeof value === "object" && !Array.isArray(value);
|
|
363
|
-
}
|
|
364
|
-
__name(isStyleObject, "isStyleObject");
|
|
365
|
-
function formatStyle(value) {
|
|
366
|
-
return Object.entries(value).filter(([, entry]) => entry !== null && entry !== void 0 && entry !== false).map(([key, entry]) => `${key.replace(/[A-Z]/gu, (match) => `-${match.toLowerCase()}`)}:${String(entry)}`).join(";");
|
|
367
|
-
}
|
|
368
|
-
__name(formatStyle, "formatStyle");
|
|
369
|
-
function addEventListener(node, event, handler) {
|
|
370
|
-
const renderer = getRenderer();
|
|
371
|
-
const owner = getCurrentOwner();
|
|
372
|
-
let bindings = eventBindings.get(node);
|
|
373
|
-
if (!bindings) {
|
|
374
|
-
bindings = /* @__PURE__ */ new Map();
|
|
375
|
-
eventBindings.set(node, bindings);
|
|
376
|
-
}
|
|
377
|
-
const previous = bindings.get(event);
|
|
378
|
-
if (previous && previous.original === handler && previous.owner === owner) return;
|
|
379
|
-
if (previous) renderer.removeEventListener(node, event, previous.handler);
|
|
380
|
-
const listener = owner ? (reason) => {
|
|
381
|
-
try {
|
|
382
|
-
owner.run(() => handler(reason));
|
|
383
|
-
} catch (error) {
|
|
384
|
-
const handled = owner.handleError(error);
|
|
385
|
-
invokeRuntimeDebug("error", {
|
|
386
|
-
error,
|
|
387
|
-
owner,
|
|
388
|
-
phase: "event",
|
|
389
|
-
handled,
|
|
390
|
-
recovery: handled ? "handled" : "propagated"
|
|
391
|
-
});
|
|
392
|
-
if (!handled) throw error;
|
|
393
|
-
}
|
|
394
|
-
} : handler;
|
|
395
|
-
const binding = { handler: listener, owner, original: handler };
|
|
396
|
-
bindings.set(event, binding);
|
|
397
|
-
renderer.addEventListener(node, event, listener);
|
|
398
|
-
owner?.onDispose(() => {
|
|
399
|
-
if (bindings?.get(event) !== binding) return;
|
|
400
|
-
bindings.delete(event);
|
|
401
|
-
renderer.removeEventListener(node, event, listener);
|
|
402
|
-
});
|
|
403
|
-
}
|
|
404
|
-
__name(addEventListener, "addEventListener");
|
|
405
|
-
function createComponent(component, props, source) {
|
|
406
|
-
const owner = createOwner();
|
|
407
|
-
const componentName = component.displayName || component.name || "anonymous";
|
|
408
|
-
setOwnerDebugName(owner, source ? `${componentName} (${source.file}:${source.line}:${source.column})` : componentName);
|
|
409
|
-
owner.onError((reason) => {
|
|
410
|
-
attachSourceLocation(reason, source);
|
|
411
|
-
attachComponentContext(reason, componentName, owner.id);
|
|
412
|
-
throw reason;
|
|
413
|
-
});
|
|
414
|
-
let node;
|
|
415
|
-
try {
|
|
416
|
-
node = owner.run(() => component(props));
|
|
417
|
-
} catch (error) {
|
|
418
|
-
owner.dispose();
|
|
419
|
-
attachSourceLocation(error, source);
|
|
420
|
-
attachComponentContext(error, componentName, owner.id);
|
|
421
|
-
throw error;
|
|
422
|
-
}
|
|
423
|
-
associateNodeOwner(node, owner);
|
|
424
|
-
const hmrKey = component.hmrKey;
|
|
425
|
-
if (hmrKey) {
|
|
426
|
-
const instance = {
|
|
427
|
-
node,
|
|
428
|
-
parent: null,
|
|
429
|
-
refresh() {
|
|
430
|
-
const previous = instance.node;
|
|
431
|
-
const next = owner.run(() => component(props));
|
|
432
|
-
if (instance.parent && !isVobsFragment(previous) && !isVobsFragment(next)) {
|
|
433
|
-
getRenderer().insertBefore(instance.parent, next, previous);
|
|
434
|
-
getRenderer().removeChild(instance.parent, previous);
|
|
435
|
-
}
|
|
436
|
-
nodeOwners.delete(previous);
|
|
437
|
-
nodeOwners.set(next, owner);
|
|
438
|
-
associateHmrInstance(next, instance);
|
|
439
|
-
instance.node = next;
|
|
440
|
-
}
|
|
441
|
-
};
|
|
442
|
-
associateHmrInstance(node, instance);
|
|
443
|
-
const separator = hmrKey.lastIndexOf(":");
|
|
444
|
-
const moduleId = separator < 0 ? hmrKey : hmrKey.slice(0, separator);
|
|
445
|
-
const cleanup = registerHmrInstance(moduleId, instance);
|
|
446
|
-
owner.onDispose(cleanup);
|
|
447
|
-
}
|
|
448
|
-
return node;
|
|
449
|
-
}
|
|
450
|
-
__name(createComponent, "createComponent");
|
|
451
|
-
function attachSourceLocation(reason, source) {
|
|
452
|
-
if (!source || (!reason || typeof reason !== "object" && typeof reason !== "function")) return;
|
|
453
|
-
const error = reason;
|
|
454
|
-
if (error.vobsSource) return;
|
|
455
|
-
try {
|
|
456
|
-
Object.defineProperty(error, "vobsSource", {
|
|
457
|
-
configurable: true,
|
|
458
|
-
enumerable: false,
|
|
459
|
-
value: source,
|
|
460
|
-
writable: false
|
|
461
|
-
});
|
|
462
|
-
} catch {
|
|
463
|
-
}
|
|
464
|
-
}
|
|
465
|
-
__name(attachSourceLocation, "attachSourceLocation");
|
|
466
|
-
function attachComponentContext(reason, component, ownerId) {
|
|
467
|
-
if (!reason || typeof reason !== "object" && typeof reason !== "function") return;
|
|
468
|
-
const error = reason;
|
|
469
|
-
try {
|
|
470
|
-
if (!error.vobsComponent) Object.defineProperty(error, "vobsComponent", { configurable: true, enumerable: false, value: component, writable: false });
|
|
471
|
-
if (!error.vobsOwnerId) Object.defineProperty(error, "vobsOwnerId", { configurable: true, enumerable: false, value: ownerId, writable: false });
|
|
472
|
-
} catch {
|
|
473
|
-
}
|
|
474
|
-
}
|
|
475
|
-
__name(attachComponentContext, "attachComponentContext");
|
|
476
|
-
function associateNodeOwner(node, owner) {
|
|
477
|
-
nodeOwners.set(node, owner);
|
|
478
|
-
}
|
|
479
|
-
__name(associateNodeOwner, "associateNodeOwner");
|
|
480
|
-
|
|
481
|
-
// packages/runtime/src/fragment.ts
|
|
482
|
-
function createFragment(factory) {
|
|
483
|
-
const start = createComment("vobs:fragment:start");
|
|
484
|
-
const end = createComment("vobs:fragment:end");
|
|
485
|
-
let parent = null;
|
|
486
|
-
let initialized = false;
|
|
487
|
-
const owner = getCurrentOwner();
|
|
488
|
-
const fragment = {
|
|
489
|
-
kind: "vobs-fragment",
|
|
490
|
-
start,
|
|
491
|
-
end,
|
|
492
|
-
mount(nextParent, anchor) {
|
|
493
|
-
if (parent && parent !== nextParent) {
|
|
494
|
-
throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
|
|
495
|
-
}
|
|
496
|
-
if (initialized) {
|
|
497
|
-
moveRange(nextParent, start, end, anchor);
|
|
498
|
-
return;
|
|
499
|
-
}
|
|
500
|
-
const renderer = getRenderer();
|
|
501
|
-
renderer.insertBefore(nextParent, start, anchor);
|
|
502
|
-
renderer.insertBefore(nextParent, end, anchor);
|
|
503
|
-
parent = nextParent;
|
|
504
|
-
initialized = true;
|
|
505
|
-
if (owner) owner.run(() => factory(nextParent, end));
|
|
506
|
-
else factory(nextParent, end);
|
|
507
|
-
},
|
|
508
|
-
unmount(nextParent) {
|
|
509
|
-
if (!initialized || parent !== nextParent) {
|
|
510
|
-
throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
|
|
511
|
-
}
|
|
512
|
-
const renderer = getRenderer();
|
|
513
|
-
let current = renderer.nextSibling(start);
|
|
514
|
-
while (current && current !== end) {
|
|
515
|
-
const next = renderer.nextSibling(current);
|
|
516
|
-
renderer.removeChild(nextParent, current);
|
|
517
|
-
current = next;
|
|
518
|
-
}
|
|
519
|
-
renderer.removeChild(nextParent, start);
|
|
520
|
-
renderer.removeChild(nextParent, end);
|
|
521
|
-
parent = null;
|
|
522
|
-
initialized = false;
|
|
523
|
-
}
|
|
524
|
-
};
|
|
525
|
-
return fragment;
|
|
526
|
-
}
|
|
527
|
-
__name(createFragment, "createFragment");
|
|
528
|
-
function isVobsFragment(value) {
|
|
529
|
-
return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
|
|
530
|
-
}
|
|
531
|
-
__name(isVobsFragment, "isVobsFragment");
|
|
532
|
-
function moveRange(parent, start, end, anchor) {
|
|
533
|
-
const renderer = getRenderer();
|
|
534
|
-
const nodes = [start];
|
|
535
|
-
let current = renderer.nextSibling(start);
|
|
536
|
-
while (current) {
|
|
537
|
-
nodes.push(current);
|
|
538
|
-
if (current === end) break;
|
|
539
|
-
current = renderer.nextSibling(current);
|
|
540
|
-
}
|
|
541
|
-
if (nodes[nodes.length - 1] !== end) {
|
|
542
|
-
throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
|
|
543
|
-
}
|
|
544
|
-
for (const node of nodes) renderer.insertBefore(parent, node, anchor);
|
|
545
|
-
}
|
|
546
|
-
__name(moveRange, "moveRange");
|
|
547
|
-
|
|
548
|
-
// packages/runtime/src/dynamic.ts
|
|
549
|
-
function normalizeDynamicChild(value) {
|
|
550
|
-
if (value === null || value === void 0 || typeof value === "boolean") return null;
|
|
551
|
-
if (typeof value === "string" || typeof value === "number") return createText(String(value));
|
|
552
|
-
if (isVobsFragment(value) || isHostNode(value)) return value;
|
|
553
|
-
if (Array.isArray(value)) {
|
|
554
|
-
const children = value;
|
|
555
|
-
if (children.length === 0) return null;
|
|
556
|
-
return createFragment((parent, anchor) => {
|
|
557
|
-
for (const child of children) {
|
|
558
|
-
const node = normalizeDynamicChild(child);
|
|
559
|
-
if (node) insertBefore(parent, node, anchor);
|
|
560
|
-
}
|
|
561
|
-
});
|
|
562
|
-
}
|
|
563
|
-
return null;
|
|
564
|
-
}
|
|
565
|
-
__name(normalizeDynamicChild, "normalizeDynamicChild");
|
|
566
|
-
function isHostNode(value) {
|
|
567
|
-
return Boolean(value && typeof value === "object" && ("nodeType" in value || (value.type === "element" || value.type === "text" || value.type === "comment")));
|
|
568
|
-
}
|
|
569
|
-
__name(isHostNode, "isHostNode");
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
570
21
|
|
|
571
22
|
// packages/vobs/src/jsx-dev-runtime.ts
|
|
23
|
+
var jsx_dev_runtime_exports = {};
|
|
24
|
+
__export(jsx_dev_runtime_exports, {
|
|
25
|
+
Fragment: () => Fragment,
|
|
26
|
+
Vobs: () => Vobs,
|
|
27
|
+
jsx: () => jsx,
|
|
28
|
+
jsxDEV: () => jsxDEV,
|
|
29
|
+
jsxs: () => jsxs
|
|
30
|
+
});
|
|
31
|
+
module.exports = __toCommonJS(jsx_dev_runtime_exports);
|
|
32
|
+
var import_runtime = require("@vobs/runtime");
|
|
572
33
|
function jsxDEV(tag, props, _key, _isStaticChildren, _source, _self) {
|
|
573
34
|
if (typeof tag === "function") {
|
|
574
|
-
return createComponent(tag, props ?? {});
|
|
35
|
+
return (0, import_runtime.createComponent)(tag, props ?? {});
|
|
575
36
|
}
|
|
576
37
|
const { children, ...attrs } = props ?? {};
|
|
577
|
-
const el = createElement(tag);
|
|
578
|
-
spreadProps(el, attrs);
|
|
38
|
+
const el = (0, import_runtime.createElement)(tag);
|
|
39
|
+
(0, import_runtime.spreadProps)(el, attrs);
|
|
579
40
|
appendChildren(el, children);
|
|
580
41
|
return el;
|
|
581
42
|
}
|
|
@@ -584,8 +45,8 @@ function appendChildren(parent, children, anchor = null) {
|
|
|
584
45
|
if (children === void 0 || children === null) return;
|
|
585
46
|
const childArray = Array.isArray(children) ? children : [children];
|
|
586
47
|
for (const child of childArray) {
|
|
587
|
-
const node = normalizeDynamicChild(child);
|
|
588
|
-
if (node) insertBefore(parent, node, anchor);
|
|
48
|
+
const node = (0, import_runtime.normalizeDynamicChild)(child);
|
|
49
|
+
if (node) (0, import_runtime.insertBefore)(parent, node, anchor);
|
|
589
50
|
}
|
|
590
51
|
}
|
|
591
52
|
__name(appendChildren, "appendChildren");
|
|
@@ -598,15 +59,16 @@ function jsxs(tag, props) {
|
|
|
598
59
|
}
|
|
599
60
|
__name(jsxs, "jsxs");
|
|
600
61
|
function Fragment(props) {
|
|
601
|
-
return createFragment((parent, anchor) => appendChildren(parent, props?.children, anchor));
|
|
62
|
+
return (0, import_runtime.createFragment)((parent, anchor) => appendChildren(parent, props?.children, anchor));
|
|
602
63
|
}
|
|
603
64
|
__name(Fragment, "Fragment");
|
|
604
65
|
var Vobs = { Fragment };
|
|
605
|
-
|
|
606
|
-
exports
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
66
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
67
|
+
0 && (module.exports = {
|
|
68
|
+
Fragment,
|
|
69
|
+
Vobs,
|
|
70
|
+
jsx,
|
|
71
|
+
jsxDEV,
|
|
72
|
+
jsxs
|
|
73
|
+
});
|
|
612
74
|
//# sourceMappingURL=jsx-dev-runtime.cjs.map
|