@vobs/ui 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.
Files changed (120) hide show
  1. package/dist/activity-rail.cjs +65 -629
  2. package/dist/activity-rail.cjs.map +1 -1
  3. package/dist/activity-rail.js +44 -612
  4. package/dist/activity-rail.js.map +1 -1
  5. package/dist/alert.cjs +58 -536
  6. package/dist/alert.cjs.map +1 -1
  7. package/dist/alert.js +33 -519
  8. package/dist/alert.js.map +1 -1
  9. package/dist/avatar.cjs +45 -519
  10. package/dist/avatar.cjs.map +1 -1
  11. package/dist/avatar.js +26 -508
  12. package/dist/avatar.js.map +1 -1
  13. package/dist/button.cjs +46 -559
  14. package/dist/button.cjs.map +1 -1
  15. package/dist/button.js +21 -545
  16. package/dist/button.js.map +1 -1
  17. package/dist/card.cjs +55 -532
  18. package/dist/card.cjs.map +1 -1
  19. package/dist/card.js +30 -515
  20. package/dist/card.js.map +1 -1
  21. package/dist/chat-composer.cjs +84 -602
  22. package/dist/chat-composer.cjs.map +1 -1
  23. package/dist/chat-composer.js +52 -576
  24. package/dist/chat-composer.js.map +1 -1
  25. package/dist/dialog.cjs +88 -591
  26. package/dist/dialog.cjs.map +1 -1
  27. package/dist/dialog.js +63 -569
  28. package/dist/dialog.js.map +1 -1
  29. package/dist/drawer.cjs +91 -594
  30. package/dist/drawer.cjs.map +1 -1
  31. package/dist/drawer.js +65 -571
  32. package/dist/drawer.js.map +1 -1
  33. package/dist/editor-tabs.cjs +75 -635
  34. package/dist/editor-tabs.cjs.map +1 -1
  35. package/dist/editor-tabs.js +51 -616
  36. package/dist/editor-tabs.js.map +1 -1
  37. package/dist/file-tree.cjs +70 -634
  38. package/dist/file-tree.cjs.map +1 -1
  39. package/dist/file-tree.js +49 -617
  40. package/dist/file-tree.js.map +1 -1
  41. package/dist/forms.cjs +80 -589
  42. package/dist/forms.cjs.map +1 -1
  43. package/dist/forms.js +41 -559
  44. package/dist/forms.js.map +1 -1
  45. package/dist/icon.cjs +44 -624
  46. package/dist/icon.cjs.map +1 -1
  47. package/dist/icon.js +25 -615
  48. package/dist/icon.js.map +1 -1
  49. package/dist/icons.cjs +2 -3
  50. package/dist/icons.cjs.map +1 -1
  51. package/dist/icons.js +0 -1
  52. package/dist/icons.js.map +1 -1
  53. package/dist/index.cjs +735 -1586
  54. package/dist/index.cjs.map +1 -1
  55. package/dist/index.js +811 -1517
  56. package/dist/index.js.map +1 -1
  57. package/dist/kbd.cjs +53 -525
  58. package/dist/kbd.cjs.map +1 -1
  59. package/dist/kbd.js +30 -509
  60. package/dist/kbd.js.map +1 -1
  61. package/dist/menu.cjs +68 -582
  62. package/dist/menu.cjs.map +1 -1
  63. package/dist/menu.js +47 -565
  64. package/dist/menu.js.map +1 -1
  65. package/dist/nav-list.cjs +71 -635
  66. package/dist/nav-list.cjs.map +1 -1
  67. package/dist/nav-list.js +50 -618
  68. package/dist/nav-list.js.map +1 -1
  69. package/dist/overlay.cjs +43 -197
  70. package/dist/overlay.cjs.map +1 -1
  71. package/dist/overlay.js +20 -192
  72. package/dist/overlay.js.map +1 -1
  73. package/dist/page-header.cjs +68 -585
  74. package/dist/page-header.cjs.map +1 -1
  75. package/dist/page-header.js +42 -565
  76. package/dist/page-header.js.map +1 -1
  77. package/dist/pagination.cjs +70 -585
  78. package/dist/pagination.cjs.map +1 -1
  79. package/dist/pagination.js +53 -572
  80. package/dist/pagination.js.map +1 -1
  81. package/dist/stat-card.cjs +62 -538
  82. package/dist/stat-card.cjs.map +1 -1
  83. package/dist/stat-card.js +36 -519
  84. package/dist/stat-card.js.map +1 -1
  85. package/dist/status-bar.cjs +65 -576
  86. package/dist/status-bar.cjs.map +1 -1
  87. package/dist/status-bar.js +43 -560
  88. package/dist/status-bar.js.map +1 -1
  89. package/dist/table.cjs +87 -605
  90. package/dist/table.cjs.map +1 -1
  91. package/dist/table.js +57 -579
  92. package/dist/table.js.map +1 -1
  93. package/dist/tabs.cjs +62 -626
  94. package/dist/tabs.cjs.map +1 -1
  95. package/dist/tabs.js +45 -613
  96. package/dist/tabs.js.map +1 -1
  97. package/dist/tag.cjs +40 -514
  98. package/dist/tag.cjs.map +1 -1
  99. package/dist/tag.js +18 -503
  100. package/dist/tag.js.map +1 -1
  101. package/dist/toast.cjs +95 -1001
  102. package/dist/toast.cjs.map +1 -1
  103. package/dist/toast.js +74 -980
  104. package/dist/toast.js.map +1 -1
  105. package/dist/types.cjs +18 -2
  106. package/dist/types.cjs.map +1 -1
  107. package/dist/types.d.cts +5 -1
  108. package/dist/types.d.ts +5 -1
  109. package/dist/types.js +0 -2
  110. package/dist/types.js.map +1 -1
  111. package/dist/utils.cjs +77 -580
  112. package/dist/utils.cjs.map +1 -1
  113. package/dist/utils.js +29 -545
  114. package/dist/utils.js.map +1 -1
  115. package/dist/workbench-titlebar.cjs +83 -598
  116. package/dist/workbench-titlebar.cjs.map +1 -1
  117. package/dist/workbench-titlebar.js +55 -575
  118. package/dist/workbench-titlebar.js.map +1 -1
  119. package/package.json +5 -5
  120. package/src/types.ts +7 -0
