feat: use-request image v1.3.0

Author: NelsonYong

packages/use-request/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-hooks-plus/use-request",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Vue use-request hooks library",
 	"files": [
 		"dist",

packages/use-request/src/Fetch.ts

@@ -1,4 +1,4 @@
-import { Ref, unref, watchEffect } from 'vue'
+import { Ref } from 'vue'
 import {
   UseRequestFetchState,
   UseRequestOptions,
@@ -107,7 +107,7 @@ export default class Fetch<TData, TParams extends unknown[] = any> {
     )
     // 是否停止请求
     if (stopNow) {
-      return new Promise(() => {})
+      return new Promise(() => { })
     }
 
     this.setState({
@@ -131,7 +131,7 @@ export default class Fetch<TData, TParams extends unknown[] = any> {
       const requestReturnResponse = (res: any) => {
         // 取消了请求，count将与currentCount不一致，将发送空请求
         if (currentCount !== this.count) {
-          return new Promise(() => {})
+          return new Promise(() => { })
         }
         // 格式化数据
         const formattedResult = this.options.formatResult ? this.options.formatResult(res) : res
@@ -158,24 +158,26 @@ export default class Fetch<TData, TParams extends unknown[] = any> {
 
       if (!servicePromise) {
         /** 自动依赖收集 */
-        if (!this.options.manual && this.options.refreshDeps === true) {
-          watchEffect(async () => {
-            if (unref(this.options.ready)) {
-              this.setFetchState(true, 'loading')
-              servicePromise = this.serviceRef.value(...params)
-              const servicePromiseResult = await servicePromise
-              return requestReturnResponse(servicePromiseResult)
-            }
-          })
-        } else {
-          servicePromise = this.serviceRef.value(...params)
-        }
+        // if (!this.options.manual && this.options.refreshDeps === true) {
+        //   watchEffect(async () => {
+        //     if (unref(this.options.ready)) {
+        //       this.setFetchState(true, 'loading')
+        //       servicePromise = this.serviceRef.value(...params)
+        //       const servicePromiseResult = await servicePromise
+        //       return requestReturnResponse(servicePromiseResult)
+        //     }
+        //   })
+        // } else {
+        //   servicePromise = this.serviceRef.value(...params)
+        // }
+        servicePromise = this.serviceRef.value(...params)
       }
+      // servicePromise = this.serviceRef.value(...params)
       const servicePromiseResult = await servicePromise
       return requestReturnResponse(servicePromiseResult)
     } catch (error) {
       if (currentCount !== this.count) {
-        return new Promise(() => {})
+        return new Promise(() => { })
       }
 
       this.setState({

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

@@ -10,7 +10,8 @@ const usePollingPlugin: UseRequestPlugin<unknown, unknown[]> = (
   const timerRef = ref<Interval>();
   const unsubscribeRef = ref<() => void>();
   const countRef = ref<number>(0);
-  
+
+
 
   const stopPolling = () => {
     if (timerRef.value) {
@@ -33,7 +34,7 @@ const usePollingPlugin: UseRequestPlugin<unknown, unknown[]> = (
     onBefore: () => {
       stopPolling();
     },
-     onError: () => {
+    onError: () => {
       countRef.value += 1;
     },
     onSuccess: () => {

packages/use-request/src/useRequestImplement.ts

@@ -1,4 +1,4 @@
-import { ref, reactive, toRefs, onMounted, onUnmounted, unref, inject, UnwrapRef } from 'vue'
+import { ref, reactive, toRefs, onUnmounted, inject, UnwrapRef, watchEffect, computed, isRef, onMounted, unref } from 'vue'
 
 import Fetch from './Fetch'
 import { USEREQUEST_GLOBAL_OPTIONS_PROVIDE_KEY } from './config'
@@ -89,6 +89,27 @@ function useRequestImplement<TData, TParams extends any[]>(
     return p(fetchInstance, fetchOptions)
   })
 
+  const readyComputed = computed(() => isRef(ready) ? ready.value : ready)
+
+  // const isMount = ref(false)
+
+  watchEffect(() => {
+    if (!manual) {
+      const params = fetchInstance.state.params || options.defaultParams || []
+      // if (readyComputed.value && !isMount.value) {
+      //   fetchInstance.run(...(params as TParams))
+      //   // 模拟首次mount
+      //   isMount.value = true
+
+      // }
+      // 自动收集依赖
+      if (readyComputed.value && fetchInstance.options.refreshDeps === true && !!serviceRef.value) {
+        console.log("运行1");
+        fetchInstance.run(...(params as TParams))
+      }
+    }
+  })
+
   // manual
   onMounted(() => {
     if (!manual) {