# bk-magicbox-vue

> MagicBox UI 地图（可用性/边界/改动半径）。

- Author: liang ling
- Repository: JayCC1/bk-monitor
- Version: 20260204191642
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-07
- Source: https://github.com/JayCC1/bk-monitor
- Web: https://mule.run/skillshub/@@JayCC1/bk-monitor~bk-magicbox-vue:20260204191642

---

---
name: bk-magicbox-vue
description: MagicBox UI 地图（可用性/边界/改动半径）。
---

# MagicBox（最小地图）

## Map

UI lib: `bk-magic-vue`
Usage: template/tsx 中直接使用 `bk-*`
Message: `bkMessage` / `bkInfoBox`（以及项目封装 `src/common/bkmagic.js`）

## ChangeImpact（只写层级）

- UI interaction change → View/Component + MagicBox props/events
- Message style change → `src/common/bkmagic.js` + call-sites

## Boundaries（否定约束）

- No re-implement MagicBox component before search
- No custom UI pattern that conflicts with existing `bk-*` usage