<commit_before># Swiper 走马灯

<code src="./demos/demo1.tsx"></code>

## Swiper

### 属性

| 属性             | 说明                      | 类型                                                                       | 默认值 |
| ---------------- | ------------------------- | -------------------------------------------------------------------------- | ------ |
| defaultIndex     | 初始位置                  | number                                                                     | 0      |
| allowTouchMove   | 是否允许手势滑动          | boolean                                                                    | true   |
| autoplay         | 是否自动切换              | boolean                                                                    | false  |
| autoplayInterval | 自动切换的间隔，单位为 ms | number                                                                     | 3000   |
| loop             | 是否循环                  | boolean                                                                    | true   |
| onIndexChange    | 切换时触发                | (index: number) => void                                                    | -      |
| indicatorProps   | 指示器的相关属性          | 支持 [PageIndicator](./page-indicator) 的 `color` `style` `className` 属性 | -      |

### CSS 变量

| 属性            | 说明               | 默认值 |
| --------------- | ------------------ | ------ |
| --height        | 高度               | auto   |
| --width         | 宽度               | 100%   |
| --slide-width   | 滑块宽度           | 100%   |
| --border-radius | 整体组件的圆角     | 0      |
| --track-padding | 轨道区域的 padding | 0      |

### Ref

| 属性    | 类型                    |
| ------- | ----------------------- |
| swipeTo | (index: number) => void |

## Swiper.Item

| 属性    | 说明           | 类型        | 默认值 |
| ------- | -------------- | ----------- | ------ |
| onClick | 点击滑块时触发 | (e) => void | -      |<commit_msg>doc: update Swiper doc format<commit_after># Swiper 走马灯

<code src="./demos/demo1.tsx"></code>

## Swiper

### 属性

| 属性             | 说明                        | 类型                                                                               | 默认值  |
| ---------------- | --------------------------- | ---------------------------------------------------------------------------------- | ------- |
| defaultIndex     | 初始位置                    | `number`                                                                           | `0`     |
| allowTouchMove   | 是否允许手势滑动            | `boolean`                                                                          | `true`  |
| autoplay         | 是否自动切换                | `boolean`                                                                          | `false` |
| autoplayInterval | 自动切换的间隔，单位为 `ms` | `number`                                                                           | `3000`  |
| loop             | 是否循环                    | `boolean`                                                                          | `true`  |
| onIndexChange    | 切换时触发                  | `(index: number) => void`                                                          | -       |
| indicatorProps   | 指示器的相关属性            | 支持 [PageIndicator](./page-indicator) 的 `'color' \| 'style' \| 'className'` 属性 | -       |

### CSS 变量

| 属性            | 说明                 | 默认值 |
| --------------- | -------------------- | ------ |
| --height        | 高度                 | `auto` |
| --width         | 宽度                 | `100%` |
| --slide-width   | 滑块宽度             | `100%` |
| --border-radius | 整体组件的圆角       | `0`    |
| --track-padding | 轨道区域的 `padding` | `0`    |

### Ref

| 属性    | 类型                      |
| ------- | ------------------------- |
| swipeTo | `(index: number) => void` |

## Swiper.Item

| 属性    | 说明           | 类型                                                        | 默认值 |
| ------- | -------------- | ----------------------------------------------------------- | ------ |
| onClick | 点击滑块时触发 | `(e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void` | -      |
{'fraction_non_alphanumeric': 0.2286212914485166, 'fraction_numerical': 0.006980802792321117, 'mean_word_length': 0.5111111111111111, 'pattern_counts': {'":': 0, '<': 8, '<?xml version=': 0, '>': 14, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 50, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5754219', 'n_tokens_mistral': 1050, 'n_tokens_neox': 1107, 'n_words': 172}