@vue/compat 3.4.0-rc.1 → 3.4.0-rc.3

package/dist/vue.cjs.prod.js

@@ -1448,9 +1448,6 @@ const TriggerOpTypes = {
   "CLEAR": "clear"
 };
 
-function warn$1(msg, ...args) {
-  return;
-}
 function assertNumber(val, type) {
   return;
 }
@@ -1487,6 +1484,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 {
@@ -1679,38 +1707,6 @@ function flushJobs(seen) {
   }
 }
 
-let devtools;
-let buffer = [];
-function setDevtoolsHook(hook, target) {
-  var _a, _b;
-  devtools = hook;
-  if (devtools) {
-    devtools.enabled = true;
-    buffer.forEach(({ event, args }) => 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 (!devtools) {
-        target.__VUE_DEVTOOLS_HOOK_REPLAY__ = null;
-        buffer = [];
-      }
-    }, 3e3);
-  } else {
-    buffer = [];
-  }
-}
-
 const DeprecationTypes$1 = {
   "GLOBAL_MOUNT": "GLOBAL_MOUNT",
   "GLOBAL_MOUNT_CONTAINER": "GLOBAL_MOUNT_CONTAINER",
@@ -2329,7 +2325,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 === camelize(name) || selfName === capitalize(camelize(name)))) {
         return Component;
@@ -2822,6 +2817,7 @@ function hydrateSuspense(node, vnode, parentComponent, parentSuspense, namespace
     parentSuspense,
     parentComponent,
     node.parentNode,
+    // eslint-disable-next-line no-restricted-globals
     document.createElement("div"),
     null,
     namespace,
@@ -2829,7 +2825,6 @@ function hydrateSuspense(node, vnode, parentComponent, parentSuspense, namespace
     optimized,
     rendererInternals,
     true
-    /* hydrating */
   );
   const result = hydrateNode(
     node,
@@ -2961,7 +2956,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 } = EMPTY_OBJ) {
+function doWatch(source, cb, {
+  immediate,
+  deep,
+  flush,
+  once,
+  onTrack,
+  onTrigger
+} = EMPTY_OBJ) {
   var _a;
   if (cb && once) {
     const _cb = cb;
@@ -3628,7 +3630,6 @@ function defineAsyncComponent(source) {
           instance,
           13,
           !errorComponent
-          /* do not throw in dev if user provided error component */
         );
       };
       if (suspensible && instance.suspense || isInSSRComponentSetup) {
@@ -4013,8 +4014,8 @@ function getCompatListeners(instance) {
 }
 
 function convertLegacyRenderFn(instance) {
-  const Component2 = instance.type;
-  const render = Component2.render;
+  const Component = instance.type;
+  const render = Component.render;
   if (!render || render._rc || render._compatChecked || render._compatWrapped) {
     return;
   }
@@ -4023,7 +4024,7 @@ function convertLegacyRenderFn(instance) {
     return;
   }
   if (checkCompatEnabled$1("RENDER_FUNCTION", instance)) {
-    const wrapped = Component2.render = function compatRender() {
+    const wrapped = Component.render = function compatRender() {
       return render.call(this, compatH);
     };
     wrapped._compatWrapped = true;
@@ -4182,12 +4183,10 @@ function defineLegacyVNodeProperties(vnode) {
     "RENDER_FUNCTION",
     currentRenderingInstance,
     true
-    /* enable for built-ins */
   ) && isCompatEnabled$1(
     "PRIVATE_APIS",
     currentRenderingInstance,
     true
-    /* enable for built-ins */
   )) {
     const context = currentRenderingInstance;
     const getInstance = () => vnode.component && vnode.component.proxy;
@@ -4504,7 +4503,6 @@ function installCompatInstanceProperties(map) {
       assertCompatEnabled(
         "GLOBAL_MOUNT",
         null
-        /* this warning is global */
       );
       return i.ctx._compat_mount || NOOP;
     },
@@ -4768,9 +4766,9 @@ function useSlots() {
 function useAttrs() {
   return getContext().attrs;
 }
-function useModel(props, name) {
+function useModel(props, name, options = EMPTY_OBJ) {
   const i = getCurrentInstance();
-  return customRef((track, trigger) => {
+  const res = customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
       const propValue = props[name];
@@ -4782,7 +4780,7 @@ function useModel(props, name) {
     return {
       get() {
         track();
-        return localValue;
+        return options.get ? options.get(localValue) : localValue;
       },
       set(value) {
         const rawProps = i.vnode.props;
@@ -4790,10 +4788,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();
@@ -5019,7 +5031,6 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP)
           opt.from || key,
           opt.default,
           true
-          /* treat default function as factory */
         );
       } else {
         injected = inject(opt.from || key);
@@ -5254,7 +5265,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.0-rc.1"}`;
+  Vue.version = `2.6.14-compat:${"3.4.0-rc.3"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -5841,7 +5852,6 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
               value,
               instance,
               false
-              /* isAbsent */
             );
           }
         } else {
@@ -5880,7 +5890,6 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
               void 0,
               instance,
               true
-              /* isAbsent */
             );
           }
         } else {
@@ -8398,7 +8407,6 @@ function createElementBlock(type, props, children, patchFlag, dynamicProps, shap
       dynamicProps,
       shapeFlag,
       true
-      /* isBlock */
     )
   );
 }
@@ -8411,7 +8419,6 @@ function createBlock(type, props, children, patchFlag, dynamicProps) {
       patchFlag,
       dynamicProps,
       true
-      /* isBlock: prevent a block from tracking itself */
     )
   );
 }
@@ -8859,7 +8866,10 @@ function setupStatefulComponent(instance, isSSR) {
       setup,
       instance,
       0,
-      [instance.props, setupContext]
+      [
+        instance.props,
+        setupContext
+      ]
     );
     resetTracking();
     unsetCurrentInstance();
@@ -9063,8 +9073,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 = NOOP;
+const ErrorTypeStrings = ErrorTypeStrings$1 ;
+const devtools = void 0;
+const setDevtoolsHook = NOOP;
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -10654,7 +10667,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   defineProps: defineProps,
   defineSSRCustomElement: defineSSRCustomElement,
   defineSlots: defineSlots,
-  get devtools () { return devtools; },
+  devtools: devtools,
   effect: effect,
   effectScope: effectScope,
   getCurrentInstance: getCurrentInstance,
@@ -13671,7 +13684,6 @@ function createRootCodegen(root, context) {
       true,
       void 0,
       false
-      /* isComponent */
     );
   } else ;
 }
@@ -13862,7 +13874,7 @@ function createCodegenContext(ast, {
       generatedLine: context.line,
       generatedColumn: context.column - 1,
       source: filename,
-      // @ts-ignore it is possible to be null
+      // @ts-expect-error it is possible to be null
       name
     });
   }
@@ -15043,7 +15055,6 @@ const transformFor = createStructuralDirectiveTransform(
             true,
             void 0,
             false
-            /* isComponent */
           );
         } else {
           childBlock = children[0].codegenNode;
@@ -15100,7 +15111,6 @@ const transformFor = createStructuralDirectiveTransform(
               createForLoopParams(forNode.parseResult),
               childBlock,
               true
-              /* force newline */
             )
           );
         }
@@ -15358,13 +15368,15 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
               createForLoopParams(parseResult),
               buildDynamicSlot(slotName, slotFunction),
               true
-              /* force newline */
             )
           ])
         );
       } else {
         context.onError(
-          createCompilerError(32, vFor.loc)
+          createCompilerError(
+            32,
+            vFor.loc
+          )
         );
       }
     } else {