TuActionSheet 动作面板

底部选项列表 + 取消按钮，select 回传索引，cancel 由取消 / 遮罩触发。

底部动作面板：遮罩 + 底部选项列表 + 取消按钮。完全受控：visible 由父级维护；选中某项触发 select（回传索引），点击取消 / 遮罩触发 cancel。滑入滑出动画由 visibility + transform 过渡驱动。

TuActionSheetItem

名称	类型	说明
`name`	`string`	选项文案。
`color`	`string`	文字颜色（如危险操作红色）。
`disabled`	`boolean`	禁用（不响应点击）。

属性

名称	类型	说明
`visible`	`boolean`	是否显示（受控），默认 false。
`actions`	`TuActionSheetItem[]`	动作项列表。
`cancelText`	`string`	取消按钮文案，默认「取消」。
`description`	`string`	面板顶部提示文案。

事件：select（回传选中项索引，禁用项不触发）、cancel（点击取消按钮或遮罩）。

打开动作面板

复制链接

分享给好友

投诉

取消

上次选择：尚未选择 —— select 回传动作索引（dataIndex 取数，双端一致），cancel 回传关闭。

实例

const actions = [
  { name: '编辑' },
  { name: '分享' },
  { name: '删除', color: 'var(--tu-danger, #ff3141)' },
];
createComponent({
  component: TuActionSheet,
  props: { visible: this.state.sheetVisible, actions, description: '请选择操作' },
  emitters: { select: (i: number) => this.onAction(i) },
})