From 486dc188fe1593448d2bfb0c3c4c3c02b2d78ea4 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Tue, 14 Apr 2020 20:49:18 -0400
Subject: [PATCH] feat(reactivity): add support for `toRef` API

---
 packages/reactivity/__tests__/ref.spec.ts | 31 +++++++++++++++++++++++
 packages/reactivity/src/index.ts          |  1 +
 packages/reactivity/src/ref.ts            |  4 +--
 packages/runtime-core/src/index.ts        |  1 +
 4 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/packages/reactivity/__tests__/ref.spec.ts b/packages/reactivity/__tests__/ref.spec.ts
index 9ebe8f46..27c7a0b2 100644
--- a/packages/reactivity/__tests__/ref.spec.ts
+++ b/packages/reactivity/__tests__/ref.spec.ts
@@ -3,6 +3,7 @@ import {
   effect,
   reactive,
   isRef,
+  toRef,
   toRefs,
   Ref,
   isReactive
@@ -168,6 +169,34 @@ describe('reactivity/ref', () => {
     expect(isRef({ value: 0 })).toBe(false)
   })
 
+  test('toRef', () => {
+    const a = reactive({
+      x: 1
+    })
+    const x = toRef(a, 'x')
+    expect(isRef(x)).toBe(true)
+    expect(x.value).toBe(1)
+
+    // source -> proxy
+    a.x = 2
+    expect(x.value).toBe(2)
+
+    // proxy -> source
+    x.value = 3
+    expect(a.x).toBe(3)
+
+    // reactivity
+    let dummyX
+    effect(() => {
+      dummyX = x.value
+    })
+    expect(dummyX).toBe(x.value)
+
+    // mutating source should trigger effect using the proxy refs
+    a.x = 4
+    expect(dummyX).toBe(4)
+  })
+
   test('toRefs', () => {
     const a = reactive({
       x: 1,
@@ -224,6 +253,8 @@ describe('reactivity/ref', () => {
       }
     }))
 
+    expect(isRef(custom)).toBe(true)
+
     let dummy
     effect(() => {
       dummy = custom.value
diff --git a/packages/reactivity/src/index.ts b/packages/reactivity/src/index.ts
index d83b0f30..0a173731 100644
--- a/packages/reactivity/src/index.ts
+++ b/packages/reactivity/src/index.ts
@@ -3,6 +3,7 @@ export {
   unref,
   shallowRef,
   isRef,
+  toRef,
   toRefs,
   customRef,
   Ref,
diff --git a/packages/reactivity/src/ref.ts b/packages/reactivity/src/ref.ts
index bbbd9484..8338ffab 100644
--- a/packages/reactivity/src/ref.ts
+++ b/packages/reactivity/src/ref.ts
@@ -103,12 +103,12 @@ export function toRefs<T extends object>(
   }
   const ret: any = {}
   for (const key in object) {
-    ret[key] = toProxyRef(object, key)
+    ret[key] = toRef(object, key)
   }
   return ret
 }
 
-function toProxyRef<T extends object, K extends keyof T>(
+export function toRef<T extends object, K extends keyof T>(
   object: T,
   key: K
 ): Ref<T[K]> {
diff --git a/packages/runtime-core/src/index.ts b/packages/runtime-core/src/index.ts
index 2b4923e2..c1cf0c5d 100644
--- a/packages/runtime-core/src/index.ts
+++ b/packages/runtime-core/src/index.ts
@@ -6,6 +6,7 @@ export {
   unref,
   shallowRef,
   isRef,
+  toRef,
   toRefs,
   customRef,
   reactive,