@@ -1,549 +1,29 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
3
 
4
- // packages/reactivity/src/debug.ts
5
- var activeDebugHooks = null;
6
- function hasDebugHooks() {
7
- return activeDebugHooks !== null;
8
- }
9
- __name(hasDebugHooks, "hasDebugHooks");
10
- function invokeDebug(name, ...args) {
11
- return;
12
- }
13
- __name(invokeDebug, "invokeDebug");
14
-
15
- // packages/reactivity/src/owner.ts
16
- var currentOwner = null;
17
- var nextOwnerId = 1;
18
- var ownerNames = /* @__PURE__ */ new WeakMap();
19
- function createOwner() {
20
- const parent = currentOwner;
21
- let disposed = parent?.disposed ?? false;
22
- const children = [];
23
- const cleanups = [];
24
- const errorHandlers = /* @__PURE__ */ new Set();
25
- const owner = {
26
- id: `owner-${nextOwnerId++}`,
27
- parent,
28
- children,
29
- depth: (parent?.depth ?? -1) + 1,
30
- get disposed() {
31
- return disposed;
32
- },
33
- run(fn) {
34
- if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
35
- const previous = currentOwner;
36
- currentOwner = owner;
37
- try {
38
- return fn();
39
- } finally {
40
- currentOwner = previous;
41
- }
42
- },
43
- addCleanup(cleanup) {
44
- if (disposed) {
45
- cleanup();
46
- return;
47
- }
48
- cleanups.push(cleanup);
49
- },
50
- onDispose(cleanup) {
51
- owner.addCleanup(cleanup);
52
- },
53
- onError(handler) {
54
- errorHandlers.add(handler);
55
- const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
56
- owner.addCleanup(remove);
57
- return remove;
58
- },
59
- handleError(error) {
60
- for (const handler of [...errorHandlers].reverse()) {
61
- try {
62
- handler(error);
63
- return true;
64
- } catch (handlerError) {
65
- return parent?.handleError(handlerError) ?? false;
66
- }
67
- }
68
- return parent?.handleError(error) ?? false;
69
- },
70
- dispose() {
71
- if (disposed) return;
72
- disposed = true;
73
- for (const child of [...children]) child.dispose();
74
- children.length = 0;
75
- let firstError;
76
- for (let index = cleanups.length - 1; index >= 0; index--) {
77
- try {
78
- cleanups[index]();
79
- } catch (error) {
80
- firstError ?? (firstError = error);
81
- }
82
- }
83
- cleanups.length = 0;
84
- if (parent) {
85
- const index = parent.children.indexOf(owner);
86
- if (index >= 0) parent.children.splice(index, 1);
87
- }
88
- if (firstError) throw firstError;
89
- }
90
- };
91
- if (parent && !parent.disposed) parent.children.push(owner);
92
- return owner;
93
- }
94
- __name(createOwner, "createOwner");
95
- function setOwnerDebugName(owner, name) {
96
- ownerNames.set(owner, name);
97
- }
98
- __name(setOwnerDebugName, "setOwnerDebugName");
99
- function getCurrentOwner() {
100
- return currentOwner;
101
- }
102
- __name(getCurrentOwner, "getCurrentOwner");
103
-
104
- // packages/reactivity/src/signal.ts
105
- var currentSubscriber = null;
106
- function getCurrentSubscriber() {
107
- return currentSubscriber;
108
- }
109
- __name(getCurrentSubscriber, "getCurrentSubscriber");
110
- function setCurrentSubscriber(subscriber) {
111
- currentSubscriber = subscriber;
112
- }
113
- __name(setCurrentSubscriber, "setCurrentSubscriber");
114
-
115
- // packages/reactivity/src/scheduler.ts
116
- var _Scheduler = class _Scheduler {
117
- constructor() {
118
- this.dirtyEffects = /* @__PURE__ */ new Set();
119
- this.lowPriorityEffects = /* @__PURE__ */ new Set();
120
- // flush 不可重入(flushing 标志保证),缓冲数组可在轮次间安全复用,避免每轮分配。
121
- this.normalBuffer = [];
122
- this.lowBuffer = [];
123
- this.flushing = false;
124
- this.scheduled = false;
125
- this.batchDepth = 0;
126
- }
127
- schedule(effect2) {
128
- if (effect2.disposed) return;
129
- this.dirtyEffects.add(effect2);
130
- this.lowPriorityEffects.delete(effect2);
131
- this.ensureScheduled();
132
- }
133
- /** Queue an effect behind normal updates while preserving deterministic order. */
134
- scheduleLow(effect2) {
135
- if (effect2.disposed) return;
136
- if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
137
- this.ensureScheduled();
138
- }
139
- ensureScheduled() {
140
- if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
141
- this.scheduled = true;
142
- queueMicrotask(() => {
143
- this.scheduled = false;
144
- this.flush();
145
- });
146
- }
147
- }
148
- remove(effect2) {
149
- this.dirtyEffects.delete(effect2);
150
- this.lowPriorityEffects.delete(effect2);
151
- }
152
- batch(fn) {
153
- this.batchDepth++;
154
- try {
155
- return fn();
156
- } finally {
157
- this.batchDepth--;
158
- if (this.batchDepth === 0) this.flush();
159
- }
160
- }
161
- flush() {
162
- if (this.flushing || this.batchDepth > 0) return;
163
- this.flushing = true;
164
- let rounds = 0;
165
- let firstError;
166
- let hasError = false;
167
- try {
168
- while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
169
- if (++rounds > 100) {
170
- this.dirtyEffects.clear();
171
- this.lowPriorityEffects.clear();
172
- throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
173
- }
174
- this.collectRunnable(this.dirtyEffects, this.normalBuffer);
175
- this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
176
- sortEffects(this.normalBuffer);
177
- sortEffects(this.lowBuffer);
178
- for (const effect2 of this.normalBuffer) {
179
- try {
180
- effect2.run();
181
- } catch (error) {
182
- if (!hasError) {
183
- firstError = error;
184
- hasError = true;
185
- }
186
- }
187
- }
188
- for (const effect2 of this.lowBuffer) {
189
- try {
190
- effect2.run();
191
- } catch (error) {
192
- if (!hasError) {
193
- firstError = error;
194
- hasError = true;
195
- }
196
- }
197
- }
198
- this.normalBuffer.length = 0;
199
- this.lowBuffer.length = 0;
200
- }
201
- } finally {
202
- this.normalBuffer.length = 0;
203
- this.lowBuffer.length = 0;
204
- this.flushing = false;
205
- }
206
- if (hasError) throw firstError;
207
- }
208
- /** 收集未 disposed 的 effect 并清空源集合;run() 期间新调度的 effect 留给下一轮。 */
209
- collectRunnable(source, target) {
210
- for (const effect2 of source) {
211
- if (!effect2.disposed) target.push(effect2);
212
- }
213
- source.clear();
214
- }
215
- };
216
- __name(_Scheduler, "Scheduler");
217
- var Scheduler = _Scheduler;
218
- function sortEffects(effects) {
219
- if (effects.length > 1) {
220
- effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
221
- }
222
- }
223
- __name(sortEffects, "sortEffects");
224
- var scheduler = new Scheduler();
225
-
226
- // packages/reactivity/src/effect.ts
227
- var nextEffectOrder = 1;
228
- function cleanupDependencies(subscriber) {
229
- for (const dependency of subscriber.dependencies) {
230
- dependency.unsubscribe(subscriber);
231
- }
232
- subscriber.dependencies.clear();
233
- }
234
- __name(cleanupDependencies, "cleanupDependencies");
235
- function effect(callback) {
236
- const owner = getCurrentOwner();
237
- let cleanup;
238
- let dirty = true;
239
- let disposed = false;
240
- const eff = {
241
- order: nextEffectOrder++,
242
- depth: owner?.depth ?? 0,
243
- dependencies: /* @__PURE__ */ new Set(),
244
- get disposed() {
245
- return disposed;
246
- },
247
- notify() {
248
- if (disposed || dirty) return;
249
- dirty = true;
250
- scheduler.schedule(eff);
251
- },
252
- run() {
253
- if (disposed || !dirty) return;
254
- dirty = false;
255
- const previousCleanup = cleanup;
256
- cleanup = void 0;
257
- let cleanupError;
258
- if (previousCleanup) {
259
- try {
260
- previousCleanup();
261
- } catch (error) {
262
- const handled2 = owner?.handleError(error) ?? false;
263
- if (!handled2) cleanupError = error;
264
- }
265
- }
266
- cleanupDependencies(eff);
267
- const previous = getCurrentSubscriber();
268
- setCurrentSubscriber(eff);
269
- let thrown;
270
- let handled = false;
271
- try {
272
- const result = owner ? owner.run(callback) : callback();
273
- cleanup = typeof result === "function" ? result : void 0;
274
- } catch (error) {
275
- thrown = error;
276
- handled = owner?.handleError(error) ?? false;
277
- if (!handled) throw error;
278
- } finally {
279
- setCurrentSubscriber(previous);
280
- }
281
- if (cleanupError && !thrown) throw cleanupError;
282
- },
283
- scheduleLow() {
284
- if (disposed || dirty) return;
285
- dirty = true;
286
- scheduler.scheduleLow(eff);
287
- },
288
- dispose() {
289
- if (disposed) return;
290
- disposed = true;
291
- dirty = false;
292
- scheduler.remove(eff);
293
- const previousCleanup = cleanup;
294
- cleanup = void 0;
295
- let cleanupError;
296
- if (previousCleanup) {
297
- try {
298
- previousCleanup();
299
- } catch (error) {
300
- const handled = owner?.handleError(error) ?? false;
301
- if (!handled) cleanupError = error;
302
- }
303
- }
304
- cleanupDependencies(eff);
305
- if (cleanupError) throw cleanupError;
306
- }
307
- };
308
- owner?.addCleanup(eff.dispose);
309
- eff.run();
310
- return eff;
311
- }
312
- __name(effect, "effect");
313
-
314
- // packages/runtime/src/debug.ts
315
- var activeRuntimeDebugHooks = null;
316
- function getRuntimeDebugHooks() {
317
- return activeRuntimeDebugHooks;
318
- }
319
- __name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
320
- function invokeRuntimeDebug(name, ...args) {
321
- return;
322
- }
323
- __name(invokeRuntimeDebug, "invokeRuntimeDebug");
324
- function readDebugValue(read) {
325
- try {
326
- return read();
327
- } catch {
328
- return "[Uninspectable]";
329
- }
330
- }
331
- __name(readDebugValue, "readDebugValue");
332
- function describeDebugNode(node) {
333
- if (!node || typeof node !== "object") return "node";
334
- const value = node;
335
- const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
336
- const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
337
- const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
338
- return `${name}${id}${className}`;
339
- }
340
- __name(describeDebugNode, "describeDebugNode");
341
-
342
- // packages/runtime/src/hmr.ts
343
- var globalTarget = globalThis;
344
- var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
345
- globalTarget.__VOBS_HMR__ = hmrGlobal;
346
- function markHmrInstanceMounted(node, parent) {
347
- const instance = hmrInstances.get(node);
348
- if (instance) instance.parent = parent;
349
- }
350
- __name(markHmrInstanceMounted, "markHmrInstanceMounted");
351
- var hmrInstances = /* @__PURE__ */ new WeakMap();
352
- var nodeOwners = /* @__PURE__ */ new WeakMap();
353
- var eventBindings = /* @__PURE__ */ new WeakMap();
354
- function getRenderer() {
355
- {
356
- throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
357
- }
358
- }
359
- __name(getRenderer, "getRenderer");
360
- function createText(content) {
361
- return getRenderer().createText(content);
362
- }
363
- __name(createText, "createText");
364
- function createElement(tag) {
365
- return getRenderer().createElement(tag);
366
- }
367
- __name(createElement, "createElement");
368
- function createComment(content) {
369
- return getRenderer().createComment(content);
370
- }
371
- __name(createComment, "createComment");
372
- function insertBefore(parent, child, anchor) {
373
- if (isVobsFragment(child)) {
374
- child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
375
- return;
376
- }
377
- getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
378
- markHmrInstanceMounted(child, parent);
379
- }
380
- __name(insertBefore, "insertBefore");
381
- function removeChild(parent, child) {
382
- disposeNodeOwner(child);
383
- if (isVobsFragment(child)) {
384
- child.unmount(parent);
385
- return;
386
- }
387
- getRenderer().removeChild(parent, child);
388
- }
389
- __name(removeChild, "removeChild");
390
- function setTextContent(node, content) {
391
- getRenderer().setTextContent(node, content);
392
- }
393
- __name(setTextContent, "setTextContent");
394
- function setAttribute(node, key, value) {
395
- getRenderer().setAttribute(node, key, value);
396
- }
397
- __name(setAttribute, "setAttribute");
398
- function addEventListener(node, event, handler) {
399
- const renderer = getRenderer();
400
- const owner = getCurrentOwner();
401
- let bindings = eventBindings.get(node);
402
- if (!bindings) {
403
- bindings = /* @__PURE__ */ new Map();
404
- eventBindings.set(node, bindings);
405
- }
406
- const previous = bindings.get(event);
407
- if (previous && previous.original === handler && previous.owner === owner) return;
408
- if (previous) renderer.removeEventListener(node, event, previous.handler);
409
- const listener = owner ? (reason) => {
410
- try {
411
- owner.run(() => handler(reason));
412
- } catch (error) {
413
- const handled = owner.handleError(error);
414
- invokeRuntimeDebug("error", {
415
- error,
416
- owner,
417
- phase: "event",
418
- handled,
419
- recovery: handled ? "handled" : "propagated"
420
- });
421
- if (!handled) throw error;
422
- }
423
- } : handler;
424
- const binding = { handler: listener, owner, original: handler };
425
- bindings.set(event, binding);
426
- renderer.addEventListener(node, event, listener);
427
- owner?.onDispose(() => {
428
- if (bindings?.get(event) !== binding) return;
429
- bindings.delete(event);
430
- renderer.removeEventListener(node, event, listener);
431
- });
432
- }
433
- __name(addEventListener, "addEventListener");
434
- function createBlock(factory) {
435
- const owner = createOwner();
436
- setOwnerDebugName(owner, "dynamic");
437
- let node;
438
- try {
439
- node = owner.run(factory);
440
- } catch (error) {
441
- owner.dispose();
442
- throw error;
443
- }
444
- if (!node) {
445
- owner.dispose();
446
- return null;
447
- }
448
- associateNodeOwner(node, owner);
449
- return node;
450
- }
451
- __name(createBlock, "createBlock");
452
- function associateNodeOwner(node, owner) {
453
- nodeOwners.set(node, owner);
454
- }
455
- __name(associateNodeOwner, "associateNodeOwner");
456
- function disposeNodeOwner(node) {
457
- const owner = nodeOwners.get(node);
458
- if (!owner) return;
459
- nodeOwners.delete(node);
460
- owner.dispose();
461
- }
462
- __name(disposeNodeOwner, "disposeNodeOwner");
463
-
464
- // packages/runtime/src/fragment.ts
465
- function createFragment(factory) {
466
- const start = createComment("vobs:fragment:start");
467
- const end = createComment("vobs:fragment:end");
468
- let parent = null;
469
- let initialized = false;
470
- const owner = getCurrentOwner();
471
- const fragment = {
472
- kind: "vobs-fragment",
473
- start,
474
- end,
475
- mount(nextParent, anchor) {
476
- if (parent && parent !== nextParent) {
477
- throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
478
- }
479
- if (initialized) {
480
- moveRange(nextParent, start, end, anchor);
481
- return;
482
- }
483
- const renderer = getRenderer();
484
- renderer.insertBefore(nextParent, start, anchor);
485
- renderer.insertBefore(nextParent, end, anchor);
486
- parent = nextParent;
487
- initialized = true;
488
- if (owner) owner.run(() => factory(nextParent, end));
489
- else factory(nextParent, end);
490
- },
491
- unmount(nextParent) {
492
- if (!initialized || parent !== nextParent) {
493
- throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
494
- }
495
- const renderer = getRenderer();
496
- let current = renderer.nextSibling(start);
497
- while (current && current !== end) {
498
- const next = renderer.nextSibling(current);
499
- renderer.removeChild(nextParent, current);
500
- current = next;
501
- }
502
- renderer.removeChild(nextParent, start);
503
- renderer.removeChild(nextParent, end);
504
- parent = null;
505
- initialized = false;
506
- }
507
- };
508
- return fragment;
509
- }
510
- __name(createFragment, "createFragment");
511
- function isVobsFragment(value) {
512
- return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
513
- }
514
- __name(isVobsFragment, "isVobsFragment");
515
- function moveRange(parent, start, end, anchor) {
516
- const renderer = getRenderer();
517
- const nodes = [start];
518
- let current = renderer.nextSibling(start);
519
- while (current) {
520
- nodes.push(current);
521
- if (current === end) break;
522
- current = renderer.nextSibling(current);
523
- }
524
- if (nodes[nodes.length - 1] !== end) {
525
- throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
526
- }
527
- for (const node of nodes) renderer.insertBefore(parent, node, anchor);
528
- }
529
- __name(moveRange, "moveRange");
530
-
531
- // packages/runtime/src/dynamic.ts
532
- function insertDynamic(parent, anchor, factory) {
533
- const marker = createComment("vobs:dynamic");
534
- insertBefore(parent, marker, anchor);
535
- let current = null;
536
- effect(() => {
537
- const next = createBlock(factory);
538
- if (next === current) return;
539
- if (current) removeChild(parent, current);
540
- current = next;
541
- if (current) insertBefore(parent, current, marker);
542
- });
543
- }
544
- __name(insertDynamic, "insertDynamic");
4
+ // packages/ui/src/workbench-titlebar.ts
5
+ import {
6
+ addEventListener as addEventListener2,
7
+ createElement,
8
+ createFragment as createFragment2,
9
+ createText as createText2,
10
+ insertBefore as insertBefore2,
11
+ insertDynamic as insertDynamic2,
12
+ setAttribute as setAttribute2
13
+ } from "@vobs/vobs";
545
14
 
