@vue/compat 3.4.0-alpha.3 → 3.4.0-alpha.4

package/dist/vue.global.js

@@ -11,8 +11,8 @@ var Vue = (function () {
   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) => {
@@ -120,7 +120,7 @@ var Vue = (function () {
     [3]: "FORWARDED"
   };
 
-  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);
 
   const range = 2;
@@ -1501,6 +1501,18 @@ var Vue = (function () {
     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$1 = [];
   function pushWarningContext(vnode) {
     stack$1.push(vnode);
@@ -1615,6 +1627,38 @@ var Vue = (function () {
     }
   }
 
+  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",
@@ -2097,6 +2141,50 @@ var Vue = (function () {
     );
   }
 
+  const DeprecationTypes$1 = {
+    "GLOBAL_MOUNT": "GLOBAL_MOUNT",
+    "GLOBAL_MOUNT_CONTAINER": "GLOBAL_MOUNT_CONTAINER",
+    "GLOBAL_EXTEND": "GLOBAL_EXTEND",
+    "GLOBAL_PROTOTYPE": "GLOBAL_PROTOTYPE",
+    "GLOBAL_SET": "GLOBAL_SET",
+    "GLOBAL_DELETE": "GLOBAL_DELETE",
+    "GLOBAL_OBSERVABLE": "GLOBAL_OBSERVABLE",
+    "GLOBAL_PRIVATE_UTIL": "GLOBAL_PRIVATE_UTIL",
+    "CONFIG_SILENT": "CONFIG_SILENT",
+    "CONFIG_DEVTOOLS": "CONFIG_DEVTOOLS",
+    "CONFIG_KEY_CODES": "CONFIG_KEY_CODES",
+    "CONFIG_PRODUCTION_TIP": "CONFIG_PRODUCTION_TIP",
+    "CONFIG_IGNORED_ELEMENTS": "CONFIG_IGNORED_ELEMENTS",
+    "CONFIG_WHITESPACE": "CONFIG_WHITESPACE",
+    "CONFIG_OPTION_MERGE_STRATS": "CONFIG_OPTION_MERGE_STRATS",
+    "INSTANCE_SET": "INSTANCE_SET",
+    "INSTANCE_DELETE": "INSTANCE_DELETE",
+    "INSTANCE_DESTROY": "INSTANCE_DESTROY",
+    "INSTANCE_EVENT_EMITTER": "INSTANCE_EVENT_EMITTER",
+    "INSTANCE_EVENT_HOOKS": "INSTANCE_EVENT_HOOKS",
+    "INSTANCE_CHILDREN": "INSTANCE_CHILDREN",
+    "INSTANCE_LISTENERS": "INSTANCE_LISTENERS",
+    "INSTANCE_SCOPED_SLOTS": "INSTANCE_SCOPED_SLOTS",
+    "INSTANCE_ATTRS_CLASS_STYLE": "INSTANCE_ATTRS_CLASS_STYLE",
+    "OPTIONS_DATA_FN": "OPTIONS_DATA_FN",
+    "OPTIONS_DATA_MERGE": "OPTIONS_DATA_MERGE",
+    "OPTIONS_BEFORE_DESTROY": "OPTIONS_BEFORE_DESTROY",
+    "OPTIONS_DESTROYED": "OPTIONS_DESTROYED",
+    "WATCH_ARRAY": "WATCH_ARRAY",
+    "PROPS_DEFAULT_THIS": "PROPS_DEFAULT_THIS",
+    "V_ON_KEYCODE_MODIFIER": "V_ON_KEYCODE_MODIFIER",
+    "CUSTOM_DIR": "CUSTOM_DIR",
+    "ATTR_FALSE_VALUE": "ATTR_FALSE_VALUE",
+    "ATTR_ENUMERATED_COERCION": "ATTR_ENUMERATED_COERCION",
+    "TRANSITION_CLASSES": "TRANSITION_CLASSES",
+    "TRANSITION_GROUP_ROOT": "TRANSITION_GROUP_ROOT",
+    "COMPONENT_ASYNC": "COMPONENT_ASYNC",
+    "COMPONENT_FUNCTIONAL": "COMPONENT_FUNCTIONAL",
+    "COMPONENT_V_MODEL": "COMPONENT_V_MODEL",
+    "RENDER_FUNCTION": "RENDER_FUNCTION",
+    "FILTERS": "FILTERS",
+    "PRIVATE_APIS": "PRIVATE_APIS"
+  };
   const deprecationData$1 = {
     ["GLOBAL_MOUNT"]: {
       message: `The global app bootstrapping API has changed: vm.$mount() and the "el" option have been removed. Use createApp(RootComponent).mount() instead.`,
@@ -3411,7 +3499,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);
               }
             };
@@ -3458,7 +3551,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;
@@ -3467,7 +3559,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
@@ -6325,7 +6417,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.4.0-alpha.3"}`;
+    Vue.version = `2.6.14-compat:${"3.4.0-alpha.4"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -6726,18 +6818,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 = {
@@ -10722,9 +10802,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)) {
@@ -10918,7 +10998,7 @@ 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 = resolveFilter$1 ;
@@ -10930,6 +11010,7 @@ Component that was made reactive: `,
     softAssertCompatEnabled
   };
   const compatUtils = _compatUtils ;
+  const DeprecationTypes = DeprecationTypes$1 ;
 
   const svgNS = "http://www.w3.org/2000/svg";
   const doc = typeof document !== "undefined" ? document : null;
@@ -11618,7 +11699,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);
@@ -11652,7 +11734,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;
@@ -11669,7 +11751,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;
@@ -12347,14 +12433,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",
@@ -12382,7 +12468,7 @@ Component that was made reactive: `,
         );
       }
     }
-    return (event) => {
+    return fn._withKeys || (fn._withKeys = (event) => {
       if (!("key" in event)) {
         return;
       }
@@ -12410,7 +12496,7 @@ Component that was made reactive: `,
           }
         }
       }
