@vue/runtime-core 3.3.0-alpha.12 → 3.3.0-alpha.13

package/README.md

@@ -2,7 +2,7 @@
 
 > This package is published only for typing and building custom renderers. It is NOT meant to be used in applications.
 
-For full exposed APIs, see `src/index.ts`. You can also run `pnpm build runtime-core --types` from repo root, which will generate an API report at `temp/runtime-core.api.md`.
+For full exposed APIs, see `src/index.ts`.
 
 ## Building a Custom Renderer
 

package/dist/runtime-core.cjs.js

@@ -2909,6 +2909,8 @@ const PublicInstanceProxyHandlers = {
       if (key === "$attrs") {
         reactivity.track(instance, "get", key);
         markAttrsAccessed();
+      } else if (key === "$slots") {
+        reactivity.track(instance, "get", key);
       }
       return publicGetter(instance);
     } else if (
@@ -3868,6 +3870,9 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
     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 = {};
@@ -4336,6 +4341,7 @@ const updateSlots = (instance, children, optimized) => {
     if (type) {
       if (isHmrUpdating) {
         shared.extend(slots, children);
+        reactivity.trigger(instance, "set", "$slots");
       } else if (optimized && type === 1) {
         needDeletionCheck = false;
       } else {
@@ -5264,7 +5270,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         areChildrenSVG,
         slotScopeIds
       );
-      if (parentComponent && parentComponent.type.__hmrId) {
+      {
         traverseStaticChildren(n1, n2);
       }
     } else if (!optimized) {
@@ -5460,21 +5466,8 @@ function baseCreateRenderer(options, createHydrationFns) {
           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(
@@ -7048,6 +7041,8 @@ function createComponentInstance(vnode, parent, suspense) {
     refs: shared.EMPTY_OBJ,
     setupState: shared.EMPTY_OBJ,
     setupContext: null,
+    attrsProxy: null,
+    slotsProxy: null,
     // suspense related
     suspense,
     suspenseId: suspense ? suspense.pendingId : 0,
@@ -7287,8 +7282,8 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
     }
   }
 }
-function createAttrsProxy(instance) {
-  return new Proxy(
+function getAttrsProxy(instance) {
+  return instance.attrsProxy || (instance.attrsProxy = new Proxy(
     instance.attrs,
     {
       get(target, key) {
@@ -7305,7 +7300,23 @@ function createAttrsProxy(instance) {
         return false;
       }
     } 
-  );
+  ));
+}
+function getSlotsProxy(instance) {
+  return instance.slotsProxy || (instance.slotsProxy = new Proxy(instance.slots, {
+    get(target, key) {
+      reactivity.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) => {
@@ -7331,14 +7342,13 @@ function createSetupContext(instance) {
     }
     instance.exposed = exposed || {};
   };
-  let attrs;
   {
     return Object.freeze({
       get attrs() {
-        return attrs || (attrs = createAttrsProxy(instance));
+        return getAttrsProxy(instance);
       },
       get slots() {
-        return reactivity.shallowReadonly(instance.slots);
+        return getSlotsProxy(instance);
       },
       get emit() {
         return (event, ...args) => instance.emit(event, ...args);
@@ -7637,7 +7647,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-alpha.12";
+const version = "3.3.0-alpha.13";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -7723,6 +7733,7 @@ exports.getTransitionRawChildren = getTransitionRawChildren;
 exports.guardReactiveProps = guardReactiveProps;
 exports.h = h;
 exports.handleError = handleError;
+exports.hasInjectionContext = hasInjectionContext;
 exports.initCustomFormatter = initCustomFormatter;
 exports.inject = inject;
 exports.isMemoSame = isMemoSame;

package/dist/runtime-core.cjs.prod.js

@@ -2966,6 +2966,9 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
     } else ;
   }
 }
+function hasInjectionContext() {
+  return !!(currentInstance || currentRenderingInstance || currentApp);
+}
 
 function initProps(instance, rawProps, isStateful, isSSR = false) {
   const props = {};
@@ -5712,6 +5715,8 @@ function createComponentInstance(vnode, parent, suspense) {
     refs: shared.EMPTY_OBJ,
     setupState: shared.EMPTY_OBJ,
     setupContext: null,
+    attrsProxy: null,
+    slotsProxy: null,
     // suspense related
     suspense,
     suspenseId: suspense ? suspense.pendingId : 0,
@@ -5879,8 +5884,8 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
     unsetCurrentInstance();
   }
 }
-function createAttrsProxy(instance) {
-  return new Proxy(
+function getAttrsProxy(instance) {
+  return instance.attrsProxy || (instance.attrsProxy = new Proxy(
     instance.attrs,
     {
       get(target, key) {
@@ -5888,17 +5893,16 @@ function createAttrsProxy(instance) {
         return target[key];
       }
     }
-  );
+  ));
 }
 function createSetupContext(instance) {
   const expose = (exposed) => {
     instance.exposed = exposed || {};
   };
-  let attrs;
   {
     return {
       get attrs() {
-        return attrs || (attrs = createAttrsProxy(instance));
+        return getAttrsProxy(instance);
       },
       slots: instance.slots,
       emit: instance.emit,
@@ -5993,7 +5997,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-alpha.12";
+const version = "3.3.0-alpha.13";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -6079,6 +6083,7 @@ exports.getTransitionRawChildren = getTransitionRawChildren;
 exports.guardReactiveProps = guardReactiveProps;
 exports.h = h;
 exports.handleError = handleError;
+exports.hasInjectionContext = hasInjectionContext;
 exports.initCustomFormatter = initCustomFormatter;
 exports.inject = inject;
 exports.isMemoSame = isMemoSame;

package/dist/runtime-core.d.ts

@@ -660,6 +660,12 @@ export declare function provide<T>(key: InjectionKey<T> | string | number, value
 export declare function inject<T>(key: InjectionKey<T> | string): T | undefined;
 export declare function inject<T>(key: InjectionKey<T> | string, defaultValue: T, treatDefaultAsFactory?: false): T;
 export declare function inject<T>(key: InjectionKey<T> | string, defaultValue: T | (() => T), treatDefaultAsFactory: true): T;
+/**
+ * Returns true if `inject()` can be used without warning about being called in the wrong place (e.g. outside of
+ * setup()). This is used by libraries that want to use `inject()` internally without triggering a warning to the end
+ * user. One example is `useRoute()` in `vue-router`.
+ */
+export declare function hasInjectionContext(): boolean;
 
 export interface App<HostElement = any> {
     version: string;
@@ -1108,6 +1114,8 @@ export interface ComponentInternalInstance {
     slots: InternalSlots;
     refs: Data;
     emit: EmitFn;
+    attrsProxy: Data | null;
+    slotsProxy: Slots | null;
     /* removed internal: emitted */
     /* removed internal: propsDefaults */
     /* removed internal: setupState */

package/dist/runtime-core.esm-bundler.js

@@ -2915,6 +2915,8 @@ const PublicInstanceProxyHandlers = {
       if (key === "$attrs") {
         track(instance, "get", key);
         process.env.NODE_ENV !== "production" && markAttrsAccessed();
+      } else if (process.env.NODE_ENV !== "production" && key === "$slots") {
+        track(instance, "get", key);
       }
       return publicGetter(instance);
     } else if (
@@ -3878,6 +3880,9 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
     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 = {};
@@ -4346,6 +4351,7 @@ const updateSlots = (instance, children, optimized) => {
     if (type) {
       if (process.env.NODE_ENV !== "production" && isHmrUpdating) {
         extend(slots, children);
+        trigger(instance, "set", "$slots");
       } else if (optimized && type === 1) {
         needDeletionCheck = false;
       } else {
@@ -5297,7 +5303,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         areChildrenSVG,
         slotScopeIds
       );
-      if (process.env.NODE_ENV !== "production" && parentComponent && parentComponent.type.__hmrId) {
+      if (process.env.NODE_ENV !== "production") {
         traverseStaticChildren(n1, n2);
       }
     } else if (!optimized) {
@@ -5491,7 +5497,7 @@ function baseCreateRenderer(options, createHydrationFns) {
           isSVG,
           slotScopeIds
         );
-        if (process.env.NODE_ENV !== "production" && parentComponent && parentComponent.type.__hmrId) {
+        if (process.env.NODE_ENV !== "production") {
           traverseStaticChildren(n1, n2);
         } else if (
           // #2080 if the stable fragment has a key, it's a <template v-for> that may
@@ -7079,6 +7085,8 @@ function createComponentInstance(vnode, parent, suspense) {
     refs: EMPTY_OBJ,
     setupState: EMPTY_OBJ,
     setupContext: null,
+    attrsProxy: null,
+    slotsProxy: null,
     // suspense related
     suspense,
     suspenseId: suspense ? suspense.pendingId : 0,
@@ -7320,8 +7328,8 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
     }
   }
 }
-function createAttrsProxy(instance) {
-  return new Proxy(
+function getAttrsProxy(instance) {
+  return instance.attrsProxy || (instance.attrsProxy = new Proxy(
     instance.attrs,
     process.env.NODE_ENV !== "production" ? {
       get(target, key) {
@@ -7343,7 +7351,23 @@ function createAttrsProxy(instance) {
         return target[key];
       }
     }
-  );
+  ));
+}
+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) => {
@@ -7369,14 +7393,13 @@ function createSetupContext(instance) {
     }
     instance.exposed = exposed || {};
   };
-  let attrs;
   if (process.env.NODE_ENV !== "production") {
     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);
@@ -7386,7 +7409,7 @@ function createSetupContext(instance) {
   } else {
     return {
       get attrs() {
-        return attrs || (attrs = createAttrsProxy(instance));
+        return getAttrsProxy(instance);
       },
       slots: instance.slots,
       emit: instance.emit,
@@ -7684,7 +7707,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-alpha.12";
+const version = "3.3.0-alpha.13";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -7697,4 +7720,4 @@ const ssrUtils = _ssrUtils ;
 const resolveFilter = null;
 const compatUtils = null;
 
-export { BaseTransition, BaseTransitionPropsValidators, Comment, Fragment, KeepAlive, Static, Suspense, Teleport, Text, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, cloneVNode, compatUtils, computed, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, getCurrentInstance, getTransitionRawChildren, guardReactiveProps, h, handleError, initCustomFormatter, inject, isMemoSame, isRuntimeOnly, isVNode, mergeDefaults, mergeModels, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, pushScopeId, queuePostFlushCb, registerRuntimeCompiler, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, ssrContextKey, ssrUtils, toHandlers, transformVNodeArgs, useAttrs, useModel, useSSRContext, useSlots, useTransitionState, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, Fragment, KeepAlive, Static, Suspense, Teleport, Text, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, cloneVNode, compatUtils, computed, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, getCurrentInstance, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, initCustomFormatter, inject, isMemoSame, isRuntimeOnly, isVNode, mergeDefaults, mergeModels, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, pushScopeId, queuePostFlushCb, registerRuntimeCompiler, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, ssrContextKey, ssrUtils, toHandlers, transformVNodeArgs, useAttrs, useModel, useSSRContext, useSlots, useTransitionState, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/runtime-core",
-  "version": "3.3.0-alpha.12",
+  "version": "3.3.0-alpha.13",
   "description": "@vue/runtime-core",
   "main": "index.js",
   "module": "dist/runtime-core.esm-bundler.js",
@@ -32,7 +32,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-core#readme",
   "dependencies": {
-    "@vue/shared": "3.3.0-alpha.12",
-    "@vue/reactivity": "3.3.0-alpha.12"
+    "@vue/shared": "3.3.0-alpha.13",
+    "@vue/reactivity": "3.3.0-alpha.13"
   }
 }