wevu 1.0.0-alpha.3 → 1.0.0-alpha.5

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.
@@ -1,725 +0,0 @@
1
- //#region src/scheduler.ts
2
- const resolvedPromise = Promise.resolve();
3
- const jobQueue = /* @__PURE__ */ new Set();
4
- let isFlushing = false;
5
- function flushJobs() {
6
- isFlushing = true;
7
- try {
8
- jobQueue.forEach((job) => job());
9
- } finally {
10
- jobQueue.clear();
11
- isFlushing = false;
12
- }
13
- }
14
- function queueJob(job) {
15
- jobQueue.add(job);
16
- if (!isFlushing) resolvedPromise.then(flushJobs);
17
- }
18
- function nextTick(fn) {
19
- return fn ? resolvedPromise.then(fn) : resolvedPromise;
20
- }
21
-
22
- //#endregion
23
- //#region src/reactivity/core.ts
24
- const targetMap = /* @__PURE__ */ new WeakMap();
25
- let activeEffect = null;
26
- const effectStack = [];
27
- let batchDepth = 0;
28
- const batchedEffects = /* @__PURE__ */ new Set();
29
- function startBatch() {
30
- batchDepth++;
31
- }
32
- function endBatch() {
33
- if (batchDepth === 0) return;
34
- batchDepth--;
35
- if (batchDepth === 0) flushBatchedEffects();
36
- }
37
- function batch(fn) {
38
- startBatch();
39
- try {
40
- return fn();
41
- } finally {
42
- endBatch();
43
- }
44
- }
45
- function flushBatchedEffects() {
46
- while (batchedEffects.size) {
47
- const effects = Array.from(batchedEffects);
48
- batchedEffects.clear();
49
- for (const ef of effects) ef();
50
- }
51
- }
52
- let activeEffectScope;
53
- var EffectScopeImpl = class {
54
- active = true;
55
- effects = [];
56
- cleanups = [];
57
- parent;
58
- scopes;
59
- constructor(detached = false) {
60
- this.detached = detached;
61
- if (!detached && activeEffectScope) {
62
- this.parent = activeEffectScope;
63
- (activeEffectScope.scopes ||= []).push(this);
64
- }
65
- }
66
- run(fn) {
67
- if (!this.active) return;
68
- const prev = activeEffectScope;
69
- activeEffectScope = this;
70
- try {
71
- return fn();
72
- } finally {
73
- activeEffectScope = prev;
74
- }
75
- }
76
- stop() {
77
- if (!this.active) return;
78
- this.active = false;
79
- for (const effect$1 of this.effects) stop(effect$1);
80
- this.effects.length = 0;
81
- for (const cleanup of this.cleanups) cleanup();
82
- this.cleanups.length = 0;
83
- if (this.scopes) {
84
- for (const scope of this.scopes) scope.stop();
85
- this.scopes.length = 0;
86
- }
87
- if (this.parent?.scopes) {
88
- const index = this.parent.scopes.indexOf(this);
89
- if (index >= 0) this.parent.scopes.splice(index, 1);
90
- }
91
- this.parent = void 0;
92
- }
93
- };
94
- function effectScope(detached = false) {
95
- return new EffectScopeImpl(detached);
96
- }
97
- function getCurrentScope() {
98
- return activeEffectScope;
99
- }
100
- function onScopeDispose(fn) {
101
- if (activeEffectScope?.active) activeEffectScope.cleanups.push(fn);
102
- }
103
- function recordEffectScope(effect$1) {
104
- if (activeEffectScope?.active) activeEffectScope.effects.push(effect$1);
105
- }
106
- function cleanupEffect(effect$1) {
107
- const { deps } = effect$1;
108
- for (let i = 0; i < deps.length; i++) deps[i].delete(effect$1);
109
- deps.length = 0;
110
- }
111
- function createReactiveEffect(fn, options = {}) {
112
- const effect$1 = function reactiveEffect() {
113
- if (!effect$1.active) return fn();
114
- if (effect$1._running) return fn();
115
- cleanupEffect(effect$1);
116
- try {
117
- effect$1._running = true;
118
- effectStack.push(effect$1);
119
- activeEffect = effect$1;
120
- return fn();
121
- } finally {
122
- effectStack.pop();
123
- activeEffect = effectStack[effectStack.length - 1] ?? null;
124
- effect$1._running = false;
125
- }
126
- };
127
- effect$1.deps = [];
128
- effect$1.scheduler = options.scheduler;
129
- effect$1.onStop = options.onStop;
130
- effect$1.active = true;
131
- effect$1._running = false;
132
- effect$1._fn = fn;
133
- return effect$1;
134
- }
135
- function effect(fn, options = {}) {
136
- const _effect = createReactiveEffect(fn, options);
137
- recordEffectScope(_effect);
138
- if (!options.lazy) _effect();
139
- return _effect;
140
- }
141
- function stop(runner) {
142
- if (!runner.active) return;
143
- runner.active = false;
144
- cleanupEffect(runner);
145
- runner.onStop?.();
146
- }
147
- function track(target, key) {
148
- if (!activeEffect) return;
149
- let depsMap = targetMap.get(target);
150
- if (!depsMap) {
151
- depsMap = /* @__PURE__ */ new Map();
152
- targetMap.set(target, depsMap);
153
- }
154
- let dep = depsMap.get(key);
155
- if (!dep) {
156
- dep = /* @__PURE__ */ new Set();
157
- depsMap.set(key, dep);
158
- }
159
- if (!dep.has(activeEffect)) {
160
- dep.add(activeEffect);
161
- activeEffect.deps.push(dep);
162
- }
163
- }
164
- function trigger(target, key) {
165
- const depsMap = targetMap.get(target);
166
- if (!depsMap) return;
167
- const effects = depsMap.get(key);
168
- if (!effects) return;
169
- const effectsToRun = /* @__PURE__ */ new Set();
170
- effects.forEach((ef) => {
171
- if (ef !== activeEffect) effectsToRun.add(ef);
172
- });
173
- effectsToRun.forEach(scheduleEffect);
174
- }
175
- function trackEffects(dep) {
176
- if (!activeEffect) return;
177
- if (!dep.has(activeEffect)) {
178
- dep.add(activeEffect);
179
- activeEffect.deps.push(dep);
180
- }
181
- }
182
- function triggerEffects(dep) {
183
- dep.forEach(scheduleEffect);
184
- }
185
- function scheduleEffect(ef) {
186
- if (ef.scheduler) {
187
- ef.scheduler();
188
- return;
189
- }
190
- if (batchDepth > 0) {
191
- batchedEffects.add(ef);
192
- return;
193
- }
194
- ef();
195
- }
196
-
197
- //#endregion
198
- //#region src/reactivity/computed.ts
199
- function computed(getterOrOptions) {
200
- let getter;
201
- let setter;
202
- const onlyGetter = typeof getterOrOptions === "function";
203
- if (onlyGetter) {
204
- getter = getterOrOptions;
205
- setter = () => {
206
- throw new Error("Computed value is readonly");
207
- };
208
- } else {
209
- getter = getterOrOptions.get;
210
- setter = getterOrOptions.set;
211
- }
212
- let value;
213
- let dirty = true;
214
- let runner;
215
- const obj = {
216
- get value() {
217
- if (dirty) {
218
- value = runner();
219
- dirty = false;
220
- }
221
- track(obj, "value");
222
- return value;
223
- },
224
- set value(newValue) {
225
- setter(newValue);
226
- }
227
- };
228
- runner = effect(getter, {
229
- lazy: true,
230
- scheduler: () => {
231
- if (!dirty) {
232
- dirty = true;
233
- trigger(obj, "value");
234
- }
235
- }
236
- });
237
- return onlyGetter ? obj : obj;
238
- }
239
-
240
- //#endregion
241
- //#region src/reactivity/reactive.ts
242
- const reactiveMap = /* @__PURE__ */ new WeakMap();
243
- const rawMap = /* @__PURE__ */ new WeakMap();
244
- const rawRootMap = /* @__PURE__ */ new WeakMap();
245
- let ReactiveFlags = /* @__PURE__ */ function(ReactiveFlags$1) {
246
- ReactiveFlags$1["IS_REACTIVE"] = "__r_isReactive";
247
- ReactiveFlags$1["RAW"] = "__r_raw";
248
- ReactiveFlags$1["SKIP"] = "__r_skip";
249
- return ReactiveFlags$1;
250
- }({});
251
- function isObject$1(value) {
252
- return typeof value === "object" && value !== null;
253
- }
254
- const VERSION_KEY = Symbol("wevu.version");
255
- const mutableHandlers = {
256
- get(target, key, receiver) {
257
- if (key === ReactiveFlags.IS_REACTIVE) return true;
258
- if (key === ReactiveFlags.RAW) return target;
259
- const res = Reflect.get(target, key, receiver);
260
- track(target, key);
261
- if (isObject$1(res)) {
262
- if (res[ReactiveFlags.SKIP]) return res;
263
- const child = res;
264
- const parentRoot = rawRootMap.get(target) ?? target;
265
- if (!rawRootMap.has(child)) rawRootMap.set(child, parentRoot);
266
- return reactive(res);
267
- }
268
- return res;
269
- },
270
- set(target, key, value, receiver) {
271
- const oldValue = Reflect.get(target, key, receiver);
272
- const result = Reflect.set(target, key, value, receiver);
273
- if (!Object.is(oldValue, value)) {
274
- trigger(target, key);
275
- trigger(target, VERSION_KEY);
276
- const root = rawRootMap.get(target);
277
- if (root && root !== target) trigger(root, VERSION_KEY);
278
- }
279
- return result;
280
- },
281
- deleteProperty(target, key) {
282
- const hadKey = Object.prototype.hasOwnProperty.call(target, key);
283
- const result = Reflect.deleteProperty(target, key);
284
- if (hadKey && result) {
285
- trigger(target, key);
286
- trigger(target, VERSION_KEY);
287
- const root = rawRootMap.get(target);
288
- if (root && root !== target) trigger(root, VERSION_KEY);
289
- }
290
- return result;
291
- },
292
- ownKeys(target) {
293
- track(target, Symbol.iterator);
294
- track(target, VERSION_KEY);
295
- return Reflect.ownKeys(target);
296
- }
297
- };
298
- function reactive(target) {
299
- if (!isObject$1(target)) return target;
300
- const existingProxy = reactiveMap.get(target);
301
- if (existingProxy) return existingProxy;
302
- if (target[ReactiveFlags.IS_REACTIVE]) return target;
303
- const proxy = new Proxy(target, mutableHandlers);
304
- reactiveMap.set(target, proxy);
305
- rawMap.set(proxy, target);
306
- if (!rawRootMap.has(target)) rawRootMap.set(target, target);
307
- return proxy;
308
- }
309
- function isReactive(value) {
310
- return Boolean(value && value[ReactiveFlags.IS_REACTIVE]);
311
- }
312
- function toRaw(observed) {
313
- return observed?.[ReactiveFlags.RAW] ?? observed;
314
- }
315
- function convertToReactive(value) {
316
- return isObject$1(value) ? reactive(value) : value;
317
- }
318
- /**
319
- * 让 effect 订阅整个对象的“版本号”,无需深度遍历即可对任何字段变化做出响应。
320
- */
321
- function touchReactive(target) {
322
- track(toRaw(target), VERSION_KEY);
323
- }
324
- const shallowReactiveMap = /* @__PURE__ */ new WeakMap();
325
- const shallowHandlers = {
326
- get(target, key, receiver) {
327
- if (key === ReactiveFlags.IS_REACTIVE) return true;
328
- if (key === ReactiveFlags.RAW) return target;
329
- const res = Reflect.get(target, key, receiver);
330
- track(target, key);
331
- return res;
332
- },
333
- set(target, key, value, receiver) {
334
- const oldValue = Reflect.get(target, key, receiver);
335
- const result = Reflect.set(target, key, value, receiver);
336
- if (!Object.is(oldValue, value)) {
337
- trigger(target, key);
338
- trigger(target, VERSION_KEY);
339
- }
340
- return result;
341
- },
342
- deleteProperty(target, key) {
343
- const hadKey = Object.prototype.hasOwnProperty.call(target, key);
344
- const result = Reflect.deleteProperty(target, key);
345
- if (hadKey && result) {
346
- trigger(target, key);
347
- trigger(target, VERSION_KEY);
348
- }
349
- return result;
350
- },
351
- ownKeys(target) {
352
- track(target, Symbol.iterator);
353
- track(target, VERSION_KEY);
354
- return Reflect.ownKeys(target);
355
- }
356
- };
357
- /**
358
- * 创建一个浅层响应式代理:仅跟踪第一层属性变更,不深度递归嵌套对象。
359
- *
360
- * @param target 待转换的对象
361
- * @returns 浅层响应式代理
362
- *
363
- * @example
364
- * ```ts
365
- * const state = shallowReactive({ nested: { count: 0 } })
366
- *
367
- * state.nested.count++ // 不会触发 effect(嵌套对象未深度代理)
368
- * state.nested = { count: 1 } // 会触发 effect(顶层属性变更)
369
- * ```
370
- */
371
- function shallowReactive(target) {
372
- if (!isObject$1(target)) return target;
373
- const existingProxy = shallowReactiveMap.get(target);
374
- if (existingProxy) return existingProxy;
375
- if (target[ReactiveFlags.IS_REACTIVE]) return target;
376
- const proxy = new Proxy(target, shallowHandlers);
377
- shallowReactiveMap.set(target, proxy);
378
- rawMap.set(proxy, target);
379
- return proxy;
380
- }
381
- /**
382
- * 判断一个值是否为 shallowReactive 创建的浅层响应式对象
383
- */
384
- function isShallowReactive(value) {
385
- const raw = toRaw(value);
386
- return shallowReactiveMap.has(raw);
387
- }
388
- /**
389
- * 标记对象为“原始”状态,后续不会被转换为响应式,返回原对象本身。
390
- *
391
- * @param value 需要标记的对象
392
- * @returns 带有跳过标记的原对象
393
- *
394
- * @example
395
- * ```ts
396
- * const foo = markRaw({
397
- * nested: {}
398
- * })
399
- *
400
- * const state = reactive({
401
- * foo
402
- * })
403
- *
404
- * state.foo // 不是响应式对象
405
- * ```
406
- */
407
- function markRaw(value) {
408
- if (!isObject$1(value)) return value;
409
- Object.defineProperty(value, ReactiveFlags.SKIP, {
410
- value: true,
411
- configurable: true,
412
- enumerable: false,
413
- writable: true
414
- });
415
- return value;
416
- }
417
- /**
418
- * 判断某个值是否被标记为原始(即不应转换为响应式)。
419
- *
420
- * @param value 待检测的值
421
- * @returns 若含有跳过标记则返回 true
422
- */
423
- function isRaw(value) {
424
- return isObject$1(value) && ReactiveFlags.SKIP in value;
425
- }
426
-
427
- //#endregion
428
- //#region src/reactivity/ref.ts
429
- function isRef(value) {
430
- return Boolean(value && typeof value === "object" && "value" in value);
431
- }
432
- var RefImpl = class {
433
- _value;
434
- _rawValue;
435
- dep;
436
- constructor(value) {
437
- this._rawValue = value;
438
- this._value = convertToReactive(value);
439
- }
440
- get value() {
441
- if (!this.dep) this.dep = /* @__PURE__ */ new Set();
442
- trackEffects(this.dep);
443
- return this._value;
444
- }
445
- set value(newValue) {
446
- if (!Object.is(newValue, this._rawValue)) {
447
- this._rawValue = newValue;
448
- this._value = convertToReactive(newValue);
449
- if (this.dep) triggerEffects(this.dep);
450
- }
451
- }
452
- };
453
- function ref(value) {
454
- if (isRef(value)) return value;
455
- return markRaw(new RefImpl(value));
456
- }
457
- function unref(value) {
458
- return isRef(value) ? value.value : value;
459
- }
460
- var CustomRefImpl = class {
461
- _value;
462
- _factory;
463
- dep;
464
- constructor(factory, defaultValue) {
465
- this._factory = factory;
466
- this._value = defaultValue;
467
- }
468
- get value() {
469
- if (!this.dep) this.dep = /* @__PURE__ */ new Set();
470
- trackEffects(this.dep);
471
- return this._factory.get();
472
- }
473
- set value(newValue) {
474
- this._factory.set(newValue);
475
- if (this.dep) triggerEffects(this.dep);
476
- }
477
- };
478
- function customRef(factory, defaultValue) {
479
- return markRaw(new CustomRefImpl(factory, defaultValue));
480
- }
481
-
482
- //#endregion
483
- //#region src/store/actions.ts
484
- function wrapAction(store, name, action, actionSubs) {
485
- return function wrapped(...args) {
486
- const afterCbs = [];
487
- const errorCbs = [];
488
- const after = (cb) => afterCbs.push(cb);
489
- const onError = (cb) => errorCbs.push(cb);
490
- actionSubs.forEach((sub) => {
491
- try {
492
- sub({
493
- name,
494
- store,
495
- args,
496
- after,
497
- onError
498
- });
499
- } catch {}
500
- });
501
- let res;
502
- try {
503
- res = action.apply(store, args);
504
- } catch (e) {
505
- errorCbs.forEach((cb) => cb(e));
506
- throw e;
507
- }
508
- const finalize = (r) => {
509
- afterCbs.forEach((cb) => cb(r));
510
- return r;
511
- };
512
- if (res && typeof res.then === "function") return res.then((r) => finalize(r), (e) => {
513
- errorCbs.forEach((cb) => cb(e));
514
- return Promise.reject(e);
515
- });
516
- return finalize(res);
517
- };
518
- }
519
-
520
- //#endregion
521
- //#region src/store/utils.ts
522
- function isObject(val) {
523
- return typeof val === "object" && val !== null;
524
- }
525
- function mergeShallow(target, patch) {
526
- for (const k in patch) target[k] = patch[k];
527
- }
528
-
529
- //#endregion
530
- //#region src/store/base.ts
531
- function createBaseApi(id, stateObj, notify, resetImpl) {
532
- const api = { $id: id };
533
- Object.defineProperty(api, "$state", {
534
- get() {
535
- return stateObj;
536
- },
537
- set(v) {
538
- if (stateObj && isObject(v)) {
539
- mergeShallow(stateObj, v);
540
- notify("patch object");
541
- }
542
- }
543
- });
544
- api.$patch = (patch) => {
545
- if (!stateObj) {
546
- if (typeof patch === "function") {
547
- patch(api);
548
- notify("patch function");
549
- } else {
550
- mergeShallow(api, patch);
551
- notify("patch object");
552
- }
553
- return;
554
- }
555
- if (typeof patch === "function") {
556
- patch(stateObj);
557
- notify("patch function");
558
- } else {
559
- mergeShallow(stateObj, patch);
560
- notify("patch object");
561
- }
562
- };
563
- if (resetImpl) api.$reset = () => resetImpl();
564
- const subs = /* @__PURE__ */ new Set();
565
- api.$subscribe = (cb, _opts) => {
566
- subs.add(cb);
567
- return () => subs.delete(cb);
568
- };
569
- const actionSubs = /* @__PURE__ */ new Set();
570
- api.$onAction = (cb) => {
571
- actionSubs.add(cb);
572
- return () => actionSubs.delete(cb);
573
- };
574
- return {
575
- api,
576
- subs,
577
- actionSubs
578
- };
579
- }
580
-
581
- //#endregion
582
- //#region src/store/manager.ts
583
- function createStore() {
584
- const manager = {
585
- _stores: /* @__PURE__ */ new Map(),
586
- _plugins: [],
587
- install(_app) {},
588
- use(plugin) {
589
- if (typeof plugin === "function") manager._plugins.push(plugin);
590
- return manager;
591
- }
592
- };
593
- createStore._instance = manager;
594
- return manager;
595
- }
596
-
597
- //#endregion
598
- //#region src/store/define.ts
599
- function defineStore(id, setupOrOptions) {
600
- let instance;
601
- let created = false;
602
- const manager = createStore._instance;
603
- return function useStore() {
604
- if (created && instance) return instance;
605
- created = true;
606
- if (typeof setupOrOptions === "function") {
607
- const result = setupOrOptions();
608
- let notify$1 = () => {};
609
- const base$1 = createBaseApi(id, void 0, (t) => notify$1(t));
610
- notify$1 = (type) => {
611
- base$1.subs.forEach((cb) => {
612
- try {
613
- cb({
614
- type,
615
- storeId: id
616
- }, instance);
617
- } catch {}
618
- });
619
- };
620
- instance = Object.assign({}, result);
621
- for (const key of Object.getOwnPropertyNames(base$1.api)) {
622
- const d = Object.getOwnPropertyDescriptor(base$1.api, key);
623
- if (d) Object.defineProperty(instance, key, d);
624
- }
625
- Object.keys(result).forEach((k) => {
626
- const val = result[k];
627
- if (typeof val === "function" && !k.startsWith("$")) instance[k] = wrapAction(instance, k, val, base$1.actionSubs);
628
- });
629
- const plugins$1 = manager?._plugins ?? [];
630
- for (const plugin of plugins$1) try {
631
- plugin({ store: instance });
632
- } catch {}
633
- return instance;
634
- }
635
- const options = setupOrOptions;
636
- const rawState = options.state ? options.state() : {};
637
- const state = reactive(rawState);
638
- const initialSnapshot = { ...toRaw(rawState) };
639
- let notify = () => {};
640
- const base = createBaseApi(id, state, (t) => notify(t), () => {
641
- mergeShallow(state, initialSnapshot);
642
- notify("patch object");
643
- });
644
- notify = (type) => {
645
- base.subs.forEach((cb) => {
646
- try {
647
- cb({
648
- type,
649
- storeId: id
650
- }, state);
651
- } catch {}
652
- });
653
- };
654
- const store = {};
655
- for (const key of Object.getOwnPropertyNames(base.api)) {
656
- const d = Object.getOwnPropertyDescriptor(base.api, key);
657
- if (d) Object.defineProperty(store, key, d);
658
- }
659
- const getterDefs = options.getters ?? {};
660
- const computedMap = {};
661
- Object.keys(getterDefs).forEach((key) => {
662
- const getter = getterDefs[key];
663
- if (typeof getter === "function") {
664
- const c = computed(() => getter.call(store, state));
665
- computedMap[key] = c;
666
- Object.defineProperty(store, key, {
667
- enumerable: true,
668
- configurable: true,
669
- get() {
670
- return c.value;
671
- }
672
- });
673
- }
674
- });
675
- const actionDefs = options.actions ?? {};
676
- Object.keys(actionDefs).forEach((key) => {
677
- const act = actionDefs[key];
678
- if (typeof act === "function") store[key] = wrapAction(store, key, (...args) => {
679
- return act.apply(store, args);
680
- }, base.actionSubs);
681
- });
682
- Object.keys(state).forEach((k) => {
683
- Object.defineProperty(store, k, {
684
- enumerable: true,
685
- configurable: true,
686
- get() {
687
- return state[k];
688
- },
689
- set(v) {
690
- state[k] = v;
691
- }
692
- });
693
- });
694
- instance = store;
695
- const plugins = manager?._plugins ?? [];
696
- for (const plugin of plugins) try {
697
- plugin({ store: instance });
698
- } catch {}
699
- return instance;
700
- };
701
- }
702
-
703
- //#endregion
704
- //#region src/store/storeToRefs.ts
705
- function storeToRefs(store) {
706
- const result = {};
707
- for (const key in store) {
708
- const value = store[key];
709
- if (typeof value === "function") {
710
- result[key] = value;
711
- continue;
712
- }
713
- if (isRef(value)) result[key] = value;
714
- else result[key] = computed({
715
- get: () => store[key],
716
- set: (v) => {
717
- store[key] = v;
718
- }
719
- });
720
- }
721
- return result;
722
- }
723
-
724
- //#endregion
725
- export { onScopeDispose as C, queueJob as D, nextTick as E, getCurrentScope as S, stop as T, computed as _, isRef as a, effectScope as b, isObject$1 as c, isShallowReactive as d, markRaw as f, touchReactive as g, toRaw as h, customRef as i, isRaw as l, shallowReactive as m, defineStore as n, ref as o, reactive as p, createStore as r, unref as s, storeToRefs as t, isReactive as u, batch as v, startBatch as w, endBatch as x, effect as y };
package/dist/store.cjs DELETED
@@ -1,5 +0,0 @@
1
- const require_store = require('./store-DTqmKv0w.cjs');
2
-
3
- exports.createStore = require_store.createStore;
4
- exports.defineStore = require_store.defineStore;
5
- exports.storeToRefs = require_store.storeToRefs;