fix issue #291

salt-ui · Oct 23, 2018 · 3dcae66 · 3dcae66
1 parent b34817f
commit 3dcae66
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## 4.1.13
 
 * `feat`: `Datetime` `disabledDate` support all column type
+* `fix`: `Field` v-label-left should has min-width [#291](https://github.com/salt-ui/saltui/issues/291)
 
 ## 4.1.12 / 2018-10-22
 

diff --git a/demo/EmployeeField/EmployeeFieldDemo.jsx b/demo/EmployeeField/EmployeeFieldDemo.jsx
@@ -27,7 +27,7 @@ class EmployeeFieldDemo extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      value: testData,
+      value: [],
     };
   }
 
@@ -63,7 +63,7 @@ class EmployeeFieldDemo extends React.Component {
             label="选择人员"
             layout="v"
             multiple
-            placeholder="请选择"
+            placeholder="请选择请选择请选择请选择请选择请选择请选择"
             locale="en-us"
             enableNW
             value={this.state.value}

diff --git a/src/Field/Field.styl b/src/Field/Field.styl
@@ -74,6 +74,7 @@ $field-text-color = $dark-alpha-2;
 
     .{$prefix}-field-layout-v-label-left {
         flex: 1;
+        min-width: 118px;
     }
 
     + .{$prefix}-field-content-box {