add Transfer component

2016-11-18 11:46:55 +08:00 · 2016-11-18 11:46:55 +08:00 · 77f7bb9533
commit 77f7bb9533
parent 306e3f74e8
15 changed files with 519 additions and 6 deletions
--- a/src/components/transfer/search.vue
+++ b/src/components/transfer/search.vue
@ -0,0 +1,32 @@
+<template>
+    <div :class="prefixCls">
+        <i-input
+            :value.sync="query"
+            size="small"
+            :icon="icon"
+            :placeholder="placeholder"
+            @on-click="handleClick"></i-input>
+    </div>
+</template>
+<script>
+    import iInput from '../input/input.vue';
+
+    export default {
+        props: {
+            prefixCls: String,
+            placeholder: String,
+            query: String
+        },
+        computed: {
+            icon () {
+                return this.query === '' ? 'ios-search' : 'ios-close';
+            }
+        },
+        methods: {
+            handleClick () {
+                if (this.query === '') return;
+                this.query = '';
+            }
+        }
+    }
+</script>