@vue/runtime-dom 3.2.41 → 3.2.43

package/dist/runtime-dom.global.js

@@ -22,27 +22,6 @@ var VueRuntimeDOM = (function (exports) {
       '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 VueRuntimeDOM = (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());
@@ -146,6 +129,27 @@ var VueRuntimeDOM = (function (exports) {
    */
   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 VueRuntimeDOM = (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);
               }
           });
@@ -2184,7 +2189,7 @@ var VueRuntimeDOM = (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);
@@ -3246,7 +3251,9 @@ var VueRuntimeDOM = (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;
@@ -3267,7 +3274,10 @@ var VueRuntimeDOM = (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;
@@ -3315,12 +3325,13 @@ var VueRuntimeDOM = (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) {
@@ -3502,7 +3513,11 @@ var VueRuntimeDOM = (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);
                   }
@@ -4020,7 +4035,8 @@ var VueRuntimeDOM = (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;
               }
@@ -4232,23 +4248,25 @@ var VueRuntimeDOM = (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;
   }
@@ -5461,7 +5479,7 @@ var VueRuntimeDOM = (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);
@@ -8798,6 +8816,9 @@ var VueRuntimeDOM = (function (exports) {
                       else if (key in publicPropertiesMap) {
                           return publicPropertiesMap[key](instance);
                       }
+                  },
+                  has(target, key) {
+                      return key in target || key in publicPropertiesMap;
                   }
               })));
       }
@@ -9246,7 +9267,7 @@ var VueRuntimeDOM = (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
@@ -9765,7 +9786,7 @@ var VueRuntimeDOM = (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
@@ -9812,10 +9833,11 @@ var VueRuntimeDOM = (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
@@ -10196,11 +10218,11 @@ var VueRuntimeDOM = (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;
@@ -10235,7 +10257,7 @@ var VueRuntimeDOM = (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,