From b678772e949d9aa5a768a4ba867d45f4ad77af98 Mon Sep 17 00:00:00 2001
From: wayne <chengzhou.weng@fraudmetrix.cn>
Date: Tue, 17 Oct 2017 18:14:01 +0800
Subject: [PATCH] Carbon: add migration mixin for breaking changes

---
 packages/autocomplete/src/autocomplete.vue | 10 +++++++++-
 packages/dialog/src/component.vue          | 10 +++++++++-
 packages/dropdown/src/dropdown.vue         | 10 +++++++++-
 packages/input/src/input.vue               | 14 +++++++++++++-
 packages/menu/src/menu.vue                 | 10 +++++++++-
 packages/rate/src/main.vue                 | 11 +++++++++++
 packages/steps/src/steps.vue               | 21 ++++++++++++++-------
 packages/transfer/src/main.vue             | 11 ++++++++++-
 8 files changed, 84 insertions(+), 13 deletions(-)

diff --git a/packages/autocomplete/src/autocomplete.vue b/packages/autocomplete/src/autocomplete.vue
index 4b5e82707..14331e2ea 100644
--- a/packages/autocomplete/src/autocomplete.vue
+++ b/packages/autocomplete/src/autocomplete.vue
@@ -63,12 +63,13 @@
   import Clickoutside from 'element-ui/src/utils/clickoutside';
   import ElAutocompleteSuggestions from './autocomplete-suggestions.vue';
   import Emitter from 'element-ui/src/mixins/emitter';
