vue 3.6.0-alpha.7 → 3.6.0-beta.1

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.6.0-alpha.7
+* vue v3.6.0-beta.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -754,13 +754,13 @@ var Vue = (function (exports) {
     }
   }
   const targetMap = /* @__PURE__ */ new WeakMap();
-  const ITERATE_KEY = Symbol(
+  const ITERATE_KEY = /* @__PURE__ */ Symbol(
     "Object iterate" 
   );
-  const MAP_KEY_ITERATE_KEY = Symbol(
+  const MAP_KEY_ITERATE_KEY = /* @__PURE__ */ Symbol(
     "Map keys iterate" 
   );
-  const ARRAY_ITERATE_KEY = Symbol(
+  const ARRAY_ITERATE_KEY = /* @__PURE__ */ Symbol(
     "Array iterate" 
   );
   function track(target, type, key) {
@@ -2761,10 +2761,10 @@ var Vue = (function (exports) {
     }
   }
   let isFlushing = false;
-  function flushOnAppMount() {
+  function flushOnAppMount(instance) {
     if (!isFlushing) {
       isFlushing = true;
-      flushPreFlushCbs();
+      flushPreFlushCbs(instance);
       flushPostFlushCbs();
       isFlushing = false;
     }
@@ -3179,7 +3179,175 @@ var Vue = (function (exports) {
     }
   }
 
-  const TeleportEndKey = Symbol("_vte");
+  function provide(key, value) {
+    {
+      if (!currentInstance || currentInstance.isMounted && !isHmrUpdating) {
+        warn$1(`provide() can only be used inside setup().`);
+      }
+    }
+    if (currentInstance) {
+      let provides = currentInstance.provides;
+      const parentProvides = currentInstance.parent && currentInstance.parent.provides;
+      if (parentProvides === provides) {
+        provides = currentInstance.provides = Object.create(parentProvides);
+      }
+      provides[key] = value;
+    }
+  }
+  function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    const instance = getCurrentGenericInstance();
+    if (instance || currentApp) {
+      let provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null || instance.ce ? instance.appContext && instance.appContext.provides : instance.parent.provides : void 0;
+      if (provides && key in provides) {
+        return provides[key];
+      } else if (arguments.length > 1) {
+        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
+      } else {
+        warn$1(`injection "${String(key)}" not found.`);
+      }
+    } else {
+      warn$1(`inject() can only be used inside setup() or functional components.`);
+    }
+  }
+  function hasInjectionContext() {
+    return !!(getCurrentGenericInstance() || currentApp);
+  }
+
+  const ssrContextKey = /* @__PURE__ */ Symbol.for("v-scx");
+  const useSSRContext = () => {
+    {
+      warn$1(`useSSRContext() is not supported in the global build.`);
+    }
+  };
+
+  function watchEffect(effect, options) {
+    return doWatch(effect, null, options);
+  }
+  function watchPostEffect(effect, options) {
+    return doWatch(
+      effect,
+      null,
+      extend({}, options, { flush: "post" }) 
+    );
+  }
+  function watchSyncEffect(effect, options) {
+    return doWatch(
+      effect,
+      null,
+      extend({}, options, { flush: "sync" }) 
+    );
+  }
+  function watch(source, cb, options) {
+    if (!isFunction(cb)) {
+      warn$1(
+        `\`watch(fn, options?)\` signature has been moved to a separate API. Use \`watchEffect(fn, options?)\` instead. \`watch\` now only supports \`watch(source, cb, options?) signature.`
+      );
+    }
+    return doWatch(source, cb, options);
+  }
+  class RenderWatcherEffect extends WatcherEffect {
+    constructor(instance, source, cb, options, flush) {
+      super(source, cb, options);
+      this.flush = flush;
+      const job = () => {
+        if (this.dirty) {
+          this.run();
+        }
+      };
+      if (cb) {
+        this.flags |= 128;
+        job.flags |= 2;
+      }
+      if (instance) {
+        job.i = instance;
+      }
+      this.job = job;
+    }
+    notify() {
+      const flags = this.flags;
+      if (!(flags & 256)) {
+        const flush = this.flush;
+        const job = this.job;
+        if (flush === "post") {
+          queuePostRenderEffect(job, void 0, job.i ? job.i.suspense : null);
+        } else if (flush === "pre") {
+          queueJob(job, job.i ? job.i.uid : void 0, true);
+        } else {
+          job();
+        }
+      }
+    }
+  }
+  function doWatch(source, cb, options = EMPTY_OBJ) {
+    const { immediate, deep, flush = "pre", once } = options;
+    if (!cb) {
+      if (immediate !== void 0) {
+        warn$1(
+          `watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.`
+        );
+      }
+      if (deep !== void 0) {
+        warn$1(
+          `watch() "deep" option is only respected when using the watch(source, callback, options?) signature.`
+        );
+      }
+      if (once !== void 0) {
+        warn$1(
+          `watch() "once" option is only respected when using the watch(source, callback, options?) signature.`
+        );
+      }
+    }
+    const baseWatchOptions = extend({}, options);
+    baseWatchOptions.onWarn = warn$1;
+    const instance = currentInstance;
+    baseWatchOptions.call = (fn, type, args) => callWithAsyncErrorHandling(fn, instance, type, args);
+    const effect = new RenderWatcherEffect(
+      instance,
+      source,
+      cb,
+      baseWatchOptions,
+      flush
+    );
+    if (cb) {
+      effect.run(true);
+    } else if (flush === "post") {
+      queuePostRenderEffect(effect.job, void 0, instance && instance.suspense);
+    } else {
+      effect.run(true);
+    }
+    const stop = effect.stop.bind(effect);
+    stop.pause = effect.pause.bind(effect);
+    stop.resume = effect.resume.bind(effect);
+    stop.stop = stop;
+    return stop;
+  }
+  function instanceWatch(source, value, options) {
+    const publicThis = this.proxy;
+    const getter = isString(source) ? source.includes(".") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
+    let cb;
+    if (isFunction(value)) {
+      cb = value;
+    } else {
+      cb = value.handler;
+      options = value;
+    }
+    const prev = setCurrentInstance(this);
+    const res = doWatch(getter, cb.bind(publicThis), options);
+    setCurrentInstance(...prev);
+    return res;
+  }
+  function createPathGetter(ctx, path) {
+    const segments = path.split(".");
+    return () => {
+      let cur = ctx;
+      for (let i = 0; i < segments.length && cur; i++) {
+        cur = cur[segments[i]];
+      }
+      return cur;
+    };
+  }
+
+  const TeleportEndKey = /* @__PURE__ */ Symbol("_vte");
   const isTeleport = (type) => type.__isTeleport;
   const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === "");
   const isTeleportDeferred = (props) => props && (props.defer || props.defer === "");
@@ -3551,8 +3719,8 @@ var Vue = (function (exports) {
     return targetAnchor;
   }
 
-  const leaveCbKey = Symbol("_leaveCb");
-  const enterCbKey$1 = Symbol("_enterCb");
+  const leaveCbKey = /* @__PURE__ */ Symbol("_leaveCb");
+  const enterCbKey$1 = /* @__PURE__ */ Symbol("_enterCb");
   function useTransitionState() {
     const state = {
       isMounted: false,
@@ -5159,7 +5327,9 @@ Server rendered element contains fewer child nodes than client vdom.`
       }
       function pruneCache(filter) {
         cache.forEach((vnode, key) => {
-          const name = getComponentName(vnode.type);
+          const name = getComponentName(
+            isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : vnode.type
+          );
           if (name && !filter(name)) {
             pruneCacheEntry(key);
           }
@@ -5461,7 +5631,7 @@ Server rendered element contains fewer child nodes than client vdom.`
   function resolveComponent(name, maybeSelfReference) {
     return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
   }
-  const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
+  const NULL_DYNAMIC_COMPONENT = /* @__PURE__ */ Symbol.for("v-ndc");
   function resolveDynamicComponent(component) {
     if (isString(component)) {
       return resolveAsset(COMPONENTS, component, false) || component;
@@ -5652,14 +5822,14 @@ If this is a native custom element, make sure to exclude it from component resol
     }
   }
 
-  function toHandlers(obj, preserveCaseIfNecessary) {
+  function toHandlers(obj, preserveCaseIfNecessary, needWrap) {
     const ret = {};
     if (!isObject(obj)) {
       warn$1(`v-on with no argument expects an object value.`);
       return ret;
     }
     for (const key in obj) {
-      ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key];
+      ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = needWrap ? () => obj[key] : obj[key];
     }
     return ret;
   }
@@ -6628,174 +6798,6 @@ If you want to remount the same app, move your app creation logic into a factory
   }
   let currentApp = null;
 
-  function provide(key, value) {
-    {
-      if (!currentInstance || currentInstance.isMounted) {
-        warn$1(`provide() can only be used inside setup().`);
-      }
-    }
-    if (currentInstance) {
-      let provides = currentInstance.provides;
-      const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-      if (parentProvides === provides) {
-        provides = currentInstance.provides = Object.create(parentProvides);
-      }
-      provides[key] = value;
-    }
-  }
-  function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    const instance = getCurrentGenericInstance();
-    if (instance || currentApp) {
-      let provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null || instance.ce ? instance.appContext && instance.appContext.provides : instance.parent.provides : void 0;
-      if (provides && key in provides) {
-        return provides[key];
-      } else if (arguments.length > 1) {
-        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
-      } else {
-        warn$1(`injection "${String(key)}" not found.`);
-      }
-    } else {
-      warn$1(`inject() can only be used inside setup() or functional components.`);
-    }
-  }
-  function hasInjectionContext() {
-    return !!(getCurrentGenericInstance() || currentApp);
-  }
-
-  const ssrContextKey = Symbol.for("v-scx");
-  const useSSRContext = () => {
-    {
-      warn$1(`useSSRContext() is not supported in the global build.`);
-    }
-  };
-
-  function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-  }
-  function watchPostEffect(effect, options) {
-    return doWatch(
-      effect,
-      null,
-      extend({}, options, { flush: "post" }) 
-    );
-  }
-  function watchSyncEffect(effect, options) {
-    return doWatch(
-      effect,
-      null,
-      extend({}, options, { flush: "sync" }) 
-    );
-  }
-  function watch(source, cb, options) {
-    if (!isFunction(cb)) {
-      warn$1(
-        `\`watch(fn, options?)\` signature has been moved to a separate API. Use \`watchEffect(fn, options?)\` instead. \`watch\` now only supports \`watch(source, cb, options?) signature.`
-      );
-    }
-    return doWatch(source, cb, options);
-  }
-  class RenderWatcherEffect extends WatcherEffect {
-    constructor(instance, source, cb, options, flush) {
-      super(source, cb, options);
-      this.flush = flush;
-      const job = () => {
-        if (this.dirty) {
-          this.run();
-        }
-      };
-      if (cb) {
-        this.flags |= 128;
-        job.flags |= 2;
-      }
-      if (instance) {
-        job.i = instance;
-      }
-      this.job = job;
-    }
-    notify() {
-      const flags = this.flags;
-      if (!(flags & 256)) {
-        const flush = this.flush;
-        const job = this.job;
-        if (flush === "post") {
-          queuePostRenderEffect(job, void 0, job.i ? job.i.suspense : null);
-        } else if (flush === "pre") {
-          queueJob(job, job.i ? job.i.uid : void 0, true);
-        } else {
-          job();
-        }
-      }
-    }
-  }
-  function doWatch(source, cb, options = EMPTY_OBJ) {
-    const { immediate, deep, flush = "pre", once } = options;
-    if (!cb) {
-      if (immediate !== void 0) {
-        warn$1(
-          `watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.`
-        );
-      }
-      if (deep !== void 0) {
-        warn$1(
-          `watch() "deep" option is only respected when using the watch(source, callback, options?) signature.`
-        );
-      }
-      if (once !== void 0) {
-        warn$1(
-          `watch() "once" option is only respected when using the watch(source, callback, options?) signature.`
-        );
-      }
-    }
-    const baseWatchOptions = extend({}, options);
-    baseWatchOptions.onWarn = warn$1;
-    const instance = currentInstance;
-    baseWatchOptions.call = (fn, type, args) => callWithAsyncErrorHandling(fn, instance, type, args);
-    const effect = new RenderWatcherEffect(
-      instance,
-      source,
-      cb,
-      baseWatchOptions,
-      flush
-    );
-    if (cb) {
-      effect.run(true);
-    } else if (flush === "post") {
-      queuePostRenderEffect(effect.job, void 0, instance && instance.suspense);
-    } else {
-      effect.run(true);
-    }
-    const stop = effect.stop.bind(effect);
-    stop.pause = effect.pause.bind(effect);
-    stop.resume = effect.resume.bind(effect);
-    stop.stop = stop;
-    return stop;
-  }
-  function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = isString(source) ? source.includes(".") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
-    let cb;
-    if (isFunction(value)) {
-      cb = value;
-    } else {
-      cb = value.handler;
-      options = value;
-    }
-    const prev = setCurrentInstance(this);
-    const res = doWatch(getter, cb.bind(publicThis), options);
-    setCurrentInstance(...prev);
-    return res;
-  }
-  function createPathGetter(ctx, path) {
-    const segments = path.split(".");
-    return () => {
-      let cur = ctx;
-      for (let i = 0; i < segments.length && cur; i++) {
-        cur = cur[segments[i]];
-      }
-      return cur;
-    };
-  }
-
   function useModel(props, name, options = EMPTY_OBJ) {
     const i = getCurrentGenericInstance();
     if (!i) {
@@ -7880,6 +7882,14 @@ If you want to remount the same app, move your app creation logic into a factory
     return supported;
   }
 
+  const MoveType = {
+    "ENTER": 0,
+    "0": "ENTER",
+    "LEAVE": 1,
+    "1": "LEAVE",
+    "REORDER": 2,
+    "2": "REORDER"
+  };
   const queuePostRenderEffect = queueEffectWithSuspense ;
   function createRenderer(options) {
     return baseCreateRenderer(options);
@@ -8028,7 +8038,15 @@ If you want to remount the same app, move your app creation logic into a factory
       } else {
         const el = n2.el = n1.el;
         if (n2.children !== n1.children) {
-          hostSetText(el, n2.children);
+          if (isHmrUpdating && n2.patchFlag === -1 && "__elIndex" in n1) {
+            const childNodes = container.childNodes;
+            const newChild = hostCreateText(n2.children);
+            const oldChild = childNodes[n2.__elIndex = n1.__elIndex];
+            hostInsert(newChild, container, oldChild);
+            hostRemove(oldChild);
+          } else {
+            hostSetText(el, n2.children);
+          }
         }
       }
     };
@@ -8414,7 +8432,7 @@ If you want to remount the same app, move your app creation logic into a factory
       } else {
         if (patchFlag > 0 && patchFlag & 64 && dynamicChildren && // #2715 the previous fragment could've been a BAILed one as a result
         // of renderSlot() with no valid children
-        n1.dynamicChildren) {
+        n1.dynamicChildren && n1.dynamicChildren.length === dynamicChildren.length) {
           patchBlockChildren(
             n1.dynamicChildren,
             dynamicChildren,
@@ -9102,8 +9120,8 @@ If you want to remount the same app, move your app creation logic into a factory
           const nextChild = c2[nextIndex];
           const anchorVNode = c2[nextIndex + 1];
           const anchor = nextIndex + 1 < l2 ? (
-            // #13559, fallback to el placeholder for unresolved async component
-            anchorVNode.el || anchorVNode.placeholder
+            // #13559, #14173 fallback to el placeholder for unresolved async component
+            anchorVNode.el || resolveAsyncComponentPlaceholder(anchorVNode)
           ) : parentAnchor;
           if (newIndexToOldIndexMap[i] === 0) {
             patch(
@@ -9408,9 +9426,11 @@ If you want to remount the same app, move your app creation logic into a factory
       return teleportEnd ? hostNextSibling(teleportEnd) : el;
     };
     const render = (vnode, container, namespace) => {
+      let instance;
       if (vnode == null) {
         if (container._vnode) {
           unmount(container._vnode, null, null, true);
+          instance = container._vnode.component;
         }
       } else {
         patch(
@@ -9424,7 +9444,7 @@ If you want to remount the same app, move your app creation logic into a factory
         );
       }
       container._vnode = vnode;
-      flushOnAppMount();
+      flushOnAppMount(instance);
     };
     const internals = {
       p: patch,
@@ -9514,9 +9534,13 @@ If you want to remount the same app, move your app creation logic into a factory
           if (!shallow && c2.patchFlag !== -2)
             traverseStaticChildren(c1, c2);
         }
-        if (c2.type === Text && // avoid cached text nodes retaining detached dom nodes
-        c2.patchFlag !== -1) {
-          c2.el = c1.el;
+        if (c2.type === Text) {
+          if (c2.patchFlag !== -1) {
+            c2.el = c1.el;
+          } else {
+            c2.__elIndex = i + // take fragment start anchor into account
+            (n1.type === Fragment ? 1 : 0);
+          }
         }
         if (c2.type === Comment && !c2.el) {
           c2.el = c1.el;
@@ -9552,16 +9576,24 @@ If you want to remount the same app, move your app creation logic into a factory
       insert();
     }
   }
-  function performTransitionLeave(el, transition, remove, isElement = true) {
+  function performTransitionLeave(el, transition, remove, isElement = true, force = false) {
     const performRemove = () => {
       remove();
       if (transition && !transition.persisted && transition.afterLeave) {
         transition.afterLeave();
       }
     };
-    if (isElement && transition && !transition.persisted) {
+    if (force || isElement && transition && !transition.persisted) {
       const { leave, delayLeave } = transition;
-      const performLeave = () => leave(el, performRemove);
+      const performLeave = () => {
+        if (el._isLeaving && force) {
+          el[leaveCbKey](
+            true
+            /* cancelled */
+          );
+        }
+        leave(el, performRemove);
+      };
       if (delayLeave) {
         delayLeave(el, performRemove, performLeave);
       } else {
@@ -9617,6 +9649,16 @@ app.use(vaporInteropPlugin)
     }
     return inheritedScopeIds;
   }
+  function resolveAsyncComponentPlaceholder(anchorVnode) {
+    if (anchorVnode.placeholder) {
+      return anchorVnode.placeholder;
+    }
+    const instance = anchorVnode.component;
+    if (instance) {
+      return resolveAsyncComponentPlaceholder(instance.subTree);
+    }
+    return null;
+  }
 
   const isSuspense = (type) => type.__isSuspense;
   let suspenseId = 0;
@@ -10199,11 +10241,11 @@ app.use(vaporInteropPlugin)
     return suspensible != null && suspensible !== false;
   }
 
-  const Fragment = Symbol.for("v-fgt");
-  const Text = Symbol.for("v-txt");
-  const Comment = Symbol.for("v-cmt");
-  const Static = Symbol.for("v-stc");
-  const VaporSlot = Symbol.for("v-vps");
+  const Fragment = /* @__PURE__ */ Symbol.for("v-fgt");
+  const Text = /* @__PURE__ */ Symbol.for("v-txt");
+  const Comment = /* @__PURE__ */ Symbol.for("v-cmt");
+  const Static = /* @__PURE__ */ Symbol.for("v-stc");
+  const VaporSlot = /* @__PURE__ */ Symbol.for("v-vps");
   const blockStack = [];
   let currentBlock = null;
   function openBlock(disableTracking = false) {
@@ -11245,7 +11287,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.6.0-alpha.7";
+  const version = "3.6.0-beta.1";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11338,7 +11380,7 @@ Component that was made reactive: `,
 
   const TRANSITION = "transition";
   const ANIMATION = "animation";
-  const vtcKey = Symbol("_vtc");
+  const vtcKey = /* @__PURE__ */ Symbol("_vtc");
   const DOMTransitionPropsValidators = {
     name: String,
     type: String,
@@ -11631,8 +11673,8 @@ Component that was made reactive: `,
     }
   }
 
-  const vShowOriginalDisplay = Symbol("_vod");
-  const vShowHidden = Symbol("_vsh");
+  const vShowOriginalDisplay = /* @__PURE__ */ Symbol("_vod");
+  const vShowHidden = /* @__PURE__ */ Symbol("_vsh");
   const vShow = {
     // used for prop mismatch check during hydration
     name: "show",
@@ -11674,7 +11716,7 @@ Component that was made reactive: `,
     el[vShowHidden] = !value;
   }
 
-  const CSS_VAR_TEXT = Symbol("CSS_VAR_TEXT" );
+  const CSS_VAR_TEXT = /* @__PURE__ */ Symbol("CSS_VAR_TEXT" );
   function useCssVars(getter) {
     const instance = getCurrentInstance();
     const getVars = () => getter(instance.proxy);
@@ -11935,7 +11977,7 @@ Component that was made reactive: `,
   function removeEventListener(el, event, handler, options) {
     el.removeEventListener(event, handler, options);
   }
-  const veiKey = Symbol("_vei");
+  const veiKey = /* @__PURE__ */ Symbol("_vei");
   function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
     const invokers = el[veiKey] || (el[veiKey] = {});
     const existingInvoker = invokers[rawName];
@@ -12585,8 +12627,8 @@ Expected function or array of functions, received type ${typeof value}.`
 
   const positionMap = /* @__PURE__ */ new WeakMap();
   const newPositionMap = /* @__PURE__ */ new WeakMap();
-  const moveCbKey = Symbol("_moveCb");
-  const enterCbKey = Symbol("_enterCb");
+  const moveCbKey = /* @__PURE__ */ Symbol("_moveCb");
+  const enterCbKey = /* @__PURE__ */ Symbol("_enterCb");
   const decorate = (t) => {
     delete t.props.mode;
     return t;
@@ -12749,7 +12791,7 @@ Expected function or array of functions, received type ${typeof value}.`
       target.dispatchEvent(new Event("input"));
     }
   }
-  const assignKey = Symbol("_assign");
+  const assignKey = /* @__PURE__ */ Symbol("_assign");
   const vModelText = {
     created(el, { modifiers: { lazy, trim, number } }, vnode) {
       el[assignKey] = getModelAssigner(vnode);
@@ -13218,6 +13260,7 @@ Make sure to use the production build (*.prod.js) when deploying for production.
   exports.ErrorTypeStrings = ErrorTypeStrings;
   exports.Fragment = Fragment;
   exports.KeepAlive = KeepAlive;
+  exports.MoveType = MoveType;
   exports.ReactiveEffect = ReactiveEffect;
   exports.Static = Static;
   exports.Suspense = Suspense;