@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/menu.js
CHANGED
|
@@ -1,599 +1,30 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
3
|
|
|
4
|
-
// packages/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
function invokeDebug(name, ...args) {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
__name(invokeDebug, "invokeDebug");
|
|
20
|
-
|
|
21
|
-
// packages/reactivity/src/owner.ts
|
|
22
|
-
var currentOwner = null;
|
|
23
|
-
var nextOwnerId = 1;
|
|
24
|
-
var ownerNames = /* @__PURE__ */ new WeakMap();
|
|
25
|
-
function createOwner() {
|
|
26
|
-
const parent = currentOwner;
|
|
27
|
-
let disposed = parent?.disposed ?? false;
|
|
28
|
-
const children = [];
|
|
29
|
-
const cleanups = [];
|
|
30
|
-
const errorHandlers = /* @__PURE__ */ new Set();
|
|
31
|
-
const owner = {
|
|
32
|
-
id: `owner-${nextOwnerId++}`,
|
|
33
|
-
parent,
|
|
34
|
-
children,
|
|
35
|
-
depth: (parent?.depth ?? -1) + 1,
|
|
36
|
-
get disposed() {
|
|
37
|
-
return disposed;
|
|
38
|
-
},
|
|
39
|
-
run(fn) {
|
|
40
|
-
if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
|
|
41
|
-
const previous = currentOwner;
|
|
42
|
-
currentOwner = owner;
|
|
43
|
-
try {
|
|
44
|
-
return fn();
|
|
45
|
-
} finally {
|
|
46
|
-
currentOwner = previous;
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
addCleanup(cleanup) {
|
|
50
|
-
if (disposed) {
|
|
51
|
-
cleanup();
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
cleanups.push(cleanup);
|
|
55
|
-
},
|
|
56
|
-
onDispose(cleanup) {
|
|
57
|
-
owner.addCleanup(cleanup);
|
|
58
|
-
},
|
|
59
|
-
onError(handler) {
|
|
60
|
-
errorHandlers.add(handler);
|
|
61
|
-
const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
|
|
62
|
-
owner.addCleanup(remove);
|
|
63
|
-
return remove;
|
|
64
|
-
},
|
|
65
|
-
handleError(error) {
|
|
66
|
-
for (const handler of [...errorHandlers].reverse()) {
|
|
67
|
-
try {
|
|
68
|
-
handler(error);
|
|
69
|
-
return true;
|
|
70
|
-
} catch (handlerError) {
|
|
71
|
-
return parent?.handleError(handlerError) ?? false;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
return parent?.handleError(error) ?? false;
|
|
75
|
-
},
|
|
76
|
-
dispose() {
|
|
77
|
-
if (disposed) return;
|
|
78
|
-
disposed = true;
|
|
79
|
-
for (const child of [...children]) child.dispose();
|
|
80
|
-
children.length = 0;
|
|
81
|
-
let firstError;
|
|
82
|
-
for (let index = cleanups.length - 1; index >= 0; index--) {
|
|
83
|
-
try {
|
|
84
|
-
cleanups[index]();
|
|
85
|
-
} catch (error) {
|
|
86
|
-
firstError ?? (firstError = error);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
cleanups.length = 0;
|
|
90
|
-
if (parent) {
|
|
91
|
-
const index = parent.children.indexOf(owner);
|
|
92
|
-
if (index >= 0) parent.children.splice(index, 1);
|
|
93
|
-
}
|
|
94
|
-
if (firstError) throw firstError;
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
if (parent && !parent.disposed) parent.children.push(owner);
|
|
98
|
-
return owner;
|
|
99
|
-
}
|
|
100
|
-
__name(createOwner, "createOwner");
|
|
101
|
-
function setOwnerDebugName(owner, name) {
|
|
102
|
-
ownerNames.set(owner, name);
|
|
103
|
-
}
|
|
104
|
-
__name(setOwnerDebugName, "setOwnerDebugName");
|
|
105
|
-
function getCurrentOwner() {
|
|
106
|
-
return currentOwner;
|
|
107
|
-
}
|
|
108
|
-
__name(getCurrentOwner, "getCurrentOwner");
|
|
109
|
-
|
|
110
|
-
// packages/reactivity/src/signal.ts
|
|
111
|
-
var currentSubscriber = null;
|
|
112
|
-
function getCurrentSubscriber() {
|
|
113
|
-
return currentSubscriber;
|
|
114
|
-
}
|
|
115
|
-
__name(getCurrentSubscriber, "getCurrentSubscriber");
|
|
116
|
-
function setCurrentSubscriber(subscriber) {
|
|
117
|
-
currentSubscriber = subscriber;
|
|
118
|
-
}
|
|
119
|
-
__name(setCurrentSubscriber, "setCurrentSubscriber");
|
|
120
|
-
function trackDependency(dependency) {
|
|
121
|
-
if (!currentSubscriber || currentSubscriber.disposed) return;
|
|
122
|
-
!currentSubscriber.dependencies.has(dependency);
|
|
123
|
-
currentSubscriber.dependencies.add(dependency);
|
|
124
|
-
}
|
|
125
|
-
__name(trackDependency, "trackDependency");
|
|
126
|
-
function state(initialValue, debugName) {
|
|
127
|
-
let value = initialValue;
|
|
128
|
-
let disposed = false;
|
|
129
|
-
const subscribers = /* @__PURE__ */ new Set();
|
|
130
|
-
const signalInstance = {
|
|
131
|
-
get value() {
|
|
132
|
-
const subscriber = getCurrentSubscriber();
|
|
133
|
-
if (subscriber && !subscriber.disposed) {
|
|
134
|
-
subscribers.add(subscriber);
|
|
135
|
-
trackDependency(signalInstance);
|
|
136
|
-
}
|
|
137
|
-
return value;
|
|
138
|
-
},
|
|
139
|
-
set value(nextValue) {
|
|
140
|
-
if (disposed || Object.is(value, nextValue)) return;
|
|
141
|
-
value = nextValue;
|
|
142
|
-
for (const subscriber of [...subscribers]) subscriber.notify();
|
|
143
|
-
},
|
|
144
|
-
unsubscribe(subscriber) {
|
|
145
|
-
subscribers.delete(subscriber);
|
|
146
|
-
},
|
|
147
|
-
// 与 `.value =` 赋值同一条路径:判等短路、debug hook、notify 全部一致。
|
|
148
|
-
// 以闭包实现,可安全地作为回调直接传递(无 this 绑定问题)。
|
|
149
|
-
set(next) {
|
|
150
|
-
signalInstance.value = next;
|
|
151
|
-
},
|
|
152
|
-
dispose() {
|
|
153
|
-
if (disposed) return;
|
|
154
|
-
disposed = true;
|
|
155
|
-
subscribers.clear();
|
|
156
|
-
}
|
|
157
|
-
};
|
|
158
|
-
const owner = getCurrentOwner();
|
|
159
|
-
owner?.addCleanup(signalInstance.dispose);
|
|
160
|
-
if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
|
|
161
|
-
return signalInstance;
|
|
162
|
-
}
|
|
163
|
-
__name(state, "state");
|
|
164
|
-
|
|
165
|
-
// packages/reactivity/src/scheduler.ts
|
|
166
|
-
var _Scheduler = class _Scheduler {
|
|
167
|
-
constructor() {
|
|
168
|
-
this.dirtyEffects = /* @__PURE__ */ new Set();
|
|
169
|
-
this.lowPriorityEffects = /* @__PURE__ */ new Set();
|
|
170
|
-
// flush 不可重入(flushing 标志保证),缓冲数组可在轮次间安全复用,避免每轮分配。
|
|
171
|
-
this.normalBuffer = [];
|
|
172
|
-
this.lowBuffer = [];
|
|
173
|
-
this.flushing = false;
|
|
174
|
-
this.scheduled = false;
|
|
175
|
-
this.batchDepth = 0;
|
|
176
|
-
}
|
|
177
|
-
schedule(effect2) {
|
|
178
|
-
if (effect2.disposed) return;
|
|
179
|
-
this.dirtyEffects.add(effect2);
|
|
180
|
-
this.lowPriorityEffects.delete(effect2);
|
|
181
|
-
this.ensureScheduled();
|
|
182
|
-
}
|
|
183
|
-
/** Queue an effect behind normal updates while preserving deterministic order. */
|
|
184
|
-
scheduleLow(effect2) {
|
|
185
|
-
if (effect2.disposed) return;
|
|
186
|
-
if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
|
|
187
|
-
this.ensureScheduled();
|
|
188
|
-
}
|
|
189
|
-
ensureScheduled() {
|
|
190
|
-
if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
|
|
191
|
-
this.scheduled = true;
|
|
192
|
-
queueMicrotask(() => {
|
|
193
|
-
this.scheduled = false;
|
|
194
|
-
this.flush();
|
|
195
|
-
});
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
remove(effect2) {
|
|
199
|
-
this.dirtyEffects.delete(effect2);
|
|
200
|
-
this.lowPriorityEffects.delete(effect2);
|
|
201
|
-
}
|
|
202
|
-
batch(fn) {
|
|
203
|
-
this.batchDepth++;
|
|
204
|
-
try {
|
|
205
|
-
return fn();
|
|
206
|
-
} finally {
|
|
207
|
-
this.batchDepth--;
|
|
208
|
-
if (this.batchDepth === 0) this.flush();
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
flush() {
|
|
212
|
-
if (this.flushing || this.batchDepth > 0) return;
|
|
213
|
-
this.flushing = true;
|
|
214
|
-
let rounds = 0;
|
|
215
|
-
let firstError;
|
|
216
|
-
let hasError = false;
|
|
217
|
-
try {
|
|
218
|
-
while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
|
|
219
|
-
if (++rounds > 100) {
|
|
220
|
-
this.dirtyEffects.clear();
|
|
221
|
-
this.lowPriorityEffects.clear();
|
|
222
|
-
throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
|
|
223
|
-
}
|
|
224
|
-
this.collectRunnable(this.dirtyEffects, this.normalBuffer);
|
|
225
|
-
this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
|
|
226
|
-
sortEffects(this.normalBuffer);
|
|
227
|
-
sortEffects(this.lowBuffer);
|
|
228
|
-
for (const effect2 of this.normalBuffer) {
|
|
229
|
-
try {
|
|
230
|
-
effect2.run();
|
|
231
|
-
} catch (error) {
|
|
232
|
-
if (!hasError) {
|
|
233
|
-
firstError = error;
|
|
234
|
-
hasError = true;
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
for (const effect2 of this.lowBuffer) {
|
|
239
|
-
try {
|
|
240
|
-
effect2.run();
|
|
241
|
-
} catch (error) {
|
|
242
|
-
if (!hasError) {
|
|
243
|
-
firstError = error;
|
|
244
|
-
hasError = true;
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
this.normalBuffer.length = 0;
|
|
249
|
-
this.lowBuffer.length = 0;
|
|
250
|
-
}
|
|
251
|
-
} finally {
|
|
252
|
-
this.normalBuffer.length = 0;
|
|
253
|
-
this.lowBuffer.length = 0;
|
|
254
|
-
this.flushing = false;
|
|
255
|
-
}
|
|
256
|
-
if (hasError) throw firstError;
|
|
257
|
-
}
|
|
258
|
-
/** 收集未 disposed 的 effect 并清空源集合;run() 期间新调度的 effect 留给下一轮。 */
|
|
259
|
-
collectRunnable(source, target) {
|
|
260
|
-
for (const effect2 of source) {
|
|
261
|
-
if (!effect2.disposed) target.push(effect2);
|
|
262
|
-
}
|
|
263
|
-
source.clear();
|
|
264
|
-
}
|
|
265
|
-
};
|
|
266
|
-
__name(_Scheduler, "Scheduler");
|
|
267
|
-
var Scheduler = _Scheduler;
|
|
268
|
-
function sortEffects(effects) {
|
|
269
|
-
if (effects.length > 1) {
|
|
270
|
-
effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
__name(sortEffects, "sortEffects");
|
|
274
|
-
var scheduler = new Scheduler();
|
|
275
|
-
|
|
276
|
-
// packages/reactivity/src/effect.ts
|
|
277
|
-
var nextEffectOrder = 1;
|
|
278
|
-
function cleanupDependencies(subscriber) {
|
|
279
|
-
for (const dependency of subscriber.dependencies) {
|
|
280
|
-
dependency.unsubscribe(subscriber);
|
|
281
|
-
}
|
|
282
|
-
subscriber.dependencies.clear();
|
|
283
|
-
}
|
|
284
|
-
__name(cleanupDependencies, "cleanupDependencies");
|
|
285
|
-
function effect(callback) {
|
|
286
|
-
const owner = getCurrentOwner();
|
|
287
|
-
let cleanup;
|
|
288
|
-
let dirty = true;
|
|
289
|
-
let disposed = false;
|
|
290
|
-
const eff = {
|
|
291
|
-
order: nextEffectOrder++,
|
|
292
|
-
depth: owner?.depth ?? 0,
|
|
293
|
-
dependencies: /* @__PURE__ */ new Set(),
|
|
294
|
-
get disposed() {
|
|
295
|
-
return disposed;
|
|
296
|
-
},
|
|
297
|
-
notify() {
|
|
298
|
-
if (disposed || dirty) return;
|
|
299
|
-
dirty = true;
|
|
300
|
-
scheduler.schedule(eff);
|
|
301
|
-
},
|
|
302
|
-
run() {
|
|
303
|
-
if (disposed || !dirty) return;
|
|
304
|
-
dirty = false;
|
|
305
|
-
const previousCleanup = cleanup;
|
|
306
|
-
cleanup = void 0;
|
|
307
|
-
let cleanupError;
|
|
308
|
-
if (previousCleanup) {
|
|
309
|
-
try {
|
|
310
|
-
previousCleanup();
|
|
311
|
-
} catch (error) {
|
|
312
|
-
const handled2 = owner?.handleError(error) ?? false;
|
|
313
|
-
if (!handled2) cleanupError = error;
|
|
314
|
-
}
|
|
315
|
-
}
|
|
316
|
-
cleanupDependencies(eff);
|
|
317
|
-
const previous = getCurrentSubscriber();
|
|
318
|
-
setCurrentSubscriber(eff);
|
|
319
|
-
let thrown;
|
|
320
|
-
let handled = false;
|
|
321
|
-
try {
|
|
322
|
-
const result = owner ? owner.run(callback) : callback();
|
|
323
|
-
cleanup = typeof result === "function" ? result : void 0;
|
|
324
|
-
} catch (error) {
|
|
325
|
-
thrown = error;
|
|
326
|
-
handled = owner?.handleError(error) ?? false;
|
|
327
|
-
if (!handled) throw error;
|
|
328
|
-
} finally {
|
|
329
|
-
setCurrentSubscriber(previous);
|
|
330
|
-
}
|
|
331
|
-
if (cleanupError && !thrown) throw cleanupError;
|
|
332
|
-
},
|
|
333
|
-
scheduleLow() {
|
|
334
|
-
if (disposed || dirty) return;
|
|
335
|
-
dirty = true;
|
|
336
|
-
scheduler.scheduleLow(eff);
|
|
337
|
-
},
|
|
338
|
-
dispose() {
|
|
339
|
-
if (disposed) return;
|
|
340
|
-
disposed = true;
|
|
341
|
-
dirty = false;
|
|
342
|
-
scheduler.remove(eff);
|
|
343
|
-
const previousCleanup = cleanup;
|
|
344
|
-
cleanup = void 0;
|
|
345
|
-
let cleanupError;
|
|
346
|
-
if (previousCleanup) {
|
|
347
|
-
try {
|
|
348
|
-
previousCleanup();
|
|
349
|
-
} catch (error) {
|
|
350
|
-
const handled = owner?.handleError(error) ?? false;
|
|
351
|
-
if (!handled) cleanupError = error;
|
|
352
|
-
}
|
|
353
|
-
}
|
|
354
|
-
cleanupDependencies(eff);
|
|
355
|
-
if (cleanupError) throw cleanupError;
|
|
356
|
-
}
|
|
357
|
-
};
|
|
358
|
-
owner?.addCleanup(eff.dispose);
|
|
359
|
-
eff.run();
|
|
360
|
-
return eff;
|
|
361
|
-
}
|
|
362
|
-
__name(effect, "effect");
|
|
363
|
-
|
|
364
|
-
// packages/runtime/src/debug.ts
|
|
365
|
-
var activeRuntimeDebugHooks = null;
|
|
366
|
-
function getRuntimeDebugHooks() {
|
|
367
|
-
return activeRuntimeDebugHooks;
|
|
368
|
-
}
|
|
369
|
-
__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
|
|
370
|
-
function invokeRuntimeDebug(name, ...args) {
|
|
371
|
-
return;
|
|
372
|
-
}
|
|
373
|
-
__name(invokeRuntimeDebug, "invokeRuntimeDebug");
|
|
374
|
-
function readDebugValue(read) {
|
|
375
|
-
try {
|
|
376
|
-
return read();
|
|
377
|
-
} catch {
|
|
378
|
-
return "[Uninspectable]";
|
|
379
|
-
}
|
|
380
|
-
}
|
|
381
|
-
__name(readDebugValue, "readDebugValue");
|
|
382
|
-
function describeDebugNode(node) {
|
|
383
|
-
if (!node || typeof node !== "object") return "node";
|
|
384
|
-
const value = node;
|
|
385
|
-
const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
|
|
386
|
-
const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
|
|
387
|
-
const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
|
|
388
|
-
return `${name}${id}${className}`;
|
|
389
|
-
}
|
|
390
|
-
__name(describeDebugNode, "describeDebugNode");
|
|
391
|
-
|
|
392
|
-
// packages/runtime/src/hmr.ts
|
|
393
|
-
var globalTarget = globalThis;
|
|
394
|
-
var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
|
|
395
|
-
globalTarget.__VOBS_HMR__ = hmrGlobal;
|
|
396
|
-
function markHmrInstanceMounted(node, parent) {
|
|
397
|
-
const instance = hmrInstances.get(node);
|
|
398
|
-
if (instance) instance.parent = parent;
|
|
399
|
-
}
|
|
400
|
-
__name(markHmrInstanceMounted, "markHmrInstanceMounted");
|
|
401
|
-
var hmrInstances = /* @__PURE__ */ new WeakMap();
|
|
402
|
-
var nodeOwners = /* @__PURE__ */ new WeakMap();
|
|
403
|
-
var eventBindings = /* @__PURE__ */ new WeakMap();
|
|
404
|
-
function getRenderer() {
|
|
405
|
-
{
|
|
406
|
-
throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
|
|
407
|
-
}
|
|
408
|
-
}
|
|
409
|
-
__name(getRenderer, "getRenderer");
|
|
410
|
-
function createText(content) {
|
|
411
|
-
return getRenderer().createText(content);
|
|
412
|
-
}
|
|
413
|
-
__name(createText, "createText");
|
|
414
|
-
function createElement(tag) {
|
|
415
|
-
return getRenderer().createElement(tag);
|
|
416
|
-
}
|
|
417
|
-
__name(createElement, "createElement");
|
|
418
|
-
function createComment(content) {
|
|
419
|
-
return getRenderer().createComment(content);
|
|
420
|
-
}
|
|
421
|
-
__name(createComment, "createComment");
|
|
422
|
-
function insertBefore(parent, child, anchor) {
|
|
423
|
-
if (isVobsFragment(child)) {
|
|
424
|
-
child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
425
|
-
return;
|
|
426
|
-
}
|
|
427
|
-
getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
428
|
-
markHmrInstanceMounted(child, parent);
|
|
429
|
-
}
|
|
430
|
-
__name(insertBefore, "insertBefore");
|
|
431
|
-
function removeChild(parent, child) {
|
|
432
|
-
disposeNodeOwner(child);
|
|
433
|
-
if (isVobsFragment(child)) {
|
|
434
|
-
child.unmount(parent);
|
|
435
|
-
return;
|
|
436
|
-
}
|
|
437
|
-
getRenderer().removeChild(parent, child);
|
|
438
|
-
}
|
|
439
|
-
__name(removeChild, "removeChild");
|
|
440
|
-
function setProperty(node, key, value) {
|
|
441
|
-
getRenderer().setProperty(node, key, value);
|
|
442
|
-
}
|
|
443
|
-
__name(setProperty, "setProperty");
|
|
444
|
-
function setAttribute(node, key, value) {
|
|
445
|
-
getRenderer().setAttribute(node, key, value);
|
|
446
|
-
}
|
|
447
|
-
__name(setAttribute, "setAttribute");
|
|
448
|
-
function addEventListener(node, event, handler) {
|
|
449
|
-
const renderer = getRenderer();
|
|
450
|
-
const owner = getCurrentOwner();
|
|
451
|
-
let bindings = eventBindings.get(node);
|
|
452
|
-
if (!bindings) {
|
|
453
|
-
bindings = /* @__PURE__ */ new Map();
|
|
454
|
-
eventBindings.set(node, bindings);
|
|
455
|
-
}
|
|
456
|
-
const previous = bindings.get(event);
|
|
457
|
-
if (previous && previous.original === handler && previous.owner === owner) return;
|
|
458
|
-
if (previous) renderer.removeEventListener(node, event, previous.handler);
|
|
459
|
-
const listener = owner ? (reason) => {
|
|
460
|
-
try {
|
|
461
|
-
owner.run(() => handler(reason));
|
|
462
|
-
} catch (error) {
|
|
463
|
-
const handled = owner.handleError(error);
|
|
464
|
-
invokeRuntimeDebug("error", {
|
|
465
|
-
error,
|
|
466
|
-
owner,
|
|
467
|
-
phase: "event",
|
|
468
|
-
handled,
|
|
469
|
-
recovery: handled ? "handled" : "propagated"
|
|
470
|
-
});
|
|
471
|
-
if (!handled) throw error;
|
|
472
|
-
}
|
|
473
|
-
} : handler;
|
|
474
|
-
const binding = { handler: listener, owner, original: handler };
|
|
475
|
-
bindings.set(event, binding);
|
|
476
|
-
renderer.addEventListener(node, event, listener);
|
|
477
|
-
owner?.onDispose(() => {
|
|
478
|
-
if (bindings?.get(event) !== binding) return;
|
|
479
|
-
bindings.delete(event);
|
|
480
|
-
renderer.removeEventListener(node, event, listener);
|
|
481
|
-
});
|
|
482
|
-
}
|
|
483
|
-
__name(addEventListener, "addEventListener");
|
|
484
|
-
function createBlock(factory) {
|
|
485
|
-
const owner = createOwner();
|
|
486
|
-
setOwnerDebugName(owner, "dynamic");
|
|
487
|
-
let node;
|
|
488
|
-
try {
|
|
489
|
-
node = owner.run(factory);
|
|
490
|
-
} catch (error) {
|
|
491
|
-
owner.dispose();
|
|
492
|
-
throw error;
|
|
493
|
-
}
|
|
494
|
-
if (!node) {
|
|
495
|
-
owner.dispose();
|
|
496
|
-
return null;
|
|
497
|
-
}
|
|
498
|
-
associateNodeOwner(node, owner);
|
|
499
|
-
return node;
|
|
500
|
-
}
|
|
501
|
-
__name(createBlock, "createBlock");
|
|
502
|
-
function associateNodeOwner(node, owner) {
|
|
503
|
-
nodeOwners.set(node, owner);
|
|
504
|
-
}
|
|
505
|
-
__name(associateNodeOwner, "associateNodeOwner");
|
|
506
|
-
function disposeNodeOwner(node) {
|
|
507
|
-
const owner = nodeOwners.get(node);
|
|
508
|
-
if (!owner) return;
|
|
509
|
-
nodeOwners.delete(node);
|
|
510
|
-
owner.dispose();
|
|
511
|
-
}
|
|
512
|
-
__name(disposeNodeOwner, "disposeNodeOwner");
|
|
513
|
-
|
|
514
|
-
// packages/runtime/src/fragment.ts
|
|
515
|
-
function createFragment(factory) {
|
|
516
|
-
const start = createComment("vobs:fragment:start");
|
|
517
|
-
const end = createComment("vobs:fragment:end");
|
|
518
|
-
let parent = null;
|
|
519
|
-
let initialized = false;
|
|
520
|
-
const owner = getCurrentOwner();
|
|
521
|
-
const fragment = {
|
|
522
|
-
kind: "vobs-fragment",
|
|
523
|
-
start,
|
|
524
|
-
end,
|
|
525
|
-
mount(nextParent, anchor) {
|
|
526
|
-
if (parent && parent !== nextParent) {
|
|
527
|
-
throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
|
|
528
|
-
}
|
|
529
|
-
if (initialized) {
|
|
530
|
-
moveRange(nextParent, start, end, anchor);
|
|
531
|
-
return;
|
|
532
|
-
}
|
|
533
|
-
const renderer = getRenderer();
|
|
534
|
-
renderer.insertBefore(nextParent, start, anchor);
|
|
535
|
-
renderer.insertBefore(nextParent, end, anchor);
|
|
536
|
-
parent = nextParent;
|
|
537
|
-
initialized = true;
|
|
538
|
-
if (owner) owner.run(() => factory(nextParent, end));
|
|
539
|
-
else factory(nextParent, end);
|
|
540
|
-
},
|
|
541
|
-
unmount(nextParent) {
|
|
542
|
-
if (!initialized || parent !== nextParent) {
|
|
543
|
-
throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
|
|
544
|
-
}
|
|
545
|
-
const renderer = getRenderer();
|
|
546
|
-
let current = renderer.nextSibling(start);
|
|
547
|
-
while (current && current !== end) {
|
|
548
|
-
const next = renderer.nextSibling(current);
|
|
549
|
-
renderer.removeChild(nextParent, current);
|
|
550
|
-
current = next;
|
|
551
|
-
}
|
|
552
|
-
renderer.removeChild(nextParent, start);
|
|
553
|
-
renderer.removeChild(nextParent, end);
|
|
554
|
-
parent = null;
|
|
555
|
-
initialized = false;
|
|
556
|
-
}
|
|
557
|
-
};
|
|
558
|
-
return fragment;
|
|
559
|
-
}
|
|
560
|
-
__name(createFragment, "createFragment");
|
|
561
|
-
function isVobsFragment(value) {
|
|
562
|
-
return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
|
|
563
|
-
}
|
|
564
|
-
__name(isVobsFragment, "isVobsFragment");
|
|
565
|
-
function moveRange(parent, start, end, anchor) {
|
|
566
|
-
const renderer = getRenderer();
|
|
567
|
-
const nodes = [start];
|
|
568
|
-
let current = renderer.nextSibling(start);
|
|
569
|
-
while (current) {
|
|
570
|
-
nodes.push(current);
|
|
571
|
-
if (current === end) break;
|
|
572
|
-
current = renderer.nextSibling(current);
|
|
573
|
-
}
|
|
574
|
-
if (nodes[nodes.length - 1] !== end) {
|
|
575
|
-
throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
|
|
576
|
-
}
|
|
577
|
-
for (const node of nodes) renderer.insertBefore(parent, node, anchor);
|
|
578
|
-
}
|
|
579
|
-
__name(moveRange, "moveRange");
|
|
580
|
-
|
|
581
|
-
// packages/runtime/src/dynamic.ts
|
|
582
|
-
function insertDynamic(parent, anchor, factory) {
|
|
583
|
-
const marker = createComment("vobs:dynamic");
|
|
584
|
-
insertBefore(parent, marker, anchor);
|
|
585
|
-
let current = null;
|
|
586
|
-
effect(() => {
|
|
587
|
-
const next = createBlock(factory);
|
|
588
|
-
if (next === current) return;
|
|
589
|
-
if (current) removeChild(parent, current);
|
|
590
|
-
current = next;
|
|
591
|
-
if (current) insertBefore(parent, current, marker);
|
|
592
|
-
});
|
|
593
|
-
}
|
|
594
|
-
__name(insertDynamic, "insertDynamic");
|
|
4
|
+
// packages/layout/src/menu.ts
|
|
5
|
+
import { state } from "@vobs/reactivity";
|
|
6
|
+
import {
|
|
7
|
+
addEventListener,
|
|
8
|
+
createElement,
|
|
9
|
+
createFragment as createFragment2,
|
|
10
|
+
createText as createText2,
|
|
11
|
+
insertBefore as insertBefore2,
|
|
12
|
+
insertDynamic as insertDynamic2,
|
|
13
|
+
setAttribute as setAttribute2,
|
|
14
|
+
setProperty as setProperty2
|
|
15
|
+
} from "@vobs/vobs";
|
|
595
16
|
|
|
596
17
|
// packages/layout/src/utils.ts
|
|
18
|
+
import { effect } from "@vobs/reactivity";
|
|
19
|
+
import {
|
|
20
|
+
createFragment,
|
|
21
|
+
createText,
|
|
22
|
+
insertBefore,
|
|
23
|
+
insertDynamic,
|
|
24
|
+
setAttribute,
|
|
25
|
+
setProperty,
|
|
26
|
+
setTextContent
|
|
27
|
+
} from "@vobs/vobs";
|
|
597
28
|
function readProp(props, name, fallback) {
|
|
598
29
|
const value = Reflect.get(props, name);
|
|
599
30
|
return value === void 0 ? fallback : value;
|
|
@@ -697,8 +128,8 @@ function KitMenu(props) {
|
|
|
697
128
|
const expanded = state(/* @__PURE__ */ new Set());
|
|
698
129
|
bindClassList(root, props, () => ["vobs-kit-menu"]);
|
|
699
130
|
bindCommonAttributes(root, props, ["items", "collapsed", "activeKey", "onSelect"]);
|
|
700
|
-
if (!hasProp(props, "role"))
|
|
701
|
-
|
|
131
|
+
if (!hasProp(props, "role")) setAttribute2(root, "role", "menu");
|
|
132
|
+
insertDynamic2(root, null, () => createMenuTree(props, expanded));
|
|
702
133
|
if (hasProp(props, "children")) mountSlot(root, props, "children");
|
|
703
134
|
return root;
|
|
704
135
|
}
|
|
@@ -707,9 +138,9 @@ function createMenuTree(props, expanded) {
|
|
|
707
138
|
const items = readProp(props, "items", []);
|
|
708
139
|
const activeKey = readProp(props, "activeKey", void 0);
|
|
709
140
|
const collapsed = readProp(props, "collapsed", false);
|
|
710
|
-
return
|
|
141
|
+
return createFragment2((parent, anchor) => {
|
|
711
142
|
for (const item of items) {
|
|
712
|
-
|
|
143
|
+
insertBefore2(parent, createMenuItem(item, props, activeKey, collapsed, expanded), anchor);
|
|
713
144
|
}
|
|
714
145
|
});
|
|
715
146
|
}
|
|
@@ -721,42 +152,42 @@ function createMenuItem(item, props, activeKey, collapsed, expanded) {
|
|
|
721
152
|
const active = item.key === activeKey;
|
|
722
153
|
const activeDescendant = children.some((child) => hasActiveDescendant(child, activeKey));
|
|
723
154
|
const isExpanded = expanded.value.has(item.key) || activeDescendant;
|
|
724
|
-
|
|
155
|
+
setAttribute2(li, "class", `vobs-kit-menu__item${active || activeDescendant ? " is-active" : ""}`);
|
|
725
156
|
setOptionalAttribute(li, "data-menu-key", item.key);
|
|
726
157
|
if (hasChildren) {
|
|
727
158
|
const groupButton = createElement("button");
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
159
|
+
setAttribute2(groupButton, "type", "button");
|
|
160
|
+
setAttribute2(groupButton, "class", "vobs-kit-menu__link vobs-kit-menu__group-toggle");
|
|
161
|
+
setAttribute2(groupButton, "aria-expanded", isExpanded ? "true" : "false");
|
|
731
162
|
if (collapsed) setOptionalAttribute(groupButton, "title", item.label);
|
|
732
163
|
appendMenuContent(groupButton, item, collapsed);
|
|
733
164
|
addEventListener(groupButton, "click", () => {
|
|
734
165
|
toggleExpanded(expanded, item.key);
|
|
735
166
|
if (item.href !== void 0) emitSelect(props, item);
|
|
736
167
|
});
|
|
737
|
-
|
|
168
|
+
insertBefore2(li, groupButton, null);
|
|
738
169
|
if (isExpanded) {
|
|
739
170
|
const nested = createElement("ul");
|
|
740
|
-
|
|
741
|
-
|
|
171
|
+
setAttribute2(nested, "class", "vobs-kit-menu__children");
|
|
172
|
+
setAttribute2(nested, "role", "menu");
|
|
742
173
|
for (const child of children) {
|
|
743
|
-
|
|
174
|
+
insertBefore2(nested, createMenuItem(child, props, activeKey, collapsed, expanded), null);
|
|
744
175
|
}
|
|
745
|
-
|
|
176
|
+
insertBefore2(li, nested, null);
|
|
746
177
|
}
|
|
747
178
|
} else {
|
|
748
179
|
const link = createElement(item.href === void 0 ? "button" : "a");
|
|
749
|
-
|
|
750
|
-
if (item.href === void 0)
|
|
180
|
+
setAttribute2(link, "class", "vobs-kit-menu__link");
|
|
181
|
+
if (item.href === void 0) setAttribute2(link, "type", "button");
|
|
751
182
|
else {
|
|
752
|
-
|
|
183
|
+
setAttribute2(link, "href", item.href);
|
|
753
184
|
setOptionalAttribute(link, "target", item.target);
|
|
754
185
|
setOptionalAttribute(link, "rel", item.rel);
|
|
755
186
|
}
|
|
756
|
-
if (active)
|
|
187
|
+
if (active) setAttribute2(link, "aria-current", "page");
|
|
757
188
|
if (item.disabled === true) {
|
|
758
|
-
|
|
759
|
-
|
|
189
|
+
setAttribute2(link, "aria-disabled", "true");
|
|
190
|
+
setProperty2(link, "disabled", true);
|
|
760
191
|
}
|
|
761
192
|
if (collapsed) setOptionalAttribute(link, "title", item.label);
|
|
762
193
|
appendMenuContent(link, item, collapsed);
|
|
@@ -767,7 +198,7 @@ function createMenuItem(item, props, activeKey, collapsed, expanded) {
|
|
|
767
198
|
}
|
|
768
199
|
emitSelect(props, item);
|
|
769
200
|
});
|
|
770
|
-
|
|
201
|
+
insertBefore2(li, link, null);
|
|
771
202
|
}
|
|
772
203
|
return li;
|
|
773
204
|
}
|
|
@@ -775,25 +206,25 @@ __name(createMenuItem, "createMenuItem");
|
|
|
775
206
|
function appendMenuContent(parent, item, collapsed) {
|
|
776
207
|
if (item.icon !== void 0) {
|
|
777
208
|
const icon = createElement("span");
|
|
778
|
-
|
|
209
|
+
setAttribute2(icon, "class", "vobs-kit-menu__icon");
|
|
779
210
|
mountSlot(icon, item, "icon");
|
|
780
|
-
|
|
211
|
+
insertBefore2(parent, icon, null);
|
|
781
212
|
}
|
|
782
213
|
const label = createElement("span");
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
214
|
+
setAttribute2(label, "class", "vobs-kit-menu__label");
|
|
215
|
+
insertBefore2(label, createText2(item.label), null);
|
|
216
|
+
insertBefore2(parent, label, null);
|
|
786
217
|
if (item.badge !== void 0 && !collapsed) {
|
|
787
218
|
const badge = createElement("span");
|
|
788
|
-
|
|
219
|
+
setAttribute2(badge, "class", "vobs-kit-menu__badge");
|
|
789
220
|
mountSlot(badge, item, "badge");
|
|
790
|
-
|
|
221
|
+
insertBefore2(parent, badge, null);
|
|
791
222
|
}
|
|
792
223
|
if (item.children && item.children.length > 0) {
|
|
793
224
|
const expand = createElement("span");
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
225
|
+
setAttribute2(expand, "class", "vobs-kit-menu__expand");
|
|
226
|
+
setAttribute2(expand, "aria-hidden", "true");
|
|
227
|
+
insertBefore2(parent, expand, null);
|
|
797
228
|
}
|
|
798
229
|
}
|
|
799
230
|
__name(appendMenuContent, "appendMenuContent");
|
|
@@ -814,7 +245,7 @@ function hasActiveDescendant(item, activeKey) {
|
|
|
814
245
|
return item.children?.some((child) => hasActiveDescendant(child, activeKey)) ?? false;
|
|
815
246
|
}
|
|
816
247
|
__name(hasActiveDescendant, "hasActiveDescendant");
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
248
|
+
export {
|
|
249
|
+
KitMenu
|
|
250
|
+
};
|
|
820
251
|
//# sourceMappingURL=menu.js.map
|