@vue/compat 3.2.9 → 3.2.13

package/dist/vue.runtime.global.js

@@ -1,4 +1,4 @@
-var Vue = (function (exports) {
+var Vue = (function () {
   'use strict';
 
   /**
@@ -1413,7 +1413,8 @@ var Vue = (function (exports) {
   function computed(getterOrOptions, debugOptions) {
       let getter;
       let setter;
-      if (isFunction(getterOrOptions)) {
+      const onlyGetter = isFunction(getterOrOptions);
+      if (onlyGetter) {
           getter = getterOrOptions;
           setter = () => {
                   console.warn('Write operation failed: computed value is readonly');
@@ -1424,7 +1425,7 @@ var Vue = (function (exports) {
           getter = getterOrOptions.get;
           setter = getterOrOptions.set;
       }
-      const cRef = new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
+      const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter);
       if (debugOptions) {
           cRef.effect.onTrack = debugOptions.onTrack;
           cRef.effect.onTrigger = debugOptions.onTrigger;
@@ -1459,41 +1460,33 @@ var Vue = (function (exports) {
       const id = instance.type.__hmrId;
       let record = map.get(id);
       if (!record) {
-          createRecord(id, instance.type);
+          createRecord(id);
           record = map.get(id);
       }
-      record.instances.add(instance);
+      record.add(instance);
   }
   function unregisterHMR(instance) {
-      map.get(instance.type.__hmrId).instances.delete(instance);
+      map.get(instance.type.__hmrId).delete(instance);
   }
-  function createRecord(id, component) {
-      if (!component) {
-          warn$1(`HMR API usage is out of date.\n` +
-              `Please upgrade vue-loader/vite/rollup-plugin-vue or other relevant ` +
-              `dependency that handles Vue SFC compilation.`);
-          component = {};
-      }
+  function createRecord(id) {
       if (map.has(id)) {
           return false;
       }
-      map.set(id, {
-          component: isClassComponent(component) ? component.__vccOpts : component,
-          instances: new Set()
-      });
+      map.set(id, new Set());
       return true;
   }
+  function normalizeClassComponent(component) {
+      return isClassComponent(component) ? component.__vccOpts : component;
+  }
   function rerender(id, newRender) {
       const record = map.get(id);
-      if (!record)
+      if (!record) {
           return;
-      if (newRender)
-          record.component.render = newRender;
-      // Array.from creates a snapshot which avoids the set being mutated during
-      // updates
-      Array.from(record.instances).forEach(instance => {
+      }
+      [...record].forEach(instance => {
           if (newRender) {
               instance.render = newRender;
+              normalizeClassComponent(instance.type).render = newRender;
           }
           instance.renderCache = [];
           // this flag forces child components with slot content to update
@@ -1506,34 +1499,31 @@ var Vue = (function (exports) {
       const record = map.get(id);
       if (!record)
           return;
-      // Array.from creates a snapshot which avoids the set being mutated during
-      // updates
-      const { component, instances } = record;
-      if (!hmrDirtyComponents.has(component)) {
-          // 1. Update existing comp definition to match new one
-          newComp = isClassComponent(newComp) ? newComp.__vccOpts : newComp;
-          extend(component, newComp);
-          for (const key in component) {
-              if (key !== '__file' && !(key in newComp)) {
-                  delete component[key];
-              }
-          }
-          // 2. Mark component dirty. This forces the renderer to replace the component
-          // on patch.
-          hmrDirtyComponents.add(component);
-          // 3. Make sure to unmark the component after the reload.
-          queuePostFlushCb(() => {
-              hmrDirtyComponents.delete(component);
-          });
-      }
-      Array.from(instances).forEach(instance => {
-          // invalidate options resolution cache
+      newComp = normalizeClassComponent(newComp);
+      // create a snapshot which avoids the set being mutated during updates
+      const instances = [...record];
+      for (const instance of instances) {
+          const oldComp = normalizeClassComponent(instance.type);
+          if (!hmrDirtyComponents.has(oldComp)) {
+              // 1. Update existing comp definition to match new one
+              extend(oldComp, newComp);
+              for (const key in oldComp) {
+                  if (key !== '__file' && !(key in newComp)) {
+                      delete oldComp[key];
+                  }
+              }
+              // 2. mark definition dirty. This forces the renderer to replace the
+              // component on patch.
+              hmrDirtyComponents.add(oldComp);
+          }
+          // 3. invalidate options resolution cache
           instance.appContext.optionsCache.delete(instance.type);
+          // 4. actually update
           if (instance.ceReload) {
               // custom element
-              hmrDirtyComponents.add(component);
+              hmrDirtyComponents.add(oldComp);
               instance.ceReload(newComp.styles);
-              hmrDirtyComponents.delete(component);
+              hmrDirtyComponents.delete(oldComp);
           }
           else if (instance.parent) {
               // 4. Force the parent instance to re-render. This will cause all updated
@@ -1558,6 +1548,12 @@ var Vue = (function (exports) {
           else {
               console.warn('[HMR] Root or manually mounted instance modified. Full reload required.');
           }
+      }
+      // 5. make sure to cleanup dirty hmr components after update
+      queuePostFlushCb(() => {
+          for (const instance of instances) {
+              hmrDirtyComponents.delete(normalizeClassComponent(instance.type));
+          }
       });
   }
   function tryWrap(fn) {
@@ -1884,7 +1880,7 @@ var Vue = (function (exports) {
       ["PRIVATE_APIS" /* PRIVATE_APIS */]: {
           message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` +
               `If you are seeing this warning only due to a dependency, you can ` +
-              `suppress this warning via { PRIVATE_APIS: 'supress-warning' }.`
+              `suppress this warning via { PRIVATE_APIS: 'suppress-warning' }.`
       }
   };
   const instanceWarned = Object.create(null);
@@ -2371,12 +2367,12 @@ var Vue = (function (exports) {
   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.
@@ -2407,108 +2403,105 @@ var Vue = (function (exports) {
                   ? 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;
@@ -3043,8 +3036,8 @@ var Vue = (function (exports) {
   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)
@@ -3052,7 +3045,7 @@ var Vue = (function (exports) {
               openBlock();
           }
           s = s();
-          if (isCompiledSlot) {
+          if (trackBlock) {
               s._d = true;
               block = currentBlock;
               closeBlock();
@@ -5208,7 +5201,7 @@ var Vue = (function (exports) {
               return vm;
           }
       }
-      Vue.version = "3.2.9";
+      Vue.version = "3.2.13";
       Vue.config = singletonApp.config;
       Vue.use = (p, ...options) => {
           if (p && isFunction(p.install)) {
@@ -5739,7 +5732,7 @@ var Vue = (function (exports) {
                           app._instance = vnode.component;
                           devtoolsInitApp(app, version);
                       }
-                      return vnode.component.proxy;
+                      return getExposeProxy(vnode.component) || vnode.component.proxy;
                   }
                   else {
                       warn$1(`App has already been mounted.\n` +
@@ -5948,14 +5941,14 @@ var Vue = (function (exports) {
                       for (const key in props) {
                           if ((forcePatchValue && key.endsWith('value')) ||
                               (isOn(key) && !isReservedProp(key))) {
-                              patchProp(el, key, null, props[key]);
+                              patchProp(el, key, null, props[key], false, undefined, parentComponent);
                           }
                       }
                   }
                   else if (props.onClick) {
                       // Fast path for click listeners (which is most often) to avoid
                       // iterating through props.
-                      patchProp(el, 'onClick', null, props.onClick);
+                      patchProp(el, 'onClick', null, props.onClick, false, undefined, parentComponent);
                   }
               }
               // vnode / directive hooks
@@ -7856,7 +7849,11 @@ var Vue = (function (exports) {
               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;
       }
@@ -9298,17 +9295,19 @@ var Vue = (function (exports) {
   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
-          });
       });
   }
 
@@ -10067,11 +10066,18 @@ var Vue = (function (exports) {
       // 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)
@@ -10348,7 +10354,7 @@ var Vue = (function (exports) {
           return cur;
       };
   }
-  function traverse(value, seen = new Set()) {
+  function traverse(value, seen) {
       if (!isObject(value) || value["__v_skip" /* SKIP */]) {
           return value;
       }
@@ -10759,7 +10765,7 @@ var Vue = (function (exports) {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.9";
+  const version = "3.2.13";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -10888,19 +10894,13 @@ var Vue = (function (exports) {
 
   function patchStyle(el, prev, next) {
       const style = el.style;
+      const currentDisplay = style.display;
       if (!next) {
           el.removeAttribute('style');
       }
       else if (isString(next)) {
           if (prev !== next) {
-              const current = style.display;
               style.cssText = next;
-              // indicates that the `display` of the element is controlled by `v-show`,
-              // so we always keep the current `display` value regardless of the `style` value,
-              // thus handing over control to `v-show`.
-              if ('_vod' in el) {
-                  style.display = current;
-              }
           }
       }
       else {
@@ -10915,6 +10915,12 @@ var Vue = (function (exports) {
               }
           }
       }
+      // indicates that the `display` of the element is controlled by `v-show`,
+      // so we always keep the current `display` value regardless of the `style` value,
+      // thus handing over control to `v-show`.
+      if ('_vod' in el) {
+          style.display = currentDisplay;
+      }
   }
   const importantRE = /\s*!important$/;
   function setStyle(style, name, val) {
@@ -11285,6 +11291,7 @@ var Vue = (function (exports) {
           this._instance = null;
           this._connected = false;
           this._resolved = false;
+          this._numberProps = null;
           if (this.shadowRoot && hydrate) {
               hydrate(this._createVNode(), this.shadowRoot);
           }
@@ -11300,18 +11307,17 @@ var Vue = (function (exports) {
               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() {
@@ -11332,15 +11338,31 @@ var Vue = (function (exports) {
           }
           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() {
@@ -11362,7 +11384,11 @@ var Vue = (function (exports) {
           }
       }
       _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
@@ -11377,7 +11403,7 @@ var Vue = (function (exports) {
           if (val !== this._props[key]) {
               this._props[key] = val;
               if (this._instance) {
-                  render(this._createVNode(), this.shadowRoot);
+                  this._update();
               }
               // reflect
               if (shouldReflect) {
@@ -11393,6 +11419,9 @@ var Vue = (function (exports) {
               }
           }
       }
+      _update() {
+          render(this._createVNode(), this.shadowRoot);
+      }
       _createVNode() {
           const vnode = createVNode(this._def, extend({}, this._props));
           if (!this._instance) {
@@ -11413,7 +11442,7 @@ var Vue = (function (exports) {
                           if (!this._def.__asyncLoader) {
                               // reload
                               this._instance = null;
-                              render(this._createVNode(), this.shadowRoot);
+                              this._update();
                           }
                       };
                   }
@@ -12669,10 +12698,6 @@ var Vue = (function (exports) {
       }
   });
 
-  exports.default = Vue;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-  return exports;
+  return Vue;
 
-}({}));
+}());