@spacecorexdev/core 0.0.2 → 0.0.5

package/src/ui/FileManager/hooks/useFileManagerState.ts

@@ -0,0 +1,419 @@
+import { useState, useCallback, useEffect } from 'react';
+import { ProjectFile, FileSortBy } from '../types';
+
+type ViewMode = 'table' | 'grid';
+type CreatingFileType = 'pptx' | 'md' | 'xlsx' | 'docx' | 'rdoc' | null;
+type SortOrder = 'asc' | 'desc';
+
+/** 文件排序偏好（grid/table 共用）缓存键 */
+const SORT_CACHE_KEY = 'file-manager-sort';
+
+interface SortCache {
+  sortBy: FileSortBy;
+  sortOrder: SortOrder;
+}
+
+const isFileSortBy = (value: unknown): value is FileSortBy =>
+  value === 'fileName' || value === 'fileType' || value === 'fileSize' || value === 'uploadTime';
+
+/** 读取本地排序偏好，无效或异常时返回 null */
+const readSortCache = (): SortCache | null => {
+  try {
+    const raw = localStorage.getItem(SORT_CACHE_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw) as Partial<SortCache> | null;
+    if (parsed && isFileSortBy(parsed.sortBy) && (parsed.sortOrder === 'asc' || parsed.sortOrder === 'desc')) {
+      return { sortBy: parsed.sortBy, sortOrder: parsed.sortOrder };
+    }
+    return null;
+  } catch {
+    return null;
+  }
+};
+
+interface FileManagerState {
+  files: ProjectFile[];
+  fileTreeData: ProjectFile[];
+  /** 文件列表是否正在加载 */
+  loading: boolean;
+  expandedRowKeys: string[];
+  viewMode: ViewMode;
+  smallView: boolean;
+  selectedFolderId: string | null;
+  dragSourceId: string | null;
+  dragOverId: string | null;
+  rootDragOver: boolean;
+  uploadPercent: number | undefined;
+  uploadSuccess: boolean | undefined;
+  dragUploadPercent: number | undefined;
+  dragUploadSuccess: boolean | undefined;
+  dragUploadingFileName: string;
+  isExternalDragOver: boolean;
+  createFolderVisible: boolean;
+  newFolderName: string;
+  newFolderDescs: string;
+  isEncryptedFolder: boolean;
+  renameVisible: boolean;
+  renameFileName: string;
+  renameFileId: string | null;
+  descsVisible: boolean;
+  descsFileId: string | null;
+  descsValue: string;
+  editorVisible: boolean;
+  editingFile: ProjectFile | null;
+  creatorVisible: boolean;
+  creatingFileName: string;
+  creatingFileType: CreatingFileType;
+  previewUrl: string | null;
+  previewVisible: boolean;
+  previewFileName: string | null;
+  previewCrc32: number | undefined;
+  /** 当前预览中的文件（由 handlePreview 同步设置，作为 previewFile 计算的权威来源） */
+  previewingFile: ProjectFile | null;
+  contextMenuVisible: boolean;
+  contextMenuPosition: { x: number; y: number };
+  contextMenuRecord: ProjectFile | null;
+  isManager: boolean;
+  moveCopyModalVisible: boolean;
+  moveCopyMode: 'move' | 'copy';
+  moveCopyFiles: ProjectFile[];
+  versionHistoryModalVisible: boolean;
+  versionHistoryFile: ProjectFile | null;
+  shareToWechatVisible: boolean;
+  shareToWechatFile: ProjectFile | null;
+  /** 当前是否在线（网络状态） */
+  isOnline: boolean;
+  /** 当前预览/编辑的本地文件唯一标识（仅本地文件或有未同步修改时存在） */
+  previewLocalId: string | null;
+  /** 当前预览/编辑的是否为仅本地文件（从未上传） */
+  previewIsLocalOnly: boolean;
+  /** 当前预览/编辑的文件是否有未同步的本地修改 */
+  previewHasUnsyncedChanges: boolean;
+  /** 新建文件名输入对话框可见性 */
+  createFileVisible: boolean;
+  /** 新建文件名输入对话框中的文件名（含扩展名） */
+  newFileName: string;
+  /** 新建文件名对话框待创建的文件类型 */
+  pendingFileType: CreatingFileType;
+  /** 排序字段 */
+  sortBy: FileSortBy;
+  /** 排序顺序 */
+  sortOrder: 'asc' | 'desc';
+}
+
+interface FileManagerStateActions {
+  setFiles: (files: ProjectFile[]) => void;
+  setFileTreeData: (data: ProjectFile[]) => void;
+  setLoading: (loading: boolean) => void;
+  setExpandedRowKeys: (keys: string[]) => void;
+  toggleExpandKey: (key: string) => void;
+  setViewMode: (mode: ViewMode) => void;
+  setSmallView: (small: boolean) => void;
+  setSelectedFolderId: (id: string | null) => void;
+  setDragSourceId: (id: string | null) => void;
+  setDragOverId: (id: string | null) => void;
+  setRootDragOver: (over: boolean) => void;
+  setUploadPercent: (percent: number | undefined) => void;
+  setUploadSuccess: (success: boolean | undefined) => void;
+  setDragUploadPercent: (percent: number | undefined) => void;
+  setDragUploadSuccess: (success: boolean | undefined) => void;
+  setDragUploadingFileName: (name: string) => void;
+  setIsExternalDragOver: (over: boolean) => void;
+  setCreateFolderVisible: (visible: boolean) => void;
+  setNewFolderName: (name: string) => void;
+  setNewFolderDescs: (descs: string) => void;
+  setIsEncryptedFolder: (encrypted: boolean) => void;
+  setRenameVisible: (visible: boolean) => void;
+  setRenameFileName: (name: string) => void;
+  setRenameFileId: (id: string | null) => void;
+  setDescsVisible: (visible: boolean) => void;
+  setDescsFileId: (id: string | null) => void;
+  setDescsValue: (value: string) => void;
+  setEditorVisible: (visible: boolean) => void;
+  setEditingFile: (file: ProjectFile | null) => void;
+  setCreatorVisible: (visible: boolean) => void;
+  setCreatingFileName: (name: string) => void;
+  setCreatingFileType: (type: CreatingFileType) => void;
+  setPreviewUrl: (url: string | null) => void;
+  setPreviewVisible: (visible: boolean) => void;
+  setPreviewFileName: (name: string | null) => void;
+  setPreviewCrc32: (crc32: number | undefined) => void;
+  setPreviewingFile: (file: ProjectFile | null) => void;
+  setContextMenuVisible: (visible: boolean) => void;
+  setContextMenuPosition: (pos: { x: number; y: number }) => void;
+  setContextMenuRecord: (record: ProjectFile | null) => void;
+  setIsManager: (manager: boolean) => void;
+  setMoveCopyModalVisible: (visible: boolean) => void;
+  setMoveCopyMode: (mode: 'move' | 'copy') => void;
+  setMoveCopyFiles: (files: ProjectFile[]) => void;
+  setVersionHistoryModalVisible: (visible: boolean) => void;
+  setVersionHistoryFile: (file: ProjectFile | null) => void;
+  setShareToWechatVisible: (visible: boolean) => void;
+  setShareToWechatFile: (file: ProjectFile | null) => void;
+  setIsOnline: (online: boolean) => void;
+  setPreviewLocalId: (localId: string | null) => void;
+  setPreviewIsLocalOnly: (isLocalOnly: boolean) => void;
+  setPreviewHasUnsyncedChanges: (has: boolean) => void;
+  setCreateFileVisible: (visible: boolean) => void;
+  setNewFileName: (name: string) => void;
+  setPendingFileType: (type: CreatingFileType) => void;
+  setSortBy: (by: FileSortBy) => void;
+  setSortOrder: (order: 'asc' | 'desc') => void;
+  resetPreviewState: () => void;
+  resetEditorState: () => void;
+  resetCreatorState: () => void;
+  resetContextMenu: () => void;
+  resetMoveCopyState: () => void;
+  resetVersionHistoryState: () => void;
+  resetShareToWechatState: () => void;
+}
+
+export const useFileManagerState = (): [FileManagerState, FileManagerStateActions] => {
+  const [files, setFiles] = useState<ProjectFile[]>([]);
+  const [fileTreeData, setFileTreeData] = useState<ProjectFile[]>([]);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [expandedRowKeys, setExpandedRowKeys] = useState<string[]>([]);
+  const [viewMode, setViewMode] = useState<ViewMode>('table');
+  const [smallView, setSmallView] = useState(false);
+  const [selectedFolderId, setSelectedFolderId] = useState<string | null>(null);
+  const [dragSourceId, setDragSourceId] = useState<string | null>(null);
+  const [dragOverId, setDragOverId] = useState<string | null>(null);
+  const [rootDragOver, setRootDragOver] = useState(false);
+  const [uploadPercent, setUploadPercent] = useState<number | undefined>(undefined);
+  const [uploadSuccess, setUploadSuccess] = useState<boolean | undefined>(undefined);
+  const [dragUploadPercent, setDragUploadPercent] = useState<number | undefined>(undefined);
+  const [dragUploadSuccess, setDragUploadSuccess] = useState<boolean | undefined>(undefined);
+  const [dragUploadingFileName, setDragUploadingFileName] = useState('');
+  const [isExternalDragOver, setIsExternalDragOver] = useState(false);
+  const [createFolderVisible, setCreateFolderVisible] = useState(false);
+  const [newFolderName, setNewFolderName] = useState('');
+  const [newFolderDescs, setNewFolderDescs] = useState('');
+  const [isEncryptedFolder, setIsEncryptedFolder] = useState(false);
+  const [renameVisible, setRenameVisible] = useState(false);
+  const [renameFileName, setRenameFileName] = useState('');
+  const [renameFileId, setRenameFileId] = useState<string | null>(null);
+  const [descsVisible, setDescsVisible] = useState(false);
+  const [descsFileId, setDescsFileId] = useState<string | null>(null);
+  const [descsValue, setDescsValue] = useState('');
+  const [editorVisible, setEditorVisible] = useState(false);
+  const [editingFile, setEditingFile] = useState<ProjectFile | null>(null);
+  const [creatorVisible, setCreatorVisible] = useState(false);
+  const [creatingFileName, setCreatingFileName] = useState('');
+  const [creatingFileType, setCreatingFileType] = useState<CreatingFileType>(null);
+  const [previewUrl, setPreviewUrl] = useState<string | null>(null);
+  const [previewVisible, setPreviewVisible] = useState(false);
+  const [previewFileName, setPreviewFileName] = useState<string | null>(null);
+  const [previewCrc32, setPreviewCrc32] = useState<number | undefined>(undefined);
+  const [previewingFile, setPreviewingFile] = useState<ProjectFile | null>(null);
+  const [contextMenuVisible, setContextMenuVisible] = useState(false);
+  const [contextMenuPosition, setContextMenuPosition] = useState({ x: 0, y: 0 });
+  const [contextMenuRecord, setContextMenuRecord] = useState<ProjectFile | null>(null);
+  const [isManager, setIsManager] = useState(false);
+  const [moveCopyModalVisible, setMoveCopyModalVisible] = useState(false);
+  const [moveCopyMode, setMoveCopyMode] = useState<'move' | 'copy'>('move');
+  const [moveCopyFiles, setMoveCopyFiles] = useState<ProjectFile[]>([]);
+  const [versionHistoryModalVisible, setVersionHistoryModalVisible] = useState(false);
+  const [versionHistoryFile, setVersionHistoryFile] = useState<ProjectFile | null>(null);
+  const [shareToWechatVisible, setShareToWechatVisible] = useState(false);
+  const [shareToWechatFile, setShareToWechatFile] = useState<ProjectFile | null>(null);
+  const [isOnline, setIsOnline] = useState<boolean>(typeof navigator !== 'undefined' ? navigator.onLine : true);
+  const [previewLocalId, setPreviewLocalId] = useState<string | null>(null);
+  const [previewIsLocalOnly, setPreviewIsLocalOnly] = useState<boolean>(false);
+  const [previewHasUnsyncedChanges, setPreviewHasUnsyncedChanges] = useState<boolean>(false);
+  const [createFileVisible, setCreateFileVisible] = useState<boolean>(false);
+  const [newFileName, setNewFileName] = useState<string>('');
+  const [pendingFileType, setPendingFileType] = useState<CreatingFileType>(null);
+  const [sortBy, setSortBy] = useState<FileSortBy>(() => readSortCache()?.sortBy ?? 'fileName');
+  const [sortOrder, setSortOrder] = useState<SortOrder>(() => readSortCache()?.sortOrder ?? 'asc');
+
+  // 排序偏好落本地：grid/table 共用同一份状态，下次进入文件管理页面时恢复
+  useEffect(() => {
+    try {
+      localStorage.setItem(SORT_CACHE_KEY, JSON.stringify({ sortBy, sortOrder }));
+    } catch {
+      // 本地存储不可用时忽略
+    }
+  }, [sortBy, sortOrder]);
+
+  const toggleExpandKey = useCallback((key: string) => {
+    setExpandedRowKeys(prev => prev.includes(key)
+      ? prev.filter(k => k !== key)
+      : [...prev, key]
+    );
+  }, []);
+
+  const resetPreviewState = useCallback(() => {
+    setPreviewUrl(null);
+    setPreviewVisible(false);
+    setPreviewFileName(null);
+    setPreviewCrc32(undefined);
+    setPreviewingFile(null);
+    setPreviewLocalId(null);
+    setPreviewIsLocalOnly(false);
+    setPreviewHasUnsyncedChanges(false);
+  }, []);
+
+  const resetEditorState = useCallback(() => {
+    setEditorVisible(false);
+    setEditingFile(null);
+    setPreviewLocalId(null);
+    setPreviewIsLocalOnly(false);
+    setPreviewHasUnsyncedChanges(false);
+  }, []);
+
+  const resetCreatorState = useCallback(() => {
+    setCreatorVisible(false);
+    setCreatingFileName('');
+    setCreatingFileType(null);
+    setPreviewLocalId(null);
+    setPreviewIsLocalOnly(false);
+    setPreviewHasUnsyncedChanges(false);
+  }, []);
+
+  const resetContextMenu = useCallback(() => {
+    setContextMenuVisible(false);
+    setContextMenuRecord(null);
+  }, []);
+
+  const resetMoveCopyState = useCallback(() => {
+    setMoveCopyModalVisible(false);
+    setMoveCopyFiles([]);
+  }, []);
+
+  const resetVersionHistoryState = useCallback(() => {
+    setVersionHistoryModalVisible(false);
+    setVersionHistoryFile(null);
+  }, []);
+
+  const resetShareToWechatState = useCallback(() => {
+    setShareToWechatVisible(false);
+    setShareToWechatFile(null);
+  }, []);
+
+  return [
+    {
+      files,
+      fileTreeData,
+      loading,
+      expandedRowKeys,
+      viewMode,
+      smallView,
+      selectedFolderId,
+      dragSourceId,
+      dragOverId,
+      rootDragOver,
+      uploadPercent,
+      uploadSuccess,
+      dragUploadPercent,
+      dragUploadSuccess,
+      dragUploadingFileName,
+      isExternalDragOver,
+      createFolderVisible,
+      newFolderName,
+      newFolderDescs,
+      isEncryptedFolder,
+      renameVisible,
+      renameFileName,
+      renameFileId,
+      descsVisible,
+      descsFileId,
+      descsValue,
+      editorVisible,
+      editingFile,
+      creatorVisible,
+      creatingFileName,
+      creatingFileType,
+      previewUrl,
+      previewVisible,
+      previewFileName,
+      previewCrc32,
+      previewingFile,
+      contextMenuVisible,
+      contextMenuPosition,
+      contextMenuRecord,
+      isManager,
+      moveCopyModalVisible,
+      moveCopyMode,
+      moveCopyFiles,
+      versionHistoryModalVisible,
+      versionHistoryFile,
+      shareToWechatVisible,
+      shareToWechatFile,
+      isOnline,
+      previewLocalId,
+      previewIsLocalOnly,
+      previewHasUnsyncedChanges,
+      createFileVisible,
+      newFileName,
+      pendingFileType,
+      sortBy,
+      sortOrder,
+    },
+    {
+      setFiles,
+      setFileTreeData,
+      setLoading,
+      setExpandedRowKeys,
+      toggleExpandKey,
+      setViewMode,
+      setSmallView,
+      setSelectedFolderId,
+      setDragSourceId,
+      setDragOverId,
+      setRootDragOver,
+      setUploadPercent,
+      setUploadSuccess,
+      setDragUploadPercent,
+      setDragUploadSuccess,
+      setDragUploadingFileName,
+      setIsExternalDragOver,
+      setCreateFolderVisible,
+      setNewFolderName,
+      setNewFolderDescs,
+      setIsEncryptedFolder,
+      setRenameVisible,
+      setRenameFileName,
+      setRenameFileId,
+      setDescsVisible,
+      setDescsFileId,
+      setDescsValue,
+      setEditorVisible,
+      setEditingFile,
+      setCreatorVisible,
+      setCreatingFileName,
+      setCreatingFileType,
+      setPreviewUrl,
+      setPreviewVisible,
+      setPreviewFileName,
+      setPreviewCrc32,
+      setPreviewingFile,
+      setContextMenuVisible,
+      setContextMenuPosition,
+      setContextMenuRecord,
+      setIsManager,
+      setMoveCopyModalVisible,
+      setMoveCopyMode,
+      setMoveCopyFiles,
+      setVersionHistoryModalVisible,
+      setVersionHistoryFile,
+      setShareToWechatVisible,
+      setShareToWechatFile,
+      setIsOnline,
+      setPreviewLocalId,
+      setPreviewIsLocalOnly,
+      setPreviewHasUnsyncedChanges,
+      setCreateFileVisible,
+      setNewFileName,
+      setPendingFileType,
+      setSortBy,
+      setSortOrder,
+      resetPreviewState,
+      resetEditorState,
+      resetCreatorState,
+      resetContextMenu,
+      resetMoveCopyState,
+      resetVersionHistoryState,
+      resetShareToWechatState,
+    },
+  ];
+};