30 lines
1.0 KiB
YAML
30 lines
1.0 KiB
YAML
|
# Module Spec：vab-lock（锁屏/解锁）
|
|||
|
|
|
|||
|
|
module:
|
|||
|
|
id: vab-lock
|
|||
|
|
name: VabLock（屏幕锁）
|
|||
|
|
type: ui
|
|||
|
|
entrypoints:
|
|||
|
|
- library/components/VabLock/index.vue
|
|||
|
|
|
|||
|
|
public_api:
|
|||
|
|
concept:
|
|||
|
|
- "点击锁屏图标将 settings.lock 置为 true，并隐藏侧边栏 DOM"
|
|||
|
|
- "解锁通过表单校验后将 settings.lock 置为 false，并恢复侧边栏"
|
|||
|
|
|
|||
|
|
dependency_closure:
|
|||
|
|
runtime:
|
|||
|
|
- "store-settings：theme.showLock / lock / title / handleLock / handleUnLock"
|
|||
|
|
- "store-user：avatar"
|
|||
|
|
- "i18n：translate"
|
|||
|
|
- "Element Plus：el-avatar/el-form/el-form-item/el-input/el-button"
|
|||
|
|
- "浏览器 DOM：document.querySelector('.vab-side-bar')（直接改 style）"
|
|||
|
|
|
|||
|
|
acceptance:
|
|||
|
|
- "theme.showLock=true 时显示锁图标；点击后 lock=true 并出现锁屏层"
|
|||
|
|
- "解锁成功后 lock=false，页面恢复"
|
|||
|
|
|
|||
|
|
pitfalls:
|
|||
|
|
- "组件内密码校验为固定值（示例逻辑）；迁移到新项目需确认是否替换为真实策略"
|
|||
|
|
- "直接操作 '.vab-side-bar' DOM；若目标项目侧边栏类名不同需要适配"
|