@vue/compat 3.2.41 → 3.2.42

package/dist/vue.runtime.esm-bundler.js

@@ -19,27 +19,6 @@ const GLOBALS_WHITE_LISTED = 'Infinity,undefined,NaN,isFinite,isNaN,parseFloat,p
     'Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt';
 const isGloballyWhitelisted = /*#__PURE__*/ makeMap(GLOBALS_WHITE_LISTED);
 
-/**
- * On the client we only need to offer special cases for boolean attributes that
- * have different names from their corresponding dom properties:
- * - itemscope -> N/A
- * - allowfullscreen -> allowFullscreen
- * - formnovalidate -> formNoValidate
- * - ismap -> isMap
- * - nomodule -> noModule
- * - novalidate -> noValidate
- * - readonly -> readOnly
- */
-const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs);
-/**
- * Boolean attributes should be included if the value is truthy or ''.
- * e.g. `<select multiple>` compiles to `{ multiple: '' }`
- */
-function includeBooleanAttr(value) {
-    return !!value || value === '';
-}
-
 function normalizeStyle(value) {
     if (isArray(value)) {
         const res = {};
@@ -64,10 +43,14 @@ function normalizeStyle(value) {
     }
 }
 const listDelimiterRE = /;(?![^(]*\))/g;
-const propertyDelimiterRE = /:(.+)/;
+const propertyDelimiterRE = /:([^]+)/;
+const styleCommentRE = /\/\*.*?\*\//gs;
 function parseStringStyle(cssText) {
     const ret = {};
-    cssText.split(listDelimiterRE).forEach(item => {
+    cssText
+        .replace(styleCommentRE, '')
+        .split(listDelimiterRE)
+        .forEach(item => {
         if (item) {
             const tmp = item.split(propertyDelimiterRE);
             tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
@@ -143,6 +126,27 @@ const isHTMLTag = /*#__PURE__*/ makeMap(HTML_TAGS);
  */
 const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS);
 
+/**
+ * On the client we only need to offer special cases for boolean attributes that
+ * have different names from their corresponding dom properties:
+ * - itemscope -> N/A
+ * - allowfullscreen -> allowFullscreen
+ * - formnovalidate -> formNoValidate
+ * - ismap -> isMap
+ * - nomodule -> noModule
+ * - novalidate -> noValidate
+ * - readonly -> readOnly
+ */
+const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
+const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs);
+/**
+ * Boolean attributes should be included if the value is truthy or ''.
+ * e.g. `<select multiple>` compiles to `{ multiple: '' }`
+ */
+function includeBooleanAttr(value) {
+    return !!value || value === '';
+}
+
 function looseCompareArrays(a, b) {
     if (a.length !== b.length)
         return false;
@@ -648,8 +652,9 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         deps = [...depsMap.values()];
     }
     else if (key === 'length' && isArray(target)) {
+        const newLength = toNumber(newValue);
         depsMap.forEach((dep, key) => {
-            if (key === 'length' || key >= newValue) {
+            if (key === 'length' || key >= newLength) {
                 deps.push(dep);
             }
         });
@@ -2727,7 +2732,7 @@ function emit$2(instance, event, ...rawArgs) {
         const modifiersKey = `${modelArg === 'modelValue' ? 'model' : modelArg}Modifiers`;
         const { number, trim } = props[modifiersKey] || EMPTY_OBJ;
         if (trim) {
-            args = rawArgs.map(a => a.trim());
+            args = rawArgs.map(a => (isString(a) ? a.trim() : a));
         }
         if (number) {
             args = rawArgs.map(toNumber);
@@ -3834,7 +3839,8 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
         };
     };
     // in SSR there is no need to setup an actual effect, and it should be noop
-    // unless it's eager
+    // unless it's eager or sync flush
+    let ssrCleanup;
     if (isInSSRComponentSetup) {
         // we will also not call the invalidate callback (+ runner is not set up)
         onCleanup = NOOP;
@@ -3848,9 +3854,17 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
                 onCleanup
             ]);
         }
-        return NOOP;
+        if (flush === 'sync') {
+            const ctx = useSSRContext();
+            ssrCleanup = ctx.__watcherHandles || (ctx.__watcherHandles = []);
+        }
+        else {
+            return NOOP;
+        }
     }
-    let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+    let oldValue = isMultiSource
+        ? new Array(source.length).fill(INITIAL_WATCHER_VALUE)
+        : INITIAL_WATCHER_VALUE;
     const job = () => {
         if (!effect.active) {
             return;
@@ -3872,7 +3886,10 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
                 callWithAsyncErrorHandling(cb, instance, 3 /* ErrorCodes.WATCH_CALLBACK */, [
                     newValue,
                     // pass undefined as the old value when it's changed for the first time
-                    oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                    oldValue === INITIAL_WATCHER_VALUE ||
+                        (isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE)
+                        ? undefined
+                        : oldValue,
                     onCleanup
                 ]);
                 oldValue = newValue;
@@ -3920,12 +3937,15 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
     else {
         effect.run();
     }
-    return () => {
+    const unwatch = () => {
         effect.stop();
         if (instance && instance.scope) {
             remove(instance.scope.effects, effect);
         }
     };
+    if (ssrCleanup)
+        ssrCleanup.push(unwatch);
+    return unwatch;
 }
 // this.$watch
 function instanceWatch(source, value, options) {
@@ -4110,7 +4130,11 @@ const BaseTransitionImpl = {
                     // return placeholder node and queue update when leave finishes
                     leavingHooks.afterLeave = () => {
                         state.isLeaving = false;
-                        instance.update();
+                        // #6835
+                        // it also needs to be updated when active is undefined
+                        if (instance.update.active !== false) {
+                            instance.update();
+                        }
                     };
                     return emptyPlaceholder(child);
                 }
@@ -4639,7 +4663,8 @@ const KeepAliveImpl = {
                 : comp);
             const { include, exclude, max } = props;
             if ((include && (!name || !matches(include, name))) ||
-                (exclude && name && matches(exclude, name))) {
+                (exclude && name && matches(exclude, name)) ||
+                ((process.env.NODE_ENV !== 'production') && hmrDirtyComponents.has(comp))) {
                 current = vnode;
                 return rawVNode;
             }
@@ -4919,23 +4944,25 @@ function withDirectives(vnode, directives) {
     const bindings = vnode.dirs || (vnode.dirs = []);
     for (let i = 0; i < directives.length; i++) {
         let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
-        if (isFunction(dir)) {
-            dir = {
-                mounted: dir,
-                updated: dir
-            };
-        }
-        if (dir.deep) {
-            traverse(value);
+        if (dir) {
+            if (isFunction(dir)) {
+                dir = {
+                    mounted: dir,
+                    updated: dir
+                };
+            }
+            if (dir.deep) {
+                traverse(value);
+            }
+            bindings.push({
+                dir,
+                instance,
+                value,
+                oldValue: void 0,
+                arg,
+                modifiers
+            });
         }
-        bindings.push({
-            dir,
-            instance,
-            value,
-            oldValue: void 0,
-            arg,
-            modifiers
-        });
     }
     return vnode;
 }
@@ -6772,7 +6799,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
             if (validatePropName(normalizedKey)) {
                 const opt = raw[key];
                 const prop = (normalized[normalizedKey] =
-                    isArray(opt) || isFunction(opt) ? { type: opt } : opt);
+                    isArray(opt) || isFunction(opt) ? { type: opt } : Object.assign({}, opt));
                 if (prop) {
                     const booleanIndex = getTypeIndex(Boolean, prop.type);
                     const stringIndex = getTypeIndex(String, prop.type);
@@ -7144,7 +7171,7 @@ function createCompatVue(createApp, createSingletonApp) {
             return vm;
         }
     }
-    Vue.version = `2.6.14-compat:${"3.2.41"}`;
+    Vue.version = `2.6.14-compat:${"3.2.42"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
         if (p && isFunction(p.install)) {
@@ -10772,6 +10799,9 @@ function getExposeProxy(instance) {
                     else if (key in publicPropertiesMap) {
                         return publicPropertiesMap[key](instance);
                     }
+                },
+                has(target, key) {
+                    return key in target || key in publicPropertiesMap;
                 }
             })));
     }
@@ -11225,7 +11255,7 @@ function isMemoSame(cached, memo) {
 }
 
 // Core API ------------------------------------------------------------------
-const version = "3.2.41";
+const version = "3.2.42";
 const _ssrUtils = {
     createComponentInstance,
     setupComponent,
@@ -11798,7 +11828,7 @@ class VueElement extends BaseClass {
             }
         }).observe(this, { attributes: true });
         const resolve = (def) => {
-            const { props, styles } = def;
+            const { props = {}, styles } = def;
             const hasOptions = !isArray(props);
             const rawKeys = props ? (hasOptions ? Object.keys(props) : props) : [];
             // cast Number-type props set before resolve
@@ -11845,10 +11875,11 @@ class VueElement extends BaseClass {
     }
     _setAttr(key) {
         let value = this.getAttribute(key);
-        if (this._numberProps && this._numberProps[key]) {
+        const camelKey = camelize(key);
+        if (this._numberProps && this._numberProps[camelKey]) {
             value = toNumber(value);
         }
-        this._setProp(camelize(key), value, false);
+        this._setProp(camelKey, value, false);
     }
     /**
      * @internal
@@ -12279,11 +12310,11 @@ function getTransitionInfo(el, expectedType) {
     const styles = window.getComputedStyle(el);
     // JSDOM may return undefined for transition properties
     const getStyleProperties = (key) => (styles[key] || '').split(', ');
-    const transitionDelays = getStyleProperties(TRANSITION + 'Delay');
-    const transitionDurations = getStyleProperties(TRANSITION + 'Duration');
+    const transitionDelays = getStyleProperties(`${TRANSITION}Delay`);
+    const transitionDurations = getStyleProperties(`${TRANSITION}Duration`);
     const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
-    const animationDelays = getStyleProperties(ANIMATION + 'Delay');
-    const animationDurations = getStyleProperties(ANIMATION + 'Duration');
+    const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
+    const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
     const animationTimeout = getTimeout(animationDelays, animationDurations);
     let type = null;
     let timeout = 0;
@@ -12318,7 +12349,7 @@ function getTransitionInfo(el, expectedType) {
             : 0;
     }
     const hasTransform = type === TRANSITION &&
-        /\b(transform|all)(,|$)/.test(styles[TRANSITION + 'Property']);
+        /\b(transform|all)(,|$)/.test(getStyleProperties(`${TRANSITION}Property`).toString());
     return {
         type,
         timeout,

package/dist/vue.runtime.global.js

@@ -22,27 +22,6 @@ var Vue = (function () {
       'Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt';
   const isGloballyWhitelisted = /*#__PURE__*/ makeMap(GLOBALS_WHITE_LISTED);
 
-  /**
-   * On the client we only need to offer special cases for boolean attributes that
-   * have different names from their corresponding dom properties:
-   * - itemscope -> N/A
-   * - allowfullscreen -> allowFullscreen
-   * - formnovalidate -> formNoValidate
-   * - ismap -> isMap
-   * - nomodule -> noModule
-   * - novalidate -> noValidate
-   * - readonly -> readOnly
-   */
-  const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-  const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs);
-  /**
-   * Boolean attributes should be included if the value is truthy or ''.
-   * e.g. `<select multiple>` compiles to `{ multiple: '' }`
-   */
-  function includeBooleanAttr(value) {
-      return !!value || value === '';
-  }
-
   function normalizeStyle(value) {
       if (isArray(value)) {
           const res = {};
@@ -67,10 +46,14 @@ var Vue = (function () {
       }
   }
   const listDelimiterRE = /;(?![^(]*\))/g;
-  const propertyDelimiterRE = /:(.+)/;
+  const propertyDelimiterRE = /:([^]+)/;
+  const styleCommentRE = /\/\*.*?\*\//gs;
   function parseStringStyle(cssText) {
       const ret = {};
-      cssText.split(listDelimiterRE).forEach(item => {
+      cssText
+          .replace(styleCommentRE, '')
+          .split(listDelimiterRE)
+          .forEach(item => {
           if (item) {
               const tmp = item.split(propertyDelimiterRE);
               tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
@@ -146,6 +129,27 @@ var Vue = (function () {
    */
   const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS);
 
+  /**
+   * On the client we only need to offer special cases for boolean attributes that
+   * have different names from their corresponding dom properties:
+   * - itemscope -> N/A
+   * - allowfullscreen -> allowFullscreen
+   * - formnovalidate -> formNoValidate
+   * - ismap -> isMap
+   * - nomodule -> noModule
+   * - novalidate -> noValidate
+   * - readonly -> readOnly
+   */
+  const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
+  const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs);
+  /**
+   * Boolean attributes should be included if the value is truthy or ''.
+   * e.g. `<select multiple>` compiles to `{ multiple: '' }`
+   */
+  function includeBooleanAttr(value) {
+      return !!value || value === '';
+  }
+
   function looseCompareArrays(a, b) {
       if (a.length !== b.length)
           return false;
@@ -649,8 +653,9 @@ var Vue = (function () {
           deps = [...depsMap.values()];
       }
       else if (key === 'length' && isArray(target)) {
+          const newLength = toNumber(newValue);
           depsMap.forEach((dep, key) => {
-              if (key === 'length' || key >= newValue) {
+              if (key === 'length' || key >= newLength) {
                   deps.push(dep);
               }
           });
@@ -2704,7 +2709,7 @@ var Vue = (function () {
           const modifiersKey = `${modelArg === 'modelValue' ? 'model' : modelArg}Modifiers`;
           const { number, trim } = props[modifiersKey] || EMPTY_OBJ;
           if (trim) {
-              args = rawArgs.map(a => a.trim());
+              args = rawArgs.map(a => (isString(a) ? a.trim() : a));
           }
           if (number) {
               args = rawArgs.map(toNumber);
@@ -3807,7 +3812,9 @@ var Vue = (function () {
               callWithErrorHandling(fn, instance, 4 /* ErrorCodes.WATCH_CLEANUP */);
           };
       };
-      let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
+      let oldValue = isMultiSource
+          ? new Array(source.length).fill(INITIAL_WATCHER_VALUE)
+          : INITIAL_WATCHER_VALUE;
       const job = () => {
           if (!effect.active) {
               return;
@@ -3829,7 +3836,10 @@ var Vue = (function () {
                   callWithAsyncErrorHandling(cb, instance, 3 /* ErrorCodes.WATCH_CALLBACK */, [
                       newValue,
                       // pass undefined as the old value when it's changed for the first time
-                      oldValue === INITIAL_WATCHER_VALUE ? undefined : oldValue,
+                      oldValue === INITIAL_WATCHER_VALUE ||
+                          (isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE)
+                          ? undefined
+                          : oldValue,
                       onCleanup
                   ]);
                   oldValue = newValue;
@@ -3877,12 +3887,13 @@ var Vue = (function () {
       else {
           effect.run();
       }
-      return () => {
+      const unwatch = () => {
           effect.stop();
           if (instance && instance.scope) {
               remove(instance.scope.effects, effect);
           }
       };
+      return unwatch;
   }
   // this.$watch
   function instanceWatch(source, value, options) {
@@ -4064,7 +4075,11 @@ var Vue = (function () {
                       // return placeholder node and queue update when leave finishes
                       leavingHooks.afterLeave = () => {
                           state.isLeaving = false;
-                          instance.update();
+                          // #6835
+                          // it also needs to be updated when active is undefined
+                          if (instance.update.active !== false) {
+                              instance.update();
+                          }
                       };
                       return emptyPlaceholder(child);
                   }
@@ -4585,7 +4600,8 @@ var Vue = (function () {
                   : comp);
               const { include, exclude, max } = props;
               if ((include && (!name || !matches(include, name))) ||
-                  (exclude && name && matches(exclude, name))) {
+                  (exclude && name && matches(exclude, name)) ||
+                  (hmrDirtyComponents.has(comp))) {
                   current = vnode;
                   return rawVNode;
               }
@@ -4865,23 +4881,25 @@ var Vue = (function () {
       const bindings = vnode.dirs || (vnode.dirs = []);
       for (let i = 0; i < directives.length; i++) {
           let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
-          if (isFunction(dir)) {
-              dir = {
-                  mounted: dir,
-                  updated: dir
-              };
-          }
-          if (dir.deep) {
-              traverse(value);
+          if (dir) {
+              if (isFunction(dir)) {
+                  dir = {
+                      mounted: dir,
+                      updated: dir
+                  };
+              }
+              if (dir.deep) {
+                  traverse(value);
+              }
+              bindings.push({
+                  dir,
+                  instance,
+                  value,
+                  oldValue: void 0,
+                  arg,
+                  modifiers
+              });
           }
-          bindings.push({
-              dir,
-              instance,
-              value,
-              oldValue: void 0,
-              arg,
-              modifiers
-          });
       }
       return vnode;
   }
@@ -6708,7 +6726,7 @@ var Vue = (function () {
               if (validatePropName(normalizedKey)) {
                   const opt = raw[key];
                   const prop = (normalized[normalizedKey] =
-                      isArray(opt) || isFunction(opt) ? { type: opt } : opt);
+                      isArray(opt) || isFunction(opt) ? { type: opt } : Object.assign({}, opt));
                   if (prop) {
                       const booleanIndex = getTypeIndex(Boolean, prop.type);
                       const stringIndex = getTypeIndex(String, prop.type);
@@ -7078,7 +7096,7 @@ var Vue = (function () {
               return vm;
           }
       }
-      Vue.version = `2.6.14-compat:${"3.2.41"}`;
+      Vue.version = `2.6.14-compat:${"3.2.42"}`;
       Vue.config = singletonApp.config;
       Vue.use = (p, ...options) => {
           if (p && isFunction(p.install)) {
@@ -10634,6 +10652,9 @@ var Vue = (function () {
                       else if (key in publicPropertiesMap) {
                           return publicPropertiesMap[key](instance);
                       }
+                  },
+                  has(target, key) {
+                      return key in target || key in publicPropertiesMap;
                   }
               })));
       }
@@ -11082,7 +11103,7 @@ var Vue = (function () {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.41";
+  const version = "3.2.42";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
    * @internal
@@ -11646,7 +11667,7 @@ var Vue = (function () {
               }
           }).observe(this, { attributes: true });
           const resolve = (def) => {
-              const { props, styles } = def;
+              const { props = {}, styles } = def;
               const hasOptions = !isArray(props);
               const rawKeys = props ? (hasOptions ? Object.keys(props) : props) : [];
               // cast Number-type props set before resolve
@@ -11693,10 +11714,11 @@ var Vue = (function () {
       }
       _setAttr(key) {
           let value = this.getAttribute(key);
-          if (this._numberProps && this._numberProps[key]) {
+          const camelKey = camelize(key);
+          if (this._numberProps && this._numberProps[camelKey]) {
               value = toNumber(value);
           }
-          this._setProp(camelize(key), value, false);
+          this._setProp(camelKey, value, false);
       }
       /**
        * @internal
@@ -12112,11 +12134,11 @@ var Vue = (function () {
       const styles = window.getComputedStyle(el);
       // JSDOM may return undefined for transition properties
       const getStyleProperties = (key) => (styles[key] || '').split(', ');
-      const transitionDelays = getStyleProperties(TRANSITION + 'Delay');
-      const transitionDurations = getStyleProperties(TRANSITION + 'Duration');
+      const transitionDelays = getStyleProperties(`${TRANSITION}Delay`);
+      const transitionDurations = getStyleProperties(`${TRANSITION}Duration`);
       const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
-      const animationDelays = getStyleProperties(ANIMATION + 'Delay');
-      const animationDurations = getStyleProperties(ANIMATION + 'Duration');
+      const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
+      const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
       const animationTimeout = getTimeout(animationDelays, animationDurations);
       let type = null;
       let timeout = 0;
@@ -12151,7 +12173,7 @@ var Vue = (function () {
               : 0;
       }
       const hasTransform = type === TRANSITION &&
-          /\b(transform|all)(,|$)/.test(styles[TRANSITION + 'Property']);
+          /\b(transform|all)(,|$)/.test(getStyleProperties(`${TRANSITION}Property`).toString());
       return {
           type,
           timeout,