From 27e50b47479af8eaeb4be020aeb0fcbdb4308295 Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: 星期日, 13 十二月 2020 22:05:34 +0800
Subject: [PATCH] perf(tabs): perf multiple-tabs
---
src/layouts/default/tabs/useMultipleTabs.ts | 7 ++++---
1 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/src/layouts/default/multitabs/useMultipleTabs.ts b/src/layouts/default/tabs/useMultipleTabs.ts
similarity index 91%
rename from src/layouts/default/multitabs/useMultipleTabs.ts
rename to src/layouts/default/tabs/useMultipleTabs.ts
index b5a7d48..182aad1 100644
--- a/src/layouts/default/multitabs/useMultipleTabs.ts
+++ b/src/layouts/default/tabs/useMultipleTabs.ts
@@ -2,6 +2,7 @@
import { toRaw, ref, nextTick, onMounted } from 'vue';
import { RouteLocationNormalized } from 'vue-router';
import { useProjectSetting } from '/@/hooks/setting';
+import { useDesign } from '/@/hooks/web/useDesign';
import router from '/@/router';
import { tabStore } from '/@/store/modules/tab';
import { isNullAndUnDef } from '/@/utils/is';
@@ -48,12 +49,12 @@
export function useTabsDrag(affixTextList: string[]) {
const { multiTabsSetting } = useProjectSetting();
+ const { prefixCls } = useDesign('multiple-tabs');
+
function initSortableTabs() {
if (!multiTabsSetting.canDrag) return;
nextTick(() => {
- const el = document.querySelectorAll(
- '.multiple-tabs .ant-tabs-nav > div'
- )?.[0] as HTMLElement;
+ const el = document.querySelectorAll(`.${prefixCls} .ant-tabs-nav > div`)?.[0] as HTMLElement;
if (!el) return;
Sortable.create(el, {
--
Gitblit v1.8.0