Button add new prop 'long'

Button add new prop 'long'

src/components/button/button.vue

@@ -38,7 +38,11 @@
                     return oneOf(value, ['button', 'submit', 'reset']);
                 }
             },
-            icon: String
+            icon: String,
+            long: {
+                type: Boolean,
+                default: false
+            }
         },
         data () {
             return {
@@ -51,6 +55,7 @@
                     `${prefixCls}`,
                     {
                         [`${prefixCls}-${this.type}`]: !!this.type,
+                        [`${prefixCls}-long`]: this.long,
                         [`${prefixCls}-${this.shape}`]: !!this.shape,
                         [`${prefixCls}-${this.size}`]: !!this.size,
                         [`${prefixCls}-loading`]: this.loading != null && this.loading,
@@ -70,7 +75,7 @@
                 ]
             }
         },
-        ready () {
+        compiled () {
             this.showSlot = this.$els.slot.innerHTML.replace(/\n/g, '').replace(/<!--[\w\W\r\n]*?-->/gmi, '') !== '';
         }
     }

src/styles/components/button.less

@@ -4,6 +4,10 @@
     .btn;
     .btn-default;
 
+    &-long{
+        width: 100%;
+    }
+
     & > .ivu-icon + span, & > span + .ivu-icon{
         margin-left: 4px;
     }

test/routers/button.vue

@@ -5,6 +5,11 @@
     <i-button type="warning">按钮</i-button>
     <i-button type="error">按钮</i-button>
     <i-button type="info">按钮</i-button>
+    <i-button icon="ios-search" type="success"></i-button>
+    <br><br>
+    <div style="width:400px;height:200px;">
+        <i-button type="error" long size="small">按钮</i-button>
+    </div>
     <br><br>
     <Button-group>
         <i-button>取消</i-button>