From 1e3cb0c885ab20c3b36b5b7f5fe3e17a997fecbe Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Mon, 25 Sep 2023 17:32:16 +0800
Subject: [PATCH] fix: eslint

---
 src/components/Form/src/hooks/useAutoFocus.ts |  2 +-
 src/components/Form/src/hooks/useForm.ts      |  2 +-
 .../Form/src/hooks/useFormEvents.ts           |  2 ++
 .../SimpleMenu/src/components/Menu.vue        |  2 --
 src/components/Table/src/BasicTable.vue       |  1 +
 src/components/Table/src/hooks/useTable.ts    |  1 +
 src/layouts/default/sider/MixSider.vue        | 22 +++++++++++--------
 src/router/types.ts                           |  1 +
 src/store/modules/multipleTab.ts              |  1 +
 src/utils/domUtils.ts                         |  3 +++
 src/utils/index.ts                            |  3 +++
 src/utils/props.ts                            |  3 +--
 12 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/src/components/Form/src/hooks/useAutoFocus.ts b/src/components/Form/src/hooks/useAutoFocus.ts
index f291d6ce..1e26d24d 100644
--- a/src/components/Form/src/hooks/useAutoFocus.ts
+++ b/src/components/Form/src/hooks/useAutoFocus.ts
@@ -8,7 +8,7 @@ interface UseAutoFocusContext {
   isInitedDefault: Ref<boolean>
   formElRef: Ref<FormActionType>
 }
