@varlet/ui 3.3.12 → 3.3.13-alpha.1722867213138

package/es/index.bundle.mjs

@@ -265,7 +265,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.3.12'
+const version = '3.3.13-alpha.1722867213138'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -176,7 +176,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.3.12'
+const version = '3.3.13-alpha.1722867213138'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/loading-bar/index.mjs

@@ -2,84 +2,89 @@ import LoadingBarComponent from "./LoadingBar.mjs";
 import { reactive } from "vue";
 import { mountInstance } from "../utils/components.mjs";
 import { props as loadingBarProps } from "./props.mjs";
+const OPACITY_DELAY = 200;
 let valueTimer;
 let errorTimer;
-let opacityTimer;
 let finishTimer;
+let finishErrorTimer;
+let opacityTimer;
 let isMount;
-let setOptions = {};
+let internalOptions = {};
 const internalProps = {
   value: 0,
   opacity: 0,
   error: false
 };
-const props = reactive(internalProps);
-const setDefaultOptions = (options) => {
-  Object.assign(props, options);
-  setOptions = options;
-};
+const ctx = reactive(internalProps);
+function setDefaultOptions(options) {
+  Object.assign(ctx, options);
+  internalOptions = options;
+}
 const resetDefaultOptions = () => {
-  Object.keys(setOptions).forEach((key) => {
-    if (props[key] !== void 0) {
-      props[key] = void 0;
+  Object.keys(internalOptions).forEach((key) => {
+    if (ctx[key] !== void 0) {
+      ctx[key] = void 0;
     }
   });
 };
 const mount = () => {
   if (!isMount) {
     isMount = true;
-    mountInstance(LoadingBarComponent, props);
+    mountInstance(LoadingBarComponent, ctx);
   }
 };
-const tickValue = () => {
+const tick = () => {
   valueTimer = window.setTimeout(() => {
-    if (props.value >= 95)
+    if (ctx.value >= 95) {
       return;
-    let num = Math.random();
-    if (props.value < 70)
-      num = Math.round(5 * Math.random());
-    props.value += num;
-    tickValue();
+    }
+    ctx.value += ctx.value < 70 ? Math.round(5 * Math.random()) : Math.random();
+    tick();
   }, 200);
 };
 const clearTimer = () => {
-  window.clearTimeout(errorTimer);
   window.clearTimeout(valueTimer);
   window.clearTimeout(opacityTimer);
   window.clearTimeout(finishTimer);
+  window.clearTimeout(errorTimer);
+  window.clearTimeout(finishErrorTimer);
+};
+const finishTask = () => {
+  clearTimer();
+  ctx.value = 100;
+  opacityTimer = window.setTimeout(() => {
+    ctx.opacity = 0;
+    finishErrorTimer = window.setTimeout(() => {
+      ctx.error = false;
+    }, 250);
+  }, OPACITY_DELAY + 100);
 };
 const start = () => {
   clearTimer();
-  props.error = false;
-  props.value = 0;
+  ctx.error = false;
+  ctx.value = 0;
   mount();
   opacityTimer = window.setTimeout(() => {
-    props.opacity = 1;
-  }, 200);
-  tickValue();
+    ctx.opacity = 1;
+  }, OPACITY_DELAY);
+  tick();
 };
 const finish = () => {
-  clearTimer();
-  props.value = 100;
-  opacityTimer = window.setTimeout(() => {
-    props.opacity = 0;
-    errorTimer = window.setTimeout(() => {
-      props.error = false;
-    }, 250);
-  }, 300);
+  var _a;
+  finishTimer = window.setTimeout(finishTask, (_a = ctx.finishDelay) != null ? _a : 0);
 };
 const error = () => {
   clearTimer();
-  props.error = true;
-  if (props.value === 100) {
-    props.value = 0;
+  ctx.error = true;
+  if (ctx.value === 100) {
+    ctx.value = 0;
   }
   mount();
   opacityTimer = window.setTimeout(() => {
-    props.opacity = 1;
-  }, 200);
-  tickValue();
-  finishTimer = window.setTimeout(finish, 300);
+    ctx.opacity = 1;
+  }, OPACITY_DELAY);
+  tick();
+  errorTimer = window.setTimeout(finishTask, 300);
 };
 const LoadingBar = {
   start,

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
-import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
+import '../SnackbarSfc.css'