+  import Migrating from 'element-ui/src/mixins/migrating';
   import { generateId } from 'element-ui/src/utils/util';
 
   export default {
     name: 'ElAutocomplete',
 
-    mixins: [Emitter],
+    mixins: [Emitter, Migrating],
 
     componentName: 'ElAutocomplete',
 
@@ -137,6 +138,13 @@
       }
     },
     methods: {
+      getMigratingConfig() {
+        return {
+          props: {
+            'custom-item': 'custom-item is removed, use scoped slot intstead.'
+          }
+        };
+      },
       getData(queryString) {
         this.loading = true;
         this.fetchSuggestions(queryString, (suggestions) => {
diff --git a/packages/dialog/src/component.vue b/packages/dialog/src/component.vue
index 156227f86..24b377cad 100644
--- a/packages/dialog/src/component.vue
+++ b/packages/dialog/src/component.vue
@@ -30,12 +30,13 @@
 
 <script>
   import Popup from 'element-ui/src/utils/popup';
+  import Migrating from 'element-ui/src/mixins/migrating';
   import emitter from 'element-ui/src/mixins/emitter';
 
   export default {
     name: 'ElDialog',
 
-    mixins: [Popup, emitter],
+    mixins: [Popup, emitter, Migrating],
 
     props: {
       title: {
@@ -138,6 +139,13 @@
     },
 
     methods: {
+      getMigratingConfig() {
+        return {
+          props: {
+            'size': 'size is removed.'
+          }
+        };
+      },
       handleWrapperClick() {
         if (!this.closeOnClickModal) return;
         this.handleClose();
diff --git a/packages/dropdown/src/dropdown.vue b/packages/dropdown/src/dropdown.vue
index 66a0f140b..458643c83 100644
--- a/packages/dropdown/src/dropdown.vue
+++ b/packages/dropdown/src/dropdown.vue
@@ -1,6 +1,7 @@
 <script>
   import Clickoutside from 'element-ui/src/utils/clickoutside';
   import Emitter from 'element-ui/src/mixins/emitter';
+  import Migrating from 'element-ui/src/mixins/migrating';
   import ElButton from 'element-ui/packages/button';
   import ElButtonGroup from 'element-ui/packages/button-group';
 
@@ -9,7 +10,7 @@
 
     componentName: 'ElDropdown',
 
-    mixins: [Emitter],
+    mixins: [Emitter, Migrating],
 
     directives: { Clickoutside },
 
@@ -75,6 +76,13 @@
     },
 
     methods: {
+      getMigratingConfig() {
+        return {
+          props: {
+            'menu-align': 'menu-align is renamed to placement.'
+          }
+        };
+      },
       show() {
         if (this.triggerElm.disabled) return;
         clearTimeout(this.timeout);
diff --git a/packages/input/src/input.vue b/packages/input/src/input.vue
index c960804b1..0f39dbf4c 100644
--- a/packages/input/src/input.vue
+++ b/packages/input/src/input.vue
@@ -75,6 +75,7 @@
 <script>
   import emitter from 'element-ui/src/mixins/emitter';
   import Focus from 'element-ui/src/mixins/focus';
+  import Migrating from 'element-ui/src/mixins/migrating';
   import calcTextareaHeight from './calcTextareaHeight';
   import merge from 'element-ui/src/utils/merge';
 
@@ -83,7 +84,7 @@
 
     componentName: 'ElInput',
 
-    mixins: [emitter, Focus('input')],
+    mixins: [emitter, Focus('input'), Migrating],
 
     inject: {
       elFormItem: {
@@ -174,6 +175,17 @@
     },
 
     methods: {
+      getMigratingConfig() {
+        return {
+          props: {
+            'icon': 'icon is removed, use suffix-icon / prefix-icon instead.',
+            'on-icon-click': 'on-icon-click is removed.'
+          },
+          events: {
+            'click': 'click is removed.'
+          }
+        };
+      },
       handleBlur(event) {
         this.$emit('blur', event);
         if (this.validateEvent) {
diff --git a/packages/menu/src/menu.vue b/packages/menu/src/menu.vue
index f2d1ef69b..00d55229c 100644
--- a/packages/menu/src/menu.vue
+++ b/packages/menu/src/menu.vue
@@ -15,6 +15,7 @@
 </template>
 <script>
   import emitter from 'element-ui/src/mixins/emitter';
+  import Migrating from 'element-ui/src/mixins/migrating';
   import Menubar from 'element-ui/src/utils/menu/aria-menubar';
   import { addClass, removeClass, hasClass } from 'element-ui/src/utils/dom';
 
@@ -23,7 +24,7 @@
 
     componentName: 'ElMenu',
 
-    mixins: [emitter],
+    mixins: [emitter, Migrating],
 
     provide() {
       return {
@@ -147,6 +148,13 @@
       }
     },
     methods: {
+      getMigratingConfig() {
+        return {
+          props: {
+            'theme': 'theme is removed.'
+          }
+        };
+      },
       getColorChannels(color) {
         color = color.replace('#', '');
         if (/^[1-9a-fA-F]{3}$/.test(color)) {
diff --git a/packages/rate/src/main.vue b/packages/rate/src/main.vue
index 3dfbc3e7a..f6752b9c3 100644
--- a/packages/rate/src/main.vue
+++ b/packages/rate/src/main.vue
@@ -33,10 +33,13 @@
 
 <script>
   import { hasClass } from 'element-ui/src/utils/dom';
+  import Migrating from 'element-ui/src/mixins/migrating';
 
   export default {
     name: 'ElRate',
 
+    mixins: [Migrating],
+
     data() {
       return {
         classMap: {},
@@ -205,6 +208,14 @@
     },
 
     methods: {
+      getMigratingConfig() {
+        return {
+          props: {
+            'text-template': 'text-template is renamed to score-template.'
+          }
+        };
+      },
+
       getValueFromMap(value, map) {
         let result = '';
         if (value <= this.lowThreshold) {
diff --git a/packages/steps/src/steps.vue b/packages/steps/src/steps.vue
index ac9d793a4..c6d065778 100644
--- a/packages/steps/src/steps.vue
+++ b/packages/steps/src/steps.vue
@@ -10,9 +10,13 @@
 </template>
 
 <script>
+import Migrating from 'element-ui/src/mixins/migrating';
+
 export default {
   name: 'ElSteps',
 
+  mixins: [Migrating],
+
   props: {
     space: [Number, String],
     active: Number,
@@ -21,7 +25,6 @@ export default {
       default: 'horizontal'
     },
     alignCenter: Boolean,
-    center: Boolean,
     simple: Boolean,
     finishStatus: {
       type: String,
@@ -40,6 +43,16 @@ export default {
     };
   },
 
+  methods: {
+    getMigratingConfig() {
+      return {
+        props: {
+          'center': 'center is removed.'
+        }
+      };
+    }
+  },
+
   watch: {
     active(newVal, oldVal) {
       this.$emit('change', newVal, oldVal);
@@ -49,12 +62,6 @@ export default {
       steps.forEach((child, index) => {
         child.index = index;
       });
-      if (this.center) {
-        const len = steps.length;
-        this.$nextTick(() => {
-          this.stepOffset = steps[len - 1].$el.getBoundingClientRect().width / (len - 1);
-        });
-      }
     }
   }
 };
diff --git a/packages/transfer/src/main.vue b/packages/transfer/src/main.vue
index 8a43d842b..1839a5ee9 100644
--- a/packages/transfer/src/main.vue
+++ b/packages/transfer/src/main.vue
@@ -44,11 +44,12 @@
   import Emitter from 'element-ui/src/mixins/emitter';
   import Locale from 'element-ui/src/mixins/locale';
   import TransferPanel from './transfer-panel.vue';
+  import Migrating from 'element-ui/src/mixins/migrating';
 
   export default {
     name: 'ElTransfer',
 
-    mixins: [Emitter, Locale],
+    mixins: [Emitter, Locale, Migrating],
 
     components: {
       TransferPanel,
@@ -145,6 +146,14 @@
     },
 
     methods: {
+      getMigratingConfig() {
+        return {
+          props: {
+            'footer-format': 'footer-format is renamed to format.'
+          }
+        };
+      },
+
       onSourceCheckedChange(val) {
         this.leftChecked = val;
       },