@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/breadcrumb.cjs
CHANGED
|
@@ -1,551 +1,35 @@
|
|
|
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
|
-
var eventBindings = /* @__PURE__ */ new WeakMap();
|
|
356
|
-
function getRenderer() {
|
|
357
|
-
{
|
|
358
|
-
throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
|
|
359
|
-
}
|
|
360
|
-
}
|
|
361
|
-
__name(getRenderer, "getRenderer");
|
|
362
|
-
function createText(content) {
|
|
363
|
-
return getRenderer().createText(content);
|
|
364
|
-
}
|
|
365
|
-
__name(createText, "createText");
|
|
366
|
-
function createElement(tag) {
|
|
367
|
-
return getRenderer().createElement(tag);
|
|
368
|
-
}
|
|
369
|
-
__name(createElement, "createElement");
|
|
370
|
-
function createComment(content) {
|
|
371
|
-
return getRenderer().createComment(content);
|
|
372
|
-
}
|
|
373
|
-
__name(createComment, "createComment");
|
|
374
|
-
function insertBefore(parent, child, anchor) {
|
|
375
|
-
if (isVobsFragment(child)) {
|
|
376
|
-
child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
377
|
-
return;
|
|
378
|
-
}
|
|
379
|
-
getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
380
|
-
markHmrInstanceMounted(child, parent);
|
|
381
|
-
}
|
|
382
|
-
__name(insertBefore, "insertBefore");
|
|
383
|
-
function removeChild(parent, child) {
|
|
384
|
-
disposeNodeOwner(child);
|
|
385
|
-
if (isVobsFragment(child)) {
|
|
386
|
-
child.unmount(parent);
|
|
387
|
-
return;
|
|
388
|
-
}
|
|
389
|
-
getRenderer().removeChild(parent, child);
|
|
390
|
-
}
|
|
391
|
-
__name(removeChild, "removeChild");
|
|
392
|
-
function setProperty(node, key, value) {
|
|
393
|
-
getRenderer().setProperty(node, key, value);
|
|
394
|
-
}
|
|
395
|
-
__name(setProperty, "setProperty");
|
|
396
|
-
function setAttribute(node, key, value) {
|
|
397
|
-
getRenderer().setAttribute(node, key, value);
|
|
398
|
-
}
|
|
399
|
-
__name(setAttribute, "setAttribute");
|
|
400
|
-
function addEventListener(node, event, handler) {
|
|
401
|
-
const renderer = getRenderer();
|
|
402
|
-
const owner = getCurrentOwner();
|
|
403
|
-
let bindings = eventBindings.get(node);
|
|
404
|
-
if (!bindings) {
|
|
405
|
-
bindings = /* @__PURE__ */ new Map();
|
|
406
|
-
eventBindings.set(node, bindings);
|
|
407
|
-
}
|
|
408
|
-
const previous = bindings.get(event);
|
|
409
|
-
if (previous && previous.original === handler && previous.owner === owner) return;
|
|
410
|
-
if (previous) renderer.removeEventListener(node, event, previous.handler);
|
|
411
|
-
const listener = owner ? (reason) => {
|
|
412
|
-
try {
|
|
413
|
-
owner.run(() => handler(reason));
|
|
414
|
-
} catch (error) {
|
|
415
|
-
const handled = owner.handleError(error);
|
|
416
|
-
invokeRuntimeDebug("error", {
|
|
417
|
-
error,
|
|
418
|
-
owner,
|
|
419
|
-
phase: "event",
|
|
420
|
-
handled,
|
|
421
|
-
recovery: handled ? "handled" : "propagated"
|
|
422
|
-
});
|
|
423
|
-
if (!handled) throw error;
|
|
424
|
-
}
|
|
425
|
-
} : handler;
|
|
426
|
-
const binding = { handler: listener, owner, original: handler };
|
|
427
|
-
bindings.set(event, binding);
|
|
428
|
-
renderer.addEventListener(node, event, listener);
|
|
429
|
-
owner?.onDispose(() => {
|
|
430
|
-
if (bindings?.get(event) !== binding) return;
|
|
431
|
-
bindings.delete(event);
|
|
432
|
-
renderer.removeEventListener(node, event, listener);
|
|
433
|
-
});
|
|
434
|
-
}
|
|
435
|
-
__name(addEventListener, "addEventListener");
|
|
436
|
-
function createBlock(factory) {
|
|
437
|
-
const owner = createOwner();
|
|
438
|
-
setOwnerDebugName(owner, "dynamic");
|
|
439
|
-
let node;
|
|
440
|
-
try {
|
|
441
|
-
node = owner.run(factory);
|
|
442
|
-
} catch (error) {
|
|
443
|
-
owner.dispose();
|
|
444
|
-
throw error;
|
|
445
|
-
}
|
|
446
|
-
if (!node) {
|
|
447
|
-
owner.dispose();
|
|
448
|
-
return null;
|
|
449
|
-
}
|
|
450
|
-
associateNodeOwner(node, owner);
|
|
451
|
-
return node;
|
|
452
|
-
}
|
|
453
|
-
__name(createBlock, "createBlock");
|
|
454
|
-
function associateNodeOwner(node, owner) {
|
|
455
|
-
nodeOwners.set(node, owner);
|
|
456
|
-
}
|
|
457
|
-
__name(associateNodeOwner, "associateNodeOwner");
|
|
458
|
-
function disposeNodeOwner(node) {
|
|
459
|
-
const owner = nodeOwners.get(node);
|
|
460
|
-
if (!owner) return;
|
|
461
|
-
nodeOwners.delete(node);
|
|
462
|
-
owner.dispose();
|
|
463
|
-
}
|
|
464
|
-
__name(disposeNodeOwner, "disposeNodeOwner");
|
|
465
|
-
|
|
466
|
-
// packages/runtime/src/fragment.ts
|
|
467
|
-
function createFragment(factory) {
|
|
468
|
-
const start = createComment("vobs:fragment:start");
|
|
469
|
-
const end = createComment("vobs:fragment:end");
|
|
470
|
-
let parent = null;
|
|
471
|
-
let initialized = false;
|
|
472
|
-
const owner = getCurrentOwner();
|
|
473
|
-
const fragment = {
|
|
474
|
-
kind: "vobs-fragment",
|
|
475
|
-
start,
|
|
476
|
-
end,
|
|
477
|
-
mount(nextParent, anchor) {
|
|
478
|
-
if (parent && parent !== nextParent) {
|
|
479
|
-
throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
|
|
480
|
-
}
|
|
481
|
-
if (initialized) {
|
|
482
|
-
moveRange(nextParent, start, end, anchor);
|
|
483
|
-
return;
|
|
484
|
-
}
|
|
485
|
-
const renderer = getRenderer();
|
|
486
|
-
renderer.insertBefore(nextParent, start, anchor);
|
|
487
|
-
renderer.insertBefore(nextParent, end, anchor);
|
|
488
|
-
parent = nextParent;
|
|
489
|
-
initialized = true;
|
|
490
|
-
if (owner) owner.run(() => factory(nextParent, end));
|
|
491
|
-
else factory(nextParent, end);
|
|
492
|
-
},
|
|
493
|
-
unmount(nextParent) {
|
|
494
|
-
if (!initialized || parent !== nextParent) {
|
|
495
|
-
throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
|
|
496
|
-
}
|
|
497
|
-
const renderer = getRenderer();
|
|
498
|
-
let current = renderer.nextSibling(start);
|
|
499
|
-
while (current && current !== end) {
|
|
500
|
-
const next = renderer.nextSibling(current);
|
|
501
|
-
renderer.removeChild(nextParent, current);
|
|
502
|
-
current = next;
|
|
503
|
-
}
|
|
504
|
-
renderer.removeChild(nextParent, start);
|
|
505
|
-
renderer.removeChild(nextParent, end);
|
|
506
|
-
parent = null;
|
|
507
|
-
initialized = false;
|
|
508
|
-
}
|
|
509
|
-
};
|
|
510
|
-
return fragment;
|
|
511
|
-
}
|
|
512
|
-
__name(createFragment, "createFragment");
|
|
513
|
-
function isVobsFragment(value) {
|
|
514
|
-
return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
|
|
515
|
-
}
|
|
516
|
-
__name(isVobsFragment, "isVobsFragment");
|
|
517
|
-
function moveRange(parent, start, end, anchor) {
|
|
518
|
-
const renderer = getRenderer();
|
|
519
|
-
const nodes = [start];
|
|
520
|
-
let current = renderer.nextSibling(start);
|
|
521
|
-
while (current) {
|
|
522
|
-
nodes.push(current);
|
|
523
|
-
if (current === end) break;
|
|
524
|
-
current = renderer.nextSibling(current);
|
|
525
|
-
}
|
|
526
|
-
if (nodes[nodes.length - 1] !== end) {
|
|
527
|
-
throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
|
|
528
|
-
}
|
|
529
|
-
for (const node of nodes) renderer.insertBefore(parent, node, anchor);
|
|
530
|
-
}
|
|
531
|
-
__name(moveRange, "moveRange");
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
532
21
|
|
|
533
|
-
// packages/
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
if (next === current) return;
|
|
541
|
-
if (current) removeChild(parent, current);
|
|
542
|
-
current = next;
|
|
543
|
-
if (current) insertBefore(parent, current, marker);
|
|
544
|
-
});
|
|
545
|
-
}
|
|
546
|
-
__name(insertDynamic, "insertDynamic");
|
|
22
|
+
// packages/layout/src/breadcrumb.ts
|
|
23
|
+
var breadcrumb_exports = {};
|
|
24
|
+
__export(breadcrumb_exports, {
|
|
25
|
+
KitBreadcrumb: () => KitBreadcrumb
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(breadcrumb_exports);
|
|
28
|
+
var import_vobs2 = require("@vobs/vobs");
|
|
547
29
|
|
|
548
30
|
// packages/layout/src/utils.ts
|
|
31
|
+
var import_reactivity = require("@vobs/reactivity");
|
|
32
|
+
var import_vobs = require("@vobs/vobs");
|
|
549
33
|
function readProp(props, name, fallback) {
|
|
550
34
|
const value = Reflect.get(props, name);
|
|
551
35
|
return value === void 0 ? fallback : value;
|
|
@@ -560,8 +44,8 @@ function classNames(...values) {
|
|
|
560
44
|
}
|
|
561
45
|
__name(classNames, "classNames");
|
|
562
46
|
function bindClassList(root, props, readBaseClasses) {
|
|
563
|
-
effect(() => {
|
|
564
|
-
setAttribute(root, "class", classNames(
|
|
47
|
+
(0, import_reactivity.effect)(() => {
|
|
48
|
+
(0, import_vobs.setAttribute)(root, "class", classNames(
|
|
565
49
|
...readBaseClasses(),
|
|
566
50
|
readString(props, "class"),
|
|
567
51
|
readString(props, "className")
|
|
@@ -575,7 +59,7 @@ function bindCommonAttributes(root, props, skip = []) {
|
|
|
575
59
|
ignored.add("className");
|
|
576
60
|
ignored.add("children");
|
|
577
61
|
ignored.add("style");
|
|
578
|
-
effect(() => {
|
|
62
|
+
(0, import_reactivity.effect)(() => {
|
|
579
63
|
const next = /* @__PURE__ */ new Map();
|
|
580
64
|
for (const name of Object.keys(props)) {
|
|
581
65
|
if (ignored.has(name) || !isCommonAttribute(name)) continue;
|
|
@@ -586,7 +70,7 @@ function bindCommonAttributes(root, props, skip = []) {
|
|
|
586
70
|
for (const name of managed) {
|
|
587
71
|
if (!next.has(name)) removeAttribute(root, name);
|
|
588
72
|
}
|
|
589
|
-
for (const [name, value] of next) setAttribute(root, name, value);
|
|
73
|
+
for (const [name, value] of next) (0, import_vobs.setAttribute)(root, name, value);
|
|
590
74
|
managedAttributes.set(root, new Set(next.keys()));
|
|
591
75
|
});
|
|
592
76
|
}
|
|
@@ -596,22 +80,22 @@ function setOptionalAttribute(node, name, value) {
|
|
|
596
80
|
removeAttribute(node, name);
|
|
597
81
|
return;
|
|
598
82
|
}
|
|
599
|
-
setAttribute(node, name, String(value));
|
|
83
|
+
(0, import_vobs.setAttribute)(node, name, String(value));
|
|
600
84
|
}
|
|
601
85
|
__name(setOptionalAttribute, "setOptionalAttribute");
|
|
602
86
|
function mountSlot(parent, props, name) {
|
|
603
|
-
insertDynamic(parent, null, () => resolveSlot(Reflect.get(props, name)));
|
|
87
|
+
(0, import_vobs.insertDynamic)(parent, null, () => resolveSlot(Reflect.get(props, name)));
|
|
604
88
|
}
|
|
605
89
|
__name(mountSlot, "mountSlot");
|
|
606
90
|
function resolveSlot(value) {
|
|
607
91
|
const resolved = typeof value === "function" ? value() : value;
|
|
608
92
|
if (resolved === void 0 || resolved === null || resolved === false) return null;
|
|
609
|
-
if (typeof resolved === "string" || typeof resolved === "number") return createText(String(resolved));
|
|
93
|
+
if (typeof resolved === "string" || typeof resolved === "number") return (0, import_vobs.createText)(String(resolved));
|
|
610
94
|
if (Array.isArray(resolved)) {
|
|
611
|
-
return createFragment((parent, anchor) => {
|
|
95
|
+
return (0, import_vobs.createFragment)((parent, anchor) => {
|
|
612
96
|
for (const child of resolved) {
|
|
613
97
|
const node = resolveSlot(child);
|
|
614
|
-
if (node) insertBefore(parent, node, anchor);
|
|
98
|
+
if (node) (0, import_vobs.insertBefore)(parent, node, anchor);
|
|
615
99
|
}
|
|
616
100
|
});
|
|
617
101
|
}
|
|
@@ -645,50 +129,50 @@ var managedAttributes = /* @__PURE__ */ new WeakMap();
|
|
|
645
129
|
|
|
646
130
|
// packages/layout/src/breadcrumb.ts
|
|
647
131
|
function KitBreadcrumb(props) {
|
|
648
|
-
const root = createElement("nav");
|
|
132
|
+
const root = (0, import_vobs2.createElement)("nav");
|
|
649
133
|
bindClassList(root, props, () => ["vobs-kit-breadcrumb"]);
|
|
650
134
|
bindCommonAttributes(root, props, ["items", "separator", "onNavigate"]);
|
|
651
|
-
if (!hasProp(props, "aria-label")) setAttribute(root, "aria-label", "Breadcrumb");
|
|
652
|
-
const list = createElement("ol");
|
|
653
|
-
setAttribute(list, "class", "vobs-kit-breadcrumb__list");
|
|
654
|
-
insertDynamic(list, null, () => createBreadcrumbItems(props));
|
|
655
|
-
insertBefore(root, list, null);
|
|
135
|
+
if (!hasProp(props, "aria-label")) (0, import_vobs2.setAttribute)(root, "aria-label", "Breadcrumb");
|
|
136
|
+
const list = (0, import_vobs2.createElement)("ol");
|
|
137
|
+
(0, import_vobs2.setAttribute)(list, "class", "vobs-kit-breadcrumb__list");
|
|
138
|
+
(0, import_vobs2.insertDynamic)(list, null, () => createBreadcrumbItems(props));
|
|
139
|
+
(0, import_vobs2.insertBefore)(root, list, null);
|
|
656
140
|
if (hasProp(props, "children")) mountSlot(root, props, "children");
|
|
657
141
|
return root;
|
|
658
142
|
}
|
|
659
143
|
__name(KitBreadcrumb, "KitBreadcrumb");
|
|
660
144
|
function createBreadcrumbItems(props) {
|
|
661
145
|
const items = readProp(props, "items", []);
|
|
662
|
-
return createFragment((parent, anchor) => {
|
|
146
|
+
return (0, import_vobs2.createFragment)((parent, anchor) => {
|
|
663
147
|
for (let index = 0; index < items.length; index++) {
|
|
664
148
|
const item = items[index];
|
|
665
|
-
const entry = createElement("li");
|
|
149
|
+
const entry = (0, import_vobs2.createElement)("li");
|
|
666
150
|
const isLast = index === items.length - 1;
|
|
667
|
-
setAttribute(entry, "class", `vobs-kit-breadcrumb__item${isLast ? " is-current" : ""}`);
|
|
151
|
+
(0, import_vobs2.setAttribute)(entry, "class", `vobs-kit-breadcrumb__item${isLast ? " is-current" : ""}`);
|
|
668
152
|
if (item.key !== void 0) setOptionalAttribute(entry, "data-breadcrumb-key", item.key);
|
|
669
153
|
if (index > 0) {
|
|
670
|
-
const separator = createElement("span");
|
|
671
|
-
setAttribute(separator, "class", "vobs-kit-breadcrumb__separator");
|
|
672
|
-
setAttribute(separator, "aria-hidden", "true");
|
|
154
|
+
const separator = (0, import_vobs2.createElement)("span");
|
|
155
|
+
(0, import_vobs2.setAttribute)(separator, "class", "vobs-kit-breadcrumb__separator");
|
|
156
|
+
(0, import_vobs2.setAttribute)(separator, "aria-hidden", "true");
|
|
673
157
|
if (hasProp(props, "separator")) mountSlot(separator, props, "separator");
|
|
674
|
-
else insertBefore(separator, createText("/"), null);
|
|
675
|
-
insertBefore(entry, separator, null);
|
|
158
|
+
else (0, import_vobs2.insertBefore)(separator, (0, import_vobs2.createText)("/"), null);
|
|
159
|
+
(0, import_vobs2.insertBefore)(entry, separator, null);
|
|
676
160
|
}
|
|
677
161
|
const content = createBreadcrumbContent(item, props, index, isLast);
|
|
678
|
-
insertBefore(entry, content, null);
|
|
679
|
-
insertBefore(parent, entry, anchor);
|
|
162
|
+
(0, import_vobs2.insertBefore)(entry, content, null);
|
|
163
|
+
(0, import_vobs2.insertBefore)(parent, entry, anchor);
|
|
680
164
|
}
|
|
681
165
|
});
|
|
682
166
|
}
|
|
683
167
|
__name(createBreadcrumbItems, "createBreadcrumbItems");
|
|
684
168
|
function createBreadcrumbContent(item, props, index, isLast) {
|
|
685
169
|
const isLink = item.href !== void 0 && !isLast;
|
|
686
|
-
const element = isLink ? createElement("a") : createElement("span");
|
|
687
|
-
setAttribute(element, "class", "vobs-kit-breadcrumb__label");
|
|
688
|
-
insertBefore(element, createText(item.label), null);
|
|
170
|
+
const element = isLink ? (0, import_vobs2.createElement)("a") : (0, import_vobs2.createElement)("span");
|
|
171
|
+
(0, import_vobs2.setAttribute)(element, "class", "vobs-kit-breadcrumb__label");
|
|
172
|
+
(0, import_vobs2.insertBefore)(element, (0, import_vobs2.createText)(item.label), null);
|
|
689
173
|
if (isLink) {
|
|
690
|
-
setAttribute(element, "href", item.href);
|
|
691
|
-
addEventListener(element, "click", (event) => {
|
|
174
|
+
(0, import_vobs2.setAttribute)(element, "href", item.href);
|
|
175
|
+
(0, import_vobs2.addEventListener)(element, "click", (event) => {
|
|
692
176
|
if (item.disabled === true) {
|
|
693
177
|
event.preventDefault?.();
|
|
694
178
|
return;
|
|
@@ -700,14 +184,15 @@ function createBreadcrumbContent(item, props, index, isLast) {
|
|
|
700
184
|
});
|
|
701
185
|
}
|
|
702
186
|
if (item.disabled === true) {
|
|
703
|
-
setAttribute(element, "aria-disabled", "true");
|
|
704
|
-
setProperty(element, "tabIndex", -1);
|
|
187
|
+
(0, import_vobs2.setAttribute)(element, "aria-disabled", "true");
|
|
188
|
+
(0, import_vobs2.setProperty)(element, "tabIndex", -1);
|
|
705
189
|
}
|
|
706
|
-
if (isLast) setAttribute(element, "aria-current", "page");
|
|
190
|
+
if (isLast) (0, import_vobs2.setAttribute)(element, "aria-current", "page");
|
|
707
191
|
return element;
|
|
708
192
|
}
|
|
709
193
|
__name(createBreadcrumbContent, "createBreadcrumbContent");
|
|
710
|
-
|
|
711
|
-
exports
|
|
712
|
-
|
|
194
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
195
|
+
0 && (module.exports = {
|
|
196
|
+
KitBreadcrumb
|
|
197
|
+
});
|
|
713
198
|
//# sourceMappingURL=breadcrumb.cjs.map
|