-export async function useAutoFocus({ getSchema, getProps, formElRef, isInitedDefault }: UseAutoFocusContext) {
+export function useAutoFocus({ getSchema, getProps, formElRef, isInitedDefault }: UseAutoFocusContext) {
   watchEffect(async () => {
     if (unref(isInitedDefault) || !unref(getProps).autoFocusFirstItem)
       return
diff --git a/src/components/Form/src/hooks/useForm.ts b/src/components/Form/src/hooks/useForm.ts
index 85ad707c..0103244a 100644
--- a/src/components/Form/src/hooks/useForm.ts
+++ b/src/components/Form/src/hooks/useForm.ts
@@ -78,7 +78,7 @@ export function useForm(props?: Props): UseFormReturnType {
     },
 
     removeSchemaByField: async (field: string | string[]) => {
-      unref(formRef)?.removeSchemaByField(field)
+      await unref(formRef)?.removeSchemaByField(field)
     },
 
     // TODO promisify
diff --git a/src/components/Form/src/hooks/useFormEvents.ts b/src/components/Form/src/hooks/useFormEvents.ts
index d2ce15c2..984e3e3a 100644
--- a/src/components/Form/src/hooks/useFormEvents.ts
+++ b/src/components/Form/src/hooks/useFormEvents.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/require-await */
 import type { ComputedRef, Ref } from 'vue'
 import type { NamePath } from 'ant-design-vue/lib/form/interface'
 import { nextTick, toRaw, unref } from 'vue'
@@ -89,6 +90,7 @@ export function useFormEvents({
       const defaultValueObj = schema?.defaultValueObj
       const fieldKeys = Object.keys(defaultValueObj || {})
       if (fieldKeys.length) {
+        // eslint-disable-next-line array-callback-return
         fieldKeys.map((field) => {
           formModel[field] = defaultValueObj![field]
         })
diff --git a/src/components/SimpleMenu/src/components/Menu.vue b/src/components/SimpleMenu/src/components/Menu.vue
index 962eaeb3..5a03c744 100644
--- a/src/components/SimpleMenu/src/components/Menu.vue
+++ b/src/components/SimpleMenu/src/components/Menu.vue
@@ -6,8 +6,6 @@ import { useDesign } from '@/hooks/web/useDesign'
 import { propTypes } from '@/utils/propTypes'
 import mitt from '@/utils/mitt'
 
-defineOptions({ name: 'Menu' })
-
 const props = defineProps({
   theme: propTypes.oneOf(['light', 'dark']).def('light'),
   activeName: propTypes.oneOfType([propTypes.string, propTypes.number]),
diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index 0e79bd6b..38397f83 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable no-useless-call -->
 <script lang="ts" setup>
 import { computed, inject, ref, toRaw, unref, useAttrs, useSlots, watchEffect } from 'vue'
 import { Table } from 'ant-design-vue'
diff --git a/src/components/Table/src/hooks/useTable.ts b/src/components/Table/src/hooks/useTable.ts
index 07983fe0..7df75d07 100644
--- a/src/components/Table/src/hooks/useTable.ts
+++ b/src/components/Table/src/hooks/useTable.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/await-thenable */
 import type { WatchStopHandle } from 'vue'
 import { onUnmounted, ref, toRaw, unref, watch } from 'vue'
 import type { BasicColumn, BasicTableProps, FetchParams, TableActionType } from '../types/table'
diff --git a/src/layouts/default/sider/MixSider.vue b/src/layouts/default/sider/MixSider.vue
index abcc0844..2285ee07 100644
--- a/src/layouts/default/sider/MixSider.vue
+++ b/src/layouts/default/sider/MixSider.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-side-effects-in-computed-properties -->
 <script lang="ts" setup>
 import type { CSSProperties } from 'vue'
 import { computed, onMounted, ref, unref, watch } from 'vue'
@@ -51,28 +52,27 @@ const permissionStore = usePermissionStore()
 
 useDragLine(sideRef, dragBarRef, true)
 
+const getMixSideWidth = computed(() => {
+  return unref(getCollapsed) ? SIDE_BAR_MINI_WIDTH : SIDE_BAR_SHOW_TIT_MINI_WIDTH
+})
+
 const getMenuStyle = computed((): CSSProperties => {
   return {
     width: unref(openMenu) ? `${unref(getMenuWidth)}px` : 0,
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
     left: `${unref(getMixSideWidth)}px`,
   }
 })
 
 const getIsFixed = computed(() => {
-  // eslint-disable-next-line vue/no-side-effects-in-computed-properties
   mixSideHasChildren.value = unref(childrenMenus).length > 0
   const isFixed = unref(getMixSideFixed) && unref(mixSideHasChildren)
   if (isFixed)
-  // eslint-disable-next-line vue/no-side-effects-in-computed-properties
     openMenu.value = true
 
   return isFixed
 })
 
-const getMixSideWidth = computed(() => {
-  return unref(getCollapsed) ? SIDE_BAR_MINI_WIDTH : SIDE_BAR_SHOW_TIT_MINI_WIDTH
-})
+
 
 const getDomStyle = computed((): CSSProperties => {
   const fixedWidth = unref(getIsFixed) ? unref(getRealWidth) : 0
@@ -292,6 +292,7 @@ onClickOutside(wrap, () => {
 <style lang="less">
 @prefix-cls: ~'@{namespace}-layout-mix-sider';
 @width: 80px;
+
 .@{prefix-cls} {
   position: fixed;
   top: 0;
@@ -326,7 +327,7 @@ onClickOutside(wrap, () => {
     }
 
     &.open {
-      > .scrollbar {
+      >.scrollbar {
         border-right: 1px solid rgb(238 238 238);
       }
     }
@@ -341,6 +342,7 @@ onClickOutside(wrap, () => {
         }
       }
     }
+
     .@{prefix-cls}-menu-list {
       &__content {
         box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
@@ -364,10 +366,11 @@ onClickOutside(wrap, () => {
         border-bottom: 1px solid var(--sider-dark-lighten-bg-color);
       }
 
-      > .scrollbar {
+      >.scrollbar {
         border-right: 1px solid var(--sider-dark-lighten-bg-color);
       }
     }
+
     .@{prefix-cls}-menu-list {
       background-color: var(--sider-dark-bg-color);
 
@@ -379,7 +382,7 @@ onClickOutside(wrap, () => {
     }
   }
 
-  > .scrollbar {
+  >.scrollbar {
     height: calc(100% - @header-height - 38px);
   }
 
@@ -408,6 +411,7 @@ onClickOutside(wrap, () => {
       &:hover {
         color: @white;
       }
+
       // &:hover,
       &--active {
         font-weight: 700;
diff --git a/src/router/types.ts b/src/router/types.ts
index 253da3b6..e48d9170 100644
--- a/src/router/types.ts
+++ b/src/router/types.ts
@@ -4,6 +4,7 @@ import type { RoleEnum } from '@/enums/roleEnum'
 
 export type Component<T = any> = ReturnType<typeof defineComponent> | (() => Promise<typeof import('*.vue')>) | (() => Promise<T>)
 
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-expect-error
 export interface AppRouteRecordRaw extends Omit<RouteRecordRaw, 'meta'> {
   keepAlive?: boolean
diff --git a/src/store/modules/multipleTab.ts b/src/store/modules/multipleTab.ts
index 152f3006..dd710eea 100644
--- a/src/store/modules/multipleTab.ts
+++ b/src/store/modules/multipleTab.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/unbound-method */
 import type { RouteLocationNormalized, RouteLocationRaw, Router } from 'vue-router'
 
 import { toRaw, unref } from 'vue'
diff --git a/src/utils/domUtils.ts b/src/utils/domUtils.ts
index 043a61b5..e627afa5 100644
--- a/src/utils/domUtils.ts
+++ b/src/utils/domUtils.ts
@@ -158,13 +158,16 @@ export function once(el: HTMLElement, event: string, fn: EventListener): void {
 
 export function useRafThrottle<T extends FunctionArgs>(fn: T): T {
   let locked = false
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   return function (...args: any[]) {
     if (locked)
       return
     locked = true
     window.requestAnimationFrame(() => {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-expect-error
+      // eslint-disable-next-line @typescript-eslint/no-invalid-this 
       fn.apply(this, args)
       locked = false
     })
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 95897562..1b243893 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -164,6 +164,9 @@ export function simpleDebounce(fn, delay = 100) {
       clearTimeout(timer)
 
     timer = setTimeout(() => {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-expect-error
+      // eslint-disable-next-line @typescript-eslint/no-invalid-this
       fn.apply(this, args)
     }, delay)
   }
diff --git a/src/utils/props.ts b/src/utils/props.ts
index 64981a8f..f30966d6 100644
--- a/src/utils/props.ts
+++ b/src/utils/props.ts
@@ -34,8 +34,7 @@ type _BuildPropType<T, V, C> =
 export type BuildPropType<T, V, C> = _BuildPropType<IfUnknown<T, never>, IfUnknown<V, never>, IfUnknown<C, never>>
 
 type _BuildPropDefault<T, D> = [T] extends [
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  Record<string, unknown> | Array<any> | Function,
+  Record<string, unknown> | Array<any> | Fn,
 ]
   ? D
   : D extends () => T