2.0.0
Skip to content

Actions 操作列表 ​

用于快速配置一些 AI 场景下所需要的操作按钮/功能。

何时使用 ​

Actions 组件用于快速配置一些 AI 场景下所需要的操作按钮/功能。

代码演示 ​

基本 ​

更多菜单项 ​

预设模板 ​

使用变体 ​

渐入效果 ​

API ​

通用属性参考:通用属性。

ActionsProps ​

属性说明类型默认值版本
items包含多个操作项的列表ItemType[]--
onClick组件被点击时的回调函数function({ item, key, keyPath, domEvent })--
dropdownProps下拉菜单的配置属性DropdownProps--
variant变体borderless | outlined | filledborderless-
fadeIn是否开启渲染渐入boolean--
fadeInLeft是否开启从左到右渐入boolean--
rootClassName根节点样式类string--
className外层 classNamestring--
style根节点样式CSSProperties--
classNames语义化结构 classRecord<SemanticType, string>--
styles语义化结构 styleRecord<SemanticType, CSSProperties>--
prefixCls样式类名前缀string--

block 已废弃,请使用 variant。

ItemType ​

属性说明类型默认值版本
key自定义操作的唯一标识string--
label自定义操作的显示标签string--
icon自定义操作的图标VNodeChild--
onItemClick点击自定义操作按钮时的回调(info?: ItemType) => void--
danger语法糖,设置危险样式booleanfalse-
subItems子操作项Omit<ItemType, 'subItems' | 'triggerSubMenuAction' | 'actionRender'>[]--
triggerSubMenuAction触发子菜单的操作hover | clickhover-
actionRender自定义渲染操作项内容((item: ItemType) => VNodeChild) | VNodeChild--

Actions.Feedback ​

属性说明类型默认值版本
value反馈状态值like | dislike | defaultdefault-
onChange反馈状态变化回调(value: like | dislike | default) => void--

Actions.Copy ​

属性说明类型默认值版本
text需要复制的文本string''-
icon复制按钮图标VNodeChild--

Actions.Audio ​

属性说明类型默认值版本
status播放状态loading | error | running | defaultdefault-

Actions.Item ​

属性说明类型默认值版本
status状态loading | error | running | defaultdefault-
label自定义操作的显示标签string--
defaultIcon默认状态图标VNodeChild--
runningIcon运行状态图标VNodeChild--

Semantic DOM ​

  • root
    根节点
  • item
    操作项
  • itemDropdown
    操作下拉选项

Actions.Feedback 另支持语义化结构:root / like / liked / dislike / disliked。Actions.Copy / Actions.Audio / Actions.Item 当前仅暴露根级样式属性,无额外 semantic slots。

主题变量(Design Token) ​

组件暂无自定义 Component Token,可通过全局 Design Token 定制。

贡献者 ​

贡献者

正在加载贡献者信息...