feat: 添加过程矩阵全屏功能并优化部署配置
添加过程矩阵全屏查看功能,包括状态管理、快捷键支持和响应式布局 优化 Dockerfile 使用 npm ci 并添加生产环境标志 添加 nginx 配置支持 SPA 路由和静态资源缓存
This commit is contained in:
@@ -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,刷新后重置
|
||||
}),
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user