From 54a83aa565401e1ff38d846d42b023138401c308 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Mon, 16 Jan 2017 16:47:23 +0800
Subject: [PATCH] fixed #211

fixed #211
---
 src/components/select/option.vue |  2 +-
 test/routers/select.vue          | 73 +++++++-------------------------
 2 files changed, 16 insertions(+), 59 deletions(-)

diff --git a/src/components/select/option.vue b/src/components/select/option.vue
index 932008b6..535e4871 100644
--- a/src/components/select/option.vue
+++ b/src/components/select/option.vue
@@ -58,7 +58,7 @@
                 this.hidden = !new RegExp(val, 'i').test(this.searchLabel);
             }
         },
-        ready () {
+        compiled () {
             this.searchLabel = this.$el.innerHTML;
         },
         events: {
diff --git a/test/routers/select.vue b/test/routers/select.vue
index d67691a0..72ccf959 100644
--- a/test/routers/select.vue
+++ b/test/routers/select.vue
@@ -1,67 +1,24 @@
 <template>
-    <i-button type="primary" @click="modal1 = true">i-selelct加入width样式</i-button>
-    <i-button type="primary" @click="modal2 = true">i-selelct没有加入width样式</i-button>
-
-    <Modal
-            :visible.sync="modal1"
-            title="普通的Modal对话框标题">
-        <i-select :model.sync="model1" :style="modalStyle">
-            <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
-        </i-select>
-    </Modal>
-
-    <Modal
-            :visible.sync="modal2"
-            title="普通的Modal对话框标题">
-        <i-select :model.sync="model1" :style="modalStyle">
-            <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
-        </i-select>
-    </Modal>
+    <i-select :model.sync="model9" style="width:200px">
+        <i-option value="beijing" label="北京市">
+            <span>北京</span>
+            <span style="float:right;color:#ccc">Beiing</span>
+        </i-option>
+        <i-option value="shanghai" label="上海市">
+            <span>上海</span>
+            <span style="float:right;color:#ccc">ShangHai</span>
+        </i-option>
+        <i-option value="shenzhen" label="深圳市">
+            <span>深圳</span>
+            <span style="float:right;color:#ccc">ShenZhen</span>
+        </i-option>
+    </i-select>
 </template>
 <script>
     export default {
         data () {
             return {
-                modal1: false,
-                modal2: false,
-                modalStyle: '',
-                cityList: [
-                    {
-                        value: 'beijing',
-                        label: '北京市'
-                    },
-                    {
-                        value: 'shanghai',
-                        label: '上海市'
-                    },
-                    {
-                        value: 'shenzhen',
-                        label: '深圳市'
-                    },
-                    {
-                        value: 'hangzhou',
-                        label: '杭州市'
-                    },
-                    {
-                        value: 'nanjing',
-                        label: '南京市'
-                    },
-                    {
-                        value: 'chongqing',
-                        label: '重庆市'
-                    }
-                ],
-                model1: ''
-            }
-        },
-        computed: {
-            modalStyle: function(){
-                let s = ""
-                if (this.modal1)
-                    s = "width: 200px"
-                if (this.modal2)
-                    s = ""
-                return s
+                model9: 'shanghai'
             }
         }
     }