@vue/runtime-core 3.2.44 → 3.2.46

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

@@ -1,13 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var reactivity = require('@vue/reactivity');
 var shared = require('@vue/shared');
 
 function warn(msg, ...args) {
     return;
 }
+/**
+ * @internal
+ */
+function assertNumber(val, type) {
+    return;
+}
 
 function callWithErrorHandling(fn, instance, type, args) {
     let res;
@@ -225,6 +229,7 @@ function flushJobs(seen) {
     }
 }
 
+exports.devtools = void 0;
 let buffer = [];
 function setDevtoolsHook(hook, target) {
     var _a, _b;
@@ -277,7 +282,7 @@ function emit(instance, event, ...rawArgs) {
             args = rawArgs.map(a => (shared.isString(a) ? a.trim() : a));
         }
         if (number) {
-            args = rawArgs.map(shared.toNumber);
+            args = rawArgs.map(shared.looseToNumber);
         }
     }
     let handlerName;
@@ -802,7 +807,7 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, isSVG, slotSc
 }
 function createSuspenseBoundary(vnode, parent, parentComponent, container, hiddenContainer, anchor, isSVG, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
     const { p: patch, m: move, um: unmount, n: next, o: { parentNode, remove } } = rendererInternals;
-    const timeout = shared.toNumber(vnode.props && vnode.props.timeout);
+    const timeout = vnode.props ? shared.toNumber(vnode.props.timeout) : undefined;
     const suspense = {
         vnode,
         parent,
@@ -1094,10 +1099,10 @@ function watchEffect(effect, options) {
     return doWatch(effect, null, options);
 }
 function watchPostEffect(effect, options) {
-    return doWatch(effect, null, ({ flush: 'post' }));
+    return doWatch(effect, null, { flush: 'post' });
 }
 function watchSyncEffect(effect, options) {
-    return doWatch(effect, null, ({ flush: 'sync' }));
+    return doWatch(effect, null, { flush: 'sync' });
 }
 // initial value for watchers to trigger on undefined initial values
 const INITIAL_WATCHER_VALUE = {};
@@ -1106,7 +1111,8 @@ function watch(source, cb, options) {
     return doWatch(source, cb, options);
 }
 function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = shared.EMPTY_OBJ) {
-    const instance = currentInstance;
+    const instance = reactivity.getCurrentScope() === (currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.scope) ? currentInstance : null;
+    // const instance = currentInstance
     let getter;
     let forceTrigger = false;
     let isMultiSource = false;
@@ -1214,7 +1220,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = sh
                     // pass undefined as the old value when it's changed for the first time
                     oldValue === INITIAL_WATCHER_VALUE
                         ? undefined
-                        : (isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE)
+                        : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE
                             ? []
                             : oldValue,
                     onCleanup
@@ -1790,10 +1796,15 @@ function defineAsyncComponent(source) {
         }
     });
 }
