feat(taro): 增加 useScope hook 以访问小程序原生作用域，close #4600

NervJS · Oct 14, 2019 · 67dfbf7 · 67dfbf7
1 parent d67490a
commit 67dfbf7
Show file tree

Hide file tree

Showing 10 changed files with 31 additions and 0 deletions.
diff --git a/packages/taro-alipay/src/index.js b/packages/taro-alipay/src/index.js
@@ -24,6 +24,7 @@ import {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,
@@ -76,6 +77,7 @@ export const Taro = {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,

diff --git a/packages/taro-jd/src/index.js b/packages/taro-jd/src/index.js
@@ -24,6 +24,7 @@ import {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,
@@ -75,6 +76,7 @@ export const Taro = {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,

diff --git a/packages/taro-qq/src/index.js b/packages/taro-qq/src/index.js
@@ -24,6 +24,7 @@ import {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,
@@ -73,6 +74,7 @@ export const Taro = {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useImperativeHandle,
   useContext,
   createContext,

diff --git a/packages/taro-quickapp/src/index.js b/packages/taro-quickapp/src/index.js
@@ -20,6 +20,7 @@ import {
   useReachBottom,
   usePageScroll,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,
@@ -66,6 +67,7 @@ export const Taro = {
   useReachBottom,
   usePageScroll,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,

diff --git a/packages/taro-swan/src/index.js b/packages/taro-swan/src/index.js
@@ -24,6 +24,7 @@ import {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,
@@ -75,6 +76,7 @@ export const Taro = {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,

diff --git a/packages/taro-tt/src/index.js b/packages/taro-tt/src/index.js
@@ -24,6 +24,7 @@ import {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,
@@ -75,6 +76,7 @@ export const Taro = {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,

diff --git a/packages/taro-weapp/src/index.js b/packages/taro-weapp/src/index.js
@@ -25,6 +25,7 @@ import {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,
@@ -77,6 +78,7 @@ export const Taro = {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,

diff --git a/packages/taro/src/hooks.js b/packages/taro/src/hooks.js
@@ -91,6 +91,15 @@ export function useRouter () {
   return hook.router
 }
 
+export function useScope () {
+  const hook = getHooks(Current.index++)
+  if (!hook.scope) {
+    hook.component = Current.current
+    hook.scope = hook.component.$scope
+  }
+  return hook.scope
+}
+
 export function useReducer (
   reducer,
   initialState,

diff --git a/packages/taro/src/index.js b/packages/taro/src/index.js
@@ -37,6 +37,7 @@ import {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   forceUpdateCallback as internal_force_update
 } from './hooks'
 import { Current } from './current'
@@ -89,6 +90,7 @@ export {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,
@@ -135,6 +137,7 @@ export default {
   useShareAppMessage,
   useTabItemTap,
   useRouter,
+  useScope,
   useRef,
   useCallback,
   useMemo,

diff --git a/packages/taro/types/taro.hooks.d.ts b/packages/taro/types/taro.hooks.d.ts
@@ -267,4 +267,9 @@ declare namespace Taro {
    * 获取页面传入路由相关参数
    */
   function useRouter (): RouterInfo
+  /**
+   * 获取小程序原生作用域
+   * 等同于类组件时 this.$scope
+   */
+  function useScope (): any
 }