From fa0491c484264cee2d370a8a2ff36c52a8ae42f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Sat, 1 Jan 2022 16:09:42 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4defineEmits?=
 =?UTF-8?q?=E5=92=8CdefineProps=E5=86=85=E7=BD=AE=E5=AE=8F=E7=9A=84?=
 =?UTF-8?q?=E5=BC=95=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/IconSelect/index.vue       |  2 +-
 src/components/Pagination/index.vue       |  2 +-
 src/components/TreeSelect/index.vue       |  2 +-
 src/layout/components/TagsView/index.vue  | 16 ++++++----------
 src/views/system/menu/components/Menu.vue |  2 +-
 src/views/system/role/components/Menu.vue |  2 +-
 src/views/system/role/components/Perm.vue |  2 +-
 7 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index f4618393..f4be7071 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script setup>
-import {defineEmits, ref} from "vue";
+import { ref} from "vue";
 import SvgIcon from '@/components/SvgIcon/index.vue';
 
 let icons = []
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index c800db27..c1bd8d17 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup>
-import {computed,defineProps,defineEmits} from "vue";
+import {computed} from "vue";
 import {scrollTo} from '@/utils/scroll-to'
 
 const props=defineProps({
diff --git a/src/components/TreeSelect/index.vue b/src/components/TreeSelect/index.vue
index f99e0ec3..11f95a0d 100644
--- a/src/components/TreeSelect/index.vue
+++ b/src/components/TreeSelect/index.vue
@@ -29,7 +29,7 @@
 </template>
 
 <script setup>
-import {defineEmits, ref, getCurrentInstance ,nextTick,onMounted,computed,watch} from "vue";
+import {ref, getCurrentInstance ,nextTick,onMounted,computed,watch} from "vue";
 const { proxy } = getCurrentInstance();
 
 const state = defineProps({
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index ca1bad3c..934e455b 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -45,19 +45,15 @@ import {tagsViewStoreHook} from '@/store/modules/tagsView'
 import {usePermissionStoreHook} from '@/store/modules/Permission'
 import path from 'path-browserify'
 import {
-  defineComponent,
   computed,
   getCurrentInstance,
   nextTick,
-  onBeforeMount,
-  reactive,
   ref,
-  toRefs,
   watch,
   onMounted
 } from "vue";
 import {RouteRecordRaw, useRoute, useRouter} from 'vue-router'
-import {TagView} from "@store/interface";
+import {TagView} from "@/store/interface";
 
 import ScrollPane from './ScrollPane.vue'
 import {Close} from '@element-plus/icons'
@@ -114,12 +110,12 @@ function filterAffixTags(routes: RouteRecordRaw[], basePath = '/') {
 }
 
 function initTags() {
-  const res = filterAffixTags(routes.value)
+  const res = filterAffixTags(routes.value) as []
   affixTags.value = res
   for (const tag of res) {
     // Must have tag name
-    if (tag.name) {
-      tagsViewStoreHook().addVisitedView(tag as TagView)
+    if ((tag as TagView).name) {
+      tagsViewStoreHook().addVisitedView(tag)
     }
   }
 }
@@ -159,7 +155,7 @@ function isAffix(tag: TagView) {
 
 function isFirstView() {
   try {
-    return selectedTag.value.fullPath === visitedViews.value[1].fullPath || selectedTag.value.fullPath === '/index'
+    return (selectedTag.value as TagView).fullPath === visitedViews.value[1].fullPath || (selectedTag.value as TagView).fullPath === '/index'
   } catch (err) {
     return false
   }
@@ -167,7 +163,7 @@ function isFirstView() {
 
 function isLastView() {
   try {
-    return selectedTag.value.fullPath === visitedViews.value[visitedViews.value.length - 1].fullPath
+    return (selectedTag.value as TagView).fullPath === visitedViews.value[visitedViews.value.length - 1].fullPath
   } catch (err) {
     return false
   }
diff --git a/src/views/system/menu/components/Menu.vue b/src/views/system/menu/components/Menu.vue
index 53f47681..fb93bc6d 100644
--- a/src/views/system/menu/components/Menu.vue
+++ b/src/views/system/menu/components/Menu.vue
@@ -169,7 +169,7 @@
 import {listTableMenus, getMenuDetail, listTreeSelectMenus, addMenu, deleteMenus, updateMenu} from "@/api/system/menu";
 import {Search, Plus, Edit, Refresh, Delete} from '@element-plus/icons'
 import {ElForm, ElMessage, ElMessageBox} from "element-plus";
-import {defineEmits, reactive, ref, unref, onMounted} from "vue";
+import { reactive, ref, unref, onMounted} from "vue";
 import SvgIcon from '@/components/SvgIcon/index.vue';
 import TreeSelect from '@/components/TreeSelect/index.vue';
 import IconSelect from '@/components/IconSelect/index.vue';
diff --git a/src/views/system/role/components/Menu.vue b/src/views/system/role/components/Menu.vue
index 2ac0692e..22a866af 100644
--- a/src/views/system/role/components/Menu.vue
+++ b/src/views/system/role/components/Menu.vue
@@ -32,7 +32,7 @@
 <script setup lang="ts">
 import {listTreeSelectMenus} from "@/api/system/menu";
 import {listRoleMenuIds, updateRoleMenu} from "@/api/system/role"
-import {defineEmits, defineProps, nextTick, onMounted, reactive, ref, toRefs, watch} from "vue"
+import { nextTick, onMounted, reactive, ref, toRefs, watch} from "vue"
 import {ElTree, ElMessage, ElMessageBox} from "element-plus"
 import {Switch, Check} from '@element-plus/icons'
 
diff --git a/src/views/system/role/components/Perm.vue b/src/views/system/role/components/Perm.vue
index d3ad6011..53071eba 100644
--- a/src/views/system/role/components/Perm.vue
+++ b/src/views/system/role/components/Perm.vue
@@ -43,7 +43,7 @@
 <script setup lang="ts">
 import {listPerms} from "@/api/system/perm";
 import {listRolePerms, saveRolePerms} from "@/api/system/role";
-import {defineProps, onMounted, reactive, toRefs, watch} from "vue";
+import { onMounted, reactive, toRefs, watch} from "vue";
 import {ElMessage} from "element-plus";
 import {Check} from '@element-plus/icons'