-    };
+    });
   };
 
   const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
@@ -12541,7 +12627,9 @@ Component that was made reactive: `,
     BaseTransition: BaseTransition,
     BaseTransitionPropsValidators: BaseTransitionPropsValidators,
     Comment: Comment,
+    DeprecationTypes: DeprecationTypes,
     EffectScope: EffectScope,
+    ErrorCodes: ErrorCodes,
     ErrorTypeStrings: ErrorTypeStrings,
     Fragment: Fragment,
     KeepAlive: KeepAlive,
@@ -12550,8 +12638,10 @@ Component that was made reactive: `,
     Suspense: Suspense,
     Teleport: Teleport,
     Text: Text,
+    TrackOpTypes: TrackOpTypes,
     Transition: Transition,
     TransitionGroup: TransitionGroup,
+    TriggerOpTypes: TriggerOpTypes,
     VueElement: VueElement,
     assertNumber: assertNumber,
     callWithAsyncErrorHandling: callWithAsyncErrorHandling,
@@ -13023,7 +13113,9 @@ Make sure to use the production build (*.prod.js) when deploying for production.
       this.inRCDATA = false;
       /** For disabling RCDATA tags handling */
       this.inXML = false;
-      /** Reocrd newline positions for fast line / column calculation */
+      /** For disabling interpolation parsing in v-pre */
+      this.inVPre = false;
+      /** Record newline positions for fast line / column calculation */
       this.newlines = [];
       this.mode = 0;
       this.delimiterOpen = defaultDelimitersOpen;
@@ -13042,6 +13134,7 @@ Make sure to use the production build (*.prod.js) when deploying for production.
       this.sectionStart = 0;
       this.index = 0;
       this.baseState = 1;
+      this.inRCDATA = false;
       this.currentSequence = void 0;
       this.newlines.length = 0;
       this.delimiterOpen = defaultDelimitersOpen;
@@ -13080,7 +13173,7 @@ Make sure to use the production build (*.prod.js) when deploying for production.
         }
         this.state = 5;
         this.sectionStart = this.index;
