fix: 🐛 修复Step组件description插槽无法使用的问题

Author: xuqingkai

docs/component/steps.md

@@ -2,6 +2,10 @@
 
 #  Steps 标签页
 
+:::tip 破坏性更新提醒
+`1.2.10`版本`step`组件废弃了`title-slot`、`icon-slot`和`description-slot`等三个控制插槽使用的字段，新增支持直接使用`title`、`icon`和`description`插槽，同时废弃了`default`插槽。
+:::
+
 
 ## 基本用法
 
@@ -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 外部样式类
 

src/uni_modules/wot-design-uni/components/wd-button/index.scss

@@ -40,13 +40,6 @@
   }
 }
 
-/* #ifdef MP-WEIXIN */
-button {
-  margin: 0;
-}
-/* #endif */
-
-
 @include b(button) {
   position: relative;
   display: inline-flex;

src/uni_modules/wot-design-uni/components/wd-step/types.ts

@@ -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>
 }

src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue

@@ -7,9 +7,9 @@
     :style="styles"
   >
     <view :class="`wd-step__header  ${dot ? 'is-dot' : ''}`">
-      <view :class="`wd-step__icon  ${dot ? 'is-dot' : !!icon || iconSlot ? 'is-icon' : 'is-text'}`">
+      <view :class="`wd-step__icon  ${dot ? 'is-dot' : !!icon || $slots.icon ? 'is-icon' : 'is-text'}`">
         <view v-if="dot" class="wd-step__dot"></view>
-        <slot v-else-if="iconSlot" name="icon" />
+        <slot v-else-if="$slots.icon" name="icon" />
         <wd-icon v-else-if="icon" custom-class="wd-step__icon-inner" :name="icon" />
         <view v-else class="wd-step__icon-outer">
           <wd-icon v-if="currentStatus === 'finished'" name="check-bold" />
@@ -20,12 +20,12 @@
       <view v-if="index < childrenLength - 1" class="wd-step__line"></view>
     </view>
     <view class="wd-step__content">
-      <view :class="`wd-step__title ${descriptionSlot || description ? 'is-description' : ''}`">
-        <slot v-if="titleSlot" name="title" />
+      <view :class="`wd-step__title ${$slots.description || description ? 'is-description' : ''}`">
+        <slot v-if="$slots.title" name="title" />
         <text v-else>{{ currentTitle }}</text>
       </view>
-      <view v-if="descriptionSlot || description" class="wd-step__description">
-        <slot v-if="descriptionSlot" />
+      <view v-if="$slots.description || description" class="wd-step__description">
+        <slot v-if="$slots.description" />
         <text v-else>{{ description }}</text>
       </view>
     </view>