@vue/runtime-dom 3.3.0-alpha.3 → 3.3.0-alpha.5

package/dist/runtime-dom.esm-browser.js

@@ -7,6 +7,96 @@ function makeMap(str, expectsLowerCase) {
   return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
 }
 
+const EMPTY_OBJ = Object.freeze({}) ;
+const EMPTY_ARR = Object.freeze([]) ;
+const NOOP = () => {
+};
+const NO = () => false;
+const onRE = /^on[^a-z]/;
+const isOn = (key) => onRE.test(key);
+const isModelListener = (key) => key.startsWith("onUpdate:");
+const extend = Object.assign;
+const remove = (arr, el) => {
+  const i = arr.indexOf(el);
+  if (i > -1) {
+    arr.splice(i, 1);
+  }
+};
+const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
+const isArray = Array.isArray;
+const isMap = (val) => toTypeString(val) === "[object Map]";
+const isSet = (val) => toTypeString(val) === "[object Set]";
+const isDate = (val) => toTypeString(val) === "[object Date]";
+const isRegExp = (val) => toTypeString(val) === "[object RegExp]";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const isSymbol = (val) => typeof val === "symbol";
+const isObject = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => {
+  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+};
+const objectToString = Object.prototype.toString;
+const toTypeString = (value) => objectToString.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isPlainObject = (val) => toTypeString(val) === "[object Object]";
+const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
+const isReservedProp = /* @__PURE__ */ makeMap(
+  // the leading comma is intentional so empty string "" is also included
+  ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"
+);
+const isBuiltInDirective = /* @__PURE__ */ makeMap(
+  "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo"
+);
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const camelizeRE = /-(\w)/g;
+const camelize = cacheStringFunction((str) => {
+  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+});
+const hyphenateRE = /\B([A-Z])/g;
+const hyphenate = cacheStringFunction(
+  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
+);
+const capitalize = cacheStringFunction(
+  (str) => str.charAt(0).toUpperCase() + str.slice(1)
+);
+const toHandlerKey = cacheStringFunction(
+  (str) => str ? `on${capitalize(str)}` : ``
+);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
+const invokeArrayFns = (fns, arg) => {
+  for (let i = 0; i < fns.length; i++) {
+    fns[i](arg);
+  }
+};
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
+const looseToNumber = (val) => {
+  const n = parseFloat(val);
+  return isNaN(n) ? val : n;
+};
+const toNumber = (val) => {
+  const n = isString(val) ? Number(val) : NaN;
+  return isNaN(n) ? val : n;
+};
+let _globalThis;
+const getGlobalThis = () => {
+  return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
+};
+
 const GLOBALS_WHITE_LISTED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt";
 const isGloballyWhitelisted = /* @__PURE__ */ makeMap(GLOBALS_WHITE_LISTED);
 
@@ -161,96 +251,6 @@ const replacer = (_key, val) => {
   return val;
 };
 
-const EMPTY_OBJ = Object.freeze({}) ;
-const EMPTY_ARR = Object.freeze([]) ;
-const NOOP = () => {
-};
-const NO = () => false;
-const onRE = /^on[^a-z]/;
-const isOn = (key) => onRE.test(key);
-const isModelListener = (key) => key.startsWith("onUpdate:");
-const extend = Object.assign;
-const remove = (arr, el) => {
-  const i = arr.indexOf(el);
-  if (i > -1) {
-    arr.splice(i, 1);
-  }
-};
-const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
-const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isSet = (val) => toTypeString(val) === "[object Set]";
-const isDate = (val) => toTypeString(val) === "[object Date]";
-const isRegExp = (val) => toTypeString(val) === "[object RegExp]";
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const isPromise = (val) => {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-};
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
-const isPlainObject = (val) => toTypeString(val) === "[object Object]";
-const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-const isReservedProp = /* @__PURE__ */ makeMap(
-  // the leading comma is intentional so empty string "" is also included
-  ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"
-);
-const isBuiltInDirective = /* @__PURE__ */ makeMap(
-  "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo"
-);
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const camelizeRE = /-(\w)/g;
-const camelize = cacheStringFunction((str) => {
-  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
-});
-const hyphenateRE = /\B([A-Z])/g;
-const hyphenate = cacheStringFunction(
-  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
-);
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const toHandlerKey = cacheStringFunction(
-  (str) => str ? `on${capitalize(str)}` : ``
-);
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const invokeArrayFns = (fns, arg) => {
-  for (let i = 0; i < fns.length; i++) {
-    fns[i](arg);
-  }
-};
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
-const looseToNumber = (val) => {
-  const n = parseFloat(val);
-  return isNaN(n) ? val : n;
-};
-const toNumber = (val) => {
-  const n = isString(val) ? Number(val) : NaN;
-  return isNaN(n) ? val : n;
-};
-let _globalThis;
-const getGlobalThis = () => {
-  return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
-};
-
 function warn$1(msg, ...args) {
   console.warn(`[Vue warn] ${msg}`, ...args);
 }
