Changelog: update for 1.4.5

CHANGELOG.en-US.md

 ## Changelog
 
+### 1.4.5
+
+*2017-09-24*
+
+- Rate's `colors` attribute now supports dynamic updates, #6872 @lukaszb
+- Fixed Tree not highlighting tree node whose value of `node-key` is 0, #6917
+- Fixed initially disabled Dropdown not showing menu when it's enabled, #6969
+- Added `hide-after` attribute for Tooltip, #6401 @ryatziv
+- Fixed cancel button of TimePicker not cancel picked value when clicked, #7028
+- Added `selectWhenUnmatched` attribute for Autocomplete, #6428 @ryatziv
+- Fixed when `beforeUpload` of a file returns false, other files are aborted by Upload, #7077
+- Fixed disabled dates of DatePicker in month view and year view not displayed correctly in the west hemisphere, #7114
+- `default-value` of DatePicker now supports daterange type, #7073 @wacky6
+
 ### 1.4.4
 
 *2017-09-05*

CHANGELOG.zh-CN.md

 ## 更新日志
 
+### 1.4.5
+*2017-09-24*
+
+- Rate 的 `colors` 属性现在可以动态更新了，#6872 @lukaszb
+- 修复 Tree 无法高亮 `node-key` 值为 0 的节点的问题，#6917
+- 修复初始状态被禁用的 Dropdown 在取消禁用后无法弹出下拉菜单的问题，#6969
+- Tooltip 新增 `hide-after` 属性，#6401 @ryatziv
+- 修复 TimePicker 取消按钮无法正确取消所选值的问题，#7028
+- Autocomplete 新增 `selectWhenUnmatched` 属性，#6428 @ryatziv
+- 修复 Upload 中某个文件的 `beforeUpload` 返回 `false` 时会错误地取消其他文件上传的问题，#7077
+- 修复 DatePicker 在西半球使用时月视图和年视图禁用日期显示错误的问题，#7114
+- DatePicker 的 `default-value` 属性支持 daterange 模式，#7073 @wacky6
+
 ### 1.4.4
 *2017-09-05*
 

examples/app.vue

@@ -118,6 +118,28 @@
   .demo {
     margin: 20px 0;
   }
+  
+  .carbon-teaser {
+    border-radius: 0;
+    .el-dialog__header {
+      display: none;
+    }
+    .el-dialog__body {
+      padding: 0;
+      position: relative;
+    }
+    .carbon-teaser__main {
+      width: 100%;
+    }
+    .carbon-teaser__close {
+      position: absolute;
+      width: 50px;
+      top: -25px;
+      right: -25px;
+      cursor: pointer;
+    }
+  }
+  
   @media (max-width: 1140px) {
     .container,
     .page-container {
@@ -140,6 +162,20 @@
       <router-view></router-view>
     </div>
     <main-footer v-if="lang !== 'play'"></main-footer>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      custom-class="carbon-teaser"
+      @close="handleDialogClose"
+      :close-on-press-escape="false"
+      :close-on-click-modal="false">
+      <img
+        src="~examples/assets/images/carbon-teaser.png"
+        class="carbon-teaser__main">
+      <img
+        @click="dialogVisible = false"
+        src="~examples/assets/images/dialog-close.png"
+        class="carbon-teaser__close">
+    </el-dialog>
   </div>
 </template>
 
@@ -152,6 +188,12 @@
   export default {
     name: 'app',
 
+    data() {
+      return {
+        dialogVisible: false
+      };
+    },
+
     computed: {
       lang() {
         return this.$route.path.split('/')[1] || 'zh-CN';
@@ -191,6 +233,10 @@
             document.documentElement.scrollTop = document.body.scrollTop = elm.offsetTop + 120;
           }, 50);
         }
+      },
+
+      handleDialogClose() {
+        localStorage.setItem('CARBON_TEASER', 1);
       }
     },
 
@@ -198,6 +244,13 @@
       this.localize();
       this.renderAnchorHref();
       this.goAnchor();
+
+      const intrigued = localStorage.getItem('CARBON_TEASER');
+      if (!intrigued) {
+        setTimeout(() => {
+          this.dialogVisible = true;
+        }, 2000);
+      }
     },
 
     created() {