perf: Optimize front-end code

2025-12-26 01:33:05 +00:00 · 2025-08-19 18:51:09 +08:00 · 2025-08-19 18:51:09 +08:00 · 7fcd8d4fce
parent 3c46251eae
commit 7fcd8d4fce
40 changed files with 751 additions and 604 deletions
--- a/ui/src/components/ai-chat/component/chat-input-operate/index.vue
+++ b/ui/src/components/ai-chat/component/chat-input-operate/index.vue
@ -372,7 +372,7 @@ const imageExtensions = ['JPG', 'JPEG', 'PNG', 'GIF', 'BMP']
 const documentExtensions = ['PDF', 'DOCX', 'TXT', 'XLS', 'XLSX', 'MD', 'HTML', 'CSV']
 const videoExtensions: any = []
 const audioExtensions = ['MP3', 'WAV', 'OGG', 'AAC', 'M4A']
-let otherExtensions = ref(['PPT', 'DOC'])
+const otherExtensions = ref(['PPT', 'DOC'])

 const getAcceptList = () => {
  const { image, document, audio, video, other } = props.applicationDetails.file_upload_setting
@ -554,7 +554,7 @@ const switchMicrophone = (status: boolean) => {
  }
 }

-const TouchEnd = (bool?: Boolean) => {
+const TouchEnd = (bool?: boolean) => {
  if (bool) {
    stopRecording()
    recorderStatus.value = 'STOP'
--- a/ui/src/components/ai-chat/component/control/index.vue
+++ b/ui/src/components/ai-chat/component/control/index.vue
@ -99,7 +99,7 @@ const menus = ref([
 */
 const clearSelectedText = () => {
  if (window.getSelection) {
-    var selection = window.getSelection()
+    const selection = window.getSelection()
    if (selection) {
      selection.removeAllRanges()
    }
--- a/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue
+++ b/ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.vue
--- a/ui/src/components/ai-chat/component/user-form/index.vue
+++ b/ui/src/components/ai-chat/component/user-form/index.vue
@ -106,7 +106,7 @@ watch(

 function handleInputFieldList() {
  dynamicsFormRefresh.value++
-  let default_value: any = {}
+  const default_value: any = {}
  props.application.work_flow?.nodes
    ?.filter((v: any) => v.id === 'base-node')
    .map((v: any) => {
@ -312,8 +312,8 @@ const validate = () => {
 }
 const validate_query = () => {
  // 浏览器query参数找到接口传参
-  let msg = []
-  for (let f of apiInputFieldList.value) {
+  const msg = []
+  for (const f of apiInputFieldList.value) {
    if (f.required && !api_form_data_context.value[f.field]) {
      msg.push(f.field)
    }
@ -328,9 +328,9 @@ const validate_query = () => {
 }

 const initRouteQueryValue = () => {
-  for (let f of apiInputFieldList.value) {
+  for (const f of apiInputFieldList.value) {
    if (!api_form_data_context.value[f.field]) {
-      let _value = getRouteQueryValue(f.field)
+      const _value = getRouteQueryValue(f.field)
      if (_value != null) {
        api_form_data_context.value[f.field] = _value
      }
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@ -277,7 +277,7 @@ function sendMessage(val: string, other_params_data?: any, chat?: chatType): Pro
      return userFormRef.value
        ?.validate()
        .then((ok) => {
-          let userFormData = accessToken
+          const userFormData = accessToken
            ? JSON.parse(localStorage.getItem(`${accessToken}userForm`) || '{}')
            : {}
          const newData = Object.keys(form_data.value).reduce((result: any, key: string) => {
@ -640,7 +640,7 @@ const handleScroll = () => {

 onMounted(() => {
  if (isUserInput.value && localStorage.getItem(`${accessToken}userForm`)) {
-    let userFormData = JSON.parse(localStorage.getItem(`${accessToken}userForm`) || '{}')
+    const userFormData = JSON.parse(localStorage.getItem(`${accessToken}userForm`) || '{}')
    form_data.value = userFormData
  }
  if (window.speechSynthesis) {
--- a/ui/src/components/back-button/index.vue
+++ b/ui/src/components/back-button/index.vue
@ -19,7 +19,11 @@ const emit = defineEmits(['click'])
 const back: any = router.options.history.state.back
 function jump() {
  if (props.to === '-1') {
-    back ? router.push(back) : router.go(-1)
+    if (back) {
+      router.push(back)
+    } else {
+      router.go(-1)
+    }
  } else if (props.to) {
    router.push(props.to as RouteLocationRaw)
  } else {
--- a/ui/src/components/folder-tree/index.vue
+++ b/ui/src/components/folder-tree/index.vue
@ -149,6 +149,8 @@ const resourceType = computed(() => {
    return 'model'
  } else if (props.source === 'TOOL') {
    return 'tool'
+  } else {
+    return 'application'
  }
 })

--- a/ui/src/components/markdown/EchartsRander.vue
+++ b/ui/src/components/markdown/EchartsRander.vue
@ -44,8 +44,7 @@ function evalParseOption(option_json: any) {
  if (option_json.style) {
    style.value = option_json.style
  }
-  let option = {}
-  echarts
+  const option = {}
  tmp.value = echarts
  eval(option_json.option)
  return option
--- a/ui/src/components/markdown/HtmlRander.vue
+++ b/ui/src/components/markdown/HtmlRander.vue
@ -20,7 +20,7 @@ onMounted(() => {
    range.selectNode(htmlRef.value)
    const scripts = htmlRef.value.getElementsByTagName('script')
    if (scripts) {
-      var documentFragment = range.createContextualFragment(
+      const documentFragment = range.createContextualFragment(
        [...scripts]
          .map((item: HTMLElement) => {
            htmlRef.value?.removeChild(item)
--- a/ui/src/components/markdown/MdEditorMagnify.vue
+++ b/ui/src/components/markdown/MdEditorMagnify.vue
@ -28,7 +28,7 @@
 import { ref, computed, watch } from 'vue'
 defineOptions({ name: 'MdEditorMagnify' })
 const props = defineProps<{
-  title: String
+  title: string
  modelValue: any
 }>()
 const emit = defineEmits(['update:modelValue', 'submitDialog'])
--- a/ui/src/components/select-knowledge-document/index.vue
+++ b/ui/src/components/select-knowledge-document/index.vue
@ -61,8 +61,8 @@ import useStore from '@/stores'
 import { t } from '@/locales'
 const props = defineProps<{
  data?: {
-    type: Object
-    default: () => {}
+    type: object
+    default: () => null
  }
  apiType: 'systemShare' | 'workspace' | 'systemManage'
  isApplication?: boolean,
--- a/ui/src/views/application-overview/component/APIKeyDialog.vue
+++ b/ui/src/views/application-overview/component/APIKeyDialog.vue
@ -98,13 +98,12 @@ function settingApiKey(row: any) {

 function deleteApiKey(row: any) {
  MsgConfirm(
-    // @ts-ignore
    `${t('views.applicationOverview.appInfo.APIKeyDialog.msgConfirm1')}: ${row.secret_key}?`,
    t('views.applicationOverview.appInfo.APIKeyDialog.msgConfirm2'),
    {
      confirmButtonText: t('common.confirm'),
      cancelButtonText: t('common.cancel'),
-      confirmButtonClass: 'color-danger',
+      confirmButtonClass: 'danger',
    },
  )
    .then(() => {
--- a/ui/src/views/application-overview/component/DisplaySettingDialog.vue
+++ b/ui/src/views/application-overview/component/DisplaySettingDialog.vue
@ -104,7 +104,7 @@ const submit = async (formEl: FormInstance | undefined) => {
        .putAccessToken(id as string, form.value, loading)
        .then(() => {
          emit('refresh')
-          // @ts-ignore
+
          MsgSuccess(t('common.settingSuccess'))
          dialogVisible.value = false
        })
--- a/ui/src/views/application-overview/component/LimitDialog.vue
+++ b/ui/src/views/application-overview/component/LimitDialog.vue
@ -118,7 +118,7 @@ const submit = async (formEl: FormInstance | undefined) => {
        .putAccessToken(id as string, obj, loading)
        .then(() => {
          emit('refresh')
-          // @ts-ignore
+
          MsgSuccess(t('common.settingSuccess'))
          dialogVisible.value = false
        })
--- a/ui/src/views/application-overview/component/SettingAPIKeyDialog.vue
+++ b/ui/src/views/application-overview/component/SettingAPIKeyDialog.vue
@ -113,7 +113,7 @@ const submit = async (formEl: FormInstance | undefined) => {

      apiCall.then(() => {
        emit('refresh')
-        //@ts-ignore
+
        MsgSuccess(t('common.settingSuccess'))
        dialogVisible.value = false
      })
--- a/ui/src/views/application-overview/component/StatisticsCharts.vue
+++ b/ui/src/views/application-overview/component/StatisticsCharts.vue
@ -68,7 +68,6 @@ const props = defineProps({
 const statisticsType = computed(() => [
  {
    id: 'customerCharts',
-    // @ts-ignore
    name: t('views.applicationOverview.monitor.charts.customerTotal'),
    icon: 'app-user',
    background: '#EBF1FF',
--- a/ui/src/views/application-overview/index.vue
+++ b/ui/src/views/application-overview/index.vue
@ -255,7 +255,6 @@ const shareUrl = computed(
 const dayOptions = [
  {
    value: 7,
-    // @ts-ignore
    label: t('views.applicationOverview.monitor.pastDayOptions.past7Days'),
  },
  {
@ -373,7 +372,6 @@ function refreshAccessToken() {
      const obj = {
        access_token_reset: true,
      }
-      // @ts-ignore
      const str = t('views.applicationOverview.appInfo.refreshToken.refreshSuccess')
      updateAccessToken(obj, str)
    })
--- a/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue
+++ b/ui/src/views/application-overview/xpack-component/XPackDisplaySettingDialog.vue
@ -603,7 +603,6 @@ const onChange = (file: any, fileList: UploadFiles, attr: string) => {
  //1、判断文件大小是否合法，文件限制不能大于 10 MB
  const isLimit = file?.size / 1024 / 1024 < 10
  if (!isLimit) {
-    // @ts-ignore
    MsgError(t('common.EditAvatarDialog.fileSizeExceeded'))
    return false
  } else {
@ -675,7 +674,6 @@ const submit = async (formEl: FormInstance | undefined) => {
        .putXpackAccessToken(id as string, fd, loading)
        .then(() => {
          emit('refresh')
-          // @ts-ignore
          MsgSuccess(t('common.settingSuccess'))
          dialogVisible.value = false
        })
--- a/ui/src/views/application-overview/xpack-component/XPackLimitDrawer.vue
+++ b/ui/src/views/application-overview/xpack-component/XPackLimitDrawer.vue
@ -227,7 +227,6 @@ const submit = async (formEl: FormInstance | undefined) => {
        .putAccessToken(id as string, obj, loading)
        .then(() => {
          emit('refresh')
-          // @ts-ignore
          MsgSuccess(t('common.settingSuccess'))
          dialogVisible.value = false
        })
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@ -218,7 +218,9 @@ function back() {
        saveApplication(true, true)
      })
      .catch((action: Action) => {
-        action === 'cancel' && go()
+        if (action === 'cancel') {
+          go()
+        }
      })
  } else {
    go()
@ -275,7 +277,11 @@ function openHistory() {
 }

 function changeSave(bool: boolean) {
-  bool ? initInterval() : closeInterval()
+  if (bool) {
+    initInterval()
+  } else {
+    closeInterval()
+  }
  localStorage.setItem('workflowAutoSave', bool.toString())
 }

--- a/ui/src/views/application/ApplicationSetting.vue
+++ b/ui/src/views/application/ApplicationSetting.vue
@ -474,7 +474,6 @@ const permissionPrecise = computed(() => {
  return permissionMap['application'][apiType.value]
 })

-// @ts-ignore
 const defaultPrompt = t('views.application.form.prompt.defaultPrompt', {
  data: '{data}',
  question: '{question}',
--- a/ui/src/views/application/component/CopyApplicationDialog.vue
+++ b/ui/src/views/application/component/CopyApplicationDialog.vue
@ -60,7 +60,6 @@ import useStore from '@/stores'
 const router = useRouter()
 const { common, user } = useStore()

-// @ts-ignore
 const defaultPrompt = t('views.application.form.prompt.defaultPrompt', {
  data: '{data}',
  question: '{question}',
@ -69,7 +68,7 @@ const applicationFormRef = ref()

 const loading = ref(false)
 const dialogVisible = ref<boolean>(false)
-// @ts-ignore
+
 const applicationForm = ref<ApplicationFormType>({
  name: '',
  desc: '',
--- a/ui/src/views/application/component/CreateApplicationDialog.vue
+++ b/ui/src/views/application/component/CreateApplicationDialog.vue
@ -109,7 +109,6 @@ const { user } = useStore()
 const router = useRouter()
 const emit = defineEmits(['refresh'])

-// @ts-ignore
 const defaultPrompt = t('views.application.form.prompt.defaultPrompt', {
  data: '{data}',
  question: '{question}',
--- a/ui/src/views/application/component/ParamSettingDialog.vue
+++ b/ui/src/views/application/component/ParamSettingDialog.vue
@ -205,7 +205,6 @@ const noReferencesformRef = ref()

 const defaultValue = {
  ai_questioning: '{question}',
-  // @ts-ignore
  designated_answer: t('views.application.dialog.designated_answer'),
 }

--- a/ui/src/views/chat-log/index.vue
+++ b/ui/src/views/chat-log/index.vue
@ -259,7 +259,6 @@ const formRef = ref()
 const dayOptions = [
  {
    value: 7,
-    // @ts-ignore
    label: t('views.applicationOverview.monitor.pastDayOptions.past7Days'), // 使用 t 方法来国际化显示文本
  },
  {
--- a/ui/src/views/model/component/CreateModelDialog.vue
+++ b/ui/src/views/model/component/CreateModelDialog.vue
@ -8,7 +8,7 @@
    :before-close="close"
    append-to-body
  >
-    <template #header="{ close, titleId, titleClass }">
+    <template #header>
      <el-breadcrumb separator=">">
        <el-breadcrumb-item>
          <span @click="toSelectProvider" class="select-provider">
--- a/ui/src/views/model/component/EditModel.vue
+++ b/ui/src/views/model/component/EditModel.vue
@ -7,7 +7,7 @@
    :destroy-on-close="true"
    :before-close="close"
  >
-    <template #header="{ close, titleId, titleClass }">
+    <template #header>
      <el-breadcrumb separator=">">
        <el-breadcrumb-item
          ><span class="active-breadcrumb">{{
--- a/ui/src/views/paragraph/component/ParagraphDialog.vue
+++ b/ui/src/views/paragraph/component/ParagraphDialog.vue
@ -66,7 +66,7 @@ import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import permissionMap from '@/permission'

 const props = defineProps<{
-  title: String
+  title: string
  apiType: 'systemShare' | 'workspace' | 'systemManage'
 }>()

--- a/ui/src/views/paragraph/component/ProblemComponent.vue
+++ b/ui/src/views/paragraph/component/ProblemComponent.vue
@ -64,9 +64,9 @@ import permissionMap from '@/permission'


 const props = defineProps<{
-  paragraphId: String
-  docId: String
-  knowledgeId: String
+  paragraphId: string
+  docId: string
+  knowledgeId: string
  apiType: 'systemShare' | 'workspace' | 'systemManage'
 }>()

--- a/ui/src/views/paragraph/index.vue
+++ b/ui/src/views/paragraph/index.vue
@ -62,7 +62,7 @@
                container=".paragraph-scollbar"
                @click="handleClick"
              >
-                <template v-for="(item, index) in paragraphDetail" :key="item.id">
+                <template v-for="(item) in paragraphDetail" :key="item.id">
                  <el-anchor-link :href="`#m${item.id}`" :title="item.title" v-if="item.title">
                    <span :title="item.title">
                      {{ item.title }}
--- a/ui/src/views/problem/component/RelateProblemDialog.vue
+++ b/ui/src/views/problem/component/RelateProblemDialog.vue
@ -204,7 +204,9 @@ function associationClick(item: any) {
 function searchHandle() {
  paginationConfig.current_page = 1
  paragraphList.value = []
-  currentDocument.value && getParagraphList(currentDocument.value)
+  if (currentDocument.value) {
+    getParagraphList(currentDocument.value)
+  }
 }

 function clickDocumentHandle(item: any) {
@ -222,7 +224,10 @@ function getDocument() {
      documentList.value = res.data
      currentDocument.value =
        cloneDocumentList.value?.length > 0 ? cloneDocumentList.value[0].id : ''
-      currentDocument.value && getParagraphList(currentDocument.value)
+
+      if (currentDocument.value) {
+        getParagraphList(currentDocument.value)
+      }
    })
 }

--- a/ui/src/views/system-resource-management/ApplicationResourceIndex.vue
+++ b/ui/src/views/system-resource-management/ApplicationResourceIndex.vue
@ -363,7 +363,6 @@ function mapToUrlParams(map: any[]) {

 function deleteApplication(row: any) {
  MsgConfirm(
-    // @ts-ignore
    `${t('views.application.delete.confirmTitle')}${row.name} ?`,
    t('views.application.delete.confirmMessage'),
    {
--- a/ui/src/views/system-resource-management/ModelResourceIndex.vue
+++ b/ui/src/views/system-resource-management/ModelResourceIndex.vue
@ -367,7 +367,7 @@ const search_type_change = () => {
 }

 function getRequestParams() {
-  let obj: any = {
+  const obj: any = {
    name: model_search_form.value.name,
    create_user: model_search_form.value.create_user,
    model_type: model_search_form.value.model_type,
--- a/ui/src/views/system-setting/theme/index.vue
+++ b/ui/src/views/system-setting/theme/index.vue
@ -313,7 +313,6 @@ const rules = reactive<FormRules>({
 const onChange = (file: any, fileList: UploadFiles, attr: string) => {
  const isLimit = file?.size / 1024 / 1024 < 10
  if (!isLimit) {
-    // @ts-ignore
    MsgError(t('theme.fileMessageError'))
    return false
  } else {
--- a/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
+++ b/ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue
@ -1,6 +1,6 @@
 <template>
  <el-dialog modal-class="authorized-workspace" v-model="centerDialogVisible" width="840">
-    <template #header="{ titleId, titleClass }">
+    <template #header>
      <h4 class="mb-8">{{ $t('views.shared.authorized_workspace') }}</h4>
      <el-text class="color-secondary lighter">{{ $t('views.shared.authorized_tip') }}</el-text>
    </template>
@ -11,7 +11,7 @@
      <el-radio value="BLACK_LIST">{{ $t('views.shared.BLACK_LIST') }}</el-radio>
    </el-radio-group>
    <p class="mb-8 lighter mt-16">{{ $t('views.shared.select_workspace') }}</p>
-    <div class="flex border" v-loading="loading" style="overflow: hidden;">
+    <div class="flex border" v-loading="loading" style="overflow: hidden">
      <div class="border-r">
        <el-input
          v-model="search"
@ -69,7 +69,7 @@
          </el-button>
        </div>
        <el-scrollbar max-height="250" wrap-class="p-16 pt-0">
-          <template v-for="ele in checkedWorkspace">
+          <template v-for="(ele, index) in checkedWorkspace" :key="index">
            <div class="flex-between">
              <div class="flex align-center">
                <AppIcon iconName="app-workspace"></AppIcon>
@ -97,7 +97,6 @@
 import { ref, computed } from 'vue'
 import type { CheckboxValueType } from 'element-plus'
 import authorizationApi from '@/api/system-shared/authorization'
-import workspaceApi from '@/api/workspace/workspace'
 import { loadPermissionApi } from '@/utils/dynamics-api/permission-api.ts'

 const checkAll = ref(false)
@ -137,7 +136,7 @@ const open = async ({ id }: any, type = 'Knowledge') => {
  ])
  workspace.value = systemWorkspaceList.data as any
  listType.value = (authList.data || {}).authentication_type || 'WHITE_LIST'
-  let workspace_id_list = (authList.data || {}).workspace_id_list || []
+  const workspace_id_list = (authList.data || {}).workspace_id_list || []
  checkedWorkspace.value = workspace.value.filter((ele) => workspace_id_list.includes(ele.id))
  handleCheckedWorkspaceChange(checkedWorkspace.value)
  loading.value = false
--- a/ui/src/views/system-shared/KnowLedgeSharedIndex.vue
+++ b/ui/src/views/system-shared/KnowLedgeSharedIndex.vue
@ -3,7 +3,7 @@
    <KnowledgeListContainer>
      <template #header>
        <el-breadcrumb separator-icon="ArrowRight">
-          <el-breadcrumb-item>{{ t('views.shared.shared_resources') }}</el-breadcrumb-item>
+          <el-breadcrumb-item>{{ $t('views.shared.shared_resources') }}</el-breadcrumb-item>
          <el-breadcrumb-item>
            <h5 class="ml-4 color-text-primary">{{ t('views.knowledge.title') }}</h5>
          </el-breadcrumb-item>
@ -18,8 +18,6 @@ import { onMounted, ref, reactive, computed } from 'vue'

 import KnowledgeListContainer from '@/views/knowledge/component/KnowledgeListContainer.vue'

-import { t } from '@/locales'
-
 onMounted(() => {})
 </script>

--- a/ui/src/views/system-shared/ModelSharedIndex.vue
+++ b/ui/src/views/system-shared/ModelSharedIndex.vue
@ -3,7 +3,7 @@
    <ContentContainer>
      <template #header>
        <el-breadcrumb separator-icon="ArrowRight">
-          <el-breadcrumb-item>{{ t('views.shared.shared_resources') }}</el-breadcrumb-item>
+          <el-breadcrumb-item>{{ $t('views.shared.shared_resources') }}</el-breadcrumb-item>
          <el-breadcrumb-item>
            <h5 class="ml-4 color-text-primary">{{ t('views.model.title') }}</h5>
          </el-breadcrumb-item>
@ -18,7 +18,6 @@

 <script lang="ts" setup>
 import { onMounted, ref, computed } from 'vue'
-import { t } from '@/locales'
 import modelListContainer from '@/views/model/index.vue'

 onMounted(() => {})
--- a/ui/src/views/system-shared/ToolSharedIndex.vue
+++ b/ui/src/views/system-shared/ToolSharedIndex.vue
@ -4,7 +4,7 @@
      <template #header>
        <el-space wrap>
          <el-breadcrumb separator-icon="ArrowRight">
-            <el-breadcrumb-item>{{ t('views.shared.shared_resources') }}</el-breadcrumb-item>
+            <el-breadcrumb-item>{{ $t('views.shared.shared_resources') }}</el-breadcrumb-item>
            <el-breadcrumb-item>
              <h5 class="ml-4 color-text-primary">{{ t('views.tool.title') }}</h5>
            </el-breadcrumb-item>
@ -26,7 +26,6 @@ import { onMounted, ref, reactive, computed } from 'vue'

 import ToolListContainer from '@/views/tool/component/ToolListContainer.vue'

-import { t } from '@/locales'
 import useStore from '@/stores'

 const { tool } = useStore()
--- a/ui/src/views/system/operate-log/index.vue
+++ b/ui/src/views/system/operate-log/index.vue
@ -281,7 +281,6 @@ const daterangeValue = ref('')
 const dayOptions = [
  {
    value: 7,
-    // @ts-ignore
    label: t('views.applicationOverview.monitor.pastDayOptions.past7Days'), // 使用 t 方法来国际化显示文本
  },
  {
@ -380,7 +379,7 @@ function handleSizeChange() {
 }

 function getRequestParams() {
-  let obj: any = {
+  const obj: any = {
    start_time: daterange.value.start_time,
    end_time: daterange.value.end_time,
  }
@ -408,7 +407,7 @@ function getList() {

 function getMenuList() {
  return operateLog.getMenuList().then((res) => {
-    let arr: any[] = res.data
+    const arr: any[] = res.data
    arr
      .filter((item, index, self) => index === self.findIndex((i) => i['menu'] === item['menu']))
      .forEach((ele) => {
--- a/ui/src/views/tool/component/EditAvatarDialog.vue
+++ b/ui/src/views/tool/component/EditAvatarDialog.vue
@ -106,7 +106,6 @@ const onChange = (file: any) => {
  //1、判断文件大小是否合法，文件限制不能大于10MB
  const isLimit = file?.size / 1024 / 1024 < 10
  if (!isLimit) {
-    // @ts-ignore
    MsgError(t('common.EditAvatarDialog.fileSizeExceeded'))
    return false
  } else {