From 12a88c6d3b38678cd058239e0e65c568b6a67ccd Mon Sep 17 00:00:00 2001
From: yuyang <uyarnchen@gmail.com>
Date: Sun, 11 Dec 2022 17:30:06 +0800
Subject: [PATCH] feat: import type as type (#375)

---
 src/components/product-card/index.vue    | 2 +-
 src/layouts/components/Content.vue       | 3 ++-
 src/layouts/components/Header.vue        | 5 +++--
 src/layouts/components/LayoutContent.vue | 4 ++--
 src/layouts/components/MenuContent.vue   | 5 +++--
 src/layouts/components/Notice.vue        | 2 +-
 src/layouts/components/SideNav.vue       | 5 +++--
 src/layouts/setting.vue                  | 3 ++-
 src/pages/detail/secondary/index.vue     | 2 +-
 src/store/modules/notification.ts        | 2 +-
 src/store/modules/tabs-router.ts         | 2 +-
 11 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/components/product-card/index.vue b/src/components/product-card/index.vue
index 7946501..429f739 100644
--- a/src/components/product-card/index.vue
+++ b/src/components/product-card/index.vue
@@ -55,7 +55,7 @@
   </t-card>
 </template>
 <script setup lang="ts">
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import {
   ShopIcon,
   CalendarIcon,
diff --git a/src/layouts/components/Content.vue b/src/layouts/components/Content.vue
index 47d9472..069ad1e 100644
--- a/src/layouts/components/Content.vue
+++ b/src/layouts/components/Content.vue
@@ -9,7 +9,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ComputedRef } from 'vue';
+import { computed } from 'vue';
+import type { ComputedRef } from 'vue';
 import { useTabsRouterStore } from '@/store';
 
 // <suspense>标签属于实验性功能，请谨慎使用
diff --git a/src/layouts/components/Header.vue b/src/layouts/components/Header.vue
index b302afe..0fbf8ce 100644
--- a/src/layouts/components/Header.vue
+++ b/src/layouts/components/Header.vue
@@ -64,13 +64,14 @@
 </template>
 
 <script setup lang="ts">
-import { PropType, computed } from 'vue';
+import { computed } from 'vue';
+import type { PropType } from 'vue';
 import { useRouter } from 'vue-router';
 import { useSettingStore } from '@/store';
 import { getActive } from '@/router';
 import { prefix } from '@/config/global';
 import LogoFull from '@/assets/assets-logo-full.svg?component';
-import { MenuRoute } from '@/types/interface';
+import type { MenuRoute } from '@/types/interface';
 
 import Notice from './Notice.vue';
 import Search from './Search.vue';
diff --git a/src/layouts/components/LayoutContent.vue b/src/layouts/components/LayoutContent.vue
index 58cbfe6..77ef192 100644
--- a/src/layouts/components/LayoutContent.vue
+++ b/src/layouts/components/LayoutContent.vue
@@ -21,7 +21,7 @@
             :min-column-width="128"
             :popup-props="{
               overlayClassName: 'route-tabs-dropdown',
-              onVisibleChange: (visible: boolean, ctx) => handleTabMenuClick(visible, ctx, routeItem.path),
+              onVisibleChange: (visible, ctx) => handleTabMenuClick(visible, ctx, routeItem.path),
               visible: activeTabPath === routeItem.path,
             }"
           >
@@ -71,7 +71,7 @@ import { nextTick, ref, computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useSettingStore, useTabsRouterStore } from '@/store';
 import { prefix } from '@/config/global';
-import { TRouterInfo } from '@/types/interface';
+import type { TRouterInfo } from '@/types/interface';
 
 import LContent from './Content.vue';
 import LBreadcrumb from './Breadcrumb.vue';
diff --git a/src/layouts/components/MenuContent.vue b/src/layouts/components/MenuContent.vue
index fc9977e..7f77765 100644
--- a/src/layouts/components/MenuContent.vue
+++ b/src/layouts/components/MenuContent.vue
@@ -29,9 +29,10 @@
 </template>
 
 <script setup lang="ts">
