@vobs/forms 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1,714 +1,59 @@
1
- 'use strict';
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
- // packages/reactivity/src/debug.ts
7
- var activeDebugHooks = null;
8
- var signalNames = /* @__PURE__ */ new WeakMap();
9
- function hasDebugHooks() {
10
- return activeDebugHooks !== null;
11
- }
12
- __name(hasDebugHooks, "hasDebugHooks");
13
- function setSignalDebugName(signal, name) {
14
- signalNames.set(signal, name);
15
- invokeDebug("signalNamed", signal, name);
16
- }
17
- __name(setSignalDebugName, "setSignalDebugName");
18
- function invokeDebug(name, ...args) {
19
- return;
20
- }
21
- __name(invokeDebug, "invokeDebug");
22
-
23
- // packages/reactivity/src/owner.ts
24
- var currentOwner = null;
25
- var nextOwnerId = 1;
26
- var ownerNames = /* @__PURE__ */ new WeakMap();
27
- function createOwner() {
28
- const parent = currentOwner;
29
- let disposed = parent?.disposed ?? false;
30
- const children = [];
31
- const cleanups = [];
32
- const errorHandlers = /* @__PURE__ */ new Set();
33
- const owner = {
34
- id: `owner-${nextOwnerId++}`,
35
- parent,
36
- children,
37
- depth: (parent?.depth ?? -1) + 1,
38
- get disposed() {
39
- return disposed;
40
- },
41
- run(fn) {
42
- if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
43
- const previous = currentOwner;
44
- currentOwner = owner;
45
- try {
46
- return fn();
47
- } finally {
48
- currentOwner = previous;
49
- }
50
- },
51
- addCleanup(cleanup) {
52
- if (disposed) {
53
- cleanup();
54
- return;
55
- }
56
- cleanups.push(cleanup);
57
- },
58
- onDispose(cleanup) {
59
- owner.addCleanup(cleanup);
60
- },
61
- onError(handler) {
62
- errorHandlers.add(handler);
63
- const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
64
- owner.addCleanup(remove);
65
- return remove;
66
- },
67
- handleError(error) {
68
- for (const handler of [...errorHandlers].reverse()) {
69
- try {
70
- handler(error);
71
- return true;
72
- } catch (handlerError) {
73
- return parent?.handleError(handlerError) ?? false;
74
- }
75
- }
76
- return parent?.handleError(error) ?? false;
77
- },
78
- dispose() {
79
- if (disposed) return;
80
- disposed = true;
81
- for (const child of [...children]) child.dispose();
82
- children.length = 0;
83
- let firstError;
84
- for (let index = cleanups.length - 1; index >= 0; index--) {
85
- try {
86
- cleanups[index]();
87
- } catch (error) {
88
- firstError ?? (firstError = error);
89
- }
90
- }
91
- cleanups.length = 0;
92
- if (parent) {
93
- const index = parent.children.indexOf(owner);
94
- if (index >= 0) parent.children.splice(index, 1);
95
- }
96
- if (firstError) throw firstError;
97
- }
98
- };
99
- if (parent && !parent.disposed) parent.children.push(owner);
100
- return owner;
101
- }
102
- __name(createOwner, "createOwner");
103
- function setOwnerDebugName(owner, name) {
104
- ownerNames.set(owner, name);
105
- }
106
- __name(setOwnerDebugName, "setOwnerDebugName");
107
- function getCurrentOwner() {
108
- return currentOwner;
109
- }
110
- __name(getCurrentOwner, "getCurrentOwner");
111
-
112
- // packages/reactivity/src/signal.ts
113
- var currentSubscriber = null;
114
- function getCurrentSubscriber() {
115
- return currentSubscriber;
116
- }
117
- __name(getCurrentSubscriber, "getCurrentSubscriber");
118
- function setCurrentSubscriber(subscriber) {
119
- currentSubscriber = subscriber;
120
- }
121
- __name(setCurrentSubscriber, "setCurrentSubscriber");
122
- function trackDependency(dependency) {
123
- if (!currentSubscriber || currentSubscriber.disposed) return;
124
- !currentSubscriber.dependencies.has(dependency);
125
- currentSubscriber.dependencies.add(dependency);
126
- }
127
- __name(trackDependency, "trackDependency");
128
- function state(initialValue, debugName) {
129
- let value = initialValue;
130
- let disposed = false;
131
- const subscribers = /* @__PURE__ */ new Set();
132
- const signalInstance = {
133
- get value() {
134
- const subscriber = getCurrentSubscriber();
135
- if (subscriber && !subscriber.disposed) {
136
- subscribers.add(subscriber);
137
- trackDependency(signalInstance);
138
- }
139
- return value;
140
- },
141
- set value(nextValue) {
142
- if (disposed || Object.is(value, nextValue)) return;
143
- value = nextValue;
144
- for (const subscriber of [...subscribers]) subscriber.notify();
145
- },
146
- unsubscribe(subscriber) {
147
- subscribers.delete(subscriber);
148
- },
149
- // 与 `.value =` 赋值同一条路径:判等短路、debug hook、notify 全部一致。
150
- // 以闭包实现,可安全地作为回调直接传递(无 this 绑定问题)。
151
- set(next) {
152
- signalInstance.value = next;
153
- },
154
- dispose() {
155
- if (disposed) return;
156
- disposed = true;
157
- subscribers.clear();
158
- }
159
- };
160
- const owner = getCurrentOwner();
161
- owner?.addCleanup(signalInstance.dispose);
162
- if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
163
- return signalInstance;
164
- }
165
- __name(state, "state");
166
-
167
- // packages/reactivity/src/scheduler.ts
168
- var _Scheduler = class _Scheduler {
169
- constructor() {
170
- this.dirtyEffects = /* @__PURE__ */ new Set();
171
- this.lowPriorityEffects = /* @__PURE__ */ new Set();
172
- // flush 不可重入(flushing 标志保证),缓冲数组可在轮次间安全复用,避免每轮分配。
173
- this.normalBuffer = [];
174
- this.lowBuffer = [];
175
- this.flushing = false;
176
- this.scheduled = false;
177
- this.batchDepth = 0;
178
- }
179
- schedule(effect2) {
180
- if (effect2.disposed) return;
181
- this.dirtyEffects.add(effect2);
182
- this.lowPriorityEffects.delete(effect2);
183
- this.ensureScheduled();
184
- }
185
- /** Queue an effect behind normal updates while preserving deterministic order. */
186
- scheduleLow(effect2) {
187
- if (effect2.disposed) return;
188
- if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
189
- this.ensureScheduled();
190
- }
191
- ensureScheduled() {
192
- if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
193
- this.scheduled = true;
194
- queueMicrotask(() => {
195
- this.scheduled = false;
196
- this.flush();
197
- });
198
- }
199
- }
200
- remove(effect2) {
201
- this.dirtyEffects.delete(effect2);
202
- this.lowPriorityEffects.delete(effect2);
203
- }
204
- batch(fn) {
205
- this.batchDepth++;
206
- try {
207
- return fn();
208
- } finally {
209
- this.batchDepth--;
210
- if (this.batchDepth === 0) this.flush();
211
- }
212
- }
213
- flush() {
214
- if (this.flushing || this.batchDepth > 0) return;
215
- this.flushing = true;
216
- let rounds = 0;
217
- let firstError;
218
- let hasError = false;
219
- try {
220
- while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
221
- if (++rounds > 100) {
222
- this.dirtyEffects.clear();
223
- this.lowPriorityEffects.clear();
224
- throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
225
- }
226
- this.collectRunnable(this.dirtyEffects, this.normalBuffer);
227
- this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
228
- sortEffects(this.normalBuffer);
229
- sortEffects(this.lowBuffer);
230
- for (const effect2 of this.normalBuffer) {
231
- try {
232
- effect2.run();
233
- } catch (error) {
234
- if (!hasError) {
235
- firstError = error;
236
- hasError = true;
237
- }
238
- }
239
- }
240
- for (const effect2 of this.lowBuffer) {
241
- try {
242
- effect2.run();
243
- } catch (error) {
244
- if (!hasError) {
245
- firstError = error;
246
- hasError = true;
247
- }
248
- }
249
- }
250
- this.normalBuffer.length = 0;
251
- this.lowBuffer.length = 0;
252
- }
253
- } finally {
254
- this.normalBuffer.length = 0;
255
- this.lowBuffer.length = 0;
256
- this.flushing = false;
257
- }
258
- if (hasError) throw firstError;
259
- }
260
- /** 收集未 disposed 的 effect 并清空源集合;run() 期间新调度的 effect 留给下一轮。 */
261
- collectRunnable(source, target) {
262
- for (const effect2 of source) {
263
- if (!effect2.disposed) target.push(effect2);
264
- }
265
- source.clear();
266
- }
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
267
11
  };
