dpzvc3-ui 3.0.4 → 3.0.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dpzvc3-ui",
-  "version": "3.0.4",
-  "description": "Vue组件库",
+  "version": "3.0.6",
+  "description": "Vue3组件库",
   "main": "dist/dpzvc3.js",
   "module": "dist/dpzvc3.esm.js",
   "scripts": {

package/src/components/action-sheet/actionSheet.vue

@@ -20,7 +20,7 @@
           v-if="cancleText"
           href="javascript:;"
           :class="cancleClass"
-          @click="visible = false"
+          @click="cancleClick"
         >{{ cancleText }}</a>
       </div>
     </Popup>
@@ -80,6 +80,9 @@ export default defineComponent({
       emit('update:modelValue', false)
     }
 
+    const cancleClick = () => {
+      emit('update:modelValue', false)
+    }
     return {
       visible,
       actions,
@@ -87,6 +90,7 @@ export default defineComponent({
       wrapperClasses,
       wrapperActionClass,
       cancleClass,
+      cancleClick,
       emit: emitAction
     }
   }

package/src/components/swipe/swipe.vue

@@ -61,7 +61,7 @@
 
 <script>
 import { defineComponent, ref, computed, onMounted, onBeforeUnmount } from 'vue'
-
+import rafTimeout from '../../lib/lib'
 const prefixCls = 'dpzvc3-swipe'
 
 export default defineComponent({
@@ -205,7 +205,7 @@ export default defineComponent({
     }
 
     function autoSlide () {
-      timer.value = setTimeout(() => {
+      timer.value = rafTimeout(() => {
         if (!dragging.value && autoSwipe.value) {
           translateX.value -= clientWidth.value
           console.log(slideIndex.value, maxIndex.value, 'dsdadddasdss')
@@ -233,7 +233,8 @@ export default defineComponent({
     }
 
     function clearTimer () {
-      if (timer.value) clearTimeout(timer.value)
+      // if (timer.value) clearTimeout(timer.value)
+      timer.value && timer.value()
       timer.value = null
     }
 

package/src/lib/lib.js

@@ -0,0 +1,22 @@
+const rafTimeout = (callback, delay) => {
+  let start = null
+  let rafId
+
+  function loop (timestamp) {
+    if (!start) start = timestamp
+
+    if (timestamp - start >= delay) {
+      callback()
+      cancelAnimationFrame(rafId)
+    } else {
+      rafId = requestAnimationFrame(loop)
+    }
+  }
+
+  rafId = requestAnimationFrame(loop)
+
+  // 返回清除方法
+  return () => cancelAnimationFrame(rafId)
+}
+
+export default rafTimeout