perf: Optimize the style

Author: wangdan-fit2cloud

ui/src/assets/knowledge/icon_basic_template.svg

@@ -1,9 +1,12 @@
 <template>
   <el-avatar v-if="type == 'MCP'" shape="square" :size="size">
-    <img src="@/assets/workflow/icon_mcp.svg" style="width: 75%" alt="" />
+    <img src="@/assets/tool/icon_mcp.svg" style="width: 75%" alt="" />
+  </el-avatar>
+  <el-avatar v-else-if="type == 'DATA_SOURCE'" class="avatar-purple" shape="square" :size="size">
+    <img src="@/assets/tool/icon_datasource.svg" style="width: 58%" alt="" />
   </el-avatar>
   <el-avatar v-else class="avatar-green" shape="square" :size="size">
-    <img src="@/assets/workflow/icon_tool.svg" style="width: 58%" alt="" />
+    <img src="@/assets/tool/icon_tool.svg" style="width: 58%" alt="" />
   </el-avatar>
 </template>
 <script setup lang="ts">

ui/src/assets/knowledge/logo_workflow.svg

@@ -49,41 +49,4 @@ function checkboxChange() {
   emit('change')
 }
 </script>
-<style lang="scss">
-.card-checkbox {
-  &.active {
-    border: 1px solid var(--el-color-primary);
-  }
-  input.checkbox[type='checkbox'] {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    height: 14px;
-    width: 14px;
-    position: relative;
-
-    &::after {
-      position: absolute;
-      top: 0;
-      background-color: white;
-      color: #000;
-      height: 13px;
-      width: 13px;
-      visibility: visible;
-      text-align: center;
-      box-sizing: border-box;
-      border: var(--el-border);
-      border-radius: var(--el-border-radius-small);
-      box-sizing: content-box;
-      content: '';
-    }
-
-    &:checked::after {
-      content: '✓';
-      color: #ffffff;
-      border-color: var(--el-color-primary);
-      background: var(--el-color-primary);
-    }
-  }
-}
-</style>
+<style lang="scss"></style>

ui/src/assets/tool/icon_datasource.svg

@@ -31,7 +31,7 @@
               <img :src="resetUrl(item?.icon, resetUrl('./favicon.ico'))" alt="" />
             </el-avatar>
             <el-avatar v-else class="avatar-green" shape="square" :size="20">
-              <img src="@/assets/workflow/icon_tool.svg" style="width: 58%" alt="" />
+              <img src="@/assets/tool/icon_tool.svg" style="width: 58%" alt="" />
             </el-avatar>
             <span class="ml-8 ellipsis" :title="item.name">{{ item.name }}</span>
           </div>
@@ -49,7 +49,7 @@
                 <img :src="resetUrl(item?.icon, resetUrl('./favicon.ico'))" alt="" />
               </el-avatar>
               <el-avatar v-else class="avatar-green" shape="square" :size="20">
-                <img src="@/assets/workflow/icon_tool.svg" style="width: 58%" alt="" />
+                <img src="@/assets/tool/icon_tool.svg" style="width: 58%" alt="" />
               </el-avatar>
               <span class="font-medium ml-8 break-all" :title="item.name">{{ item.name }}</span>
             </div>