fixed #1553

梁灏
1 parent 6da6fffa
Showing 3 changed files with 114 additions and 106 deletions Show diff stats
examples/routers/cascader.vue
src/components/cascader/caspanel.vue
src/locale/lang/vi-VN.js
 <template>
-    <div style="width: 400px;">
-        <Row>
-            <i-col span="12">
-                <Cascader transfer v-model="value3" :data="data" filterable></Cascader>
-            </i-col>
-            <i-col span="12">
-                <Cascader v-model="value3" :data="data" filterable></Cascader>
-            </i-col>
-        </Row>
+    <div style="margin: 100px;width: 200px;">
+        <Cascader :data="data" v-model="value1" change-on-select></Cascader>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
+                value1: [],
                 data: [{
                     value: 'beijing',
                     label: '北京',
@@ -60,8 +54,7 @@
                             ]
                         }
                     ],
-                }],
-                value3: []
+                }]
             }
         }
     }
@@ -15,7 +15,7 @@
 <script>
     import Casitem from './casitem.vue';
     import Emitter from '../../mixins/emitter';
-    import { findComponentUpward } from '../../utils/assist';
+    import { findComponentUpward, findComponentDownward } from '../../utils/assist';
  
     let key = 1;
  
@@ -84,6 +84,14 @@
                         changeOnSelect: this.changeOnSelect,
                         fromInit: fromInit
                     });
+
+                    // #1553
+                    if (this.changeOnSelect) {
+                        const Caspanel = findComponentDownward(this, 'Caspanel');
+                        if (Caspanel) {
+                            Caspanel.$emit('on-clear', true);
+                        }
+                    }
                 } else {
                     this.sublist = [];
                     this.dispatch('Cascader', 'on-result-change', {
@@ -135,9 +143,16 @@
                     }
                 }
             });
