@vue/runtime-dom 3.3.0-alpha.9 → 3.3.0-beta.1

package/dist/runtime-dom.global.js

@@ -100,7 +100,7 @@ var VueRuntimeDOM = (function (exports) {
     return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
   };
 
-  const GLOBALS_WHITE_LISTED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt";
+  const GLOBALS_WHITE_LISTED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console";
   const isGloballyWhitelisted = /* @__PURE__ */ makeMap(GLOBALS_WHITE_LISTED);
 
   function normalizeStyle(value) {
@@ -1859,6 +1859,8 @@ var VueRuntimeDOM = (function (exports) {
         }
         hmrDirtyComponents.add(oldComp);
       }
+      instance.appContext.propsCache.delete(instance.type);
+      instance.appContext.emitsCache.delete(instance.type);
       instance.appContext.optionsCache.delete(instance.type);
       if (instance.ceReload) {
         hmrDirtyComponents.add(oldComp);
@@ -2701,7 +2703,8 @@ var VueRuntimeDOM = (function (exports) {
     }
   }
   let hasWarned = false;
-  function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
+  function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
+    var _a;
     if (!hasWarned) {
       hasWarned = true;
       console[console.info ? "info" : "log"](
@@ -2715,13 +2718,21 @@ var VueRuntimeDOM = (function (exports) {
       n: next,
       o: { parentNode, remove }
     } = rendererInternals;
+    let parentSuspenseId;
+    const isSuspensible = ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+    if (isSuspensible) {
+      if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {
+        parentSuspenseId = parentSuspense == null ? void 0 : parentSuspense.pendingId;
+        parentSuspense.deps++;
+      }
+    }
     const timeout = vnode.props ? toNumber(vnode.props.timeout) : void 0;
     {
       assertNumber(timeout, `Suspense timeout`);
     }
     const suspense = {
       vnode,
-      parent,
+      parent: parentSuspense,
       parentComponent,
       isSVG,
       container,
@@ -2781,20 +2792,28 @@ var VueRuntimeDOM = (function (exports) {
         setActiveBranch(suspense, pendingBranch);
         suspense.pendingBranch = null;
         suspense.isInFallback = false;
-        let parent2 = suspense.parent;
+        let parent = suspense.parent;
         let hasUnresolvedAncestor = false;
-        while (parent2) {
-          if (parent2.pendingBranch) {
-            parent2.effects.push(...effects);
+        while (parent) {
+          if (parent.pendingBranch) {
+            parent.effects.push(...effects);
             hasUnresolvedAncestor = true;
             break;
           }
-          parent2 = parent2.parent;
+          parent = parent.parent;
         }
         if (!hasUnresolvedAncestor) {
           queuePostFlushCb(effects);
         }
         suspense.effects = [];
+        if (isSuspensible) {
+          if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
+            parentSuspense.deps--;
+            if (parentSuspense.deps === 0) {
+              parentSuspense.resolve();
+            }
+          }
+        }
         triggerEvent(vnode2, "onResolve");
       },
       fallback(fallbackVNode) {
@@ -2894,13 +2913,13 @@ var VueRuntimeDOM = (function (exports) {
           }
         });
       },
-      unmount(parentSuspense, doRemove) {
+      unmount(parentSuspense2, doRemove) {
         suspense.isUnmounted = true;
         if (suspense.activeBranch) {
           unmount(
             suspense.activeBranch,
             parentComponent,
-            parentSuspense,
+            parentSuspense2,
             doRemove
           );
         }
@@ -2908,7 +2927,7 @@ var VueRuntimeDOM = (function (exports) {
           unmount(
             suspense.pendingBranch,
             parentComponent,
-            parentSuspense,
+            parentSuspense2,
             doRemove
           );
         }
@@ -4290,6 +4309,8 @@ If this is a native custom element, make sure to exclude it from component resol
         if (key === "$attrs") {
           track(instance, "get", key);
           markAttrsAccessed();
+        } else if (key === "$slots") {
+          track(instance, "get", key);
         }
         return publicGetter(instance);
       } else if (
@@ -4459,6 +4480,161 @@ If this is a native custom element, make sure to exclude it from component resol
     });
   }
 
+  const warnRuntimeUsage = (method) => warn(
+    `${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`
+  );
+  function defineProps() {
+    {
+      warnRuntimeUsage(`defineProps`);
+    }
+    return null;
+  }
+  function defineEmits() {
+    {
+      warnRuntimeUsage(`defineEmits`);
+    }
+    return null;
+  }
+  function defineExpose(exposed) {
+    {
+      warnRuntimeUsage(`defineExpose`);
+    }
+  }
+  function defineOptions(options) {
+    {
+      warnRuntimeUsage(`defineOptions`);
+    }
+  }
+  function defineSlots() {
+    {
+      warnRuntimeUsage(`defineSlots`);
+    }
+    return null;
+  }
+  function defineModel() {
+    {
+      warnRuntimeUsage("defineModel");
+    }
+  }
+  function withDefaults(props, defaults) {
+    {
+      warnRuntimeUsage(`withDefaults`);
+    }
+    return null;
+  }
+  function useSlots() {
+    return getContext().slots;
+  }
+  function useAttrs() {
+    return getContext().attrs;
+  }
+  function useModel(props, name, options) {
+    const i = getCurrentInstance();
+    if (!i) {
+      warn(`useModel() called without active instance.`);
+      return ref();
+    }
+    if (!i.propsOptions[0][name]) {
+      warn(`useModel() called with prop "${name}" which is not declared.`);
+      return ref();
+    }
+    if (options && options.local) {
+      const proxy = ref(props[name]);
+      watch(
+        () => props[name],
+        (v) => proxy.value = v
+      );
+      watch(proxy, (value) => {
+        if (value !== props[name]) {
+          i.emit(`update:${name}`, value);
+        }
+      });
+      return proxy;
+    } else {
+      return {
+        __v_isRef: true,
+        get value() {
+          return props[name];
+        },
+        set value(value) {
+          i.emit(`update:${name}`, value);
+        }
+      };
+    }
+  }
+  function getContext() {
+    const i = getCurrentInstance();
+    if (!i) {
+      warn(`useContext() called without active instance.`);
+    }
+    return i.setupContext || (i.setupContext = createSetupContext(i));
+  }
+  function normalizePropsOrEmits(props) {
+    return isArray(props) ? props.reduce(
+      (normalized, p) => (normalized[p] = null, normalized),
+      {}
+    ) : props;
+  }
+  function mergeDefaults(raw, defaults) {
+    const props = normalizePropsOrEmits(raw);
+    for (const key in defaults) {
+      if (key.startsWith("__skip"))
+        continue;
+      let opt = props[key];
+      if (opt) {
+        if (isArray(opt) || isFunction(opt)) {
+          opt = props[key] = { type: opt, default: defaults[key] };
+        } else {
+          opt.default = defaults[key];
+        }
+      } else if (opt === null) {
+        opt = props[key] = { default: defaults[key] };
+      } else {
+        warn(`props default key "${key}" has no corresponding declaration.`);
+      }
+      if (opt && defaults[`__skip_${key}`]) {
+        opt.skipFactory = true;
+      }
+    }
+    return props;
+  }
+  function mergeModels(a, b) {
+    if (!a || !b)
+      return a || b;
+    if (isArray(a) && isArray(b))
+      return a.concat(b);
+    return extend({}, normalizePropsOrEmits(a), normalizePropsOrEmits(b));
+  }
+  function createPropsRestProxy(props, excludedKeys) {
+    const ret = {};
+    for (const key in props) {
+      if (!excludedKeys.includes(key)) {
+        Object.defineProperty(ret, key, {
+          enumerable: true,
+          get: () => props[key]
+        });
+      }
+    }
+    return ret;
+  }
+  function withAsyncContext(getAwaitable) {
+    const ctx = getCurrentInstance();
+    if (!ctx) {
+      warn(
+        `withAsyncContext called without active current instance. This is likely a bug.`
+      );
+    }
+    let awaitable = getAwaitable();
+    unsetCurrentInstance();
+    if (isPromise(awaitable)) {
+      awaitable = awaitable.catch((e) => {
+        setCurrentInstance(ctx);
+        throw e;
+      });
+    }
+    return [awaitable, () => setCurrentInstance(ctx)];
+  }
+
   function createDuplicateChecker() {
     const cache = /* @__PURE__ */ Object.create(null);
     return (type, key) => {
@@ -4521,12 +4697,7 @@ If this is a native custom element, make sure to exclude it from component resol
       }
     }
     if (injectOptions) {
-      resolveInjections(
-        injectOptions,
-        ctx,
-        checkDuplicateProperties,
-        instance.appContext.config.unwrapInjectedRef
-      );
+      resolveInjections(injectOptions, ctx, checkDuplicateProperties);
     }
     if (methods) {
       for (const key in methods) {
@@ -4666,7 +4837,7 @@ If this is a native custom element, make sure to exclude it from component resol
     if (directives)
       instance.directives = directives;
   }
-  function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP, unwrapRef = false) {
+  function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
     if (isArray(injectOptions)) {
       injectOptions = normalizeInject(injectOptions);
     }
@@ -4688,21 +4859,12 @@ If this is a native custom element, make sure to exclude it from component resol
         injected = inject(opt);
       }
       if (isRef(injected)) {
-        if (unwrapRef) {
-          Object.defineProperty(ctx, key, {
-            enumerable: true,
-            configurable: true,
-            get: () => injected.value,
-            set: (v) => injected.value = v
-          });
-        } else {
-          {
-            warn(
-              `injected property "${key}" is a ref and will be auto-unwrapped and no longer needs \`.value\` in the next minor release. To opt-in to the new behavior now, set \`app.config.unwrapInjectedRef = true\` (this config is temporary and will not be needed in the future.)`
-            );
-          }
-          ctx[key] = injected;
-        }
+        Object.defineProperty(ctx, key, {
+          enumerable: true,
+          configurable: true,
+          get: () => injected.value,
+          set: (v) => injected.value = v
+        });
       } else {
         ctx[key] = injected;
       }
@@ -4798,10 +4960,8 @@ If this is a native custom element, make sure to exclude it from component resol
   }
   const internalOptionMergeStrats = {
     data: mergeDataFn,
-    props: mergeObjectOptions,
-    // TODO
-    emits: mergeObjectOptions,
-    // TODO
+    props: mergeEmitsOrPropsOptions,
+    emits: mergeEmitsOrPropsOptions,
     // objects
     methods: mergeObjectOptions,
     computed: mergeObjectOptions,
@@ -4860,7 +5020,21 @@ If this is a native custom element, make sure to exclude it from component resol
     return to ? [...new Set([].concat(to, from))] : from;
   }
   function mergeObjectOptions(to, from) {
-    return to ? extend(extend(/* @__PURE__ */ Object.create(null), to), from) : from;
+    return to ? extend(/* @__PURE__ */ Object.create(null), to, from) : from;
+  }
+  function mergeEmitsOrPropsOptions(to, from) {
+    if (to) {
+      if (isArray(to) && isArray(from)) {
+        return [.../* @__PURE__ */ new Set([...to, ...from])];
+      }
+      return extend(
+        /* @__PURE__ */ Object.create(null),
+        normalizePropsOrEmits(to),
+        normalizePropsOrEmits(from != null ? from : {})
+      );
+    } else {
+      return from;
+    }
   }
   function mergeWatchOptions(to, from) {
     if (!to)
@@ -4906,6 +5080,18 @@ If this is a native custom element, make sure to exclude it from component resol
         rootProps = null;
       }
       const context = createAppContext();
+      {
+        Object.defineProperty(context.config, "unwrapInjectedRef", {
+          get() {
+            return true;
+          },
+          set() {
+            warn(
+              `app.config.unwrapInjectedRef has been deprecated. 3.3 now alawys unwraps injected refs in Options API.`
+            );
+          }
+        });
+      }
       const installedPlugins = /* @__PURE__ */ new Set();
       let isMounted = false;
       const app = context.app = {
@@ -5082,6 +5268,9 @@ If you want to remount the same app, move your app creation logic into a factory
       warn(`inject() can only be used inside setup() or functional components.`);
     }
   }
+  function hasInjectionContext() {
+    return !!(currentInstance || currentRenderingInstance || currentApp);
+  }
 
   function initProps(instance, rawProps, isStateful, isSSR = false) {
     const props = {};
@@ -5550,6 +5739,7 @@ If you want to remount the same app, move your app creation logic into a factory
       if (type) {
         if (isHmrUpdating) {
           extend(slots, children);
+          trigger(instance, "set", "$slots");
         } else if (optimized && type === 1) {
           needDeletionCheck = false;
         } else {
@@ -6478,7 +6668,7 @@ If you want to remount the same app, move your app creation logic into a factory
           areChildrenSVG,
           slotScopeIds
         );
-        if (parentComponent && parentComponent.type.__hmrId) {
+        {
           traverseStaticChildren(n1, n2);
         }
       } else if (!optimized) {
@@ -6674,21 +6864,8 @@ If you want to remount the same app, move your app creation logic into a factory
             isSVG,
             slotScopeIds
           );
-          if (parentComponent && parentComponent.type.__hmrId) {
+          {
             traverseStaticChildren(n1, n2);
-          } else if (
-            // #2080 if the stable fragment has a key, it's a <template v-for> that may
-            //  get moved around. Make sure all root level vnodes inherit el.
-            // #2134 or if it's a component root, it may also get moved around
-            // as the component is being moved.
-            n2.key != null || parentComponent && n2 === parentComponent.subTree
-          ) {
-            traverseStaticChildren(
-              n1,
-              n2,
-              true
-              /* shallow */
-            );
           }
         } else {
           patchChildren(
@@ -8262,6 +8439,8 @@ Component that was made reactive: `,
       refs: EMPTY_OBJ,
       setupState: EMPTY_OBJ,
       setupContext: null,
+      attrsProxy: null,
+      slotsProxy: null,
       // suspense related
       suspense,
       suspenseId: suspense ? suspense.pendingId : 0,
@@ -8489,8 +8668,8 @@ Component that was made reactive: `,
       }
     }
   }
-  function createAttrsProxy(instance) {
-    return new Proxy(
+  function getAttrsProxy(instance) {
+    return instance.attrsProxy || (instance.attrsProxy = new Proxy(
       instance.attrs,
       {
         get(target, key) {
@@ -8507,7 +8686,23 @@ Component that was made reactive: `,
           return false;
         }
       } 
-    );
+    ));
+  }
+  function getSlotsProxy(instance) {
+    return instance.slotsProxy || (instance.slotsProxy = new Proxy(instance.slots, {
+      get(target, key) {
+        track(instance, "get", "$slots");
+        return target[key];
+      },
+      set() {
+        warn(`setupContext.slots is readonly.`);
+        return false;
+      },
+      deleteProperty() {
+        warn(`setupContext.slots is readonly.`);
+        return false;
+      }
+    }));
   }
   function createSetupContext(instance) {
     const expose = (exposed) => {
@@ -8533,14 +8728,13 @@ Component that was made reactive: `,
       }
       instance.exposed = exposed || {};
     };
-    let attrs;
     {
       return Object.freeze({
         get attrs() {
-          return attrs || (attrs = createAttrsProxy(instance));
+          return getAttrsProxy(instance);
         },
         get slots() {
-          return shallowReadonly(instance.slots);
+          return getSlotsProxy(instance);
         },
         get emit() {
           return (event, ...args) => instance.emit(event, ...args);
@@ -8600,161 +8794,6 @@ Component that was made reactive: `,
     return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
   };
 
-  const warnRuntimeUsage = (method) => warn(
-    `${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`
-  );
-  function defineProps() {
-    {
-      warnRuntimeUsage(`defineProps`);
-    }
-    return null;
-  }
-  function defineEmits() {
-    {
-      warnRuntimeUsage(`defineEmits`);
-    }
-    return null;
-  }
-  function defineExpose(exposed) {
-    {
-      warnRuntimeUsage(`defineExpose`);
-    }
-  }
-  function defineOptions(options) {
-    {
-      warnRuntimeUsage(`defineOptions`);
-    }
-  }
-  function defineSlots() {
-    {
-      warnRuntimeUsage(`defineSlots`);
-    }
-    return null;
-  }
-  function defineModel() {
-    {
-      warnRuntimeUsage("defineModel");
-    }
-  }
-  function withDefaults(props, defaults) {
-    {
-      warnRuntimeUsage(`withDefaults`);
-    }
-    return null;
-  }
-  function useSlots() {
-    return getContext().slots;
-  }
-  function useAttrs() {
-    return getContext().attrs;
-  }
-  function useModel(props, name, options) {
-    const i = getCurrentInstance();
-    if (!i) {
-      warn(`useModel() called without active instance.`);
-      return ref();
-    }
-    if (!i.propsOptions[0][name]) {
-      warn(`useModel() called with prop "${name}" which is not declared.`);
-      return ref();
-    }
-    if (options && options.local) {
-      const proxy = ref(props[name]);
-      watch(
-        () => props[name],
-        (v) => proxy.value = v
-      );
-      watch(proxy, (value) => {
-        if (value !== props[name]) {
-          i.emit(`update:${name}`, value);
-        }
-      });
-      return proxy;
-    } else {
-      return {
-        __v_isRef: true,
-        get value() {
-          return props[name];
-        },
-        set value(value) {
-          i.emit(`update:${name}`, value);
-        }
-      };
-    }
-  }
-  function getContext() {
-    const i = getCurrentInstance();
-    if (!i) {
-      warn(`useContext() called without active instance.`);
-    }
-    return i.setupContext || (i.setupContext = createSetupContext(i));
-  }
-  function normalizePropsOrEmits(props) {
-    return isArray(props) ? props.reduce(
-      (normalized, p) => (normalized[p] = {}, normalized),
-      {}
-    ) : props;
-  }
-  function mergeDefaults(raw, defaults) {
-    const props = normalizePropsOrEmits(raw);
-    for (const key in defaults) {
-      if (key.startsWith("__skip"))
-        continue;
-      let opt = props[key];
-      if (opt) {
-        if (isArray(opt) || isFunction(opt)) {
-          opt = props[key] = { type: opt, default: defaults[key] };
-        } else {
-          opt.default = defaults[key];
-        }
-      } else if (opt === null) {
-        opt = props[key] = { default: defaults[key] };
-      } else {
-        warn(`props default key "${key}" has no corresponding declaration.`);
-      }
-      if (opt && defaults[`__skip_${key}`]) {
-        opt.skipFactory = true;
-      }
-    }
-    return props;
-  }
-  function mergeModels(a, b) {
-    if (!a || !b)
-      return a || b;
-    if (isArray(a) && isArray(b))
-      return a.concat(b);
-    return extend({}, normalizePropsOrEmits(a), normalizePropsOrEmits(b));
-  }
-  function createPropsRestProxy(props, excludedKeys) {
-    const ret = {};
-    for (const key in props) {
-      if (!excludedKeys.includes(key)) {
-        Object.defineProperty(ret, key, {
-          enumerable: true,
-          get: () => props[key]
-        });
-      }
-    }
-    return ret;
-  }
-  function withAsyncContext(getAwaitable) {
-    const ctx = getCurrentInstance();
-    if (!ctx) {
-      warn(
-        `withAsyncContext called without active current instance. This is likely a bug.`
-      );
-    }
-    let awaitable = getAwaitable();
-    unsetCurrentInstance();
-    if (isPromise(awaitable)) {
-      awaitable = awaitable.catch((e) => {
-        setCurrentInstance(ctx);
-        throw e;
-      });
-    }
-    return [awaitable, () => setCurrentInstance(ctx)];
-  }
-
   function h(type, propsOrChildren, children) {
     const l = arguments.length;
     if (l === 2) {
@@ -8984,7 +9023,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.3.0-alpha.9";
+  const version = "3.3.0-beta.1";
   const ssrUtils = null;
   const resolveFilter = null;
   const compatUtils = null;
@@ -10495,6 +10534,7 @@ Component that was made reactive: `,
   exports.guardReactiveProps = guardReactiveProps;
   exports.h = h;
   exports.handleError = handleError;
+  exports.hasInjectionContext = hasInjectionContext;
   exports.hydrate = hydrate;
   exports.initCustomFormatter = initCustomFormatter;
   exports.initDirectivesForSSR = initDirectivesForSSR;