-import { computed, PropType } from 'vue';
+import { computed } from 'vue';
+import type { PropType } from 'vue';
 import isObject from 'lodash/isObject';
-import { MenuRoute } from '@/types/interface';
+import type { MenuRoute } from '@/types/interface';
 import { getActive } from '@/router';
 
 const props = defineProps({
diff --git a/src/layouts/components/Notice.vue b/src/layouts/components/Notice.vue
index a2c3cf5..1a9b832 100644
--- a/src/layouts/components/Notice.vue
+++ b/src/layouts/components/Notice.vue
@@ -49,7 +49,7 @@
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useNotificationStore } from '@/store';
-import { NotificationItem } from '@/types/interface';
+import type { NotificationItem } from '@/types/interface';
 
 const router = useRouter();
 const store = useNotificationStore();
diff --git a/src/layouts/components/SideNav.vue b/src/layouts/components/SideNav.vue
index 9dbb065..a62b551 100644
--- a/src/layouts/components/SideNav.vue
+++ b/src/layouts/components/SideNav.vue
@@ -16,14 +16,15 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, PropType } from 'vue';
+import { computed, onMounted } from 'vue';
+import type { PropType } from 'vue';
 import { useRouter } from 'vue-router';
 import union from 'lodash/union';
 
 import { useSettingStore } from '@/store';
 import { prefix } from '@/config/global';
 import pgk from '../../../package.json';
-import { MenuRoute } from '@/types/interface';
+import type { MenuRoute } from '@/types/interface';
 import { getActive, getRoutesExpanded } from '@/router';
 
 import AssetLogo from '@/assets/assets-t-logo.svg?component';
diff --git a/src/layouts/setting.vue b/src/layouts/setting.vue
index 6591ab4..cfbf5b7 100644
--- a/src/layouts/setting.vue
+++ b/src/layouts/setting.vue
@@ -100,7 +100,8 @@
 </template>
 <script setup lang="ts">
 import { ref, computed, onMounted, watchEffect } from 'vue';
-import { MessagePlugin, PopupVisibleChangeContext } from 'tdesign-vue-next';
+import { MessagePlugin } from 'tdesign-vue-next';
+import type { PopupVisibleChangeContext } from 'tdesign-vue-next';
 import { Color } from 'tvision-color';
 import useClipboard from 'vue-clipboard3';
 
diff --git a/src/pages/detail/secondary/index.vue b/src/pages/detail/secondary/index.vue
index 5fc3cc7..f0f6cc4 100644
--- a/src/pages/detail/secondary/index.vue
+++ b/src/pages/detail/secondary/index.vue
@@ -60,7 +60,7 @@ export default {
 import { ref, computed } from 'vue';
 import { storeToRefs } from 'pinia';
 import { NOTIFICATION_TYPES } from '@/constants';
-import { NotificationItem } from '@/types/interface';
+import type { NotificationItem } from '@/types/interface';
 import EmptyIcon from '@/assets/assets-empty.svg?component';
 import { useNotificationStore } from '@/store';
 
diff --git a/src/store/modules/notification.ts b/src/store/modules/notification.ts
index 8c7325e..6405736 100644
--- a/src/store/modules/notification.ts
+++ b/src/store/modules/notification.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { NotificationItem } from '@/types/interface';
+import type { NotificationItem } from '@/types/interface';
 
 const msgData = [
   {
diff --git a/src/store/modules/tabs-router.ts b/src/store/modules/tabs-router.ts
index d52961c..00092a5 100644
--- a/src/store/modules/tabs-router.ts
+++ b/src/store/modules/tabs-router.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { TRouterInfo, TTabRouterType } from '@/types/interface';
+import type { TRouterInfo, TTabRouterType } from '@/types/interface';
 import { store } from '@/store';
 
 const homeRoute: Array<TRouterInfo> = [