chore(use-request): remove circular dependency taro-hooks

Author: innocces

packages/use-request/package.json

@@ -38,8 +38,7 @@
   "dependencies": {
     "@taro-hooks/ahooks": "workspace:*",
     "@taro-hooks/shared": "workspace:*",
-    "lodash-wechat": "^1.0.0",
-    "taro-hooks": "workspace:*"
+    "lodash-wechat": "^1.0.0"
   },
   "peerDependencies": {
     "@tarojs/taro": ">=3.4.x",

packages/use-request/src/plugins/usePollingPlugin.ts

@@ -1,7 +1,7 @@
 import { useRef } from '@taro-hooks/core';
 import { useUpdateEffect } from '@taro-hooks/ahooks';
 import { escapeState } from '@taro-hooks/shared';
-import { useVisible } from 'taro-hooks';
+import useVisible from '../useVisible';
 import type { Plugin, Timeout } from '../types';
 import subscribeReVisible from '../utils/subscribeReVisible';
 

packages/use-request/src/useVisible/index.h5.ts

@@ -0,0 +1,31 @@
+import { useDidHide } from '@tarojs/taro';
+import { useEffect, useState } from '@taro-hooks/core';
+
+function useVisible(): boolean {
+  const [visible, changeVisible] = useState<boolean>(true);
+  const listenVisible = () => {
+    const visibleState = document.visibilityState;
+    changeVisible(visibleState === 'visible');
+  };
+
+  useEffect(() => {
+    window.addEventListener('visibilitychange', listenVisible, false);
+    window.addEventListener('focus', listenVisible, false);
+    window.addEventListener('blur', listenVisible, false);
+
+    return () => {
+      window.removeEventListener('visibilitychange', listenVisible, false);
+      window.removeEventListener('focus', listenVisible, false);
+      window.removeEventListener('blur', listenVisible, false);
+    };
+  }, []);
+
+  // unmount change false
+  useDidHide(() => {
+    changeVisible(false);
+  });
+
+  return visible;
+}
+
+export default useVisible;

packages/use-request/src/useVisible/index.ts

@@ -0,0 +1,18 @@
+import { useDidHide, useDidShow } from '@tarojs/taro';
+import { useState } from '@taro-hooks/core';
+
+function useVisible(): boolean {
+  const [visible, changeVisible] = useState<boolean>(true);
+
+  useDidShow(() => {
+    changeVisible(true);
+  });
+
+  useDidHide(() => {
+    changeVisible(false);
+  });
+
+  return visible;
+}
+
+export default useVisible;

packages/use-request/src/utils/subscribeReVisible.ts

@@ -1,6 +1,6 @@
 import { escapeState } from '@taro-hooks/shared';
 import { useEffect } from '@taro-hooks/core';
-import { useVisible } from 'taro-hooks';
+import useVisible from '../useVisible';
 
 const listeners: any[] = [];