perf: Partial icon updates (#3847)

Co-authored-by: wangdan-fit2cloud <[email protected]>

Author: shaohuzhang1

ui/src/components/app-icon/icons/menu.ts

@@ -282,6 +282,27 @@ export default {
       ])
     },
   },
+  'app-user-chat-active': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M213.333333 298.666667a213.333333 213.333333 0 1 0 426.752-0.085334A213.333333 213.333333 0 0 0 213.333333 298.666667zM298.666667 554.666667a256 256 0 0 0-256 256v108.330666c0 23.552 19.2 42.666667 42.666666 42.666667h682.666667c23.466667 0 42.666667-19.114667 42.666667-42.666667V810.666667a256 256 0 0 0-256-256H298.666667zM960 384h-213.333333a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333h213.333333a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333zM960 554.666667h-85.333333a21.333333 21.333333 0 0 0-21.333334 21.333333v42.666667a21.333333 21.333333 0 0 0 21.333334 21.333333h85.333333a21.333333 21.333333 0 0 0 21.333333-21.333333v-42.666667a21.333333 21.333333 0 0 0-21.333333-21.333333z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
   'app-resource-management': {
     iconReader: () => {
       return h('i', [

ui/src/router/modules/application-detail.ts

@@ -155,7 +155,7 @@ const ApplicationDetailRouter = {
       name: 'applicationChatUser',
       meta: {
         icon: 'app-user-chat',
-        iconActive: 'app-user-chat',
+        iconActive: 'app-user-chat-active',
         title: 'views.chatUser.title',
         active: 'chat-user',
         parentPath: '/application/:from/:id/:type',

ui/src/router/modules/document.ts

@@ -201,9 +201,9 @@ const DocumentRouter = {
       name: 'KnowledgeChatUser',
       meta: {
         icon: 'app-user-chat',
-        iconActive: 'app-user-chat',
+        iconActive: 'app-user-chat-active',
         title: 'views.chatUser.title',
-        active: 'chat-log',
+        active: 'chat-user',
         parentPath: '/knowledge/:id/:folderId',
         parentName: 'KnowledgeDetail',
         resourceType: SourceTypeEnum.KNOWLEDGE,

ui/src/views/system-resource-management/ModelResourceIndex.vue

@@ -61,7 +61,14 @@
         <!-- <el-table-column type="selection" width="55" /> -->
         <el-table-column width="220" :label="$t('common.name')" show-overflow-tooltip>
           <template #default="{ row }">
-            {{ row.name }}
+            <el-space :size="8">
+              <span
+                style="width: 24px; height: 24px; display: inline-block"
+                :innerHTML="getRowProvider(row)?.icon"
+              >
+              </span>
+              <span> {{ row.name }}</span>
+            </el-space>
           </template>
         </el-table-column>
         <el-table-column

ui/src/views/system-setting/theme/index.vue

@@ -421,5 +421,10 @@ onMounted(() => {
       background: var(--app-header-bg-color);
     }
   }
+  .theme-form {
+    :deep(.el-checkbox__input.is-checked + .el-checkbox__label) {
+      color: var(--el-checkbox-text-color);
+    }
+  }
 }
 </style>

ui/src/views/tool/ToolDebugDrawer.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-drawer v-model="debugVisible" size="60%" :append-to-body="true">
+  <el-drawer v-model="debugVisible" size="60%" :append-to-body="true" :modal="false">
     <template #header>
       <div class="flex align-center" style="margin-left: -8px">
         <el-button class="cursor mr-4" link @click.prevent="debugVisible = false">

ui/src/workflow/icons/chat-icon.vue

@@ -1,4 +1,4 @@
 <template>
-  <img src="@/assets/workflow/icon_globe_color.svg" style="width: 18px" alt="" />
+  <img src="@/assets/workflow/icon_chat_color.svg" style="width: 18px" alt="" />
 </template>
 <script setup lang="ts"></script>

ui/src/workflow/icons/global-icon.vue

@@ -1,4 +1,4 @@
 <template>
-  <img src="@/assets/workflow/icon_chat_color.svg" style="width: 18px" alt="" />
+  <img src="@/assets/workflow/icon_globe_color.svg" style="width: 18px" alt="" />
 </template>
 <script setup lang="ts"></script>