updat

examples/sofia-form/profile.js

@@ -53,7 +53,7 @@ export default {
         type: 'input-form',
         label: '姓名',
         model: 'real_name_cn',
-        modelWidth: '300px',
+        // modelWidth: '300px',
         placeholder: '请输入姓名',
         rules: [{ required: true, message: '请输入姓名', trigger: 'blur' }]
       },

src/components/elem-form/checkbox-group-form/elemInfo.md

@@ -8,7 +8,7 @@
 | `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` |
 | `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` |
 | `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` |
-| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'100%'` |
+| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'89%'` |
 | `placeholder` | 类型：`String`; 说明：组件input框中，默认提示文字 | element-ui el-input对应字段 | `''` |
 | `values` | 类型：`Array`; 说明：里面是选择类型值label和value(值可以是 int 或 str)，选择组 | 自定义字段 | `[]` |
 | `attrs` | 类型：`Object`; 说明：定义标签上Data属性值 | element-ui对应字段 | `{}` |

src/components/elem-form/checkbox-group-form/src/checkboxGroupForm.vue

@@ -13,7 +13,7 @@
         v-bind="item.attrs"
         v-on="$listeners"
         v-model="formData[item.model]"
-        :style="{ width: item.modelWidth || item['model-width'] || '100%' }"
+        :style="{ width: item.modelWidth || item['model-width'] || '89%' }"
         :disabled="item.disabled || false"
       >
         <el-checkbox

src/components/elem-form/date-picker-form/elemInfo.md

@@ -9,7 +9,7 @@
 | `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` |
 | `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` |
 | `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` |
-| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'100%'` |
+| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'89%'` |
 | `placeholder` | 类型：`String`; 说明：组件input框中，默认提示文字 | element-ui el-input对应字段 | `''` |
 | `attrs` | 类型：`Object`; 说明：定义标签上Data属性值 | element-ui对应字段 | `{}` |
 | `rules` | 类型：`Array`; 说明：组件错误提示规则 | element-ui el-form-item对应字段 | `[]` |

src/components/elem-form/date-picker-form/src/datePickerForm.vue

@@ -9,7 +9,7 @@
       :rules="item.rules || []"
       :size="item.size"
     >
-      <el-date-picker :style="{ width: item.modelWidth || item['model-width'] || '100%' }"
+      <el-date-picker :style="{ width: item.modelWidth || item['model-width'] || '89%' }"
         :type="item.elemType || 'date'"
         v-bind="item.attrs"
         v-on="$listeners"

src/components/elem-form/date-picker-from-to-form/elemInfo.md

@@ -9,7 +9,7 @@
 | `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` |
 | `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` |
 | `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` |
-| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'100%'` |
+| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'89%'` |
 | `rangeSeparator` | 类型：`String`; 说明：中间分隔符 | 自定义字段 | `'-'` |
 | `startPlaceholder` | 类型：`String`; 说明：开始时间提示 | 自定义字段 | `''` |
 | `endPlaceholder` | 类型：`String`; 说明：结束时间提示 | 自定义字段 | `''` |

src/components/elem-form/date-picker-from-to-form/src/datePickerFromToForm.vue

@@ -9,7 +9,7 @@
       :rules="item.rules || []"
       :size="item.size"
     >
-      <el-date-picker :style="{ width: item.modelWidth || item['model-width'] || '100%' }"
+      <el-date-picker :style="{ width: item.modelWidth || item['model-width'] || '89%' }"
         :type="item.elemType || 'daterange'"
         v-bind="item.attrs"
         v-on="$listeners"

src/components/elem-form/input-form/elemInfo.md

@@ -8,7 +8,7 @@
 | `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` |
 | `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` |
 | `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` |
-| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'100%'` |
+| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'89%'` |
 | `placeholder` | 类型：`String`; 说明：组件input框中，默认提示文字 | element-ui el-input对应字段 | `''` |
 | `attrs` | 类型：`Object`; 说明：定义标签上Data属性值 | element-ui对应字段 | `{}` |
 | `rules` | 类型：`Array`; 说明：组件错误提示规则 | element-ui el-form-item对应字段 | `[]` |

src/components/elem-form/input-form/src/inputForm.vue

