# ColumnSeparator - 纵向分割线

## 说明

纵向（竖向）分割线组件，常用于横向排列元素之间的视觉分隔（如并排按钮、横向列表项）。颜色跟随主题 `colorToken.dividerPrimary`，宽度固定为 1，可通过 `style` 自定义高度等样式。Android 外层包裹居中容器，iOS 直接渲染线条。

## 属性

| 属性 | 说明 | 类型 | 默认值 | 必填 |
|------|------|------|--------|------|
| **style** | 自定义样式，分割线宽度固定为 1，可用于设置高度等 | `ViewStyle` | - | 否 |

## 使用示例

```tsx
import { ColumnSeparator } from 'miot/ui/hyperOSUI';

<View style={{ flexDirection: 'row', alignItems: 'center' }}>
  <Text>左侧</Text>
  <ColumnSeparator style={{ height: 16 }} />
  <Text>右侧</Text>
</View>
```

## 注意事项

- 分割线为纵向，用于横向布局；横向分割请使用 `Separator`。
- 宽度固定为 1，`style` 中设置的 `width` 会被覆盖。

## 修改记录

| 日期 | 版本 | 修改内容 | 修改原因 | 关联 |
|------|------|----------|----------|------|
| 2026-04-25 | v1.18.6 | TS 类型定义规范化，`style` 类型约束为 `ColumnSeparatorProps` | — | 1c59cbd5 |
| 2026-04-15 | v1.18.5-alpha.0 | 删除兼容组件与旧 token | — | db049266 |
| 2026-04-06 | v1.18.5-alpha.0 | 组件名称变更 | — | fc8dee02 |
| 2026-04-03 | v1.18.5-alpha.0 | 参数替换 | — | fcdbe865 |
| 2026-04-01 | v1.18.5-alpha.0 | 颜色 token 更新 | — | ebb14c4f |
| 2026-03-31 | v1.18.5-alpha.0 | 组件名修改 | — | b98d569d |