lanyuanxiaoyao
b5301ec7d1
- 修正 API 响应类型，增加 ProjectResponse 包装类型 - ConfigProvider 配置中文 locale (zhCN) - 生产入口启用 ErrorBoundary，使用 Result 组件 - ReactQueryDevtools 仅开发环境渲染 - Sider 增加 collapsible 配置，使用 antd 默认折叠行为 - 项目页面拆分为 ProjectToolbar/ProjectTable/ProjectFormModal - 搜索改用 Input.Search，表单增加 whitespace 校验 - 404/ErrorBoundary/Dashboard 使用 antd Result/Typography/Card/Descriptions - 清理未使用的 ProtectedRoute 和冗余样式类 - styles.css 仅保留必要布局样式，无 antd 内部类覆盖 - 更新测试覆盖，避免依赖 antd 内部类名 - 更新 docs/development/frontend.md 开发规范
35 lines
973 B
TypeScript
35 lines
973 B
TypeScript
import { useState } from "react";
|
|
|
|
export const SIDEBAR_COLLAPSED_STORAGE_KEY = "sidebar.collapsed";
|
|
|
|
export function parseSidebarCollapsed(value: unknown): boolean {
|
|
return value === "true";
|
|
}
|
|
|
|
export function readSidebarCollapsed(storage: Storage = window.localStorage): boolean {
|
|
try {
|
|
return parseSidebarCollapsed(storage.getItem(SIDEBAR_COLLAPSED_STORAGE_KEY));
|
|
} catch {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
export function useSidebarCollapsed() {
|
|
const [collapsed, setCollapsedState] = useState<boolean>(() => readSidebarCollapsed());
|
|
|
|
const setCollapsed = (nextCollapsed: boolean) => {
|
|
setCollapsedState(nextCollapsed);
|
|
writeSidebarCollapsed(nextCollapsed);
|
|
};
|
|
|
|
return { collapsed, setCollapsed };
|
|
}
|
|
|
|
export function writeSidebarCollapsed(collapsed: boolean, storage: Storage = window.localStorage) {
|
|
try {
|
|
storage.setItem(SIDEBAR_COLLAPSED_STORAGE_KEY, String(collapsed));
|
|
} catch {
|
|
// 存储不可用时仅使用当前内存状态
|
|
}
|
|
}
|