feat: 添加过程矩阵全屏功能并优化部署配置

添加过程矩阵全屏查看功能,包括状态管理、快捷键支持和响应式布局
优化 Dockerfile 使用 npm ci 并添加生产环境标志
添加 nginx 配置支持 SPA 路由和静态资源缓存
This commit is contained in:
史悦
2026-02-03 09:02:44 +08:00
parent ae1ca8bfaa
commit 4fdc77e453
5 changed files with 118 additions and 12 deletions

View File

@@ -6,6 +6,7 @@ interface AppState {
sidebarOpen: boolean
darkMode: boolean
searchQuery: string
matrixFullScreen: boolean
// 操作
toggleSidebar: () => void
@@ -13,6 +14,7 @@ interface AppState {
toggleDarkMode: () => void
setDarkMode: (dark: boolean) => void
setSearchQuery: (query: string) => void
setMatrixFullScreen: (fullScreen: boolean) => void
}
export const useAppStore = create<AppState>()(
@@ -22,6 +24,7 @@ export const useAppStore = create<AppState>()(
sidebarOpen: true,
darkMode: false,
searchQuery: '',
matrixFullScreen: false,
// 操作方法
toggleSidebar: () => set((state) => ({ sidebarOpen: !state.sidebarOpen })),
@@ -29,12 +32,14 @@ export const useAppStore = create<AppState>()(
toggleDarkMode: () => set((state) => ({ darkMode: !state.darkMode })),
setDarkMode: (dark) => set({ darkMode: dark }),
setSearchQuery: (query) => set({ searchQuery: query }),
setMatrixFullScreen: (fullScreen) => set({ matrixFullScreen: fullScreen }),
}),
{
name: 'ittoview-app-storage',
partialize: (state) => ({
sidebarOpen: state.sidebarOpen,
darkMode: state.darkMode,
matrixFullScreen: state.matrixFullScreen,
// searchQuery 不持久化到 localStorage刷新后重置
}),
}