Popper 浮层基础件 ​

  <eb-popper placement="top" show-arrow>
    <template #trigger>
      <eb-button>悬停我（上方 + 箭头）</eb-button>
    </template>
    自定义浮层内容：延迟显隐、自动定位翻转都由底座处理。
  </eb-popper>

  <eb-space wrap>
    <eb-popper trigger="click" placement="bottom-start">
      <template #trigger>
        <eb-button>点击展开（左下对齐）</eb-button>
      </template>
      <div style="padding:8px 12px;font-size:13px">点击浮层外部自动关闭。</div>
    </eb-popper>
    <eb-popper trigger="manual" :visible="manualShow" placement="right">
      <template #trigger>
        <eb-button @click="manualShow = !manualShow">手动切换（右侧）</eb-button>
      </template>
      visible 受控显隐。
    </eb-popper>
  </eb-space>

  <eb-popper trigger="click" placement="bottom-start" match-width>
    <template #trigger>
      <eb-button style="width: 260px">点击展开（浮层不窄于此按钮）</eb-button>
    </template>
    <div style="padding: 8px 12px; font-size: 13px">
      浮层内容再短，min-width 也已同步为触发器宽度。
    </div>
  </eb-popper>

  <eb-space wrap size="small">
    <div
      v-for="c in ['今日新增', '待办事项', '异常告警']"
      :key="c"
      style="
        padding: 6px 12px;
        border: 1px solid var(--eb-border-color);
        border-radius: 6px;
        font-size: 13px;
        cursor: pointer;
      "
      @mouseenter="anchorToCell"
      @mouseleave="cellShow = false"
    >
      {{ c }}
    </div>
  </eb-space>
  <eb-popper
    trigger="manual"
    :visible="cellShow"
    virtual-triggering
    :virtual-ref="cellEl"
    placement="bottom"
  >
    <div style="padding: 8px 12px; font-size: 13px">参考元素换成谁，浮层就锚到谁。</div>
  </eb-popper>