essor 0.0.17-beta.3 → 0.0.17-beta.5

package/dist/essor.browser.dev.js

@@ -1,12 +1,12 @@
 /**
-* essor v0.0.17-beta.3
-* build time 2026-06-13T06:38:24.171Z
+* essor v0.0.17-beta.5
+* build time 2026-06-16T09:16:05.600Z
 * (c) 2023-Present jiangxd <jiangxd2016@gmail.com>
 * @license MIT
 **/
 
 // src/version.ts
-var __version = "0.0.17-beta.3";
+var __version = "0.0.17-beta.5";
 
 // ../shared/dist/shared.dev.js
 var isObject = (val) => val !== null && typeof val === "object";
@@ -17,6 +17,9 @@ var isArray = Array.isArray;
 function isString(val) {
   return typeof val === "string";
 }
+function isNumber(val) {
+  return typeof val === "number";
+}
 function isSymbol(val) {
   return typeof val === "symbol";
 }
@@ -129,22 +132,6 @@ function normalizeClassName(classValue) {
 }
 
 // ../signals/dist/signals.dev.js
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 var TriggerOpTypes = {
   SET: "SET",
   ADD: "ADD",
@@ -1053,11 +1040,12 @@ var objectHandlers = (shallow) => ({
     return valueUnwrapped;
   },
   set: (target, key, value, receiver) => {
+    const hadKey = hasOwn(target, key);
     const oldValue = Reflect.get(target, key, receiver);
     const rawValue = toRaw(value);
     const result = Reflect.set(target, key, rawValue, receiver);
     if (hasStoredValueChanged(rawValue, oldValue)) {
-      trigger(target, TriggerOpTypes.SET, key, rawValue);
+      trigger(target, hadKey ? TriggerOpTypes.SET : TriggerOpTypes.ADD, key, rawValue);
     }
     return result;
   },
@@ -1068,6 +1056,10 @@ var objectHandlers = (shallow) => ({
       trigger(target, TriggerOpTypes.DELETE, key, void 0);
     }
     return result;
+  },
+  ownKeys: (target) => {
+    track(target, ITERATE_KEY);
+    return Reflect.ownKeys(target);
   }
 });
 var shallowObjectHandlers = objectHandlers(true);
@@ -1808,7 +1800,6 @@ var ComputedImpl = class {
     this.setter = setter;
     this.onTrack = onTrack;
     this.onTrigger = onTrigger;
-    this.flag |= 16;
     recordDisposable(this);
   }
   /**
@@ -2010,13 +2001,61 @@ function isComputed(value) {
     /* IS_COMPUTED */
   ];
 }
+function cloneInitialState(value, seen = /* @__PURE__ */ new WeakMap()) {
+  if (!isObject(value)) {
+    return value;
+  }
+  if (seen.has(value)) {
+    return seen.get(value);
+  }
+  if (value instanceof Date) {
+    return new Date(value.getTime());
+  }
+  if (value instanceof RegExp) {
+    return new RegExp(value.source, value.flags);
+  }
+  if (value instanceof Map) {
+    const clone2 = /* @__PURE__ */ new Map();
+    seen.set(value, clone2);
+    value.forEach((mapValue, mapKey) => {
+      clone2.set(cloneInitialState(mapKey, seen), cloneInitialState(mapValue, seen));
+    });
+    return clone2;
+  }
+  if (value instanceof Set) {
+    const clone2 = /* @__PURE__ */ new Set();
+    seen.set(value, clone2);
+    value.forEach((setValue) => {
+      clone2.add(cloneInitialState(setValue, seen));
+    });
+    return clone2;
+  }
+  if (Array.isArray(value)) {
+    const clone2 = [];
+    seen.set(value, clone2);
+    value.forEach((item, index) => {
+      clone2[index] = cloneInitialState(item, seen);
+    });
+    return clone2;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  if (prototype !== Object.prototype && prototype !== null) {
+    return value;
+  }
+  const clone = Object.create(prototype);
+  seen.set(value, clone);
+  for (const key of Reflect.ownKeys(value)) {
+    clone[key] = cloneInitialState(value[key], seen);
+  }
+  return clone;
+}
 function createOptionsStore(options) {
   if (!options.state) {
     warn("Store state is required");
     throw new Error("Store state is required");
   }
   const { state, getters, actions } = options;
-  const initState = __spreadValues({}, state);
+  const initState = cloneInitialState(state);
   const reactiveState = reactive(state);
   const subscriptions = /* @__PURE__ */ new Set();
   const actionCallbacks = /* @__PURE__ */ new Set();
@@ -2340,17 +2379,17 @@ function watch(source, callback, options = {}) {
 }
 
 // ../template/dist/chunk-PYFF2HI3.dev.js
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop))
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2634,6 +2673,7 @@ function patchClass(el, prev, next2, isSVG = false) {
 }
 var normalizeClass = normalizeClassName;
 var importantRE = /\s*!important$/;
