types: fix type error

src/components/ContextMenu/src/ContextMenu.vue

@@ -31,7 +31,7 @@ const ItemContent: FunctionalComponent<ItemContentProps> = (props) => {
   const { item } = props
   return (
     <span class="inline-block w-full px-4" onClick={props.handler.bind(null, item)}>
-      {props.showIcon && item.icon && <span className={`mr-2 ${item.icon}`} />}
+      {props.showIcon && item.icon && <span class={`mr-2 ${item.icon}`} />}
       <span>{item.label}</span>
     </span>
   )

src/components/Modal/src/components/ModalWrapper.vue

@@ -22,7 +22,7 @@ const props = defineProps({
 })
 const emit = defineEmits(['heightChange', 'extHeight'])
 const wrapperRef = ref<ComponentRef>(null)
-const spinRef = ref<ElRef>(null)
+const spinRef = ref<ElRef>()
 const realHeightRef = ref(0)
 const minRealHeightRef = ref(0)
 

src/hooks/event/useEventListener.ts

@@ -25,7 +25,8 @@ export function useEventListener({
   const isAddRef = ref(false)
 
   if (el) {
-    const element = ref(el as Element)
+    const element = ref<Element>()
+    element.value = el
 
     const handler = isDebounce ? useDebounceFn(listener, wait) : useThrottleFn(listener, wait)
     const realHandler = wait ? handler : listener
@@ -49,7 +50,7 @@ export function useEventListener({
     )
 
     remove = () => {
-      removeEventListener(element.value)
+      removeEventListener(element.value!)
       removeWatch()
     }
   }

src/layouts/default/tabs/index.vue

@@ -6,7 +6,7 @@ import { useMouse } from '@vueuse/core'
 import { computed, ref, unref } from 'vue'
 
 import { Tabs } from 'ant-design-vue'
-import { useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import TabContent from './components/TabContent.vue'
 
 import { initAffixTabs, useTabsDrag } from './useMultipleTabs'
@@ -89,6 +89,8 @@ function handleEdit(targetKey: string) {
 
   tabStore.closeTabByKey(targetKey, router)
 }
+
+const route = useRoute()
 </script>
 
 <template>
@@ -111,7 +113,7 @@ function handleEdit(targetKey: string) {
       </template>
 
       <template v-if="getShowQuick" #rightExtra>
-        <TabContent is-extra :tab-item="$route" />
+        <TabContent is-extra :tab-item="route" />
       </template>
     </Tabs>
   </div>