{
+ if (check_visible) {
+ return;
+ }
+ // if (timer_ref.current) {
+ // return;
+ // }
+ on_click();
+ set_check_visible(true);
+ // timer_ref.current = setTimeout(() => {
+ // set_check_visible(false);
+ // clearTimeout(timer_ref.current!);
+ // }, 1000);
+ }}
+ >
+ {check_visible ?
+ );
+};
+
+export default CopyAndCheckIcon;
diff --git a/src/components/DriveCard/index.tsx b/src/components/DriveCard/index.tsx
new file mode 100644
index 0000000..013a086
--- /dev/null
+++ b/src/components/DriveCard/index.tsx
@@ -0,0 +1,185 @@
+/**
+ * @file 云盘卡片，包含对云盘的业务逻辑
+ */
+import { onMount } from "solid-js";
+// import { useEffect, useRef } from "react";
+// import { RefreshCw } from "lucide-react";
+// import { useRouter } from "next/router";
+
+import { Drive } from "@/domains/drive";
+import {
+ AliyunDriveItem,
+ set_drive_root_file_id,
+} from "@/domains/drive/services";
+// import { useToast } from "@/hooks/use-toast";
+import LazyImage from "@/components/LazyImage";
+import { Button } from "@/components/ui/button";
+// import Modal from "@/components/Modal";
+import { Input } from "@/components/ui/input";
+import FolderMenu from "@/components/FolderMenu";
+import { ContextMenuCore } from "@/domains/ui/context-menu";
+import { MoreHorizontalIcon } from "@/components/icons/more-horizontal";
+import { LoaderIcon } from "@/components/icons/loader";
+
+const DriveCard = (props: AliyunDriveItem) => {
+ const { id, user_name, avatar, total_size, used_size } = props;
+ // const { toast } = useToast();
+
+ // const drive_ref = useRef(new Drive({ id }));
+ const drive = new Drive({ id });
+ const contextMenu = new ContextMenuCore([
+ {
+ label: "详情",
+ on_click: () => {
+ // router.push(`/admin/drive/${id}`);
+ },
+ },
+ {
+ label: "导出",
+ on_click() {
+ drive.export();
+ },
+ },
+ {
+ label: "刷新",
+ on_click() {
+ drive.refresh();
+ },
+ },
+ {
+ label: "修改 refresh_token",
+ on_click() {
+ // drive.update_refresh_token(),
+ },
+ },
+ {
+ label: "查看重复影片",
+ on_click() {
+ // router.push(`/admin/drive/duplicate/${id}`);
+ },
+ },
+ ]);
+
+ console.log("");
+
+ onMount(() => {
+ drive.onError((error) => {
+ // toast({
+ // title: error.message,
+ // });
+ });
+ drive.onTip((msg) => {
+ // toast({
+ // title: msg,
+ // });
+ });
+ drive.onCompleted((data) => {
+ // toast({
+ // title: "刮削完成",
+ // description: `${data.desc} 完成`,
+ // });
+ });
+ });
+
+ return (
+ ✅
: ❎
}
+
+
+ );
+};
+
+export default DriveCard;
diff --git a/src/components/DriveDropdown/index.tsx b/src/components/DriveDropdown/index.tsx
new file mode 100644
index 0000000..ba19ba1
--- /dev/null
+++ b/src/components/DriveDropdown/index.tsx
@@ -0,0 +1,34 @@
+import { Button } from "@/components/ui/button";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuGroup,
+ DropdownMenuItem,
+ DropdownMenuLabel,
+ DropdownMenuPortal,
+ DropdownMenuSeparator,
+ DropdownMenuShortcut,
+ DropdownMenuSub,
+ DropdownMenuSubContent,
+ DropdownMenuSubTrigger,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+const DriveDropdown = (props: { children: React.ReactNode }) => {
+ const { children } = props;
+ return (
+ {
+ const { x, y } = event;
+ contextMenu.show({ x, y });
+ }}
+ >
+
+
+
+
+
+
+
+
+
+ {user_name}
+
+
+ + {used_size}/{total_size} +
+ {
+ event.stopPropagation();
+ drive.refresh();
+ }}
+ >
+ {/*
+
+
+ {/* {
+ event.stopPropagation();
+ }}
+ >
+ 设置索引文件夹
+
+ }
+ on_ok={() => {
+ return drive.submit_root_folder();
+ }}
+ >
+ {
+ drive.set_root_folder_id(event.target.value);
+ }}
+ />
+ */}
+ {/* {
+ event.stopPropagation();
+ }}
+ >
+ 修改token
+
+ }
+ on_ok={() => {
+ return drive.submit_refresh_token();
+ }}
+ >
+ {
+ drive.set_refresh_token(event.target.value);
+ }}
+ />
+ */}
+
+
+ {
+ if (cur_ref.current === null) {
+ return;
+ }
+ if (!cur_ref.current.next_marker) {
+ return;
+ }
+ const r = await cur_ref.current.load_more();
+ if (r.error) {
+ toast({
+ title: "Error",
+ description: r.error.message,
+ });
+ return;
+ }
+ set_files(cur_ref.current.files);
+ }}
+ >
+
+
+ );
+};
+
+export default DriveFolders;
diff --git a/src/components/EmptyPageContainer/index.tsx b/src/components/EmptyPageContainer/index.tsx
new file mode 100644
index 0000000..ad1d8e6
--- /dev/null
+++ b/src/components/EmptyPageContainer/index.tsx
@@ -0,0 +1,72 @@
+/**
+ * @file 页面容器，负责页面切换动画、下拉刷新、滚动监听等
+ */
+// import React, { useEffect, useRef, useState } from "react";
+// import cx from "classnames";
+
+// import { cn } from "@/utils";
+// import { Page } from "@/domains/router";
+import { JSX } from "solid-js";
+import { children, createMemo, createSignal, onMount } from "solid-js";
+
+import { PageCore } from "@/domains/router/something";
+// import { classList } from "solid-js/web";
+// import { useInitialize } from "@/hooks";
+// import { useTheme } from "@/components/Theme";
+
+// interface IProps {
+// className?: string;
+// style?: React.CSSProperties;
+// children: React.ReactElement;
+// page: Page;
+// index: number;
+// }
+export const EmptyPageContainer = (props: {
+ page: PageCore;
+ index: number;
+ children: JSX.Element;
+}) => {
+ const { page } = props;
+
+ const c = children(() => props.children);
+
+ // let $wrap;
+ // let $page;
+ // let $content;
+ // const wrapRef = useRef
+ {
+ set_keyword(event.target.value);
+ }}
+ />
+
+
+
+ {paths.map((p, index) => {
+ const { file_id, name } = p;
+ return (
+
+ {/*
+
+ );
+ })}
+ {
+ if (cur_ref.current === null) {
+ return;
+ }
+ const r = await cur_ref.current.fetch(file_id, name);
+ if (r.error) {
+ toast({
+ title: "Error",
+ description: r.error.message,
+ });
+ return;
+ }
+ set_files(cur_ref.current.files);
+ set_paths(cur_ref.current.paths);
+ }}
+ >
+ {name}
+
+ {index === paths.length - 1 ? null : (
+ /
+ )}
+
+ {(() => {
+ if (paths.length === 0) {
+ return null;
+ }
+ const last = paths[paths.length - 1];
+ return (
+
*/}
+ {
+ if (cur_ref.current === null) {
+ return;
+ }
+ await walk_aliyun_folder({
+ drive_id: cur_ref.current.id,
+ file_id: last.file_id,
+ name: last.name,
+ });
+ toast({
+ title: "Success",
+ description: "mock 数据生成成功",
+ });
+ }}
+ >
+ {last.file_id}
+
+ );
+ })()}
+
+ {files.map((file) => {
+ const { file_id, name, type } = file;
+ return (
+
+ {
+ if (cur_ref.current === null) {
+ return;
+ }
+ if (type !== "folder") {
+ return;
+ }
+ await cur_ref.current.fetch(file_id, name);
+ set_files(cur_ref.current.files);
+ set_paths(cur_ref.current.paths);
+ }}
+ >
+
+ );
+ })}
+ {
+ const { label, on_click } = opt;
+ return {
+ label,
+ on_click() {
+ if (cur_folder_ref.current) {
+ if (on_click) {
+ on_click(cur_folder_ref.current);
+ }
+ return;
+ }
+ if (on_click) {
+ on_click();
+ }
+ },
+ };
+ })}
+ >
+ {
+ cur_folder_ref.current = file;
+ }}
+ />
+
+ {c()}
;
+};
diff --git a/src/components/FolderCard/index.tsx b/src/components/FolderCard/index.tsx
new file mode 100644
index 0000000..be47050
--- /dev/null
+++ b/src/components/FolderCard/index.tsx
@@ -0,0 +1,38 @@
+/**
+ * @file 文件夹卡片 组件
+ */
+import LazyImage from "@/components/LazyImage";
+
+const FolderCard = (props: {
+ type: string;
+ name: string;
+ thumbnail?: string;
+}) => {
+ const { type, name, thumbnail, ...rest } = props;
+ return (
+
+
+ );
+};
+
+export default FolderCard;
diff --git a/src/components/FolderMenu/index.tsx b/src/components/FolderMenu/index.tsx
new file mode 100644
index 0000000..bd6a6c0
--- /dev/null
+++ b/src/components/FolderMenu/index.tsx
@@ -0,0 +1,103 @@
+"use client";
+
+import {
+ Cloud,
+ CreditCard,
+ Github,
+ Keyboard,
+ LifeBuoy,
+ LogOut,
+ Mail,
+ MessageSquare,
+ Plus,
+ PlusCircle,
+ Settings,
+ User,
+ UserPlus,
+ Users,
+} from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+ ContextMenu,
+ ContextMenuCheckboxItem,
+ ContextMenuContent,
+ ContextMenuGroup,
+ ContextMenuItem,
+ ContextMenuLabel,
+ ContextMenuPortal,
+ ContextMenuRadioGroup,
+ ContextMenuRadioItem,
+ ContextMenuSeparator,
+ ContextMenuShortcut,
+ ContextMenuSub,
+ ContextMenuSubContent,
+ ContextMenuSubTrigger,
+ ContextMenuTrigger,
+} from "@/components/ui/context-menu";
+
+export type MenuOpt = {
+ label: string;
+ children?: {
+ label: string;
+ on_click?: (value?: unknown) => void;
+ }[];
+ on_click?: (value?: unknown) => void;
+};
+const FolderMenu = (props: {
+ options: MenuOpt[];
+ children: React.ReactNode;
+}) => {
+ const { options, children } = props;
+ return (
+
+ {
+ if (type === "folder") {
+ return "https://img.alicdn.com/imgextra/i1/O1CN01rGJZac1Zn37NL70IT_!!6000000003238-2-tps-230-180.png";
+ }
+ if (thumbnail) {
+ return thumbnail;
+ }
+ return "https://img.alicdn.com/imgextra/i2/O1CN01ROG7du1aV18hZukHC_!!6000000003334-2-tps-140-140.png";
+ })()}
+ />
+
+
+ {name}
+
+
+ {(() => {
+ if (visible()) {
+ return (
+ 
{
+ set_visible(false);
+ }}
+ />
+ );
+ }
+ return ;
+ })()}
+
+ );
+};
+
+export default LazyImage;
diff --git a/src/components/Page/index.tsx b/src/components/Page/index.tsx
new file mode 100644
index 0000000..e28f3e6
--- /dev/null
+++ b/src/components/Page/index.tsx
@@ -0,0 +1,144 @@
+/**
+ * @file 页面容器，负责页面切换动画、下拉刷新、滚动监听等
+ */
+// import React, { useEffect, useRef, useState } from "react";
+// import cx from "classnames";
+
+// import { cn } from "@/utils";
+// import { Page } from "@/domains/router";
+import { JSX } from "solid-js";
+import { children, createMemo, createSignal, onMount } from "solid-js";
+
+import { PageCore } from "@/domains/router/something";
+import { ViewCore } from "@/domains/router";
+// import { classList } from "solid-js/web";
+// import { useInitialize } from "@/hooks";
+// import { useTheme } from "@/components/Theme";
+
+// interface IProps {
+// className?: string;
+// style?: React.CSSProperties;
+// children: React.ReactElement;
+// page: Page;
+// index: number;
+// }
+export const Window = (props: {
+ className: string;
+ style: string | JSX.CSSProperties;
+ page: PageCore;
+ // view: ViewCore;
+ index: number;
+ children: JSX.Element;
+}) => {
+ const { className, style, page } = props;
+
+ const c = children(() => props.children);
+
+ let $wrap;
+ let $page;
+ let $content;
+ // const wrapRef = useRef
+
+ );
+};
diff --git a/src/components/ScrollView/index.tsx b/src/components/ScrollView/index.tsx
new file mode 100644
index 0000000..9f871fa
--- /dev/null
+++ b/src/components/ScrollView/index.tsx
@@ -0,0 +1,75 @@
+/**
+ * @file 加载更多容器
+ */
+// import { useEffect, useRef } from "react";
+// import cx from "classnames";
+import debounce from "lodash/fp/debounce";
+import { Response } from "@list-helper/core/typing";
+import { children, onMount } from "solid-js";
+
+// interface IProps extends Omit
+
+
+ {(() => {
+ if (s() === "pulling") {
+ return "下拉刷新";
+ }
+ if (s() === "releasing") {
+ return "松手刷新";
+ }
+ if (s() === "refreshing") {
+ return "正在刷新";
+ }
+ return null;
+ })()}
+
+
+ {c()}
+
+
+ {c()}
+
+ );
+};
+
+export default ScrollView;
diff --git a/src/components/SingleModal/index.tsx b/src/components/SingleModal/index.tsx
new file mode 100644
index 0000000..fbf8c23
--- /dev/null
+++ b/src/components/SingleModal/index.tsx
@@ -0,0 +1,69 @@
+/**
+ * @file 带有 Footer 的 Modal 组件
+ */
+import { JSX } from "solid-js";
+import { createSignal } from "solid-js";
+
+import {
+ Dialog,
+ DialogTitle,
+ DialogContent,
+ DialogHeader,
+ // DialogTrigger,
+ DialogFooter,
+ DialogOverlay,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Result } from "@/types";
+import { DialogCore } from "@/domains/ui/dialog";
+
+const Modal = (props: {
+ core: DialogCore;
+ title: string;
+ children: JSX.Element;
+ footer?: JSX.Element;
+}) => {
+ const { core, title, children, footer } = props;
+
+ return (
+
+ );
+};
+
+export default Modal;
diff --git a/src/components/SpeechRecognition/index.tsx b/src/components/SpeechRecognition/index.tsx
new file mode 100644
index 0000000..5ce4e2e
--- /dev/null
+++ b/src/components/SpeechRecognition/index.tsx
@@ -0,0 +1,44 @@
+import React, { useState, useEffect, useCallback, useRef } from "react";
+
+const LongPressInput = () => {
+ const [is_recording, set_is_recording] = useState(false);
+ const long_press_ref = useRef(false);
+ const timer_ref = useRef
+ {(() => {
+ if (error) {
+ return (
+
+ {error.message}
+ );
+ }
+ if (dataSource && dataSource.length === 0 && noMore && !loading) {
+ return 结果为空
;
+ }
+ if (loading) {
+ return 加载中...
;
+ }
+ return 没有更多了~
;
+ })()}
+
+
+ );
+};
+
+export default LongPressInput;
diff --git a/src/components/TMDBSearcher/dialog.tsx b/src/components/TMDBSearcher/dialog.tsx
new file mode 100644
index 0000000..140b7b3
--- /dev/null
+++ b/src/components/TMDBSearcher/dialog.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import {
+ Dialog,
+ DialogContent,
+ DialogHeader,
+ DialogTitle,
+} from "@/components/ui/dialog";
+import { MatchedTVOfTMDB } from "@/services";
+import { Result } from "@/types";
+
+import TMDBSearcher from ".";
+
+export function TMDBSearcherDialog(props: {
+ title?: string;
+ default_value?: string;
+ visible: boolean;
+ on_submit: (tv: MatchedTVOfTMDB) => Promise
+ {is_recording ? "Recording..." : "Press and Hold to Speak"}
+
+
+
+ {dataSource.map((r) => {
+ const {
+ id,
+ name,
+ original_name,
+ overview,
+ poster_path,
+ first_air_date,
+ } = r;
+ return (
+
+
+ );
+};
+
+export default TMDBSearcher;
diff --git a/src/components/TVForm/dialog.tsx b/src/components/TVForm/dialog.tsx
new file mode 100644
index 0000000..d5d2971
--- /dev/null
+++ b/src/components/TVForm/dialog.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import {
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { MatchedTVOfTMDB } from "@/services";
+import { Result } from "@/types";
+
+import TVForm from ".";
+
+export function TVFormDialog(props: {
+ title?: string;
+ visible?: boolean;
+ trigger?: React.ReactNode;
+ on_submit?: (tv: MatchedTVOfTMDB) => Promise
+
+
+
+ {
+ set_values((prev) => {
+ return {
+ ...prev,
+ name: event.target.value,
+ };
+ });
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ })}
+
+
+ {name || original_name}
+ {overview}
+ {first_air_date}
+
+
+
+
+
+
+
+ {
+ set_values((prev) => {
+ return {
+ ...prev,
+ name: event.target.value,
+ };
+ });
+ }}
+ />
+
+
+
+