From c205d34213c6dbb13345c31ecb36536f42e223fd Mon Sep 17 00:00:00 2001
From: cs1707 <lost1q84@gmail.com>
Date: Wed, 10 Nov 2021 16:41:08 +0800
Subject: [PATCH] Descriptions: fix label slot bug

---
 packages/descriptions/src/descriptions-row.js   |  2 +-
 packages/theme-chalk/src/descriptions-item.scss | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/descriptions/src/descriptions-row.js b/packages/descriptions/src/descriptions-row.js
index 43669a3d2a..d75dd28e69 100644
--- a/packages/descriptions/src/descriptions-row.js
+++ b/packages/descriptions/src/descriptions-row.js
@@ -100,7 +100,7 @@ export default {
                         [item.labelClassName]: true
                       }}
                       style={item.labelStyle}
-                    >{item.props.label}</span>
+                    >{item.label}</span>
                     <span
                       class={['el-descriptions-item__content', item.contentClassName]}
                       style={item.contentStyle}
diff --git a/packages/theme-chalk/src/descriptions-item.scss b/packages/theme-chalk/src/descriptions-item.scss
index 34148f787a..17825f135b 100644
--- a/packages/theme-chalk/src/descriptions-item.scss
+++ b/packages/theme-chalk/src/descriptions-item.scss
@@ -2,9 +2,19 @@
 @import 'common/var';
 
 @include b(descriptions-item) {
+  vertical-align: top;
   
   @include e(container) {
     display: flex;
+
+    .el-descriptions-item__label,
+    .el-descriptions-item__content {
+      display: inline-flex;
+      align-items: baseline;
+    }
+    .el-descriptions-item__content {
+      flex: 1;
+    }
   }
 
   @include e(label) {
@@ -20,13 +30,13 @@
       color: $--color-text-secondary;
       background: $--descriptions-item-bordered-label-background;
     }
-
     &:not(.is-bordered-label) {
       margin-right: 10px;
     }
   }
 
   @include e(content) {
-
+    word-break: break-word;
+    overflow-wrap: break-word;
   }
 }