[improvement] Field：增加titleWidth属性 (#482)

packages/actionsheet/index.pcss

@@ -57,9 +57,9 @@
     top: 0;
     right: 0;
     padding: 0 15px;
-    font-size: 18px;
+    font-size: 18px !important;
     color: $gray-dark;
-    position: absolute;
+    position: absolute !important;
-    line-height: inherit;
+    line-height: inherit !important;
   }
 }

packages/cell/README.md

@@ -96,6 +96,7 @@
 |-----------|-----------|-----------|-------------|
 | icon | 左侧图标，可选值见 Icon 组件 | `String` | - |
 | title | 左侧标题 | `String | Number` | - |
+| titleWidth | 标题宽度 | `Number` | - |
 | value | 右侧内容 | `String | Number` | - |
 | label | 标题下方的描述信息 | `String` | - |
 | border | 是否显示下边框 | `Boolean` | `true` |

packages/field/README.md

@@ -133,6 +133,7 @@
 | readonly | 是否只读 | `Boolean` | `false` |
 | clearable | 是否启用清除控件 | `Boolean` | `false` |
 | required | 是否显示表单必填星号 | `Boolean` | `false` |
+| titleWidth | 标题宽度 | `Number` | `90` |
 | maxlength | 最大输入长度，设置为 -1 的时候不限制最大长度 | `Number` | `-1` |
 | placeholder | 输入框为空时占位符 | `String` | - |
 | is-link | 是否展示右侧箭头并开启点击反馈 | `Boolean` | `false` |

packages/field/index.js

@@ -53,6 +53,10 @@ Component({
     border: {
       type: Boolean,
       value: true
+    },
+    titleWidth: {
+      type: Number,
+      value: 90
     }
   },
 

packages/field/index.wxml

@@ -6,7 +6,7 @@
   is-link="{{ isLink }}"
   required="{{ required }}"
   custom-style="{{ customStyle }}"
-  title-width="90px"
+  title-width="{{ titleWidth }}"
   custom-class="{{ customClass }} van-field {{ labelAlign ? 'van-field--label-' + labelAlign : '' }}"
 >
   <slot name="label" slot="title" />