4459389d4a
将锁定屏幕(LockKeyhole)和退出登录(LogOut)图标按钮从 UserDropdown 下拉菜单 移至 LayoutHeader 头部栏,位于通知图标的右侧。 变更内容: - header.vue: 新增 lock-screen-btn 和 logout-btn 插槽,位于 notification 之后; 添加 LockScreenModal/LogoutModal 及快捷键(Alt+L/Alt+Q)支持; 新增 avatar/text props 用于锁屏弹窗显示 - layout.vue: 透传 avatar/text props 和 logout 事件 - user-dropdown.vue: 移除锁定屏幕和退出登录的菜单项、弹窗及快捷键逻辑 - 所有 5 个应用 basic.vue: 向 BasicLayout 传递 avatar/text,绑定 @logout 事件 头部右侧图标顺序: ... → 全屏 → 通知🔔 → 锁定🔒 → 退出🚪 → 用户头像
Effects 目录
effects 目录专门用于存放与轻微耦合相关的代码和逻辑。如果你的包具有以下特点，建议将其放置在 effects 目录下：
- 状态管理：使用状态管理框架
pinia，并包含处理副作用（如异步操作、API 调用）的部分。 - 用户偏好设置：使用
@vben-core/preferences处理用户偏好设置，涉及本地存储或浏览器缓存逻辑（如使用localStorage）。 - 导航和路由：处理导航、页面跳转等场景，需要管理路由变化的逻辑。
- 组件库依赖：包含与特定组件库紧密耦合或依赖大型仓库的部分。
通过将相关代码归类到 effects 目录，可以使项目结构更加清晰，便于维护和扩展。