546
15
  // packages/ui/src/utils.ts
16
+ import { effect } from "@vobs/reactivity";
17
+ import {
18
+ addEventListener,
19
+ createFragment,
20
+ createText,
21
+ insertBefore,
22
+ insertDynamic,
23
+ setAttribute,
24
+ setProperty,
25
+ setTextContent
26
+ } from "@vobs/vobs";
547
27
  function classNames(...values) {
548
28
  return values.flatMap((value) => typeof value === "string" ? value.trim().split(/\s+/u) : []).filter(Boolean).join(" ");
549
29
  }
@@ -690,50 +170,50 @@ function WorkbenchTitlebar(props = {}) {
690
170
  "onProjectClick"
691
171
  ]);
692
172
  bindUserStyle(root, props);
693
- setAttribute(left, "class", "vui-wbtitlebar__left");
694
- setAttribute(right, "class", "vui-wbtitlebar__right");
695
- insertDynamic(left, null, () => createTitlebarLeft(props));
173
+ setAttribute2(left, "class", "vui-wbtitlebar__left");
174
+ setAttribute2(right, "class", "vui-wbtitlebar__right");
175
+ insertDynamic2(left, null, () => createTitlebarLeft(props));
696
176
  if (hasProp(props, "actions")) mountSlot(right, props, "actions");
