Popover

浮层直接用 Element Plus ElPopover，样式加 popper-class="rd-popover-popper"。库不封装独立组件。

点击触发

轻量点击浮层：trigger="click"，推荐关闭箭头。

<script setup lang="ts">
import { ElPopover } from 'element-plus'
</script>

<template>
  <ElPopover
    trigger="click"
    :width="288"
    :offset="4"
    :show-arrow="false"
    popper-class="rd-popover-popper"
    teleported
  >
    <template #reference>
      <el-button>点击 Popover</el-button>
    </template>
    <p class="m-0 p-3 text-sm">轻量编辑浮层 / 行内二次确认前的表单等。</p>
  </ElPopover>
</template>

悬停触发

预览摘要：同一套 ElPopover，改用 trigger="hover" 并加显隐延迟。

<script setup lang="ts">
import { ElPopover } from 'element-plus'
</script>

<template>
  <ElPopover
    :trigger="['hover', 'click']"
    placement="bottom"
    :width="280"
    :offset="4"
    :show-after="200"
    :hide-after="120"
    :show-arrow="false"
    popper-class="rd-popover-popper"
    teleported
  >
    <template #reference>
      <el-button text type="primary">悬停预览</el-button>
    </template>
    <div class="p-3 text-sm">
      <p class="m-0 mb-1 font-semibold">Pacific Rim Trading</p>
      <p class="m-0" style="color: var(--rd-color-text-secondary)">跟进人 · 张明</p>
    </div>
  </ElPopover>
</template>

API

无独立组件。推荐：:show-arrow="false"、popper-class="rd-popover-popper"；其余见 ElPopover。