From d94d98c464937eb3601e4415d3aaf12aae432c5b Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Tue, 17 Jan 2017 12:13:18 +0800
Subject: [PATCH] fixed #215

---
 src/components/select/option.vue |  3 ++-
 test/routers/select.vue          | 55 ++++++++++++++++++++++++++++++++++++++++---------------
 2 files changed, 42 insertions(+), 16 deletions(-)

diff --git a/src/components/select/option.vue b/src/components/select/option.vue
index 535e487..471f6a5 100644
--- a/src/components/select/option.vue
+++ b/src/components/select/option.vue
@@ -55,7 +55,8 @@
                 this.isFocus = false;
             },
             queryChange (val) {
-                this.hidden = !new RegExp(val, 'i').test(this.searchLabel);
+                const parsedQuery = val.replace(/(\^|\(|\)|\[|\]|\$|\*|\+|\.|\?|\\|\{|\}|\|)/g, '\\$1');
+                this.hidden = !new RegExp(parsedQuery, 'i').test(this.searchLabel);
             }
         },
         compiled () {
diff --git a/test/routers/select.vue b/test/routers/select.vue
index 72ccf95..90b325d 100644
--- a/test/routers/select.vue
+++ b/test/routers/select.vue
@@ -1,24 +1,49 @@
 <template>
-    <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>
+    <Row>
+        <i-col span="12" style="padding-right:10px">
+            <i-select :model.sync="model11" filterable>
+                <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
+            </i-select>
+        </i-col>
+        <i-col span="12">
+            <i-select :model.sync="model12" filterable multiple>
+                <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
+            </i-select>
+        </i-col>
+    </Row>
 </template>
 <script>
     export default {
         data () {
             return {
-                model9: 'shanghai'
+                cityList: [
+                    {
+                        value: 'beijing',
+                        label: '北京市'
+                    },
+                    {
+                        value: 'shanghai',
+                        label: '上海市'
+                    },
+                    {
+                        value: 'shenzhen',
+                        label: '深圳市'
+                    },
+                    {
+                        value: 'hangzhou',
+                        label: '杭州市'
+                    },
+                    {
+                        value: 'nanjing',
+                        label: '南京市'
+                    },
+                    {
+                        value: 'chongqing',
+                        label: '重庆市'
+                    }
+                ],
+                model11: '',
+                model12: []
             }
         }
     }
--
libgit2 0.21.4