# 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；若目标项目侧边栏类名不同需要适配"