@vue/runtime-core 3.4.0-rc.1 → 3.4.0-rc.3

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

@@ -5,9 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactivity = require('@vue/reactivity');
 var shared = require('@vue/shared');
 
-function warn$1(msg, ...args) {
-  return;
-}
 function assertNumber(val, type) {
   return;
 }
@@ -44,6 +41,37 @@ const ErrorCodes = {
   "SCHEDULER": 14,
   "14": "SCHEDULER"
 };
+const ErrorTypeStrings$1 = {
+  ["sp"]: "serverPrefetch hook",
+  ["bc"]: "beforeCreate hook",
+  ["c"]: "created hook",
+  ["bm"]: "beforeMount hook",
+  ["m"]: "mounted hook",
+  ["bu"]: "beforeUpdate hook",
+  ["u"]: "updated",
+  ["bum"]: "beforeUnmount hook",
+  ["um"]: "unmounted hook",
+  ["a"]: "activated hook",
+  ["da"]: "deactivated hook",
+  ["ec"]: "errorCaptured hook",
+  ["rtc"]: "renderTracked hook",
+  ["rtg"]: "renderTriggered hook",
+  [0]: "setup function",
+  [1]: "render function",
+  [2]: "watcher getter",
+  [3]: "watcher callback",
+  [4]: "watcher cleanup function",
+  [5]: "native event handler",
+  [6]: "component event handler",
+  [7]: "vnode hook",
+  [8]: "directive hook",
+  [9]: "transition hook",
+  [10]: "app errorHandler",
+  [11]: "app warnHandler",
+  [12]: "ref function",
+  [13]: "async component loader",
+  [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core ."
+};
 function callWithErrorHandling(fn, instance, type, args) {
   let res;
   try {
@@ -236,38 +264,6 @@ function flushJobs(seen) {
   }
 }
 
-exports.devtools = void 0;
-let buffer = [];
-function setDevtoolsHook(hook, target) {
-  var _a, _b;
-  exports.devtools = hook;
-  if (exports.devtools) {
-    exports.devtools.enabled = true;
-    buffer.forEach(({ event, args }) => exports.devtools.emit(event, ...args));
-    buffer = [];
-  } else if (
-    // handle late devtools injection - only do this if we are in an actual
-    // browser environment to avoid the timer handle stalling test runner exit
-    // (#4815)
-    typeof window !== "undefined" && // some envs mock window but not fully
-    window.HTMLElement && // also exclude jsdom
-    !((_b = (_a = window.navigator) == null ? void 0 : _a.userAgent) == null ? void 0 : _b.includes("jsdom"))
-  ) {
-    const replay = target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || [];
-    replay.push((newHook) => {
-      setDevtoolsHook(newHook, target);
-    });
-    setTimeout(() => {
-      if (!exports.devtools) {
-        target.__VUE_DEVTOOLS_HOOK_REPLAY__ = null;
-        buffer = [];
-      }
-    }, 3e3);
-  } else {
-    buffer = [];
-  }
-}
-
 function emit(instance, event, ...rawArgs) {
   if (instance.isUnmounted)
     return;
@@ -647,7 +643,6 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
       const selfName = getComponentName(
         Component,
         false
-        /* do not include inferred name to avoid breaking existing code */
       );
       if (selfName && (selfName === name || selfName === shared.camelize(name) || selfName === shared.capitalize(shared.camelize(name)))) {
         return Component;
@@ -1140,6 +1135,7 @@ function hydrateSuspense(node, vnode, parentComponent, parentSuspense, namespace
     parentSuspense,
     parentComponent,
     node.parentNode,
+    // eslint-disable-next-line no-restricted-globals
     document.createElement("div"),
     null,
     namespace,
@@ -1147,7 +1143,6 @@ function hydrateSuspense(node, vnode, parentComponent, parentSuspense, namespace
     optimized,
     rendererInternals,
     true
-    /* hydrating */
   );
   const result = hydrateNode(
     node,
@@ -1241,7 +1236,14 @@ const INITIAL_WATCHER_VALUE = {};
 function watch(source, cb, options) {
   return doWatch(source, cb, options);
 }
-function doWatch(source, cb, { immediate, deep, flush, once, onTrack, onTrigger } = shared.EMPTY_OBJ) {
+function doWatch(source, cb, {
+  immediate,
+  deep,
+  flush,
+  once,
+  onTrack,
+  onTrigger
+} = shared.EMPTY_OBJ) {
   var _a;
   if (cb && once) {
     const _cb = cb;
@@ -1892,7 +1894,6 @@ function defineAsyncComponent(source) {
           instance,
           13,
           !errorComponent
-          /* do not throw in dev if user provided error component */
         );
       };
       if (suspensible && instance.suspense || isInSSRComponentSetup) {
@@ -2511,9 +2512,9 @@ function useSlots() {
 function useAttrs() {
   return getContext().attrs;
 }
-function useModel(props, name) {
+function useModel(props, name, options = shared.EMPTY_OBJ) {
   const i = getCurrentInstance();
-  return reactivity.customRef((track, trigger) => {
+  const res = reactivity.customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
       const propValue = props[name];
@@ -2525,7 +2526,7 @@ function useModel(props, name) {
     return {
       get() {
         track();
-        return localValue;
+        return options.get ? options.get(localValue) : localValue;
       },
       set(value) {
         const rawProps = i.vnode.props;
@@ -2533,10 +2534,24 @@ function useModel(props, name) {
           localValue = value;
           trigger();
         }
-        i.emit(`update:${name}`, value);
+        i.emit(`update:${name}`, options.set ? options.set(value) : value);
       }
     };
   });
+  const modifierKey = name === "modelValue" ? "modelModifiers" : `${name}Modifiers`;
+  res[Symbol.iterator] = () => {
+    let i2 = 0;
+    return {
+      next() {
+        if (i2 < 2) {
+          return { value: i2++ ? props[modifierKey] : res, done: false };
+        } else {
+          return { done: true };
+        }
+      }
+    };
+  };
+  return res;
 }
 function getContext() {
   const i = getCurrentInstance();
@@ -2751,7 +2766,6 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = shared
           opt.from || key,
           opt.default,
           true
-          /* treat default function as factory */
         );
       } else {
         injected = inject(opt.from || key);
@@ -3143,7 +3157,6 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
               value,
               instance,
               false
-              /* isAbsent */
             );
           }
         } else {
@@ -3175,7 +3188,6 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
               void 0,
               instance,
               true
-              /* isAbsent */
             );
           }
         } else {
@@ -5586,7 +5598,6 @@ function createElementBlock(type, props, children, patchFlag, dynamicProps, shap
       dynamicProps,
       shapeFlag,
       true
-      /* isBlock */
     )
   );
 }
@@ -5599,7 +5610,6 @@ function createBlock(type, props, children, patchFlag, dynamicProps) {
       patchFlag,
       dynamicProps,
       true
-      /* isBlock: prevent a block from tracking itself */
     )
   );
 }
@@ -6037,7 +6047,10 @@ function setupStatefulComponent(instance, isSSR) {
       setup,
       instance,
       0,
-      [instance.props, setupContext]
+      [
+        instance.props,
+        setupContext
+      ]
     );
     reactivity.resetTracking();
     unsetCurrentInstance();
@@ -6232,8 +6245,11 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0-rc.1";
-const ErrorTypeStrings = null;
+const version = "3.4.0-rc.3";
+const warn$1 = shared.NOOP;
+const ErrorTypeStrings = ErrorTypeStrings$1 ;
+const devtools = void 0;
+const setDevtoolsHook = shared.NOOP;
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -6320,6 +6336,7 @@ exports.defineModel = defineModel;
 exports.defineOptions = defineOptions;
 exports.defineProps = defineProps;
 exports.defineSlots = defineSlots;
+exports.devtools = devtools;
 exports.getCurrentInstance = getCurrentInstance;
 exports.getTransitionRawChildren = getTransitionRawChildren;
 exports.guardReactiveProps = guardReactiveProps;

package/dist/runtime-core.d.ts

@@ -845,7 +845,7 @@ declare enum TeleportMoveTypes {
     REORDER = 2
 }
 declare function moveTeleport(vnode: VNode, container: RendererElement, parentAnchor: RendererNode | null, { o: { insert }, m: move }: RendererInternals, moveType?: TeleportMoveTypes): void;
-declare function hydrateTeleport(node: Node, vnode: TeleportVNode, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, slotScopeIds: string[] | null, optimized: boolean, { o: { nextSibling, parentNode, querySelector } }: RendererInternals<Node, Element>, hydrateChildren: (node: Node | null, vnode: VNode, container: Element, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, slotScopeIds: string[] | null, optimized: boolean) => Node | null): Node | null;
+declare function hydrateTeleport(node: Node, vnode: TeleportVNode, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, slotScopeIds: string[] | null, optimized: boolean, { o: { nextSibling, parentNode, querySelector }, }: RendererInternals<Node, Element>, hydrateChildren: (node: Node | null, vnode: VNode, container: Element, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, slotScopeIds: string[] | null, optimized: boolean) => Node | null): Node | null;
 export declare const Teleport: {
     new (): {
         $props: VNodeProps & TeleportProps;
@@ -1278,6 +1278,10 @@ export declare function defineOptions<RawBindings = {}, D = {}, C extends Comput
     slots?: undefined;
 }): void;
 export declare function defineSlots<S extends Record<string, any> = Record<string, any>>(): StrictUnwrapSlotsType<SlotsType<S>>;
+export type ModelRef<T, M extends string | number | symbol = string> = Ref<T> & [
+    ModelRef<T, M>,
+    Record<M, true | undefined>
+];
 /**
  * Vue `<script setup>` compiler macro for declaring a
  * two-way binding prop that can be consumed via `v-model` from the parent
@@ -1311,20 +1315,20 @@ export declare function defineSlots<S extends Record<string, any> = Record<strin
  * const count = defineModel<number>('count', { default: 0 })
  * ```
  */
-export declare function defineModel<T>(options: {
+export declare function defineModel<T, M extends string | number | symbol = string>(options: {
     required: true;
-} & PropOptions<T>): Ref<T>;
-export declare function defineModel<T>(options: {
+} & PropOptions<T> & UseModelOptions<T>): ModelRef<T, M>;
+export declare function defineModel<T, M extends string | number | symbol = string>(options: {
     default: any;
-} & PropOptions<T>): Ref<T>;
-export declare function defineModel<T>(options?: PropOptions<T>): Ref<T | undefined>;
-export declare function defineModel<T>(name: string, options: {
+} & PropOptions<T> & UseModelOptions<T>): ModelRef<T, M>;
+export declare function defineModel<T, M extends string | number | symbol = string>(options?: PropOptions<T> & UseModelOptions<T>): ModelRef<T | undefined, M>;
+export declare function defineModel<T, M extends string | number | symbol = string>(name: string, options: {
     required: true;
-} & PropOptions<T>): Ref<T>;
-export declare function defineModel<T>(name: string, options: {
+} & PropOptions<T> & UseModelOptions<T>): ModelRef<T, M>;
+export declare function defineModel<T, M extends string | number | symbol = string>(name: string, options: {
     default: any;
-} & PropOptions<T>): Ref<T>;
-export declare function defineModel<T>(name: string, options?: PropOptions<T>): Ref<T | undefined>;
+} & PropOptions<T> & UseModelOptions<T>): ModelRef<T, M>;
+export declare function defineModel<T, M extends string | number | symbol = string>(name: string, options?: PropOptions<T> & UseModelOptions<T>): ModelRef<T | undefined, M>;
 type NotUndefined<T> = T extends undefined ? never : T;
 type InferDefaults<T> = {
     [K in keyof T]?: InferDefault<T, T[K]>;
@@ -1359,7 +1363,11 @@ type PropsWithDefaults<T, Defaults extends InferDefaults<T>, BKeys extends keyof
 export declare function withDefaults<T, BKeys extends keyof T, Defaults extends InferDefaults<T>>(props: DefineProps<T, BKeys>, defaults: Defaults): PropsWithDefaults<T, Defaults, BKeys>;
 export declare function useSlots(): SetupContext['slots'];
 export declare function useAttrs(): SetupContext['attrs'];
-export declare function useModel<T extends Record<string, any>, K extends keyof T>(props: T, name: K): Ref<T[K]>;
+type UseModelOptions<T = any> = {
+    get?: (v: T) => any;
+    set?: (v: T) => any;
+};
+export declare function useModel<M extends string | number | symbol, T extends Record<string, any>, K extends keyof T>(props: T, name: K, options?: UseModelOptions<T[K]>): ModelRef<T[K], M>;
 
 type RawProps = VNodeProps & {
     __v_isVNode?: never;
@@ -1404,7 +1412,7 @@ export declare function h<P>(type: string | Component<P>, props?: (RawProps & P)
 export declare const ssrContextKey: unique symbol;
 export declare const useSSRContext: <T = Record<string, any>>() => T | undefined;
 
-export declare function warn(msg: string, ...args: any[]): void;
+declare function warn$1(msg: string, ...args: any[]): void;
 
 export declare enum ErrorCodes {
     SETUP_FUNCTION = 0,
@@ -1449,8 +1457,7 @@ interface DevtoolsHook {
      */
     cleanupBuffer?: (matchArg: unknown) => boolean;
 }
-export declare let devtools: DevtoolsHook;
-export declare function setDevtoolsHook(hook: DevtoolsHook, target: any): void;
+declare function setDevtoolsHook$1(hook: DevtoolsHook, target: any): void;
 
 type HMRComponent = ComponentOptions | ClassComponent;
 export interface HMRRuntime {
@@ -1618,6 +1625,11 @@ export type CompatVue = Pick<App, 'version' | 'component' | 'directive'> & {
 
 export declare const version: string;
 
+export declare const warn: typeof warn$1;
+
+export declare const devtools: DevtoolsHook;
+export declare const setDevtoolsHook: typeof setDevtoolsHook$1;
+
 declare module '@vue/reactivity' {
     interface RefUnwrapBailTypes {
         runtimeCoreBailTypes: VNode | {