Skip to content

Commit

Permalink
fix: 🐛 修复Step组件description插槽无法使用的问题
Browse files Browse the repository at this point in the history
  • Loading branch information
xuqingkai committed Apr 1, 2024
1 parent e2e7d37 commit e431294
Show file tree
Hide file tree
Showing 4 changed files with 17 additions and 41 deletions.
16 changes: 10 additions & 6 deletions docs/component/steps.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,10 @@

# Steps 标签页

:::tip 破坏性更新提醒
`1.2.10`版本`step`组件废弃了`title-slot`、`icon-slot`和`description-slot`等三个控制插槽使用的字段，新增支持直接使用`title`、`icon`和`description`插槽，同时废弃了`default`插槽。
:::


## 基本用法

Expand Down Expand Up @@ -111,20 +115,20 @@ function nextStep() {
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 |
|-----|------|-----|-------|-------|--------|
| title | 标题，如果没有则为默认文案。当只有标题而没有描述时，标题的字号会小2号 | string | - | - | - |
| title-slot | 使用 title 插槽时需要设置该属性 | boolean | - | false | - |
| <s>title-slot</s> |<s> 使用 title 插槽时需要设置该属性</s>，已废弃，直接使用title插槽即可 | boolean | - | false | - |
| description | 描述 | string | - | - | - |
| description-slot | 使用 description 插槽时需要设置该属性 | boolean | - | false | - |
| <s>description-slot</s> | <s>使用 description 插槽时需要设置该属性</s>，已废弃，直接使用description插槽即可 | boolean | - | false | - |
| icon | 图标 | string | - | - | - |
| icon-slot | 使用 icon 插槽时需要设置该属性 | boolean | - | false | - |
| <s>icon-slot</s> | <s>使用 icon 插槽时需要设置该属性</s>，已废弃，直接使用icon插槽即可 | boolean | - | false | - |
| status | 步骤状态 | string | finished / process / error | - | - |

## Step Slot

| name | 说明 | 最低版本 |
|------|-----|---------|
| icon | 图标 | - |
| title | 标题 | - |
| description | 描述 | - |
| icon | 图标 | 1.2.10 |
| title | 标题 | 1.2.10 |
| description | 描述 | 1.2.10 |

## Steps 外部样式类

Expand Down
7 changes: 0 additions & 7 deletions src/uni_modules/wot-design-uni/components/wd-button/index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,13 +40,6 @@
}
}

/* #ifdef MP-WEIXIN */
button {
margin: 0;
}
/* #endif */


@include b(button) {
position: relative;
display: inline-flex;
Expand Down
23 changes: 1 addition & 22 deletions src/uni_modules/wot-design-uni/components/wd-step/types.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,26 +29,5 @@ export const stepProps = {
* 步骤状态，可选值为 'finished'（已完成）、'process'（进行中）、'error'（出错）。
* 类型: string
*/
status: String as PropType<StepStatus>,

/**
* 当使用icon插槽时，需要设置该属性为true。
* 类型: boolean
* 默认值: false
*/
iconSlot: makeBooleanProp(false),

/**
* 当使用title插槽时，需要设置该属性为true。
* 类型: boolean
* 默认值: false
*/
titleSlot: makeBooleanProp(false),

/**
* 当使用description插槽时，需要设置该属性为true。
* 类型: boolean
* 默认值: false
*/
descriptionSlot: makeBooleanProp(false)
status: String as PropType<StepStatus>
}
12 changes: 6 additions & 6 deletions src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@
:style="styles"
>