fix: image editor fit view incorrect, do not query gguf files when gguf unchecked

src/hooks/use-request-token.ts

@@ -11,19 +11,17 @@ export function useCancelToken() {
   const { source } = axiso.CancelToken;
   const requestToken = useRef<any>(null);
 
-  const updateCancelToken = () => {
-    if (requestToken.current) {
-      requestToken.current.cancel();
-    }
-    requestToken.current = source();
-  };
-
   const cancelRequest = () => {
     if (requestToken.current) {
       requestToken.current.cancel();
     }
   };
 
+  const updateCancelToken = () => {
+    cancelRequest();
+    requestToken.current = source();
+  };
+
   const getCanceltToken = () => {
     return requestToken.current.token;
   };
@@ -38,3 +36,33 @@ export function useCancelToken() {
 
   return { updateCancelToken, cancelRequest, getCanceltToken, source };
 }
+
+export function useAbortController() {
+  const controller = useRef<AbortController | null>(null);
+
+  const abortController = () => {
+    if (controller.current) {
+      controller.current.abort();
+    }
+  };
+
+  const getController = () => {
+    if (!controller.current) {
+      controller.current = new AbortController();
+    }
+    return controller.current;
+  };
+
+  const updateController = () => {
+    abortController();
+    controller.current = new AbortController();
+  };
+
+  useEffect(() => {
+    return () => {
+      abortController();
+    };
+  }, []);
+
+  return { getController, updateController, abortController, controller };
+}