RadioGroup add vertical props

RadioGroup add vertical props

src/components/radio/radio-group.vue

@@ -24,6 +24,10 @@
                 validator (value) {
                     return oneOf(value, ['button']);
                 }
+            },
+            vertical: {
+                type: Boolean,
+                default: false
             }
         },
         computed: {
@@ -32,7 +36,8 @@
                     `${prefixCls}`,
                     {
                         [`${prefixCls}-${this.size}`]: !!this.size,
-                        [`${prefixCls}-${this.type}`]: !!this.type
+                        [`${prefixCls}-${this.type}`]: !!this.type,
+                        [`${prefixCls}-vertical`]: this.vertical
                     }
                 ];
             }

src/styles/components/radio.less

@@ -6,6 +6,13 @@
 .@{radio-group-prefix-cls} {
     display: inline-block;
     font-size: @font-size-small;
+    &-vertical{
+        .@{radio-prefix-cls}-wrapper {
+            display: block;
+            height: 30px;
+            line-height: 30px;
+        }
+    }
 }
 
 // 普通状态
@@ -16,6 +23,10 @@
     position: relative;
     white-space: nowrap;
     margin-right: 8px;
+    cursor: pointer;
+    &-disabled{
+        cursor: @cursor-disabled;
+    }
 }
 
 .@{radio-prefix-cls} {

test/routers/radio.vue

@@ -1,7 +1,6 @@
 <template>
     <div>
-        <Checkbox>hello</Checkbox>
+        <Radio-group :model.sync="phone" vertical>
-        <Radio-group :model.sync="phone">
             <Radio value="apple">
                 <Icon type="social-apple"></Icon>
                 <span>Apple</span>
@@ -27,7 +26,7 @@
     <i-button @click="radio = !radio">change radio</i-button>
     <br>
     <br>
-    <Radio-group :model.sync="phone" type="button">
+    <Radio-group :model.sync="phone" type="button" vertical>
         <Radio value="apple">
             <Icon type="social-apple"></Icon>
             <span>Apple</span>

test/routers/table.vue

@@ -1,11 +1,6 @@
-<style>
-    body{
-        overflow: hidden;
-    }
-</style>
 <template>
     <i-table border :columns="columns1" :data="data1"></i-table>
-    <i-table border height="200" :columns="columns1" :data="data2"></i-table>
+    <!--<i-table border height="200" :columns="columns1" :data="data2"></i-table>-->
     <!--<i-table width="550" height="200" border :columns="columns2" :data="data4"></i-table>-->
     <!--<i-button @click="changeFilter">改变filter</i-button>-->
     <!--<span v-if="currentRow !== null">Current Row: {{currentRow.name}}</span>-->