268
- __name(_Scheduler, "Scheduler");
269
- var Scheduler = _Scheduler;
270
- function sortEffects(effects) {
271
- if (effects.length > 1) {
272
- effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
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 });
273
17
  }
274
- }
275
- __name(sortEffects, "sortEffects");
276
- var scheduler = new Scheduler();
277
-
278
- // packages/reactivity/src/effect.ts
279
- var nextEffectOrder = 1;
280
- function cleanupDependencies(subscriber) {
281
- for (const dependency of subscriber.dependencies) {
282
- dependency.unsubscribe(subscriber);
283
- }
284
- subscriber.dependencies.clear();
285
- }
286
- __name(cleanupDependencies, "cleanupDependencies");
287
- function effect(callback) {
288
- const owner = getCurrentOwner();
289
- let cleanup;
290
- let dirty = true;
291
- let disposed = false;
292
- const eff = {
293
- order: nextEffectOrder++,
294
- depth: owner?.depth ?? 0,
295
- dependencies: /* @__PURE__ */ new Set(),
296
- get disposed() {
297
- return disposed;
298
- },
299
- notify() {
300
- if (disposed || dirty) return;
301
- dirty = true;
302
- scheduler.schedule(eff);
303
- },
304
- run() {
305
- if (disposed || !dirty) return;
306
- dirty = false;
307
- const previousCleanup = cleanup;
308
- cleanup = void 0;
309
- let cleanupError;
310
- if (previousCleanup) {
311
- try {
312
- previousCleanup();
313
- } catch (error) {
314
- const handled2 = owner?.handleError(error) ?? false;
315
- if (!handled2) cleanupError = error;
316
- }
317
- }
318
- cleanupDependencies(eff);
319
- const previous = getCurrentSubscriber();
320
- setCurrentSubscriber(eff);
321
- let thrown;
322
- let handled = false;
323
- try {
324
- const result = owner ? owner.run(callback) : callback();
325
- cleanup = typeof result === "function" ? result : void 0;
326
- } catch (error) {
327
- thrown = error;
328
- handled = owner?.handleError(error) ?? false;
329
- if (!handled) throw error;
330
- } finally {
331
- setCurrentSubscriber(previous);
332
- }
333
- if (cleanupError && !thrown) throw cleanupError;
334
- },
335
- scheduleLow() {
336
- if (disposed || dirty) return;
337
- dirty = true;
338
- scheduler.scheduleLow(eff);
339
- },
340
- dispose() {
341
- if (disposed) return;
342
- disposed = true;
343
- dirty = false;
344
- scheduler.remove(eff);
345
- const previousCleanup = cleanup;
346
- cleanup = void 0;
347
- let cleanupError;
348
- if (previousCleanup) {
349
- try {
350
- previousCleanup();
351
- } catch (error) {
352
- const handled = owner?.handleError(error) ?? false;
353
- if (!handled) cleanupError = error;
354
- }
355
- }
356
- cleanupDependencies(eff);
357
- if (cleanupError) throw cleanupError;
358
- }
359
- };
360
- owner?.addCleanup(eff.dispose);
361
- eff.run();
362
- return eff;
363
- }
364
- __name(effect, "effect");
365
-
366
- // packages/runtime/src/debug.ts
367
- var activeRuntimeDebugHooks = null;
368
- function getRuntimeDebugHooks() {
369
- return activeRuntimeDebugHooks;
370
- }
371
- __name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
372
- function invokeRuntimeDebug(name, ...args) {
373
- return;
374
- }
375
- __name(invokeRuntimeDebug, "invokeRuntimeDebug");
376
- function readDebugValue(read) {
377
- try {
378
- return read();
379
- } catch {
380
- return "[Uninspectable]";
381
- }
382
- }
383
- __name(readDebugValue, "readDebugValue");
384
- function describeDebugNode(node) {
385
- if (!node || typeof node !== "object") return "node";
386
- const value = node;
387
- const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
388
- const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
389
- const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
390
- return `${name}${id}${className}`;
391
- }
392
- __name(describeDebugNode, "describeDebugNode");
393
-
394
- // packages/runtime/src/hmr.ts
395
- var globalTarget = globalThis;
396
- var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
397
- globalTarget.__VOBS_HMR__ = hmrGlobal;
398
- function registerHmrInstance(moduleId, instance) {
399
- const instances = getModule(moduleId).instances;
400
- instances.add(instance);
401
- return () => instances.delete(instance);
402
- }
403
- __name(registerHmrInstance, "registerHmrInstance");
404
- function markHmrInstanceMounted(node, parent) {
405
- const instance = hmrInstances.get(node);
406
- if (instance) instance.parent = parent;
407
- }
408
- __name(markHmrInstanceMounted, "markHmrInstanceMounted");
409
- function getModule(moduleId) {
410
- let module = hmrGlobal.modules.get(moduleId);
411
- if (!module) {
412
- module = { components: /* @__PURE__ */ new Map(), state: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Set() };
413
- hmrGlobal.modules.set(moduleId, module);
414
- }
415
- return module;
416
- }
417
- __name(getModule, "getModule");
418
- var hmrInstances = /* @__PURE__ */ new WeakMap();
419
- function associateHmrInstance(node, instance) {
420
- hmrInstances.set(node, instance);
421
- }
422
- __name(associateHmrInstance, "associateHmrInstance");
423
- var nodeOwners = /* @__PURE__ */ new WeakMap();
424
- var eventBindings = /* @__PURE__ */ new WeakMap();
425
- function getRenderer() {
426
- {
427
- throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
428
- }
429
- }
430
- __name(getRenderer, "getRenderer");
431
- function createText(content) {
432
- return getRenderer().createText(content);
433
- }
434
- __name(createText, "createText");
435
- function createElement(tag) {
436
- return getRenderer().createElement(tag);
437
- }
438
- __name(createElement, "createElement");
439
- function createComment(content) {
440
- return getRenderer().createComment(content);
441
- }
442
- __name(createComment, "createComment");
443
- function insertBefore(parent, child, anchor) {
444
- if (isVobsFragment(child)) {
445
- child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
446
- return;
447
- }
448
- getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
449
- markHmrInstanceMounted(child, parent);
450
- }
451
- __name(insertBefore, "insertBefore");
452
- function removeChild(parent, child) {
453
- disposeNodeOwner(child);
454
- if (isVobsFragment(child)) {
455
- child.unmount(parent);
456
- return;
457
- }
458
- getRenderer().removeChild(parent, child);
459
- }
460
- __name(removeChild, "removeChild");
461
- function setProperty(node, key, value) {
462
- getRenderer().setProperty(node, key, value);
463
- }
464
- __name(setProperty, "setProperty");
465
- function setAttribute(node, key, value) {
466
- getRenderer().setAttribute(node, key, value);
467
- }
468
- __name(setAttribute, "setAttribute");
469
- function addEventListener(node, event, handler) {
470
- const renderer = getRenderer();
471
- const owner = getCurrentOwner();
472
- let bindings = eventBindings.get(node);
473
- if (!bindings) {
474
- bindings = /* @__PURE__ */ new Map();
475
- eventBindings.set(node, bindings);
476
- }
477
- const previous = bindings.get(event);
478
- if (previous && previous.original === handler && previous.owner === owner) return;
479
- if (previous) renderer.removeEventListener(node, event, previous.handler);
480
- const listener = owner ? (reason) => {
481
- try {
482
- owner.run(() => handler(reason));
483
- } catch (error) {
484
- const handled = owner.handleError(error);
485
- invokeRuntimeDebug("error", {
486
- error,
487
- owner,
488
- phase: "event",
489
- handled,
490
- recovery: handled ? "handled" : "propagated"
491
- });
492
- if (!handled) throw error;
493
- }
494
- } : handler;
495
- const binding = { handler: listener, owner, original: handler };
496
- bindings.set(event, binding);
497
- renderer.addEventListener(node, event, listener);
498
- owner?.onDispose(() => {
499
- if (bindings?.get(event) !== binding) return;
500
- bindings.delete(event);
501
- renderer.removeEventListener(node, event, listener);
502
- });
503
- }
504
- __name(addEventListener, "addEventListener");
505
- function createComponent(component, props, source) {
506
- const owner = createOwner();
507
- const componentName = component.displayName || component.name || "anonymous";
508
- setOwnerDebugName(owner, source ? `${componentName} (${source.file}:${source.line}:${source.column})` : componentName);
509
- owner.onError((reason) => {
510
- attachSourceLocation(reason, source);
511
- attachComponentContext(reason, componentName, owner.id);
512
- throw reason;
513
- });
514
- let node;
515
- try {
516
- node = owner.run(() => component(props));
517
- } catch (error) {
518
- owner.dispose();
519
- attachSourceLocation(error, source);
520
- attachComponentContext(error, componentName, owner.id);
521
- throw error;
522
- }
523
- associateNodeOwner(node, owner);
524
- const hmrKey = component.hmrKey;
525
- if (hmrKey) {
526
- const instance = {
527
- node,
528
- parent: null,
529
- refresh() {
530
- const previous = instance.node;
531
- const next = owner.run(() => component(props));
532
- if (instance.parent && !isVobsFragment(previous) && !isVobsFragment(next)) {
533
- getRenderer().insertBefore(instance.parent, next, previous);
534
- getRenderer().removeChild(instance.parent, previous);
535
- }
536
- nodeOwners.delete(previous);
537
- nodeOwners.set(next, owner);
538
- associateHmrInstance(next, instance);
539
- instance.node = next;
540
- }
541
- };
542
- associateHmrInstance(node, instance);
543
- const separator = hmrKey.lastIndexOf(":");
544
- const moduleId = separator < 0 ? hmrKey : hmrKey.slice(0, separator);
545
- const cleanup = registerHmrInstance(moduleId, instance);
546
- owner.onDispose(cleanup);
547
- }
548
- return node;
549
- }
550
- __name(createComponent, "createComponent");
551
- function attachSourceLocation(reason, source) {
552
- if (!source || (!reason || typeof reason !== "object" && typeof reason !== "function")) return;
553
- const error = reason;
554
- if (error.vobsSource) return;
555
- try {
556
- Object.defineProperty(error, "vobsSource", {
557
- configurable: true,
558
- enumerable: false,
559
- value: source,
560
- writable: false
561
- });
562
- } catch {
563
- }
564
- }
565
- __name(attachSourceLocation, "attachSourceLocation");
566
- function attachComponentContext(reason, component, ownerId) {
567
- if (!reason || typeof reason !== "object" && typeof reason !== "function") return;
568
- const error = reason;
569
- try {
570
- if (!error.vobsComponent) Object.defineProperty(error, "vobsComponent", { configurable: true, enumerable: false, value: component, writable: false });
571
- if (!error.vobsOwnerId) Object.defineProperty(error, "vobsOwnerId", { configurable: true, enumerable: false, value: ownerId, writable: false });
572
- } catch {
573
- }
574
- }
575
- __name(attachComponentContext, "attachComponentContext");
576
- function createBlock(factory) {
577
- const owner = createOwner();
578
- setOwnerDebugName(owner, "dynamic");
579
- let node;
580
- try {
581
- node = owner.run(factory);
582
- } catch (error) {
583
- owner.dispose();
584
- throw error;
585
- }
586
- if (!node) {
587
- owner.dispose();
588
- return null;
589
- }
590
- associateNodeOwner(node, owner);
591
- return node;
592
- }
593
- __name(createBlock, "createBlock");
594
- function associateNodeOwner(node, owner) {
595
- nodeOwners.set(node, owner);
596
- }
597
- __name(associateNodeOwner, "associateNodeOwner");
598
- function disposeNodeOwner(node) {
599
- const owner = nodeOwners.get(node);
600
- if (!owner) return;
601
- nodeOwners.delete(node);
602
- owner.dispose();
603
- }
604
- __name(disposeNodeOwner, "disposeNodeOwner");
605
-
606
- // packages/runtime/src/fragment.ts
607
- function createFragment(factory) {
608
- const start = createComment("vobs:fragment:start");
609
- const end = createComment("vobs:fragment:end");
610
- let parent = null;
611
- let initialized = false;
612
- const owner = getCurrentOwner();
613
- const fragment = {
614
- kind: "vobs-fragment",
615
- start,
616
- end,
617
- mount(nextParent, anchor) {
618
- if (parent && parent !== nextParent) {
619
- throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
620
- }
621
- if (initialized) {
622
- moveRange(nextParent, start, end, anchor);
623
- return;
624
- }
625
- const renderer = getRenderer();
626
- renderer.insertBefore(nextParent, start, anchor);
627
- renderer.insertBefore(nextParent, end, anchor);
628
- parent = nextParent;
629
- initialized = true;
630
- if (owner) owner.run(() => factory(nextParent, end));
631
- else factory(nextParent, end);
632
- },
633
- unmount(nextParent) {
634
- if (!initialized || parent !== nextParent) {
635
- throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
636
- }
637
- const renderer = getRenderer();
638
- let current = renderer.nextSibling(start);
639
- while (current && current !== end) {
640
- const next = renderer.nextSibling(current);
641
- renderer.removeChild(nextParent, current);
642
- current = next;
643
- }
644
- renderer.removeChild(nextParent, start);
645
- renderer.removeChild(nextParent, end);
646
- parent = null;
647
- initialized = false;
648
- }
649
- };
650
- return fragment;
651
- }
652
- __name(createFragment, "createFragment");
653
- function isVobsFragment(value) {
654
- return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
655
- }
656
- __name(isVobsFragment, "isVobsFragment");
657
- function moveRange(parent, start, end, anchor) {
658
- const renderer = getRenderer();
659
- const nodes = [start];
660
- let current = renderer.nextSibling(start);
661
- while (current) {
662
- nodes.push(current);
663
- if (current === end) break;
664
- current = renderer.nextSibling(current);
665
- }
666
- if (nodes[nodes.length - 1] !== end) {
667
- throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
668
- }
669
- for (const node of nodes) renderer.insertBefore(parent, node, anchor);
670
- }
671
- __name(moveRange, "moveRange");
18
+ return to;
19
+ };
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
672
21
 
