Input add readonly prop & focus、blur events

Input add readonly prop & focus、blur events

src/components/cascader/cascader.vue

@@ -0,0 +1,21 @@
+<template>
+    
+</template>
+<script>
+    export default {
+        props: {
+        
+        },
+        data () {
+            return {
+            
+            }
+        },
+        computed: {
+        
+        },
+        methods: {
+        
+        }
+    }
+</script>

src/components/cascader/index.js

@@ -0,0 +1,2 @@
+import Cascader from './cascader.vue';
+export default Cascader;

src/components/input/input.vue

@@ -9,8 +9,11 @@
                 :placeholder="placeholder"
                 :disabled="disabled"
                 :maxlength="maxlength"
+                :readonly="readonly"
                 v-model="value"
-                @keyup.enter="handleEnter">
+                @keyup.enter="handleEnter"
+                @focus="handleFocus"
+                @blur="handleBlur">
             <div :class="[prefixCls + '-group-append']" v-if="append" v-el:append><slot name="append"></slot></div>
         </template>
         <textarea
@@ -22,8 +25,11 @@
             :disabled="disabled"
             :rows="rows"
             :maxlength="maxlength"
+            :readonly="readonly"
             v-model="value"
-            @keyup.enter="handleEnter">
+            @keyup.enter="handleEnter"
+            @focus="handleFocus"
+            @blur="handleBlur">
         </textarea>
     </div>
 </template>
@@ -70,6 +76,10 @@
             rows: {
                 type: Number,
                 default: 2
+            },
+            readonly: {
+                type: Boolean,
+                default: false
             }
         },
         data () {
@@ -117,6 +127,12 @@
             handleIconClick () {
                 this.$emit('on-click');
             },
+            handleFocus () {
+                this.$emit('on-focus');
+            },
+            handleBlur () {
+                this.$emit('on-blur');
+            },
             resizeTextarea () {
                 const autosize = this.autosize;
                 if (!autosize || this.type !== 'textarea') {

src/index.js

@@ -5,6 +5,7 @@ import Badge from './components/badge';
 import Breadcrumb from './components/breadcrumb';
 import Button from './components/button';
 import Card from './components/card';
+import Cascader from './components/cascader';
 import Checkbox from './components/checkbox';
 import Circle from './components/circle';
 import Collapse from './components/collapse';
@@ -40,6 +41,7 @@ const iview = {
     iButton: Button,
     ButtonGroup: Button.Group,
     Card,
+    Cascader,
     Checkbox,
     CheckboxGroup: Checkbox.Group,
     Circle,