essor 0.0.16-beta.2 → 0.0.16-beta.4

package/dist/{chunk-FIBC7TTZ.esm.js → chunk-CLZAPZAN.esm.js}

@@ -1,12 +1,12 @@
 /**
-* essor v0.0.16-beta.2
-* build time 2026-05-08T05:50:51.766Z
+* essor v0.0.16-beta.4
+* build time 2026-05-11T07:25:26.556Z
 * (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
 * @license MIT
 **/
 
 // src/version.ts
-var __version = "0.0.16-beta.2";
+var __version = "0.0.16-beta.4";
 
 // ../shared/dist/shared.esm.js
 var isObject = (val) => val !== null && typeof val === "object";
@@ -246,75 +246,6 @@ var COLLECTION_KEY = /* @__PURE__ */ Symbol("Collection_Key");
 var WEAK_COLLECTION_KEY = /* @__PURE__ */ Symbol("WeakCollection_Key");
 var ITERATE_KEY = /* @__PURE__ */ Symbol("Iterate_Key");
 var ARRAY_ITERATE_KEY = /* @__PURE__ */ Symbol("Array_Iterate_Key");
-function enqueueEffect(effect2) {
-  var _a52;
-  (_a52 = effect2 == null ? void 0 : effect2.notify) == null ? void 0 : _a52.call(effect2);
-}
-function propagate(link) {
-  let next2 = link.nextSubLink;
-  let stack;
-  top: do {
-    const sub = link.subNode;
-    const watcherBit = sub.flag & 2;
-    let flags = sub.flag;
-    if (!(flags & (16 | 32 | 8 | 4))) {
-      sub.flag = flags | 32;
-      if (watcherBit) {
-        enqueueEffect(sub);
-      }
-    } else if (!(flags & (8 | 4))) {
-      flags = 0;
-    } else if (!(flags & 4)) {
-      sub.flag = flags & -9 | 32;
-    } else if (!(flags & (16 | 32)) && isValidLink(link, sub)) {
-      sub.flag = flags | (8 | 32);
-      if (watcherBit) {
-        enqueueEffect(sub);
-      }
-      flags &= 1;
-    } else {
-      flags = 0;
-    }
-    if (flags & 1) {
-      const subSubs = sub.subLink;
-      if (subSubs !== void 0) {
-        const nextSub = subSubs.nextSubLink;
-        if (nextSub !== void 0) {
-          stack = { value: next2, prev: stack };
-          next2 = nextSub;
-        }
-        link = subSubs;
-        continue;
-      }
-    }
-    if ((link = next2) !== void 0) {
-      next2 = link.nextSubLink;
-      continue;
-    }
-    while (stack !== void 0) {
-      link = stack.value;
-      stack = stack.prev;
-      if (link !== void 0) {
-        next2 = link.nextSubLink;
-        continue top;
-      }
-    }
-    break;
-  } while (true);
-}
-function shallowPropagate(link) {
-  while (link) {
-    const sub = link.subNode;
-    const flags = sub.flag;
-    if ((flags & (32 | 16)) === 32) {
-      sub.flag = flags | 16;
-      if ((flags & (2 | 4)) === 2) {
-        enqueueEffect(sub);
-      }
-    }
-    link = link.nextSubLink;
-  }
-}
 var currentLinkVersion = 0;
 var activeSub;
 var isUntracking = false;
@@ -335,6 +266,10 @@ var Dep = class {
     }
   }
 };