@@ -1400,7 +1400,7 @@ function warn(msg, ...args) {
     callWithErrorHandling(
       appWarnHandler,
       instance,
-      "11",
+      11,
       [
         msg + args.join(""),
         instance && instance.proxy,
@@ -1513,21 +1513,21 @@ const ErrorTypeStrings = {
   ["ec"]: "errorCaptured hook",
   ["rtc"]: "renderTracked hook",
   ["rtg"]: "renderTriggered hook",
-  ["0"]: "setup function",
-  ["1"]: "render function",
-  ["2"]: "watcher getter",
-  ["3"]: "watcher callback",
-  ["4"]: "watcher cleanup function",
-  ["5"]: "native event handler",
-  ["6"]: "component event handler",
-  ["7"]: "vnode hook",
-  ["8"]: "directive hook",
-  ["9"]: "transition hook",
-  ["10"]: "app errorHandler",
-  ["11"]: "app warnHandler",
-  ["12"]: "ref function",
-  ["13"]: "async component loader",
-  ["14"]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core"
+  [0]: "setup function",
+  [1]: "render function",
+  [2]: "watcher getter",
+  [3]: "watcher callback",
+  [4]: "watcher cleanup function",
+  [5]: "native event handler",
+  [6]: "component event handler",
+  [7]: "vnode hook",
+  [8]: "directive hook",
+  [9]: "transition hook",
+  [10]: "app errorHandler",
+  [11]: "app warnHandler",
+  [12]: "ref function",
+  [13]: "async component loader",
+  [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core"
 };
 function callWithErrorHandling(fn, instance, type, args) {
   let res;
@@ -1576,7 +1576,7 @@ function handleError(err, instance, type, throwInDev = true) {
       callWithErrorHandling(
         appErrorHandler,
         null,
-        "10",
+        10,
         [err, exposedInstance, errorInfo]
       );
       return;
@@ -1729,7 +1729,7 @@ function flushJobs(seen) {
         if (check(job)) {
           continue;
         }
-        callWithErrorHandling(job, null, "14");
+        callWithErrorHandling(job, null, 14);
       }
     }
   } finally {
@@ -2037,7 +2037,7 @@ function emit(instance, event, ...rawArgs) {
     callWithAsyncErrorHandling(
       handler,
       instance,
-      "6",
+      6,
       args
     );
   }
@@ -2052,7 +2052,7 @@ function emit(instance, event, ...rawArgs) {
     callWithAsyncErrorHandling(
       onceHandler,
       instance,
-      "6",
+      6,
       args
     );
   }
@@ -2223,7 +2223,7 @@ function renderComponentRoot(instance) {
     }
   } catch (err) {
     blockStack.length = 0;
-    handleError(err, instance, "1");
+    handleError(err, instance, 1);
     result = createVNode(Comment);
   }
   let root = result;
@@ -2734,7 +2734,7 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
         if (delayEnter) {
           activeBranch.transition.afterLeave = () => {
             if (pendingId === suspense.pendingId) {
-              move(pendingBranch, container2, anchor2, "0");
+              move(pendingBranch, container2, anchor2, 0);
             }
           };
         }
@@ -2744,7 +2744,7 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
           unmount(activeBranch, parentComponent2, suspense, true);
         }
         if (!delayEnter) {
-          move(pendingBranch, container2, anchor2, "0");
+          move(pendingBranch, container2, anchor2, 0);
         }
       }
       setActiveBranch(suspense, pendingBranch);
@@ -2822,7 +2822,7 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
       }
       const hydratedEl = instance.vnode.el;
       instance.asyncDep.catch((err) => {
-        handleError(err, instance, "0");
+        handleError(err, instance, 0);
       }).then((asyncSetupResult) => {
         if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) {
           return;
@@ -3066,14 +3066,14 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
       } else if (isReactive(s)) {
         return traverse(s);
       } else if (isFunction(s)) {
-        return callWithErrorHandling(s, instance, "2");
+        return callWithErrorHandling(s, instance, 2);
       } else {
         warnInvalidSource(s);
       }
     });
   } else if (isFunction(source)) {
     if (cb) {
-      getter = () => callWithErrorHandling(source, instance, "2");
+      getter = () => callWithErrorHandling(source, instance, 2);
     } else {
       getter = () => {
         if (instance && instance.isUnmounted) {
@@ -3085,7 +3085,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
         return callWithAsyncErrorHandling(
           source,
           instance,
-          "3",
+          3,
           [onCleanup]
         );
       };
@@ -3101,7 +3101,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
   let cleanup;
   let onCleanup = (fn) => {
     cleanup = effect.onStop = () => {
-      callWithErrorHandling(fn, instance, "4");
+      callWithErrorHandling(fn, instance, 4);
     };
   };
   let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
@@ -3117,7 +3117,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
         if (cleanup) {
           cleanup();
         }
-        callWithAsyncErrorHandling(cb, instance, "3", [
+        callWithAsyncErrorHandling(cb, instance, 3, [
           newValue,
           // pass undefined as the old value when it's changed for the first time
           oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
@@ -3392,7 +3392,7 @@ function resolveTransitionHooks(vnode, props, state, instance) {
     hook && callWithAsyncErrorHandling(
       hook,
       instance,
-      "9",
+      9,
       args
     );
   };
@@ -3624,7 +3624,7 @@ function defineAsyncComponent(source) {
         handleError(
           err,
           instance,
-          "13",
+          13,
           !errorComponent
           /* do not throw in dev if user provided error component */
         );
@@ -3723,7 +3723,7 @@ const KeepAliveImpl = {
     const storageContainer = createElement("div");
     sharedContext.activate = (vnode, container, anchor, isSVG, optimized) => {
       const instance2 = vnode.component;
-      move(vnode, container, anchor, "0", parentSuspense);
+      move(vnode, container, anchor, 0, parentSuspense);
       patch(
         instance2.vnode,
         vnode,
@@ -3751,7 +3751,7 @@ const KeepAliveImpl = {
     };
     sharedContext.deactivate = (vnode) => {
       const instance2 = vnode.component;
-      move(vnode, storageContainer, null, "1", parentSuspense);
+      move(vnode, storageContainer, null, 1, parentSuspense);
       queuePostRenderEffect(() => {
         if (instance2.da) {
           invokeArrayFns(instance2.da);
@@ -4030,7 +4030,7 @@ function invokeDirectiveHook(vnode, prevVNode, instance, name) {
     let hook = binding.dir[name];
     if (hook) {
       pauseTracking();
-      callWithAsyncErrorHandling(hook, instance, "8", [
+      callWithAsyncErrorHandling(hook, instance, 8, [
         vnode.el,
         binding,
         vnode,
@@ -4046,7 +4046,7 @@ const DIRECTIVES = "directives";
 function resolveComponent(name, maybeSelfReference) {
   return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
 }
-const NULL_DYNAMIC_COMPONENT = Symbol();
+const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
 function resolveDynamicComponent(component) {
   if (isString(component)) {
     return resolveAsset(COMPONENTS, component, false) || component;
@@ -5575,7 +5575,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
     }
   }
   if (isFunction(ref)) {
-    callWithErrorHandling(ref, owner, "12", [value, refs]);
+    callWithErrorHandling(ref, owner, 12, [value, refs]);
   } else {
     const _isString = isString(ref);
     const _isRef = isRef(ref);
@@ -7223,7 +7223,7 @@ function baseCreateRenderer(options, createHydrationFns) {
           );
         } else if (moved) {
           if (j < 0 || i !== increasingNewIndexSequence[j]) {
-            move(nextChild, container, anchor, "2");
+            move(nextChild, container, anchor, 2);
           } else {
             j--;
           }
@@ -7257,9 +7257,9 @@ function baseCreateRenderer(options, createHydrationFns) {
       moveStaticNode(vnode, container, anchor);
       return;
     }
-    const needTransition = moveType !== "2" && shapeFlag & 1 && transition;
+    const needTransition = moveType !== 2 && shapeFlag & 1 && transition;
     if (needTransition) {
-      if (moveType === "0") {
+      if (moveType === 0) {
         transition.beforeEnter(el);
         hostInsert(el, container, anchor);
         queuePostRenderEffect(() => transition.enter(el), parentSuspense);
@@ -7657,7 +7657,7 @@ const TeleportImpl = {
             container,
             mainAnchor,
             internals,
-            "1"
+            1
           );
         }
       } else {
@@ -7672,7 +7672,7 @@ const TeleportImpl = {
               nextTarget,
               null,
               internals,
-              "0"
+              0
             );
           } else {
             warn(
@@ -7687,7 +7687,7 @@ const TeleportImpl = {
             target,
             targetAnchor,
             internals,
-            "1"
+            1
           );
         }
       }
@@ -7718,12 +7718,12 @@ const TeleportImpl = {
   move: moveTeleport,
   hydrate: hydrateTeleport
 };
-function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = "2") {
-  if (moveType === "0") {
+function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2) {
+  if (moveType === 0) {
     insert(vnode.targetAnchor, container, parentAnchor);
   }
   const { el, anchor, shapeFlag, children, props } = vnode;
-  const isReorder = moveType === "2";
+  const isReorder = moveType === 2;
   if (isReorder) {
     insert(el, container, parentAnchor);
   }
@@ -7734,7 +7734,7 @@ function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }
           children[i],
           container,
           parentAnchor,
-          "2"
+          2
         );
       }
     }
@@ -7804,10 +7804,10 @@ function updateCssVars(vnode) {
   }
 }
 
-const Fragment = Symbol("Fragment" );
-const Text = Symbol("Text" );
-const Comment = Symbol("Comment" );
-const Static = Symbol("Static" );
+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 blockStack = [];
 let currentBlock = null;
 function openBlock(disableTracking = false) {
@@ -8162,7 +8162,7 @@ function mergeProps(...args) {
   return ret;
 }
 function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
-  callWithAsyncErrorHandling(hook, instance, "7", [
+  callWithAsyncErrorHandling(hook, instance, 7, [
     vnode,
     prevVNode
   ]);
@@ -8259,13 +8259,19 @@ function createComponentInstance(vnode, parent, suspense) {
 }
 let currentInstance = null;
 const getCurrentInstance = () => currentInstance || currentRenderingInstance;
+let internalSetCurrentInstance;
+{
+  internalSetCurrentInstance = (i) => {
+    currentInstance = i;
+  };
+}
 const setCurrentInstance = (instance) => {
-  currentInstance = instance;
+  internalSetCurrentInstance(instance);
   instance.scope.on();
 };
 const unsetCurrentInstance = () => {
   currentInstance && currentInstance.scope.off();
-  currentInstance = null;
+  internalSetCurrentInstance(null);
 };
 const isBuiltInTag = /* @__PURE__ */ makeMap("slot,component");
 function validateComponentName(name, config) {
@@ -8328,7 +8334,7 @@ function setupStatefulComponent(instance, isSSR) {
     const setupResult = callWithErrorHandling(
       setup,
       instance,
-      "0",
+      0,
       [shallowReadonly(instance.props) , setupContext]
     );
     resetTracking();
@@ -8339,7 +8345,7 @@ function setupStatefulComponent(instance, isSSR) {
         return setupResult.then((resolvedResult) => {
           handleSetupResult(instance, resolvedResult, isSSR);
         }).catch((e) => {
-          handleError(e, instance, "0");
+          handleError(e, instance, 0);
         });
       } else {
         instance.asyncDep = setupResult;
@@ -8665,7 +8671,7 @@ function h(type, propsOrChildren, children) {
   }
 }
 
-const ssrContextKey = Symbol(`ssrContext` );
+const ssrContextKey = Symbol.for("v-scx");
 const useSSRContext = () => {
   {
     const ctx = inject(ssrContextKey);
@@ -8879,7 +8885,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-alpha.3";
+const version = "3.3.0-alpha.5";
 const ssrUtils = null;
 const resolveFilter = null;
 const compatUtils = null;
@@ -9161,7 +9167,7 @@ function createInvoker(initialValue, instance) {
     callWithAsyncErrorHandling(
       patchStopImmediatePropagation(e, invoker.value),
       instance,
-      "5",
+      5,
       [e]
     );
   };