Upload 6 files

main.py

@@ -0,0 +1,130 @@
+import os
+import asyncio
+import json
+import logging
+
+import httpx
+
+from pikpakapi import PikPakApi
+
+from typing import Union
+from fastapi import (
+    FastAPI,
+    Depends,
+    Request,
+    Body,
+    Response,
+    HTTPException,
+    status,
+    Request,
+)
+from fastapi.responses import StreamingResponse, HTMLResponse, JSONResponse
+from fastapi.security import HTTPBearer, HTTPAuthorizationCredentials
+from fastapi.templating import Jinja2Templates
+from fastapi.middleware.cors import CORSMiddleware
+from pydantic import BaseModel, Extra
+
+
+class PostRequest(BaseModel):
+    class Config:
+        extra = Extra.allow
+
+
+security = HTTPBearer()
+# SECRET_TOKEN = "SECRET_TOKEN"
+SECRET_TOKEN = os.getenv("SECRET_TOKEN")
+if SECRET_TOKEN is None:
+    raise ValueError("请在环境变量中设置SECRET_TOKEN，确保安全!")
+
+THUNDERX_USERNAME = os.getenv("THUNDERX_USERNAME")
+if THUNDERX_USERNAME is None:
+    raise ValueError("请在环境变量中设置THUNDERX_USERNAME，用户名【邮箱】用来登陆!")
+
+
+THUNDERX_PASSWORD = os.getenv("THUNDERX_PASSWORD")
+if THUNDERX_PASSWORD is None:
+    raise ValueError("请在环境变量中设置THUNDERX_PASSWORD，密码用来登陆!")
+
+PROXY_URL = os.getenv("PROXY_URL")
+
+
+async def verify_token(
+    request: Request, credentials: HTTPAuthorizationCredentials = Depends(security)
+):
+    # 验证Bearer格式
+    if credentials.scheme != "Bearer":
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="Invalid authentication scheme",
+        )
+
+    # 验证令牌内容
+    if credentials.credentials != SECRET_TOKEN:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED, detail="Invalid or expired token"
+        )
+
+
+app = FastAPI(dependencies=[Depends(verify_token)])
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+templates = Jinja2Templates(
+    directory="templates", variable_start_string="{[", variable_end_string="]}"
+)
+
+THUNDERX_CLIENT = None
+
+
+async def log_token(THUNDERX_CLIENT, extra_data):
+    logging.info(f"Token: {THUNDERX_CLIENT.encoded_token}, Extra Data: {extra_data}")
+
+
+@app.on_event("startup")
+async def init_client():
+    global THUNDERX_CLIENT
+    if not os.path.exists("thunderx.txt"):
+        THUNDERX_CLIENT = PikPakApi(
+            username=THUNDERX_USERNAME,
+            password=THUNDERX_PASSWORD,
+            httpx_client_args=None,
+            token_refresh_callback=log_token,
+            token_refresh_callback_kwargs={"extra_data": "test"},
+        )
+        await THUNDERX_CLIENT.login()
+        await THUNDERX_CLIENT.refresh_access_token()
+        with open("thunderx.json", "w") as f:
+            f.write(json.dumps(THUNDERX_CLIENT.to_dict(), indent=4))
+    else:
+        with open("thunderx.txt", "r") as f:
+            data = json.load(f)
+            THUNDERX_CLIENT = PikPakApi.from_dict(data)
+            # await client.refresh_access_token()
+            print(json.dumps(THUNDERX_CLIENT.get_user_info(), indent=4))
+
+            print(
+                json.dumps(
+                    await THUNDERX_CLIENT.events(),
+                    indent=4,
+                )
+            )
+
+
+@app.get("/", response_class=HTMLResponse)
+async def home(request: Request):
+    return templates.TemplateResponse("index.html", {"request": request})
+
+
+@app.get("/files")
+async def get_files(kw: str = ""):
+    return await THUNDERX_CLIENT.file_list()
+
+
+@app.get("/userinfo")
+async def userinfo():
+    return THUNDERX_CLIENT.get_user_info()

pikpakapi/PikpakException.py

@@ -0,0 +1,7 @@
+class PikpakException(Exception):
+    def __init__(self, message):
+        super().__init__(message)
+
+
+class PikpakRetryException(PikpakException):
+    pass

pikpakapi/__init__.py

