@varlet/ui 2.8.6-alpha.1678026101378 → 2.8.6-alpha.1678028497778

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,11 @@ 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) => {
       var scannedTimes = Object.values(time);
@@ -94,59 +95,67 @@ var __sfc__ = defineComponent({
       } = 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);
+      formatTime(remainingTime);
 
-      if (durationTime === 0) {
+      if (remainingTime === 0) {
         call(onEnd);
         return;
       }
 
-      if (autoStart || isStart.value) {
-        handle.value = requestAnimationFrame(countdown);
+      if (autoStart || isStart) {
+        handle = requestAnimationFrame(countdown);
       }
     }; // expose
 
 
     var start = () => {
-      if (isStart.value) {
-        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, {
       immediate: true
     });
-    onActivated(start);
-    onDeactivated(pause);
+    onActivated(() => {
+      if (cacheIsStart == null) {
+        return;
+      }
+
+      isStart = cacheIsStart;
+
+      if (isStart === true) {
+        start();
+      }
+    });
+    onDeactivated(() => {
+      cacheIsStart = isStart;
+      pause();
+    });
     onUnmounted(pause);
     return {
       showTime,

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.1678026101378'
+const version = '2.8.6-alpha.1678028497778'
 
 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.1678026101378'
+const version = '2.8.6-alpha.1678028497778'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)