-function createInnerComp(comp, { vnode: { ref, props, children, shapeFlag }, parent }) {
+function createInnerComp(comp, parent) {
+    const { ref, props, children, ce } = parent.vnode;
     const vnode = createVNode(comp, props, children);
     // ensure inner component inherits the async wrapper's ref owner
     vnode.ref = ref;
+    // pass the custom element callback on to the inner comp
+    // and remove it from the async wrapper
+    vnode.ce = ce;
+    delete parent.vnode.ce;
     return vnode;
 }
 
@@ -1876,7 +1887,7 @@ const KeepAliveImpl = {
         }
         function pruneCacheEntry(key) {
             const cached = cache.get(key);
-            if (!current || cached.type !== current.type) {
+            if (!current || !isSameVNodeType(cached, current)) {
                 unmount(cached);
             }
             else if (current) {
@@ -1908,7 +1919,7 @@ const KeepAliveImpl = {
             cache.forEach(cached => {
                 const { subTree, suspense } = instance;
                 const vnode = getInnerChild(subTree);
-                if (cached.type === vnode.type) {
+                if (cached.type === vnode.type && cached.key === vnode.key) {
                     // current instance will be unmounted as part of keep-alive's unmount
                     resetShapeFlag(vnode);
                     // but invoke its deactivated hook here
@@ -1945,8 +1956,7 @@ const KeepAliveImpl = {
                 : comp);
             const { include, exclude, max } = props;
             if ((include && (!name || !matches(include, name))) ||
-                (exclude && name && matches(exclude, name)) ||
-                (false )) {
+                (exclude && name && matches(exclude, name))) {
                 current = vnode;
                 return rawVNode;
             }
@@ -2003,7 +2013,7 @@ function matches(pattern, name) {
     else if (shared.isString(pattern)) {
         return pattern.split(',').includes(name);
     }
-    else if (pattern.test) {
+    else if (shared.isRegExp(pattern)) {
         return pattern.test(name);
     }
     /* istanbul ignore next */
@@ -2056,14 +2066,9 @@ function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {
     }, target);
 }
 function resetShapeFlag(vnode) {
-    let shapeFlag = vnode.shapeFlag;
-    if (shapeFlag & 256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */) {
-        shapeFlag -= 256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */;
-    }
-    if (shapeFlag & 512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */) {
-        shapeFlag -= 512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */;
-    }
-    vnode.shapeFlag = shapeFlag;
+    // bitwise operations to remove keep alive flags
+    vnode.shapeFlag &= ~256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */;
+    vnode.shapeFlag &= ~512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */;
 }
 function getInnerChild(vnode) {
     return vnode.shapeFlag & 128 /* ShapeFlags.SUSPENSE */ ? vnode.ssContent : vnode;
@@ -2333,7 +2338,9 @@ fallback, noSlotted) {
         (currentRenderingInstance.parent &&
             isAsyncWrapper(currentRenderingInstance.parent) &&
             currentRenderingInstance.parent.isCE)) {
-        return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
+        if (name !== 'default')
+            props.name = name;
+        return createVNode('slot', props, fallback && fallback());
     }
     let slot = slots[name];
     // a compiled slot disables block tracking by default to avoid manual
@@ -2422,6 +2429,7 @@ const publicPropertiesMap =
     $nextTick: i => i.n || (i.n = nextTick.bind(i.proxy)),
     $watch: i => (instanceWatch.bind(i) )
 });
+const hasSetupBinding = (state, key) => state !== shared.EMPTY_OBJ && !state.__isScriptSetup && shared.hasOwn(state, key);
 const PublicInstanceProxyHandlers = {
     get({ _: instance }, key) {
         const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
@@ -2447,7 +2455,7 @@ const PublicInstanceProxyHandlers = {
                     // default: just fallthrough
                 }
             }
-            else if (setupState !== shared.EMPTY_OBJ && shared.hasOwn(setupState, key)) {
+            else if (hasSetupBinding(setupState, key)) {
                 accessCache[key] = 1 /* AccessTypes.SETUP */;
                 return setupState[key];
             }
@@ -2503,7 +2511,7 @@ const PublicInstanceProxyHandlers = {
     },
     set({ _: instance }, key, value) {
         const { data, setupState, ctx } = instance;
-        if (setupState !== shared.EMPTY_OBJ && shared.hasOwn(setupState, key)) {
+        if (hasSetupBinding(setupState, key)) {
             setupState[key] = value;
             return true;
         }
@@ -2528,7 +2536,7 @@ const PublicInstanceProxyHandlers = {
         let normalizedProps;
         return (!!accessCache[key] ||
             (data !== shared.EMPTY_OBJ && shared.hasOwn(data, key)) ||
-            (setupState !== shared.EMPTY_OBJ && shared.hasOwn(setupState, key)) ||
+            hasSetupBinding(setupState, key) ||
             ((normalizedProps = propsOptions[0]) && shared.hasOwn(normalizedProps, key)) ||
             shared.hasOwn(ctx, key) ||
             shared.hasOwn(publicPropertiesMap, key) ||
@@ -3167,8 +3175,8 @@ function validatePropName(key) {
 // use function string name to check type constructors
 // so that it works across vms / iframes.
 function getType(ctor) {
-    const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : ctor === null ? 'null' : '';
+    const match = ctor && ctor.toString().match(/^\s*(function|class) (\w+)/);
+    return match ? match[2] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -3308,7 +3316,7 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid = 0;
+let uid$1 = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (!shared.isFunction(rootComponent)) {
@@ -3321,7 +3329,7 @@ function createAppAPI(render, hydrate) {
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid++,
+            _uid: uid$1++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -3967,6 +3975,8 @@ function baseCreateRenderer(options, createHydrationFns) {
         if (dirs) {
             invokeDirectiveHook(vnode, null, parentComponent, 'created');
         }
+        // scopeId
+        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
         // props
         if (props) {
             for (const key in props) {
@@ -3990,8 +4000,6 @@ function baseCreateRenderer(options, createHydrationFns) {
                 invokeVNodeHook(vnodeHook, parentComponent, vnode);
             }
         }
-        // scopeId
-        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
         if (dirs) {
             invokeDirectiveHook(vnode, null, parentComponent, 'beforeMount');
         }
@@ -4945,6 +4953,10 @@ function traverseStaticChildren(n1, n2, shallow = false) {
                 if (!shallow)
                     traverseStaticChildren(c1, c2);
             }
+            // #6852 also inherit for text nodes
+            if (c2.type === Text) {
+                c2.el = c1.el;
+            }
         }
     }
 }
@@ -5085,6 +5097,7 @@ const TeleportImpl = {
                 }
             }
         }
+        updateCssVars(n2);
     },
     remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
         const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
@@ -5163,11 +5176,26 @@ function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScope
                 hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
             }
         }
+        updateCssVars(vnode);
     }
     return vnode.anchor && nextSibling(vnode.anchor);
 }
 // Force-casted public typing for h and TSX props inference
 const Teleport = TeleportImpl;
+function updateCssVars(vnode) {
+    // presence of .ut method indicates owner component uses css vars.
+    // code path here can assume browser environment.
+    const ctx = vnode.ctx;
+    if (ctx && ctx.ut) {
+        let node = vnode.children[0].el;
+        while (node !== vnode.targetAnchor) {
+            if (node.nodeType === 1)
+                node.setAttribute('data-v-owner', ctx.uid);
+            node = node.nextSibling;
+        }
+        ctx.ut();
+    }
+}
 
 const Fragment = Symbol(undefined);
 const Text = Symbol(undefined);
@@ -5305,7 +5333,8 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
         patchFlag,
         dynamicProps,
         dynamicChildren: null,
-        appContext: null
+        appContext: null,
+        ctx: currentRenderingInstance
     };
     if (needFullChildrenNormalization) {
         normalizeChildren(vnode, children);
@@ -5456,7 +5485,9 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
         ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
         ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
         el: vnode.el,
-        anchor: vnode.anchor
+        anchor: vnode.anchor,
+        ctx: vnode.ctx,
+        ce: vnode.ce
     };
     return cloned;
 }
@@ -5612,13 +5643,13 @@ function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
 }
 
 const emptyAppContext = createAppContext();
-let uid$1 = 0;
+let uid = 0;
 function createComponentInstance(vnode, parent, suspense) {
     const type = vnode.type;
     // inherit parent app context - or - if root, adopt from root vnode
     const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
     const instance = {
-        uid: uid$1++,
+        uid: uid++,
         vnode,
         type,
         parent,
@@ -6089,7 +6120,7 @@ function isMemoSame(cached, memo) {
 }
 
 // Core API ------------------------------------------------------------------
-const version = "3.2.44";
+const version = "3.2.46";
 const _ssrUtils = {
     createComponentInstance,
     setupComponent,
@@ -6153,6 +6184,7 @@ exports.Static = Static;
 exports.Suspense = Suspense;
 exports.Teleport = Teleport;
 exports.Text = Text;
+exports.assertNumber = assertNumber;
 exports.callWithAsyncErrorHandling = callWithAsyncErrorHandling;
 exports.callWithErrorHandling = callWithErrorHandling;
 exports.cloneVNode = cloneVNode;

package/dist/runtime-core.d.ts

@@ -75,7 +75,8 @@ export declare interface AllowedComponentProps {
 export declare interface App<HostElement = any> {
     version: string;
     config: AppConfig;
-    use(plugin: Plugin_2, ...options: any[]): this;
+    use<Options extends unknown[]>(plugin: Plugin_2<Options>, ...options: Options): this;
+    use<Options>(plugin: Plugin_2<Options>, options: Options): this;
     mixin(mixin: ComponentOptions): this;
     component(name: string): Component | undefined;
     component(name: string, component: Component): this;
@@ -142,6 +143,8 @@ declare interface AppRecord {
     types: Record<string, string | Symbol>;
 }
 
+/* Excluded from this release type: assertNumber */
+
 export declare type AsyncComponentLoader<T = any> = () => Promise<AsyncComponentResolveResult<T>>;
 
 export declare interface AsyncComponentOptions<T = any> {
@@ -185,6 +188,8 @@ declare const enum BooleanFlags {
     shouldCastTrue = 1
 }
 
+declare type BooleanKey<T, K extends keyof T = keyof T> = K extends any ? [T[K]] extends [boolean | undefined] ? K : never : never;
+
 export declare function callWithAsyncErrorHandling(fn: Function | Function[], instance: ComponentInternalInstance | null, type: ErrorTypes, args?: unknown[]): any[];
 
 export declare function callWithErrorHandling(fn: Function, instance: ComponentInternalInstance | null, type: ErrorTypes, args?: unknown[]): any;
@@ -366,14 +371,8 @@ export declare interface ComponentInternalInstance {
     /* Excluded from this release type: propsOptions */
     /* Excluded from this release type: emitsOptions */
     /* Excluded from this release type: inheritAttrs */
-    /**
-     * is custom element?
-     */
-    isCE?: boolean;
-    /**
-     * custom element specific HMR method
-     */
-    ceReload?: (newStyles?: string[]) => void;
+    /* Excluded from this release type: isCE */
+    /* Excluded from this release type: ceReload */
     proxy: ComponentPublicInstance | null;
     exposed: Record<string, any> | null;
     exposeProxy: Record<string, any> | null;
@@ -411,14 +410,9 @@ export declare interface ComponentInternalInstance {
     /* Excluded from this release type: da */
     /* Excluded from this release type: ec */
     /* Excluded from this release type: sp */
-    /**
-     * For caching bound $forceUpdate on public proxy access
-     */
-    f?: () => void;
-    /**
-     * For caching bound $nextTick on public proxy access
-     */
-    n?: () => Promise<void>;
+    /* Excluded from this release type: f */
+    /* Excluded from this release type: n */
+    /* Excluded from this release type: ut */
 }
 
 declare interface ComponentInternalOptions {
@@ -455,7 +449,7 @@ export declare interface ComponentOptionsBase<Props, RawBindings, D, C extends C
     inheritAttrs?: boolean;
     emits?: (E | EE[]) & ThisType<void>;
     expose?: string[];
-    serverPrefetch?(): Promise<any>;
+    serverPrefetch?(): void | Promise<any>;
     compilerOptions?: RuntimeCompilerOptions;
     /* Excluded from this release type: ssrRender */
     /* Excluded from this release type: __ssrInlineRender */
@@ -750,7 +744,9 @@ export declare function defineProps<PropNames extends string = string>(props: Pr
 
 export declare function defineProps<PP extends ComponentObjectPropsOptions = ComponentObjectPropsOptions>(props: PP): Readonly<ExtractPropTypes<PP>>;
 
-export declare function defineProps<TypeProps>(): Readonly<TypeProps>;
+export declare function defineProps<TypeProps>(): Readonly<Omit<TypeProps, BooleanKey<TypeProps>> & {
+    [K in keyof Pick<TypeProps, BooleanKey<TypeProps>>]-?: NotUndefined<TypeProps[K]>;
+}>;
 
 export declare const enum DeprecationTypes {
     GLOBAL_MOUNT = "GLOBAL_MOUNT",
@@ -1347,14 +1343,14 @@ declare type PatchChildrenFn = (n1: VNode | null, n2: VNode, container: Renderer
 declare type PatchFn = (n1: VNode | null, // null means this is a mount
 n2: VNode, container: RendererElement, anchor?: RendererNode | null, parentComponent?: ComponentInternalInstance | null, parentSuspense?: SuspenseBoundary | null, isSVG?: boolean, slotScopeIds?: string[] | null, optimized?: boolean) => void;
 
-declare type Plugin_2 = (PluginInstallFunction & {
-    install?: PluginInstallFunction;
+declare type Plugin_2<Options = any[]> = (PluginInstallFunction<Options> & {
+    install?: PluginInstallFunction<Options>;
 }) | {
-    install: PluginInstallFunction;
+    install: PluginInstallFunction<Options>;
 };
 export { Plugin_2 as Plugin }
 
-declare type PluginInstallFunction = (app: App, ...options: any[]) => any;
+declare type PluginInstallFunction<Options> = Options extends unknown[] ? (app: App, ...options: Options) => any : (app: App, options: Options) => any;
 
 /**
  * Technically we no longer need this after 3.0.8 but we need to keep the same
@@ -1646,12 +1642,12 @@ export declare function setTransitionHooks(vnode: VNode, hooks: TransitionHooks)
 
 declare function setupComponent(instance: ComponentInternalInstance, isSSR?: boolean): Promise<void> | undefined;
 
-export declare interface SetupContext<E = EmitsOptions> {
+export declare type SetupContext<E = EmitsOptions> = E extends any ? {
     attrs: Data;
     slots: Slots;
     emit: EmitFn<E>;
     expose: (exposed?: Record<string, any>) => void;
-}
+} : never;
 
 declare type SetupRenderEffectFn = (instance: ComponentInternalInstance, initialVNode: VNode, container: RendererElement, anchor: RendererNode | null, parentSuspense: SuspenseBoundary | null, isSVG: boolean, optimized: boolean) => void;
 
@@ -1875,6 +1871,7 @@ export declare interface VNode<HostNode = RendererNode, HostElement = RendererEl
     /* Excluded from this release type: dynamicProps */
     /* Excluded from this release type: dynamicChildren */
     appContext: AppContext | null;
+    /* Excluded from this release type: ctx */
     /* Excluded from this release type: memo */
     /* Excluded from this release type: isCompatRoot */
     /* Excluded from this release type: ce */