perf: 👌屏蔽单击事件的外抛

xpyjs · May 15, 2023 · baaedba · baaedba
1 parent 8a3621c
commit baaedba
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/column/selection.vue b/src/components/column/selection.vue
@@ -6,15 +6,20 @@
     name="arrow-right"
     :class="['expand-icon', { 'expand-icon__expanded': data?.isExpand }]"
     :style="{ width: `${rowHeight / 2}px`, height: `${rowHeight / 2}px` }"
-    @click="
+    @click.stop="
       () => {
         data?.setExpand(!data.isExpand);
         flattenData();
       }
     "
   />
 
-  <input v-if="$styleBox.showCheckbox" v-model="checked" type="checkbox" />
+  <input
+    v-if="$styleBox.showCheckbox"
+    v-model="checked"
+    type="checkbox"
+    @click.stop
+  />
 </template>
 
 <script lang="ts" setup>

diff --git a/src/components/slider/index.vue b/src/components/slider/index.vue
@@ -14,6 +14,7 @@
           ? 0
           : `calc(calc(100% - ${height}) / 2)`
     }"
+    @click.stop
   >
     <div
       :class="[
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,6 +14,7 @@ @@
               ? 0
               : `calc(calc(100% - ${height}) / 2)`
         }"
+        @click.stop
       >
         <div
           :class="[
@@ Expand Down @@