SepPopover 弹出卡片组件 v1.0.0
渲染到 body 防 overflow 裁剪 · 12 方位 + auto 智能定位 · header/body/footer 三段结构 · hover/click/focus/contextmenu/manual 5 种触发 · ESC 关闭 · HTMLElement/DOM/HTML 富文本 content · getContainer 指定容器 · onOk/onCancel/onVisibleChange 回调 · 移动端自适应
1. trigger 触发模式（5 种：hover / click / focus / contextmenu / manual）
HTML 声明式标签 ↕
JS API 初始化
按 ESC 键可关闭当前可见 popover
2. Header / Body / Footer 三段结构 + onOk / onCancel / onVisibleChange 回调
HTML 声明式标签 ↕
JS API 初始化 — content 支持 6 种类型
OK 结果：—
Cancel 结果：—
3. placement auto 智能定位 + 12 方位
HTML 声明式标签 ↕
JS API 初始化（12 方位全覆盖 + auto）
topLeft
top
topRight
leftTop
rightTop
left
right
leftBottom
rightBottom
bottomLeft
bottom
bottomRight
4. 细控配置：showArrow / width / offset / zIndex / destroyOnHide
HTML 声明式标签 ↕
JS API 初始化
5. DOM 内容 / HTML 富文本（HTMLElement / HTML 字符串）
HTML 声明式标签 ↕
JS API 初始化
6. getContainer 指定渲染容器
JS API 初始化
点击下方按钮，Popover 将渲染到蓝色虚线容器内（而非 document.body），位置限定在容器内
📦 自定义容器（getContainer）
7. JS API 动态操作 + setState 批量更新
JS API 初始化
🎯 API 操作目标（点击弹出）
8. 多样组合：Header Only / Body Only / Header+Footer / Only Arrow
HTML 声明式标签 ↕
JS API 初始化
9. subscribe 订阅状态变化
JS API 初始化
订阅后每次状态变化（setTitle / setContent / show / hide 等）都会触发回调，返回最新 state。调用 unsubscribe 取消订阅。
订阅次数：0