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

package/dist/vue.cjs.js

@@ -1402,6 +1402,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) => {
@@ -1444,7 +1447,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;
 }
@@ -1466,9 +1469,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 {
@@ -6743,7 +6771,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)) {
@@ -10453,6 +10481,11 @@ function defineOptions(options) {
     warnRuntimeUsage(`defineOptions`);
   }
 }
+function defineSlots() {
+  {
+    warnRuntimeUsage(`defineSlots`);
+  }
+}
 function withDefaults(props, defaults) {
   {
     warnRuntimeUsage(`withDefaults`);
@@ -10763,7 +10796,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,
@@ -12423,6 +12456,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   defineOptions: defineOptions,
   defineProps: defineProps,
   defineSSRCustomElement: defineSSRCustomElement,
+  defineSlots: defineSlots,
   get devtools () { return devtools; },
   effect: effect,
   effectScope: effectScope,
@@ -12497,6 +12531,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   toRaw: toRaw,
   toRef: toRef,
   toRefs: toRefs,
+  toValue: toValue,
   transformVNodeArgs: transformVNodeArgs,
   triggerRef: triggerRef,
   unref: unref,
@@ -20719,7 +20754,7 @@ function stringifyElement(node, context) {
 }
 function evaluateConstant(exp) {
   if (exp.type === 4) {
-    return new Function(`return ${exp.content}`)();
+    return new Function(`return (${exp.content})`)();
   } else {
     let res = ``;
     exp.children.forEach((c) => {

package/dist/vue.cjs.prod.js

@@ -1269,6 +1269,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) => {
@@ -1308,7 +1311,7 @@ function customRef(factory) {
 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;
 }
@@ -1330,9 +1333,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 {
@@ -5355,7 +5383,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)) {
@@ -8523,6 +8551,8 @@ function defineExpose(exposed) {
 }
 function defineOptions(options) {
 }
+function defineSlots() {
+}
 function withDefaults(props, defaults) {
   return null;
 }
@@ -8645,7 +8675,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,
@@ -10185,6 +10215,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   defineOptions: defineOptions,
   defineProps: defineProps,
   defineSSRCustomElement: defineSSRCustomElement,
+  defineSlots: defineSlots,
   get devtools () { return devtools; },
   effect: effect,
   effectScope: effectScope,
@@ -10259,6 +10290,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   toRaw: toRaw,
   toRef: toRef,
   toRefs: toRefs,
+  toValue: toValue,
   transformVNodeArgs: transformVNodeArgs,
   triggerRef: triggerRef,
   unref: unref,
@@ -18238,7 +18270,7 @@ function stringifyElement(node, context) {
 }
 function evaluateConstant(exp) {
   if (exp.type === 4) {
-    return new Function(`return ${exp.content}`)();
+    return new Function(`return (${exp.content})`)();
   } else {
     let res = ``;
     exp.children.forEach((c) => {

package/dist/vue.esm-browser.js

@@ -1329,6 +1329,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) => {
@@ -1371,7 +1374,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;
 }
@@ -1393,9 +1396,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 {
@@ -6643,7 +6671,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)) {
@@ -10341,6 +10369,11 @@ function defineOptions(options) {
     warnRuntimeUsage(`defineOptions`);
   }
 }
+function defineSlots() {
+  {
+    warnRuntimeUsage(`defineSlots`);
+  }
+}
 function withDefaults(props, defaults) {
   {
     warnRuntimeUsage(`withDefaults`);
@@ -10651,7 +10684,7 @@ function isMemoSame(cached, memo) {
   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 = {
@@ -12310,6 +12343,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   defineOptions: defineOptions,
   defineProps: defineProps,
   defineSSRCustomElement: defineSSRCustomElement,
+  defineSlots: defineSlots,
   get devtools () { return devtools; },
   effect: effect,
   effectScope: effectScope,
@@ -12384,6 +12418,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   toRaw: toRaw,
   toRef: toRef,
   toRefs: toRefs,
+  toValue: toValue,
   transformVNodeArgs: transformVNodeArgs,
   triggerRef: triggerRef,
   unref: unref,
@@ -17440,4 +17475,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 };