Skip to content

Commit

Permalink
feat(reactivity-transform/types): restructure macro types + export ty…
Browse files Browse the repository at this point in the history
…pes for all shorthand methods
  • Loading branch information
yyx990803 committed Dec 11, 2021
1 parent 198ca14 commit db729ce
Show file tree
Hide file tree
Showing 7 changed files with 151 additions and 109 deletions.
3 changes: 2 additions & 1 deletion packages/reactivity/src/index.ts
Expand Up @@ -14,7 +14,8 @@ export {
UnwrapRef,
ShallowRef,
ShallowUnwrapRef,
RefUnwrapBailTypes
RefUnwrapBailTypes,
CustomRefFactory
} from './ref'
export {
reactive,
Expand Down
2 changes: 1 addition & 1 deletion packages/reactivity/src/ref.ts
Expand Up @@ -151,7 +151,7 @@ export function proxyRefs<T extends object>(
: new Proxy(objectWithRefs, shallowUnwrapHandlers)
}

type CustomRefFactory<T> = (
export type CustomRefFactory<T> = (
track: () => void,
trigger: () => void
) => {
Expand Down
28 changes: 19 additions & 9 deletions packages/runtime-core/src/index.ts
Expand Up @@ -151,18 +151,28 @@ export {
Ref,
ToRef,
ToRefs,
ReactiveEffectOptions,
DebuggerEvent,
DebuggerOptions,
TrackOpTypes,
TriggerOpTypes,
ComputedRef,
WritableComputedRef,
UnwrapRef,
ShallowRef,
ShallowUnwrapRef,
WritableComputedOptions,
RefUnwrapBailTypes,
CustomRefFactory,
ReactiveFlags,
DeepReadonly,
ShallowReactive
ShallowReactive,
UnwrapNestedRefs,
ComputedRef,
WritableComputedRef,
WritableComputedOptions,
ComputedGetter,
ComputedSetter,
ReactiveEffectRunner,
ReactiveEffectOptions,
EffectScheduler,
DebuggerOptions,
DebuggerEvent,
DebuggerEventExtraInfo,
TrackOpTypes,
TriggerOpTypes
} from '@vue/reactivity'
export {
WatchEffect,
Expand Down
19 changes: 19 additions & 0 deletions packages/vue/macros-global.d.ts
@@ -0,0 +1,19 @@
import {
$ as _$,
$$ as _$$,
$ref as _$ref,
$shallowRef as _$shallowRef,
$computed as _$computed,
$customRef as _$customRef,
$toRef as _$toRef
} from './macros'

declare global {
const $: typeof _$
const $$: typeof _$$
const $ref: typeof _$ref
const $shallowRef: typeof _$shallowRef
const $computed: typeof _$computed
const $customRef: typeof _$customRef
const $toRef: typeof _$toRef
}
106 changes: 106 additions & 0 deletions packages/vue/macros.d.ts
@@ -0,0 +1,106 @@
import {
Ref,
UnwrapRef,
ComputedRef,
WritableComputedOptions,
DebuggerOptions,
WritableComputedRef,
CustomRefFactory
} from '@vue/runtime-dom'

export declare const RefType: unique symbol

export declare const enum RefTypes {
Ref = 1,
ComputedRef = 2,
WritableComputedRef = 3
}

type RefValue<T> = T extends null | undefined
? T
: T & { [RefType]?: RefTypes.Ref }

type ComputedRefValue<T> = T extends null | undefined
? T
: T & { [RefType]?: RefTypes.ComputedRef }

type WritableComputedRefValue<T> = T extends null | undefined
? T
: T & { [RefType]?: RefTypes.WritableComputedRef }

type NormalObject<T extends object> = T & { [RefType]?: never }

/**
* Vue ref transform macro for binding refs as reactive variables.
*/
export declare function $<T>(arg: ComputedRef<T>): ComputedRefValue<T>
export declare function $<T>(
arg: WritableComputedRef<T>
): WritableComputedRefValue<T>
export declare function $<T>(arg: Ref<T>): RefValue<T>
export declare function $<T extends object>(arg?: T): DestructureRefs<T>

type DestructureRefs<T extends object> = {
[K in keyof T]: T[K] extends ComputedRef<infer V>
? ComputedRefValue<V>
: T[K] extends WritableComputedRef<infer V>
? WritableComputedRefValue<V>
: T[K] extends Ref<infer V>
? RefValue<V>
: T[K]
}

/**
* Vue ref transform macro for accessing underlying refs of reactive varaibles.
*/
export declare function $$<T extends object>(arg: NormalObject<T>): ToRawRefs<T>
export declare function $$<T>(value: RefValue<T>): Ref<T>
export declare function $$<T>(value: ComputedRefValue<T>): ComputedRef<T>
export declare function $$<T>(
value: WritableComputedRefValue<T>
): WritableComputedRef<T>

type ToRawRefs<T extends object> = {
[K in keyof T]: T[K] extends RefValue<infer V>
? Ref<V>
: T[K] extends ComputedRefValue<infer V>
? ComputedRef<V>
: T[K] extends WritableComputedRefValue<infer V>
? WritableComputedRef<V>
: T[K] extends object
? T[K] extends
| Function
| Map<any, any>
| Set<any>
| WeakMap<any, any>
| WeakSet<any>
? T[K]
: ToRawRefs<T[K]>
: T[K]
}

export declare function $ref<T>(arg?: T | Ref<T>): RefValue<UnwrapRef<T>>

export declare function $shallowRef<T>(arg?: T): RefValue<T>

export declare function $toRef<T extends object, K extends keyof T>(
object: T,
key: K
): RefValue<T[K]>

export declare function $toRef<T extends object, K extends keyof T>(
object: T,
key: K,
defaultValue: T[K]
): RefValue<Exclude<T[K], undefined>>

export declare function $customRef<T>(factory: CustomRefFactory<T>): RefValue<T>

export declare function $computed<T>(
getter: () => T,
debuggerOptions?: DebuggerOptions
): ComputedRefValue<T>
export declare function $computed<T>(
options: WritableComputedOptions<T>,
debuggerOptions?: DebuggerOptions
): WritableComputedRefValue<T>
2 changes: 2 additions & 0 deletions packages/vue/package.json
Expand Up @@ -34,6 +34,8 @@
},
"./dist/*": "./dist/*",
"./package.json": "./package.json",
"./macros": "./macros.d.ts",
"./macros-global": "./macros-global.d.ts",
"./ref-macros": "./ref-macros.d.ts"
},
"buildOptions": {
Expand Down
100 changes: 2 additions & 98 deletions packages/vue/ref-macros.d.ts
@@ -1,98 +1,2 @@
import {
Ref,
UnwrapRef,
ComputedRef,
WritableComputedOptions,
DebuggerOptions,
WritableComputedRef
} from '@vue/runtime-dom'

declare const RefType: unique symbol

declare const enum RefTypes {
Ref = 1,
ComputedRef = 2,
WritableComputedRef = 3
}

type RefValue<T> = T extends null | undefined
? T
: T & { [RefType]?: RefTypes.Ref }

type ComputedRefValue<T> = T extends null | undefined
? T
: T & { [RefType]?: RefTypes.ComputedRef }

type WritableComputedRefValue<T> = T extends null | undefined
? T
: T & { [RefType]?: RefTypes.WritableComputedRef }

type NormalObject<T extends object> = T & { [RefType]?: never }

/**
* Vue ref transform macro for binding refs as reactive variables.
*/
declare function _$<T>(arg: ComputedRef<T>): ComputedRefValue<T>
declare function _$<T>(arg: WritableComputedRef<T>): WritableComputedRefValue<T>
declare function _$<T>(arg: Ref<T>): RefValue<T>
declare function _$<T extends object>(arg?: T): DestructureRefs<T>

type DestructureRefs<T extends object> = {
[K in keyof T]: T[K] extends ComputedRef<infer V>
? ComputedRefValue<V>
: T[K] extends WritableComputedRef<infer V>
? WritableComputedRefValue<V>
: T[K] extends Ref<infer V>
? RefValue<V>
: T[K]
}

/**
* Vue ref transform macro for accessing underlying refs of reactive varaibles.
*/
declare function _$$<T extends object>(arg: NormalObject<T>): ToRawRefs<T>
declare function _$$<T>(value: RefValue<T>): Ref<T>
declare function _$$<T>(value: ComputedRefValue<T>): ComputedRef<T>
declare function _$$<T>(
value: WritableComputedRefValue<T>
): WritableComputedRef<T>

type ToRawRefs<T extends object> = {
[K in keyof T]: T[K] extends RefValue<infer V>
? Ref<V>
: T[K] extends ComputedRefValue<infer V>
? ComputedRef<V>
: T[K] extends WritableComputedRefValue<infer V>
? WritableComputedRef<V>
: T[K] extends object
? T[K] extends
| Function
| Map<any, any>
| Set<any>
| WeakMap<any, any>
| WeakSet<any>
? T[K]
: ToRawRefs<T[K]>
: T[K]
}

declare function _$ref<T>(arg?: T | Ref<T>): RefValue<UnwrapRef<T>>

declare function _$shallowRef<T>(arg?: T): RefValue<T>

declare function _$computed<T>(
getter: () => T,
debuggerOptions?: DebuggerOptions
): ComputedRefValue<T>
declare function _$computed<T>(
options: WritableComputedOptions<T>,
debuggerOptions?: DebuggerOptions
): WritableComputedRefValue<T>

declare global {
const $: typeof _$
const $$: typeof _$$
const $ref: typeof _$ref
const $shallowRef: typeof _$shallowRef
const $computed: typeof _$computed
}
// TODO deprecated file - to be removed when out of experimental
import './macros-global'

0 comments on commit db729ce

Please sign in to comment.