@@ -9,7 +9,7 @@
       :rules="item.rules || []"
       :size="item.size"
     >
-      <el-input :style="{ width: item.modelWidth || item['model-width'] || '100%' }"
+      <el-input :style="{ width: item.modelWidth || item['model-width'] || '89%' }"
         v-bind="item.attrs || {}"
         v-on="$listeners"
         v-model="formData[item.model]"

src/components/elem-form/radio-group-form/elemInfo.md

@@ -8,7 +8,7 @@
 | `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` |
 | `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` |
 | `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` |
-| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'100%'` |
+| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'89%'` |
 | `placeholder` | 类型：`String`; 说明：组件input框中，默认提示文字 | element-ui el-input对应字段 | `''` |
 | `values` | 类型：`Array`; 说明：里面是选择类型值label和value(值可以是 int 或 str)，选择组 | 自定义字段 | `[]` |
 | `attrs` | 类型：`Object`; 说明：定义标签上Data属性值 | element-ui对应字段 | `{}` |

src/components/elem-form/radio-group-form/src/radioGroupForm.vue

@@ -13,7 +13,7 @@
         v-bind="item.attrs"
         v-on="$listeners"
         v-model="formData[item.model]"
-        :style="{ width: item.modelWidth || item['model-width'] || '100%' }"
+        :style="{ width: item.modelWidth || item['model-width'] || '89%' }"
         :disabled="item.disabled || false"
       >
         <el-radio

src/components/elem-form/select-form/elemInfo.md

@@ -8,7 +8,7 @@
 | `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` |
 | `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` |
 | `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` |
-| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'100%'` |
+| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'89%'` |
 | `placeholder` | 类型：`String`; 说明：组件input框中，默认提示文字 | element-ui el-input对应字段 | `''` |
 | `values` | 类型：`Array`; 说明：里面是选择类型值label和value(值可以是 int 或 str) | 自定义字段 | `[]` |
 | `attrs` | 类型：`Object`; 说明：定义标签上Data属性值 | element-ui对应字段 | `{}` |

src/components/elem-form/select-form/src/selectForm.vue

@@ -9,7 +9,7 @@
       :rules="item.rules || []"
       :size="item.size"
     >
-      <el-select :style="{ width: item.modelWidth || item['model-width'] || '100%' }"
+      <el-select :style="{ width: item.modelWidth || item['model-width'] || '89%' }"
         v-bind="item.attrs"
         v-on="$listeners"
         v-model="formData[item.model]"

src/components/elem-form/textarea-form/elemInfo.md

@@ -8,7 +8,7 @@
 | `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` |
 | `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` |
 | `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` |
-| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'100%'` |
+| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'89%'` |
 | `placeholder` | 类型：`String`; 说明：组件input框中，默认提示文字 | element-ui el-input对应字段 | `''` |
 | `attrs` | 类型：`Object`; 说明：定义标签上Data属性值 | element-ui对应字段 | `{}` |
 | `rules` | 类型：`Array`; 说明：组件错误提示规则 | element-ui el-form-item对应字段 | `[]` |

src/components/elem-form/textarea-form/src/textareaForm.vue

@@ -9,7 +9,7 @@
       :rules="item.rules || []"
       :size="item.size"
     >
-      <el-input :style="{ width: item.modelWidth || item['model-width'] || '100%' }"
+      <el-input :style="{ width: item.modelWidth || item['model-width'] || '89%' }"
         type="textarea"
         v-bind="item.attrs || {}"
         v-on="$listeners"

src/components/elem-form/upload-form/elemInfo.md

@@ -11,7 +11,6 @@
 | `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` |
 | `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` |
 | `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` |
-| `model-width` | 类型：`String`; 说明：右侧输入组件宽度（加单位） | 自定义字段 | `'100%'` |
 | `placeholder` | 类型：`String`; 说明：组件input框中，默认提示文字 | element-ui el-input对应字段 | `''` |
 | `attrs` | 类型：`Object`; 说明：定义标签上Data属性值 | element-ui对应字段 | `{}` |
 | `rules` | 类型：`Array`; 说明：组件错误提示规则 | element-ui el-form-item对应字段 | `[]` |