+var styleDeclRE = /(?:^|;)\s*([a-z][a-z\d-]*)\s*:/gi;
 var prefixes = ["Webkit", "Moz", "ms"];
 var prefixCache = {};
 function patchStyle(el, prev, next2) {
@@ -2658,9 +2698,9 @@ function patchStyle(el, prev, next2) {
       }
     }
   } else if (prev && isString(prev)) {
-    const declRE = /(?:^|;)\s*([a-z][a-z\d-]*)\s*:/gi;
+    styleDeclRE.lastIndex = 0;
     let match;
-    while ((match = declRE.exec(prev)) !== null) {
+    while ((match = styleDeclRE.exec(prev)) !== null) {
       const key = match[1].trim();
       if (key && next2 && isObject(next2) && next2[key] == null) {
         setStyle(style, key, "");
@@ -2853,23 +2893,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) {
@@ -3117,7 +3165,7 @@ function normalizeNode(node) {
 }
 function insert(parent, nodeFactory, before) {
   if (!parent) return;
-  const parentScope = getActiveScope();
+  let parentScope = getActiveScope();
   let renderedNodes = [];
   let isFirstRun = true;
   const resolveNodes = (raw) => {
@@ -3159,6 +3207,7 @@ function insert(parent, nodeFactory, before) {
     effectRunner.stop();
     for (const node of renderedNodes) removeNode(node);
     renderedNodes = [];
+    parentScope = null;
   });
   return renderedNodes;
 }
@@ -3292,9 +3341,9 @@ function syncDescriptors(target, source, pruneMissing = false) {
     Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
   }
   if (pruneMissing) {
-    const sourceKeys = Object.getOwnPropertyNames(source);
+    const sourceKeySet = new Set(Object.getOwnPropertyNames(source));
     for (const key of Object.getOwnPropertyNames(target)) {
-      if (!sourceKeys.includes(key)) delete target[key];
+      if (!sourceKeySet.has(key)) delete target[key];
     }
   }
 }
@@ -3858,7 +3907,7 @@ function bindElement(node, prop, getter, setter, modifiers = {}) {
 function unwrapSlotValue(raw) {
   let v = raw;
   if (Array.isArray(v) && v.length === 1) v = v[0];
-  return typeof v === "function" ? v() : v;
+  return isFunction(v) ? v() : v;
 }
 function useChildren(props) {
   const desc = Object.getOwnPropertyDescriptor(props, "children");
@@ -4176,49 +4225,50 @@ function createResource(fetcher, options) {
   const error4 = signal(null);
   const state = signal("pending");
   let fetchId = 0;
-  let currentPromise = null;
-  let suspenseRegistered = false;
+  let controller = null;
   const suspenseContext = inject(SuspenseContext, null);
-  const fetch = () => __async(null, null, function* () {
-    const currentFetchId = ++fetchId;
+  const doFetch = () => __async(null, null, function* () {
+    const id = ++fetchId;
+    controller == null ? void 0 : controller.abort();
+    controller = new AbortController();
     loading.value = true;
     state.value = "pending";
     error4.value = null;
-    suspenseRegistered = false;
-    if (suspenseContext) {
-      suspenseContext.increment();
+    let promise;
+    try {
+      promise = Promise.resolve(fetcher(controller.signal));
+    } catch (error_) {
+      error4.value = error_ instanceof Error ? error_ : new Error(String(error_));
+      state.value = "errored";
+      loading.value = false;
+      return;
     }
+    suspenseContext == null ? void 0 : suspenseContext.register(promise);
     try {
-      const promise = fetcher();
-      currentPromise = promise;
-      promise.catch(() => {
-      });
       const result = yield promise;
-      if (currentFetchId === fetchId) {
+      if (id === fetchId) {
         value.value = result;
         state.value = "ready";
         loading.value = false;
       }
     } catch (error_) {
-      if (currentFetchId === fetchId) {
-        error4.value = error_ instanceof Error ? error_ : new Error(String(error_));
-        state.value = "errored";
+      if (id !== fetchId) return;
+      if (error_ instanceof DOMException && error_.name === "AbortError") {
         loading.value = false;
+        return;
       }
-    } finally {
-      if (suspenseContext) {
-        suspenseContext.decrement();
-      }
+      error4.value = error_ instanceof Error ? error_ : new Error(String(error_));
+      state.value = "errored";
+      loading.value = false;
     }
   });
-  fetch();
-  const resource = (() => {
-    if (!suspenseRegistered && loading.value && currentPromise && suspenseContext) {
-      suspenseRegistered = true;
-      suspenseContext.register(currentPromise);
-    }
-    return value.value;
+  doFetch();
+  onCleanup(() => {
+    fetchId++;
+    controller == null ? void 0 : controller.abort();
+    controller = null;
   });
+  const resource = (() => value.value);
   resource.loading = loading;
   resource.error = error4;
   resource.state = state;
@@ -4229,9 +4279,7 @@ function createResource(fetcher, options) {
       loading.value = false;
       error4.value = null;
     },
-    refetch: () => __async(null, null, function* () {
-      yield fetch();
-    })
+    refetch: () => doFetch()
   };
   return [resource, actions];
 }
@@ -4415,9 +4463,14 @@ function For(props) {
     const parentScope = (_a22 = getActiveScope()) != null ? _a22 : ownerScope;
     const scope = createScope(parentScope);
     let mountedNodes = [];
-    runWithScope(scope, () => {
-      mountedNodes = mountValue(renderFn(item, index), parent, before);
-    });
+    try {
+      runWithScope(scope, () => {
+        mountedNodes = mountValue(renderFn(item, index), parent, before);
+      });
+    } catch (error4) {
+      disposeScope(scope);
+      throw error4;
+    }
     return { key, item, nodes: mountedNodes, scope };
   };
   const disposeItem = (entry) => {
@@ -4618,16 +4671,17 @@ function whenTransitionEnds(el, type, explicit, resolve2) {
   const finish = () => {
     if (done) return;
     done = true;
+    clearTimeout(timer);
     el.removeEventListener(info.event, onEnd);
     resolve2();
   };
   const onEnd = () => finish();
   el.addEventListener(info.event, onEnd);
-  setTimeout(finish, info.timeout + 1);
+  const timer = setTimeout(finish, info.timeout + 1);
 }
 function resolveDuration(d, dir) {
   if (d == null) return null;
-  if (typeof d === "number") return d;
+  if (isNumber(d)) return d;
   return d[dir];
 }
 function validateSlot(value) {
@@ -4944,9 +4998,14 @@ function TransitionGroup(props) {
     const parentScope = getActiveScope();
     const scope = createScope(parentScope);
     let raw;
-    runWithScope(scope, () => {
-      raw = childrenFn(item, index);
-    });
+    try {
+      runWithScope(scope, () => {
+        raw = childrenFn(item, index);
+      });
+    } catch (error4) {
+      disposeScope(scope);
+      throw error4;
+    }
     const { el, comp } = resolveItemElement(raw, wrapper);
     if (!el) {
       disposeScope(scope);