Merge pull request #5485 from pyyzcwg2833/2.0

修复notification的进入transition失效 & loading-bar新增duration属性

Merge pull request #5485 from pyyzcwg2833/2.0
修复notification的进入transition失效 & loading-bar新增duration属性
Aresn · GitHub
2 parents fd77a3e8 e8a8d889
Showing 3 changed files with 11 additions and 2 deletions Show diff stats
src/components/base/notification/notice.vue
src/components/loading-bar/index.js
types/loading-bar.d.ts
 <template>
-    <transition :name="transitionName" @enter="handleEnter" @leave="handleLeave">
+    <transition :name="transitionName" @enter="handleEnter" @leave="handleLeave" appear>
         <div :class="classes" :style="styles">
             <template v-if="type === 'notice'">
                 <div :class="contentClasses" ref="content" v-html="content"></div>
@@ -2,6 +2,7 @@ import LoadingBar from &#39;./loading-bar&#39;;
  
 let loadingBarInstance;
 let color = 'primary';
+let duration = 800;
 let failedColor = 'error';
 let height = 2;
 let timer;
@@ -32,7 +33,7 @@ function hide() {
                 percent: 0
             });
         }, 200);
-    }, 800);
+    }, duration);
 }
  
 function clearTimer() {
@@ -96,6 +97,9 @@ export default {
         if (options.color) {
             color = options.color;
         }
+        if (options.duration) {
+            duration = options.duration;
+        }
         if (options.failedColor) {
             failedColor = options.failedColor;
         }
@@ -42,6 +42,11 @@ export declare interface LoadingBarConfig {
    */
   color?: string;
   /**
+   * 自动消失的延时, 默认为800ms
+   * @default 800
+   */
+  duration?: number;
+  /**
    * 失败时的进度条颜色，默认为 iView 主色 
    * @default error
    */