feat(hooks): 为useConfirmation添加确认对话框队列功能

添加队列功能以处理多个连续的确认对话框请求，确保它们按顺序显示

Author: echoVic

src/ui/hooks/useConfirmation.ts

@@ -1,5 +1,5 @@
 import { useMemoizedFn } from 'ahooks';
-import { useMemo, useState } from 'react';
+import { useMemo, useRef, useState } from 'react';
 import type {
   ConfirmationDetails,
   ConfirmationHandler,
@@ -25,18 +25,46 @@ export const useConfirmation = () => {
     details: null,
     resolver: null,
   });
+  const activeRef = useRef<{
+    details: ConfirmationDetails;
+    resolve: (response: ConfirmationResponse) => void;
+  } | null>(null);
+  const queueRef = useRef<
+    {
+      details: ConfirmationDetails;
+      resolve: (response: ConfirmationResponse) => void;
+    }[]
+  >([]);
+
+  const showActive = useMemoizedFn(
+    (
+      entry: {
+        details: ConfirmationDetails;
+        resolve: (response: ConfirmationResponse) => void;
+      } | null
+    ) => {
+      activeRef.current = entry;
+      setConfirmationState({
+        isVisible: Boolean(entry),
+        details: entry?.details ?? null,
+        resolver: entry?.resolve ?? null,
+      });
+    }
+  );
 
   /**
    * 显示确认对话框
    */
   const showConfirmation = useMemoizedFn(
     (details: ConfirmationDetails): Promise<ConfirmationResponse> => {
       return new Promise((resolve) => {
-        setConfirmationState({
-          isVisible: true,
-          details,
-          resolver: resolve,
-        });
+        const entry = { details, resolve };
+        if (!activeRef.current) {
+          showActive(entry);
+          return;
+        }
+
+        queueRef.current.push(entry);
       });
     }
   );
@@ -45,16 +73,12 @@ export const useConfirmation = () => {
    * 处理用户响应
    */
   const handleResponse = useMemoizedFn((response: ConfirmationResponse) => {
-    if (confirmationState.resolver) {
-      confirmationState.resolver(response);
+    if (activeRef.current) {
+      activeRef.current.resolve(response);
     }
 
-    // 重置状态
-    setConfirmationState({
-      isVisible: false,
-      details: null,
-      resolver: null,
-    });
+    const next = queueRef.current.shift() ?? null;
+    showActive(next);
   });
 
   /**