update 重构 彻底删除proxy用法 改为vue3官方推荐写法

src/views/system/user/profile/userAvatar.vue

@@ -57,10 +57,11 @@
 
 <script setup lang="ts">
 import 'vue-cropper/dist/index.css';
+import { UploadRawFile } from 'element-plus';
 import { VueCropper } from 'vue-cropper';
 import { uploadAvatar } from '@/api/system/user';
+import modal from '@/plugins/modal';
 import { useUserStore } from '@/store/modules/user';
-import { UploadRawFile } from 'element-plus';
 
 interface Options {
   img: string | any; // 裁剪图片的地址
@@ -75,7 +76,6 @@ interface Options {
 }
 
 const userStore = useUserStore();
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
 const open = ref(false);
 const visible = ref(false);
@@ -121,7 +121,7 @@ const changeScale = (num: number) => {
 /** 上传预处理 */
 const beforeUpload = (file: UploadRawFile): any => {
   if (file.type.indexOf('image/') == -1) {
-    proxy?.$modal.msgError('文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。');
+    modal.msgError('文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。');
   } else {
     const reader = new FileReader();
     reader.readAsDataURL(file);
@@ -140,7 +140,7 @@ const uploadImg = async () => {
     open.value = false;
     options.img = res.data.imgUrl;
     userStore.setAvatar(options.img);
-    proxy?.$modal.msgSuccess('修改成功');
+    modal.msgSuccess('修改成功');
     visible.value = false;
   });
 };