feat: Bubble 气泡组件增加一个 extra 位置

[layitf]

需求动机

解决的问题：气泡组件增加一个action操作区，主要作用：

• 需要展示消息发送/接受状态
• 需要对消息进行一些自定义的操作等。

布局：

提议的 API 是什么样的？

属性	类型	默认值	描述
extra	React.ReactNode	null	可以传入开发者或业务定义的组件内容

[petercat-assistant]

您提到的需求是为 Bubble 气泡组件增加一个 action 操作区，以便展示消息发送/接受状态以及进行一些自定义的操作。您还提供了一个 API 提议，其中包含一个 action 属性，类型为 React.ReactNode，默认值为 null，允许传入开发者或业务定义的组件内容。

这个功能请求已经被记录下来，并将被考虑在未来的版本中实现。

如果您有更多的建议或问题，请随时告诉我！

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[YumoImer]

感谢建议，欢迎 RFC -> PR 之～@layitf

[layitf]

已添加 [RFC] Bubble 增加 action 支持自定义操作处理 #441

[afc163]

已经有相关的 RFC 和 PR 了：

• 「RFC」 ActionsBar 操作列表 #77
• Feat/actions  #238

[layitf]

已经有相关的 RFC 和 PR 了：

• 「RFC」 ActionsBar 操作列表 #77
• Feat/actions  #238

这个RFC也会在Bubble，上开action props吗，想要上述截图的效果

[YumoImer]

已经有相关的 RFC 和 PR 了：

• 「RFC」 ActionsBar 操作列表 #77
• Feat/actions  #238

之前的是 Actions 组件的 RFC 和 PR。这个 issues 是想给 Bubble 组件增加一个 action 属性，类似 footer、header

[afc163]

@YumoImer 这两个功能不是重叠的么？

[YumoImer]

@YumoImer 这两个功能不是重叠的么？

没有重叠吧，Actions 是一个新组件，而这个 issues 是给 Bubble 组件开一个 UI 的槽位，只不过这个槽位的名字暂时叫 action 之前也讨论过，类似这样：

import { Bubble } from '@ant-design/x';

() => (
  <Bubble
    avatar={<div>avatar</div>}
    header={<div>header</div>}
    footer={<div>footer</div>}
    // 新增
    action={<div>action</div>}
  />
)

[afc163]

Actions 组件本来要怎么用呢？难道 RFC 里不体现？

[layitf]

Actions 组件本来要怎么用呢？难道 RFC 里不体现？

没有看到使用，可能预计是在footer中传入使用，我这里是想在content，左侧或者右侧处理操作，也是未来可以放置Actions组件的地方

[layitf]

Actions 组件本来要怎么用呢？难道 RFC 里不体现？

没有看到使用，可能预计是在footer中传入使用，我这里是想在content，左侧或者右侧处理操作，也是未来可以放置Actions组件的地方

这里还涉及到一个结构的问题，目前我看content-wrapper是包含了header、content、footer

[YumoImer]

Actions 组件本来要怎么用呢？难道 RFC 里不体现？

没有看到使用，可能预计是在footer中传入使用，我这里是想在content，左侧或者右侧处理操作，也是未来可以放置Actions组件的地方

这里还涉及到一个结构的问题，目前我看content-wrapper是包含了header、content、footer

刚讨论了下，考虑后续 Actions 组件和 Bubble 组件的配合使用，需要将 actions 这个 key 保留，该需求使用 extra 作为 key 来实现。

[layitf]

new commit feat: Bubble support extra