+function enqueueEffect(effect2) {
+  var _a52;
+  (_a52 = effect2 == null ? void 0 : effect2.notify) == null ? void 0 : _a52.call(effect2);
+}
 function linkReactiveNode(depNode, subNode) {
   if (isUntracking) {
     return void 0;
@@ -358,10 +293,8 @@ function linkReactiveNode(depNode, subNode) {
     version: currentLinkVersion,
     depNode,
     subNode,
-    // Subscriber chain pointers (horizontal)
     prevSubLink: prevSub,
     nextSubLink: void 0,
-    // Dependency chain pointers (vertical)
     prevDepLink: prevDep,
     nextDepLink: nextDep
   };
@@ -380,15 +313,13 @@ function linkReactiveNode(depNode, subNode) {
   }
   depNode.subLinkTail = newLink;
   subNode.depLinkTail = newLink;
-  {
-    if (subNode.onTrack && isFunction(subNode == null ? void 0 : subNode.onTrack)) {
-      subNode.onTrack({
-        effect: subNode,
-        target: depNode,
-        type: "get",
-        key: void 0
-      });
-    }
+  if (subNode.onTrack && isFunction(subNode.onTrack)) {
+    subNode.onTrack({
+      effect: subNode,
+      target: depNode,
+      type: "get",
+      key: void 0
+    });
   }
   return newLink;
 }
@@ -426,12 +357,10 @@ function unlinkReactiveNode(linkNode, subNode = linkNode.subNode) {
       if (!depNode.isDep) {
         depNode.flag |= 16;
       }
-      {
-        if (depNode.depLink) {
-          error(
-            "[Link] Cascading cleanup failed: depNode still has dependency links. This indicates a bug in the unlinking logic."
-          );
-        }
+      if (depNode.depLink) {
+        error(
+          "[Link] Cascading cleanup failed: depNode still has dependency links. This indicates a bug in the unlinking logic."
+        );
       }
     }
   }
@@ -451,7 +380,7 @@ function checkDirty(link, sub) {
       if ((depFlags & (1 | 16)) === (1 | 16)) {
         const subs = dep.subLink;
         if (subs && subs.nextSubLink) {
-          shallowPropagate2(subs);
+          shallowPropagate(subs);
         }
         currentDirty = true;
       } else if ((depFlags & (1 | 32)) === (1 | 32)) {
@@ -499,16 +428,71 @@ function checkDirty(link, sub) {
     return dirty;
   } while (true);
 }
-function shallowPropagate2(link) {
+function shallowPropagate(link) {
   while (link) {
     const sub = link.subNode;
     const flags = sub.flag;
     if ((flags & (32 | 16)) === 32) {
       sub.flag = flags | 16;
+      if ((flags & (2 | 4)) === 2) {
+        enqueueEffect(sub);
+      }
     }
     link = link.nextSubLink;
   }
 }
+function propagate(link) {
+  let next2 = link.nextSubLink;
+  let stack;
+  top: do {
+    const sub = link.subNode;
+    const watcherBit = sub.flag & 2;
+    let flags = sub.flag;
+    if (!(flags & (16 | 32 | 8 | 4))) {
+      sub.flag = flags | 32;
+      if (watcherBit) {
+        enqueueEffect(sub);
+      }
+    } else if (!(flags & (8 | 4))) {
+      flags = 0;
+    } else if (!(flags & 4)) {
+      sub.flag = flags & -9 | 32;
+    } else if (!(flags & (16 | 32)) && isValidLink(link, sub)) {
+      sub.flag = flags | (8 | 32);
+      if (watcherBit) {
+        enqueueEffect(sub);
+      }
+      flags &= 1;
+    } else {
+      flags = 0;
+    }
+    if (flags & 1) {
+      const subSubs = sub.subLink;
+      if (subSubs !== void 0) {
+        const nextSub = subSubs.nextSubLink;
+        if (nextSub !== void 0) {
+          stack = { value: next2, prev: stack };
+          next2 = nextSub;
+        }
+        link = subSubs;
+        continue;
+      }
+    }
+    if ((link = next2) !== void 0) {
+      next2 = link.nextSubLink;
+      continue;
+    }
+    while (stack !== void 0) {
+      link = stack.value;
+      stack = stack.prev;
+      if (link !== void 0) {
+        next2 = link.nextSubLink;
+        continue top;
+      }
+    }
+    break;
+  } while (true);
+}
 function setActiveSub(sub) {
   const prev = activeSub;
   activeSub = sub;
@@ -1270,7 +1254,7 @@ var SignalImpl = class {
     if (flags & 16 && this.shouldUpdate()) {
       const subs = this.subLink;
       if (subs) {
-        shallowPropagate2(subs);
+        shallowPropagate(subs);
       }
     }
     return this._value;
@@ -1486,6 +1470,133 @@ function isBatching() {
 function getBatchDepth() {
   return batchDepth;
 }
+var activeEffectScope;
+var EffectScope = class {
+  constructor(detached = false, parent = void 0) {
+    this.detached = detached;
+    this.parent = parent;
+    this._active = true;
+    this.effects = [];
+    this.scopes = [];
+    this.cleanups = [];
+    if (!detached && activeEffectScope) {
+      this.parent = activeEffectScope;
+      activeEffectScope.scopes.push(this);
+    }
+  }
+  get active() {
+    return this._active;
+  }
+  pause() {
+    var _a52, _b2;
+    if (!this._active) {
+      return;
+    }
+    for (let i = 0; i < this.scopes.length; i++) {
+      this.scopes[i].pause();
+    }
+    for (let i = 0; i < this.effects.length; i++) {
+      (_b2 = (_a52 = this.effects[i]).pause) == null ? void 0 : _b2.call(_a52);
+    }
+  }
+  resume() {
+    var _a52, _b2;
+    if (!this._active) {
+      return;
+    }
+    for (let i = 0; i < this.scopes.length; i++) {
+      this.scopes[i].resume();
+    }
+    for (let i = 0; i < this.effects.length; i++) {
+      (_b2 = (_a52 = this.effects[i]).resume) == null ? void 0 : _b2.call(_a52);
+    }
+  }
+  run(fn) {
+    if (!this._active) {
+      {
+        warn("cannot run an inactive effect scope.");
+      }
+      return;
+    }
+    const prevScope = activeEffectScope;
+    activeEffectScope = this;
+    try {
+      return fn();
+    } finally {
+      activeEffectScope = prevScope;
+    }
+  }
+  stop(fromParent = false) {
+    if (!this._active) {
+      return;
+    }
+    this._active = false;
+    for (let i = 0; i < this.scopes.length; i++) {
+      this.scopes[i].stop(true);
+    }
+    this.scopes.length = 0;
+    const effects = this.effects.slice();
+    this.effects.length = 0;
+    for (const effect2 of effects) {
+      effect2.stop();
+    }
+    for (let i = 0; i < this.cleanups.length; i++) {
+      this.cleanups[i]();
+    }
+    this.cleanups.length = 0;
+    if (!fromParent && this.parent) {
+      const index = this.parent.scopes.indexOf(this);
+      if (index >= 0) {
+        this.parent.scopes.splice(index, 1);
+      }
+    }
+    this.parent = void 0;
+  }
+  _record(effect2) {
+    this.effects.push(effect2);
+    effect2.scope = this;
+  }
+  _remove(effect2) {
+    const index = this.effects.indexOf(effect2);
+    if (index >= 0) {
+      this.effects.splice(index, 1);
+    }
+  }
+  _pushCleanup(fn) {
+    this.cleanups.push(fn);
+  }
+};
+function effectScope(detached = false) {
+  return new EffectScope(detached);
+}
+function getCurrentScope() {
+  return activeEffectScope;
+}
+function setCurrentScope(scope) {
+  const prevScope = activeEffectScope;
+  activeEffectScope = scope;
+  return prevScope;
+}
+function onScopeDispose(fn, failSilently = false) {
+  if (activeEffectScope) {
+    activeEffectScope._pushCleanup(fn);
+  } else if (!failSilently) {
+    warn("onScopeDispose() is called when there is no active effect scope to be associated with.");
+  }
+}
+function recordDisposable(effect2, scope = activeEffectScope) {
+  if (scope && scope.active) {
+    scope._record(effect2);
+  }
+}
+function releaseDisposable(effect2) {
+  const scope = effect2.scope;
+  if (!scope) {
+    return;
+  }
+  effect2.scope = void 0;
+  scope._remove(effect2);
+}
 var _a2;
 _a2 = "_IS_EFFECT";
 var EffectImpl = class {
@@ -1511,6 +1622,7 @@ var EffectImpl = class {
         if (options.onTrigger) this.onTrigger = options.onTrigger;
       }
     }
+    recordDisposable(this);
   }
   /**
    * Check if the Effect is active.
@@ -1674,12 +1786,10 @@ var EffectImpl = class {
   stop() {
     var _a52;
     if (!this._active) {
-      {
-        warn("[Effect] Attempting to stop an already stopped effect.");
-      }
       return;
     }
     this._active = false;
+    releaseDisposable(this);
     let dep = this.depLink;
     while (dep) {
       dep = unlinkReactiveNode(dep, this);
@@ -1761,11 +1871,13 @@ var ComputedImpl = class {
     this.flag = 1 | 16;
     this[_a3] = true;
     this._value = NO_VALUE;
+    this._active = true;
     this.getter = getter;
     this.setter = setter;
     this.onTrack = onTrack;
     this.onTrigger = onTrigger;
     this.flag |= 16;
+    recordDisposable(this);
   }
   /**
    * Returns the current value.
@@ -1773,6 +1885,9 @@ var ComputedImpl = class {
    * @returns {T} The current value.
    */
   get value() {
+    if (!this.active) {
+      return this._value === NO_VALUE ? this.getter() : this._value;
+    }
     if (activeSub) {
       linkReactiveNode(this, activeSub);
     }
@@ -1814,11 +1929,17 @@ var ComputedImpl = class {
    * @returns {T} The current value.
    */
   peek() {
+    if (!this.active) {
+      return this._value === NO_VALUE ? this.getter() : this._value;
+    }
     if (this._value === NO_VALUE) {
       this.recompute();
     }
     return this._value;
   }
+  get active() {
+    return this._active;
+  }
   /**
    * Recompute the value
    *
@@ -1831,6 +1952,12 @@ var ComputedImpl = class {
    * @private
    */
   recompute() {
+    if (!this._active) {
+      if (this._value === NO_VALUE) {
+        this._value = this.getter();
+      }
+      return;
+    }
     const oldValue = this._value;
     const hadValue = oldValue !== NO_VALUE;
     const prevSub = startTracking(this);
@@ -1889,6 +2016,24 @@ var ComputedImpl = class {
     }
     return hasChanged(this._value, oldValue);
   }
+  stop() {
+    if (!this._active) {
+      return;
+    }
+    this._active = false;
+    releaseDisposable(this);
+    let dep = this.depLink;
+    while (dep) {
+      dep = unlinkReactiveNode(dep, this);
+    }
+    let sub = this.subLink;
+    while (sub) {
+      sub = unlinkReactiveNode(sub);
+    }
+    this.depLinkTail = void 0;
+    this.subLinkTail = void 0;
+    this.flag &= -49;
+  }
 };
 function computed(getterOrOptions) {
   if (isComputed(getterOrOptions)) {
@@ -2247,7 +2392,7 @@ function watch(source, callback, options = {}) {
   };
 }
 
-// ../template/dist/chunk-3E4EK64L.dev.esm.js
+// ../template/dist/chunk-JT6RSDKI.dev.esm.js
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
@@ -2289,8 +2434,10 @@ function getActiveScope() {
   return activeScope;
 }
 function createScope(parent = activeScope) {
+  const reactiveScope = parent ? parent.effectScope.run(() => effectScope()) : effectScope(true);
   const scope = {
     id: ++scopeId,
+    effectScope: reactiveScope,
     parent,
     children: null,
     // Lazy initialized
@@ -2319,7 +2466,7 @@ function runWithScope(scope, fn) {
   const prevScope = activeScope;
   activeScope = scope;
   try {
-    return fn();
+    return scope.effectScope.run(fn);
   } finally {
     activeScope = prevScope;
   }
@@ -2339,15 +2486,13 @@ function disposeScope(scope) {
     }
     scope.children.clear();
   }
-  const prevScope = activeScope;
-  activeScope = scope;
-  try {
+  runWithScope(scope, () => {
     if (scope.onDestroy) {
       for (let i = 0; i < scope.onDestroy.length; i++) {
         try {
           scope.onDestroy[i]();
         } catch (error_) {
-          if (true) {
+          {
             error(`Scope(${scope.id}): Error in destroy hook:`, error_);
           }
         }
@@ -2359,16 +2504,15 @@ function disposeScope(scope) {
         try {
           scope.cleanup[i]();
         } catch (error_) {
-          if (true) {
+          {
             error(`Scope(${scope.id}): Error in cleanup:`, error_);
           }
         }
       }
       scope.cleanup = null;
     }
-  } finally {
-    activeScope = prevScope;
-  }
+  });
+  scope.effectScope.stop();
   if ((_a6 = scope.parent) == null ? void 0 : _a6.children) {
     scope.parent.children.delete(scope);
   }
@@ -2931,7 +3075,7 @@ function normalizeNode(node) {
 }
 function insert(parent, nodeFactory, before) {
   if (!parent) return;
-  const ownerScope = getActiveScope();
+  const parentScope = getActiveScope();
   let renderedNodes = [];
   let isFirstRun = true;
   const resolveNodes = (raw) => {
@@ -2955,8 +3099,8 @@ function insert(parent, nodeFactory, before) {
       renderedNodes = reconcileArrays(parent, renderedNodes, nodes, before);
       isFirstRun = false;
     };
-    if (ownerScope && !ownerScope.isDestroyed) {
-      runWithScope(ownerScope, executeUpdate);
+    if (parentScope && !parentScope.isDestroyed) {
+      runWithScope(parentScope, executeUpdate);
     } else {
       executeUpdate();
     }
@@ -3153,7 +3297,9 @@ var Component = class {
       if (isFunction(result)) {
         result = result(this.reactiveProps);
       }
-      if (isSignal(result) || isComputed(result)) {
+      if (isSignal(result)) {
+        result = result.value;
+      } else if (isComputed(result)) {
         result = result.value;
       }
       return (_a32 = insert(parentNode, result, beforeNode)) != null ? _a32 : [];
@@ -3254,11 +3400,12 @@ var Component = class {
       return () => value(null);
     }
     if (isSignal(value)) {
-      const previousValue = value.value;
-      value.value = root;
+      const ref2 = value;
+      const previousValue = ref2.value;
+      ref2.value = root;
       return () => {
-        if (value.value === root) {
-          value.value = previousValue;
+        if (ref2.value === root) {
+          ref2.value = previousValue;
         }
       };
     }
@@ -3679,10 +3826,10 @@ function Portal(props) {
   placeholder[PORTAL_COMPONENT] = true;
   const { children } = props;
   if (children == null) return placeholder;
-  const ownerScope = getActiveScope();
+  const parentScope = getActiveScope();
   let innerScope = null;
   const mountAt = (parent, before) => {
-    innerScope = createScope(ownerScope);
+    innerScope = createScope(parentScope);
     runWithScope(innerScope, () => {
       insert(parent, () => children, before);
     });
@@ -4356,6 +4503,6 @@ function For(props) {
 }
 For[FOR_COMPONENT] = true;
 
-export { Component, For, Fragment, Portal, Suspense, TriggerOpTypes, __version, addEvent, addEventListener, batch, beginHydration, bindElement, child, clearDelegatedEvents, computed, consumeTeleportAnchor, consumeTeleportBlock, createApp, createComponent, createResource, createStore, defineAsyncComponent, delegateEvents, effect, endBatch, endHydration, error, escapeHTML, getBatchDepth, getHydrationKey, getRenderedElement, hydrate, inject, insert, isArray, isBatching, isComponent, isComputed, isEffect, isFragment, isFunction, isHydrating, isNil, isObject, isPortal, isPromise, isReactive, isRef, isShallow, isSignal, isString, isSuspense, memoEffect, next, nextTick, normalizeClass, normalizeClassName, normalizeStyle, nthChild, omitProps, onDestroy, onMount, onUpdate, patchAttr, patchAttrHydrate, patchClass, patchClassHydrate, patchStyle, patchStyleHydrate, provide, queueJob, queuePreFlushCb, reactive, ref, resetHydrationKey, setStyle, shallowReactive, shallowSignal, signal, startBatch, stop, styleToString, template, toRaw, toReactive, trigger, untrack, watch };
-//# sourceMappingURL=chunk-FIBC7TTZ.esm.js.map
-//# sourceMappingURL=chunk-FIBC7TTZ.esm.js.map
+export { Component, EffectScope, For, Fragment, Portal, Suspense, TriggerOpTypes, __version, addEvent, addEventListener, batch, beginHydration, bindElement, child, clearDelegatedEvents, computed, consumeTeleportAnchor, consumeTeleportBlock, createApp, createComponent, createResource, createStore, defineAsyncComponent, delegateEvents, effect, effectScope, endBatch, endHydration, error, escapeHTML, getBatchDepth, getCurrentScope, getHydrationKey, getRenderedElement, hydrate, inject, insert, isArray, isBatching, isComponent, isComputed, isEffect, isFragment, isFunction, isHydrating, isNil, isObject, isPortal, isPromise, isReactive, isRef, isShallow, isSignal, isString, isSuspense, memoEffect, next, nextTick, normalizeClass, normalizeClassName, normalizeStyle, nthChild, omitProps, onDestroy, onMount, onScopeDispose, onUpdate, patchAttr, patchAttrHydrate, patchClass, patchClassHydrate, patchStyle, patchStyleHydrate, provide, queueJob, queuePreFlushCb, reactive, ref, resetHydrationKey, setCurrentScope, setStyle, shallowReactive, shallowSignal, signal, startBatch, stop, styleToString, template, toRaw, toReactive, trigger, untrack, watch };
+//# sourceMappingURL=chunk-CLZAPZAN.esm.js.map
+//# sourceMappingURL=chunk-CLZAPZAN.esm.js.map