perf: use-request

Author: NelsonYong

packages/hooks/docs/.vitepress/config.ts

@@ -140,7 +140,7 @@ export default defineConfig({
       },
       {
         icon: 'discord',
-        link: 'https://discord.gg/RU6ZPjf8',
+        link: 'https://discord.gg/z5Ve5r9Kwp',
       },
       {
         icon: 'twitter',

packages/hooks/src/useRequest/docs/pluginDoc/demo/demo.vue

@@ -4,54 +4,56 @@
 </template>
 
 <script lang="ts" setup>
-  import { useRequest } from 'vue-hooks-plus'
+import { useRequest } from 'vue-hooks-plus'
 
-  import { UseRequestPlugin } from '../../../types'
+import { UseRequestPlugin } from '../../../types'
 
-  interface FormatterDataType {
-    name: string
-    age: number
-  }
+interface FormatterDataType {
+  name: string
+  age: number
+}
 
-  interface Formatter {
-    (data?: FormatterDataType): { name: string; age: number }
-  }
+interface CustomPluginFieldType {
+  formatter: (data?: FormatterDataType) => { name: string; age: number }
+}
 
-  const useFormatterPlugin: UseRequestPlugin<
-    FormatterDataType,
-    [],
-    {
-      formatter: Formatter
-    }
-  > = (fetchInstance, { formatter }) => {
-    return {
-      onSuccess: () => {
-        fetchInstance.setFetchState(formatter?.(fetchInstance.state.data), 'data')
-      },
-    }
+const useFormatterPlugin: UseRequestPlugin<
+  FormatterDataType,
+  [],
+  {
+    formatter: CustomPluginFieldType['formatter']
   }
-
-  function getUsername(): Promise<{ name: string; age: number }> {
-    return new Promise(resolve => {
-      setTimeout(() => {
-        resolve({
-          name: 'vue-hooks-plus',
-          age: 18,
-        })
-      }, 1000)
-    })
+> = (fetchInstance, { formatter }) => {
+  return {
+    onSuccess: () => {
+      fetchInstance.setFetchState(formatter?.(fetchInstance.state.data), 'data')
+    },
   }
+}
+
+function getUsername(): Promise<{ name: string; age: number }> {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve({
+        name: 'vue-hooks-plus',
+        age: 18,
+      })
+    }, 1000)
+  })
+}
+
+
 
-  const { data, loading } = useRequest(
-    () => getUsername(),
-    {
-      formatter: (params?: FormatterDataType) => {
-        return {
-          name: `${params?.name} - plugins update`,
-          age: 20,
-        }
-      },
+const { data, loading } = useRequest(
+  () => getUsername(),
+  {
+    formatter: (params?: FormatterDataType) => {
+      return {
+        name: `${params?.name} - plugins update`,
+        age: 20
+      }
     },
-    [useFormatterPlugin],
-  )
+  },
+  [useFormatterPlugin],
+)
 </script>

packages/hooks/src/useRequest/useRequest.ts

@@ -23,8 +23,8 @@ function useRequest<
     PluginsOptions extends (infer P)[]
       ? P extends UseRequestPlugin<TData, TParams, infer R>
         ? R
-        : any
-      : any
+        : never
+      : never
   >,
   plugins?: PluginsOptions,
 ) {