Changelog: update for 2.0.0

README.md

@@ -67,7 +67,7 @@ Vue.component(Button.name, Button)
 For more information, please refer to [Quick Start](http://element.eleme.io/#/en-US/component/quickstart) in our documentation.
 
 ## Browser Support
-Modern browsers and Internet Explorer 9+.
+Modern browsers and Internet Explorer 10+.
 
 ## Development
 Skip this part if you just want to use Element.

examples/app.vue

@@ -215,6 +215,35 @@
 
     mounted() {
       this.localize();
+      setTimeout(() => {
+        const notified = localStorage.getItem('RELEASE_NOTIFIED');
+        if (!notified) {
+          const h = this.$createElement;
+          const title = this.lang === 'zh-CN'
+            ? '2.0 正式发布'
+            : '2.0 available now';
+          const messages = this.lang === 'zh-CN'
+            ? ['点击', '这里', '查看详情']
+            : ['Click ', 'here', ' to learn more'];
+          this.$notify({
+            title,
+            duration: 0,
+            message: h('span', [
+              messages[0],
+              h('a', {
+                attrs: {
+                  target: '_blank',
+                  href: `https://github.com/ElemeFE/element/issues/${ this.lang === 'zh-CN' ? '7755' : '7756' }`
+                }
+              }, messages[1]),
+              messages[2]
+            ]),
+            onClose() {
+              localStorage.setItem('RELEASE_NOTIFIED', 1);
+            }
+          });
+        }
+      }, 3500);
     }
   };
 </script>

examples/docs/en-US/quickstart.md

@@ -4,11 +4,13 @@ This part walks you through the process of using Element in a webpack project.
 
 ### Use Starter Kit
 
-Under construction.
+We provide a general [project template](https://github.com/ElementUI/element-starter) for you. For Laravel users, we also have a [template](https://github.com/ElementUI/element-in-laravel-starter). You can download and use them directly.
+
+If you prefer not to use them, please read the following.
 
 ### Use vue-cli
 
-It is recommended to start a project using [vue-cli](https://github.com/vuejs/vue-cli):
+We can also start a project using [vue-cli](https://github.com/vuejs/vue-cli):
 
 ```shell
 > npm i -g vue-cli

examples/docs/zh-CN/quickstart.md

@@ -4,11 +4,13 @@
 
 ### 使用 Starter Kit
 
-整理中。
+我们提供了通用的[项目模板](https://github.com/ElementUI/element-starter)，你可以直接使用。对于 Laravel 用户，我们也准备了相应的[模板](https://github.com/ElementUI/element-in-laravel-starter)，同样可以直接下载使用。
+
+如果不希望使用我们提供的模板，请继续阅读。
 
 ### 使用 vue-cli
 
-我们推荐使用 [vue-cli](https://github.com/vuejs/vue-cli) 初始化项目，命令如下：
+我们还可以使用 [vue-cli](https://github.com/vuejs/vue-cli) 初始化项目，命令如下：
 
 ```shell
 > npm i -g vue-cli

examples/i18n/page.json

@@ -5,7 +5,7 @@
       "index": {
         "lang": "zh-CN",
         "titleSize": "34",
-        "paraSize": "20",
+        "paraSize": "18",
         "1": "网站快速成型工具",
         "2": "Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库",
         "3": "指南",
@@ -97,7 +97,7 @@
       "index": {
         "lang": "en-US",
         "titleSize": "34",
-        "paraSize": "20",
+        "paraSize": "18",
         "theatreParam": "{ maxSpeed: 100 }",
         "typingFunc": ".addScene('product designers', 1800, -17, 800)\n          .addScene('UI designers', 1800, -12, 800)\n          .addScene('UX designers', 1800, -12, 800)\n          .addScene('product managers', 1800, -16, 800)\n          .addScene('FE developers', 1800, -13, 800)",
         "typingInvoke": ".addActor('line2', { speed: 1, accuracy: 1 })\n        .addScene(2600)\n        .addScene('line2:For ', 500)",

examples/pages/template/index.tpl

@@ -16,7 +16,7 @@
       font-size: <%= paraSize >px;
       line-height: 28px;
       color: #888;
-      margin: 15px 0 0;
+      margin: 10px 0 5px;
     }
   }
   .jumbotron {

packages/collapse/src/collapse-item.vue

@@ -14,7 +14,7 @@
         tabindex="0"
         @keyup.space.enter.stop="handleEnterClick"
         :class="{'focusing': focusing}"
-        @focus="focusing = true"
+        @focus="handleFocus"
         @blur="focusing = false"
       >
         <i class="el-collapse-item__arrow el-icon-arrow-right"></i>
@@ -58,7 +58,8 @@
           display: 'block'
         },
         contentHeight: 0,
-        focusing: false
+        focusing: false,
+        isClick: false
       };
     },
 
@@ -84,9 +85,19 @@
     },
 
     methods: {
+      handleFocus() {
+        setTimeout(() => {
+          if (!this.isClick) {
+            this.focusing = true;
+          } else {
+            this.isClick = false;
+          }
+        }, 50);
+      },
       handleHeaderClick() {
         this.dispatch('ElCollapse', 'item-click', this);
         this.focusing = false;
+        this.isClick = true;
       },
       handleEnterClick() {
         this.dispatch('ElCollapse', 'item-click', this);

packages/tabs/src/tab-bar.vue

@@ -33,10 +33,16 @@
               return true;
             } else {
               tabSize = $el[`client${firstUpperCase(sizeName)}`];
+              if (sizeName === 'width') {
+                tabSize -= index === 0 ? 20 : 40;
+              }
               return false;
             }
           });
 
+          if (sizeName === 'width' && offset !== 0) {
+            offset += 20;
+          }
           const transform = `translate${firstUpperCase(sizeDir)}(${offset}px)`;
           style[sizeName] = tabSize + 'px';
           style.transform = transform;

packages/theme-chalk/src/tabs.scss

@@ -224,6 +224,11 @@
       }
     }
   }
+  @include m((top, bottom)) {
+    &:not(.el-tabs--border-card):not(.el-tabs--card) .el-tabs__item:nth-child(2) {
+      padding-left: 0;
+    }
+  }
   @include m(bottom) {
     .el-tabs__header {
       margin-bottom: 0;