@varlet/ui 2.8.6-alpha.1678026868230 → 2.8.6

package/es/countdown/Countdown.mjs

@@ -28,11 +28,7 @@ var __sfc__ = defineComponent({
   props,
 
   setup(props) {
-    var endTime = ref(0);
-    var isStart = ref(false);
     var showTime = ref('');
-    var handle = ref(0);
-    var pauseTime = ref(0);
     var timeData = ref({
       days: 0,
       hours: 0,
@@ -40,6 +36,10 @@ var __sfc__ = defineComponent({
       seconds: 0,
       milliseconds: 0
     });
+    var endTime = 0;
+    var isStart = false;
+    var handle = 0;
+    var remainingTime = 0;
     var cacheIsStart;
 
     var parseFormat = (format, time) => {
@@ -69,7 +69,7 @@ var __sfc__ = defineComponent({
       return format;
     };
 
-    var formatTime = durationTime => {
+    var displayTime = durationTime => {
       var days = Math.floor(durationTime / DAY);
       var hours = Math.floor(durationTime % DAY / HOUR);
       var minutes = Math.floor(durationTime % HOUR / MINUTE);
@@ -90,60 +90,68 @@ var __sfc__ = defineComponent({
     var countdown = () => {
       var {
         time,
-        onEnd,
-        autoStart
+        onEnd
       } = props;
       var now = performance.now();
 
-      if (!endTime.value) {
-        endTime.value = now + toNumber(time);
+      if (!endTime) {
+        endTime = now + toNumber(time);
       }
 
-      var durationTime = endTime.value - now;
+      remainingTime = endTime - now;
 
-      if (durationTime < 0) {
-        durationTime = 0;
+      if (remainingTime < 0) {
+        remainingTime = 0;
       }
 
-      pauseTime.value = durationTime;
-      formatTime(durationTime);
+      displayTime(remainingTime);
 
-      if (durationTime === 0) {
+      if (remainingTime === 0) {
         call(onEnd);
         return;
       }
 
-      if (autoStart || isStart.value) {
-        handle.value = requestAnimationFrame(countdown);
+      if (isStart) {
+        handle = requestAnimationFrame(countdown);
       }
     }; // expose
 
 
-    var start = () => {
-      if (isStart.value) {
+    var start = function (resume) {
+      if (resume === void 0) {
+        resume = false;
+      }
+
+      if (isStart && !resume) {
         return;
       }
 
-      isStart.value = true;
-      endTime.value = performance.now() + (pauseTime.value || toNumber(props.time));
+      isStart = true;
+      endTime = performance.now() + (remainingTime || toNumber(props.time));
       countdown();
     }; // expose
 
 
     var pause = () => {
-      isStart.value = false;
-      cancelAnimationFrame(handle.value);
+      isStart = false;
+      cancelAnimationFrame(handle);
     }; // expose
 
 
     var reset = () => {
-      endTime.value = 0;
-      isStart.value = false;
-      cancelAnimationFrame(handle.value);
+      endTime = 0;
+      isStart = false;
+      cancelAnimationFrame(handle);
       countdown();
     };
 
-    watch(() => props.time, reset, {
+    watch(() => props.time, () => {
+      reset();
+
+      if (props.autoStart) {
+        start();
+      }
+    }, {
       immediate: true
     });
     onActivated(() => {
@@ -151,14 +159,14 @@ var __sfc__ = defineComponent({
         return;
       }
 
-      isStart.value = cacheIsStart;
+      isStart = cacheIsStart;
 
-      if (isStart.value === true) {
-        countdown();
+      if (isStart === true) {
+        start(true);
       }
     });
     onDeactivated(() => {
-      cacheIsStart = isStart.value;
+      cacheIsStart = isStart;
       pause();
     });
     onUnmounted(pause);

package/es/index.bundle.mjs

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

package/es/index.mjs

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