# segmented (w-segmented)

- **Import**: `WSegmented` from `win-design-next`
- **Tag**: `<w-segmented>`
- **说明**: Segmented 分段控制器
- **分类**: data-entry
- **Skill 版本**: V1.1.0
- **适配组件库**: win-design-next 1.2.2
- **API 来源**: `docs/zh-CN/component/segmented.md`

## API

## API

### 属性

| 名称                  | 说明                   | 类型                                                     | 默认值      |
| --------------------- | ---------------------- | -------------------------------------------------------- | ----------- | ---------- |
| model-value / v-model | 绑定值                 | ^[string] / ^[number] / ^[boolean]                       | —           |
| options               | 选项的数据             | ^[array]`Option[]`                                       | []          |
| size                  | 组件大小               | ^[enum]`'' \| 'large' \| 'default' \| 'small' \| 'mini'` | ''          |
| block                 | 撑满父元素宽度         | ^[boolean]                                               | —           |
| disabled              | 是否禁用               | ^[boolean]                                               | false       |
| validate-event        | 是否触发表单验证       | ^[boolean]                                               | true        |
| name                  | 原生 name 属性         | ^[string]                                                | —           |
| id                    | 原生 `id` 属性         | ^[string]                                                | —           |
| aria-label ^(a11y)    | 原生 `aria-label` 属性 | ^[string]                                                | —           |
| direction             | 展示的方向             | ^[enum]`'horizontal' \| 'vertical'`                      | 'vertical'` | horizontal |

### 事件

| 名称   | 说明                                   | 类型                            |
| ------ | -------------------------------------- | ------------------------------- |
| change | 当所选值更改时触发，参数是当前选中的值 | ^[Function]`(val: any) => void` |

### Slots

| 名称    | 说明               | 类型                        |
| ------- | ------------------ | --------------------------- |
| default | 自定义 Option 模板 | ^[object]`{ item: Option }` |
