Add prop(s) to hide popconfirm actions

This function solves the problem (这个功能解决的问题)

More consistency between Popconfirms and Popovers

Expected API (期望的 API)

<template>
  <n-popover>
    <template #trigger>
      <n-button> Hover </n-button>
    </template>
    <!-- NOTE because popovers can have a header, perhaps there should be a separate header icon slot -->
    <template #header-icon>
        <n-icon><!-- selected icon --></n-icon>
    </template>
    <template #icon>
        <n-icon><!-- selected icon --></n-icon>
    </template>
  <!-- popover text -->
  </n-popover>
</template>

[07akioni]

It seems like popconfirm and popover could be combined into one component

Actually they are nearly the same, popconfirm just wrap popover with some extra DOM.

It’s possible to make it like

<n-popover>
  <template #trigger>xxx</template>
  <n-popconfirm-content>
    yyy
  </n-popconfirm-content>
</n-popover>

However I won’t do that. It won’t make user’s DX better but add a lot of work in library development.

[07akioni]

I think we may provide a way to hide popconfirm’s action.

This would help a lot! Should I change the title of this issue to “Add prop(s) to hide popconfirm actions”?

Just a thought, not a request: If a popconfirm’s actions can be hidden, doesn’t this mean that a popconfirm can be made to behave exactly like a popover by setting trigger="hover"? It seems like popconfirm and popover could be combined into one component 🤔

Yes I think you can do it.