feat：ComponentInternalInstance 类型适配

.eslintrc-auto-import.json

@@ -2,6 +2,7 @@
   "globals": {
     "Component": true,
     "ComponentPublicInstance": true,
+    "ComponentInternalInstance": true,
     "ComputedRef": true,
     "EffectScope": true,
     "ExtractDefaultPropTypes": true,

src/auto-import.d.ts

@@ -66,6 +66,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComponentInternalInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }

src/env.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="vite/client" />
+import type download from '@/components/crud/index';
+import type useDict from '@/utils/dict';
 
 declare module '*.vue' {
   import { DefineComponent } from 'vue';
@@ -6,6 +8,16 @@ declare module '*.vue' {
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }
+
+export {};
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    // 调整成你要使用到的属性，在这里进行注册
+    download: typeof download;
+    useDict: typeof useDict;
+  }
+}
+
 interface ImportMetaEnv {
   readonly VITE_API_BASE_URL: string;
 }
@@ -25,6 +37,7 @@ declare global {
   export type {
     Component,
     ComponentPublicInstance,
+    ComponentInternalInstance,
     ComputedRef,
     InjectionKey,
     PropType,

src/views/dashboard/workplace/components/announcement.vue

@@ -5,7 +5,7 @@
   } from '@/api/common/dashboard';
   import { DataRecord, get } from '@/api/system/announcement';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { announcement_type } = proxy.useDict('announcement_type');
 
   const dataList = ref<DashboardAnnouncementRecord[]>([]);

src/views/login/components/account-login.vue

@@ -7,7 +7,7 @@
   import { encryptByRsa } from '@/utils/encrypt';
   import { useRouter } from 'vue-router';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { t } = useI18n();
   const router = useRouter();
   const userStore = useUserStore();

src/views/login/components/email-login.vue

@@ -5,7 +5,7 @@
   import { EmailLoginReq } from '@/api/auth';
   import { getMailCaptcha } from '@/api/common/captcha';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { t } = useI18n();
   const router = useRouter();
   const userStore = useUserStore();
@@ -47,7 +47,7 @@
    */
   const handleSendCaptcha = () => {
     if (captchaLoading.value) return;
-    proxy.$refs.formRef.validateField('email', (valid: any) => {
+    proxy!.$refs.formRef.validateField('email', (valid: any) => {
       if (!valid) {
         captchaLoading.value = true;
         captchaBtnNameKey.value = 'login.captcha.ing';
@@ -67,7 +67,7 @@
                 resetCaptcha();
               }
             }, 1000);
-            proxy.$message.success(res.msg);
+            proxy!.$message.success(res.msg);
           })
           .catch(() => {
             resetCaptcha();
@@ -106,7 +106,7 @@
               ...othersQuery,
             },
           });
-          proxy.$notification.success(t('login.success'));
+          proxy!.$notification.success(t('login.success'));
         })
         .catch(() => {
           form.value.captcha = '';

src/views/login/components/phone-login.vue

@@ -5,7 +5,7 @@
   import { PhoneLoginReq } from '@/api/auth';
   import { BehaviorCaptchaReq, getSmsCaptcha } from '@/api/common/captcha';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { t } = useI18n();
   const router = useRouter();
   const userStore = useUserStore();

src/views/login/social/index.vue

@@ -4,7 +4,7 @@
   import { isLogin } from '@/utils/auth';
   import { bindSocial } from '@/api/system/user-center';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { t } = useI18n();
   const route = useRoute();
   const router = useRouter();
@@ -25,7 +25,7 @@
         router.push({
           name: (redirect as string) || 'Workplace',
         });
-        proxy.$notification.success(t('login.success'));
+        proxy!.$notification.success(t('login.success'));
       })
       .catch(() => {
         router.push({
@@ -55,7 +55,7 @@
             tab: 'security-setting',
           },
         });
-        proxy.$message.success(res.msg);
+        proxy!.$message.success(res.msg);
       })
       .catch(() => {
         router.push({

src/views/monitor/log/login/index.vue

@@ -5,8 +5,8 @@
     listLoginLog,
   } from '@/api/monitor/log';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-  const { success_failure_status_enum } = proxy.useDict(
+  const { success_failure_status_enum } = proxy!.useDict(
     'success_failure_status_enum',
   );
 
@@ -55,7 +55,7 @@
    * 重置
    */
   const resetQuery = () => {
-    proxy.$refs.queryRef.resetFields();
+    proxy!.$refs.queryRef.resetFields();
     handleQuery();
   };
 

src/views/monitor/log/operation/index.vue

@@ -5,9 +5,9 @@
     listOperationLog,
   } from '@/api/monitor/log';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { success_failure_status_enum } = proxy.useDict(
-    'success_failure_status_enum'
+    'success_failure_status_enum',
   );
 
   const operationLogList = ref<OperationLogRecord[]>([]);

src/views/monitor/log/system/index.vue

@@ -10,7 +10,7 @@
   import VueJsonPretty from 'vue-json-pretty';
   import 'vue-json-pretty/lib/styles.css';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { copy, copied } = useClipboard();
   const systemLogList = ref<SystemLogRecord[]>([]);
   const systemLog = ref<SystemLogDetailRecord>({
@@ -95,7 +95,7 @@
   };
   watch(copied, () => {
     if (copied.value) {
-      proxy.$message.success('复制成功');
+      proxy!.$message.success('复制成功');
     }
   });
 
@@ -110,7 +110,7 @@
    * 重置
    */
   const resetQuery = () => {
-    proxy.$refs.queryRef.resetFields();
+    proxy!.$refs.queryRef.resetFields();
     handleQuery();
   };
 

src/views/monitor/online/index.vue

@@ -3,7 +3,7 @@
   import { getToken } from '@/utils/auth';
   import checkPermission from '@/utils/permission';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
   const dataList = ref<DataRecord[]>([]);
   const total = ref(0);

src/views/system/announcement/index.vue

@@ -10,8 +10,8 @@
   } from '@/api/system/announcement';
   import checkPermission from '@/utils/permission';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-  const { announcement_type, announcement_status_enum } = proxy.useDict(
+  const { announcement_type, announcement_status_enum } = proxy!.useDict(
     'announcement_type',
     'announcement_status_enum',
   );
@@ -97,7 +97,7 @@
    */
   const reset = () => {
     form.value = {};
-    proxy.$refs.formRef?.resetFields();
+    proxy.$refs.formRef.resetFields();
   };
 
   /**

src/views/system/config/components/basic-setting.vue

@@ -11,7 +11,7 @@
   import { upload } from '@/api/common';
   import { useAppStore } from '@/store';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const dataList = ref<DataRecord[]>([]);
   const isEdit = ref(false);
   const logoFile = ref<FileItem>({ uid: '-1' });

src/views/system/dept/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-  import { TreeNodeData, TableData } from '@arco-design/web-vue';
+  import { TreeNodeData, TableData, TableInstance } from '@arco-design/web-vue';
   import {
     DataRecord,
     ListParam,
@@ -12,8 +12,8 @@
   import { listDeptTree } from '@/api/common';
   import checkPermission from '@/utils/permission';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-  const { dis_enable_status_enum } = proxy.useDict('dis_enable_status_enum');
+  const { dis_enable_status_enum } = proxy!.useDict('dis_enable_status_enum');
 
   const dataList = ref<DataRecord[]>([]);
   const dataDetail = ref<DataRecord>({});
@@ -64,7 +64,7 @@
       .then((res) => {
         dataList.value = res.data;
         setTimeout(() => {
-          proxy.$refs.tableRef.expandAll();
+          (proxy!.$refs.tableRef as TableInstance).expandAll();
         }, 0);
       })
       .finally(() => {

src/views/system/dict/index.vue

@@ -12,7 +12,7 @@
   import checkPermission from '@/utils/permission';
   import dictItem from './item.vue';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
   const dataList = ref<DataRecord[]>([]);
   const total = ref(0);

src/views/system/dict/item.vue

@@ -16,7 +16,7 @@
       required: true,
     },
   });
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const dataList = ref<DataRecord[]>([]);
   const colors = ref(['primary', 'success', 'warning', 'error', 'default']);
   const total = ref(0);

src/views/system/file/components/FileRenameModal/index.vue

@@ -7,7 +7,7 @@
     onClose: () => void;
   }
   const props = withDefaults(defineProps<Props>(), {});
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const visible = ref(false);
   type Form = { name: string };
   const form: Form = reactive({

src/views/system/file/main/FileMain/index.vue

@@ -25,7 +25,7 @@
   } from '../../components/index';
   import 'viewerjs/dist/viewer.css';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const route = useRoute();
   const fileStore = useFileStore();
   const loading = ref(false);

src/views/system/menu/index.vue

@@ -12,7 +12,7 @@
   import { listMenuTree } from '@/api/common';
   import checkPermission from '@/utils/permission';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { dis_enable_status_enum } = proxy.useDict('dis_enable_status_enum');
 
   const dataList = ref<DataRecord[]>([]);

src/views/system/message/index.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
   import { DataRecord, ListParam, list, del, read } from '@/api/system/message';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { message_type_enum } = proxy.useDict('message_type_enum');
   const dataList = ref<DataRecord[]>([]);
   const dataDetail = ref<DataRecord>({

src/views/system/role/index.vue

@@ -12,7 +12,7 @@
   import { listMenuTree, listDeptTree } from '@/api/common';
   import checkPermission from '@/utils/permission';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { data_scope_enum, dis_enable_status_enum } = proxy.useDict(
     'data_scope_enum',
     'dis_enable_status_enum',

src/views/system/user/center/components/basic-info.vue

@@ -4,7 +4,7 @@
   import { useI18n } from 'vue-i18n';
   import { useUserStore } from '@/store';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
   const { t } = useI18n();
   const userStore = useUserStore();
@@ -46,7 +46,7 @@
    */
   const handleSave = () => {
     if (loading.value) return;
-    proxy.$refs.formRef.validate((valid: any) => {
+    proxy!.$refs.formRef.validate((valid: any) => {
       if (!valid) {
         loading.value = true;
         updateBasicInfo({
@@ -68,7 +68,7 @@
    * 重置
    */
   const handleReset = () => {
-    proxy.$refs.formRef.resetFields();
+    proxy!.$refs.formRef.resetFields();
   };
 </script>
 

src/views/system/user/center/components/security-settings/bind-social.vue

@@ -6,7 +6,7 @@
   } from '@/api/system/user-center';
   import { socialAuth } from '@/api/auth';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const socialBinds = ref<UserSocialBindRecord[]>([]);
   const giteeSocial = ref<UserSocialBindRecord>();
   const githubSocial = ref<UserSocialBindRecord>();
@@ -18,10 +18,10 @@
     listSocial().then((res) => {
       socialBinds.value = res.data;
       giteeSocial.value = socialBinds.value.find(
-        (item) => item.source === 'GITEE'
+        (item) => item.source === 'GITEE',
       );
       githubSocial.value = socialBinds.value.find(
-        (item) => item.source === 'GITHUB'
+        (item) => item.source === 'GITHUB',
       );
     });
   };
@@ -36,7 +36,7 @@
   const handleBind = (source: string, sourceDescription: string) => {
     const isBind = socialBinds.value.some((item) => item.source === source);
     if (isBind) {
-      proxy.$modal.warning({
+      proxy!.$modal.warning({
         title: `确认解除和${sourceDescription}平台的三方账号绑定吗?`,
         titleAlign: 'start',
         content: '解除绑定后，将无法使用该第三方账户登录到此账号',
@@ -44,13 +44,13 @@
         onOk: () => {
           unbindSocial(source).then((res) => {
             list();
-            proxy.$message.success(res.msg);
+            proxy!.$message.success(res.msg);
           });
         },
       });
       return;
     }
-    proxy.$modal.info({
+    proxy!.$modal.info({
       title: '提示',
       titleAlign: 'start',
       content: `确认和${sourceDescription}平台的三方账号绑定吗?`,

src/views/system/user/center/components/security-settings/update-email.vue

@@ -6,7 +6,7 @@
   import { useUserStore } from '@/store';
   import { encryptByRsa } from '@/utils/encrypt';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { t } = useI18n();
   const userStore = useUserStore();
   const captchaTime = ref(60);

src/views/system/user/center/components/security-settings/update-phone.vue

@@ -6,7 +6,7 @@
   import { useUserStore } from '@/store';
   import { encryptByRsa } from '@/utils/encrypt';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { t } = useI18n();
   const userStore = useUserStore();
   const captchaTime = ref(60);

src/views/system/user/center/components/security-settings/update-pwd.vue

@@ -5,7 +5,7 @@
   import { useUserStore } from '@/store';
   import { encryptByRsa } from '@/utils/encrypt';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
   const { t } = useI18n();
   const userStore = useUserStore();

src/views/system/user/center/components/user-panel.vue

@@ -6,7 +6,7 @@
   import { VueCropper } from 'vue-cropper';
   import 'vue-cropper/dist/index.css';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const userStore = useUserStore();
   const cropperRef = ref();
   const visible = ref(false);

src/views/system/user/index.vue

@@ -16,7 +16,7 @@
   import getAvatar from '@/utils/avatar';
   import checkPermission from '@/utils/permission';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { dis_enable_status_enum } = proxy.useDict('dis_enable_status_enum');
 
   const dataList = ref<DataRecord[]>([]);

src/views/tool/generator/index.vue

@@ -19,7 +19,7 @@
     generate,
   } from '@/api/tool/generator';
 
-  const { proxy } = getCurrentInstance() as any;
+  const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const { form_type_enum, query_type_enum } = proxy.useDict(
     'form_type_enum',
     'query_type_enum',