@@ -0,0 +1,1062 @@
+import asyncio
+import binascii
+import inspect
+import json
+import logging
+import re
+from base64 import b64decode, b64encode
+from hashlib import md5
+from types import NoneType
+from typing import Any, Dict, List, Optional, Callable, Coroutine
+from urllib.parse import urljoin
+
+import httpx
+
+from .PikpakException import PikpakException, PikpakRetryException
+from .enums import DownloadStatus
+from .utils import (
+    CLIENT_ID,
+    CLIENT_SECRET,
+    CLIENT_VERSION,
+    PACKAG_ENAME,
+    build_custom_user_agent,
+    captcha_sign,
+    get_timestamp,
+)
+
+
+class PikPakApi:
+    """
+    PikPakApi class
+
+    Attributes:
+        PIKPAK_API_HOST: str - PikPak API host
+        PIKPAK_USER_HOST: str - PikPak user API host
+
+        username: str - username of the user
+        password: str - password of the user
+        encoded_token: str - encoded token of the user with access and refresh tokens
+        access_token: str - access token of the user , expire in 7200
+        refresh_token: str - refresh token of the user
+        user_id: str - user id of the user
+        token_refresh_callback: Callable[[PikPakApi, **Any], Coroutine[Any, Any, None]] - async callback function to be called after token refresh
+        token_refresh_callback_kwargs: Dict[str, Any] - custom arguments to be passed to the token refresh callback
+    """
+
+    PIKPAK_API_HOST = "api-pan.xunleix.com"
+    PIKPAK_USER_HOST = "xluser-ssl.xunleix.com"
+
+    def __init__(
+        self,
+        username: Optional[str] = None,
+        password: Optional[str] = None,
+        encoded_token: Optional[str] = None,
+        httpx_client_args: Optional[Dict[str, Any]] = None,
+        device_id: Optional[str] = None,
+        request_max_retries: int = 3,
+        request_initial_backoff: float = 3.0,
+        token_refresh_callback: Optional[Callable] = None,
+        token_refresh_callback_kwargs: Optional[Dict[str, Any]] = None,
+    ):
+        """
+        username: str - username of the user
+        password: str - password of the user
+        encoded_token: str - encoded token of the user with access and refresh token
+        httpx_client_args: dict - extra arguments for httpx.AsyncClient (https://www.python-httpx.org/api/#asyncclient)
+        device_id: str - device id to identify the device
+        request_max_retries: int - maximum number of retries for requests
+        request_initial_backoff: float - initial backoff time for retries
+        token_refresh_callback: Callable[[PikPakApi, **Any], Coroutine[Any, Any, None]] - async callback function to be called after token refresh
+        token_refresh_callback_kwargs: Dict[str, Any] - custom arguments to be passed to the token refresh callback
+        """
+
+        self.username = username
+        self.password = password
+        self.encoded_token = encoded_token
+        self.max_retries = request_max_retries
+        self.initial_backoff = request_initial_backoff
+        self.token_refresh_callback = token_refresh_callback
+        self.token_refresh_callback_kwargs = token_refresh_callback_kwargs or {}
+
+        self.access_token = None
+        self.refresh_token = None
+        self.user_id = None
+
+        self.data_response = None
+
+        # device_id is used to identify the device, if not provided, a random device_id will be generated, 32 characters
+        self.device_id = (
+            device_id
+            if device_id
+            else md5(f"{self.username}{self.password}".encode()).hexdigest()
+        )
+        self.captcha_token = None
+
+        httpx_client_args = httpx_client_args or {"timeout": 10}
+        self.httpx_client = httpx.AsyncClient(**httpx_client_args)
+
+        self._path_id_cache: Dict[str, Any] = {}
+
+        self.user_agent: Optional[str] = None
+
+        if self.encoded_token:
+            self.decode_token()
+        elif self.username and self.password:
+            pass
+        else:
+            raise PikpakException("username and password or encoded_token is required")
+
+    @classmethod
+    def from_dict(cls, data: Dict[str, Any]) -> "PikPakApi":
+        """
+        Create PikPakApi object from a dictionary
+        """
+        params = inspect.signature(cls).parameters
+        filtered_data = {key: data[key] for key in params if key in data}
+        client = cls(
+            **filtered_data,
+        )
+        client.__dict__.update(data)
+        return client
+
+    def to_dict(self) -> Dict[str, Any]:
+        """
+        Returns the PikPakApi object as a dictionary
+        """
+        data = self.__dict__.copy()
+        # remove can't be serialized attributes
+        keys_to_delete = [
+            k
+            for k, v in data.items()
+            if not type(v) in [str, int, float, bool, list, dict, NoneType]
+        ]
+        for k in keys_to_delete:
+            del data[k]
+        return data
+
+    def build_custom_user_agent(self) -> str:
+
+        self.user_agent = build_custom_user_agent(
+            device_id=self.device_id,
+            user_id=self.user_id if self.user_id else "",
+        )
+        return self.user_agent
+
+    def get_headers(self, access_token: Optional[str] = None) -> Dict[str, str]:
+        """
+        Returns the headers to use for the requests.
+        """
+        headers = {
+            "User-Agent": (
+                self.build_custom_user_agent()
+                if self.captcha_token
+                else "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36"
+            ),
+            "Content-Type": "application/json; charset=utf-8",
+        }
+
+        if self.access_token:
+            headers["Authorization"] = f"Bearer {self.access_token}"
+        if access_token:
+            headers["Authorization"] = f"Bearer {access_token}"
+        if self.captcha_token:
+            headers["X-Captcha-Token"] = self.captcha_token
+        if self.device_id:
+            headers["X-Device-Id"] = self.device_id
+        return headers
+
+    async def _make_request(
+        self,
+        method: str,
+        url: str,
+        data: Optional[Dict[str, Any]] = None,
+        params: Optional[Dict[str, Any]] = None,
+        headers: Optional[Dict[str, str]] = None,
+    ) -> Dict[str, Any]:
+        last_error = None
+
+        # url = "{proxy}{target}".format(proxy="https://pikpak.tjsky.top/", target=url)
+        # print(url)
+
+        for attempt in range(self.max_retries):
+            try:
+                response = await self._send_request(method, url, data, params, headers)
+                return await self._handle_response(response)
+            except PikpakRetryException as error:
+                logging.info(f"Retry attempt {attempt + 1}/{self.max_retries}")
+                last_error = error
+            except PikpakException:
+                raise
+            except httpx.HTTPError as error:
+                logging.error(
+                    f"HTTP Error on attempt {attempt + 1}/{self.max_retries}: {str(error)}"
+                )
+                last_error = error
+            except Exception as error:
+                logging.error(
+                    f"Unexpected error on attempt {attempt + 1}/{self.max_retries}: {str(error)}"
+                )
+                last_error = error
+
+            await asyncio.sleep(self.initial_backoff * (2**attempt))
+
+        # If we've exhausted all retries, raise an exception with the last error
+        raise PikpakException(f"Max retries reached. Last error: {str(last_error)}")
+
+    async def _send_request(self, method, url, data, params, headers):
+        req_headers = headers or self.get_headers()
+        return await self.httpx_client.request(
+            method,
+            url,
+            json=data,
+            params=params,
+            headers=req_headers,
+        )
+
+    async def _handle_response(self, response) -> Dict[str, Any]:
+        try:
+            json_data = response.json()
+        except ValueError:
+            if response.status_code == 200:
+                return {}
+            raise PikpakRetryException("Empty JSON data")
+
+        self.data_response = json_data
+
+        if not json_data:
+            if response.status_code == 200:
+                return {}
+            raise PikpakRetryException("Empty JSON data")
+
+        if "error" not in json_data:
+            return json_data
+
+        if "captcha_token" in json_data:
+            self.captcha_token = json_data["captcha_token"]
+
+        if json_data["error"] == "invalid_account_or_password":
+            raise PikpakException("Invalid username or password")
+
+        if json_data.get("error_code") == 16:
+            await self.refresh_access_token()
+            raise PikpakRetryException("Token refreshed, please retry")
+
+        raise PikpakException(json_data.get("error_description", "Unknown Error"))
+
+    async def _request_get(
+        self,
+        url: str,
+        params: dict = None,
+    ):
+        return await self._make_request("get", url, params=params)
+
+    async def _request_post(
+        self,
+        url: str,
+        data: dict = None,
+        headers: dict = None,
+    ):
+        return await self._make_request("post", url, data=data, headers=headers)
+
+    async def _request_patch(
+        self,
+        url: str,
+        data: dict = None,
+    ):
+        return await self._make_request("patch", url, data=data)
+
+    async def _request_delete(
+        self,
+        url: str,
+        params: dict = None,
+        data: dict = None,
+    ):
+        return await self._make_request("delete", url, params=params, data=data)
+
+    def decode_token(self):
+        """Decodes the encoded token to update access and refresh tokens."""
+        try:
+            decoded_data = json.loads(b64decode(self.encoded_token).decode())
+        except (binascii.Error, json.JSONDecodeError):
+            raise PikpakException("Invalid encoded token")
+        if not decoded_data.get("access_token") or not decoded_data.get(
+            "refresh_token"
+        ):
+            raise PikpakException("Invalid encoded token")
+        self.access_token = decoded_data.get("access_token")
+        self.refresh_token = decoded_data.get("refresh_token")
+
+    def encode_token(self):
+        """Encodes the access and refresh tokens into a single string."""
+        token_data = {
+            "access_token": self.access_token,
+            "refresh_token": self.refresh_token,
+        }
+        self.encoded_token = b64encode(json.dumps(token_data).encode()).decode()
+
+    async def captcha_init(self, action: str, meta: dict = None) -> Dict[str, Any]:
+        url = f"https://{PikPakApi.PIKPAK_USER_HOST}/v1/shield/captcha/init"
+        if not meta:
+            t = f"{get_timestamp()}"
+            meta = {
+                "captcha_sign": captcha_sign(self.device_id, t),
+                "client_version": CLIENT_VERSION,
+                "package_name": PACKAG_ENAME,
+                "user_id": self.user_id,
+                "timestamp": t,
+            }
+        params = {
+            "client_id": CLIENT_ID,
+            "action": action,
+            "device_id": self.device_id,
+            "meta": meta,
+        }
+        return await self._request_post(url, data=params)
+
+    async def login(self) -> None:
+        """
+        Login to PikPak
+        """
+        login_url = f"https://{PikPakApi.PIKPAK_USER_HOST}/v1/auth/signin"
+        metas = {}
+        if not self.username or not self.password:
+            raise PikpakException("username and password are required")
+        if re.match(r"\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*", self.username):
+            metas["email"] = self.username
+        elif re.match(r"\d{11,18}", self.username):
+            metas["phone_number"] = self.username
+        else:
+            metas["username"] = self.username
+        result = await self.captcha_init(
+            action=f"POST:{login_url}",
+            meta=metas,
+        )
+        captcha_token = result.get("captcha_token", "")
+        if not captcha_token:
+            raise PikpakException("captcha_token get failed")
+
+        login_data = {
+            "client_id": CLIENT_ID,
+            "client_secret": CLIENT_SECRET,
+            "password": self.password,
+            "username": self.username,
+            "captcha_token": captcha_token,
+        }
+        user_info = await self._request_post(
+            login_url,
+            login_data,
+            {
+                "Content-Type": "application/x-www-form-urlencoded",
+            },
+        )
+        self.access_token = user_info["access_token"]
+        self.refresh_token = user_info["refresh_token"]
+        self.user_id = user_info["sub"]
+        self.encode_token()
+
+    async def refresh_access_token(self) -> None:
+        """
+        Refresh access token
+        """
+        refresh_url = f"https://{self.PIKPAK_USER_HOST}/v1/auth/token"
+        refresh_data = {
+            "client_id": CLIENT_ID,
+            "refresh_token": self.refresh_token,
+            "grant_type": "refresh_token",
+        }
+        user_info = await self._request_post(refresh_url, refresh_data)
+
+        self.access_token = user_info["access_token"]
+        self.refresh_token = user_info["refresh_token"]
+        self.user_id = user_info["sub"]
+        self.encode_token()
+        if self.token_refresh_callback:
+            await self.token_refresh_callback(
+                self, **self.token_refresh_callback_kwargs
+            )
+
+    def get_user_info(self) -> Dict[str, Optional[str]]:
+        """
+        Get user info
+        """
+        return {
+            "username": self.username,
+            "user_id": self.user_id,
+            "access_token": self.access_token,
+            "refresh_token": self.refresh_token,
+            "encoded_token": self.encoded_token,
+        }
+
+    async def create_folder(
+        self, name: str = "新建文件夹", parent_id: Optional[str] = None
+    ) -> Dict[str, Any]:
+        """
+        name: str - 文件夹名称
+        parent_id: str - 父文件夹id, 默认创建到根目录
+
+        创建文件夹
+        """
+        url = f"https://{self.PIKPAK_API_HOST}/drive/v1/files"
+        data = {
+            "kind": "drive#folder",
+            "name": name,
+            "parent_id": parent_id,
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/files")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(url, data)
+        return result
+
+    async def delete_to_trash(self, ids: List[str]) -> Dict[str, Any]:
+        """
+        ids: List[str] - 文件夹、文件id列表
+
+        将文件夹、文件移动到回收站
+        """
+        url = f"https://{self.PIKPAK_API_HOST}/drive/v1/files:batchTrash"
+        data = {
+            "ids": ids,
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/files:batchTrash")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(url, data)
+        return result
+
+    async def untrash(self, ids: List[str]) -> Dict[str, Any]:
+        """
+        ids: List[str] - 文件夹、文件id列表
+
+        将文件夹、文件移出回收站
+        """
+        url = f"https://{self.PIKPAK_API_HOST}/drive/v1/files:batchUntrash"
+        data = {
+            "ids": ids,
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/files:batchUntrash")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(url, data)
+        return result
+
+    async def delete_forever(self, ids: List[str]) -> Dict[str, Any]:
+        """
+        ids: List[str] - 文件夹、文件id列表
+
+        永远删除文件夹、文件, 慎用
+        """
+        url = f"https://{self.PIKPAK_API_HOST}/drive/v1/files:batchDelete"
+        data = {
+            "ids": ids,
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/files:batchDelete")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(url, data)
+        return result
+
+    async def offline_download(
+        self, file_url: str, parent_id: Optional[str] = None, name: Optional[str] = None
+    ) -> Dict[str, Any]:
+        """
+        file_url: str - 文件链接
+        parent_id: str - 父文件夹id, 不传默认存储到 My Pack
+        name: str - 文件名, 不传默认为文件链接的文件名
+
+        离线下载磁力链
+        """
+        download_url = f"https://{self.PIKPAK_API_HOST}/drive/v1/files"
+        download_data = {
+            "kind": "drive#file",
+            "name": name,
+            "upload_type": "UPLOAD_TYPE_URL",
+            "url": {"url": file_url},
+            "folder_type": "DOWNLOAD" if not parent_id else "",
+            "parent_id": parent_id,
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/files")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(download_url, download_data)
+        return result
+
+    async def offline_list(
+        self,
+        size: int = 10000,
+        next_page_token: Optional[str] = None,
+        phase: Optional[List[str]] = None,
+    ) -> Dict[str, Any]:
+        """
+        size: int - 每次请求的数量
+        next_page_token: str - 下一页的page token
+        phase: List[str] - Offline download task status, default is ["PHASE_TYPE_RUNNING", "PHASE_TYPE_ERROR"]
+            supported values: PHASE_TYPE_RUNNING, PHASE_TYPE_ERROR, PHASE_TYPE_COMPLETE, PHASE_TYPE_PENDING
+
+        获取离线下载列表
+        """
+        if phase is None:
+            phase = ["PHASE_TYPE_RUNNING", "PHASE_TYPE_ERROR"]
+        list_url = f"https://{self.PIKPAK_API_HOST}/drive/v1/tasks"
+        list_data = {
+            "type": "offline",
+            "thumbnail_size": "SIZE_SMALL",
+            "limit": size,
+            "page_token": next_page_token,
+            "filters": json.dumps({"phase": {"in": ",".join(phase)}}),
+            "with": "reference_resource",
+        }
+        captcha_result = await self.captcha_init("GET:/drive/v1/tasks")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_get(list_url, list_data)
+        return result
+
+    async def offline_file_info(self, file_id: str) -> Dict[str, Any]:
+        """
+        file_id: str - 离线下载文件id
+
+        离线下载文件信息
+        """
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/files/{file_id}")
+        self.captcha_token = captcha_result.get("captcha_token")
+        url = f"https://{self.PIKPAK_API_HOST}/drive/v1/files/{file_id}"
+        result = await self._request_get(url, {"thumbnail_size": "SIZE_LARGE"})
+        return result
+
+    async def file_list(
+        self,
+        size: int = 100,
+        parent_id: Optional[str] = None,
+        next_page_token: Optional[str] = None,
+        additional_filters: Optional[Dict[str, Any]] = None,
+    ) -> Dict[str, Any]:
+        """
+        size: int - 每次请求的数量
+        parent_id: str - 父文件夹id, 默认列出根目录
+        next_page_token: str - 下一页的page token
+        additional_filters: Dict[str, Any] - 额外的过滤条件
+
+        获取文件列表，可以获得文件下载链接
+        """
+        default_filters = {
+            "trashed": {"eq": False},
+            "phase": {"eq": "PHASE_TYPE_COMPLETE"},
+        }
+        if additional_filters:
+            default_filters.update(additional_filters)
+        list_url = f"https://{self.PIKPAK_API_HOST}/drive/v1/files"
+        list_data = {
+            "parent_id": parent_id,
+            "thumbnail_size": "SIZE_MEDIUM",
+            "limit": size,
+            "with_audit": "true",
+            "page_token": next_page_token,
+            "filters": json.dumps(default_filters),
+        }
+
+        captcha_result = await self.captcha_init("GET:/drive/v1/files")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_get(list_url, list_data)
+        return result
+
+    async def events(
+        self, size: int = 100, next_page_token: Optional[str] = None
+    ) -> Dict[str, Any]:
+        """
+        size: int - 每次请求的数量
+        next_page_token: str - 下一页的page token
+
+        获取最近添加事件列表
+        """
+        list_url = f"https://{self.PIKPAK_API_HOST}/drive/v1/events"
+        list_data = {
+            "thumbnail_size": "SIZE_MEDIUM",
+            "limit": size,
+            "next_page_token": next_page_token,
+        }
+        captcha_result = await self.captcha_init("GET:/drive/v1/files")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_get(list_url, list_data)
+        return result
+
+    async def offline_task_retry(self, task_id: str) -> Dict[str, Any]:
+        """
+        task_id: str - 离线下载任务id
+
+        重试离线下载任务
+        """
+        list_url = f"https://{self.PIKPAK_API_HOST}/drive/v1/task"
+        list_data = {
+            "type": "offline",
+            "create_type": "RETRY",
+            "id": task_id,
+        }
+        try:
+            captcha_result = await self.captcha_init("GET:/drive/v1/task")
+            self.captcha_token = captcha_result.get("captcha_token")
+            result = await self._request_post(list_url, list_data)
+            return result
+        except Exception as e:
+            raise PikpakException(f"重试离线下载任务失败: {task_id}. {e}")
+
+    async def delete_tasks(
+        self, task_ids: List[str], delete_files: bool = False
+    ) -> None:
+        """
+        delete tasks by task ids
+        task_ids: List[str] - task ids to delete
+        """
+        delete_url = f"https://{self.PIKPAK_API_HOST}/drive/v1/tasks"
+        params = {
+            "task_ids": task_ids,
+            "delete_files": delete_files,
+        }
+        try:
+            captcha_result = await self.captcha_init("GET:/drive/v1/tasks")
+            self.captcha_token = captcha_result.get("captcha_token")
+            await self._request_delete(delete_url, params=params)
+        except Exception as e:
+            raise PikpakException(f"Failing to delete tasks: {task_ids}. {e}")
+
+    async def get_task_status(self, task_id: str, file_id: str) -> DownloadStatus:
+        """
+        task_id: str - 离线下载任务id
+        file_id: str - 离线下载文件id
+
+        获取离线下载任务状态, 临时实现, 后期可能变更
+        """
+        try:
+            infos = await self.offline_list()
+            if infos and infos.get("tasks", []):
+                for task in infos.get("tasks", []):
+                    if task_id == task.get("id"):
+                        return DownloadStatus.downloading
+            file_info = await self.offline_file_info(file_id=file_id)
+            if file_info:
+                return DownloadStatus.done
+            else:
+                return DownloadStatus.not_found
+        except PikpakException:
+            return DownloadStatus.error
+
+    async def path_to_id(self, path: str, create: bool = False) -> List[Dict[str, str]]:
+        """
+        path: str - 路径
+        create: bool - 是否创建不存在的文件夹
+
+        将形如 /path/a/b 的路径转换为 文件夹的id
+        """
+        if not path or len(path) <= 0:
+            return []
+        paths = path.split("/")
+        paths = [p.strip() for p in paths if len(p) > 0]
+        # 构造不同级别的path表达式，尝试找到距离目标最近的那一层
+        multi_level_paths = ["/" + "/".join(paths[: i + 1]) for i in range(len(paths))]
+        path_ids = [
+            self._path_id_cache[p]
+            for p in multi_level_paths
+            if p in self._path_id_cache
+        ]
+        # 判断缓存命中情况
+        hit_cnt = len(path_ids)
+        if hit_cnt == len(paths):
+            return path_ids
+        elif hit_cnt == 0:
+            count = 0
+            parent_id = None
+        else:
+            count = hit_cnt
+            parent_id = path_ids[-1]["id"]
+
+        next_page_token = None
+        while count < len(paths):
+            data = await self.file_list(
+                parent_id=parent_id, next_page_token=next_page_token
+            )
+            record_of_target_path = None
+            for f in data.get("files", []):
+                current_path = "/" + "/".join(paths[:count] + [f.get("name")])
+                file_type = (
+                    "folder" if f.get("kind", "").find("folder") != -1 else "file"
+                )
+                record = {
+                    "id": f.get("id"),
+                    "name": f.get("name"),
+                    "file_type": file_type,
+                }
+                self._path_id_cache[current_path] = record
+                if f.get("name") == paths[count]:
+                    record_of_target_path = record
+                    # 不break: 剩下的文���也同样缓存起来
+            if record_of_target_path is not None:
+                path_ids.append(record_of_target_path)
+                count += 1
+                parent_id = record_of_target_path["id"]
+            elif data.get("next_page_token") and (
+                not next_page_token or next_page_token != data.get("next_page_token")
+            ):
+                next_page_token = data.get("next_page_token")
+            elif create:
+                data = await self.create_folder(name=paths[count], parent_id=parent_id)
+                file_id = data.get("file").get("id")
+                record = {
+                    "id": file_id,
+                    "name": paths[count],
+                    "file_type": "folder",
+                }
+                path_ids.append(record)
+                current_path = "/" + "/".join(paths[: count + 1])
+                self._path_id_cache[current_path] = record
+                count += 1
+                parent_id = file_id
+            else:
+                break
+        return path_ids
+
+    async def file_batch_move(
+        self,
+        ids: List[str],
+        to_parent_id: Optional[str] = None,
+    ) -> Dict[str, Any]:
+        """
+        ids: List[str] - 文件id列表
+        to_parent_id: str - 移动到的文件夹id, 默认为根目录
+
+        批量移动文件
+        """
+        to = (
+            {
+                "parent_id": to_parent_id,
+            }
+            if to_parent_id
+            else {}
+        )
+        captcha_result = await self.captcha_init("GET:/drive/v1/files:batchMove")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/files:batchMove",
+            data={
+                "ids": ids,
+                "to": to,
+            },
+        )
+        return result
+
+    async def file_batch_copy(
+        self,
+        ids: List[str],
+        to_parent_id: Optional[str] = None,
+    ) -> Dict[str, Any]:
+        """
+        ids: List[str] - 文件id列表
+        to_parent_id: str - 复制到的文件夹id, 默认为根目录
+
+        批量复制文件
+        """
+        to = (
+            {
+                "parent_id": to_parent_id,
+            }
+            if to_parent_id
+            else {}
+        )
+        captcha_result = await self.captcha_init("GET:/drive/v1/files:batchCopy")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/files:batchCopy",
+            data={
+                "ids": ids,
+                "to": to,
+            },
+        )
+        return result
+
+    async def file_move_or_copy_by_path(
+        self,
+        from_path: List[str],
+        to_path: str,
+        move: bool = False,
+        create: bool = False,
+    ) -> Dict[str, Any]:
+        """
+        from_path: List[str] - 要移动或复制的文件路径列表
+        to_path: str - 移动或复制到的路径
+        is_move: bool - 是否移动, 默认为复制
+        create: bool - 是否创建不存在的文件夹
+
+        根据路径移动或复制文件
+        """
+        from_ids: List[str] = []
+        for path in from_path:
+            if path_ids := await self.path_to_id(path):
+                if file_id := path_ids[-1].get("id"):
+                    from_ids.append(file_id)
+        if not from_ids:
+            raise PikpakException("要移动的文件不存在")
+        to_path_ids = await self.path_to_id(to_path, create=create)
+        if to_path_ids:
+            to_parent_id = to_path_ids[-1].get("id")
+        else:
+            to_parent_id = None
+        if move:
+            result = await self.file_batch_move(ids=from_ids, to_parent_id=to_parent_id)
+        else:
+            result = await self.file_batch_copy(ids=from_ids, to_parent_id=to_parent_id)
+        return result
+
+    async def get_download_url(self, file_id: str) -> Dict[str, Any]:
+        """
+        id: str - 文件id
+
+        Returns the file details data.
+        1. Use `medias[0][link][url]` for streaming with high speed in streaming services or tools.
+        2. Use `web_content_link` to download the file
+        """
+        result = await self.captcha_init(
+            action=f"GET:/drive/v1/files/{file_id}",
+        )
+        self.captcha_token = result.get("captcha_token")
+        result = await self._request_get(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/files/{file_id}?",
+        )
+        self.captcha_token = None
+        return result
+
+    async def file_rename(self, id: str, new_file_name: str) -> Dict[str, Any]:
+        """
+        id: str - 文件id
+        new_file_name: str - 新的文件名
+
+        重命名文件
+        返回文件的详细信息
+        """
+        data = {
+            "name": new_file_name,
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/files/{id}")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_patch(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/files/{id}",
+            data=data,
+        )
+        return result
+
+    async def file_batch_star(
+        self,
+        ids: List[str],
+    ) -> Dict[str, Any]:
+        """
+        ids: List[str] - 文件id列表
+
+        批量给文件加星标
+        """
+        data = {
+            "ids": ids,
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/files/star")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/files:star",
+            data=data,
+        )
+        return result
+
+    async def file_batch_unstar(
+        self,
+        ids: List[str],
+    ) -> Dict[str, Any]:
+        """
+        ids: List[str] - 文件id列表
+
+        批量给文件取消星标
+        """
+        data = {
+            "ids": ids,
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/files/unstar")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/files:unstar",
+            data=data,
+        )
+        return result
+
+    async def file_star_list(
+        self,
+        size: int = 100,
+        next_page_token: Optional[str] = None,
+    ) -> Dict[str, Any]:
+        """
+        size: int - 每次请求的数量
+        next_page_token: str - 下一页的page token
+
+        获取加星标的文件列表，可以获得文件下载链接
+        parent_id只可取默认值*，子目录列表通过获取星标目录以后自行使用file_list方法获取
+        """
+        additional_filters = {"system_tag": {"in": "STAR"}}
+        result = await self.file_list(
+            size=size,
+            parent_id="*",
+            next_page_token=next_page_token,
+            additional_filters=additional_filters,
+        )
+        return result
+
+    async def file_batch_share(
+        self,
+        ids: List[str],
+        need_password: Optional[bool] = False,
+        expiration_days: Optional[int] = -1,
+    ) -> Dict[str, Any]:
+        """
+        ids: List[str] - 文件id列表
+        need_password: Optional[bool] - 是否需要分享密码
+        expiration_days: Optional[int] - 分享天数
+
+        批量分享文件，并生成分享链接
+        返回数据结构：
+        {
+            "share_id": "xxx", //分享ID
+            "share_url": "https://mypikpak.com/s/xxx", // 分享链接
+            "pass_code": "53fe", // 分享密码
+            "share_text": "https://mypikpak.com/s/xxx",
+            "share_list": []
+        }
+        """
+        data = {
+            "file_ids": ids,
+            "share_to": "encryptedlink" if need_password else "publiclink",
+            "expiration_days": expiration_days,
+            "pass_code_option": "REQUIRED" if need_password else "NOT_REQUIRED",
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/share")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/share",
+            data=data,
+        )
+        return result
+
+    async def get_quota_info(self) -> Dict[str, Any]:
+        """
+        获取当前空间的quota信息
+        返回数据结构如下：
+        {
+            "kind": "drive#about",
+            "quota": {
+                "kind": "drive#quota",
+                "limit": "10995116277760", //空间总大小， 单位Byte
+                "usage": "5113157556024", // 已用空间大小，单位Byte
+                "usage_in_trash": "1281564700871", // 回收站占用大小，单位Byte
+                "play_times_limit": "-1",
+                "play_times_usage": "0"
+            },
+            "expires_at": "",
+            "quotas": {}
+        }
+        """
+        # captcha_result = await self.captcha_init(f"GET:/drive/v1/about")
+        # self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_get(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/about",
+        )
+        return result
+
+    async def get_invite_code(self):
+        captcha_result = await self.captcha_init(f"GET:/vip/v1/activity/inviteCode")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_get(
+            url=f"https://{self.PIKPAK_API_HOST}/vip/v1/activity/inviteCode",
+        )
+        return result["code"]
+
+    async def vip_info(self):
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/privilege/vip")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_get(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/privilege/vip",
+        )
+        return result
+
+    async def get_transfer_quota(self) -> Dict[str, Any]:
+        """
+        Get transfer quota
+        """
+        url = f"https://{self.PIKPAK_API_HOST}/vip/v1/quantity/list?type=transfer"
+        captcha_result = await self.captcha_init(
+            f"GET:/vip/v1/quantity/list?type=transfer"
+        )
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_get(url)
+        return result
+
+    async def get_share_folder(
+        self, share_id: str, pass_code_token: str, parent_id: str = None
+    ) -> Dict[str, Any]:
+        """
+        获取分享链接下文件夹内容
+
+        Args:
+            share_id: str - 分享ID eg. /s/VO8BcRb-XXXXX 的 VO8BcRb-XXXXX
+            pass_code_token: str - 通过 get_share_info 获取到的 pass_code_token
+            parent_id: str - 父文件夹id, 默认列出根目录
+        """
+        data = {
+            "limit": "100",
+            "thumbnail_size": "SIZE_LARGE",
+            "order": "6",
+            "share_id": share_id,
+            "parent_id": parent_id,
+            "pass_code_token": pass_code_token,
+        }
+        url = f"https://{self.PIKPAK_API_HOST}/drive/v1/share/detail"
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/share/detail")
+        self.captcha_token = captcha_result.get("captcha_token")
+        return await self._request_get(url, params=data)
+
+    async def get_share_info(
+        self, share_link: str, pass_code: str = None
+    ) -> ValueError | Dict[str, Any] | List[Dict[str | Any, str | Any]]:
+        """
+        获取分享链接下内容
+
+        Args:
+            share_link: str - 分享链接
+            pass_code: str - 分享密码, 无密码则留空
+        """
+        match = re.search(r"/s/([^/]+)(?:.*/([^/]+))?$", share_link)
+        if match:
+            share_id = match.group(1)
+            parent_id = match.group(2) if match.group(2) else None
+        else:
+            return ValueError("Share Link Is Not Right")
+
+        data = {
+            "limit": "100",
+            "thumbnail_size": "SIZE_LARGE",
+            "order": "3",
+            "share_id": share_id,
+            "parent_id": parent_id,
+            "pass_code": pass_code,
+        }
+        url = f"https://{self.PIKPAK_API_HOST}/drive/v1/share"
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/share")
+        self.captcha_token = captcha_result.get("captcha_token")
+        return await self._request_get(url, params=data)
+
+    async def restore(
+        self, share_id: str, pass_code_token: str, file_ids: List[str]
+    ) -> Dict[str, Any]:
+        """
+
+        Args:
+            share_id: 分享链接eg. /s/VO8BcRb-XXXXX 的 VO8BcRb-XXXXX
+            pass_code_token: get_share_info获取, 无密码则留空
+            file_ids: 需要转存的文件/文件夹ID列表, get_share_info获取id值
+        """
+        data = {
+            "share_id": share_id,
+            "pass_code_token": pass_code_token,
+            "file_ids": file_ids,
+        }
+        captcha_result = await self.captcha_init(f"GET:/drive/v1/share/restore")
+        self.captcha_token = captcha_result.get("captcha_token")
+        result = await self._request_post(
+            url=f"https://{self.PIKPAK_API_HOST}/drive/v1/share/restore", data=data
+        )
+        return result

pikpakapi/enums.py

@@ -0,0 +1,9 @@
+from enum import Enum
+
+
+class DownloadStatus(Enum):
+    not_downloading = "not_downloading"
+    downloading = "downloading"
+    done = "done"
+    error = "error"
+    not_found = "not_found"

pikpakapi/utils.py

@@ -0,0 +1,108 @@
+import hashlib
+from uuid import uuid4
+import time
+
+CLIENT_ID = "ZQL_zwA4qhHcoe_2"
+CLIENT_SECRET = "Og9Vr1L8Ee6bh0olFxFDRg"
+CLIENT_VERSION = "1.06.0.2132"
+PACKAG_ENAME = "com.thunder.downloader"
+SDK_VERSION = "2.0.3.203100 "
+APP_NAME = PACKAG_ENAME
+
+
+def get_timestamp() -> int:
+    """
+    Get current timestamp.
+    """
+    return int(time.time() * 1000)
+
+
+def device_id_generator() -> str:
+    """
+    Generate a random device id.
+    """
+    return str(uuid4()).replace("-", "")
+
+
+SALTS = [
+    "kVy0WbPhiE4v6oxXZ88DvoA3Q",
+    "lON/AUoZKj8/nBtcE85mVbkOaVdVa",
+    "rLGffQrfBKH0BgwQ33yZofvO3Or",
+    "FO6HWqw",
+    "GbgvyA2",
+    "L1NU9QvIQIH7DTRt",
+    "y7llk4Y8WfYflt6",
+    "iuDp1WPbV3HRZudZtoXChxH4HNVBX5ZALe",
+    "8C28RTXmVcco0",
+    "X5Xh",
+    "7xe25YUgfGgD0xW3ezFS",
+    "",
+    "CKCR",
+    "8EmDjBo6h3eLaK7U6vU2Qys0NsMx",
+    "t2TeZBXKqbdP09Arh9C3",
+]
+
+
+def captcha_sign(device_id: str, timestamp: str) -> str:
+    """
+    Generate a captcha sign.
+
+    在网页端的js中, 搜索 captcha_sign, 可以找到对应的js代码
+
+    """
+    sign = CLIENT_ID + CLIENT_VERSION + PACKAG_ENAME + device_id + timestamp
+    for salt in SALTS:
+        sign = hashlib.md5((sign + salt).encode()).hexdigest()
+    return f"1.{sign}"
+
+
+def generate_device_sign(device_id, package_name):
+    signature_base = f"{device_id}{package_name}1appkey"
+
+    # 计算 SHA-1 哈希
+    sha1_hash = hashlib.sha1()
+    sha1_hash.update(signature_base.encode("utf-8"))
+    sha1_result = sha1_hash.hexdigest()
+
+    # 计算 MD5 哈希
+    md5_hash = hashlib.md5()
+    md5_hash.update(sha1_result.encode("utf-8"))
+    md5_result = md5_hash.hexdigest()
+
+    device_sign = f"div101.{device_id}{md5_result}"
+
+    return device_sign
+
+
+def build_custom_user_agent(device_id, user_id):
+    device_sign = generate_device_sign(device_id, PACKAG_ENAME)
+
+    user_agent_parts = [
+        f"ANDROID-{APP_NAME}/{CLIENT_VERSION}",
+        "protocolVersion/200",
+        "accesstype/",
+        f"clientid/{CLIENT_ID}",
+        f"clientversion/{CLIENT_VERSION}",
+        "action_type/",
+        "networktype/WIFI",
+        "sessionid/",
+        f"deviceid/{device_id}",
+        "providername/NONE",
+        f"devicesign/{device_sign}",
+        "refresh_token/",
+        f"sdkversion/{SDK_VERSION}",
+        f"datetime/{get_timestamp()}",
+        f"usrno/{user_id}",
+        f"appname/{APP_NAME}",
+        "session_origin/",
+        "grant_type/",
+        "appid/",
+        "clientip/",
+        "devicename/Xiaomi_M2004j7ac",
+        "osversion/13",
+        "platformversion/10",
+        "accessmode/",
+        "devicemodel/M2004J7AC",
+    ]
+
+    return " ".join(user_agent_parts)

templates/index.html

@@ -0,0 +1,1929 @@
+<!DOCTYPE html>
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<html>
+
+<head>
+    <meta charset="UTF-8" />
+    <title>Task</title>
+    <link rel="stylesheet" type="text/css" href="https://www.unpkg.com/[email protected]/dist/css/bootstrap.min.css" />
+    <link href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/css/fonts.min.css" rel="stylesheet" />
+    <link href="//unpkg.com/[email protected]/dist/css/layui.css" rel="stylesheet">
+</head>
+
+<body style="height:100%;">
+    <div id="root"></div>
+    <a id="back-to-top" href="#" class="btn btn-success btn-lg back-to-top" role="button"><i
+            class="mdi mdi-arrow-up"></i></a>
+    <script crossorigin src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script>
+    <script crossorigin src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script>
+    <script src="https://www.unpkg.com/[email protected]/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
+    <script src="https://www.unpkg.com/[email protected]/dist/js/bootstrap.min.js"></script>
+    <script src="https://unpkg.com/[email protected]/dist/react-bootstrap.min.js"></script>
+    <script src="https://unpkg.com/[email protected]/dist/redux.min.js"></script>
+    <script src="https://unpkg.com/[email protected]/umd/react-router-dom.min.js"></script>
+    <script src="https://unpkg.com/[email protected]/babel.min.js"></script>
+    <script src="https://unpkg.com/[email protected]/runtime.js"></script>
+    <script src="https://cdn.bootcdn.net/ajax/libs/babel-polyfill/7.12.1/polyfill.min.js"></script>
+    <script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script>
+    <script src="//unpkg.com/[email protected]/dist/layui.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ajv/8.17.1/ajv7.min.js"></script>
+    <script src="https://unpkg.com/@tanstack/[email protected]/build/umd/index.production.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/mitt.umd.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/localforage/1.10.0/localforage.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css" />
+
+    <style>
+        .bi {
+            display: inline-block;
+            width: 1rem;
+            height: 1rem;
+        }
+
+        /*
+   * Sidebar
+   */
+        @media (min-width: 768px) {
+            .sidebar {
+                width: 100%;
+            }
+
+            .sidebar .offcanvas-lg {
+                position: -webkit-sticky;
+                position: sticky;
+                top: 48px;
+            }
+
+            .navbar-search {
+                display: block;
+            }
+        }
+
+        .sidebar .nav-link {
+            font-size: 0.875rem;
+            font-weight: 500;
+        }
+
+        .sidebar .nav-link.active {
+            color: #2470dc;
+        }
+
+        .sidebar-heading {
+            font-size: 0.75rem;
+        }
+
+        /*
+   * Navbar
+   */
+        .navbar {
+            background-color: teal;
+        }
+
+        .navbar-brand {
+            padding-top: 0.75rem;
+            padding-bottom: 0.75rem;
+            /* background-color: rgba(0, 0, 0, .25); 
+    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); */
+        }
+
+        .navbar .form-control {
+            padding: 0.75rem 1rem;
+        }
+
+        .bd-placeholder-img {
+            font-size: 1.125rem;
+            text-anchor: middle;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            user-select: none;
+        }
+
+        @media (min-width: 768px) {
+            .bd-placeholder-img-lg {
+                font-size: 3.5rem;
+            }
+        }
+
+        .b-example-divider {
+            width: 100%;
+            height: 3rem;
+            background-color: rgba(0, 0, 0, 0.1);
+            border: solid rgba(0, 0, 0, 0.15);
+            border-width: 1px 0;
+            box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1),
+                inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
+        }
+
+        .b-example-vr {
+            flex-shrink: 0;
+            width: 1.5rem;
+            height: 100vh;
+        }
+
+        .bi {
+            vertical-align: -0.125em;
+            fill: currentColor;
+        }
+
+        .nav-scroller {
+            position: relative;
+            z-index: 2;
+            height: 2.75rem;
+            overflow-y: hidden;
+        }
+
+        .nav-scroller .nav {
+            display: flex;
+            flex-wrap: nowrap;
+            padding-bottom: 1rem;
+            margin-top: -1px;
+            overflow-x: auto;
+            text-align: center;
+            white-space: nowrap;
+            -webkit-overflow-scrolling: touch;
+        }
+
+        .btn-bd-primary {
+            --bd-violet-bg: #712cf9;
+            --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
+
+            --bs-btn-font-weight: 600;
+            --bs-btn-color: var(--bs-white);
+            --bs-btn-bg: var(--bd-violet-bg);
+            --bs-btn-border-color: var(--bd-violet-bg);
+            --bs-btn-hover-color: var(--bs-white);
+            --bs-btn-hover-bg: #6528e0;
+            --bs-btn-hover-border-color: #6528e0;
+            --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
+            --bs-btn-active-color: var(--bs-btn-hover-color);
+            --bs-btn-active-bg: #5a23c8;
+            --bs-btn-active-border-color: #5a23c8;
+        }
+
+        .bd-mode-toggle {
+            z-index: 1500;
+        }
+
+        .bd-mode-toggle .dropdown-menu .active .bi {
+            display: block !important;
+        }
+
+        .back-to-top {
+            position: fixed;
+            bottom: 25px;
+            right: 25px;
+            display: none;
+        }
+
+        .leftsidebar {
+            height: 100%;
+            box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
+        }
+
+        @media (min-width: 768px) {
+            .leftsidebar {
+                min-width: 15%;
+            }
+        }
+
+        @media (max-width: 768px) {
+            .leftsidebar {
+                max-width: 50%;
+            }
+        }
+
+        .bg-teal {
+            background-color: teal;
+        }
+    </style>
+
+    <script type="text/babel" data-presets="react" data-type="module">
+        window.layer = layui.layer;
+        //事件监听开始  通过修改localstorage实现跨页面事件监听
+        const emitter = mitt();
+        // 监听 localStorage 变化
+        window.addEventListener("storage", (event) => {
+            if (event.key === "event") {
+                const { type, data } = JSON.parse(event.newValue);
+                emitter.emit(type, data);
+            }
+        });
+        // 封装 emit 方法
+        const emitEvent = (type, data) => {
+            // 触发本地事件
+            emitter.emit(type, data);
+            const randomString = Math.random()
+                .toString(36)
+                .substring(2, 10); // 生成一个随机字符串确保event每次的值不一样，如果一样会不触发事件
+            const identity = `${Date.now()}-${randomString}`;
+            // 存储到 localStorage，以便其他页面能够接收到
+            localStorage.setItem(
+                "event",
+                JSON.stringify({ type, data, identity })
+            );
+        };
+
+        // 封装 on 方法
+        const onEvent = (type, callback) => {
+            emitter.on(type, callback);
+        };
+
+        // 封装 off 方法
+        const offEvent = (type, callback) => {
+            emitter.off(type, callback);
+        };
+        //事件监听结束
+
+
+        Fancybox.bind("[data-fancybox]", {
+            Toolbar: {
+                display: {
+                    right: ["slideshow", "download", "thumbs", "close"],
+                },
+            },
+            Images: {
+                initialSize: "fit",
+            }
+        });
+
+
+        var settingStorage = localforage.createInstance({
+            name: "setting",
+            driver: localforage.LOCALSTORAGE
+        });
+        // settingStorage.setItem("category", { name: 'test', id: 1 });
+        // settingStorage.getItem('category').then(function (value) {
+        // 	console.log(value);
+        // }).catch(function (err) {
+        // 	console.log(err);
+        // });
+        // settingStorage.getItem('category', function (err, value) {
+        // 	console.log(value.name);
+        // });
+
+
+        const { createStore, combineReducers } = Redux;
+        // 从 localStorage 加载初始状态
+        const loadStateFromLocalStorage = () => {
+            try {
+                const serializedState = localStorage.getItem('settings');
+                if (serializedState === null) {
+                    return {}; // 默认值
+                }
+                return JSON.parse(serializedState);
+            } catch (e) {
+                console.error("Could not load state from localStorage:", e);
+                return {}; // 默认值
+            }
+        };
+        // 保存状态到 localStorage
+        const saveStateToLocalStorage = (state) => {
+            try {
+                const serializedState = JSON.stringify(state);
+                localStorage.setItem('settings', serializedState);
+            } catch (e) {
+                console.error("Could not save state to localStorage:", e);
+            }
+        };
+
+        // 定义初始状态
+        const initialSettingsState = loadStateFromLocalStorage();
+        // 创建 settings Reducer
+        function settingsReducer(state = initialSettingsState, action) {
+            switch (action.type) {
+                case 'SAVE_SETTING':
+                    return { ...state, ...action.payload };
+                default:
+                    return state;
+            }
+        }
+
+        // 合并 Reducer（如果有多个）
+        const rootReducer = combineReducers({
+            settings: settingsReducer,
+        });
+
+        // 创建 Redux Store
+        const STORE = createStore(rootReducer);
+
+        // 订阅 Store 的变化，并将状态保存到 localStorage
+        STORE.subscribe(() => {
+            saveStateToLocalStorage(STORE.getState().settings);
+        });
+
+
+        //数据校验
+        // var ajv = new ajv7.default()
+        // const schema = {
+        // 	type: "object",
+        // 	properties: {
+        // 		foo: { type: "integer" },
+        // 		bar: { type: "string" }
+        // 	},
+        // 	required: ["foo"],
+        // 	additionalProperties: false
+        // }
+
+        // const validate = ajv.compile(schema)
+
+        // const data = {
+        // 	foo: 1,
+        // 	bar: "abc"
+        // }
+        // const valid = validate(data)
+        // if (!valid) console.log(validate.errors)
+
+
+        const bytesToSize = (bytes) => {
+            if (bytes === 0) return '0 B';
+            var k = 1024;
+            sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+            i = Math.floor(Math.log(bytes) / Math.log(k));
+            return (bytes / Math.pow(k, i)).toFixed(2) + ' ' + sizes[i];
+        };
+        const formatDate = (date) => {
+            var d = new Date(date);
+            var year = d.getFullYear();
+            var month = d.getMonth() + 1;
+            var day = d.getDate() < 10 ? '0' + d.getDate() : '' + d.getDate();
+            var hour = d.getHours();
+            var minutes = d.getMinutes();
+            var seconds = d.getSeconds();
+            return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds;
+        };
+
+        let layerLoading = null;
+
+        const showLoading = () => {
+            const loadindex = layer.load(1);
+            layerLoading = loadindex;
+        }
+
+        const hideLoading = () => {
+            layer.close(layerLoading);
+        }
+
+
+        const { useState, useEffect, useRef } = React;
+        const { HashRouter, Route, Link, Switch, useLocation, useParams } = ReactRouterDOM;
+        const { useQuery, useMutation, useQueryClient, QueryClient, QueryClientProvider } = ReactQuery;
+        const queryClient = new QueryClient()
+        const {
+            Alert,
+            Badge,
+            Button,
+            ButtonGroup,
+            ButtonToolbar,
+            Card,
+            Collapse,
+            Col,
+            Container,
+            Dropdown,
+            Form,
+            Image,
+            InputGroup,
+            ListGroup,
+            Modal,
+            Nav,
+            Navbar,
+            NavDropdown,
+            Offcanvas,
+            Pagination,
+            Row,
+            Table,
+        } = ReactBootstrap;
+        //注意修改js文件后需要直接访问js以更新浏览器缓存
+
+        // 表格组件
+        const DataTable = ({ data, columns }) => {
+            return (
+                <Table responsive bordered>
+                    <thead>
+                        <tr className="text-center">
+                            {columns.map((column, index) => (
+                                <th key={index}>{column.title}</th>
+                            ))}
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {data.map((row, rowIndex) => (
+                            <tr key={rowIndex} className="text-center">
+                                {columns.map((column, colIndex) => (
+                                    <td key={colIndex}>
+                                        {/* 调用渲染方法，如果没有定义，则直接显示数据 */}
+                                        {column.render
+                                            ? column.render(row)
+                                            : row[column.dataIndex]}
+                                    </td>
+                                ))}
+                            </tr>
+                        ))}
+                    </tbody>
+                </Table>
+            );
+        };
+        //分页组件
+        const Paginate = (props) => {
+            const page = props.page;
+            const pageCount = Math.ceil(
+                props.totalCount / props.itemsPerPage
+            );
+
+            const SelectItems = () => {
+                const pageNumbers = Array.from(
+                    { length: pageCount },
+                    (_, i) => i + 1
+                );
+                return (
+                    <select
+                        className="page-link border-0 h-100 py-0"
+                        style={{ width: "auto" }}
+                        onChange={(e) => {
+                            props.onClick(parseInt(e.target.value));
+                        }}
+                    >
+                        {pageNumbers.map((number) => {
+                            const selected = number === page ? true : false;
+                            return (
+                                <option
+                                    key={number}
+                                    value={number}
+                                    selected={selected}
+                                >
+                                    {number}
+                                </option>
+                            );
+                        })}
+                    </select>
+                );
+            };
+            return (
+                <div className="d-flex justify-content-center align-items-baseline">
+
+                    <Pagination>
+                        {pageCount > 1 && page > 1 && (
+                            <Pagination.First
+                                onClick={() => {
+                                    props.onClick(1);
+                                }}
+                            />
+                        )}
+                        {pageCount > 1 && page > 1 && (
+                            <Pagination.Prev
+                                onClick={() => {
+                                    props.onClick(page - 1);
+                                }}
+                            />
+                        )}
+                        <Pagination.Item linkClassName="p-0 h-100 d-inline-block">
+                            <SelectItems />
+                        </Pagination.Item>
+                        <Pagination.Item>
+                            <span className="text-info">
+                                {page}/{pageCount}
+                            </span>
+                        </Pagination.Item>
+                        {pageCount > 1 && page < pageCount && (
+                            <Pagination.Next
+                                onClick={() => {
+                                    props.onClick(page + 1);
+                                }}
+                            />
+                        )}
+                        {pageCount > 1 && page < pageCount && (
+                            <Pagination.Last
+                                onClick={() => {
+                                    props.onClick(pageCount);
+                                }}
+                            />
+                        )}
+                    </Pagination>
+                </div>
+            );
+        };
+        //图标组件
+        const Icon = (props) => {
+            return (
+                <span
+                    onClick={props.onClick}
+                    className={`mdi mdi-${props.icon} fs-${props.size} ${props.className}`}
+                ></span>
+            );
+        };
+        //按钮图标组件
+        const IconButton = (props) => {
+            return (
+                <Button
+                    variant="success"
+                    onClick={props.onClick}
+                    className={props.className}
+                >
+                    <span
+                        className={`mdi mdi-${props.icon} fs-${props.iconSize} ${props.iconClassName}`}
+                    ></span>
+                    {props.text}
+                </Button>
+            );
+        };
+        //video组件
+        const createCaption = (video) => {
+            var html = video.code + ' ' + video.title;
+            //html+="<a href='/tags'>test</a>";
+            video.tags.map(tag => {
+                html += tag;
+            })
+            return html;
+        };
+
+
+        const AsyncImage = (props) => {
+            const [loadedSrc, setLoadedSrc] = React.useState(null);
+            React.useEffect(() => {
+                setLoadedSrc(null);
+                if (props.src) {
+                    const handleLoad = () => {
+                        setLoadedSrc(props.src);
+                    };
+                    const image = document.createElement("img");
+                    image.addEventListener('load', handleLoad);
+                    image.src = props.src;
+                    return () => {
+                        image.removeEventListener('load', handleLoad);
+                    };
+                }
+            }, [props.src]);
+            if (loadedSrc === props.src) {
+                return (
+                    <img {...props} />
+                );
+            }
+            return <img {...props} src="https://placehold.co/600x400?text=Loading" />;
+        };
+
+        const Video = ({ video }) => {
+
+            const [showPreview, setShowPreview] = useState(null);
+            const [holdPreviews, setHoldPreviews] = useState([]);
+            const videoRef = useRef(null);
+
+
+            const clickPreview = (id) => {
+                if (!holdPreviews.includes(id)) {
+                    setHoldPreviews((prev) => [...prev, id]);
+                    playPreview(id);
+                }
+            };
+
+            const playPreview = (id) => {
+                const preview = document.getElementById(`preview-${id}`);
+
+                if (!preview.getAttribute("src")) {
+                    preview.addEventListener("loadedmetadata", (event) => {
+                        event.target.play();
+                        setShowPreview(id);
+                    });
+
+                    preview.setAttribute("src", preview.getAttribute("data-src"));
+                } else {
+                    preview.play();
+                    setShowPreview(id);
+                }
+            };
+
+
+            const { mutateAsync: favoriteMutation } = useMutation({
+                mutationKey: ["switch-favorite"],
+                mutationFn: async (favorite) => {
+                    showLoading();
+                    return await axios.post("/favorite", favorite)
+                },
+                onSuccess: async (data, variables, context) => {
+                    hideLoading();
+                    layer.msg('操作成功', { time: 2000, icon: 6 });
+                },
+                onError: () => {
+                    hideLoading();
+                    layer.msg('操作失败', { time: 2000, icon: 5 });
+                }
+            })
+
+            return (
+                <Card>
+                    <a href={video.poster} target="_blank" data-fancybox="gallery" className={holdPreviews.includes(video.id) ? 'd-none' : 'd-block'}
+                        data-download-src={video.src} data-caption={createCaption(video)}>
+                        <AsyncImage className="card-img-top" src={video.poster} />
+                    </a>
+                    <video
+                        className={holdPreviews.includes(video.id) ? 'd-block' : 'd-none'}
+                        id={`preview-${video.id}`}
+                        ref={videoRef}
+                        data-src={`https://fourhoi.com/${video.code.toLowerCase()}/preview.mp4`}
+                        controls
+                        autoPlay
+                        webkit-playsinline="true"
+                        playsinline="true"
+                        style={{ width: "100%", height: "100%", objectFit: "cover" }}
+                    />
+
+                    <Card.Body>
+                        <Card.Title>{`${video.code} ${video.title}`}</Card.Title>
+                        <Card.Text>
+                            {video.tags.map((tag, index) => (
+                                <a target="_blank" href={`#/tags/${encodeURIComponent(tag)}`} className="badge bg-secondary text-wrap m-1">{tag}</a>
+                            ))}
+                        </Card.Text>
+
+                        <Dropdown className="float-start">
+                            <Dropdown.Toggle variant="primary" id="dropdown-basic">
+                                播放
+                            </Dropdown.Toggle>
+                            <Dropdown.Menu>
+                                <Dropdown.Item href={video.src} target="_blank">网页</Dropdown.Item>
+                                <Dropdown.Item href={`vlc://${video.src}`} target="_blank">VLC</Dropdown.Item>
+                                <Dropdown.Item href={`videoplayerapp://open?url=${encodeURIComponent(video.src)}`} target="_blank">Video Player</Dropdown.Item>
+                            </Dropdown.Menu>
+                        </Dropdown>
+
+
+                        <Button variant="primary" onClick={() => clickPreview(video.id)}><Icon
+                            icon="video"
+                            size="8"
+                            className="text-text-primary"
+                        /></Button>
+
+
+                        <Button className={`btn float-end ${video.favorite ? 'btn-danger' : 'btn-secondary'}`} onClick={async () => {
+                            layer.confirm('确定要进行操作？不可撤销！', {
+                                btn: ['确定', '取消'] //按钮
+                            }, async function () {
+                                await favoriteMutation({ id: video.id, favorite: !video.favorite })
+                            }, async function () {
+
+                            });
+
+                        }}><Icon
+                                icon="star"
+                                size="8"
+                                className="text-text-primary"
+                            /></Button>
+
+
+
+                    </Card.Body>
+                </Card>
+            )
+        }
+
+        //设置框
+        const SettingModal = (props) => {
+            const settings = [
+                { "alist": [{ "label": "Alist地址", "key": "alist_host", "show": true }, { "label": "Alist令牌", "key": "alist_token", "show": false }] },
+                { "github": [{ "label": "Actions地址", "key": "github_host", "show": true }, { "label": "Github令牌", "key": "github_token", "show": false }] },
+                { "directus": [{ "label": "Directus地址", "key": "directus_host", "show": true }, { "label": "Directus令牌", "key": "directus_token", "show": false }] }
+            ]
+            const [setting, setSetting] = useState({});
+            // useEffect(() => {
+            // 	localStorage.setItem('settings', JSON.stringify(setting));
+            // }, [setting]);
+
+            const loadSetting = () => {
+                const storedSettings = STORE.getState().settings;
+                if (storedSettings) {
+                    setSetting(storedSettings);
+                }
+            }
+            const saveSetting = () => {
+                STORE.dispatch({ type: 'SAVE_SETTING', payload: setting })
+                //localStorage.setItem('settings', JSON.stringify(setting));
+            }
+            return (
+                <Modal show={props.show} onHide={props.onHide} onShow={loadSetting}>
+                    <Modal.Header closeButton onHide={props.onHide}>
+                        <Modal.Title>设置</Modal.Title>
+                    </Modal.Header>
+                    <Modal.Body>
+                        <Form>
+                            <ListGroup>
+                                {settings.map((value, index) => {
+                                    const key = Object.keys(value)[0];
+                                    const items = value[key];
+                                    return (<ListGroup.Item>
+                                        {items.map((setting_item) => {
+                                            return (
+                                                <Form.Group as={Row} className="mb-3">
+                                                    <Form.Label column sm="3">
+                                                        {setting_item.label}
+                                                    </Form.Label>
+                                                    <Col sm="9">
+                                                        <Form.Control type={setting_item.show ? "input" : "password"} value={setting[setting_item.key]} name={setting_item.key} placeholder={setting_item.label} onChange={(e) => { setSetting({ ...setting, [setting_item.key]: e.target.value }) }} />
+                                                    </Col>
+                                                </Form.Group>
+                                            )
+                                        })}
+                                    </ListGroup.Item>)
+                                })}
+                            </ListGroup>
+                        </Form>
+                    </Modal.Body>
+                    <Modal.Footer className="justify-content-between">
+                        <Button
+                            variant="secondary"
+                            onClick={() => {
+                                props.onHide();
+                            }}
+                        >
+                            关闭
+                        </Button>
+                        <Button
+                            variant="primary"
+                            onClick={() => {
+                                saveSetting();
+                                props.onHide();
+                                //props.onSave();
+                            }}
+                        >
+                            保存
+                        </Button>
+                    </Modal.Footer>
+                </Modal>
+            );
+        };
+
+        //axios封装开始
+        const useAxios = () => {
+            const [response, setResponse] = useState(null);
+            const [error, setError] = useState("");
+            const [loading, setLoading] = useState(false);
+
+            // Create an Axios instance
+            const axiosInstance = axios.create({});
+
+            // Set up request and response interceptors
+            axiosInstance.interceptors.request.use(
+                (config) => {
+                    // Log or modify request here
+                    //console.log("Sending request to:", config.url);
+                    return config;
+                },
+                (error) => {
+                    // Handle request error here
+                    return Promise.reject(error);
+                }
+            );
+
+            axiosInstance.interceptors.response.use(
+                (response) => {
+                    // Log or modify response here
+                    //console.log("Received response from:", response.config.url);
+                    return response;
+                },
+                (error) => {
+                    // Handle response error here
+                    return Promise.reject(error);
+                }
+            );
+
+            useEffect(() => {
+                const source = axios.CancelToken.source();
+                return () => {
+                    // Cancel the request when the component unmounts
+                    source.cancel(
+                        "组件被卸载: 请求取消."
+                    );
+                };
+            }, []);
+
+            // Making the API call with cancellation support
+            const fetchData = async ({ url, method, data, headers }) => {
+                setLoading(true);
+                try {
+                    const result = await axiosInstance({
+                        url,
+                        method,
+                        headers: headers ? headers : {},
+                        data:
+                            method.toLowerCase() === "get"
+                                ? undefined
+                                : data,
+                        params:
+                            method.toLowerCase() === "get"
+                                ? data
+                                : undefined,
+                        cancelToken: axios.CancelToken.source().token,
+                    });
+                    setResponse(result.data);
+                } catch (error) {
+                    if (axios.isCancel(error)) {
+                        console.log("Request cancelled", error.message);
+                    } else {
+                        setError(
+                            error.response
+                                ? error.response.data
+                                : error.message
+                        );
+                    }
+                } finally {
+                    setLoading(false);
+                }
+            };
+            return [response, error, loading, fetchData];
+        };
+        //axios封闭结束
+
+        //分页hooks
+        const usePagination = () => {
+            const [pagination, setPagination] = useState({
+                pageSize: 36,
+                pageIndex: 1,
+            });
+            const { pageSize, pageIndex } = pagination;
+
+
+            return {
+                limit: pageSize,
+                onPaginationChange: setPagination,
+                pagination,
+                skip: pageSize * (pageIndex - 1),
+            };
+        }
+        //分页结束
+
+
+        //API定义开始
+        const getFiles = () => {
+            const [response, error, loading, fetchData] = useAxios();
+
+            const fetchDataByPage = async (setting, query) => {
+                var host = setting.alist_host;
+                if (!host.endsWith("/")) {
+                    host = host + '/'
+                }
+                fetchData({
+                    url: host + 'api/fs/list',
+                    method: "POST",
+                    data: query,
+                    headers: {
+                        'Authorization': setting.alist_token,
+                        'Content-Type': 'application/json'
+                    },
+                });
+            };
+            return [response, error, loading, fetchDataByPage];
+        };
+
+        const paginateLinksGet = async (limit, page, keyword) => {
+            const url = `/video?size=${limit}&page=${page}&kw=${keyword}`;
+            const { data } = await axios.get(url)
+            return data
+        }
+
+        const paginateFavoritesGet = async (limit, page, keyword) => {
+            const url = `/favorites?size=${limit}&page=${page}&kw=${keyword}`;
+            const { data } = await axios.get(url)
+            return data
+        }
+
+
+        const paginateTagLinksGet = async (limit, page, tag) => {
+            const url = `/tags?size=${limit}&page=${page}&tag=${tag}`;
+            const { data } = await axios.get(url)
+            return data
+        }
+
+        const paginateTasksGet = async (limit, skip) => {
+            const setting = STORE.getState().settings;
+            const url = setting.directus_host + `items/task?limit=${limit}&offset=${skip}&meta[]=filter_count&sort[]=-id`;
+            const { data } = await axios.get(url, { headers: { Authorization: "Bearer " + setting.directus_token } })
+            return data
+        }
+
+
+        //API定义结束
+
+        const Layout = ({ children }) => {
+            useEffect(() => {
+                // 组件挂载时执行的代码（相当于 componentDidMount）
+            }, []); // 空数组表示只在挂载和卸载时执行
+
+            const [showSideBar, setShowSideBar] = useState(false);
+            const handleSidebarClose = () => setShowSideBar(false);
+            const handleSidebarShow = () => setShowSideBar(true);
+            const toggleSidebarShow = () => {
+                setShowSideBar(!showSideBar);
+            };
+
+            const [setting, setSetting] = useState(false);
+
+            return (
+                <div>
+                    <header className="sticky-top">
+                        <Navbar expand="md">
+                            <Container fluid>
+                                <div>
+                                    <Navbar.Toggle
+                                        className="shadow-none border-0"
+                                        onClick={handleSidebarShow}
+                                        children={
+                                            <Icon
+                                                icon="menu"
+                                                size="3"
+                                                className="text-white"
+                                            />
+                                        }
+                                    />
+                                    <Navbar.Brand
+                                        as={Link}
+                                        to="/"
+                                        className="text-white"
+                                    >
+                                        收藏
+                                    </Navbar.Brand>
+                                </div>
+                                <div className="d-flex">
+                                    <Tasks />
+                                    <LocalTasks />
+                                    <Button
+                                        style={{
+                                            backgroundColor: "transparent",
+                                        }}
+                                        className="nav-link btn"
+                                        onClick={() => {
+                                            setSetting(true)
+                                        }}
+                                        children={
+                                            <Icon
+                                                icon="dots-vertical"
+                                                size="3"
+                                                className="text-white"
+                                            />
+                                        }
+                                    ></Button>
+                                    <SettingModal
+                                        show={setting}
+                                        onHide={() => {
+                                            setSetting(false);
+                                        }}
+                                    />
+                                </div>
+                            </Container>
+                        </Navbar>
+                    </header>
+                    <Container fluid>
+                        <Row style={{ minHeight: "100vh" }}>
+                            <Col
+                                md="2"
+                                lg="2"
+                                xl="2"
+                                className="ps-0 d-none d-md-block"
+                            >
+                                <Offcanvas
+                                    className="leftsidebar h-100 bg-light"
+                                    show={showSideBar}
+                                    onHide={handleSidebarClose}
+                                    placement="start"
+                                    responsive="md"
+                                >
+                                    <Offcanvas.Header
+                                        className="py-2 border-bottom"
+                                        closeButton
+                                    >
+                                        <Offcanvas.Title>
+                                            离线任务
+                                        </Offcanvas.Title>
+                                    </Offcanvas.Header>
+                                    <Offcanvas.Body className="p-0">
+                                        <Container fluid className="p-0">
+                                            <Nav
+                                                activeKey="1"
+                                                className="flex-column"
+                                            >
+                                                <Nav.Link
+                                                    as={Link}
+                                                    className="nav-link text-dark"
+                                                    to="/"
+                                                    onClick={
+                                                        handleSidebarClose
+                                                    }
+                                                >
+                                                    <Icon
+                                                        icon="plus"
+                                                        size="6"
+                                                        className="me-2"
+                                                    />
+                                                    收藏
+                                                </Nav.Link>
+                                                <Nav.Link
+                                                    as={Link}
+                                                    className="nav-link text-dark"
+                                                    to="/videos"
+                                                    onClick={
+                                                        handleSidebarClose
+                                                    }
+                                                >
+                                                    <Icon
+                                                        icon="movie"
+                                                        size="6"
+                                                        className="me-2"
+                                                    />
+                                                    视频
+                                                </Nav.Link>
+                                            </Nav>
+                                        </Container>
+                                    </Offcanvas.Body>
+                                </Offcanvas>
+                            </Col>
+
+                            <Col xs="12" sm="12" md="10" lg="10" xl="10">
+                                <main>
+                                    <Container fluid className="pt-2 px-0 pb-5">
+                                        {children}
+                                    </Container>
+                                </main>
+                            </Col>
+                        </Row>
+                    </Container>
+                </div>
+            );
+        };
+        const Home = () => {
+            const location = useLocation();
+            const { id } = useParams();
+            return (
+                <div>
+                    <div className="d-flex justify-content-between align-items-center p-2 border-bottom bg-light">
+                        <label className="fs-3">Home</label>
+                        <ButtonToolbar
+                            aria-label="文件列表"
+                            className="bg-teal rounded"
+                        >
+                            <ButtonGroup className="bg-teal">
+                                <IconButton
+                                    onClick={() => {
+                                        alert("test")
+                                    }}
+                                    text="刷新"
+                                    className="bg-teal border-0"
+                                    icon="reload"
+                                    iconClassName="me-1 text-white"
+                                    iconSize="6"
+                                />
+                                <IconButton
+                                    onClick={() => {
+                                        alert("hello");
+                                    }}
+                                    text="删除"
+                                    className="bg-teal border-0"
+                                    icon="delete-outline"
+                                    iconClassName="me-1 text-white"
+                                    iconSize="6"
+                                />
+                            </ButtonGroup>
+                        </ButtonToolbar>
+                    </div>
+                    <Container fluid className="p-2"></Container>
+                </div>
+            );
+        };
+
+        const Videos = () => {
+            const [reload, setReload] = useState(false);
+            const { limit, onPaginationChange, skip, pagination } = usePagination();
+            const [meta, setMeta] = useState({ filter_count: 0 })
+            const [keyword, setKeyword] = useState("")
+            const [search, setSearch] = useState("")
+            const [videos, setVideos] = useState([])
+            const { data: linksData, refetch: linksRefetch, isLoading: linksLoading, error: linksError } = useQuery({
+                queryKey: ['get_paginate_links', limit, pagination.pageIndex, search],
+                queryFn: () => paginateLinksGet(limit, pagination.pageIndex, search),
+                enabled: false,
+            })
+            useEffect(() => {
+                linksRefetch()
+            }, [pagination, reload, search]);
+            useEffect(() => {
+                linksRefetch()
+            }, []);
+            useEffect(() => {
+                if (linksData) {
+                    setMeta({ filter_count: linksData.total })
+                    setVideos([...linksData.items])
+                }
+            }, [linksData]);
+
+            const handleSearchClick = () => {
+                setSearch(keyword)
+                onPaginationChange({ pageSize: 36, pageIndex: 1 })
+            };
+
+
+
+            const forceUpdate = () => {
+                setReload((pre) => !pre);
+            };
+
+            return (
+                <div>
+                    <div className="d-flex justify-content-between align-items-center p-2 border-bottom bg-light">
+                        <label className="fs-3">视频列表</label>
+                        <ButtonToolbar
+                            aria-label="视频列表"
+                            className="bg-teal rounded"
+                        >
+                            <ButtonGroup className="bg-teal">
+                                <IconButton
+                                    onClick={() => {
+                                        forceUpdate();
+                                    }}
+                                    text="刷新"
+                                    className="bg-teal border-0"
+                                    icon="reload"
+                                    iconClassName="me-1 text-white"
+                                    iconSize="6"
+                                />
+                            </ButtonGroup>
+                        </ButtonToolbar>
+                    </div>
+                    {linksError && (
+                        <div className="text-center text-danger">
+                            发生错误，请稍后重试！！！
+                        </div>
+                    )}
+
+                    <Container fluid className="p-2">
+                        <InputGroup className="mb-3">
+                            <Form.Control
+                                placeholder="关键词"
+                                aria-label="关键词"
+                                aria-describedby="关键词"
+                                onChange={e => setKeyword(e.target.value)}
+                            />
+                            <Button variant="outline-secondary" id="button-addon2" onClick={() => { handleSearchClick() }}>
+                                搜索
+                            </Button>
+                        </InputGroup>
+
+                        <Row>
+                            <Col xs={12} className="py-2">
+                                <Paginate page={pagination.pageIndex} onClick={(i) => { onPaginationChange({ pageSize: 36, pageIndex: i }) }} itemsPerPage="36" totalCount={meta.filter_count} />
+                            </Col>
+                        </Row>
+                        {(linksLoading) && (
+                            <Row>
+                                <Col xs={12} className="py-2">
+                                    <div className="text-center text-success">
+                                        正在努力加载中......
+                                    </div>
+                                </Col>
+                            </Row>
+                        )}
+                        {linksData && (
+                            <Row>
+                                {videos.map((video, index) => (
+                                    <Col xs={12} md={3} className="py-2">
+                                        <Video video={video} />
+                                    </Col>
+                                ))}
+                            </Row>
+                        )}
+
+
+
+
+                        <Row>
+                            <Col xs={12} className="py-2">
+                                <Paginate page={pagination.pageIndex} onClick={(i) => { onPaginationChange({ pageSize: 36, pageIndex: i }) }} itemsPerPage="36" totalCount={meta.filter_count} />
+                            </Col>
+                        </Row>
+                    </Container>
+                </div>
+            );
+        };
+
+
+        const Favorites = () => {
+            const [reload, setReload] = useState(false);
+            const { limit, onPaginationChange, skip, pagination } = usePagination();
+            const [meta, setMeta] = useState({ filter_count: 0 })
+            const [keyword, setKeyword] = useState("")
+            const [search, setSearch] = useState("")
+            const [videos, setVideos] = useState([])
+            const { data: linksData, refetch: linksRefetch, isLoading: linksLoading, error: linksError } = useQuery({
+                queryKey: ['get_paginate_favorites', limit, pagination.pageIndex, search],
+                queryFn: () => paginateFavoritesGet(limit, pagination.pageIndex, search),
+                enabled: false,
+            })
+            useEffect(() => {
+                linksRefetch()
+            }, [pagination, reload, search]);
+            useEffect(() => {
+                linksRefetch()
+            }, []);
+            useEffect(() => {
+                if (linksData) {
+                    setMeta({ filter_count: linksData.total })
+                    setVideos([...linksData.items])
+                }
+            }, [linksData]);
+
+            const handleSearchClick = () => {
+                setSearch(keyword)
+                onPaginationChange({ pageSize: 36, pageIndex: 1 })
+            };
+
+
+
+            const forceUpdate = () => {
+                setReload((pre) => !pre);
+            };
+
+            return (
+                <div>
+                    <div className="d-flex justify-content-between align-items-center p-2 border-bottom bg-light">
+                        <label className="fs-3">收藏列表</label>
+                        <ButtonToolbar
+                            aria-label="收藏列表"
+                            className="bg-teal rounded"
+                        >
+                            <ButtonGroup className="bg-teal">
+                                <IconButton
+                                    onClick={() => {
+                                        forceUpdate();
+                                    }}
+                                    text="刷新"
+                                    className="bg-teal border-0"
+                                    icon="reload"
+                                    iconClassName="me-1 text-white"
+                                    iconSize="6"
+                                />
+                            </ButtonGroup>
+                        </ButtonToolbar>
+                    </div>
+                    {linksError && (
+                        <div className="text-center text-danger">
+                            发生错误，请稍后重试！！！
+                        </div>
+                    )}
+
+                    <Container fluid className="p-2">
+                        <InputGroup className="mb-3">
+                            <Form.Control
+                                placeholder="关键词"
+                                aria-label="关键词"
+                                aria-describedby="关键词"
+                                onChange={e => setKeyword(e.target.value)}
+                            />
+                            <Button variant="outline-secondary" id="button-addon2" onClick={() => { handleSearchClick() }}>
+                                搜索
+                            </Button>
+                        </InputGroup>
+
+                        <Row>
+                            <Col xs={12} className="py-2">
+                                <Paginate page={pagination.pageIndex} onClick={(i) => { onPaginationChange({ pageSize: 36, pageIndex: i }) }} itemsPerPage="36" totalCount={meta.filter_count} />
+                            </Col>
+                        </Row>
+                        {(linksLoading) && (
+                            <Row>
+                                <Col xs={12} className="py-2">
+                                    <div className="text-center text-success">
+                                        正在努力加载中......
+                                    </div>
+                                </Col>
+                            </Row>
+                        )}
+                        {linksData && (
+                            <Row>
+                                {videos.map((video, index) => (
+                                    <Col xs={12} md={3} className="py-2">
+                                        <Video video={video} />
+                                    </Col>
+                                ))}
+                            </Row>
+                        )}
+
+
+
+
+                        <Row>
+                            <Col xs={12} className="py-2">
+                                <Paginate page={pagination.pageIndex} onClick={(i) => { onPaginationChange({ pageSize: 36, pageIndex: i }) }} itemsPerPage="36" totalCount={meta.filter_count} />
+                            </Col>
+                        </Row>
+                    </Container>
+                </div>
+            );
+        };
+
+
+        const Tags = () => {
+            const { tag } = useParams()
+            const [reload, setReload] = useState(false);
+            const { limit, onPaginationChange, skip, pagination } = usePagination();
+            const [meta, setMeta] = useState({ filter_count: 0 })
+            const [keyword, setKeyword] = useState("")
+            const [videos, setVideos] = useState([])
+            const { data: linksData, refetch: linksRefetch, isLoading: linksLoading, error: linksError } = useQuery({
+                queryKey: ['get_tag_links', limit, pagination.pageIndex],
+                queryFn: () => paginateTagLinksGet(limit, pagination.pageIndex, tag),
+                enabled: false,
+            })
+            useEffect(() => {
+                linksRefetch()
+            }, [pagination, reload]);
+            useEffect(() => {
+                linksRefetch()
+            }, []);
+            useEffect(() => {
+                if (linksData) {
+                    setMeta({ filter_count: linksData.total })
+                    setVideos([...linksData.items])
+                }
+            }, [linksData]);
+
+
+            const forceUpdate = () => {
+                setReload((pre) => !pre);
+            };
+
+            return (
+                <div>
+                    <div className="d-flex justify-content-between align-items-center p-2 border-bottom bg-light">
+                        <label className="fs-3">视频列表</label>
+                        <ButtonToolbar
+                            aria-label="视频列表"
+                            className="bg-teal rounded"
+                        >
+                            <ButtonGroup className="bg-teal">
+                                <IconButton
+                                    onClick={() => {
+                                        forceUpdate();
+                                    }}
+                                    text="刷新"
+                                    className="bg-teal border-0"
+                                    icon="reload"
+                                    iconClassName="me-1 text-white"
+                                    iconSize="6"
+                                />
+                            </ButtonGroup>
+                        </ButtonToolbar>
+                    </div>
+                    {linksError && (
+                        <div className="text-center text-danger">
+                            发生错误，请稍后重试！！！
+                        </div>
+                    )}
+
+                    <Container fluid className="p-2">
+                        <Row>
+                            <Col xs={12} className="py-2">
+                                <Paginate page={pagination.pageIndex} onClick={(i) => { onPaginationChange({ pageSize: 36, pageIndex: i }) }} itemsPerPage="36" totalCount={meta.filter_count} />
+                            </Col>
+                        </Row>
+                        {(linksLoading) && (
+                            <Row>
+                                <Col xs={12} className="py-2">
+                                    <div className="text-center text-success">
+                                        正在努力加载中......
+                                    </div>
+                                </Col>
+                            </Row>
+                        )}
+                        {linksData && (
+                            <Row>
+                                {videos.map((video, index) => (
+                                    <Col xs={12} md={3} className="py-2">
+                                        <Video video={video} />
+                                    </Col>
+                                ))}
+                            </Row>
+                        )}
+
+                        <Row>
+                            <Col xs={12} className="py-2">
+                                <Paginate page={pagination.pageIndex} onClick={(i) => { onPaginationChange({ pageSize: 36, pageIndex: i }) }} itemsPerPage="36" totalCount={meta.filter_count} />
+                            </Col>
+                        </Row>
+                    </Container>
+                </div>
+            );
+        };
+
+
+        const Tasks = () => {
+            const [show, setShow] = useState(false);
+            const handleClose = () => setShow(false);
+            const handleShow = () => setShow(true);
+            const [reload, setReload] = useState(false);
+            const { limit, onPaginationChange, skip, pagination } = usePagination();
+            const [meta, setMeta] = useState({ filter_count: 0 })
+            const [tasks, setTasks] = useState([])
+            const { data: tasksData, refetch: tasksRefetch, isLoading: tasksLoading, error: tasksError } = useQuery({
+                queryKey: ['get_paginate_tasks', limit, skip],
+                queryFn: () => paginateTasksGet(limit, skip),
+                enabled: show,
+            })
+
+            useEffect(() => {
+                //tasksRefetch()
+            }, [pagination, reload]);
+
+            useEffect(() => {
+                if (tasksData) {
+                    setMeta(tasksData.meta)
+                    setTasks([...tasksData.data])
+                }
+            }, [tasksData]);
+
+
+            const forceUpdate = () => {
+                setReload((pre) => !pre);
+            };
+
+            return (
+                <div>
+                    <Button
+                        style={{
+                            backgroundColor: "transparent",
+                        }}
+                        className="nav-link btn"
+                        onClick={handleShow}
+                        children={
+                            <span>
+                                <Icon
+                                    icon="cloud-download-outline"
+                                    size="3"
+                                    className="text-white"
+                                />
+                            </span>
+                        }
+                    ></Button>
+
+
+                    <Modal show={show} onHide={handleClose}>
+                        <Modal.Header closeButton>
+                            <Modal.Title>远程下载任务</Modal.Title>
+                        </Modal.Header>
+                        <Modal.Body className="py-0">
+                            {tasksError && (
+                                <div className="text-center text-danger">
+                                    发生错误，请稍后重试！！！
+                                </div>
+                            )}
+                            {(tasksLoading) && (
+                                <div className="text-center text-success">
+                                    正在努力加载中......
+                                </div>
+                            )}
+                            <Container fluid className="p-2">
+                                <Row>
+                                    <Col xs={12}>
+                                        <Paginate page={pagination.pageIndex} onClick={(i) => { onPaginationChange({ pageSize: 36, pageIndex: i }) }} itemsPerPage="36" totalCount={meta.filter_count} />
+                                    </Col>
+                                </Row>
+
+                                <Row>
+                                    <Col xs={12}>
+                                        <Table bordered hover>
+                                            <thead>
+                                                <tr>
+                                                    <th>#</th>
+                                                    <th>文件名</th>
+                                                    <th>状态</th>
+                                                </tr>
+                                            </thead>
+                                            {tasksData && (
+                                                <tbody>
+                                                    {tasks.map((task, index) => (
+                                                        <tr>
+                                                            <td>{task.id}</td>
+                                                            <td>{task.url.substr(task.url.indexOf('##') + 2)}</td>
+                                                            <td>{task.status == 'draft' ? <span className="text-warning">待下载</span> : <span class="text-success">正在下载中</span>}</td>
+                                                        </tr>
+                                                    ))}
+                                                </tbody>
+                                            )}
+
+                                        </Table>
+
+                                    </Col>
+                                </Row>
+
+                                <Row>
+                                    <Col xs={12} className="py-2">
+                                        <Paginate page={pagination.pageIndex} onClick={(i) => { onPaginationChange({ pageSize: 36, pageIndex: i }) }} itemsPerPage="36" totalCount={meta.filter_count} />
+                                    </Col>
+                                </Row>
+                            </Container>
+                        </Modal.Body>
+                        <Modal.Footer className="justify-content-between">
+                            <Button variant="primary" onClick={() => { forceUpdate(); }}>
+                                刷新
+                            </Button>
+                            <Button variant="primary" onClick={() => {
+                                const setting = STORE.getState().settings;
+                                showLoading();
+                                axios.post(setting.github_host, { "ref": "main", "inputs": {} }, {
+                                    headers: {
+                                        'Authorization': "Bearer " + setting.github_token,
+                                        'Accept': 'application/vnd.github+json',
+                                        'X-GitHub-Api-Version': '2022-11-28',
+                                    },
+                                }).then(function (response) {
+                                    layer.msg('任务启动成功', { time: 2000, icon: 6 });
+                                    //console.log(response);
+                                })
+                                    .catch(function (error) {
+                                        console.log(error);
+                                    }).finally(() => {
+                                        hideLoading();
+                                    });
+                            }}>
+                                开始下载
+                            </Button>
+                            <Button variant="primary" onClick={handleClose}>
+                                关闭
+                            </Button>
+                        </Modal.Footer>
+                    </Modal>
+
+                </div >);
+        };
+
+
+
+
+
+
+
+
+        const LocalTasks = () => {
+            const [show, setShow] = useState(false);
+            const handleClose = () => setShow(false);
+            const handleShow = () => setShow(true);
+            const [downloads, setDownloads] = useState([])
+            const [addDownloadObject, setAddDownloadObject] = useState({})
+            const setting = STORE.getState().settings;
+            const columns = [
+                { title: "文件名称", dataIndex: "name" },
+                { title: "大小", dataIndex: "size", render: (row) => (bytesToSize(row.size)) },
+                { title: "日期", dataIndex: "created", render: (row) => (formatDate(row.created)) },
+                {
+                    title: "操作",
+                    dataIndex: "name",
+                    render: (row) => (
+                        <div>
+                            <Icon
+                                icon="delete-outline"
+                                size="6"
+                                className="me-2"
+                                onClick={() => {
+                                    layer.confirm('确定删除？该操作无法撤销!!!', { icon: 3 }, function (index) {
+                                        setDownloads(
+                                            downloads.filter(a =>
+                                                a.name !== row.name
+                                            )
+                                        );
+                                        layer.close(index);
+                                    }, function () {
+
+                                    });
+                                }}
+                            />
+                            <Icon
+                                icon="pencil-outline"
+                                size="6"
+                                className="me-2"
+                                onClick={() => {
+                                    layer.prompt({
+                                        title: '输入文件名称，并确认',
+                                        formType: 0,
+                                        value: row.name,
+                                        success: function (layero, index) {
+                                            $(".layui-layer").eq(0).css("top", "0px");
+                                            $("div[aria-modal]").eq(0).removeAttr("tabindex");//解决弹出窗的input无法获取焦点的问题
+                                        },
+                                        end: function (layero, index) {
+                                            $("div[aria-modal]").eq(0).attr("tabindex", -1).focus();//再把焦点还回去
+                                        }
+                                    }, function (value, index) {
+                                        const newDownloads = downloads.map(downloadItem => {
+                                            if (downloadItem.name === row.name) {
+                                                return {
+                                                    ...downloadItem,
+                                                    name: value
+                                                };
+                                            }
+                                            return downloadItem;
+                                        });
+                                        setDownloads(newDownloads);
+                                        layer.close(index);
+                                    });
+                                }}
+                            />
+                        </div>
+                    ),
+                },
+            ];
+
+
+            const { mutateAsync: localTaskdMutation } = useMutation({
+                mutationKey: ["get-download"],
+                mutationFn: async () => {
+                    showLoading();
+                    var host = setting.directus_host;
+                    if (!host.endsWith("/")) {
+                        host = host + '/'
+                    }
+                    var url = host + 'items/task';
+                    const tasks = downloads.map(task => {
+                        return { url: task.url + '##' + task.name }
+                    })
+                    return await axios.post(url, tasks, {
+                        headers: {
+                            'Authorization': "Bearer " + setting.directus_token,
+                            'Content-Type': 'application/json'
+                        },
+                    })
+                },
+                onSuccess: async (data, variables, context) => {
+                    hideLoading();
+                    layer.msg('任务添加成功', { time: 2000, icon: 6 });
+                },
+                onError: () => {
+                    hideLoading();
+                    layer.msg('任务添加失败', { time: 2000, icon: 5 });
+                }
+            })
+
+
+
+            const addDowload = (fileinfo) => {
+                const file = fileinfo.data.data;
+                const download = { name: file.name, size: file.size, url: file.raw_url, created: file.created }
+                setAddDownloadObject(download)
+            }
+            useEffect(() => {
+                if (addDownloadObject && ('name' in addDownloadObject)) {
+                    setDownloads([...downloads, addDownloadObject])
+                    setAddDownloadObject({})
+                }
+            }, [addDownloadObject]);
+            useEffect(() => {
+                onEvent("addDownload", addDowload)
+                settingStorage.getItem('downloads').then(function (value) {
+                    if (value) {
+                        setDownloads(value)
+                    }
+                }).catch(function (err) {
+                    console.log(err)
+                });
+            }, []);
+            useEffect(() => {
+                settingStorage.setItem('downloads', downloads)
+            }, [downloads]);
+
+
+            if (downloads.length > 0) {
+                return (
+                    <div>
+                        <Button
+                            style={{
+                                backgroundColor: "transparent",
+                            }}
+                            className="nav-link btn"
+                            onClick={handleShow}
+                            children={
+                                <span>
+                                    <Icon
+                                        icon="download"
+                                        size="3"
+                                        className="text-white"
+                                    />
+                                    <Badge bg="danger" style={{ top: '-15px', left: '-10px' }}>{downloads.length}</Badge>
+                                </span>
+                            }
+                        ></Button>
+
+
+                        <Modal show={show} onHide={handleClose}>
+                            <Modal.Header closeButton>
+                                <Modal.Title>本地下载任务</Modal.Title>
+                            </Modal.Header>
+                            <Modal.Body>
+                                {downloads && (
+                                    <DataTable data={downloads ? downloads : []} columns={columns} />
+                                )}
+                            </Modal.Body>
+                            <Modal.Footer className="justify-content-between">
+
+                                <ButtonGroup>
+                                    <Button variant="primary" onClick={async () => { await localTaskdMutation() }}>
+                                        添加转存
+                                    </Button>
+                                </ButtonGroup>
+
+                                <ButtonGroup>
+                                    <Button variant="danger" onClick={() => {
+                                        layer.confirm('确定删除？该操作无法撤销!!!', { icon: 3 }, function (index) {
+                                            setDownloads([]);
+                                            layer.close(index);
+                                        }, function () {
+
+                                        });
+                                    }}>
+                                        清空
+                                    </Button>
+                                    <Button variant="primary" onClick={handleClose}>
+                                        关闭
+                                    </Button>
+                                </ButtonGroup>
+
+
+                            </Modal.Footer>
+                        </Modal>
+
+                    </div >
+                );
+            }
+        }
+
+
+        App = () => {
+            const [open, setOpen] = useState(false);
+            const [reload, setReload] = useState(false);
+            const [response, error, loading, fetchDataByPage] = getFiles();
+            const { folder } = useParams();
+            const location = useLocation();
+            const [path, setPath] = useState(decodeURI(location.pathname));
+            const [page, setPage] = useState(1);
+            const [query, setQuery] = useState({ "path": path, "password": "", "page": page, "per_page": 0, "refresh": true });
+            const setting = STORE.getState().settings;
+
+
+            //const queryClient = useQueryClient()
+            // Queries
+            //const { data, error, isLoading, refetch } = useQuery({
+            //	queryKey: ['test'], queryFn: () => axios.get("")
+            //})
+
+            const { data: fileData, mutateAsync: downloadMutation } = useMutation({
+                mutationKey: ["get-download"],
+                mutationFn: async (fileinfo) => {
+                    showLoading();
+                    var host = setting.alist_host;
+                    if (!host.endsWith("/")) {
+                        host = host + '/'
+                    }
+                    var url = host + 'api/fs/get';
+                    return await axios.post(url, fileinfo, {
+                        headers: {
+                            'Authorization': setting.alist_token,
+                            'Content-Type': 'application/json'
+                        },
+                    })
+                },
+                onSuccess: async (data, variables, context) => {
+                    hideLoading();
+                },
+                onError: () => {
+                    hideLoading();
+                }
+            })
+
+            useEffect(() => {
+                if (fileData) {
+                    emitEvent("addDownload", fileData)
+                }
+            }, [fileData]);
+
+
+            const columns = [
+                { title: "文件名称", dataIndex: "name" },
+                { title: "大小", dataIndex: "size", render: (row) => (bytesToSize(row.size)) },
+                { title: "日期", dataIndex: "created", render: (row) => (formatDate(row.created)) },
+                {
+                    title: "操作",
+                    dataIndex: "name",
+                    render: (row) => (
+                        row.is_dir ? <Nav.Link
+                            as={Link}
+                            className="nav-link text-dark"
+                            to={decodeURI(path + row.name + '/')}
+                            target="_blank"
+                        >
+                            <Icon
+                                icon="open-in-new"
+                                size="6"
+                                className="me-2"
+                            />
+                        </Nav.Link> :
+                            <Icon
+                                icon="download-outline"
+                                size="6"
+                                className="me-2"
+                                onClick={async () => {
+                                    let data = { "path": path + row.name, "password": "" }
+                                    await downloadMutation(data);
+                                }}
+                            />
+                    ),
+                },
+            ];
+            useEffect(() => {
+                if (!setting.alist_token || setting.alist_token.length < 5) {
+                    layer.alert("请先正确配置Alsit的令牌", { icon: 5 });
+                    return
+                }
+                fetchDataByPage(setting, query);
+                return () => { }
+            }, [reload, query]);
+
+
+            const forceUpdate = () => {
+                setReload((pre) => !pre);
+            };
+
+            return (
+                <div>
+                    <div className="d-flex justify-content-between align-items-center p-2 border-bottom bg-light">
+                        <label className="fs-3">文件列表</label>
+                        <ButtonToolbar
+                            aria-label="功能区"
+                            className="bg-teal rounded"
+                        >
+                            <ButtonGroup className="bg-teal">
+                                <IconButton
+                                    onClick={() => {
+                                        emitEvent("test", { a: 'b' })
+                                    }}
+                                    text="刷新"
+                                    className="bg-teal border-0"
+                                    icon="reload"
+                                    iconClassName="me-1 text-white"
+                                    iconSize="6"
+                                />
+                            </ButtonGroup>
+                        </ButtonToolbar>
+                    </div>
+                    <Container fluid className="p-2">
+                        {error && (
+                            <div className="text-center text-danger">
+                                {error}
+                            </div>
+                        )}
+                        {(loading) && (
+                            <div className="text-center text-success">
+                                正在努力加载中......
+                            </div>
+                        )}
+                        {response && (
+                            <DataTable data={response.data.content ? response.data.content : []} columns={columns} />
+                        )}
+                    </Container>
+                </div>
+            );
+        };
+
+        const container = document.getElementById("root");
+        const root = ReactDOM.createRoot(container);
+        root.render(
+            <QueryClientProvider client={queryClient}>
+                <HashRouter>
+                    <Route path="/:path?">
+                        <Layout>
+                            <Switch>
+                                <Route path="/videos" exact component={Videos} />
+                                <Route path="/tags/:tag?" exact component={Tags} />
+                                <Route path="/" exact component={Favorites} />
+                            </Switch>
+                        </Layout>
+                    </Route>
+                </HashRouter>
+            </QueryClientProvider>
+        );
+
+        $(document).ready(function () {
+            $(window).scroll(function () {
+                if ($(this).scrollTop() > 50) {
+                    $("#back-to-top").fadeIn();
+                } else {
+                    $("#back-to-top").fadeOut();
+                }
+            });
+            // scroll body to 0px on click
+            $("#back-to-top").click(function () {
+                $("body,html").animate(
+                    {
+                        scrollTop: 0,
+                    },
+                    400
+                );
+                return false;
+            });
+        });
+    </script>
+</body>
+
+</html>