@vue/compat 3.2.11 → 3.2.12

package/dist/vue.global.js

@@ -2441,12 +2441,12 @@ var Vue = (function () {
   function renderComponentRoot(instance) {
       const { type: Component, vnode, proxy, withProxy, props, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, data, setupState, ctx, inheritAttrs } = instance;
       let result;
+      let fallthroughAttrs;
       const prev = setCurrentRenderingInstance(instance);
       {
           accessedAttrs = false;
       }
       try {
-          let fallthroughAttrs;
           if (vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */) {
               // withProxy is a proxy with a different `has` trap only for
               // runtime-compiled render functions using `with` block.
@@ -2477,108 +2477,105 @@ var Vue = (function () {
                   ? attrs
                   : getFunctionalFallthrough(attrs);
           }
-          // attr merging
-          // in dev mode, comments are preserved, and it's possible for a template
-          // to have comments along side the root element which makes it a fragment
-          let root = result;
-          let setRoot = undefined;
-          if (true &&
-              result.patchFlag > 0 &&
-              result.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
-              ;
-              [root, setRoot] = getChildRoot(result);
-          }
-          if (fallthroughAttrs && inheritAttrs !== false) {
-              const keys = Object.keys(fallthroughAttrs);
-              const { shapeFlag } = root;
-              if (keys.length) {
-                  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
-                          // it should not fallthrough.
-                          // related: #1543, #1643, #1989
-                          fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions);
-                      }
-                      root = cloneVNode(root, fallthroughAttrs);
-                  }
-                  else if (true && !accessedAttrs && root.type !== Comment) {
-                      const allAttrs = Object.keys(attrs);
-                      const eventAttrs = [];
-                      const extraAttrs = [];
-                      for (let i = 0, l = allAttrs.length; i < l; i++) {
-                          const key = allAttrs[i];
-                          if (isOn(key)) {
-                              // ignore v-model handlers when they fail to fallthrough
-                              if (!isModelListener(key)) {
-                                  // remove `on`, lowercase first letter to reflect event casing
-                                  // accurately
-                                  eventAttrs.push(key[2].toLowerCase() + key.slice(3));
-                              }
-                          }
-                          else {
-                              extraAttrs.push(key);
+      }
+      catch (err) {
+          blockStack.length = 0;
+          handleError(err, instance, 1 /* RENDER_FUNCTION */);
+          result = createVNode(Comment);
+      }
+      // attr merging
+      // in dev mode, comments are preserved, and it's possible for a template
+      // to have comments along side the root element which makes it a fragment
+      let root = result;
+      let setRoot = undefined;
+      if (result.patchFlag > 0 &&
+          result.patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) {
+          [root, setRoot] = getChildRoot(result);
+      }
+      if (fallthroughAttrs && inheritAttrs !== false) {
+          const keys = Object.keys(fallthroughAttrs);
+          const { shapeFlag } = root;
+          if (keys.length) {
+              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
+                      // it should not fallthrough.
+                      // related: #1543, #1643, #1989
+                      fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions);
+                  }
+                  root = cloneVNode(root, fallthroughAttrs);
+              }
+              else if (!accessedAttrs && root.type !== Comment) {
+                  const allAttrs = Object.keys(attrs);
+                  const eventAttrs = [];
+                  const extraAttrs = [];
+                  for (let i = 0, l = allAttrs.length; i < l; i++) {
+                      const key = allAttrs[i];
+                      if (isOn(key)) {
+                          // ignore v-model handlers when they fail to fallthrough
+                          if (!isModelListener(key)) {
+                              // remove `on`, lowercase first letter to reflect event casing
+                              // accurately
+                              eventAttrs.push(key[2].toLowerCase() + key.slice(3));
                           }
                       }
-                      if (extraAttrs.length) {
-                          warn$1(`Extraneous non-props attributes (` +
-                              `${extraAttrs.join(', ')}) ` +
-                              `were passed to component but could not be automatically inherited ` +
-                              `because component renders fragment or text root nodes.`);
-                      }
-                      if (eventAttrs.length) {
-                          warn$1(`Extraneous non-emits event listeners (` +
-                              `${eventAttrs.join(', ')}) ` +
-                              `were passed to component but could not be automatically inherited ` +
-                              `because component renders fragment or text root nodes. ` +
-                              `If the listener is intended to be a component custom event listener only, ` +
-                              `declare it using the "emits" option.`);
+                      else {
+                          extraAttrs.push(key);
                       }
                   }
-              }
-          }
-          if (true &&
-              isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) &&
-              vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ &&
-              root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) {
-              const { class: cls, style } = vnode.props || {};
-              if (cls || style) {
-                  if (true && inheritAttrs === false) {
-                      warnDeprecation("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance, getComponentName(instance.type));
+                  if (extraAttrs.length) {
+                      warn$1(`Extraneous non-props attributes (` +
+                          `${extraAttrs.join(', ')}) ` +
+                          `were passed to component but could not be automatically inherited ` +
+                          `because component renders fragment or text root nodes.`);
+                  }
+                  if (eventAttrs.length) {
+                      warn$1(`Extraneous non-emits event listeners (` +
+                          `${eventAttrs.join(', ')}) ` +
+                          `were passed to component but could not be automatically inherited ` +
+                          `because component renders fragment or text root nodes. ` +
+                          `If the listener is intended to be a component custom event listener only, ` +
+                          `declare it using the "emits" option.`);
                   }
-                  root = cloneVNode(root, {
-                      class: cls,
-                      style: style
-                  });
-              }
-          }
-          // inherit directives
-          if (vnode.dirs) {
-              if (true && !isElementRoot(root)) {
-                  warn$1(`Runtime directive used on component with non-element root node. ` +
-                      `The directives will not function as intended.`);
               }
-              root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
           }
-          // inherit transition data
-          if (vnode.transition) {
-              if (true && !isElementRoot(root)) {
-                  warn$1(`Component inside <Transition> renders non-element root node ` +
-                      `that cannot be animated.`);
+      }
+      if (isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance) &&
+          vnode.shapeFlag & 4 /* STATEFUL_COMPONENT */ &&
+          root.shapeFlag & (1 /* ELEMENT */ | 6 /* COMPONENT */)) {
+          const { class: cls, style } = vnode.props || {};
+          if (cls || style) {
+              if (inheritAttrs === false) {
+                  warnDeprecation("INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */, instance, getComponentName(instance.type));
               }
-              root.transition = vnode.transition;
+              root = cloneVNode(root, {
+                  class: cls,
+                  style: style
+              });
           }
-          if (true && setRoot) {
-              setRoot(root);
+      }
+      // inherit directives
+      if (vnode.dirs) {
+          if (!isElementRoot(root)) {
+              warn$1(`Runtime directive used on component with non-element root node. ` +
+                  `The directives will not function as intended.`);
           }
-          else {
-              result = root;
+          root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
+      }
+      // inherit transition data
+      if (vnode.transition) {
+          if (!isElementRoot(root)) {
+              warn$1(`Component inside <Transition> renders non-element root node ` +
+                  `that cannot be animated.`);
           }
+          root.transition = vnode.transition;
       }
-      catch (err) {
-          blockStack.length = 0;
-          handleError(err, instance, 1 /* RENDER_FUNCTION */);
-          result = createVNode(Comment);
+      if (setRoot) {
+          setRoot(root);
+      }
+      else {
+          result = root;
       }
       setCurrentRenderingInstance(prev);
       return result;
@@ -3113,8 +3110,8 @@ var Vue = (function () {
   function normalizeSuspenseSlot(s) {
       let block;
       if (isFunction(s)) {
-          const isCompiledSlot = s._c;
-          if (isCompiledSlot) {
+          const trackBlock = isBlockTreeEnabled && s._c;
+          if (trackBlock) {
               // disableTracking: false
               // allow block tracking for compiled slots
               // (see ./componentRenderContext.ts)
@@ -3122,7 +3119,7 @@ var Vue = (function () {
               openBlock();
           }
           s = s();
-          if (isCompiledSlot) {
+          if (trackBlock) {
               s._d = true;
               block = currentBlock;
               closeBlock();
@@ -5278,7 +5275,7 @@ var Vue = (function () {
               return vm;
           }
       }
-      Vue.version = "3.2.11";
+      Vue.version = "3.2.12";
       Vue.config = singletonApp.config;
       Vue.use = (p, ...options) => {
           if (p && isFunction(p.install)) {
@@ -7926,7 +7923,11 @@ var Vue = (function () {
               return Component;
           }
           if (warnMissing && !res) {
-              warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}`);
+              const extra = type === COMPONENTS
+                  ? `\nIf this is a native custom element, make sure to exclude it from ` +
+                      `component resolution via compilerOptions.isCustomElement.`
+                  : ``;
+              warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
           }
           return res;
       }
@@ -9368,17 +9369,19 @@ var Vue = (function () {
   function exposeSetupStateOnRenderContext(instance) {
       const { ctx, setupState } = instance;
       Object.keys(toRaw(setupState)).forEach(key => {
-          if (!setupState.__isScriptSetup && (key[0] === '$' || key[0] === '_')) {
-              warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
-                  `which are reserved prefixes for Vue internals.`);
-              return;
+          if (!setupState.__isScriptSetup) {
+              if (key[0] === '$' || key[0] === '_') {
+                  warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                      `which are reserved prefixes for Vue internals.`);
+                  return;
+              }
+              Object.defineProperty(ctx, key, {
+                  enumerable: true,
+                  configurable: true,
+                  get: () => setupState[key],
+                  set: NOOP
+              });
           }
-          Object.defineProperty(ctx, key, {
-              enumerable: true,
-              configurable: true,
-              get: () => setupState[key],
-              set: NOOP
-          });
       });
   }
 
@@ -10137,11 +10140,18 @@ var Vue = (function () {
       // 2. If a component is unmounted during a parent component's update,
       //    its update can be skipped.
       queue.sort((a, b) => getId(a) - getId(b));
+      // conditional usage of checkRecursiveUpdate must be determined out of
+      // try ... catch block since Rollup by default de-optimizes treeshaking
+      // inside try-catch. This can leave all warning code unshaked. Although
+      // they would get eventually shaken by a minifier like terser, some minifiers
+      // would fail to do that (e.g. https://github.com/evanw/esbuild/issues/1610)
+      const check = (job) => checkRecursiveUpdates(seen, job)
+          ;
       try {
           for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
               const job = queue[flushIndex];
               if (job && job.active !== false) {
-                  if (true && checkRecursiveUpdates(seen, job)) {
+                  if (true && check(job)) {
                       continue;
                   }
                   // console.log(`running:`, job.id)
@@ -10829,7 +10839,7 @@ var Vue = (function () {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.11";
+  const version = "3.2.12";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -11355,6 +11365,7 @@ var Vue = (function () {
           this._instance = null;
           this._connected = false;
           this._resolved = false;
+          this._numberProps = null;
           if (this.shadowRoot && hydrate) {
               hydrate(this._createVNode(), this.shadowRoot);
           }
@@ -11370,18 +11381,17 @@ var Vue = (function () {
               this._setAttr(this.attributes[i].name);
           }
           // watch future attr changes
-          const observer = new MutationObserver(mutations => {
+          new MutationObserver(mutations => {
               for (const m of mutations) {
                   this._setAttr(m.attributeName);
               }
-          });
-          observer.observe(this, { attributes: true });
+          }).observe(this, { attributes: true });
       }
       connectedCallback() {
           this._connected = true;
           if (!this._instance) {
               this._resolveDef();
-              render(this._createVNode(), this.shadowRoot);
+              this._update();
           }
       }
       disconnectedCallback() {
@@ -11402,15 +11412,31 @@ var Vue = (function () {
           }
           const resolve = (def) => {
               this._resolved = true;
+              const { props, styles } = def;
+              const hasOptions = !isArray(props);
+              const rawKeys = props ? (hasOptions ? Object.keys(props) : props) : [];
+              // cast Number-type props set before resolve
+              let numberProps;
+              if (hasOptions) {
+                  for (const key in this._props) {
+                      const opt = props[key];
+                      if (opt === Number || (opt && opt.type === Number)) {
+                          this._props[key] = toNumber(this._props[key]);
+                          (numberProps || (numberProps = Object.create(null)))[key] = true;
+                      }
+                  }
+              }
+              if (numberProps) {
+                  this._numberProps = numberProps;
+                  this._update();
+              }
               // check if there are props set pre-upgrade or connect
               for (const key of Object.keys(this)) {
                   if (key[0] !== '_') {
                       this._setProp(key, this[key]);
                   }
               }
-              const { props, styles } = def;
               // defining getter/setters on prototype
-              const rawKeys = props ? (isArray(props) ? props : Object.keys(props)) : [];
               for (const key of rawKeys.map(camelize)) {
                   Object.defineProperty(this, key, {
                       get() {
@@ -11432,7 +11458,11 @@ var Vue = (function () {
           }
       }
       _setAttr(key) {
-          this._setProp(camelize(key), toNumber(this.getAttribute(key)), false);
+          let value = this.getAttribute(key);
+          if (this._numberProps && this._numberProps[key]) {
+              value = toNumber(value);
+          }
+          this._setProp(camelize(key), value, false);
       }
       /**
        * @internal
@@ -11447,7 +11477,7 @@ var Vue = (function () {
           if (val !== this._props[key]) {
               this._props[key] = val;
               if (this._instance) {
-                  render(this._createVNode(), this.shadowRoot);
+                  this._update();
               }
               // reflect
               if (shouldReflect) {
@@ -11463,6 +11493,9 @@ var Vue = (function () {
               }
           }
       }
+      _update() {
+          render(this._createVNode(), this.shadowRoot);
+      }
       _createVNode() {
           const vnode = createVNode(this._def, extend({}, this._props));
           if (!this._instance) {
@@ -11483,7 +11516,7 @@ var Vue = (function () {
                           if (!this._def.__asyncLoader) {
                               // reload
                               this._instance = null;
-                              render(this._createVNode(), this.shadowRoot);
+                              this._update();
                           }
                       };
                   }
@@ -16776,7 +16809,7 @@ var Vue = (function () {
       };
   }
 
-  const fnExpRE = /^\s*([\w$_]+|\([^)]*?\))\s*=>|^\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) {