feat: add link for individual props/events/slots/configs/icons

This commit is contained in:
Justineo
2021-10-20 01:11:27 +08:00
parent df2b6892d2
commit b0dcdbb873
162 changed files with 2176 additions and 2073 deletions

View File

@@ -4,7 +4,7 @@
### 尺寸及方向
可选的 `ui` 属性值:`s`/`m`/`vertical`/`label-vertical`
可选的 [`ui`](#props-ui) 属性值:`s` / `m` / `vertical` / `label-vertical`
[[ demo src="/demo/steps/default.vue" ]]
@@ -20,9 +20,9 @@
| 名称 | 类型 | 默认值 | 描述 |
| -- | -- | -- | -- |
| `ui` | `string=` | - | [^ui] |
| `steps` | `Array` | - | [^steps] |
| `current` | `number` | - | 当前步骤的索引值。 |
| ``ui`` | `string=` | - | [^ui] |
| ``steps`` | `Array` | - | [^steps] |
| ``current`` | `number` | - | 当前步骤的索引值。 |
^^^ui
预设样式。
@@ -45,7 +45,7 @@
| -- | -- | -- |
| `label` | `string` | 步骤标题。 |
| `desc` | `string` | 步骤描述。 |
| `to` | `string | Object` | 步骤链接。类型见 [`Link`](./link#属性) 组件的同名属性。 |
| `to` | `string | Object` | 步骤链接。类型见 [`Link`](./link) 组件的 [`to`](./link#propss-to) 属性。 |
| `status` | `string` | 步骤状态。可选值为默认和 `error`。 |
+++
^^^
@@ -54,10 +54,10 @@
| 名称 | 描述 |
| -- | -- |
| `default` | [^slot-default] |
| `index` | 序号部分内容,默认显示从 `1` 开始的序号,已完成的步骤显示完成图标,出错的步骤显示出错图标。位于 `default` 内部,作用域参数同 `default`。 |
| `label` | 步骤标题部分内容,默认显示 `steps` 中项目的 `label` 字段。位于 `default` 内部,作用域参数同 `default`。 |
| `desc` | 步骤描述部分内容,默认显示 `steps` 中项目的 `desc` 字段。位于 `default` 内部,作用域参数同 `default`。 |
| ``default`` | [^slot-default] |
| ``index`` | 序号部分内容,默认显示从 `1` 开始的序号,已完成的步骤显示完成图标,出错的步骤显示出错图标。位于 [`default`](#slots-default) 插槽内部,作用域参数同 [`default`](#slots-default) 插槽。 |
| ``label`` | 步骤标题部分内容,默认显示 `steps` 中项目的 `label` 字段。位于 [`default`](#slots-default) 插槽内部,作用域参数同 [`default`](#slots-default) 插槽。 |
| ``desc`` | 步骤描述部分内容,默认显示 `steps` 中项目的 `desc` 字段。位于 [`default`](#slots-default) 插槽内部,作用域参数同 [`default`](#slots-default) 插槽。 |
^^^slot-default
整个步骤项内容。
@@ -67,10 +67,10 @@
+++作用域参数
| 名称 | 类型 | 描述 |
| -- | -- | -- |
| `label` | `string` | 步骤标题。同 `steps` 属性中项目的 `label` 字段。 |
| `desc` | `string` | 步骤描述。同 `steps` 属性中项目的 `desc` 字段。 |
| `to` | `string | Object` | 步骤链接。同 `steps` 属性中项目的 `to` 字段。 |
| `status` | `string` | 步骤状态。同 `steps` 属性中项目的 `status` 字段。 |
| `label` | `string` | 步骤标题。同 [`steps`](#props-steps) 属性中项目的 `label` 字段。 |
| `desc` | `string` | 步骤描述。同 [`steps`](#props-steps) 属性中项目的 `desc` 字段。 |
| `to` | `string | Object` | 步骤链接。同 [`steps`](#props-steps) 属性中项目的 `to` 字段。 |
| `status` | `string` | 步骤状态。同 [`steps`](#props-steps) 属性中项目的 `status` 字段。 |
| `index` | `number` | 步骤索引值。 |
另外,`steps` 内数据项中除了上面描述的字段之外的其它字段也会自动通过 `v-bind` 进行绑定到作用域参数上。
@@ -81,11 +81,11 @@
| 名称 | 描述 |
| -- | -- |
| `click` | 任意步骤被点击后触发,回调参数为 `(index: number, event: Event)`。其中 `index` 为被点击步骤的索引值,`event` 为相应的原生事件对象。 |
| ``click`` | 任意步骤被点击后触发,回调参数为 `(index: number, event: Event)`。其中 `index` 为被点击步骤的索引值,`event` 为相应的原生事件对象。 |
### 图标
| 名称 | 描述 |
| -- | -- |
| `success` | 已成功完成的步骤。 |
| `error` | 出错的步骤。 |
| ``success`` | 已成功完成的步骤。 |
| ``error`` | 出错的步骤。 |