@vue/runtime-dom 3.2.2 → 3.2.6

package/dist/runtime-dom.global.js

@@ -34,7 +34,14 @@ var VueRuntimeDOM = (function (exports) {
    * - readonly -> readOnly
    */
   const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-  const isSpecialBooleanAttr = /*#__PURE__*/ makeMap(specialBooleanAttrs);
+  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)) {
@@ -188,7 +195,9 @@ var VueRuntimeDOM = (function (exports) {
   const toDisplayString = (val) => {
       return val == null
           ? ''
-          : isArray(val) || (isObject(val) && val.toString === objectToString)
+          : isArray(val) ||
+              (isObject(val) &&
+                  (val.toString === objectToString || !isFunction(val.toString)))
               ? JSON.stringify(val, replacer, 2)
               : String(val);
   };
@@ -404,7 +413,7 @@ var VueRuntimeDOM = (function (exports) {
           activeEffectScope.cleanups.push(fn);
       }
       else {
-          warn(`onDispose() is called when there is no active effect scope` +
+          warn(`onScopeDispose() is called when there is no active effect scope` +
               ` to be associated with.`);
       }
   }
@@ -1271,13 +1280,13 @@ var VueRuntimeDOM = (function (exports) {
       return Boolean(r && r.__v_isRef === true);
   }
   function ref(value) {
-      return createRef(value);
+      return createRef(value, false);
   }
   function shallowRef(value) {
       return createRef(value, true);
   }
   class RefImpl {
-      constructor(value, _shallow = false) {
+      constructor(value, _shallow) {
           this._shallow = _shallow;
           this.dep = undefined;
           this.__v_isRef = true;
@@ -1297,7 +1306,7 @@ var VueRuntimeDOM = (function (exports) {
           }
       }
   }
-  function createRef(rawValue, shallow = false) {
+  function createRef(rawValue, shallow) {
       if (isRef(rawValue)) {
           return rawValue;
       }
@@ -1369,9 +1378,8 @@ var VueRuntimeDOM = (function (exports) {
       }
   }
   function toRef(object, key) {
-      return isRef(object[key])
-          ? object[key]
-          : new ObjectRefImpl(object, key);
+      const val = object[key];
+      return isRef(val) ? val : new ObjectRefImpl(object, key);
   }
 
   class ComputedRefImpl {
@@ -2216,8 +2224,7 @@ var VueRuntimeDOM = (function (exports) {
               const keys = Object.keys(fallthroughAttrs);
               const { shapeFlag } = root;
               if (keys.length) {
-                  if (shapeFlag & 1 /* ELEMENT */ ||
-                      shapeFlag & 6 /* COMPONENT */) {
+                  if (shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) {
                       if (propsOptions && keys.some(isModelListener)) {
                           // If a v-model listener (onUpdate:xxx) has a corresponding declared
                           // prop, it indicates this component expects to handle v-model and
@@ -2265,8 +2272,7 @@ var VueRuntimeDOM = (function (exports) {
           if (false &&
               isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) &&
               vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ &&
-              (root.shapeFlag & 1 /* ELEMENT */ ||
-                  root.shapeFlag & 6 /* COMPONENT */)) ;
+              root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) ;
           // inherit directives
           if (vnode.dirs) {
               if (true && !isElementRoot(root)) {
@@ -2367,8 +2373,7 @@ var VueRuntimeDOM = (function (exports) {
       return res;
   };
   const isElementRoot = (vnode) => {
-      return (vnode.shapeFlag & 6 /* COMPONENT */ ||
-          vnode.shapeFlag & 1 /* ELEMENT */ ||
+      return (vnode.shapeFlag & (6 /* COMPONENT */ | 1 /* ELEMENT */) ||
           vnode.type === Comment$1 // potential v-if branch switch
       );
   };
@@ -4576,13 +4581,13 @@ var VueRuntimeDOM = (function (exports) {
       ? value.map(normalizeVNode)
       : [normalizeVNode(value)];
   const normalizeSlot = (key, rawSlot, ctx) => {
-      const normalized = withCtx((props) => {
+      const normalized = withCtx((...args) => {
           if (currentInstance) {
               warn$1(`Slot "${key}" invoked outside of the render function: ` +
                   `this will not track dependencies used in the slot. ` +
                   `Invoke the slot function inside the render function instead.`);
           }
-          return normalizeSlotValue(rawSlot(props));
+          return normalizeSlotValue(rawSlot(...args));
       }, ctx);
       normalized._c = false;
       return normalized;
@@ -5094,8 +5099,7 @@ var VueRuntimeDOM = (function (exports) {
               if (props) {
                   if (forcePatchValue ||
                       !optimized ||
-                      patchFlag & 16 /* FULL_PROPS */ ||
-                      patchFlag & 32 /* HYDRATE_EVENTS */) {
+                      patchFlag & (16 /* FULL_PROPS */ | 32 /* HYDRATE_EVENTS */)) {
                       for (const key in props) {
                           if ((forcePatchValue && key.endsWith('value')) ||
                               (isOn(key) && !isReservedProp(key))) {
@@ -5574,6 +5578,17 @@ var VueRuntimeDOM = (function (exports) {
               optimized = false;
               dynamicChildren = null;
           }
+          const areChildrenSVG = isSVG && n2.type !== 'foreignObject';
+          if (dynamicChildren) {
+              patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
+              if (parentComponent && parentComponent.type.__hmrId) {
+                  traverseStaticChildren(n1, n2);
+              }
+          }
+          else if (!optimized) {
+              // full diff
+              patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
+          }
           if (patchFlag > 0) {
               // the presence of a patchFlag means this element's render code was
               // generated by the compiler and can take the fast path.
@@ -5628,17 +5643,6 @@ var VueRuntimeDOM = (function (exports) {
               // unoptimized, full diff
               patchProps(el, n2, oldProps, newProps, parentComponent, parentSuspense, isSVG);
           }
-          const areChildrenSVG = isSVG && n2.type !== 'foreignObject';
-          if (dynamicChildren) {
-              patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds);
-              if (parentComponent && parentComponent.type.__hmrId) {
-                  traverseStaticChildren(n1, n2);
-              }
-          }
-          else if (!optimized) {
-              // full diff
-              patchChildren(n1, n2, el, null, parentComponent, parentSuspense, areChildrenSVG, slotScopeIds, false);
-          }
           if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
               queuePostRenderEffect(() => {
                   vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
@@ -5663,8 +5667,7 @@ var VueRuntimeDOM = (function (exports) {
                       // which also requires the correct parent container
                       !isSameVNodeType(oldVNode, newVNode) ||
                       // - In the case of a component, it could contain anything.
-                      oldVNode.shapeFlag & 6 /* COMPONENT */ ||
-                      oldVNode.shapeFlag & 64 /* TELEPORT */)
+                      oldVNode.shapeFlag & (6 /* COMPONENT */ | 64 /* TELEPORT */))
                   ? hostParentNode(oldVNode.el)
                   : // In other cases, the parent container is not actually used so we
                       // just pass the block element here to avoid a DOM parentNode call.
@@ -5847,13 +5850,15 @@ var VueRuntimeDOM = (function (exports) {
                   let vnodeHook;
                   const { el, props } = initialVNode;
                   const { bm, m, parent } = instance;
+                  const isAsyncWrapperVNode = isAsyncWrapper(initialVNode);
                   effect.allowRecurse = false;
                   // beforeMount hook
                   if (bm) {
                       invokeArrayFns(bm);
                   }
                   // onVnodeBeforeMount
-                  if ((vnodeHook = props && props.onVnodeBeforeMount)) {
+                  if (!isAsyncWrapperVNode &&
+                      (vnodeHook = props && props.onVnodeBeforeMount)) {
                       invokeVNodeHook(vnodeHook, parent, initialVNode);
                   }
                   effect.allowRecurse = true;
@@ -5875,7 +5880,7 @@ var VueRuntimeDOM = (function (exports) {
                               endMeasure(instance, `hydrate`);
                           }
                       };
-                      if (isAsyncWrapper(initialVNode)) {
+                      if (isAsyncWrapperVNode) {
                           initialVNode.type.__asyncLoader().then(
                           // note: we are moving the render call into an async callback,
                           // which means it won't track dependencies - but it's ok because
@@ -5909,7 +5914,8 @@ var VueRuntimeDOM = (function (exports) {
                       queuePostRenderEffect(m, parentSuspense);
                   }
                   // onVnodeMounted
-                  if ((vnodeHook = props && props.onVnodeMounted)) {
+                  if (!isAsyncWrapperVNode &&
+                      (vnodeHook = props && props.onVnodeMounted)) {
                       const scopedInitialVNode = initialVNode;
                       queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
                   }
@@ -5936,6 +5942,8 @@ var VueRuntimeDOM = (function (exports) {
                   {
                       pushWarningContext(next || instance.vnode);
                   }
+                  // Disallow component effect recursion during pre-lifecycle hooks.
+                  effect.allowRecurse = false;
                   if (next) {
                       next.el = vnode.el;
                       updateComponentPreRender(instance, next, optimized);
@@ -5943,8 +5951,6 @@ var VueRuntimeDOM = (function (exports) {
                   else {
                       next = vnode;
                   }
-                  // Disallow component effect recursion during pre-lifecycle hooks.
-                  effect.allowRecurse = false;
                   // beforeUpdate hook
                   if (bu) {
                       invokeArrayFns(bu);
@@ -6347,8 +6353,10 @@ var VueRuntimeDOM = (function (exports) {
               return;
           }
           const shouldInvokeDirs = shapeFlag & 1 /* ELEMENT */ && dirs;
+          const shouldInvokeVnodeHook = !isAsyncWrapper(vnode);
           let vnodeHook;
-          if ((vnodeHook = props && props.onVnodeBeforeUnmount)) {
+          if (shouldInvokeVnodeHook &&
+              (vnodeHook = props && props.onVnodeBeforeUnmount)) {
               invokeVNodeHook(vnodeHook, parentComponent, vnode);
           }
           if (shapeFlag & 6 /* COMPONENT */) {
@@ -6373,8 +6381,8 @@ var VueRuntimeDOM = (function (exports) {
                   unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
               }
               else if ((type === Fragment &&
-                  (patchFlag & 128 /* KEYED_FRAGMENT */ ||
-                      patchFlag & 256 /* UNKEYED_FRAGMENT */)) ||
+                  patchFlag &
+                      (128 /* KEYED_FRAGMENT */ | 256 /* UNKEYED_FRAGMENT */)) ||
                   (!optimized && shapeFlag & 16 /* ARRAY_CHILDREN */)) {
                   unmountChildren(children, parentComponent, parentSuspense);
               }
@@ -6382,7 +6390,9 @@ var VueRuntimeDOM = (function (exports) {
                   remove(vnode);
               }
           }
-          if ((vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
+          if ((shouldInvokeVnodeHook &&
+              (vnodeHook = props && props.onVnodeUnmounted)) ||
+              shouldInvokeDirs) {
               queuePostRenderEffect(() => {
                   vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
                   shouldInvokeDirs &&
@@ -7326,7 +7336,7 @@ var VueRuntimeDOM = (function (exports) {
           type = 16 /* ARRAY_CHILDREN */;
       }
       else if (typeof children === 'object') {
-          if (shapeFlag & 1 /* ELEMENT */ || shapeFlag & 64 /* TELEPORT */) {
+          if (shapeFlag & (1 /* ELEMENT */ | 64 /* TELEPORT */)) {
               // Normalize slot to plain children for plain element and Teleport
               const slot = children.default;
               if (slot) {
@@ -9214,20 +9224,8 @@ var VueRuntimeDOM = (function (exports) {
       return true;
   }
 
-  function $ref() { }
-  function $shallowRef(arg) {
-      return arg;
-  }
-  function $computed() { }
-  function $fromRefs() {
-      return null;
-  }
-  function $raw() {
-      return null;
-  }
-
   // Core API ------------------------------------------------------------------
-  const version = "3.2.2";
+  const version = "3.2.6";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -9434,7 +9432,7 @@ var VueRuntimeDOM = (function (exports) {
           // note we are only checking boolean attributes that don't have a
           // corresponding dom prop of the same name here.
           const isBoolean = isSpecialBooleanAttr(key);
-          if (value == null || (isBoolean && value === false)) {
+          if (value == null || (isBoolean && !includeBooleanAttr(value))) {
               el.removeAttribute(key);
           }
           else {
@@ -9472,9 +9470,9 @@ var VueRuntimeDOM = (function (exports) {
       }
       if (value === '' || value == null) {
           const type = typeof el[key];
-          if (value === '' && type === 'boolean') {
+          if (type === 'boolean') {
               // e.g. <select multiple> compiles to { multiple: '' }
-              el[key] = true;
+              el[key] = includeBooleanAttr(value);
               return;
           }
           else if (value == null && type === 'string') {
@@ -10816,11 +10814,6 @@ var VueRuntimeDOM = (function (exports) {
       return container;
   }
 
-  exports.$computed = $computed;
-  exports.$fromRefs = $fromRefs;
-  exports.$raw = $raw;
-  exports.$ref = $ref;
-  exports.$shallowRef = $shallowRef;
   exports.BaseTransition = BaseTransition;
   exports.Comment = Comment$1;
   exports.EffectScope = EffectScope;