-      } else if (c === this.delimiterOpen[0]) {
+      } else if (!this.inVPre && c === this.delimiterOpen[0]) {
         this.state = 2;
         this.delimiterIndex = 0;
         this.stateInterpolationOpen(c);
@@ -13895,16 +13988,14 @@ Make sure to use the production build (*.prod.js) when deploying for production.
 Use a v-bind binding combined with a v-on listener that emits update:x event instead.`,
     [45]: `Error parsing JavaScript expression: `,
     [46]: `<KeepAlive> expects exactly one child component.`,
+    [47]: `@vnode-* hooks in templates are deprecated. Use the vue: prefix instead. For example, @vnode-mounted should be changed to @vue:mounted. @vnode-* hooks support will be removed in 3.4.`,
     // generic errors
-    [47]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
-    [48]: `ES module mode is not supported in this build of compiler.`,
-    [49]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
-    [50]: `"scopeId" option is only supported in module mode.`,
-    // deprecations
-    [51]: `@vnode-* hooks in templates are deprecated. Use the vue: prefix instead. For example, @vnode-mounted should be changed to @vue:mounted. @vnode-* hooks support will be removed in 3.4.`,
-    [52]: `v-is="component-name" has been deprecated. Use is="vue:component-name" instead. v-is support will be removed in 3.4.`,
+    [48]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
+    [49]: `ES module mode is not supported in this build of compiler.`,
+    [50]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
+    [51]: `"scopeId" option is only supported in module mode.`,
     // just to fulfill types
-    [53]: ``
+    [52]: ``
   };
 
   const isStaticExp = (p) => p.type === 4 && p.isStatic;
@@ -14147,7 +14238,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     isCustomElement: NO,
     onError: defaultOnError,
     onWarn: defaultOnWarn,
-    comments: true
+    comments: true,
+    prefixIdentifiers: false
   };
   let currentOptions = defaultParserOptions;
   let currentRoot = null;
@@ -14189,7 +14281,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
       addNode({
         type: 5,
-        content: createSimpleExpression(exp, false, getLoc(innerStart, innerEnd)),
+        content: createExp(exp, false, getLoc(innerStart, innerEnd)),
         loc: getLoc(start, end)
       });
     },
@@ -14282,7 +14374,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           loc: getLoc(start)
         };
         if (name === "pre") {
-          inVPre = true;
+          inVPre = tokenizer.inVPre = true;
           currentVPreBoundary = currentOpenTag;
           const props = currentOpenTag.props;
           for (let i = 0; i < props.length; i++) {
@@ -14302,7 +14394,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         setLocEnd(currentProp.nameLoc, end);
       } else {
         const isStatic = arg[0] !== `[`;
-        currentProp.arg = createSimpleExpression(
+        currentProp.arg = createExp(
           isStatic ? arg : arg.slice(1, -1),
           isStatic,
           getLoc(start, end),
@@ -14375,10 +14467,13 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
               tokenizer.enterRCDATA(toCharCodes(`</template`), 0);
             }
           } else {
-            currentProp.exp = createSimpleExpression(
+            let expParseMode = 0 /* Normal */;
+            currentProp.exp = createExp(
               currentAttrValue,
               false,
-              getLoc(currentAttrStartIndex, currentAttrEndIndex)
+              getLoc(currentAttrStartIndex, currentAttrEndIndex),
+              0,
+              expParseMode
             );
             if (currentProp.name === "for") {
               currentProp.forParseResult = parseForExpression(currentProp.exp);
@@ -14481,10 +14576,16 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     if (!inMatch)
       return;
     const [, LHS, RHS] = inMatch;
-    const createAliasExpression = (content, offset) => {
+    const createAliasExpression = (content, offset, asParam = false) => {
       const start = loc.start.offset + offset;
       const end = start + content.length;
-      return createSimpleExpression(content, false, getLoc(start, end));
+      return createExp(
+        content,
+        false,
+        getLoc(start, end),
+        0,
+        asParam ? 1 /* Params */ : 0 /* Normal */
+      );
     };
     const result = {
       source: createAliasExpression(RHS.trim(), exp.indexOf(RHS, LHS.length)),
@@ -14502,7 +14603,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       let keyOffset;
       if (keyContent) {
         keyOffset = exp.indexOf(keyContent, trimmedOffset + valueContent.length);
-        result.key = createAliasExpression(keyContent, keyOffset);
+        result.key = createAliasExpression(keyContent, keyOffset, true);
       }
       if (iteratorMatch[2]) {
         const indexContent = iteratorMatch[2].trim();
@@ -14512,13 +14613,14 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
             exp.indexOf(
               indexContent,
               result.key ? keyOffset + keyContent.length : trimmedOffset + valueContent.length
-            )
+            ),
+            true
           );
         }
       }
     }
     if (valueContent) {
-      result.value = createAliasExpression(valueContent, trimmedOffset);
+      result.value = createAliasExpression(valueContent, trimmedOffset, true);
     }
     return result;
   }
@@ -14596,7 +14698,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       inPre--;
     }
     if (currentVPreBoundary === el) {
-      inVPre = false;
+      inVPre = tokenizer.inVPre = false;
       currentVPreBoundary = null;
     }
     if (tokenizer.inXML && (stack[0] ? stack[0].ns : currentOptions.ns) === 0) {
@@ -14831,8 +14933,14 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
     return attr;
   }
-  function emitError(code, index) {
-    currentOptions.onError(createCompilerError(code, getLoc(index, index)));
+  function createExp(content, isStatic = false, loc, constType = 0, parseMode = 0 /* Normal */) {
+    const exp = createSimpleExpression(content, isStatic, loc, constType);
+    return exp;
+  }
+  function emitError(code, index, message) {
+    currentOptions.onError(
+      createCompilerError(code, getLoc(index, index), void 0, message)
+    );
   }
   function reset() {
     tokenizer.reset();
@@ -14863,6 +14971,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
     }
     tokenizer.mode = currentOptions.parseMode === "html" ? 1 : currentOptions.parseMode === "sfc" ? 2 : 0;
+    tokenizer.inXML = currentOptions.ns === 1 || currentOptions.ns === 2;
     const delimiters = options == null ? void 0 : options.delimiters;
     if (delimiters) {
       tokenizer.delimiterOpen = toCharCodes(delimiters[0]);
@@ -16909,6 +17018,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         if (isEventHandler && isReservedProp(name)) {
           hasVnodeHook = true;
         }
+        if (isEventHandler && value.type === 14) {
+          value = value.arguments[0];
+        }
         if (value.type === 20 || (value.type === 4 || value.type === 8) && getConstantType(value, context) > 0) {
           return;
         }
@@ -17361,9 +17473,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       if (arg.isStatic) {
         let rawName = arg.content;
         if (rawName.startsWith("vnode")) {
-          context.onWarn(
-            createCompilerError(51, arg.loc)
-          );
+          context.onError(createCompilerError(47, arg.loc));
         }
         if (rawName.startsWith("vue:")) {
           rawName = `vnode-${rawName.slice(4)}`;
@@ -17844,17 +17954,17 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     const isModuleMode = options.mode === "module";
     {
       if (options.prefixIdentifiers === true) {
-        onError(createCompilerError(47));
-      } else if (isModuleMode) {
         onError(createCompilerError(48));
+      } else if (isModuleMode) {
+        onError(createCompilerError(49));
       }
     }
     const prefixIdentifiers = false;
     if (options.cacheHandlers) {
-      onError(createCompilerError(49));
+      onError(createCompilerError(50));
     }
     if (options.scopeId && !isModuleMode) {
-      onError(createCompilerError(50));
+      onError(createCompilerError(51));
     }
     const ast = isString(source) ? baseParse(source, options) : source;
     const [nodeTransforms, directiveTransforms] = getBaseTransformPreset();