From e431294ea2b97858f93513c112f1a7574654a87d Mon Sep 17 00:00:00 2001
From: xuqingkai <xuqingkai@hd123.com>
Date: Mon, 1 Apr 2024 19:40:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8DStep?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6description=E6=8F=92=E6=A7=BD=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E4=BD=BF=E7=94=A8=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/component/steps.md                       | 16 ++++++++-----
 .../components/wd-button/index.scss           |  7 ------
 .../components/wd-step/types.ts               | 23 +------------------
 .../components/wd-step/wd-step.vue            | 12 +++++-----
 4 files changed, 17 insertions(+), 41 deletions(-)

diff --git a/docs/component/steps.md b/docs/component/steps.md
index d44077222..e8c5ba64d 100644
--- a/docs/component/steps.md
+++ b/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 外部样式类
 
diff --git a/src/uni_modules/wot-design-uni/components/wd-button/index.scss b/src/uni_modules/wot-design-uni/components/wd-button/index.scss
index 2e2940ed0..22ccc076e 100644
--- a/src/uni_modules/wot-design-uni/components/wd-button/index.scss
+++ b/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;
diff --git a/src/uni_modules/wot-design-uni/components/wd-step/types.ts b/src/uni_modules/wot-design-uni/components/wd-step/types.ts
index 4ee8f1c55..3d24ff6df 100644
--- a/src/uni_modules/wot-design-uni/components/wd-step/types.ts
+++ b/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>
 }
diff --git a/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue b/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue
index 52576ecf6..9c5ba1c19 100644
--- a/src/uni_modules/wot-design-uni/components/wd-step/wd-step.vue
+++ b/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>