update Form

update Form

src/components/form/form-item.vue

@@ -1,7 +1,7 @@
 <template>
     <div :class="classes">
         <label :class="[prefixCls + '-label']" :style="labelStyles" v-if="label">{{ label }}</label>
-        <div :style="contentStyles">
+        <div :class="[prefixCls + '-content']" :style="contentStyles">
             <slot></slot>
             <div transition="fade" :class="[prefixCls + '-error']" v-if="validateState === 'error'">{{ validateMessage }}</div>
         </div>

src/components/form/form.vue

@@ -3,6 +3,7 @@
 </template>
 <script>
     // https://github.com/ElemeFE/element/blob/dev/packages/form/src/form.vue
+    import { oneOf } from '../../utils/assist';
 
     const prefixCls = 'ivu-form';
 
@@ -18,6 +19,12 @@
             labelWidth: {
                 type: Number
             },
+            labelPosition: {
+                validator (value) {
+                    return oneOf(value, ['left', 'right', 'top']);
+                },
+                default: 'right'
+            },
             inline: {
                 type: Boolean,
                 default: false
@@ -32,6 +39,7 @@
             classes () {
                 return [
                     `${prefixCls}`,
+                    `${prefixCls}-label-${this.labelPosition}`,
                     {
                         [`${prefixCls}-inline`]: this.inline
                     }