@varlet/ui 2.9.0-alpha.1678546817949 → 2.9.0

package/es/index.bundle.mjs

@@ -238,7 +238,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.9.0-alpha.1678546817949'
+const version = '2.9.0'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -158,7 +158,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.9.0-alpha.1678546817949'
+const version = '2.9.0'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/loading-bar/index.mjs

@@ -1,7 +1,10 @@
 import LoadingBarComponent from './LoadingBar.mjs';
 import { reactive } from 'vue';
 import { mountInstance } from '../utils/components.mjs';
-var timer;
+var valueTimer;
+var errorTimer;
+var opacityTimer;
+var finishTimer;
 var isMount;
 var setOptions = {};
 var internalProps = {
@@ -28,47 +31,66 @@ var resetDefaultOptions = () => {
   });
 };
 
-var changeValue = () => {
-  timer = window.setTimeout(() => {
+var mount = () => {
+  if (!isMount) {
+    isMount = true;
+    mountInstance(LoadingBarComponent, props);
+  }
+};
+
+var tickValue = () => {
+  valueTimer = window.setTimeout(() => {
     if (props.value >= 95) return;
     var num = Math.random();
     if (props.value < 70) num = Math.round(5 * Math.random());
     props.value += num;
-    changeValue();
+    tickValue();
   }, 200);
 };
 
-var start = () => {
-  if (!isMount) {
-    isMount = true;
-    mountInstance(LoadingBarComponent, props);
-  }
-
-  if (!props.error || props.value === 100) {
-    props.value = 0;
-  }
+var clearTimer = () => {
+  window.clearTimeout(errorTimer);
+  window.clearTimeout(valueTimer);
+  window.clearTimeout(opacityTimer);
+  window.clearTimeout(finishTimer);
+};
 
-  setTimeout(() => {
+var start = () => {
+  clearTimer();
+  props.error = false;
+  props.value = 0;
+  mount();
+  opacityTimer = window.setTimeout(() => {
     props.opacity = 1;
   }, 200);
-  changeValue();
+  tickValue();
 };
 
 var finish = () => {
+  clearTimer();
   props.value = 100;
-  setTimeout(() => {
+  opacityTimer = window.setTimeout(() => {
     props.opacity = 0;
-    setTimeout(() => {
+    errorTimer = window.setTimeout(() => {
       props.error = false;
     }, 250);
   }, 300);
-  window.clearTimeout(timer);
 };
 
 var error = () => {
+  clearTimer();
   props.error = true;
-  LoadingBar.start();
-  setTimeout(LoadingBar.finish, 300);
+
+  if (props.value === 100) {
+    props.value = 0;
+  }
+
+  mount();
+  opacityTimer = window.setTimeout(() => {
+    props.opacity = 1;
+  }, 200);
+  tickValue();
+  finishTimer = window.setTimeout(finish, 300);
 };
 
 var LoadingBar = {