TuTabs 标签页

横向选项条 + 底部指示线，equal 均分等宽，change 事件回传索引。

标签页导航：横向选项条 + 底部指示线。完全受控：点击选项触发 change（回传索引），指示线与激活样式由 active 驱动，跨端一致。

TuTabItem

名称	类型	说明
`title`	`string`	选项卡标题。
`disabled`	`boolean`	禁用（不响应点击）。

属性

名称	类型	说明
`items`	`TuTabItem[]`	选项卡列表。
`active`	`number`	当前激活索引（受控），默认 -1。
`activeColor`	`string`	激活文字颜色，默认 var(--tu-primary)。
`lineColor`	`string`	底部指示线颜色，默认主题色。
`equal`	`boolean`	是否均分等宽（默认内容宽度自适应）。

事件：change，回传被点击选项的索引（禁用项不触发）。

当前激活：标签一 —— 点击标签触发 change 回传索引，disabled 项不响应。

实例

createComponent({
  component: TuTabs,
  props: {
    items: [
      { title: '全部' },
      { title: '进行中' },
      { title: '已完成', disabled: true },
    ],
    active: this.state.activeTab,
    equal: true,
  },
  emitters: { change: (index: number) => (this.state.activeTab = index) },
})