Feat: Create a folder #3221 (#7228)

### What problem does this PR solve?

Feat: Create a folder #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/files/use-move-file.ts

@@ -0,0 +1,50 @@
+import { useSetModalState } from '@/hooks/common-hooks';
+import { useMoveFile } from '@/hooks/use-file-request';
+import { useCallback, useState } from 'react';
+
+export const useHandleMoveFile = () =>
+  //   setSelectedRowKeys: (keys: string[]) => void,
+  {
+    const {
+      visible: moveFileVisible,
+      hideModal: hideMoveFileModal,
+      showModal: showMoveFileModal,
+    } = useSetModalState();
+    const { moveFile, loading } = useMoveFile();
+    const [sourceFileIds, setSourceFileIds] = useState<string[]>([]);
+
+    const onMoveFileOk = useCallback(
+      async (targetFolderId: string) => {
+        const ret = await moveFile({
+          src_file_ids: sourceFileIds,
+          dest_file_id: targetFolderId,
+        });
+
+        if (ret === 0) {
+          // setSelectedRowKeys([]);
+          hideMoveFileModal();
+        }
+        return ret;
+      },
+      [moveFile, hideMoveFileModal, sourceFileIds],
+    );
+
+    const handleShowMoveFileModal = useCallback(
+      (ids: string[]) => {
+        setSourceFileIds(ids);
+        showMoveFileModal();
+      },
+      [showMoveFileModal],
+    );
+
+    return {
+      initialValue: '',
+      moveFileLoading: loading,
+      onMoveFileOk,
+      moveFileVisible,
+      hideMoveFileModal,
+      showMoveFileModal: handleShowMoveFileModal,
+    };
+  };
+
+export type UseMoveDocumentReturnType = ReturnType<typeof useHandleMoveFile>;