From 3c441a05da0fcc2df7677f04cacd9bfc36f2a72d Mon Sep 17 00:00:00 2001
From: Vben <anncwb@126.com>
Date: Mon, 12 Apr 2021 23:02:48 +0800
Subject: [PATCH] style(eslint): fix eslint error

---
 .../src/search/AppSearchKeyItem.vue           |  4 +-
 .../Application/src/search/AppSearchModal.vue |  6 +--
 src/components/CountDown/src/CountButton.vue  |  2 +-
 src/components/Cropper/src/index.vue          | 25 +++++-----
 .../Form/src/components/FormAction.vue        |  6 +--
 .../Form/src/components/FormItem.vue          |  6 +--
 .../SimpleMenu/src/SimpleMenuTag.vue          |  2 +-
 .../SimpleMenu/src/SimpleSubMenu.vue          |  2 +-
 .../SimpleMenu/src/components/Menu.vue        |  4 +-
 .../Table/src/components/HeaderCell.vue       |  2 +-
 .../src/components/editable/EditableCell.vue  |  2 +-
 .../Table/src/components/settings/index.vue   |  2 +-
 .../default/setting/components/SelectItem.vue |  2 +-
 src/locales/useLocale.ts                      |  4 +-
 src/views/demo/comp/cropper/index.vue         | 46 +++++++++++--------
 15 files changed, 62 insertions(+), 53 deletions(-)

diff --git a/src/components/Application/src/search/AppSearchKeyItem.vue b/src/components/Application/src/search/AppSearchKeyItem.vue
index 9f5bf853..d24b43f5 100644
--- a/src/components/Application/src/search/AppSearchKeyItem.vue
+++ b/src/components/Application/src/search/AppSearchKeyItem.vue
@@ -1,11 +1,13 @@
 <template>
   <span :class="$attrs.class">
-    <g-icon :icon="icon" />
+    <Icon :icon="icon" />
   </span>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
+  import { Icon } from '/@/components/Icon';
   export default defineComponent({
+    components: { Icon },
     props: {
       icon: String,
     },
diff --git a/src/components/Application/src/search/AppSearchModal.vue b/src/components/Application/src/search/AppSearchModal.vue
index 01f7aafe..0a207805 100644
--- a/src/components/Application/src/search/AppSearchModal.vue
+++ b/src/components/Application/src/search/AppSearchModal.vue
@@ -4,7 +4,7 @@
       <div :class="getClass" @click.stop v-if="visible">
         <div :class="`${prefixCls}-content`" v-click-outside="handleClose">
           <div :class="`${prefixCls}-input__wrapper`">
-            <a-input
+            <Input
               :class="`${prefixCls}-input`"
               :placeholder="t('common.searchText')"
               allow-clear
@@ -14,7 +14,7 @@
                 <!-- <Icon icon="ion:search"/> -->
                 <SearchOutlined />
               </template>
-            </a-input>
+            </Input>
             <span :class="`${prefixCls}-cancel`" @click="handleClose">
               {{ t('common.cancelText') }}
             </span>
@@ -76,7 +76,7 @@
 
   export default defineComponent({
     name: 'AppSearchModal',
-    components: { Icon, SearchOutlined, AppSearchFooter, [Input.name]: Input },
+    components: { Icon, SearchOutlined, AppSearchFooter, Input },
     directives: {
       clickOutside,
     },
diff --git a/src/components/CountDown/src/CountButton.vue b/src/components/CountDown/src/CountButton.vue
index d71f2188..0f70edb0 100644
--- a/src/components/CountDown/src/CountButton.vue
+++ b/src/components/CountDown/src/CountButton.vue
@@ -21,7 +21,7 @@
     name: 'CountButton',
     components: { Button },
     props: {
-      value: propTypes.string,
+      value: propTypes.any,
       count: propTypes.number.def(60),
       beforeStartFunc: {
         type: Function as PropType<() => boolean>,
diff --git a/src/components/Cropper/src/index.vue b/src/components/Cropper/src/index.vue
index 60d4a396..c70e8473 100644
--- a/src/components/Cropper/src/index.vue
+++ b/src/components/Cropper/src/index.vue
@@ -57,18 +57,19 @@
         default: '360px',
       },
       crossorigin: {
-        type: String,
+        type: String as PropType<'' | 'anonymous' | 'use-credentials' | undefined>,
         default: undefined,
       },
       imageStyle: {
         type: Object as PropType<CSSProperties>,
-        default: {},
+        default: () => {},
       },
       options: {
         type: Object as PropType<Options>,
-        default: {},
+        default: () => {},
       },
     },
+    emits: ['cropperedInfo'],
     setup(props, ctx) {
       const imgElRef = ref<ElRef<HTMLImageElement>>(null);
       const cropper: any = ref<Nullable<Cropper>>(null);
@@ -109,17 +110,17 @@
       // event: return base64 and width and height information after cropping
       const croppered = (): void => {
         let imgInfo = cropper.value.getData();
-        cropper.value.getCroppedCanvas().toBlob(blob => {
-        let fileReader: FileReader = new FileReader()
+        cropper.value.getCroppedCanvas().toBlob((blob) => {
+          let fileReader: FileReader = new FileReader();
           fileReader.onloadend = (e: any) => {
-            ctx.emit("cropperedInfo", {
+            ctx.emit('cropperedInfo', {
               imgBase64: e.target.result,
-              imgInfo
-            })
-          }
-          fileReader.readAsDataURL(blob)
-        }, 'image/jpeg')
-      }
+              imgInfo,
+            });
+          };
+          fileReader.readAsDataURL(blob);
+        }, 'image/jpeg');
+      };
 
       onMounted(init);
 
diff --git a/src/components/Form/src/components/FormAction.vue b/src/components/Form/src/components/FormAction.vue
index 9fedaf2d..2cb59e47 100644
--- a/src/components/Form/src/components/FormAction.vue
+++ b/src/components/Form/src/components/FormAction.vue
@@ -67,15 +67,15 @@
       showAdvancedButton: propTypes.bool.def(true),
       resetButtonOptions: {
         type: Object as PropType<ButtonOptions>,
-        default: {},
+        default: () => {},
       },
       submitButtonOptions: {
         type: Object as PropType<ButtonOptions>,
-        default: {},
+        default: () => {},
       },
       actionColOptions: {
         type: Object as PropType<Partial<ColEx>>,
-        default: {},
+        default: () => {},
       },
       actionSpan: propTypes.number.def(6),
       isAdvanced: propTypes.bool,
diff --git a/src/components/Form/src/components/FormItem.vue b/src/components/Form/src/components/FormItem.vue
index 06e24be3..ca13ff56 100644
--- a/src/components/Form/src/components/FormItem.vue
+++ b/src/components/Form/src/components/FormItem.vue
@@ -28,15 +28,15 @@
       },
       formProps: {
         type: Object as PropType<FormProps>,
-        default: {},
+        default: () => {},
       },
       allDefaultValues: {
         type: Object as PropType<Recordable>,
-        default: {},
+        default: () => {},
       },
       formModel: {
         type: Object as PropType<Recordable>,
-        default: {},
+        default: () => {},
       },
       setFormModel: {
         type: Function as PropType<(key: string, value: any) => void>,
diff --git a/src/components/SimpleMenu/src/SimpleMenuTag.vue b/src/components/SimpleMenu/src/SimpleMenuTag.vue
index a44e7dac..8369f162 100644
--- a/src/components/SimpleMenu/src/SimpleMenuTag.vue
+++ b/src/components/SimpleMenu/src/SimpleMenuTag.vue
@@ -14,7 +14,7 @@
     props: {
       item: {
         type: Object as PropType<Menu>,
-        default: {},
+        default: () => {},
       },
       dot: propTypes.bool,
       collapseParent: propTypes.bool,
diff --git a/src/components/SimpleMenu/src/SimpleSubMenu.vue b/src/components/SimpleMenu/src/SimpleSubMenu.vue
index 0b43b514..0df749f0 100644
--- a/src/components/SimpleMenu/src/SimpleSubMenu.vue
+++ b/src/components/SimpleMenu/src/SimpleSubMenu.vue
@@ -64,7 +64,7 @@
     props: {
       item: {
         type: Object as PropType<Menu>,
-        default: {},
+        default: () => {},
       },
       parent: propTypes.bool,
       collapsedShowTitle: propTypes.bool,
diff --git a/src/components/SimpleMenu/src/components/Menu.vue b/src/components/SimpleMenu/src/components/Menu.vue
index 3468dc20..f7a3c2ae 100644
--- a/src/components/SimpleMenu/src/components/Menu.vue
+++ b/src/components/SimpleMenu/src/components/Menu.vue
@@ -30,7 +30,7 @@
       activeName: propTypes.oneOfType([propTypes.string, propTypes.number]),
       openNames: {
         type: Array as PropType<string[]>,
-        default: [],
+        default: () => [],
       },
       accordion: propTypes.bool.def(true),
       width: propTypes.string.def('100%'),
@@ -39,7 +39,7 @@
       collapse: propTypes.bool.def(true),
       activeSubMenuNames: {
         type: Array as PropType<(string | number)[]>,
-        default: [],
+        default: () => [],
       },
     },
     emits: ['select', 'open-change'],
diff --git a/src/components/Table/src/components/HeaderCell.vue b/src/components/Table/src/components/HeaderCell.vue
index b1945b5e..a41e74e2 100644
--- a/src/components/Table/src/components/HeaderCell.vue
+++ b/src/components/Table/src/components/HeaderCell.vue
@@ -23,7 +23,7 @@
     props: {
       column: {
         type: Object as PropType<BasicColumn>,
-        default: {},
+        default: () => {},
       },
     },
     setup(props) {
diff --git a/src/components/Table/src/components/editable/EditableCell.vue b/src/components/Table/src/components/editable/EditableCell.vue
index e21a198d..4c2f4068 100644
--- a/src/components/Table/src/components/editable/EditableCell.vue
+++ b/src/components/Table/src/components/editable/EditableCell.vue
@@ -60,7 +60,7 @@
       },
       column: {
         type: Object as PropType<BasicColumn>,
-        default: {},
+        default: () => {},
       },
       index: propTypes.number,
     },
diff --git a/src/components/Table/src/components/settings/index.vue b/src/components/Table/src/components/settings/index.vue
index e424b1bc..fccac9ab 100644
--- a/src/components/Table/src/components/settings/index.vue
+++ b/src/components/Table/src/components/settings/index.vue
@@ -30,7 +30,7 @@
     props: {
       setting: {
         type: Object as PropType<TableSetting>,
-        default: {},
+        default: () => {},
       },
     },
     setup(props) {
diff --git a/src/layouts/default/setting/components/SelectItem.vue b/src/layouts/default/setting/components/SelectItem.vue
index a9170411..273acb90 100644
--- a/src/layouts/default/setting/components/SelectItem.vue
+++ b/src/layouts/default/setting/components/SelectItem.vue
@@ -41,7 +41,7 @@
       },
       options: {
         type: Array as PropType<LabelValueOptions>,
-        default: [],
+        default: () => [],
       },
     },
     setup(props) {
diff --git a/src/locales/useLocale.ts b/src/locales/useLocale.ts
index 45763874..68c2ed6e 100644
--- a/src/locales/useLocale.ts
+++ b/src/locales/useLocale.ts
@@ -34,8 +34,8 @@ export function useLocale() {
   const getLocale = computed(() => localeStore.getLocale);
   const getShowLocalePicker = computed(() => localeStore.getShowPicker);
 
-  const getAntdLocale = computed(() => {
-    return i18n.global.getLocaleMessage(unref(getLocale))?.antdLocale;
+  const getAntdLocale = computed((): any => {
+    return i18n.global.getLocaleMessage(unref(getLocale))?.antdLocale ?? {};
   });
 
   // Switching the language will change the locale of useI18n
diff --git a/src/views/demo/comp/cropper/index.vue b/src/views/demo/comp/cropper/index.vue
index eaf22437..3b11a990 100644
--- a/src/views/demo/comp/cropper/index.vue
+++ b/src/views/demo/comp/cropper/index.vue
@@ -1,7 +1,12 @@
 <template>
   <PageWrapper title="图片裁剪示例" contentBackground>
     <div class="cropper-container">
-      <CropperImage ref="refCropper" src="https://fengyuanchen.github.io/cropperjs/images/picture.jpg" @cropperedInfo="cropperedInfo" style="width:40%" />
+      <CropperImage
+        ref="refCropper"
+        src="https://fengyuanchen.github.io/cropperjs/images/picture.jpg"
+        @cropperedInfo="cropperedInfo"
+        style="width: 40%"
+      />
       <a-button type="primary" @click="onCropper"> 裁剪 </a-button>
       <img :src="cropperImg" class="croppered" v-if="cropperImg" />
     </div>
@@ -20,41 +25,42 @@
     },
     setup() {
       let vm: any;
-      let info = ref("");
-      let cropperImg = ref("");
+      let info = ref('');
+      let cropperImg = ref('');
 
       const onCropper = (): void => {
         vm.refs.refCropper.croppered();
-      }
+      };
 
-      onBeforeMount(()=>{
+      onBeforeMount(() => {
         vm = getCurrentInstance();
-      })
+      });
 
-     function cropperedInfo({ imgBase64, imgInfo }) {
-       info.value = imgInfo
-       cropperImg.value = imgBase64
-     }
+      function cropperedInfo({ imgBase64, imgInfo }) {
+        info.value = imgInfo;
+        cropperImg.value = imgBase64;
+      }
 
       return {
         img,
         info,
         cropperImg,
         onCropper,
-        cropperedInfo
+        cropperedInfo,
       };
     },
   });
 </script>
 
 <style scoped>
-.cropper-container {
-  display:flex;
-  justify-content: space-around;
-  align-items: center;
-}
-.croppered {
-  width: 50%;
-  height: 100%;
-}
+  .cropper-container {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+  }
+
+  .croppered {
+    width: 50%;
+    height: 100%;
+  }
 </style>
-- 
GitLab