-            this.$on('on-clear', () => {
+            // deep for #1553
+            this.$on('on-clear', (deep = false) => {
                 this.sublist = [];
                 this.tmpItem = {};
+                if (deep) {
+                    const Caspanel = findComponentDownward(this, 'Caspanel');
+                    if (Caspanel) {
+                        Caspanel.$emit('on-clear', true);
+                    }
+                }
             });
         }
     };
 export default {
-  i: {
-    select: {
-      placeholder: 'Chọn',
-      noMatch: 'Không tìm thấy',
-      loading: 'Đang tải'
-    },
-    table: {
-      noDataText: 'Không có dữ liệu',
-      noFilteredDataText: 'Không có dữ liệu lọc',
-      confirmFilter: 'Xác nhận',
-      resetFilter: 'Làm lại',
-      clearFilter: 'Xóa hết'
-    },
-    datepicker: {
-      selectDate: 'Chọn ngày',
-      selectTime: 'Chọn giờ',
-      startTime: 'Ngày bắt đầu',
-      endTime: 'Ngày kết thúc',
-      clear: 'Xóa',
-      ok: 'Đồng ý',
-      month: '',
-      month1: 'Tháng 1',
-      month2: 'Tháng 2',
-      month3: 'Tháng 3',
-      month4: 'Tháng 4',
-      month5: 'Tháng 5',
-      month6: 'Tháng 6',
-      month7: 'Tháng 7',
-      month8: 'Tháng 8',
-      month9: 'Tháng 9',
-      month10: 'Tháng 10',
-      month11: 'Tháng 11',
-      month12: 'Tháng 12',
-      year: '',
-      weeks: {
-        sun: 'CN',
-        mon: 'T2',
-        tue: 'T3',
-        wed: 'T4',
-        thu: 'T5',
-        fri: 'T6',
-        sat: 'T7'
-      },
-      months: {
-        m1: 'Th.1',
-        m2: 'Th.2',
-        m3: 'Th.3',
-        m4: 'Th.4',
-        m5: 'Th.5',
-        m6: 'Th.6',
-        m7: 'Th.7',
-        m8: 'Th.8',
-        m9: 'Th.9',
-        m10: 'Th.10',
-        m11: 'Th.11',
-        m12: 'Th.12'
-      }
-    },
-    transfer: {
-      titles: {
-        source: 'Nguồn',
-        target: 'Đích'
-      },
-      filterPlaceholder: 'Nhập từ khóa',
-      notFoundText: 'Không tìm thấy'
-    },
-    modal: {
-      okText: 'Đồng ý',
-      cancelText: 'Hủy bỏ'
-    },
-    poptip: {
-      okText: 'Đồng ý',
-      cancelText: 'Hủy bỏ'
-    },
-    page: {
-      prev: 'Trang trước',
-      next: 'Trang kế',
-      total: 'Tổng',
-      item: 'kết quả',
-      items: 'kết quả',
-      prev5: '5 trang trước',
-      next5: '5 trang kế',
-      page: '/trang',
-      goto: 'Tới trang',
-      p: ''
-    },
-    rate: {
-      star: 'Sao',
-      stars: 'Sao'
-    },
-    tree: {
-      emptyText: 'Không có dữ liệu'
+    i: {
+        select: {
+            placeholder: 'Chọn',
+            noMatch: 'Không tìm thấy',
+            loading: 'Đang tải'
+        },
+        table: {
+            noDataText: 'Không có dữ liệu',
+            noFilteredDataText: 'Không có dữ liệu lọc',
+            confirmFilter: 'Xác nhận',
+            resetFilter: 'Làm lại',
+            clearFilter: 'Xóa hết'
+        },
+        datepicker: {
+            selectDate: 'Chọn ngày',
+            selectTime: 'Chọn giờ',
+            startTime: 'Ngày bắt đầu',
+            endTime: 'Ngày kết thúc',
+            clear: 'Xóa',
+            ok: 'Đồng ý',
+            month: '',
+            month1: 'Tháng 1',
+            month2: 'Tháng 2',
+            month3: 'Tháng 3',
+            month4: 'Tháng 4',
+            month5: 'Tháng 5',
+            month6: 'Tháng 6',
+            month7: 'Tháng 7',
+            month8: 'Tháng 8',
+            month9: 'Tháng 9',
+            month10: 'Tháng 10',
+            month11: 'Tháng 11',
+            month12: 'Tháng 12',
+            year: '',
+            weeks: {
+                sun: 'CN',
+                mon: 'T2',
+                tue: 'T3',
+                wed: 'T4',
+                thu: 'T5',
+                fri: 'T6',
+                sat: 'T7'
+            },
+            months: {
+                m1: 'Th.1',
+                m2: 'Th.2',
+                m3: 'Th.3',
+                m4: 'Th.4',
+                m5: 'Th.5',
+                m6: 'Th.6',
+                m7: 'Th.7',
+                m8: 'Th.8',
+                m9: 'Th.9',
+                m10: 'Th.10',
+                m11: 'Th.11',
+                m12: 'Th.12'
+            }
+        },
+        transfer: {
+            titles: {
+                source: 'Nguồn',
+                target: 'Đích'
+            },
+            filterPlaceholder: 'Nhập từ khóa',
+            notFoundText: 'Không tìm thấy'
+        },
+        modal: {
+            okText: 'Đồng ý',
+            cancelText: 'Hủy bỏ'
+        },
+        poptip: {
+            okText: 'Đồng ý',
+            cancelText: 'Hủy bỏ'
+        },
+        page: {
+            prev: 'Trang trước',
+            next: 'Trang kế',
+            total: 'Tổng',
+            item: 'kết quả',
+            items: 'kết quả',
+            prev5: '5 trang trước',
+            next5: '5 trang kế',
+            page: '/trang',
+            goto: 'Tới trang',
+            p: ''
+        },
+        rate: {
+            star: 'Sao',
+            stars: 'Sao'
+        },
+        tree: {
+            emptyText: 'Không có dữ liệu'
+        }
     }
-  }
 };