697
177
  if (hasProp(props, "children")) mountSlot(right, props, "children");
698
- insertBefore(root, left, null);
699
- insertBefore(root, right, null);
178
+ insertBefore2(root, left, null);
179
+ insertBefore2(root, right, null);
700
180
  return root;
701
181
  }
702
182
  __name(WorkbenchTitlebar, "WorkbenchTitlebar");
703
183
  function createTitlebarLeft(props) {
704
- return createFragment((parent, anchor) => {
184
+ return createFragment2((parent, anchor) => {
705
185
  if (readProp(props, "windowControls", true)) {
706
186
  const lights = createElement("div");
707
- setAttribute(lights, "class", "vui-wbtitlebar__lights");
708
- insertBefore(lights, createWindowLight("close", props, "onWindowClose"), null);
709
- insertBefore(lights, createWindowLight("min", props, "onWindowMinimize"), null);
710
- insertBefore(lights, createWindowLight("max", props, "onWindowMaximize"), null);
711
- insertBefore(parent, lights, anchor);
187
+ setAttribute2(lights, "class", "vui-wbtitlebar__lights");
188
+ insertBefore2(lights, createWindowLight("close", props, "onWindowClose"), null);
189
+ insertBefore2(lights, createWindowLight("min", props, "onWindowMinimize"), null);
190
+ insertBefore2(lights, createWindowLight("max", props, "onWindowMaximize"), null);
191
+ insertBefore2(parent, lights, anchor);
712
192
  }
713
193
  if (hasProp(props, "mode")) {
714
194
  const mode = createElement("span");
715
- setAttribute(mode, "class", "vui-wbtitlebar__mode-chip");
195
+ setAttribute2(mode, "class", "vui-wbtitlebar__mode-chip");
716
196
  if (hasProp(props, "modeIcon")) {
717
197
  const icon = createElement("span");
718
- setAttribute(icon, "class", "vui-wbtitlebar__mode-icon");
198
+ setAttribute2(icon, "class", "vui-wbtitlebar__mode-icon");
719
199
  mountSlot(icon, props, "modeIcon");
720
- insertBefore(mode, icon, null);
200
+ insertBefore2(mode, icon, null);
721
201
  }
722
- const text = createText("");
202
+ const text = createText2("");
723
203
  bindTextContent(text, () => readProp(props, "mode", ""));
724
- insertBefore(mode, text, null);
725
- insertBefore(parent, mode, anchor);
204
+ insertBefore2(mode, text, null);
205
+ insertBefore2(parent, mode, anchor);
726
206
  }
727
- if (hasProp(props, "project")) insertBefore(parent, createProjectSelector(props), anchor);
207
+ if (hasProp(props, "project")) insertBefore2(parent, createProjectSelector(props), anchor);
728
208
  });
729
209
  }
730
210
  __name(createTitlebarLeft, "createTitlebarLeft");
731
211
  function createWindowLight(kind, props, handlerName) {
732
212
  const light = createElement("button");
733
- setAttribute(light, "class", `vui-wbtitlebar__light vui-wbtitlebar__light--${kind}`);
734
- setAttribute(light, "type", "button");
735
- setAttribute(light, "aria-label", kind === "close" ? "Close window" : kind === "min" ? "Minimize window" : "Maximize window");
736
- addEventListener(light, "click", (event) => {
213
+ setAttribute2(light, "class", `vui-wbtitlebar__light vui-wbtitlebar__light--${kind}`);
214
+ setAttribute2(light, "type", "button");
215
+ setAttribute2(light, "aria-label", kind === "close" ? "Close window" : kind === "min" ? "Minimize window" : "Maximize window");
216
+ addEventListener2(light, "click", (event) => {
737
217
  const handler = readProp(props, handlerName, void 0);
738
218
  if (typeof handler === "function") handler(event);
739
219
  });
@@ -742,32 +222,32 @@ function createWindowLight(kind, props, handlerName) {
742
222
  __name(createWindowLight, "createWindowLight");
743
223
  function createProjectSelector(props) {
744
224
  const button = createElement("button");
745
- setAttribute(button, "class", "vui-wbtitlebar__project-selector");
746
- setAttribute(button, "type", "button");
225
+ setAttribute2(button, "class", "vui-wbtitlebar__project-selector");
226
+ setAttribute2(button, "type", "button");
747
227
  setOptionalAttribute(button, "aria-label", readProp(props, "project", "Project"));
748
228
  if (hasProp(props, "projectIcon")) {
749
229
  const icon = createElement("span");
750
- setAttribute(icon, "class", "vui-wbtitlebar__project-icon");
230
+ setAttribute2(icon, "class", "vui-wbtitlebar__project-icon");
751
231
  mountSlot(icon, props, "projectIcon");
752
- insertBefore(button, icon, null);
232
+ insertBefore2(button, icon, null);
753
233
  }
754
- const project = createText("");
234
+ const project = createText2("");
755
235
  bindTextContent(project, () => readProp(props, "project", ""));
756
- insertBefore(button, project, null);
236
+ insertBefore2(button, project, null);
757
237
  if (hasProp(props, "projectChevron")) {
758
238
  const chevron = createElement("span");
759
- setAttribute(chevron, "class", "vui-wbtitlebar__project-chevron");
239
+ setAttribute2(chevron, "class", "vui-wbtitlebar__project-chevron");
760
240
  mountSlot(chevron, props, "projectChevron");
761
- insertBefore(button, chevron, null);
241
+ insertBefore2(button, chevron, null);
762
242
  }
763
- addEventListener(button, "click", (event) => {
243
+ addEventListener2(button, "click", (event) => {
764
244
  const handler = readProp(props, "onProjectClick", void 0);
765
245
  if (typeof handler === "function") handler(event);
766
246
  });
767
247
  return button;
768
248
  }
769
249
  __name(createProjectSelector, "createProjectSelector");
770
-
771
- export { WorkbenchTitlebar };
772
- //# sourceMappingURL=workbench-titlebar.js.map
250
+ export {
251
+ WorkbenchTitlebar
252
+ };
773
253
  //# sourceMappingURL=workbench-titlebar.js.map