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

resolve  #4301
This commit is contained in:
invalid w 2024-09-03 13:02:19 +08:00 committed by GitHub
parent 3f2dcb8281
commit 95a4a85c3b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 1 deletions

View File

@ -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();
}