chore(@vben-core/tabs-ui): cancel drag and drop function on mobile devices (#4303)
resolve #4301pull/48/MERGE
parent
3f2dcb8281
commit
95a4a85c3b
|
@ -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();
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue