refactor: 个人中心页面重构和布局代码优化

src/constants/index.ts

@@ -1,13 +1,4 @@
-/**
- * 应用常量定义
- *
- * @description
- * 包含应用中所有的常量定义，包括角色、存储键名等
- */
-
-/**
- * 应用存储前缀
- */
+/** 应用存储前缀 */
 export const APP_PREFIX = "vea";
 
 /**
@@ -34,19 +25,19 @@ export const PLATFORM_TENANT_ID = 0;
  * 命名规则：{APP_PREFIX}:{分类}:{具体名称}
  */
 export const STORAGE_KEYS = {
-  // ===== 认证相关 =====
+  // 认证
   ACCESS_TOKEN: `${APP_PREFIX}:auth:access_token`,
   REFRESH_TOKEN: `${APP_PREFIX}:auth:refresh_token`,
   REMEMBER_ME: `${APP_PREFIX}:auth:remember_me`,
 
-  // ===== 租户相关 =====
+  // 租户
   TENANT_ID: `${APP_PREFIX}:tenant:id`,
   TENANT_INFO: `${APP_PREFIX}:tenant:info`,
 
-  // ===== 系统相关 =====
+  // 系统
   DICT_CACHE: `${APP_PREFIX}:system:dict_cache`,
 
-  // ===== UI 设置 =====
+  // UI
   SHOW_TAGS_VIEW: `${APP_PREFIX}:ui:show_tags_view`,
   TAGS_VIEW_STYLE: `${APP_PREFIX}:ui:tags_view_style`,
   SHOW_APP_LOGO: `${APP_PREFIX}:ui:show_app_logo`,
@@ -60,7 +51,7 @@ export const STORAGE_KEYS = {
   GRAY_MODE: `${APP_PREFIX}:ui:gray_mode`,
   COLOR_WEAK: `${APP_PREFIX}:ui:color_weak`,
 
-  // ===== 应用状态 =====
+  // 应用
   DEVICE: `${APP_PREFIX}:app:device`,
   SIZE: `${APP_PREFIX}:app:size`,
   LANGUAGE: `${APP_PREFIX}:app:language`,
@@ -68,7 +59,5 @@ export const STORAGE_KEYS = {
   ACTIVE_TOP_MENU_PATH: `${APP_PREFIX}:app:active_top_menu_path`,
 } as const;
 
-/**
- * 存储键名类型
- */
+/** 存储键名类型 */
 export type StorageKey = (typeof STORAGE_KEYS)[keyof typeof STORAGE_KEYS];