Преглед изворни кода

chore(@vben-core/tabs-ui): cancel drag and drop function on mobile devices (#4303)

resolve  #4301
invalid w пре 7 месеци
родитељ
комит
95a4a85c3b
1 измењених фајлова са 11 додато и 1 уклоњено
  1. 11 1
      packages/@core/ui-kit/tabs-ui/src/use-tabs-drag.ts

+ 11 - 1
packages/@core/ui-kit/tabs-ui/src/use-tabs-drag.ts

@@ -4,7 +4,11 @@ import type { TabsProps } from './types';
 
 import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
 
-import { type Sortable, useSortable } from '@vben-core/composables';
+import {
+  type Sortable,
+  useIsMobile,
+  useSortable,
+} from '@vben-core/composables';
 
 // 可能会找到拖拽的子元素,这里需要确保拖拽的dom时tab元素
 function findParentElement(element: HTMLElement) {
@@ -90,6 +94,12 @@ export function useTabsDrag(props: TabsProps, emit: EmitType) {
   }
 
   async function init() {
+    const { isMobile } = useIsMobile();
+
+    // 移动端下tab不需要拖拽
+    if (isMobile.value) {
+      return;
+    }
     await nextTick();
     initTabsSortable();
   }