vue 3.3.0-alpha.5 → 3.3.0-alpha.7

package/dist/vue.d.ts

@@ -2,6 +2,10 @@ import { CompilerOptions } from '@vue/compiler-dom';
 import { RenderFunction } from '@vue/runtime-dom';
 export * from '@vue/runtime-dom';
 
-declare function compileToFunction(template: string | HTMLElement, options?: CompilerOptions): RenderFunction;
+export declare function compileToFunction(template: string | HTMLElement, options?: CompilerOptions): RenderFunction;
 
 export { compileToFunction as compile };
+// this is appended to the end of ../dist/vue.d.ts during build.
+// imports the global JSX namespace registration for compat.
+// TODO: remove in 3.4
+import '../jsx'

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 {
@@ -3614,8 +3642,8 @@ function getTransitionRawChildren(children, keepComment = false, parentKey) {
   return ret;
 }
 
-function defineComponent(options) {
-  return isFunction(options) ? { setup: options, name: options.name } : options;
+function defineComponent(options, extraOptions) {
+  return isFunction(options) ? extend({}, extraOptions, { setup: options, name: options.name }) : options;
 }
 
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
@@ -5112,7 +5140,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
     const hasDefault = hasOwn(opt, "default");
     if (hasDefault && value === void 0) {
       const defaultValue = opt.default;
-      if (opt.type !== Function && isFunction(defaultValue)) {
+      if (opt.type !== Function && !opt.skipFactory && isFunction(defaultValue)) {
         const { propsDefaults } = instance;
         if (key in propsDefaults) {
           value = propsDefaults[key];
@@ -5248,7 +5276,7 @@ function validateProps(rawProps, props, instance) {
   }
 }
 function validateProp(name, value, prop, isAbsent) {
-  const { type, required, validator } = prop;
+  const { type, required, validator, skipCheck } = prop;
   if (required && isAbsent) {
     warn('Missing required prop: "' + name + '"');
     return;
@@ -5256,7 +5284,7 @@ function validateProp(name, value, prop, isAbsent) {
   if (value == null && !prop.required) {
     return;
   }
-  if (type != null && type !== true) {
+  if (type != null && type !== true && !skipCheck) {
     let isValid = false;
     const types = isArray(type) ? type : [type];
     const expectedTypes = [];
@@ -8645,6 +8673,16 @@ function defineExpose(exposed) {
     warnRuntimeUsage(`defineExpose`);
   }
 }
+function defineOptions(options) {
+  {
+    warnRuntimeUsage(`defineOptions`);
+  }
+}
+function defineSlots() {
+  {
+    warnRuntimeUsage(`defineSlots`);
+  }
+}
 function withDefaults(props, defaults) {
   {
     warnRuntimeUsage(`withDefaults`);
@@ -8670,18 +8708,23 @@ function mergeDefaults(raw, defaults) {
     {}
   ) : raw;
   for (const key in defaults) {
-    const opt = props[key];
+    if (key.startsWith("__skip"))
+      continue;
+    let opt = props[key];
     if (opt) {
       if (isArray(opt) || isFunction(opt)) {
-        props[key] = { type: opt, default: defaults[key] };
+        opt = props[key] = { type: opt, default: defaults[key] };
       } else {
         opt.default = defaults[key];
       }
     } else if (opt === null) {
-      props[key] = { default: defaults[key] };
+      opt = props[key] = { default: defaults[key] };
     } else {
       warn(`props default key "${key}" has no corresponding declaration.`);
     }
+    if (opt && defaults[`__skip_${key}`]) {
+      opt.skipFactory = true;
+    }
   }
   return props;
 }
@@ -8950,7 +8993,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.3.0-alpha.5";
+const version = "3.3.0-alpha.7";
 const ssrUtils = null;
 const resolveFilter = null;
 const compatUtils = null;
@@ -10462,8 +10505,10 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   defineCustomElement: defineCustomElement,
   defineEmits: defineEmits,
   defineExpose: defineExpose,
+  defineOptions: defineOptions,
   defineProps: defineProps,
   defineSSRCustomElement: defineSSRCustomElement,
+  defineSlots: defineSlots,
   get devtools () { return devtools; },
   effect: effect,
   effectScope: effectScope,
@@ -10538,6 +10583,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   toRaw: toRaw,
   toRef: toRef,
   toRefs: toRefs,
+  toValue: toValue,
   transformVNodeArgs: transformVNodeArgs,
   triggerRef: triggerRef,
   unref: unref,
@@ -15205,4 +15251,4 @@ ${codeFrame}` : message);
 }
 registerRuntimeCompiler(compileToFunction);
 
-export { BaseTransition, BaseTransitionPropsValidators, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, compileToFunction as compile, computed, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, 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, compileToFunction as compile, computed, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, 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 };