From d300afa71c4b83d8eb77473c06d1716ed8f45557 Mon Sep 17 00:00:00 2001
From: YongGit <1013588891@qq.com>
Date: Sat, 27 Apr 2024 22:37:59 +0800
Subject: [PATCH] type: fix ref readonly

---
 packages/hooks/src/useFetchs/demo/demo.vue | 13 +++++++----
 packages/hooks/src/useFetchs/index.ts      | 27 ++++++++++------------
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/packages/hooks/src/useFetchs/demo/demo.vue b/packages/hooks/src/useFetchs/demo/demo.vue
index a48d6abe..f41b13b4 100644
--- a/packages/hooks/src/useFetchs/demo/demo.vue
+++ b/packages/hooks/src/useFetchs/demo/demo.vue
@@ -2,20 +2,22 @@
   <div>
     <div v-for="item in datas" :key="item.key" class="item">
       {{ item.loading ? 'loading' : '' }}
-      {{ item.data }}
+      {{ item.data?.desc }}
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-  import { computed, watchEffect } from 'vue'
+  import { computed, watchEffect, ref } from 'vue'
   import { useFetchs } from 'vue-hooks-plus'
 
-  async function getUsername(params: { desc: string }): Promise<string> {
+  async function getUsername(params: { desc: string }): Promise<{ desc: string }> {
     return new Promise(resolve => {
       setTimeout(
         () => {
-          resolve(`VueHooks Plus ${params.desc}`)
+          resolve({
+            desc: `VueHooks Plus ${params.desc}`,
+          })
         },
         params.desc === 'SSS' ? 4000 : 2000,
       )
@@ -34,6 +36,9 @@
     },
   )
 
+  const name = ref()
+  name.value = fetchs?.value?.[0]?.data?.desc
+
   watchEffect(() => {
     arr.forEach(item => {
       fetchRun({ desc: item })
diff --git a/packages/hooks/src/useFetchs/index.ts b/packages/hooks/src/useFetchs/index.ts
index 30e499ee..6d4c6076 100644
--- a/packages/hooks/src/useFetchs/index.ts
+++ b/packages/hooks/src/useFetchs/index.ts
@@ -1,4 +1,4 @@
-import { createApp, defineComponent, readonly, ref, UnwrapRef, watch, watchEffect } from 'vue'
+import { createApp, defineComponent, ref, UnwrapRef, watch, watchEffect } from 'vue'
 import { UseRequestService, UseRequestOptions } from '../useRequest/types'
 import useRequest from '../useRequest'
 
@@ -20,7 +20,7 @@ const DEFAULT_KEY = 'VUE_HOOKS_PLUS_USE_REQUEST_DEFAULT_KEY'
 type FetchType<TData, TParams> = Record<
   string | number,
   {
-    data: TData | undefined
+    data: Readonly<TData> | undefined
     params: TParams
     loading: boolean
     key: string | number
@@ -49,7 +49,6 @@ function useFetchs<TData, TParams>(
   const newFetchs = ref<Fetchs>({})
 
   const setFetchs = (fetchs_: Fetchs) => {
-    // @ts-ignore
     newFetchs.value = fetchs_
   }
 
@@ -68,10 +67,9 @@ function useFetchs<TData, TParams>(
       watchEffect(() => {
         fetchs.value[cacheKey as string] = {
           key: cacheKey,
+          data: data?.value,
           // @ts-ignore
-          data: data?.value as UnwrapRef<TData>,
-          // @ts-ignore
-          params: params.value as UnwrapRef<TParams>,
+          params: params.value,
           loading: loading.value as UnwrapRef<boolean>,
         }
         setFetchs(fetchs.value as Fetchs)
@@ -85,25 +83,24 @@ function useFetchs<TData, TParams>(
           newParams = undefined,
           newLoading = false,
           key = DEFAULT_KEY,
-        ] = curr
+        ] = curr;
 
-        const fetchKey = keyIsStringOrNumber(key) ? key : DEFAULT_KEY
+        const fetchKey = keyIsStringOrNumber(key) ? key : DEFAULT_KEY;
 
         fetchs.value[fetchKey] = {
           key: fetchKey,
+          data: newData,
           // @ts-ignore
-          data: newData as UnwrapRef<TData>,
-          // @ts-ignore
-          params: newParams as UnwrapRef<TParams>,
-          loading: newLoading as UnwrapRef<boolean>,
-        }
-        setFetchs(fetchs.value as Fetchs)
+          params: newParams,
+          loading: newLoading,
+        };
+        setFetchs(fetchs.value);
       })
     })
   }
 
   return {
-    fetchs: readonly(newFetchs),
+    fetchs: newFetchs,
     fetchRun,
   }
 }