@vobs/layout 1.2.1 → 1.3.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/breadcrumb.cjs +62 -577
- package/dist/breadcrumb.cjs.map +1 -1
- package/dist/breadcrumb.js +42 -562
- package/dist/breadcrumb.js.map +1 -1
- package/dist/context.cjs +30 -163
- package/dist/context.cjs.map +1 -1
- package/dist/context.js +8 -160
- package/dist/context.js.map +1 -1
- package/dist/header.cjs +69 -583
- package/dist/header.cjs.map +1 -1
- package/dist/header.js +40 -562
- package/dist/header.js.map +1 -1
- package/dist/index.cjs +281 -1018
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +282 -981
- package/dist/index.js.map +1 -1
- package/dist/layout.cjs +201 -937
- package/dist/layout.cjs.map +1 -1
- package/dist/layout.js +196 -910
- package/dist/layout.js.map +1 -1
- package/dist/menu.cjs +81 -645
- package/dist/menu.cjs.map +1 -1
- package/dist/menu.js +55 -624
- package/dist/menu.js.map +1 -1
- package/dist/sidebar.cjs +105 -759
- package/dist/sidebar.cjs.map +1 -1
- package/dist/sidebar.js +82 -733
- package/dist/sidebar.js.map +1 -1
- package/dist/tabs.cjs +70 -634
- package/dist/tabs.cjs.map +1 -1
- package/dist/tabs.js +48 -617
- package/dist/tabs.js.map +1 -1
- package/dist/types.cjs +18 -2
- package/dist/types.cjs.map +1 -1
- package/dist/types.js +0 -2
- package/dist/types.js.map +1 -1
- package/dist/utils.cjs +61 -532
- package/dist/utils.cjs.map +1 -1
- package/dist/utils.js +23 -508
- package/dist/utils.js.map +1 -1
- package/dist/viewport.cjs +34 -261
- package/dist/viewport.cjs.map +1 -1
- package/dist/viewport.js +7 -256
- package/dist/viewport.js.map +1 -1
- package/package.json +3 -3
package/dist/utils.cjs
CHANGED
|
@@ -1,514 +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 hasDebugHooks() {
|
|
9
|
-
return activeDebugHooks !== null;
|
|
10
|
-
}
|
|
11
|
-
__name(hasDebugHooks, "hasDebugHooks");
|
|
12
|
-
function invokeDebug(name, ...args) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
__name(invokeDebug, "invokeDebug");
|
|
16
|
-
|
|
17
|
-
// packages/reactivity/src/owner.ts
|
|
18
|
-
var currentOwner = null;
|
|
19
|
-
var nextOwnerId = 1;
|
|
20
|
-
var ownerNames = /* @__PURE__ */ new WeakMap();
|
|
21
|
-
function createOwner() {
|
|
22
|
-
const parent = currentOwner;
|
|
23
|
-
let disposed = parent?.disposed ?? false;
|
|
24
|
-
const children = [];
|
|
25
|
-
const cleanups = [];
|
|
26
|
-
const errorHandlers = /* @__PURE__ */ new Set();
|
|
27
|
-
const owner = {
|
|
28
|
-
id: `owner-${nextOwnerId++}`,
|
|
29
|
-
parent,
|
|
30
|
-
children,
|
|
31
|
-
depth: (parent?.depth ?? -1) + 1,
|
|
32
|
-
get disposed() {
|
|
33
|
-
return disposed;
|
|
34
|
-
},
|
|
35
|
-
run(fn) {
|
|
36
|
-
if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
|
|
37
|
-
const previous = currentOwner;
|
|
38
|
-
currentOwner = owner;
|
|
39
|
-
try {
|
|
40
|
-
return fn();
|
|
41
|
-
} finally {
|
|
42
|
-
currentOwner = previous;
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
addCleanup(cleanup) {
|
|
46
|
-
if (disposed) {
|
|
47
|
-
cleanup();
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
cleanups.push(cleanup);
|
|
51
|
-
},
|
|
52
|
-
onDispose(cleanup) {
|
|
53
|
-
owner.addCleanup(cleanup);
|
|
54
|
-
},
|
|
55
|
-
onError(handler) {
|
|
56
|
-
errorHandlers.add(handler);
|
|
57
|
-
const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
|
|
58
|
-
owner.addCleanup(remove);
|
|
59
|
-
return remove;
|
|
60
|
-
},
|
|
61
|
-
handleError(error) {
|
|
62
|
-
for (const handler of [...errorHandlers].reverse()) {
|
|
63
|
-
try {
|
|
64
|
-
handler(error);
|
|
65
|
-
return true;
|
|
66
|
-
} catch (handlerError) {
|
|
67
|
-
return parent?.handleError(handlerError) ?? false;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
return parent?.handleError(error) ?? false;
|
|
71
|
-
},
|
|
72
|
-
dispose() {
|
|
73
|
-
if (disposed) return;
|
|
74
|
-
disposed = true;
|
|
75
|
-
for (const child of [...children]) child.dispose();
|
|
76
|
-
children.length = 0;
|
|
77
|
-
let firstError;
|
|
78
|
-
for (let index = cleanups.length - 1; index >= 0; index--) {
|
|
79
|
-
try {
|
|
80
|
-
cleanups[index]();
|
|
81
|
-
} catch (error) {
|
|
82
|
-
firstError ?? (firstError = error);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
cleanups.length = 0;
|
|
86
|
-
if (parent) {
|
|
87
|
-
const index = parent.children.indexOf(owner);
|
|
88
|
-
if (index >= 0) parent.children.splice(index, 1);
|
|
89
|
-
}
|
|
90
|
-
if (firstError) throw firstError;
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
if (parent && !parent.disposed) parent.children.push(owner);
|
|
94
|
-
return owner;
|
|
95
|
-
}
|
|
96
|
-
__name(createOwner, "createOwner");
|
|
97
|
-
function setOwnerDebugName(owner, name) {
|
|
98
|
-
ownerNames.set(owner, name);
|
|
99
|
-
}
|
|
100
|
-
__name(setOwnerDebugName, "setOwnerDebugName");
|
|
101
|
-
function getCurrentOwner() {
|
|
102
|
-
return currentOwner;
|
|
103
|
-
}
|
|
104
|
-
__name(getCurrentOwner, "getCurrentOwner");
|
|
105
|
-
|
|
106
|
-
// packages/reactivity/src/signal.ts
|
|
107
|
-
var currentSubscriber = null;
|
|
108
|
-
function getCurrentSubscriber() {
|
|
109
|
-
return currentSubscriber;
|
|
110
|
-
}
|
|
111
|
-
__name(getCurrentSubscriber, "getCurrentSubscriber");
|
|
112
|
-
function setCurrentSubscriber(subscriber) {
|
|
113
|
-
currentSubscriber = subscriber;
|
|
114
|
-
}
|
|
115
|
-
__name(setCurrentSubscriber, "setCurrentSubscriber");
|
|
116
|
-
|
|
117
|
-
// packages/reactivity/src/scheduler.ts
|
|
118
|
-
var _Scheduler = class _Scheduler {
|
|
119
|
-
constructor() {
|
|
120
|
-
this.dirtyEffects = /* @__PURE__ */ new Set();
|
|
121
|
-
this.lowPriorityEffects = /* @__PURE__ */ new Set();
|
|
122
|
-
// flush 不可重入(flushing 标志保证),缓冲数组可在轮次间安全复用,避免每轮分配。
|
|
123
|
-
this.normalBuffer = [];
|
|
124
|
-
this.lowBuffer = [];
|
|
125
|
-
this.flushing = false;
|
|
126
|
-
this.scheduled = false;
|
|
127
|
-
this.batchDepth = 0;
|
|
128
|
-
}
|
|
129
|
-
schedule(effect2) {
|
|
130
|
-
if (effect2.disposed) return;
|
|
131
|
-
this.dirtyEffects.add(effect2);
|
|
132
|
-
this.lowPriorityEffects.delete(effect2);
|
|
133
|
-
this.ensureScheduled();
|
|
134
|
-
}
|
|
135
|
-
/** Queue an effect behind normal updates while preserving deterministic order. */
|
|
136
|
-
scheduleLow(effect2) {
|
|
137
|
-
if (effect2.disposed) return;
|
|
138
|
-
if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
|
|
139
|
-
this.ensureScheduled();
|
|
140
|
-
}
|
|
141
|
-
ensureScheduled() {
|
|
142
|
-
if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
|
|
143
|
-
this.scheduled = true;
|
|
144
|
-
queueMicrotask(() => {
|
|
145
|
-
this.scheduled = false;
|
|
146
|
-
this.flush();
|
|
147
|
-
});
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
remove(effect2) {
|
|
151
|
-
this.dirtyEffects.delete(effect2);
|
|
152
|
-
this.lowPriorityEffects.delete(effect2);
|
|
153
|
-
}
|
|
154
|
-
batch(fn) {
|
|
155
|
-
this.batchDepth++;
|
|
156
|
-
try {
|
|
157
|
-
return fn();
|
|
158
|
-
} finally {
|
|
159
|
-
this.batchDepth--;
|
|
160
|
-
if (this.batchDepth === 0) this.flush();
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
flush() {
|
|
164
|
-
if (this.flushing || this.batchDepth > 0) return;
|
|
165
|
-
this.flushing = true;
|
|
166
|
-
let rounds = 0;
|
|
167
|
-
let firstError;
|
|
168
|
-
let hasError = false;
|
|
169
|
-
try {
|
|
170
|
-
while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
|
|
171
|
-
if (++rounds > 100) {
|
|
172
|
-
this.dirtyEffects.clear();
|
|
173
|
-
this.lowPriorityEffects.clear();
|
|
174
|
-
throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
|
|
175
|
-
}
|
|
176
|
-
this.collectRunnable(this.dirtyEffects, this.normalBuffer);
|
|
177
|
-
this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
|
|
178
|
-
sortEffects(this.normalBuffer);
|
|
179
|
-
sortEffects(this.lowBuffer);
|
|
180
|
-
for (const effect2 of this.normalBuffer) {
|
|
181
|
-
try {
|
|
182
|
-
effect2.run();
|
|
183
|
-
} catch (error) {
|
|
184
|
-
if (!hasError) {
|
|
185
|
-
firstError = error;
|
|
186
|
-
hasError = true;
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
for (const effect2 of this.lowBuffer) {
|
|
191
|
-
try {
|
|
192
|
-
effect2.run();
|
|
193
|
-
} catch (error) {
|
|
194
|
-
if (!hasError) {
|
|
195
|
-
firstError = error;
|
|
196
|
-
hasError = true;
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
this.normalBuffer.length = 0;
|
|
201
|
-
this.lowBuffer.length = 0;
|
|
202
|
-
}
|
|
203
|
-
} finally {
|
|
204
|
-
this.normalBuffer.length = 0;
|
|
205
|
-
this.lowBuffer.length = 0;
|
|
206
|
-
this.flushing = false;
|
|
207
|
-
}
|
|
208
|
-
if (hasError) throw firstError;
|
|
209
|
-
}
|
|
210
|
-
/** 收集未 disposed 的 effect 并清空源集合;run() 期间新调度的 effect 留给下一轮。 */
|
|
211
|
-
collectRunnable(source, target) {
|
|
212
|
-
for (const effect2 of source) {
|
|
213
|
-
if (!effect2.disposed) target.push(effect2);
|
|
214
|
-
}
|
|
215
|
-
source.clear();
|
|
216
|
-
}
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
217
11
|
};
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
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 });
|
|
223
17
|
}
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
var
|
|
227
|
-
|
|
228
|
-
// packages/reactivity/src/effect.ts
|
|
229
|
-
var nextEffectOrder = 1;
|
|
230
|
-
function cleanupDependencies(subscriber) {
|
|
231
|
-
for (const dependency of subscriber.dependencies) {
|
|
232
|
-
dependency.unsubscribe(subscriber);
|
|
233
|
-
}
|
|
234
|
-
subscriber.dependencies.clear();
|
|
235
|
-
}
|
|
236
|
-
__name(cleanupDependencies, "cleanupDependencies");
|
|
237
|
-
function effect(callback) {
|
|
238
|
-
const owner = getCurrentOwner();
|
|
239
|
-
let cleanup;
|
|
240
|
-
let dirty = true;
|
|
241
|
-
let disposed = false;
|
|
242
|
-
const eff = {
|
|
243
|
-
order: nextEffectOrder++,
|
|
244
|
-
depth: owner?.depth ?? 0,
|
|
245
|
-
dependencies: /* @__PURE__ */ new Set(),
|
|
246
|
-
get disposed() {
|
|
247
|
-
return disposed;
|
|
248
|
-
},
|
|
249
|
-
notify() {
|
|
250
|
-
if (disposed || dirty) return;
|
|
251
|
-
dirty = true;
|
|
252
|
-
scheduler.schedule(eff);
|
|
253
|
-
},
|
|
254
|
-
run() {
|
|
255
|
-
if (disposed || !dirty) return;
|
|
256
|
-
dirty = false;
|
|
257
|
-
const previousCleanup = cleanup;
|
|
258
|
-
cleanup = void 0;
|
|
259
|
-
let cleanupError;
|
|
260
|
-
if (previousCleanup) {
|
|
261
|
-
try {
|
|
262
|
-
previousCleanup();
|
|
263
|
-
} catch (error) {
|
|
264
|
-
const handled2 = owner?.handleError(error) ?? false;
|
|
265
|
-
if (!handled2) cleanupError = error;
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
cleanupDependencies(eff);
|
|
269
|
-
const previous = getCurrentSubscriber();
|
|
270
|
-
setCurrentSubscriber(eff);
|
|
271
|
-
let thrown;
|
|
272
|
-
let handled = false;
|
|
273
|
-
try {
|
|
274
|
-
const result = owner ? owner.run(callback) : callback();
|
|
275
|
-
cleanup = typeof result === "function" ? result : void 0;
|
|
276
|
-
} catch (error) {
|
|
277
|
-
thrown = error;
|
|
278
|
-
handled = owner?.handleError(error) ?? false;
|
|
279
|
-
if (!handled) throw error;
|
|
280
|
-
} finally {
|
|
281
|
-
setCurrentSubscriber(previous);
|
|
282
|
-
}
|
|
283
|
-
if (cleanupError && !thrown) throw cleanupError;
|
|
284
|
-
},
|
|
285
|
-
scheduleLow() {
|
|
286
|
-
if (disposed || dirty) return;
|
|
287
|
-
dirty = true;
|
|
288
|
-
scheduler.scheduleLow(eff);
|
|
289
|
-
},
|
|
290
|
-
dispose() {
|
|
291
|
-
if (disposed) return;
|
|
292
|
-
disposed = true;
|
|
293
|
-
dirty = false;
|
|
294
|
-
scheduler.remove(eff);
|
|
295
|
-
const previousCleanup = cleanup;
|
|
296
|
-
cleanup = void 0;
|
|
297
|
-
let cleanupError;
|
|
298
|
-
if (previousCleanup) {
|
|
299
|
-
try {
|
|
300
|
-
previousCleanup();
|
|
301
|
-
} catch (error) {
|
|
302
|
-
const handled = owner?.handleError(error) ?? false;
|
|
303
|
-
if (!handled) cleanupError = error;
|
|
304
|
-
}
|
|
305
|
-
}
|
|
306
|
-
cleanupDependencies(eff);
|
|
307
|
-
if (cleanupError) throw cleanupError;
|
|
308
|
-
}
|
|
309
|
-
};
|
|
310
|
-
owner?.addCleanup(eff.dispose);
|
|
311
|
-
eff.run();
|
|
312
|
-
return eff;
|
|
313
|
-
}
|
|
314
|
-
__name(effect, "effect");
|
|
315
|
-
|
|
316
|
-
// packages/runtime/src/debug.ts
|
|
317
|
-
var activeRuntimeDebugHooks = null;
|
|
318
|
-
function getRuntimeDebugHooks() {
|
|
319
|
-
return activeRuntimeDebugHooks;
|
|
320
|
-
}
|
|
321
|
-
__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
|
|
322
|
-
function invokeRuntimeDebug(name, ...args) {
|
|
323
|
-
return;
|
|
324
|
-
}
|
|
325
|
-
__name(invokeRuntimeDebug, "invokeRuntimeDebug");
|
|
326
|
-
function readDebugValue(read) {
|
|
327
|
-
try {
|
|
328
|
-
return read();
|
|
329
|
-
} catch {
|
|
330
|
-
return "[Uninspectable]";
|
|
331
|
-
}
|
|
332
|
-
}
|
|
333
|
-
__name(readDebugValue, "readDebugValue");
|
|
334
|
-
function describeDebugNode(node) {
|
|
335
|
-
if (!node || typeof node !== "object") return "node";
|
|
336
|
-
const value = node;
|
|
337
|
-
const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
|
|
338
|
-
const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
|
|
339
|
-
const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
|
|
340
|
-
return `${name}${id}${className}`;
|
|
341
|
-
}
|
|
342
|
-
__name(describeDebugNode, "describeDebugNode");
|
|
343
|
-
|
|
344
|
-
// packages/runtime/src/hmr.ts
|
|
345
|
-
var globalTarget = globalThis;
|
|
346
|
-
var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
|
|
347
|
-
globalTarget.__VOBS_HMR__ = hmrGlobal;
|
|
348
|
-
function markHmrInstanceMounted(node, parent) {
|
|
349
|
-
const instance = hmrInstances.get(node);
|
|
350
|
-
if (instance) instance.parent = parent;
|
|
351
|
-
}
|
|
352
|
-
__name(markHmrInstanceMounted, "markHmrInstanceMounted");
|
|
353
|
-
var hmrInstances = /* @__PURE__ */ new WeakMap();
|
|
354
|
-
var nodeOwners = /* @__PURE__ */ new WeakMap();
|
|
355
|
-
function getRenderer() {
|
|
356
|
-
{
|
|
357
|
-
throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
|
|
358
|
-
}
|
|
359
|
-
}
|
|
360
|
-
__name(getRenderer, "getRenderer");
|
|
361
|
-
function createText(content) {
|
|
362
|
-
return getRenderer().createText(content);
|
|
363
|
-
}
|
|
364
|
-
__name(createText, "createText");
|
|
365
|
-
function createComment(content) {
|
|
366
|
-
return getRenderer().createComment(content);
|
|
367
|
-
}
|
|
368
|
-
__name(createComment, "createComment");
|
|
369
|
-
function insertBefore(parent, child, anchor) {
|
|
370
|
-
if (isVobsFragment(child)) {
|
|
371
|
-
child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
372
|
-
return;
|
|
373
|
-
}
|
|
374
|
-
getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
375
|
-
markHmrInstanceMounted(child, parent);
|
|
376
|
-
}
|
|
377
|
-
__name(insertBefore, "insertBefore");
|
|
378
|
-
function removeChild(parent, child) {
|
|
379
|
-
disposeNodeOwner(child);
|
|
380
|
-
if (isVobsFragment(child)) {
|
|
381
|
-
child.unmount(parent);
|
|
382
|
-
return;
|
|
383
|
-
}
|
|
384
|
-
getRenderer().removeChild(parent, child);
|
|
385
|
-
}
|
|
386
|
-
__name(removeChild, "removeChild");
|
|
387
|
-
function setTextContent(node, content) {
|
|
388
|
-
getRenderer().setTextContent(node, content);
|
|
389
|
-
}
|
|
390
|
-
__name(setTextContent, "setTextContent");
|
|
391
|
-
function setProperty(node, key, value) {
|
|
392
|
-
getRenderer().setProperty(node, key, value);
|
|
393
|
-
}
|
|
394
|
-
__name(setProperty, "setProperty");
|
|
395
|
-
function setAttribute(node, key, value) {
|
|
396
|
-
getRenderer().setAttribute(node, key, value);
|
|
397
|
-
}
|
|
398
|
-
__name(setAttribute, "setAttribute");
|
|
399
|
-
function createBlock(factory) {
|
|
400
|
-
const owner = createOwner();
|
|
401
|
-
setOwnerDebugName(owner, "dynamic");
|
|
402
|
-
let node;
|
|
403
|
-
try {
|
|
404
|
-
node = owner.run(factory);
|
|
405
|
-
} catch (error) {
|
|
406
|
-
owner.dispose();
|
|
407
|
-
throw error;
|
|
408
|
-
}
|
|
409
|
-
if (!node) {
|
|
410
|
-
owner.dispose();
|
|
411
|
-
return null;
|
|
412
|
-
}
|
|
413
|
-
associateNodeOwner(node, owner);
|
|
414
|
-
return node;
|
|
415
|
-
}
|
|
416
|
-
__name(createBlock, "createBlock");
|
|
417
|
-
function associateNodeOwner(node, owner) {
|
|
418
|
-
nodeOwners.set(node, owner);
|
|
419
|
-
}
|
|
420
|
-
__name(associateNodeOwner, "associateNodeOwner");
|
|
421
|
-
function disposeNodeOwner(node) {
|
|
422
|
-
const owner = nodeOwners.get(node);
|
|
423
|
-
if (!owner) return;
|
|
424
|
-
nodeOwners.delete(node);
|
|
425
|
-
owner.dispose();
|
|
426
|
-
}
|
|
427
|
-
__name(disposeNodeOwner, "disposeNodeOwner");
|
|
428
|
-
|
|
429
|
-
// packages/runtime/src/fragment.ts
|
|
430
|
-
function createFragment(factory) {
|
|
431
|
-
const start = createComment("vobs:fragment:start");
|
|
432
|
-
const end = createComment("vobs:fragment:end");
|
|
433
|
-
let parent = null;
|
|
434
|
-
let initialized = false;
|
|
435
|
-
const owner = getCurrentOwner();
|
|
436
|
-
const fragment = {
|
|
437
|
-
kind: "vobs-fragment",
|
|
438
|
-
start,
|
|
439
|
-
end,
|
|
440
|
-
mount(nextParent, anchor) {
|
|
441
|
-
if (parent && parent !== nextParent) {
|
|
442
|
-
throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
|
|
443
|
-
}
|
|
444
|
-
if (initialized) {
|
|
445
|
-
moveRange(nextParent, start, end, anchor);
|
|
446
|
-
return;
|
|
447
|
-
}
|
|
448
|
-
const renderer = getRenderer();
|
|
449
|
-
renderer.insertBefore(nextParent, start, anchor);
|
|
450
|
-
renderer.insertBefore(nextParent, end, anchor);
|
|
451
|
-
parent = nextParent;
|
|
452
|
-
initialized = true;
|
|
453
|
-
if (owner) owner.run(() => factory(nextParent, end));
|
|
454
|
-
else factory(nextParent, end);
|
|
455
|
-
},
|
|
456
|
-
unmount(nextParent) {
|
|
457
|
-
if (!initialized || parent !== nextParent) {
|
|
458
|
-
throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
|
|
459
|
-
}
|
|
460
|
-
const renderer = getRenderer();
|
|
461
|
-
let current = renderer.nextSibling(start);
|
|
462
|
-
while (current && current !== end) {
|
|
463
|
-
const next = renderer.nextSibling(current);
|
|
464
|
-
renderer.removeChild(nextParent, current);
|
|
465
|
-
current = next;
|
|
466
|
-
}
|
|
467
|
-
renderer.removeChild(nextParent, start);
|
|
468
|
-
renderer.removeChild(nextParent, end);
|
|
469
|
-
parent = null;
|
|
470
|
-
initialized = false;
|
|
471
|
-
}
|
|
472
|
-
};
|
|
473
|
-
return fragment;
|
|
474
|
-
}
|
|
475
|
-
__name(createFragment, "createFragment");
|
|
476
|
-
function isVobsFragment(value) {
|
|
477
|
-
return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
|
|
478
|
-
}
|
|
479
|
-
__name(isVobsFragment, "isVobsFragment");
|
|
480
|
-
function moveRange(parent, start, end, anchor) {
|
|
481
|
-
const renderer = getRenderer();
|
|
482
|
-
const nodes = [start];
|
|
483
|
-
let current = renderer.nextSibling(start);
|
|
484
|
-
while (current) {
|
|
485
|
-
nodes.push(current);
|
|
486
|
-
if (current === end) break;
|
|
487
|
-
current = renderer.nextSibling(current);
|
|
488
|
-
}
|
|
489
|
-
if (nodes[nodes.length - 1] !== end) {
|
|
490
|
-
throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
|
|
491
|
-
}
|
|
492
|
-
for (const node of nodes) renderer.insertBefore(parent, node, anchor);
|
|
493
|
-
}
|
|
494
|
-
__name(moveRange, "moveRange");
|
|
495
|
-
|
|
496
|
-
// packages/runtime/src/dynamic.ts
|
|
497
|
-
function insertDynamic(parent, anchor, factory) {
|
|
498
|
-
const marker = createComment("vobs:dynamic");
|
|
499
|
-
insertBefore(parent, marker, anchor);
|
|
500
|
-
let current = null;
|
|
501
|
-
effect(() => {
|
|
502
|
-
const next = createBlock(factory);
|
|
503
|
-
if (next === current) return;
|
|
504
|
-
if (current) removeChild(parent, current);
|
|
505
|
-
current = next;
|
|
506
|
-
if (current) insertBefore(parent, current, marker);
|
|
507
|
-
});
|
|
508
|
-
}
|
|
509
|
-
__name(insertDynamic, "insertDynamic");
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
510
21
|
|
|
511
22
|
// packages/layout/src/utils.ts
|
|
23
|
+
var utils_exports = {};
|
|
24
|
+
__export(utils_exports, {
|
|
25
|
+
bindClassList: () => bindClassList,
|
|
26
|
+
bindCommonAttributes: () => bindCommonAttributes,
|
|
27
|
+
bindTextContent: () => bindTextContent,
|
|
28
|
+
bindUserStyle: () => bindUserStyle,
|
|
29
|
+
classNames: () => classNames,
|
|
30
|
+
hasProp: () => hasProp,
|
|
31
|
+
mountSlot: () => mountSlot,
|
|
32
|
+
readProp: () => readProp,
|
|
33
|
+
resolveSlot: () => resolveSlot,
|
|
34
|
+
setOptionalAttribute: () => setOptionalAttribute,
|
|
35
|
+
setOptionalProperty: () => setOptionalProperty
|
|
36
|
+
});
|
|
37
|
+
module.exports = __toCommonJS(utils_exports);
|
|
38
|
+
var import_reactivity = require("@vobs/reactivity");
|
|
39
|
+
var import_vobs = require("@vobs/vobs");
|
|
512
40
|
function readProp(props, name, fallback) {
|
|
513
41
|
const value = Reflect.get(props, name);
|
|
514
42
|
return value === void 0 ? fallback : value;
|
|
@@ -523,8 +51,8 @@ function classNames(...values) {
|
|
|
523
51
|
}
|
|
524
52
|
__name(classNames, "classNames");
|
|
525
53
|
function bindClassList(root, props, readBaseClasses) {
|
|
526
|
-
effect(() => {
|
|
527
|
-
setAttribute(root, "class", classNames(
|
|
54
|
+
(0, import_reactivity.effect)(() => {
|
|
55
|
+
(0, import_vobs.setAttribute)(root, "class", classNames(
|
|
528
56
|
...readBaseClasses(),
|
|
529
57
|
readString(props, "class"),
|
|
530
58
|
readString(props, "className")
|
|
@@ -538,7 +66,7 @@ function bindCommonAttributes(root, props, skip = []) {
|
|
|
538
66
|
ignored.add("className");
|
|
539
67
|
ignored.add("children");
|
|
540
68
|
ignored.add("style");
|
|
541
|
-
effect(() => {
|
|
69
|
+
(0, import_reactivity.effect)(() => {
|
|
542
70
|
const next = /* @__PURE__ */ new Map();
|
|
543
71
|
for (const name of Object.keys(props)) {
|
|
544
72
|
if (ignored.has(name) || !isCommonAttribute(name)) continue;
|
|
@@ -549,22 +77,22 @@ function bindCommonAttributes(root, props, skip = []) {
|
|
|
549
77
|
for (const name of managed) {
|
|
550
78
|
if (!next.has(name)) removeAttribute(root, name);
|
|
551
79
|
}
|
|
552
|
-
for (const [name, value] of next) setAttribute(root, name, value);
|
|
80
|
+
for (const [name, value] of next) (0, import_vobs.setAttribute)(root, name, value);
|
|
553
81
|
managedAttributes.set(root, new Set(next.keys()));
|
|
554
82
|
});
|
|
555
83
|
}
|
|
556
84
|
__name(bindCommonAttributes, "bindCommonAttributes");
|
|
557
85
|
function bindUserStyle(root, props, internal) {
|
|
558
|
-
effect(() => {
|
|
86
|
+
(0, import_reactivity.effect)(() => {
|
|
559
87
|
const values = [internal?.() ?? "", readString(props, "style") ?? ""].filter(Boolean);
|
|
560
|
-
if (values.length > 0) setAttribute(root, "style", values.join("; "));
|
|
88
|
+
if (values.length > 0) (0, import_vobs.setAttribute)(root, "style", values.join("; "));
|
|
561
89
|
else removeAttribute(root, "style");
|
|
562
90
|
});
|
|
563
91
|
}
|
|
564
92
|
__name(bindUserStyle, "bindUserStyle");
|
|
565
93
|
function bindTextContent(node, read) {
|
|
566
|
-
effect(() => {
|
|
567
|
-
setTextContent(node, String(read() ?? ""));
|
|
94
|
+
(0, import_reactivity.effect)(() => {
|
|
95
|
+
(0, import_vobs.setTextContent)(node, String(read() ?? ""));
|
|
568
96
|
});
|
|
569
97
|
}
|
|
570
98
|
__name(bindTextContent, "bindTextContent");
|
|
@@ -573,27 +101,27 @@ function setOptionalAttribute(node, name, value) {
|
|
|
573
101
|
removeAttribute(node, name);
|
|
574
102
|
return;
|
|
575
103
|
}
|
|
576
|
-
setAttribute(node, name, String(value));
|
|
104
|
+
(0, import_vobs.setAttribute)(node, name, String(value));
|
|
577
105
|
}
|
|
578
106
|
__name(setOptionalAttribute, "setOptionalAttribute");
|
|
579
107
|
function setOptionalProperty(node, name, value) {
|
|
580
108
|
if (value === void 0 || value === null) return;
|
|
581
|
-
setProperty(node, name, value);
|
|
109
|
+
(0, import_vobs.setProperty)(node, name, value);
|
|
582
110
|
}
|
|
583
111
|
__name(setOptionalProperty, "setOptionalProperty");
|
|
584
112
|
function mountSlot(parent, props, name) {
|
|
585
|
-
insertDynamic(parent, null, () => resolveSlot(Reflect.get(props, name)));
|
|
113
|
+
(0, import_vobs.insertDynamic)(parent, null, () => resolveSlot(Reflect.get(props, name)));
|
|
586
114
|
}
|
|
587
115
|
__name(mountSlot, "mountSlot");
|
|
588
116
|
function resolveSlot(value) {
|
|
589
117
|
const resolved = typeof value === "function" ? value() : value;
|
|
590
118
|
if (resolved === void 0 || resolved === null || resolved === false) return null;
|
|
591
|
-
if (typeof resolved === "string" || typeof resolved === "number") return createText(String(resolved));
|
|
119
|
+
if (typeof resolved === "string" || typeof resolved === "number") return (0, import_vobs.createText)(String(resolved));
|
|
592
120
|
if (Array.isArray(resolved)) {
|
|
593
|
-
return createFragment((parent, anchor) => {
|
|
121
|
+
return (0, import_vobs.createFragment)((parent, anchor) => {
|
|
594
122
|
for (const child of resolved) {
|
|
595
123
|
const node = resolveSlot(child);
|
|
596
|
-
if (node) insertBefore(parent, node, anchor);
|
|
124
|
+
if (node) (0, import_vobs.insertBefore)(parent, node, anchor);
|
|
597
125
|
}
|
|
598
126
|
});
|
|
599
127
|
}
|
|
@@ -624,17 +152,18 @@ function removeAttribute(node, name) {
|
|
|
624
152
|
}
|
|
625
153
|
__name(removeAttribute, "removeAttribute");
|
|
626
154
|
var managedAttributes = /* @__PURE__ */ new WeakMap();
|
|
627
|
-
|
|
628
|
-
exports
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
155
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
156
|
+
0 && (module.exports = {
|
|
157
|
+
bindClassList,
|
|
158
|
+
bindCommonAttributes,
|
|
159
|
+
bindTextContent,
|
|
160
|
+
bindUserStyle,
|
|
161
|
+
classNames,
|
|
162
|
+
hasProp,
|
|
163
|
+
mountSlot,
|
|
164
|
+
readProp,
|
|
165
|
+
resolveSlot,
|
|
166
|
+
setOptionalAttribute,
|
|
167
|
+
setOptionalProperty
|
|
168
|
+
});
|
|
640
169
|
//# sourceMappingURL=utils.cjs.map
|