673
- // packages/runtime/src/dynamic.ts
674
- function insertDynamic(parent, anchor, factory) {
675
- const marker = createComment("vobs:dynamic");
676
- insertBefore(parent, marker, anchor);
677
- let current = null;
678
- effect(() => {
679
- const next = createBlock(factory);
680
- if (next === current) return;
681
- if (current) removeChild(parent, current);
682
- current = next;
683
- if (current) insertBefore(parent, current, marker);
684
- });
685
- }
686
- __name(insertDynamic, "insertDynamic");
22
+ // packages/forms/src/index.ts
23
+ var src_exports = {};
24
+ __export(src_exports, {
25
+ FORMS_KEY: () => FORMS_KEY,
26
+ Field: () => Field,
27
+ createForm: () => createForm,
28
+ formsPlugin: () => formsPlugin,
29
+ rules: () => rules,
30
+ useForm: () => useForm
31
+ });
32
+ module.exports = __toCommonJS(src_exports);
687
33
 
688
- // packages/vobs/src/app.ts
689
- function createInjectionKey(description) {
690
- return Symbol(description);
691
- }
692
- __name(createInjectionKey, "createInjectionKey");
34
+ // packages/forms/src/form.ts
35
+ var import_reactivity2 = require("@vobs/reactivity");
693
36
 
