fixed fix upload/tabs/progress

CHANGELOG.md

@@ -12,9 +12,10 @@
 - 修复 TimePicker 图标样式被默认图标样式覆盖
 - 修复 在 mounted 钩子函数中改变 Select 绑定值不生效的问题
 - 修复 在多个依次出现的 Dialog 或 Message Box 全部关闭后页面有几率不可滚动的问题
+- 修复 Table 初次渲染时宽度重新计算 #78
 - 新增 时间、日期选择器增加 align 属性，可设置对齐方式
 - 新增 TableColumn 的 align 属性
-- 修复 Table 初次渲染时宽度重新计算 #78
+- 新增 autocomplete 的 select 事件
 
 #### 非兼容性更新
 - Select 组件样式的 `display` 属性默认值修改为 `block`

README.md

@@ -8,7 +8,7 @@
 
 ## Docs
 
-Coming soon
+<a href="http://element.eleme.io/">http://element.eleme.io/</a>
 
 ## Demo
 Demo will come with the documentation. Here is a preview of what a page based on Element looks like:

examples/docs/tabs.md

@@ -16,11 +16,6 @@
     }
   }
 </script>
-<style>
-  .el-tabs {
-    margin-bottom: 30px;
-  }
-</style>
 ## Tabs 标签页
 分隔内容上有关联但属于不同类别的数据集合。
 

examples/docs/upload.md

@@ -46,7 +46,7 @@
 ::: demo 通过 slot 你可以传入自定义的上传按钮类型和文字提示。
 ```html
 <el-upload
-  action="http://127.0.0.1:9000/upload"
+  action="http://jsonplaceholder.typicode.com/"
   :on-preview="handlePreview"
   :on-remove="handleRemove">
   <el-button size="small" type="primary">点击上传</el-button>
@@ -74,7 +74,7 @@
 ::: demo 将 `type` 属性指定为 'drag' 可以将上传控件变为支持拖拽的形式，并且你可以通过 `multiple` 属性来控制是否支持多选，`on-preview` 和 `on-remove` 是一个钩子函数，分别在点击上传后的文件链接和点击移除上传后的文件后被调用。
 ```html
 <el-upload
-  action="http://127.0.0.1:9000/upload"
+  action="http://jsonplaceholder.typicode.com/"
   type="drag"
   :multiple="true"
   :on-preview="handlePreview"
@@ -108,7 +108,7 @@
 ::: demo `thumbnail-mode` 属性允许你将上传组件强制只允许图片上传，并支持展示上传文件的缩略图。
 ```html
 <el-upload
-  action="http://127.0.0.1:9000/upload"
+  action="http://jsonplaceholder.typicode.com/"
   type="drag"
   :thumbnail-mode="true"
   :on-preview="handlePreview"

packages/progress/src/progress.vue

@@ -82,9 +82,9 @@
         return (this.strokeWidth / this.width * 100).toFixed(1);
       },
       trackPath() {
-        var radius = 50 - parseFloat(this.relativeStrokeWidth) / 2;
+        var radius = parseInt(50 - parseFloat(this.relativeStrokeWidth) / 2, 10);
 
-        return `M 50,50 m 0,-${radius} a ${radius},${radius} 0 1 1 0,${radius * 2} a ${radius},${radius} 0 1 1 0,-${radius * 2}`;
+        return `M 50 50 m 0 -${radius} a ${radius} ${radius} 0 1 1 0 ${radius * 2} a ${radius} ${radius} 0 1 1 0 -${radius * 2}`;
       },
       perimeter() {
         var radius = 50 - parseFloat(this.relativeStrokeWidth) / 2;

packages/tabs/src/tab-pane.vue

@@ -53,7 +53,7 @@
 </script>
 
 <template>
-  <div class="el-tab-pane" v-if="show">
+  <div class="el-tab-pane" v-if="show && $slots.default">
     <slot></slot>
   </div>
 </template>

packages/theme-default/src/progress.css

@@ -24,19 +24,17 @@
 
       .el-progress__text {
         position: absolute;
-        top: 0;
+        top: 50%;
         left: 0;
         width: 100%;
-        height: 100%;
         text-align: center;
         margin: 0;
+        transform: translate(0, -50%);
 
         i {
           vertical-align: middle;
           display: inline-block;
         }
-
-        @utils-vertical-center;
       }
     }
     @m without-text {

packages/upload/src/index.vue

@@ -160,7 +160,7 @@ export default {
   render(h) {
     var uploadList;
 
-    if (this.showUploadList && !this.thumbnailMode) {
+    if (this.showUploadList && !this.thumbnailMode && this.uploadedFiles.length) {
       uploadList = (
         <UploadList
           files={this.uploadedFiles}