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 { 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元素
|
// 可能会找到拖拽的子元素,这里需要确保拖拽的dom时tab元素
|
||||||
function findParentElement(element: HTMLElement) {
|
function findParentElement(element: HTMLElement) {
|
||||||
|
@ -90,6 +94,12 @@ export function useTabsDrag(props: TabsProps, emit: EmitType) {
|
||||||
}
|
}
|
||||||
|
|
||||||
async function init() {
|
async function init() {
|
||||||
|
const { isMobile } = useIsMobile();
|
||||||
|
|
||||||
|
// 移动端下tab不需要拖拽
|
||||||
|
if (isMobile.value) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
await nextTick();
|
await nextTick();
|
||||||
initTabsSortable();
|
initTabsSortable();
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue