@huyooo/file-explorer-frontend-react 0.4.18 → 0.4.21

package/src/index.css

@@ -1,184 +0,0 @@
-/**
- * File Explorer Frontend (React) - 全局主题 token
- *
- * 主题协议（跨项目统一）：
- * - 使用 document.documentElement 的 data-theme = light | dark
- * - 默认跟随系统 prefers-color-scheme
- *
- * 说明：
- * - React 组件样式尽量使用 var(--huyooo-*)，避免硬编码颜色
- */
-
-:root {
-  color-scheme: light;
-
-  /* 对齐 ai-chat（light）：暖白底 + 中性灰 + 统一蓝主色 */
-  --huyooo-bg: #f7f7f4;
-  --huyooo-surface: #f2f1ed;
-  --huyooo-surface-2: #f0efeb;
-  --huyooo-muted: #ebeae5;
-  --huyooo-muted-hover: #e6e5e0;
-  --huyooo-border: #26251e1a;
-  --huyooo-text: #26251eeb;
-  --huyooo-text-muted: #26251e99;
-  --huyooo-text-disabled: #26251e66;
-  --huyooo-primary: #54a9ff;
-  --huyooo-focus-ring: rgba(84, 169, 255, 0.18);
-  --huyooo-shadow-sm: 0 1px 2px 0 rgba(38, 37, 30, 0.08);
-  --huyooo-scrollbar: rgba(38, 37, 30, 0.2);
-  --huyooo-scrollbar-hover: rgba(38, 37, 30, 0.3);
-  --huyooo-danger: #cf2d56;
-  --huyooo-success: #1f8a65;
-  --huyooo-warning: rgb(245, 158, 11);
-  --huyooo-danger-bg: rgba(207, 45, 86, 0.1);
-  --huyooo-danger-border: rgba(207, 45, 86, 0.22);
-  --huyooo-success-bg: rgba(31, 138, 101, 0.1);
-  --huyooo-success-border: rgba(31, 138, 101, 0.22);
-  --huyooo-warning-bg: rgba(255, 251, 235, 0.92);
-  --huyooo-warning-border: rgba(253, 230, 138, 0.9);
-  --huyooo-overlay: rgba(0, 0, 0, 0.5);
-  --huyooo-panel-bg: #f2f1ed;
-  --huyooo-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  --huyooo-code-bg: #f2f1ed;
-  --huyooo-code-text: #26251eeb;
-  --huyooo-menu-bg: #f2f1ed;
-  --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
-
-  /* macOS window control colors (for Window 组件) */
-  --huyooo-window-close-bg: rgb(255, 95, 87);
-  --huyooo-window-close-border: rgb(224, 68, 62);
-  --huyooo-window-minimize-bg: rgb(254, 188, 46);
-  --huyooo-window-minimize-border: rgb(216, 158, 36);
-  --huyooo-window-maximize-bg: rgb(40, 200, 64);
-  --huyooo-window-maximize-border: rgb(26, 171, 41);
-  --huyooo-window-control-icon: rgba(0, 0, 0, 0.5);
-
-  /* media overlay helpers (used in FileGrid video thumbnail) */
-  --huyooo-overlay-strong: rgba(0, 0, 0, 0.85);
-
-  /* on-primary text colors (selected state etc.) */
-  --huyooo-on-primary: #ffffff;
-  --huyooo-on-primary-muted: rgba(255, 255, 255, 0.8);
-
-  /* filetype colors (FileInfoDialog / FileIcon) */
-  /* 对齐 ai-chat：文件夹/目录用主色 */
-  --huyooo-filetype-folder: var(--huyooo-primary);
-  --huyooo-filetype-image: #7ec699;
-  --huyooo-filetype-video: #c678dd;
-  --huyooo-filetype-music: #e06c75;
-  --huyooo-filetype-document: #61afef;
-  --huyooo-filetype-code: #98c379;
-  --huyooo-filetype-archive: #d19a66;
-  --huyooo-filetype-file: #abb2bf;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    color-scheme: dark;
-
-    /* 对齐 ai-chat（dark）：深灰底 + 统一蓝主色 */
-    --huyooo-bg: #1e1e1e;
-    --huyooo-surface: #1e1e1e;
-    --huyooo-surface-2: #252526;
-    --huyooo-muted: #2d2d2d;
-    --huyooo-muted-hover: #3c3c3c;
-    --huyooo-border: #333;
-    --huyooo-text: #ccc;
-    --huyooo-text-muted: #888;
-    --huyooo-text-disabled: #666;
-    --huyooo-primary: #54a9ff;
-    --huyooo-focus-ring: rgba(84, 169, 255, 0.22);
-    --huyooo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
-    --huyooo-scrollbar: rgba(255, 255, 255, 0.2);
-    --huyooo-scrollbar-hover: rgba(255, 255, 255, 0.3);
-    --huyooo-danger: #cf2d56;
-    --huyooo-success: #1f8a65;
-    --huyooo-warning: #f59e0b;
-    --huyooo-danger-bg: rgba(207, 45, 86, 0.14);
-    --huyooo-danger-border: rgba(207, 45, 86, 0.28);
-    --huyooo-success-bg: rgba(31, 138, 101, 0.14);
-    --huyooo-success-border: rgba(31, 138, 101, 0.28);
-    --huyooo-warning-bg: rgba(245, 158, 11, 0.12);
-    --huyooo-warning-border: rgba(245, 158, 11, 0.25);
-    --huyooo-overlay: rgba(0, 0, 0, 0.6);
-    --huyooo-panel-bg: #252526;
-    --huyooo-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
-    --huyooo-code-bg: #1f2937;
-    --huyooo-code-text: #e5e7eb;
-    --huyooo-menu-bg: #252526;
-    --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.45), 0 4px 6px -2px rgba(0, 0, 0, 0.35);
-  }
-}
-
-:root[data-theme="light"] {
-  color-scheme: light;
-  /* 显式 light 必须覆盖 prefers-color-scheme: dark 的变量 */
-  --huyooo-bg: #f7f7f4;
-  --huyooo-surface: #f2f1ed;
-  --huyooo-surface-2: #f0efeb;
-  --huyooo-muted: #ebeae5;
-  --huyooo-muted-hover: #e6e5e0;
-  --huyooo-border: #26251e1a;
-  --huyooo-text: #26251eeb;
-  --huyooo-text-muted: #26251e99;
-  --huyooo-text-disabled: #26251e66;
-  --huyooo-primary: #54a9ff;
-  --huyooo-focus-ring: rgba(84, 169, 255, 0.18);
-  --huyooo-shadow-sm: 0 1px 2px 0 rgba(38, 37, 30, 0.08);
-  --huyooo-scrollbar: rgba(38, 37, 30, 0.2);
-  --huyooo-scrollbar-hover: rgba(38, 37, 30, 0.3);
-  --huyooo-danger: #cf2d56;
-  --huyooo-success: #1f8a65;
-  --huyooo-warning: rgb(245, 158, 11);
-  --huyooo-danger-bg: rgba(207, 45, 86, 0.1);
-  --huyooo-danger-border: rgba(207, 45, 86, 0.22);
-  --huyooo-success-bg: rgba(31, 138, 101, 0.1);
-  --huyooo-success-border: rgba(31, 138, 101, 0.22);
-  --huyooo-warning-bg: rgba(255, 251, 235, 0.92);
-  --huyooo-warning-border: rgba(253, 230, 138, 0.9);
-  --huyooo-overlay: rgba(0, 0, 0, 0.5);
-  --huyooo-panel-bg: #f2f1ed;
-  --huyooo-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  --huyooo-code-bg: #f2f1ed;
-  --huyooo-code-text: #26251eeb;
-  --huyooo-menu-bg: #f2f1ed;
-  --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
-  --huyooo-filetype-folder: var(--huyooo-primary);
-}
-
-:root[data-theme="dark"] {
-  color-scheme: dark;
-
-  /* 显式 dark 必须覆盖 light 的变量 */
-  --huyooo-bg: #1e1e1e;
-  --huyooo-surface: #1e1e1e;
-  --huyooo-surface-2: #252526;
-  --huyooo-muted: #2d2d2d;
-  --huyooo-muted-hover: #3c3c3c;
-  --huyooo-border: #333;
-  --huyooo-text: #ccc;
-  --huyooo-text-muted: #888;
-  --huyooo-text-disabled: #666;
-  --huyooo-primary: #54a9ff;
-  --huyooo-focus-ring: rgba(84, 169, 255, 0.22);
-  --huyooo-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
-  --huyooo-scrollbar: rgba(255, 255, 255, 0.2);
-  --huyooo-scrollbar-hover: rgba(255, 255, 255, 0.3);
-  --huyooo-danger: #cf2d56;
-  --huyooo-success: #1f8a65;
-  --huyooo-warning: #f59e0b;
-  --huyooo-danger-bg: rgba(207, 45, 86, 0.14);
-  --huyooo-danger-border: rgba(207, 45, 86, 0.28);
-  --huyooo-success-bg: rgba(31, 138, 101, 0.14);
-  --huyooo-success-border: rgba(31, 138, 101, 0.28);
-  --huyooo-warning-bg: rgba(245, 158, 11, 0.12);
-  --huyooo-warning-border: rgba(245, 158, 11, 0.25);
-  --huyooo-overlay: rgba(0, 0, 0, 0.6);
-  --huyooo-panel-bg: #252526;
-  --huyooo-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
-  --huyooo-code-bg: #1f2937;
-  --huyooo-code-text: #e5e7eb;
-  --huyooo-menu-bg: #252526;
-  --huyooo-menu-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.45), 0 4px 6px -2px rgba(0, 0, 0, 0.35);
-  --huyooo-filetype-folder: var(--huyooo-primary);
-}

package/src/index.ts

@@ -1,37 +0,0 @@
-// 主题 token（全局 CSS 变量）
-import './index.css';
-
-// Types
-export * from './types';
-
-// Core Components
-export { FileListView, type FileListViewHandle } from './components/FileListView';
-export { FileSidebar } from './components/FileSidebar';
-export { Toolbar } from './components/Toolbar';
-export { Breadcrumb } from './components/Breadcrumb';
-export { StatusBar } from './components/StatusBar';
-
-// Base Components
-export { FileIcon } from './components/FileIcon';
-export { FileGrid } from './components/FileGrid';
-export { FileList } from './components/FileList';
-export { ContextMenu } from './components/ContextMenu';
-export { SortIndicator } from './components/SortIndicator';
-
-// Window Component
-export { Window } from './components/Window';
-
-// Dialog Components
-export { CompressDialog } from './components/CompressDialog';
-export type { CompressOptions, CompressFormat, CompressLevel } from './types';
-export { ProgressDialog, type ProgressInfo, type ProgressStatus } from './components/ProgressDialog';
-export { FileInfoDialog, type FileInfoDialogProps } from './components/FileInfoDialog';
-
-// Hooks
-export { useSelection } from './hooks/useSelection';
-export { useDragAndDrop } from './hooks/useDragAndDrop';
-export { useMediaPlayer } from './hooks/useMediaPlayer';
-export { useWindowDrag } from './hooks/useWindowDrag';
-export { useWindowResize } from './hooks/useWindowResize';
-export { useApplicationIcon } from './hooks/useApplicationIcon';
-

package/src/types/index.ts

@@ -1,274 +0,0 @@
-/**
- * 文件类型（使用 const object 而非 enum，更好的 tree-shaking）
- */
-export const FileType = {
-  FOLDER: 'folder',
-  FILE: 'file',
-  IMAGE: 'image',
-  VIDEO: 'video',
-  MUSIC: 'music',
-  DOCUMENT: 'document',
-  CODE: 'code',
-  TEXT: 'text',
-  PDF: 'pdf',
-  ARCHIVE: 'archive',
-  APPLICATION: 'application',
-  UNKNOWN: 'unknown'
-} as const;
-
-export type FileType = typeof FileType[keyof typeof FileType];
-
-/**
- * 文件系统项
- */
-export interface FileItem {
-  /** 唯一标识（通常是完整路径） */
-  id: string;
-  name: string;
-  type: FileType;
-  size?: string;
-  dateModified?: string;
-  url?: string;
-  thumbnailUrl?: string;
-  children?: FileItem[];
-}
-
-/**
- * 视图模式
- */
-export type ViewMode = 'grid' | 'list' | 'columns';
-
-/**
- * 排序配置
- */
-export interface SortConfig {
-  field: 'name' | 'dateModified' | 'size' | 'type';
-  direction: 'asc' | 'desc';
-}
-
-/**
- * 侧边栏项目
- */
-export interface SidebarItem {
-  id: string;
-  label: string;
-  icon?: string;
-  path?: string;
-  children?: SidebarItem[];
-}
-
-/**
- * 面包屑项
- */
-export interface BreadcrumbItem {
-  id: string;
-  name: string;
-}
-
-/**
- * 操作结果
- */
-export interface OperationResult<T = void> {
-  success: boolean;
-  data?: T;
-  error?: string;
-}
-
-/** 压缩格式 */
-export type CompressFormat = 'zip' | 'tar' | 'tgz' | 'tarbz2';
-
-/** 压缩级别 */
-export type CompressLevel = 'fast' | 'normal' | 'best';
-
-/** 压缩选项 */
-export interface CompressOptions {
-  format: CompressFormat;
-  level?: CompressLevel;
-  outputName: string;
-  outputDir: string;
-  deleteSource?: boolean;
-}
-
-/** 解压选项 */
-export interface ExtractOptions {
-  targetDir: string;
-  deleteArchive?: boolean;
-}
-
-/** 压缩进度 */
-export interface CompressProgress {
-  currentFile: string;
-  processedCount: number;
-  totalCount: number;
-  percent: number;
-}
-
-/** 压缩结果 */
-export interface CompressResult {
-  success: boolean;
-  outputPath?: string;
-  error?: string;
-}
-
-/** 进度状态 */
-export type ProgressStatus = 'pending' | 'processing' | 'success' | 'error';
-
-/** 进度信息（UI 使用） */
-export interface ProgressInfo {
-  type: 'compress' | 'extract';
-  status: ProgressStatus;
-  percent: number;
-  currentFile?: string;
-  processedCount?: number;
-  totalCount?: number;
-  error?: string;
-  outputPath?: string;
-}
-
-/**
- * 文件操作适配器接口
- */
-export interface FileExplorerAdapter {
-  /** 读取目录 */
-  readDirectory(dirPath: string): Promise<FileItem[]>;
-  /** 读取系统路径目录 */
-  readSystemPath(pathId: string): Promise<FileItem[]>;
-  /** 获取系统路径 */
-  getSystemPath(pathId: string): Promise<string | null>;
-  /** 读取文件内容 */
-  readFileContent(filePath: string): Promise<string>;
-  /** 写入文件内容 */
-  writeFileContent(filePath: string, content: string): Promise<OperationResult>;
-  /** 创建文件夹 */
-  createFolder(parentDir: string, folderName: string): Promise<OperationResult<{ finalPath: string }>>;
-  /** 创建文件 */
-  createFile(parentDir: string, fileName: string, content?: string): Promise<OperationResult<{ finalPath: string }>>;
-  /** 删除文件 */
-  deleteFiles(paths: string[]): Promise<OperationResult>;
-  /** 重命名文件 */
-  renameFile(oldPath: string, newPath: string): Promise<OperationResult>;
-  /** 复制文件 */
-  copyFiles(sourcePaths: string[], targetDir: string): Promise<OperationResult<{ copiedPaths: string[] }>>;
-  /** 移动文件 */
-  moveFiles(sourcePaths: string[], targetDir: string): Promise<OperationResult<{ movedPaths: string[] }>>;
-  /** 使用系统默认应用打开 */
-  openPath(filePath: string): Promise<OperationResult>;
-  /** 复制文件到剪贴板 */
-  copyFilesToClipboard(filePaths: string[]): Promise<OperationResult>;
-  /** 获取剪贴板文件 */
-  getClipboardFiles(): Promise<OperationResult<{ files: string[] }>>;
-  /** 粘贴文件 */
-  pasteFiles(targetDir: string, sourcePaths: string[]): Promise<OperationResult<{ pastedPaths: string[] }>>;
-  /** 流式搜索文件 */
-  searchFilesStream(searchPath: string, pattern: string, searchId: string): Promise<OperationResult>;
-  /** 监听搜索结果 */
-  onSearchResults(callback: (data: { searchId: string; items: FileItem[]; done: boolean }) => void): () => void;
-  /** 压缩文件 */
-  compressFiles(sources: string[], options: CompressOptions): Promise<CompressResult>;
-  /** 解压文件 */
-  extractArchive(archivePath: string, options: ExtractOptions): Promise<CompressResult>;
-  /** 判断是否为压缩文件 */
-  isArchiveFile(filePath: string): Promise<boolean>;
-  /** 监听压缩进度 */
-  onCompressProgress(callback: (data: CompressProgress) => void): () => void;
-  /** 监听解压进度 */
-  onExtractProgress(callback: (data: CompressProgress) => void): () => void;
-  /** 监听目录变化 */
-  watchDirectory(dirPath: string, watchId: string): Promise<OperationResult>;
-  /** 停止监听目录 */
-  unwatchDirectory(watchId: string): Promise<OperationResult>;
-  /** 监听文件变化事件 */
-  onWatchEvent(callback: (data: { watchId: string; event: WatchEvent }) => void): () => void;
-  /** 显示文件/文件夹的系统属性窗口 */
-  showFileInfo(filePath: string): Promise<OperationResult>;
-  /** 在终端中打开目录 */
-  openInTerminal(dirPath: string): Promise<OperationResult>;
-  /** 通过 Cursor 打开 */
-  openInEditor(targetPath: string): Promise<OperationResult>;
-  /** 在新窗口中打开文件夹（使用系统文件管理器） */
-  openInNewWindow(folderPath: string): Promise<OperationResult>;
-  /** 请求窗口聚焦（用于右键打开菜单前激活窗口） */
-  requestWindowFocus(): void;
-  
-  // ===== 媒体服务 =====
-  
-  /** 检测媒体文件是否需要转码 */
-  mediaNeedsTranscode?(filePath: string): Promise<OperationResult<TranscodeInfo>>;
-  /** 获取可播放的媒体 URL（自动转码） */
-  mediaGetPlayableUrl?(filePath: string): Promise<{ success: boolean; url?: string; error?: string }>;
-  /** 获取媒体元数据 */
-  mediaGetMetadata?(filePath: string): Promise<OperationResult<MediaMetadata>>;
-  /** 监听转码进度 */
-  onMediaTranscodeProgress?(callback: (data: { filePath: string; progress: MediaTranscodeProgress }) => void): () => void;
-  /** 清理指定文件的转码缓存 */
-  mediaCleanupFile?(filePath: string): Promise<OperationResult>;
-  
-  // ===== 媒体预览窗口 =====
-  
-  /** 打开媒体预览窗口（原生窗口） */
-  openMediaPreviewWindow?(filePath: string, mediaType: 'image' | 'video' | 'audio'): Promise<OperationResult>;
-  /** 关闭媒体预览窗口 */
-  closeMediaPreviewWindow?(filePath: string): Promise<OperationResult>;
-}
-
-/** 文件变化事件类型 */
-export type WatchEventType = 'add' | 'change' | 'remove' | 'rename';
-
-/** 文件变化事件 */
-export interface WatchEvent {
-  type: WatchEventType;
-  path: string;
-  filename: string;
-}
-
-// ===== 媒体服务类型 =====
-
-/** 媒体转码方式 */
-export type TranscodeMethod = 'direct' | 'remux' | 'transcode';
-
-/** 媒体转码状态 */
-export type TranscodeStatus = 'idle' | 'checking' | 'transcoding' | 'ready' | 'error';
-
-/** 媒体转码信息 */
-export interface TranscodeInfo {
-  type: 'video' | 'audio';
-  needsTranscode: boolean;
-  method: TranscodeMethod;
-  estimatedTime?: number;
-  targetFormat?: string;
-}
-
-/** 媒体转码进度 */
-export interface MediaTranscodeProgress {
-  percent: number;
-  time?: number;
-  duration?: number;
-  speed?: string;
-}
-
-/** 媒体元数据 */
-export interface MediaMetadata {
-  filePath: string;
-  type: 'video' | 'audio';
-  duration: number;
-  title?: string;
-  artist?: string;
-  album?: string;
-}
-
-/**
- * 右键菜单项
- */
-export interface ContextMenuItem {
-  id: string;
-  label: string;
-  icon?: string;
-  shortcut?: string;
-  disabled?: boolean;
-  separator?: boolean;
-  danger?: boolean; // 危险操作标记（如删除）
-  checked?: boolean; // 勾选状态（显示在右侧）
-  action?: () => void;
-  children?: ContextMenuItem[];
-}
-