Commit 18cffe186a1d106e693253e66c5e66be2b92cb57

Authored by Aresn
Committed by GitHub
2 parents fd77a3e8 e8a8d889

Merge pull request #5485 from pyyzcwg2833/2.0

修复notification的进入transition失效 & loading-bar新增duration属性
src/components/base/notification/notice.vue
1 <template> 1 <template>
2 - <transition :name="transitionName" @enter="handleEnter" @leave="handleLeave"> 2 + <transition :name="transitionName" @enter="handleEnter" @leave="handleLeave" appear>
3 <div :class="classes" :style="styles"> 3 <div :class="classes" :style="styles">
4 <template v-if="type === 'notice'"> 4 <template v-if="type === 'notice'">
5 <div :class="contentClasses" ref="content" v-html="content"></div> 5 <div :class="contentClasses" ref="content" v-html="content"></div>
src/components/loading-bar/index.js
@@ -2,6 +2,7 @@ import LoadingBar from &#39;./loading-bar&#39;; @@ -2,6 +2,7 @@ import LoadingBar from &#39;./loading-bar&#39;;
2 2
3 let loadingBarInstance; 3 let loadingBarInstance;
4 let color = 'primary'; 4 let color = 'primary';
  5 +let duration = 800;
5 let failedColor = 'error'; 6 let failedColor = 'error';
6 let height = 2; 7 let height = 2;
7 let timer; 8 let timer;
@@ -32,7 +33,7 @@ function hide() { @@ -32,7 +33,7 @@ function hide() {
32 percent: 0 33 percent: 0
33 }); 34 });
34 }, 200); 35 }, 200);
35 - }, 800); 36 + }, duration);
36 } 37 }
37 38
38 function clearTimer() { 39 function clearTimer() {
@@ -96,6 +97,9 @@ export default { @@ -96,6 +97,9 @@ export default {
96 if (options.color) { 97 if (options.color) {
97 color = options.color; 98 color = options.color;
98 } 99 }
  100 + if (options.duration) {
  101 + duration = options.duration;
  102 + }
99 if (options.failedColor) { 103 if (options.failedColor) {
100 failedColor = options.failedColor; 104 failedColor = options.failedColor;
101 } 105 }
types/loading-bar.d.ts
@@ -42,6 +42,11 @@ export declare interface LoadingBarConfig { @@ -42,6 +42,11 @@ export declare interface LoadingBarConfig {
42 */ 42 */
43 color?: string; 43 color?: string;
44 /** 44 /**
  45 + * 自动消失的延时, 默认为800ms
  46 + * @default 800
  47 + */
  48 + duration?: number;
  49 + /**
45 * 失败时的进度条颜色,默认为 iView 主色 50 * 失败时的进度条颜色,默认为 iView 主色
46 * @default error 51 * @default error
47 */ 52 */