perf: Optimize front-end code

Author: wangdan-fit2cloud

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'

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()
     }

ui/src/components/ai-chat/component/knowledge-source-component/ExecutionDetailContent.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
       }

ui/src/components/ai-chat/component/user-form/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) {

ui/src/components/ai-chat/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 {

ui/src/components/back-button/index.vue

@@ -149,6 +149,8 @@ const resourceType = computed(() => {
     return 'model'
   } else if (props.source === 'TOOL') {
     return 'tool'
+  } else {
+    return 'application'
   }
 })
 

ui/src/components/folder-tree/index.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

ui/src/components/markdown/EchartsRander.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)

ui/src/components/markdown/HtmlRander.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'])