@vue/runtime-dom 3.4.0-alpha.3 → 3.4.0-alpha.4

package/dist/runtime-dom.global.js

@@ -11,8 +11,8 @@ var VueRuntimeDOM = (function (exports) {
   const NOOP = () => {
   };
   const NO = () => false;
-  const onRE = /^on[^a-z]/;
-  const isOn = (key) => onRE.test(key);
+  const isOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // uppercase letter
+  (key.charCodeAt(2) > 122 || key.charCodeAt(2) < 97);
   const isModelListener = (key) => key.startsWith("onUpdate:");
   const extend = Object.assign;
   const remove = (arr, el) => {
@@ -97,7 +97,7 @@ var VueRuntimeDOM = (function (exports) {
     return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
   };
 
-  const GLOBALS_ALLOWED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console";
+  const GLOBALS_ALLOWED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error";
   const isGloballyAllowed = /* @__PURE__ */ makeMap(GLOBALS_ALLOWED);
 
   function normalizeStyle(value) {
@@ -1436,6 +1436,18 @@ var VueRuntimeDOM = (function (exports) {
     return isRef(val) ? val : new ObjectRefImpl(source, key, defaultValue);
   }
 
+  const TrackOpTypes = {
+    "GET": "get",
+    "HAS": "has",
+    "ITERATE": "iterate"
+  };
+  const TriggerOpTypes = {
+    "SET": "set",
+    "ADD": "add",
+    "DELETE": "delete",
+    "CLEAR": "clear"
+  };
+
   const stack = [];
   function pushWarningContext(vnode) {
     stack.push(vnode);
@@ -1550,6 +1562,38 @@ var VueRuntimeDOM = (function (exports) {
     }
   }
 
+  const ErrorCodes = {
+    "SETUP_FUNCTION": 0,
+    "0": "SETUP_FUNCTION",
+    "RENDER_FUNCTION": 1,
+    "1": "RENDER_FUNCTION",
+    "WATCH_GETTER": 2,
+    "2": "WATCH_GETTER",
+    "WATCH_CALLBACK": 3,
+    "3": "WATCH_CALLBACK",
+    "WATCH_CLEANUP": 4,
+    "4": "WATCH_CLEANUP",
+    "NATIVE_EVENT_HANDLER": 5,
+    "5": "NATIVE_EVENT_HANDLER",
+    "COMPONENT_EVENT_HANDLER": 6,
+    "6": "COMPONENT_EVENT_HANDLER",
+    "VNODE_HOOK": 7,
+    "7": "VNODE_HOOK",
+    "DIRECTIVE_HOOK": 8,
+    "8": "DIRECTIVE_HOOK",
+    "TRANSITION_HOOK": 9,
+    "9": "TRANSITION_HOOK",
+    "APP_ERROR_HANDLER": 10,
+    "10": "APP_ERROR_HANDLER",
+    "APP_WARN_HANDLER": 11,
+    "11": "APP_WARN_HANDLER",
+    "FUNCTION_REF": 12,
+    "12": "FUNCTION_REF",
+    "ASYNC_COMPONENT_LOADER": 13,
+    "13": "ASYNC_COMPONENT_LOADER",
+    "SCHEDULER": 14,
+    "14": "SCHEDULER"
+  };
   const ErrorTypeStrings$1 = {
     ["sp"]: "serverPrefetch hook",
     ["bc"]: "beforeCreate hook",
@@ -2869,7 +2913,12 @@ If this is a native custom element, make sure to exclude it from component resol
           if (delayEnter) {
             activeBranch.transition.afterLeave = () => {
               if (pendingId === suspense.pendingId) {
-                move(pendingBranch, container2, anchor2, 0);
+                move(
+                  pendingBranch,
+                  container2,
+                  next(activeBranch),
+                  0
+                );
                 queuePostFlushCb(effects);
               }
             };
@@ -2916,7 +2965,6 @@ If this is a native custom element, make sure to exclude it from component resol
         }
         const { vnode: vnode2, activeBranch, parentComponent: parentComponent2, container: container2, isSVG: isSVG2 } = suspense;
         triggerEvent(vnode2, "onFallback");
-        const anchor2 = next(activeBranch);
         const mountFallback = () => {
           if (!suspense.isInFallback) {
             return;
@@ -2925,7 +2973,7 @@ If this is a native custom element, make sure to exclude it from component resol
             null,
             fallbackVNode,
             container2,
-            anchor2,
+            next(activeBranch),
             parentComponent2,
             null,
             // fallback tree will not have suspense context
@@ -5153,18 +5201,6 @@ If this is a native custom element, make sure to exclude it from component resol
         rootProps = null;
       }
       const context = createAppContext();
-      {
-        Object.defineProperty(context.config, "unwrapInjectedRef", {
-          get() {
-            return true;
-          },
-          set() {
-            warn(
-              `app.config.unwrapInjectedRef has been deprecated. 3.3 now always unwraps injected refs in Options API.`
-            );
-          }
-        });
-      }
       const installedPlugins = /* @__PURE__ */ new WeakSet();
       let isMounted = false;
       const app = context.app = {
@@ -8965,9 +9001,9 @@ Component that was made reactive: `,
       return;
     }
     const vueStyle = { style: "color:#3ba776" };
-    const numberStyle = { style: "color:#0b1bc9" };
-    const stringStyle = { style: "color:#b62e24" };
-    const keywordStyle = { style: "color:#9d288c" };
+    const numberStyle = { style: "color:#1677ff" };
+    const stringStyle = { style: "color:#f5222d" };
+    const keywordStyle = { style: "color:#eb2f96" };
     const formatter = {
       header(obj) {
         if (!isObject(obj)) {
@@ -9161,11 +9197,12 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.0-alpha.3";
+  const version = "3.4.0-alpha.4";
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const ssrUtils = null;
   const resolveFilter = null;
   const compatUtils = null;
+  const DeprecationTypes = null;
 
   const svgNS = "http://www.w3.org/2000/svg";
   const doc = typeof document !== "undefined" ? document : null;
@@ -9774,7 +9811,8 @@ Component that was made reactive: `,
     }
   }
 
-  const nativeOnRE = /^on[a-z]/;
+  const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
+  key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
   const patchProp = (el, key, prevValue, nextValue, isSVG = false, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
     if (key === "class") {
       patchClass(el, nextValue, isSVG);
@@ -9808,7 +9846,7 @@ Component that was made reactive: `,
       if (key === "innerHTML" || key === "textContent") {
         return true;
       }
-      if (key in el && nativeOnRE.test(key) && isFunction(value)) {
+      if (key in el && isNativeOn(key) && isFunction(value)) {
         return true;
       }
       return false;
@@ -9825,7 +9863,11 @@ Component that was made reactive: `,
     if (key === "type" && el.tagName === "TEXTAREA") {
       return false;
     }
-    if (nativeOnRE.test(key) && isString(value)) {
+    if (key === "width" || key === "height") {
+      const tag = el.tagName;
+      return !(tag === "IMG" || tag === "VIDEO" || tag === "CANVAS" || tag === "SOURCE");
+    }
+    if (isNativeOn(key) && isString(value)) {
       return false;
     }
     return key in el;
@@ -10494,14 +10536,14 @@ Component that was made reactive: `,
     exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
   };
   const withModifiers = (fn, modifiers) => {
-    return (event, ...args) => {
+    return fn._withMods || (fn._withMods = (event, ...args) => {
       for (let i = 0; i < modifiers.length; i++) {
         const guard = modifierGuards[modifiers[i]];
         if (guard && guard(event, modifiers))
           return;
       }
       return fn(event, ...args);
-    };
+    });
   };
   const keyNames = {
     esc: "escape",
@@ -10513,7 +10555,7 @@ Component that was made reactive: `,
     delete: "backspace"
   };
   const withKeys = (fn, modifiers) => {
-    return (event) => {
+    return fn._withKeys || (fn._withKeys = (event) => {
       if (!("key" in event)) {
         return;
       }
@@ -10521,7 +10563,7 @@ Component that was made reactive: `,
       if (modifiers.some((k) => k === eventKey || keyNames[k] === eventKey)) {
         return fn(event);
       }
-    };
+    });
   };
 
   const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
@@ -10638,7 +10680,9 @@ Component that was made reactive: `,
   exports.BaseTransition = BaseTransition;
   exports.BaseTransitionPropsValidators = BaseTransitionPropsValidators;
   exports.Comment = Comment;
+  exports.DeprecationTypes = DeprecationTypes;
   exports.EffectScope = EffectScope;
+  exports.ErrorCodes = ErrorCodes;
   exports.ErrorTypeStrings = ErrorTypeStrings;
   exports.Fragment = Fragment;
   exports.KeepAlive = KeepAlive;
@@ -10647,8 +10691,10 @@ Component that was made reactive: `,
   exports.Suspense = Suspense;
   exports.Teleport = Teleport;
   exports.Text = Text;
+  exports.TrackOpTypes = TrackOpTypes;
   exports.Transition = Transition;
   exports.TransitionGroup = TransitionGroup;
+  exports.TriggerOpTypes = TriggerOpTypes;
   exports.VueElement = VueElement;
   exports.assertNumber = assertNumber;
   exports.callWithAsyncErrorHandling = callWithAsyncErrorHandling;