essor 0.0.17-beta.2 → 0.0.17-beta.4

package/dist/essor.browser.dev.js

@@ -1,12 +1,12 @@
 /**
-* essor v0.0.17-beta.2
-* build time 2026-06-04T10:32:03.793Z
+* essor v0.0.17-beta.4
+* build time 2026-06-16T06:43:56.275Z
 * (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
 * @license MIT
 **/
 
 // src/version.ts
-var __version = "0.0.17-beta.2";
+var __version = "0.0.17-beta.4";
 
 // ../shared/dist/shared.dev.js
 var isObject = (val) => val !== null && typeof val === "object";
@@ -575,11 +575,6 @@ function createArrayInstrumentations() {
       const arr = toRaw(this);
       const isShallowMode = isShallow(this);
       track(arr, ARRAY_ITERATE_KEY);
-      if (key === "toSpliced") {
-        for (let i = 0, l = arr.length; i < l; i++) {
-          track(arr, `${i}`);
-        }
-      }
       const res = Array.prototype[key].apply(arr, args);
       if (!Array.isArray(res)) {
         return res;
@@ -1419,39 +1414,39 @@ var EffectScope = class {
     this.detached = detached;
     this.parent = parent;
     this._active = true;
-    this.effects = [];
-    this.scopes = [];
+    this.effects = /* @__PURE__ */ new Set();
+    this.scopes = /* @__PURE__ */ new Set();
     this.cleanups = [];
     if (!detached && activeEffectScope) {
       this.parent = activeEffectScope;
-      activeEffectScope.scopes.push(this);
+      activeEffectScope.scopes.add(this);
     }
   }
   get active() {
     return this._active;
   }
   pause() {
-    var _a52, _b2;
+    var _a52;
     if (!this._active) {
       return;
     }
-    for (let i = 0; i < this.scopes.length; i++) {
-      this.scopes[i].pause();
+    for (const scope of this.scopes) {
+      scope.pause();
     }
-    for (let i = 0; i < this.effects.length; i++) {
-      (_b2 = (_a52 = this.effects[i]).pause) == null ? void 0 : _b2.call(_a52);
+    for (const effect2 of this.effects) {
+      (_a52 = effect2.pause) == null ? void 0 : _a52.call(effect2);
     }
   }
   resume() {
-    var _a52, _b2;
+    var _a52;
     if (!this._active) {
       return;
     }
-    for (let i = 0; i < this.scopes.length; i++) {
-      this.scopes[i].resume();
+    for (const scope of this.scopes) {
+      scope.resume();
     }
-    for (let i = 0; i < this.effects.length; i++) {
-      (_b2 = (_a52 = this.effects[i]).resume) == null ? void 0 : _b2.call(_a52);
+    for (const effect2 of this.effects) {
+      (_a52 = effect2.resume) == null ? void 0 : _a52.call(effect2);
     }
   }
   run(fn) {
@@ -1474,12 +1469,12 @@ var EffectScope = class {
       return;
     }
     this._active = false;
-    for (let i = 0; i < this.scopes.length; i++) {
-      this.scopes[i].stop(true);
+    for (const scope of this.scopes) {
+      scope.stop(true);
     }
-    this.scopes.length = 0;
-    const effects = this.effects.slice();
-    this.effects.length = 0;
+    this.scopes.clear();
+    const effects = Array.from(this.effects);
+    this.effects.clear();
     for (const effect2 of effects) {
       effect2.stop();
     }
@@ -1488,22 +1483,16 @@ var EffectScope = class {
     }
     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.scopes.delete(this);
     }
     this.parent = void 0;
   }
   _record(effect2) {
-    this.effects.push(effect2);
+    this.effects.add(effect2);
     effect2.scope = this;
   }
   _remove(effect2) {
-    const index = this.effects.indexOf(effect2);
-    if (index >= 0) {
-      this.effects.splice(index, 1);
-    }
+    this.effects.delete(effect2);
   }
   _pushCleanup(fn) {
     this.cleanups.push(fn);
@@ -2031,64 +2020,45 @@ function createOptionsStore(options) {
   const reactiveState = reactive(state);
   const subscriptions = /* @__PURE__ */ new Set();
   const actionCallbacks = /* @__PURE__ */ new Set();
-  const notifySubscribers = (state2) => {
+  const notify = (state2) => {
     subscriptions.forEach((callback) => callback(state2));
     actionCallbacks.forEach((callback) => callback(state2));
   };
+  const addCallback = (set, callback, label) => {
+    if (!callback) {
+      warn(`${label} is required`);
+      return () => {
+      };
+    }
+    set.add(callback);
+    return () => set.delete(callback);
+  };
+  const commit = (mutate) => {
+    batch(mutate);
+    notify(reactiveState);
+  };
   const defaultActions = {
-    /**
-     * Applies a partial patch to the reactive store state.
-     */
-    patch$(payload) {
+    $patch(payload) {
       if (!payload) {
         warn("Patch payload is required");
         return;
       }
-      batch(() => {
-        Object.assign(reactiveState, payload);
-      });
-      notifySubscribers(reactiveState);
+      commit(() => Object.assign(reactiveState, payload));
     },
-    /**
-     * Registers a store subscriber callback.
-     */
-    subscribe$(callback) {
-      if (!callback) {
-        warn("Subscribe callback is required");
-        return;
-      }
-      subscriptions.add(callback);
+    $subscribe(callback) {
+      return addCallback(subscriptions, callback, "Subscribe callback");
     },
-    /**
-     * Removes a previously registered store subscriber.
-     */
-    unsubscribe$(callback) {
+    $unsubscribe(callback) {
       subscriptions.delete(callback);
     },
-    /**
-     * Registers a callback for store action notifications.
-     */
-    onAction$(callback) {
-      if (!callback) {
-        warn("Action callback is required");
-        return;
-      }
-      actionCallbacks.add(callback);
+    $onAction(callback) {
+      return addCallback(actionCallbacks, callback, "Action callback");
     },
-    /**
-     * Removes a previously registered action callback.
-     */
-    offAction$(callback) {
+    $offAction(callback) {
       actionCallbacks.delete(callback);
     },
-    /**
-     * Resets the reactive state back to its initial snapshot.
-     */
-    reset$() {
-      batch(() => {
-        Object.assign(reactiveState, initState);
-      });
-      notifySubscribers(reactiveState);
+    $reset() {
+      commit(() => Object.assign(reactiveState, initState));
     }
   };
   const store = {};
@@ -2369,7 +2339,7 @@ function watch(source, callback, options = {}) {
   return stop2;
 }
 
-// ../template/dist/chunk-R6JICOKI.dev.js
+// ../template/dist/chunk-PYFF2HI3.dev.js
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
@@ -2458,6 +2428,10 @@ function disposeScope(scope) {
     return;
   }
   scope.isDestroyed = true;
+  if ((_a6 = scope.parent) == null ? void 0 : _a6.children) {
+    scope.parent.children.delete(scope);
+  }
+  scope.parent = null;
   if (scope.children && scope.children.size > 0) {
     for (const child2 of scope.children) {
       if (child2) {
@@ -2491,9 +2465,6 @@ function disposeScope(scope) {
   }
   setActiveScope(prevScope);
   scope.effectScope.stop();
-  if ((_a6 = scope.parent) == null ? void 0 : _a6.children) {
-    scope.parent.children.delete(scope);
-  }
   if (scope.provides) {
     scope.provides.clear();
     scope.provides = null;
@@ -2501,7 +2472,6 @@ function disposeScope(scope) {
   scope.onMount = null;
   scope.onUpdate = null;
   scope.children = null;
-  scope.parent = null;
 }
 function onCleanup(fn) {
   const scope = activeScope;
@@ -2883,23 +2853,31 @@ function resolveHydrationKey(parent) {
   const el = parent;
   return (_c = (_b2 = el.dataset.hk) != null ? _b2 : (_a22 = parent.closest("[data-hk]")) == null ? void 0 : _a22.dataset.hk) != null ? _c : null;
 }
+function expectedHydrationSlot(parent, index) {
+  if (_isHydrating && parent) {
+    const key = resolveHydrationKey(parent);
+    if (key) return `${key}-${index}`;
+  }
+  return String(index);
+}
 function hydrationMarker(parent, index) {
-  if (!_isHydrating || !parent || index < 0) return null;
-  const key = parent instanceof Element ? resolveHydrationKey(parent) : null;
-  const expected = key ? `${key}-${index}` : String(index);
+  if (!parent || index < 0) return null;
+  const expected = expectedHydrationSlot(parent instanceof Element ? parent : null, index);
+  let fallbackIndex = 0;
   let cursor = parent.firstChild;
   while (cursor) {
-    if (cursor.nodeType === Node.COMMENT_NODE && cursor.data === expected) {
-      return cursor;
+    if (cursor.nodeType === Node.COMMENT_NODE) {
+      const comment = cursor;
+      if (comment.data === expected) return comment;
+      if (!_isHydrating && comment.data === "" && fallbackIndex++ === index) return comment;
     }
     cursor = cursor.nextSibling;
   }
   return null;
 }
 function hydrationAnchor(parent, index) {
-  if (!_isHydrating || !(parent instanceof Element) || index < 0) return null;
-  const key = resolveHydrationKey(parent);
-  const expected = key ? `${key}-${index}` : String(index);
+  if (!(parent instanceof Element) || index < 0) return null;
+  const expected = expectedHydrationSlot(parent, index);
   let cursor = parent.firstChild;
   while (cursor) {
     if (cursor instanceof Element && cursor.getAttribute(HYDRATION_ANCHOR_ATTR) === expected) {
@@ -3436,6 +3414,7 @@ var Component = class {
     for (const key of Object.getOwnPropertyNames(this.reactiveProps)) {
       delete this.reactiveProps[key];
     }
+    this.state = 0;
   }
   /**
    * Apply props that bind to the root DOM element rather than flowing into
@@ -3574,8 +3553,8 @@ function createApp(component, target) {
   return {
     root: rootNode,
     unmount: () => {
-      disposeScope(scope);
       rootNode == null ? void 0 : rootNode.destroy();
+      disposeScope(scope);
     }
   };
 }
@@ -3607,8 +3586,8 @@ function hydrate(component, target) {
   return {
     root: rootNode,
     unmount: () => {
-      disposeScope(scope);
       rootNode == null ? void 0 : rootNode.destroy();
+      disposeScope(scope);
     }
   };
 }
@@ -4318,6 +4297,7 @@ function defineClientAsyncComponent(loader, options) {
     };
     const render = (fn, fnProps) => {
       if (!alive) return;
+      if (owner && owner.isDestroyed) return;
       if (viewScope) {
         disposeScope(viewScope);
         viewScope = null;
@@ -4433,9 +4413,7 @@ function For(props) {
   };
   const clearFallback = () => {
     for (const node of fallbackNodes) {
-      if (node.parentNode) {
-        node.parentNode.removeChild(node);
-      }
+      removeNode(node);
     }
     fallbackNodes = [];
   };