vue 3.2.41 → 3.2.43

package/dist/vue.global.js

@@ -95,27 +95,6 @@ var Vue = (function (exports) {
       return res.join('\n');
   }
 
-  /**
-   * 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 = {};
@@ -140,10 +119,14 @@ var Vue = (function (exports) {
       }
   }
   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());
@@ -225,6 +208,27 @@ var Vue = (function (exports) {
    */
   const isVoidTag = /*#__PURE__*/ makeMap(VOID_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;
@@ -728,8 +732,9 @@ var Vue = (function (exports) {
           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);
               }
           });
@@ -2263,7 +2268,7 @@ var Vue = (function (exports) {
           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);
@@ -3325,7 +3330,9 @@ var Vue = (function (exports) {
               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;
@@ -3346,7 +3353,10 @@ var Vue = (function (exports) {
                   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)
+                          ? []
+                          : oldValue,
                       onCleanup
                   ]);
                   oldValue = newValue;
@@ -3394,12 +3404,13 @@ var Vue = (function (exports) {
       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) {
@@ -3581,7 +3592,11 @@ var Vue = (function (exports) {
                       // 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);
                   }
@@ -4099,7 +4114,8 @@ var Vue = (function (exports) {
                   : 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;
               }
@@ -4311,23 +4327,25 @@ var Vue = (function (exports) {
       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;
   }
@@ -5540,7 +5558,7 @@ var Vue = (function (exports) {
               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);
@@ -8877,6 +8895,9 @@ var Vue = (function (exports) {
                       else if (key in publicPropertiesMap) {
                           return publicPropertiesMap[key](instance);
                       }
+                  },
+                  has(target, key) {
+                      return key in target || key in publicPropertiesMap;
                   }
               })));
       }
@@ -9325,7 +9346,7 @@ var Vue = (function (exports) {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.41";
+  const version = "3.2.43";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
    * @internal
@@ -9844,7 +9865,7 @@ var Vue = (function (exports) {
               }
           }).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
@@ -9891,10 +9912,11 @@ var Vue = (function (exports) {
       }
       _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
@@ -10275,11 +10297,11 @@ var Vue = (function (exports) {
       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;
@@ -10314,7 +10336,7 @@ var Vue = (function (exports) {
               : 0;
       }
       const hasTransform = type === TRANSITION &&
-          /\b(transform|all)(,|$)/.test(styles[TRANSITION + 'Property']);
+          /\b(transform|all)(,|$)/.test(getStyleProperties(`${TRANSITION}Property`).toString());
       return {
           type,
           timeout,
@@ -11478,7 +11500,10 @@ var Vue = (function (exports) {
           // if doesn't override user provided keys
           const first = props.arguments[0];
           if (!isString(first) && first.type === 15 /* NodeTypes.JS_OBJECT_EXPRESSION */) {
-              first.properties.unshift(prop);
+              // #6631
+              if (!hasProp(prop, first)) {
+                  first.properties.unshift(prop);
+              }
           }
           else {
               if (props.callee === TO_HANDLERS) {
@@ -11495,14 +11520,7 @@ var Vue = (function (exports) {
           !propsWithInjection && (propsWithInjection = props);
       }
       else if (props.type === 15 /* NodeTypes.JS_OBJECT_EXPRESSION */) {
-          let alreadyExists = false;
-          // check existing key to avoid overriding user provided keys
-          if (prop.key.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */) {
-              const propKeyName = prop.key.content;
-              alreadyExists = props.properties.some(p => p.key.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ &&
-                  p.key.content === propKeyName);
-          }
-          if (!alreadyExists) {
+          if (!hasProp(prop, props)) {
               props.properties.unshift(prop);
           }
           propsWithInjection = props;
@@ -11537,6 +11555,16 @@ var Vue = (function (exports) {
           }
       }
   }
+  // check existing key to avoid overriding user provided keys
+  function hasProp(prop, props) {
+      let result = false;
+      if (prop.key.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */) {
+          const propKeyName = prop.key.content;
+          result = props.properties.some(p => p.key.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ &&
+              p.key.content === propKeyName);
+      }
+      return result;
+  }
   function toValidAssetId(name, type) {
       // see issue#4422, we need adding identifier on validAssetId if variable `name` has specific character
       return `_${type}_${name.replace(/[^\w]/g, (searchValue, replaceValue) => {
@@ -11799,13 +11827,18 @@ var Vue = (function (exports) {
                           const next = nodes[i + 1];
                           // Remove if:
                           // - the whitespace is the first or last node, or:
-                          // - (condense mode) the whitespace is adjacent to a comment, or:
+                          // - (condense mode) the whitespace is between twos comments, or:
+                          // - (condense mode) the whitespace is between comment and element, or:
                           // - (condense mode) the whitespace is between two elements AND contains newline
                           if (!prev ||
                               !next ||
                               (shouldCondense &&
-                                  (prev.type === 3 /* NodeTypes.COMMENT */ ||
-                                      next.type === 3 /* NodeTypes.COMMENT */ ||
+                                  ((prev.type === 3 /* NodeTypes.COMMENT */ &&
+                                      next.type === 3 /* NodeTypes.COMMENT */) ||
+                                      (prev.type === 3 /* NodeTypes.COMMENT */ &&
+                                          next.type === 1 /* NodeTypes.ELEMENT */) ||
+                                      (prev.type === 1 /* NodeTypes.ELEMENT */ &&
+                                          next.type === 3 /* NodeTypes.COMMENT */) ||
                                       (prev.type === 1 /* NodeTypes.ELEMENT */ &&
                                           next.type === 1 /* NodeTypes.ELEMENT */ &&
                                           /[\r\n]/.test(node.content))))) {
@@ -14914,7 +14947,7 @@ var Vue = (function (exports) {
       };
   }
 
-  const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
+  const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
   const transformOn = (dir, node, context, augmentor) => {
       const { loc, modifiers, arg } = dir;
       if (!dir.exp && !modifiers.length) {
@@ -14928,10 +14961,10 @@ var Vue = (function (exports) {
               if (rawName.startsWith('vue:')) {
                   rawName = `vnode-${rawName.slice(4)}`;
               }
-              const eventString = node.tagType === 1 /* ElementTypes.COMPONENT */ ||
+              const eventString = node.tagType !== 0 /* ElementTypes.ELEMENT */ ||
                   rawName.startsWith('vnode') ||
                   !/[A-Z]/.test(rawName)
-                  ? // for component and vnode lifecycle event listeners, auto convert
+                  ? // for non-element and vnode lifecycle event listeners, auto convert
                       // it to camelCase. See issue #2249
                       toHandlerKey(camelize(rawName))
                   : // preserve case for plain element listeners that have uppercase