From d87ce40a740534e9876c228be2fcfebb1e902af3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Mon, 8 May 2017 14:22:24 +0800
Subject: [PATCH] update Select

---
 examples/routers/select.vue      | 17 +++++++++--------
 src/components/select/select.vue | 19 +++++++++++++++++--
 2 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/examples/routers/select.vue b/examples/routers/select.vue
index 9c85fbab..8fd13473 100644
--- a/examples/routers/select.vue
+++ b/examples/routers/select.vue
@@ -1,18 +1,19 @@
 <template>
-    <div style="width: 200px;margin: 100px;">
-        {{ model }}
-        <i-select v-model="model" filterable remote :remote-method="remoteMethod" :loading="loading" clearable style="width:200px">
-            <i-option v-for="option in options" :value="option.value" :key="option">{{option.label}}</i-option>
-        </i-select>
-        <!--<Button @click="handleAdd">+</Button>-->
-    </div>
+    <Row>
+        <i-col span="4">{{model}}</i-col>
+        <i-col span="8">
+            <i-select v-model="model" multiple filterable remote :remote-method="remoteMethod" :loading="loading" clearable>
+                <i-option v-for="option in options" :value="option.value" :key="option">{{option.label}}</i-option>
+            </i-select>
+        </i-col>
+    </Row>
 </template>
 
 <script>
     export default {
         data () {
             return {
-                model: '',
+                model: [],
                 options: [
 
                 ],
diff --git a/src/components/select/select.vue b/src/components/select/select.vue
index ea6b2738..d0d6fe03 100644
--- a/src/components/select/select.vue
+++ b/src/components/select/select.vue
@@ -300,7 +300,7 @@
             },
             updateMultipleSelected (init = false, slot = false) {
                 if (this.multiple && Array.isArray(this.model)) {
-                    let selected = [];
+                    let selected = this.remote ? this.selectedMultiple : [];
 
                     for (let i = 0; i < this.model.length; i++) {
                         const model = this.model[i];
@@ -317,7 +317,16 @@
                         }
                     }
 
-                    this.selectedMultiple = selected;
+                    const selectedArray = [];
+                    const selectedObject = {};
+                    selected.forEach(item => {
+                        if (!selectedObject[item.value]) {
+                            selectedArray.push(item);
+                            selectedObject[item.value] = 1;
+                        }
+                    });
+
+                    this.selectedMultiple = this.remote ? selectedArray : selected;
 
                     if (slot) {
                         let selectedModel = [];
@@ -340,6 +349,12 @@
                 if (this.disabled) {
                     return false;
                 }
+
+                if (this.remote) {
+                    const tag = this.model[index];
+                    this.selectedMultiple = this.selectedMultiple.filter(item => item.value !== tag);
+                }
+
                 this.model.splice(index, 1);
 
                 if (this.filterable && this.visible) {