perf: optimize multiple-tab switching effect

src/views/demo/feat/tabs/index.vue

@@ -11,19 +11,40 @@
       <a-button class="mr-2" @click="closeOther">关闭其他</a-button>
       <a-button class="mr-2" @click="closeCurrent">关闭当前</a-button>
       <a-button class="mr-2" @click="refreshPage">刷新当前</a-button>
+      <a-button class="mr-2" @click="openTab">打开图标界面tab</a-button>
     </CollapseContainer>
   </div>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
   import { CollapseContainer } from '/@/components/Container/index';
+  import { PageEnum } from '/@/enums/pageEnum';
   import { useTabs } from '/@/hooks/web/useTabs';
   export default defineComponent({
     name: 'TabsDemo',
     components: { CollapseContainer },
     setup() {
-      const { closeAll, closeLeft, closeRight, closeOther, closeCurrent, refreshPage } = useTabs();
-      return { closeAll, closeLeft, closeRight, closeOther, closeCurrent, refreshPage };
+      const {
+        closeAll,
+        closeLeft,
+        closeRight,
+        closeOther,
+        closeCurrent,
+        refreshPage,
+        addTab,
+      } = useTabs();
+
+      return {
+        closeAll,
+        closeLeft,
+        closeRight,
+        closeOther,
+        closeCurrent,
+        refreshPage,
+        openTab: () => {
+          addTab('/feat/icon' as PageEnum, true);
+        },
+      };
     },
   });
 </script>