去除点击蒙版也会触发成功的bug

src/views/components/login/components/PuzzleVerification.vue

@@ -1,14 +1,7 @@
 <template>
   <div>
-    <div
-      v-show="show"
-      :class="['vue-puzzle-vcode', { show_: show }]"
-      @mousedown="onCloseMouseDown"
-      @mouseup="onCloseMouseUp"
-      @touchstart="onCloseMouseDown"
-      @touchend="onCloseMouseUp"
-    >
-      <div class="vue-auth-box_" @mousedown.stop @touchstart.stop>
+    <div v-show="show" :class="['vue-puzzle-vcode', { show_: show }]" @click.stop="onMaskClick">
+      <div class="vue-auth-box_" @mousedown.stop @touchstart.stop @click.stop>
         <div style="margin-bottom: 10px; fonst-size: 16px; color: #211f24">输入图形验证码</div>
         <div class="auth-body_" :style="`height: ${canvasHeight}px`">
           <!-- 主图，有缺口 -->
@@ -144,7 +137,7 @@ const puzzleBaseSize = computed(() => {
 const sliderBaseSize = computed(() => {
   return Math.max(Math.min(Math.round(props.sliderSize), Math.round(props.canvasWidth * 0.5)), 10);
 });
-
+const onMaskClick = () => {};
 // 生命周期
 onMounted(() => {
   document.addEventListener('mousemove', onRangeMouseMove, { passive: false });
@@ -188,19 +181,19 @@ function onClose() {
   }
 }
 
-function onCloseMouseDown() {
-  closeDown.value = true;
-  init(true);
-  //给父组件传一个状态
-  emit('submit', 'F');
-}
+// function onCloseMouseDown() {
+//   closeDown.value = true;
+//   init(true);
+//   //给父组件传一个状态
+//   emit('submit', 'F');
+// }
 
-function onCloseMouseUp() {
-  if (closeDown.value) {
-    onClose();
-  }
-  closeDown.value = false;
-}
+// function onCloseMouseUp() {
+//   if (closeDown.value) {
+//     onClose();
+//   }
+//   closeDown.value = false;
+// }
 
 function onRangeMouseDown(e) {
   if (isCanSlide.value) {