feat: support _custom for internal custom watch

Author: haoziqaq

packages/axle/src/api.ts

@@ -1,8 +1,6 @@
-import { watch } from 'vue'
 import { isFunction } from 'rattail'
 import { type AxleInstance, type AxleRequestConfig, type RunnerMethod } from './instance'
 import {
-  normalizeValueGetter,
   UseAxleInstance,
   UseAxleOptionsWithRunnable,
   type UseAxle,
@@ -11,6 +9,7 @@ import {
 } from './use'
 
 export type ApiPathParams = Record<string, any> | (() => Record<string, any>)
+
 export type ApiWatchOptions = WatchOptions & {
   pathParams?: boolean
 }
@@ -35,25 +34,21 @@ export function createApi(axle: AxleInstance, useAxle: UseAxle) {
     function use<V = R>(options?: ApiUseOptionsWithRunnable<V, R, P, D>): UseAxleInstance<V, R | undefined, P, D>
     function use<V = R>(options?: ApiUseOptions<V, R, P, D>): UseAxleInstance<V, R, P, D>
     function use<V = R>(options: any = {}): any {
-      const { pathParams = {}, watch: apiWatch, ...rest } = options
-
-      const enableWatchPathParams = isFunction(pathParams) && (apiWatch?.pathParams || apiWatch === true)
+      const { pathParams = {}, watch: watchOptions, ...rest } = options
+      const enableWatchPathParams = isFunction(pathParams) && (watchOptions?.pathParams || watchOptions === true)
+      const normalizedWatchOptions =
+        watchOptions === true
+          ? { params: true, config: true, _custom: enableWatchPathParams ? pathParams : undefined }
+          : watchOptions === false
+            ? { params: false, config: false }
+            : { params: false, config: false, ...watchOptions, _custom: enableWatchPathParams ? pathParams : undefined }
 
-      const [data, run, extra] = useAxle<V, R, P, D>({
+      return useAxle<V, R, P, D>({
         url: () => patchUrl(url, pathParams),
         method,
-        watch: apiWatch,
+        watch: normalizedWatchOptions,
         ...rest,
       })
-
-      watch(
-        () => [enableWatchPathParams ? normalizeValueGetter(pathParams) : undefined],
-        () => {
-          run()
-        },
-      )
-
-      return [data, run, extra]
     }
 
     function patchUrl(url: string, pathParams: ApiPathParams) {

packages/axle/src/use.ts

@@ -34,12 +34,13 @@ export type Run<V, R, P, D> = {
   (options?: RunOptions<V, P, D>): Promise<R>
 } & UseAxleExtra<V>
 
-export interface WatchDeps {
-  params?: boolean
-  config?: boolean
-}
-
-export type WatchOptions = boolean | WatchDeps
+export type WatchOptions =
+  | boolean
+  | {
+      params?: boolean
+      config?: boolean
+      _custom?: () => any
+    }
 
 export interface UseAxleOptions<V = any, R = any, P = Record<string, any>, D = Record<string, any>> {
   url: string | (() => string)
@@ -327,14 +328,14 @@ export function createUseAxle(options: CreateUseAxleOptions) {
       if (watchOptions) {
         const normalizedWatchOptions =
           watchOptions === true ? { params: true, config: true } : { params: false, config: false, ...watchOptions }
-
         const enableWatchParams = isFunction(initialParamsOrGetter) && normalizedWatchOptions.params
         const enableWatchConfig = isFunction(initialConfigOrGetter) && normalizedWatchOptions.config
 
         watch(
           () => [
             enableWatchParams ? normalizeValueGetter(initialParamsOrGetter) : undefined,
             enableWatchConfig ? normalizeValueGetter(initialConfigOrGetter) : undefined,
+            normalizedWatchOptions._custom ? normalizedWatchOptions._custom() : undefined,
           ],
           () => {
             run({