feat: improve word wrap (#2061)

packages/card/index.less

@@ -43,7 +43,7 @@
 
   &__title,
   &__desc {
-    word-break: break-all;
+    word-wrap: break-word;
   }
 
   &__title {

packages/checkbox/index.less

@@ -49,7 +49,7 @@
   }
 
   &__label {
-    word-break: break-all;
+    word-wrap: break-word;
 
     .theme(margin-left, '@checkbox-label-margin');
     .theme(color, '@checkbox-label-color');

packages/dialog/README.md

@@ -133,7 +133,7 @@ Page({
 | 参数 | 说明 | 类型 | 默认值 | 版本 | 
 |-----------|-----------|-----------|-------------|-------------|
 | title | 标题 | *string* | - | - |
-| message | 内容 | *string* | - | - |
+| message | 文本内容，支持通过`\n`换行 | *string* | - | 1.0.0 |
 | messageAlign | 内容对齐方式，可选值为`left` `right` | *string* | `center` | - |
 | zIndex | z-index 层级 | *number* | `100` | - |
 | className | 自定义类名，dialog在自定义组件内时无效 | *string* | '' | - |

packages/dialog/index.less

@@ -29,6 +29,10 @@
     text-align: center;
     -webkit-overflow-scrolling: touch;
 
+    &-text {
+      word-wrap: break-word;
+    }
+
     &--has-title {
       padding-top: 12px;
       .theme(color, '@gray-darker');

packages/dialog/index.wxml

@@ -21,7 +21,7 @@
     wx:elif="{{ message }}"
     class="van-dialog__message {{ title ? 'van-dialog__message--has-title' : '' }} {{ messageAlign ? 'van-dialog__message--' + messageAlign : '' }}"
   >
-    <text>{{ message }}</text>
+    <text class="van-dialog__message-text">{{ message }}</text>
   </view>
 
   <view class="van-hairline--top van-dialog__footer">

packages/grid-item/index.less

@@ -51,7 +51,7 @@
   }
 
   &__text {
-    word-break: break-all;
+    word-wrap: break-word;
     .theme(color, '@grid-item-text-color');
     .theme(font-size, '@grid-item-text-font-size');
   }

packages/notify/index.less

@@ -7,7 +7,7 @@
   box-sizing: border-box;
   width: 100%;
   text-align: center;
-  word-break: break-all;
+  word-wrap: break-word;
   .theme(padding, '@notify-padding');
   .theme(font-size, '@notify-font-size');
   .theme(line-height, '@notify-line-height');

packages/popup/README.md

@@ -52,7 +52,7 @@ Page({
 <van-popup
   show="{{ show }}"
   position="top"
-  style="height: 20%"
+  style="height: 20%;"
   bind:close="onClose"
 />
 ```

packages/radio/index.less

@@ -43,7 +43,7 @@
   }
 
   &__label {
-    word-break: break-all;
+    word-wrap: break-word;
     .theme(margin-left, '@radio-label-margin');
     .theme(color, '@radio-label-color');
 

packages/sidebar-item/index.less

@@ -8,7 +8,7 @@
   overflow: hidden;
   font-size: 14px;
   line-height: 1.4;
-  word-break: break-all;
+  word-wrap: break-word;
   border-left: 3px solid transparent;
   user-select: none;
   .theme(color, '@gray-darker');

packages/toast/index.less

@@ -13,7 +13,7 @@
 
   // allow newline charactor
   white-space: pre-wrap;
-  word-break: break-all;
+  word-wrap: break-word;
   .theme(background-color, '@toast-background-color');
   .theme(border-radius, '@toast-border-radius');