@vue/compat 3.3.0-alpha.6 → 3.3.0-alpha.7

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

@@ -1272,6 +1272,9 @@ function triggerRef(ref2) {
 function unref(ref2) {
   return isRef(ref2) ? ref2.value : ref2;
 }
+function toValue(source) {
+  return isFunction(source) ? source() : unref(source);
+}
 const shallowUnwrapHandlers = {
   get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
   set: (target, key, value, receiver) => {
@@ -1314,7 +1317,7 @@ function toRefs(object) {
   }
   const ret = isArray(object) ? new Array(object.length) : {};
   for (const key in object) {
-    ret[key] = toRef(object, key);
+    ret[key] = propertyToRef(object, key);
   }
   return ret;
 }
@@ -1336,9 +1339,34 @@ class ObjectRefImpl {
     return getDepFromReactive(toRaw(this._object), this._key);
   }
 }
-function toRef(object, key, defaultValue) {
-  const val = object[key];
-  return isRef(val) ? val : new ObjectRefImpl(object, key, defaultValue);
+class GetterRefImpl {
+  constructor(_getter) {
+    this._getter = _getter;
+    this.__v_isRef = true;
+    this.__v_isReadonly = true;
+  }
+  get value() {
+    return this._getter();
+  }
+}
+function toRef(source, key, defaultValue) {
+  if (isRef(source)) {
+    return source;
+  } else if (isFunction(source)) {
+    return new GetterRefImpl(source);
+  } else if (isObject(source) && arguments.length > 1) {
+    return propertyToRef(source, key, defaultValue);
+  } else {
+    return ref(source);
+  }
+}
+function propertyToRef(source, key, defaultValue) {
+  const val = source[key];
+  return isRef(val) ? val : new ObjectRefImpl(
+    source,
+    key,
+    defaultValue
+  );
 }
 
 class ComputedRefImpl {
@@ -6626,7 +6654,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.3.0-alpha.6"}`;
+  Vue.version = `2.6.14-compat:${"3.3.0-alpha.7"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -10376,6 +10404,11 @@ function defineOptions(options) {
     warnRuntimeUsage(`defineOptions`);
   }
 }
+function defineSlots() {
+  if (process.env.NODE_ENV !== "production") {
+    warnRuntimeUsage(`defineSlots`);
+  }
+}
 function withDefaults(props, defaults) {
   if (process.env.NODE_ENV !== "production") {
     warnRuntimeUsage(`withDefaults`);
@@ -10686,7 +10719,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-alpha.6";
+const version = "3.3.0-alpha.7";
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -12401,6 +12434,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   defineOptions: defineOptions,
   defineProps: defineProps,
   defineSSRCustomElement: defineSSRCustomElement,
+  defineSlots: defineSlots,
   get devtools () { return devtools; },
   effect: effect,
   effectScope: effectScope,
@@ -12475,6 +12509,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   toRaw: toRaw,
   toRef: toRef,
   toRefs: toRefs,
+  toValue: toValue,
   transformVNodeArgs: transformVNodeArgs,
   triggerRef: triggerRef,
   unref: unref,
@@ -12545,4 +12580,4 @@ var Vue$1 = Vue;
 
 const { configureCompat } = Vue$1;
 
-export { BaseTransition, BaseTransitionPropsValidators, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, configureCompat, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, Vue$1 as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineOptions, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, configureCompat, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, Vue$1 as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };

package/dist/vue.runtime.global.js

@@ -1267,6 +1267,9 @@ var Vue = (function () {
   function unref(ref2) {
     return isRef(ref2) ? ref2.value : ref2;
   }
+  function toValue(source) {
+    return isFunction(source) ? source() : unref(source);
+  }
   const shallowUnwrapHandlers = {
     get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
     set: (target, key, value, receiver) => {
@@ -1309,7 +1312,7 @@ var Vue = (function () {
     }
     const ret = isArray(object) ? new Array(object.length) : {};
     for (const key in object) {
-      ret[key] = toRef(object, key);
+      ret[key] = propertyToRef(object, key);
     }
     return ret;
   }
@@ -1331,9 +1334,34 @@ var Vue = (function () {
       return getDepFromReactive(toRaw(this._object), this._key);
     }
   }
-  function toRef(object, key, defaultValue) {
-    const val = object[key];
-    return isRef(val) ? val : new ObjectRefImpl(object, key, defaultValue);
+  class GetterRefImpl {
+    constructor(_getter) {
+      this._getter = _getter;
+      this.__v_isRef = true;
+      this.__v_isReadonly = true;
+    }
+    get value() {
+      return this._getter();
+    }
+  }
+  function toRef(source, key, defaultValue) {
+    if (isRef(source)) {
+      return source;
+    } else if (isFunction(source)) {
+      return new GetterRefImpl(source);
+    } else if (isObject(source) && arguments.length > 1) {
+      return propertyToRef(source, key, defaultValue);
+    } else {
+      return ref(source);
+    }
+  }
+  function propertyToRef(source, key, defaultValue) {
+    const val = source[key];
+    return isRef(val) ? val : new ObjectRefImpl(
+      source,
+      key,
+      defaultValue
+    );
   }
 
   class ComputedRefImpl {
@@ -6581,7 +6609,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.3.0-alpha.6"}`;
+    Vue.version = `2.6.14-compat:${"3.3.0-alpha.7"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -10279,6 +10307,11 @@ Component that was made reactive: `,
       warnRuntimeUsage(`defineOptions`);
     }
   }
+  function defineSlots() {
+    {
+      warnRuntimeUsage(`defineSlots`);
+    }
+  }
   function withDefaults(props, defaults) {
     {
       warnRuntimeUsage(`withDefaults`);
@@ -10583,7 +10616,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.3.0-alpha.6";
+  const version = "3.3.0-alpha.7";
   const ssrUtils = null;
   const resolveFilter = resolveFilter$1 ;
   const _compatUtils = {
@@ -12230,6 +12263,7 @@ Component that was made reactive: `,
     defineOptions: defineOptions,
     defineProps: defineProps,
     defineSSRCustomElement: defineSSRCustomElement,
+    defineSlots: defineSlots,
     get devtools () { return devtools; },
     effect: effect,
     effectScope: effectScope,
@@ -12304,6 +12338,7 @@ Component that was made reactive: `,
     toRaw: toRaw,
     toRef: toRef,
     toRefs: toRefs,
+    toValue: toValue,
     transformVNodeArgs: transformVNodeArgs,
     triggerRef: triggerRef,
     unref: unref,