feat(vue3-hooks): 添加loading.immediate

添加loading.immediate，loadingThreshold改为loading.threshold

BREAKING CHANGE: loadingThreshold改为loading.threshold

packages/vue3-hooks/src/types.ts

@@ -13,8 +13,12 @@ export interface State<T extends FN, D, TD = Awaited<ReturnType<T>>['data']> {
 }
 
 export interface CommonOptions {
-  // 毫秒值；loading必须显示的时间
-  loadingThreshold?: number;
+  loading?: {
+    // 立即把loading设置为true
+    immediate?: boolean;
+    // 毫秒值；loading必须显示的时间
+    threshold?: number;
+  };
 }
 
 export interface AliasOptions<A> extends CommonOptions {

packages/vue3-hooks/src/useRequest.ts

@@ -114,21 +114,27 @@ export function useRequest<
   setInnerRequest<T extends (...args: unknown[]) => void>(cb: (req: T) => T): void;
 };
 export function useRequest(requestFn: FN, options = {}, defaultData = null) {
+  const {
+    requestAlias = 'request',
+    immediate = false,
+    data,
+    loading: _loadingOptions = {},
+  } = options as AllOptions;
+
+  const loadingOptions: Required<Required<AllOptions>['loading']> = {
+    threshold: 0,
+    immediate: false,
+    ..._loadingOptions,
+  };
+
   const state = reactive({
-    loading: false,
+    loading: loadingOptions.immediate,
     data: defaultData,
     error: null,
   });
 
   const refs = toRefs(state);
 
-  const {
-    requestAlias = 'request',
-    immediate = false,
-    data,
-    loadingThreshold = 0,
-  } = options as AllOptions;
-
   let request = (...args: unknown[]) => {
     // computed变量不能JSON.stringfy
     args = args.map((item) => (isRef(item) ? item.value : item));
@@ -145,8 +151,8 @@ export function useRequest(requestFn: FN, options = {}, defaultData = null) {
       )
       .finally(() => {
         const timeDiff = Date.now() - start;
-        if (timeDiff > loadingThreshold) state.loading = false;
-        else setTimeout(() => (state.loading = false), loadingThreshold - timeDiff);
+        if (timeDiff > loadingOptions.threshold) state.loading = false;
+        else setTimeout(() => (state.loading = false), loadingOptions.threshold - timeDiff);
       });
   };