694
37
  // packages/forms/src/field.ts
38
+ var import_reactivity = require("@vobs/reactivity");
39
+ var import_vobs = require("@vobs/vobs");
695
40
  function Field(props) {
696
41
  const field = props.form.field(props.name);
697
- return createFragment((parent, anchor) => {
698
- const wrapper = createElement("div");
699
- setAttribute(wrapper, "data-vobs-field", props.name);
700
- insertBefore(parent, wrapper, anchor);
42
+ return (0, import_vobs.createFragment)((parent, anchor) => {
43
+ const wrapper = (0, import_vobs.createElement)("div");
44
+ (0, import_vobs.setAttribute)(wrapper, "data-vobs-field", props.name);
45
+ (0, import_vobs.insertBefore)(parent, wrapper, anchor);
701
46
  if (props.label) {
702
- const label = createElement("label");
703
- insertBefore(label, createText(props.label), null);
704
- insertBefore(wrapper, label, null);
47
+ const label = (0, import_vobs.createElement)("label");
48
+ (0, import_vobs.insertBefore)(label, (0, import_vobs.createText)(props.label), null);
49
+ (0, import_vobs.insertBefore)(wrapper, label, null);
705
50
  }
706
51
  if (props.children) {
707
52
  const child = props.children(field);
708
- if (child) insertBefore(wrapper, child, null);
53
+ if (child) (0, import_vobs.insertBefore)(wrapper, child, null);
709
54
  } else if (props.component) {
710
55
  const { form: _form, name: _name, label: _label, children: _children, component: _component, ...extra } = props;
711
- const wired = createComponent(props.component, {
56
+ const wired = (0, import_vobs.createComponent)(props.component, {
712
57
  ...extra,
713
58
  get value() {
714
59
  return field.value.value;
@@ -720,23 +65,23 @@ function Field(props) {
720
65
  void field.markTouched();
721
66
  }, "onBlur")
722
67
  });
723
- insertBefore(wrapper, wired, null);
68
+ (0, import_vobs.insertBefore)(wrapper, wired, null);
724
69
  } else {
725
- const input = createElement("input");
726
- effect(() => setProperty(input, "value", field.value.value));
727
- addEventListener(input, "input", (event) => {
70
+ const input = (0, import_vobs.createElement)("input");
71
+ (0, import_reactivity.effect)(() => (0, import_vobs.setProperty)(input, "value", field.value.value));
72
+ (0, import_vobs.addEventListener)(input, "input", (event) => {
728
73
  field.set(event.target.value);
729
74
  });
730
- addEventListener(input, "blur", () => {
75
+ (0, import_vobs.addEventListener)(input, "blur", () => {
731
76
  void field.markTouched();
732
77
  });
733
- insertBefore(wrapper, input, null);
78
+ (0, import_vobs.insertBefore)(wrapper, input, null);
734
79
  }
735
- insertDynamic(wrapper, null, () => {
80
+ (0, import_vobs.insertDynamic)(wrapper, null, () => {
736
81
  if (!field.touched.value || !field.error.value) return null;
737
- const error = createElement("span");
738
- setAttribute(error, "data-vobs-field-error", "");
739
- insertBefore(error, createText(field.error.value), null);
82
+ const error = (0, import_vobs.createElement)("span");
83
+ (0, import_vobs.setAttribute)(error, "data-vobs-field-error", "");
84
+ (0, import_vobs.insertBefore)(error, (0, import_vobs.createText)(field.error.value), null);
740
85
  return error;
741
86
  });
742
87
  });
@@ -750,19 +95,19 @@ function useForm(initialValues, options = {}) {
750
95
  }
751
96
  __name(useForm, "useForm");
752
97
  function createForm(initialValues, options = {}) {
753
- const owner = createOwner();
98
+ const owner = (0, import_reactivity2.createOwner)();
754
99
  const names = Object.keys(initialValues);
755
100
  const fields = /* @__PURE__ */ new Map();
756
101
  const touchedNames = /* @__PURE__ */ new Set();
757
102
  const validatingNames = /* @__PURE__ */ new Set();
758
- const dirty = owner.run(() => state(false));
759
- const touched = owner.run(() => state(/* @__PURE__ */ new Set()));
760
- const errors = owner.run(() => state({}));
761
- const hasErrors = owner.run(() => state(false));
762
- const submitting = owner.run(() => state(false));
763
- const validating = owner.run(() => state(false));
764
- const validatingFields = owner.run(() => state(/* @__PURE__ */ new Set()));
765
- const fieldNames = owner.run(() => state(new Set(names)));
103
+ const dirty = owner.run(() => (0, import_reactivity2.state)(false));
104
+ const touched = owner.run(() => (0, import_reactivity2.state)(/* @__PURE__ */ new Set()));
105
+ const errors = owner.run(() => (0, import_reactivity2.state)({}));
106
+ const hasErrors = owner.run(() => (0, import_reactivity2.state)(false));
107
+ const submitting = owner.run(() => (0, import_reactivity2.state)(false));
108
+ const validating = owner.run(() => (0, import_reactivity2.state)(false));
109
+ const validatingFields = owner.run(() => (0, import_reactivity2.state)(/* @__PURE__ */ new Set()));
110
+ const fieldNames = owner.run(() => (0, import_reactivity2.state)(new Set(names)));
766
111
  let schemaRun = 0;
767
112
  let schemaPending = 0;
768
113
  let formError = null;
@@ -773,11 +118,11 @@ function createForm(initialValues, options = {}) {
773
118
  const initialValue = initialValues[name];
774
119
  fields.set(name, {
775
120
  name,
776
- value: state(initialValue),
777
- touched: state(false),
778
- dirty: state(false),
779
- error: state(null),
780
- validating: state(false),
121
+ value: (0, import_reactivity2.state)(initialValue),
122
+ touched: (0, import_reactivity2.state)(false),
123
+ dirty: (0, import_reactivity2.state)(false),
124
+ error: (0, import_reactivity2.state)(null),
125
+ validating: (0, import_reactivity2.state)(false),
781
126
  initialValue,
782
127
  validationRun: 0
783
128
  });
@@ -1093,11 +438,11 @@ function createForm(initialValues, options = {}) {
1093
438
  const validators = fieldOptions.validators ? Array.isArray(fieldOptions.validators) ? fieldOptions.validators : [fieldOptions.validators] : void 0;
1094
439
  fields.set(name, {
1095
440
  name,
1096
- value: state(initialValue),
1097
- touched: state(false),
1098
- dirty: state(false),
1099
- error: state(null),
1100
- validating: state(false),
441
+ value: (0, import_reactivity2.state)(initialValue),
442
+ touched: (0, import_reactivity2.state)(false),
443
+ dirty: (0, import_reactivity2.state)(false),
444
+ error: (0, import_reactivity2.state)(null),
445
+ validating: (0, import_reactivity2.state)(false),
1101
446
  initialValue,
1102
447
  validationRun: 0,
1103
448
  validators,
@@ -1324,7 +669,8 @@ function assertFiniteNumber(value, name) {
1324
669
  __name(assertFiniteNumber, "assertFiniteNumber");
1325
670
 
1326
671
  // packages/forms/src/plugin.ts
1327
- var FORMS_KEY = createInjectionKey("vobs.forms");
672
+ var import_vobs2 = require("@vobs/vobs");
673
+ var FORMS_KEY = (0, import_vobs2.createInjectionKey)("vobs.forms");
1328
674
  function formsPlugin(options = {}) {
1329
675
  return {
1330
676
  name: "@vobs/forms",
@@ -1335,12 +681,13 @@ function formsPlugin(options = {}) {
1335
681
  };
1336
682
  }
1337
683
  __name(formsPlugin, "formsPlugin");
1338
-
1339
- exports.FORMS_KEY = FORMS_KEY;
1340
- exports.Field = Field;
1341
- exports.createForm = createForm;
1342
- exports.formsPlugin = formsPlugin;
1343
- exports.rules = rules;
1344
- exports.useForm = useForm;
1345
- //# sourceMappingURL=index.cjs.map
684
+ // Annotate the CommonJS export names for ESM import in node:
685
+ 0 && (module.exports = {
686
+ FORMS_KEY,
687
+ Field,
688
+ createForm,
689
+ formsPlugin,
690
+ rules,
691
+ useForm
692
+ });
1346
693
  //# sourceMappingURL=index.cjs.map