组件

OnePopover

OnePopover 与 OneTooltip 共用定位机制，但气泡使用白底卡片样式，可承载更丰富的内容并允许与内容交互。

查看代码收起代码

import { OnePopover } from '@geektech/one';

new OnePopover({ content: '这是一段弹层说明', children: [
  { tag: 'button', children: ['点击打开'] },
]);

触发方式

默认 click 切换并支持文档点击与 Escape 关闭；也可用 trigger=hover-focus 悬停展示，或 manual 完全受控。

OnePopover 属性与事件
名称	签名	说明
`content`	`content: VNode \| string`	气泡内容。
`placement`	`placement?: OneOverlayPlacement`	气泡位置，默认 bottom。
`trigger`	`trigger?: 'click' \| 'hover-focus' \| 'manual'`	触发方式，默认 click。
`open`	`open?: boolean`	受控展开状态。
`defaultOpen`	`defaultOpen?: boolean`	非受控初始展开状态。
`arrow`	`arrow?: boolean`	是否显示箭头，默认 true。
`disabled`	`disabled?: boolean`	禁用弹层。
`children`	`children?: Array<VNode \| string>`	触发元素，必须是单个 HTMLElement。
`openChange`	`(open: boolean) => void`	展开状态变化时发出。