# Module Spec：vab-query-form（查询表单布局容器）

module:
  id: vab-query-form
  name: VabQueryForm（查询条件容器）
  type: ui
  entrypoints:
    - library/components/VabQueryForm/index.vue
    - library/components/VabQueryForm/components/VabQueryFormTopPanel.vue
    - library/components/VabQueryForm/components/VabQueryFormBottomPanel.vue
    - library/components/VabQueryForm/components/VabQueryFormLeftPanel.vue
    - library/components/VabQueryForm/components/VabQueryFormRightPanel.vue

public_api:
  concept:
    - "基于 Element Plus el-row 的 slot 容器，用于统一查询表单布局与间距"

dependency_closure:
  runtime:
    - "Element Plus：el-row"
  styles:
    - "SCSS 变量：$base-input-height / $base-margin（来自全局样式变量体系，见 styles 模块）"

acceptance:
  - "作为容器包裹 el-form-item/el-button 时布局与间距符合预期"

pitfalls:
  - "样式依赖全局 SCSS 变量；目标项目若未引入对应变量会导致样式编译失败"

