feat: Batch deletion tool

Author: wangdan-fit2cloud

ui/src/api/tool/tool.ts

@@ -300,6 +300,34 @@ const getMcpTools: (
 ) => Promise<Result<any>> = (tool_id, mcp_servers, loading) => {
   return post(`${prefix.value}/${tool_id}/mcp_tools`, { mcp_servers }, {}, loading)
 }
+
+/**
+ * 批量删除工具
+ * @param 参数 knowledge_id,
+ * {
+  "id_list": [String]
+}
+ */
+const delMulTool: (data: any, loading?: Ref<boolean>) => Promise<Result<boolean>> = (
+  data,
+  loading,
+) => {
+  return put(`${prefix.value}/tool/batch_delete`, { id_list: data }, undefined, loading)
+}
+/**
+ * 批量删除工具
+ * @param 参数 knowledge_id,
+ * {
+  "id_list": [String]
+  "folder_id": string
+}
+ */
+const putMulMoveTool: (data: any, loading?: Ref<boolean>) => Promise<Result<boolean>> = (
+  data,
+  loading,
+) => {
+  return put(`${prefix.value}/tool/batch_move`, data, undefined, loading)
+}
 export default {
   getToolList,
   getAllToolList,
@@ -328,4 +356,6 @@ export default {
   debugToolWorkflow,
   generateCode,
   getMcpTools,
+  delMulTool,
+  putMulMoveTool
 }

ui/src/components/ai-chat/index.scss

@@ -42,16 +42,6 @@
   .is-selected {
     background: rgba(var(--el-text-color-primary-rgb), 0.08);
   }
-  .mul-operation {
-    position: fixed;
-    bottom: 0;
-    right: 0;
-    padding: 16px 24px;
-    box-sizing: border-box;
-    background: #ffffff;
-    z-index: 22;
-    box-shadow: 0px -2px 4px 0px rgba(var(--el-text-color-primary-rgb), 0.08);
-  }
 }
 
 .chat-width {

ui/src/components/app-icon/index.ts

@@ -580,53 +580,74 @@ export const iconMap: any = {
     },
   },
   'app-unlink': {
-  iconReader: () => {
-    return h('i', [
-      h(
-        'svg',
-        {
-          style: { height: '100%', width: '100%' },
-          viewBox: '0 0 16 16',
-          fill: 'none',
-          xmlns: 'http://www.w3.org/2000/svg',
-        },
-        [
-          h('g', { 'clip-path': 'url(#clip0_10754_9765)' }, [
-            h('path', {
-              d: 'M1.23567 0.764126L0.76429 1.23549C0.634122 1.36565 0.634122 1.57668 0.76429 1.70685L13.9629 14.905C14.0931 15.0351 14.3042 15.0351 14.4343 14.905L14.9057 14.4336C15.0359 14.3034 15.0359 14.0924 14.9057 13.9622L1.70705 0.764126C1.57688 0.633963 1.36584 0.633963 1.23567 0.764126Z',
-              fill: 'currentColor',
-            }),
-            h('path', {
-              d: 'M9.77756 6.94871V3.33311C9.77756 3.22403 9.69895 3.1333 9.59528 3.11448L9.55534 3.1109H5.93959L4.60626 1.77762H9.55534C10.3858 1.77762 11.0643 2.42839 11.1086 3.24777L11.1109 3.33311V8.28199L9.77756 6.94871Z',
-              fill: 'currentColor',
-            }),
-            h('path', {
-              d: 'M0.888669 3.71681V8.66623L0.890971 8.75157C0.93528 9.57095 1.61375 10.2217 2.44422 10.2217H4.17756C4.32483 10.2217 4.44422 10.1023 4.44422 9.95506V9.15509C4.44422 9.00782 4.32483 8.88844 4.17756 8.88844H2.44422L2.40428 8.88486C2.30061 8.86604 2.222 8.77531 2.222 8.66623V5.05009L0.888669 3.71681Z',
-              fill: 'currentColor',
-            }),
-            h('path', {
-              d: 'M5.33311 8.16107V12.6661L5.33542 12.7514C5.37972 13.5708 6.0582 14.2216 6.88867 14.2216H11.3938L10.0605 12.8883H6.88867L6.84872 12.8847C6.74506 12.8659 6.66645 12.7751 6.66645 12.6661V9.49435L5.33311 8.16107Z',
-              fill: 'currentColor',
-            }),
-            h('path', {
-              d: 'M8.60626 5.77746L8.88867 6.05986V6.04411C8.88867 5.89684 8.76928 5.77746 8.622 5.77746H8.60626Z',
-              fill: 'currentColor',
-            }),
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 16 16',
+            fill: 'none',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('g', { 'clip-path': 'url(#clip0_10754_9765)' }, [
+              h('path', {
+                d: 'M1.23567 0.764126L0.76429 1.23549C0.634122 1.36565 0.634122 1.57668 0.76429 1.70685L13.9629 14.905C14.0931 15.0351 14.3042 15.0351 14.4343 14.905L14.9057 14.4336C15.0359 14.3034 15.0359 14.0924 14.9057 13.9622L1.70705 0.764126C1.57688 0.633963 1.36584 0.633963 1.23567 0.764126Z',
+                fill: 'currentColor',
+              }),
+              h('path', {
+                d: 'M9.77756 6.94871V3.33311C9.77756 3.22403 9.69895 3.1333 9.59528 3.11448L9.55534 3.1109H5.93959L4.60626 1.77762H9.55534C10.3858 1.77762 11.0643 2.42839 11.1086 3.24777L11.1109 3.33311V8.28199L9.77756 6.94871Z',
+                fill: 'currentColor',
+              }),
+              h('path', {
+                d: 'M0.888669 3.71681V8.66623L0.890971 8.75157C0.93528 9.57095 1.61375 10.2217 2.44422 10.2217H4.17756C4.32483 10.2217 4.44422 10.1023 4.44422 9.95506V9.15509C4.44422 9.00782 4.32483 8.88844 4.17756 8.88844H2.44422L2.40428 8.88486C2.30061 8.86604 2.222 8.77531 2.222 8.66623V5.05009L0.888669 3.71681Z',
+                fill: 'currentColor',
+              }),
+              h('path', {
+                d: 'M5.33311 8.16107V12.6661L5.33542 12.7514C5.37972 13.5708 6.0582 14.2216 6.88867 14.2216H11.3938L10.0605 12.8883H6.88867L6.84872 12.8847C6.74506 12.8659 6.66645 12.7751 6.66645 12.6661V9.49435L5.33311 8.16107Z',
+                fill: 'currentColor',
+              }),
+              h('path', {
+                d: 'M8.60626 5.77746L8.88867 6.05986V6.04411C8.88867 5.89684 8.76928 5.77746 8.622 5.77746H8.60626Z',
+                fill: 'currentColor',
+              }),
+              h('path', {
+                d: 'M15.5542 12.7251L14.222 11.393V7.33295C14.222 7.22386 14.1434 7.13313 14.0397 7.11431L13.9998 7.11073H12.2664C12.1192 7.11073 11.9998 6.99135 11.9998 6.84408V6.04411C11.9998 5.89684 12.1192 5.77746 12.2664 5.77746H13.9998C14.8303 5.77746 15.5087 6.42822 15.553 7.2476L15.5553 7.33295V12.6661C15.5553 12.6858 15.555 12.7055 15.5542 12.7251Z',
+                fill: 'currentColor',
+              }),
+            ]),
+            h('defs', [
+              h('clipPath', { id: 'clip0_10754_9765' }, [
+                h('rect', { width: '16', height: '15.9993', fill: 'currentColor' }),
+              ]),
+            ]),
+          ],
+        ),
+      ])
+    },
+  },
+  'app-batch-delete': {
+    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: 'M15.5542 12.7251L14.222 11.393V7.33295C14.222 7.22386 14.1434 7.13313 14.0397 7.11431L13.9998 7.11073H12.2664C12.1192 7.11073 11.9998 6.99135 11.9998 6.84408V6.04411C11.9998 5.89684 12.1192 5.77746 12.2664 5.77746H13.9998C14.8303 5.77746 15.5087 6.42822 15.553 7.2476L15.5553 7.33295V12.6661C15.5553 12.6858 15.555 12.7055 15.5542 12.7251Z',
+              d: 'M597.333333 106.666667h277.333334a42.666667 42.666667 0 0 1 42.666666 42.666666V426.666667a42.666667 42.666667 0 0 1-42.666666 42.666666H597.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V149.333333a42.666667 42.666667 0 0 1 42.666666-42.666666zM640 384h192V192H640V384zM149.333333 554.666667H426.666667a42.666667 42.666667 0 0 1 42.666666 42.666666v277.333334a42.666667 42.666667 0 0 1-42.666666 42.666666H149.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V597.333333a42.666667 42.666667 0 0 1 42.666666-42.666666z m42.666667 277.333333H384V640H192v192z m682.666667-277.333333H597.333333a42.666667 42.666667 0 0 0-42.666666 42.666666v277.333334a42.666667 42.666667 0 0 0 42.666666 42.666666h277.333334a42.666667 42.666667 0 0 0 42.666666-42.666666V597.333333a42.666667 42.666667 0 0 0-42.666666-42.666666zM640 832V640h192v192H640zM107.306667 300.202667a21.333333 21.333333 0 0 1 0-30.208l30.165333-30.165334a21.333333 21.333333 0 0 1 30.165333 0L243.072 315.306667 409.002667 149.333333a21.333333 21.333333 0 0 1 30.165333 0l30.165333 30.165334a21.333333 21.333333 0 0 1 0 30.165333l-211.2 211.2a21.333333 21.333333 0 0 1-30.165333 0L107.306667 300.202667z',
               fill: 'currentColor',
             }),
-          ]),
-          h('defs', [
-            h('clipPath', { id: 'clip0_10754_9765' }, [
-              h('rect', { width: '16', height: '15.9993', fill: 'currentColor' }),
-            ]),
-          ]),
-        ],
-      ),
-    ])
+          ],
+        ),
+      ])
+    },
   },
-},
   // 动态加载的图标
   ...dynamicIcons,
 }

ui/src/components/card-box/index.vue

@@ -38,13 +38,13 @@
         <slot name="footer"></slot>
       </div>
       <div @mouseenter="subHoveredEnter">
-        <slot name="mouseEnter"  v-if="$slots.mouseEnter && show" />
+        <slot name="mouseEnter" v-if="$slots.mouseEnter && show" />
       </div>
     </div>
   </el-card>
 </template>
 <script setup lang="ts">
-import { ref, useSlots } from 'vue'
+import { ref, watch } from 'vue'
 import { t } from '@/locales'
 defineOptions({ name: 'CardBox' })
 const props = withDefaults(
@@ -61,14 +61,25 @@ const props = withDefaults(
      * 是否展示icon
      */
     showIcon?: boolean
+    disabled?: boolean
   }>(),
-  { title: t('common.title'), description: '', showIcon: true, border: true },
+  { title: t('common.title'), description: '', showIcon: true, border: true, disabled: false },
 )
 
+watch(
+  () => props.disabled,
+  (val) => {
+    if (val) {
+      show.value = false
+      subHovered.value = false
+    }
+  },
+)
 const show = ref(false)
 // card上面存在dropdown菜单
 const subHovered = ref(false)
 function cardEnter() {
+  if (props.disabled) return
   show.value = true
   subHovered.value = false
 }

ui/src/components/folder-tree/MoveToDialog.vue

@@ -52,13 +52,14 @@ const treeRef = ref()
 const loading = ref(false)
 const dialogVisible = ref(false)
 const folderList = ref<any[]>([])
-const detail = ref<any>({})
+const detail = ref<any>(null) // 保存交互所需信息：批量操作是id_list
 const selectForderId = ref<any>('')
 const currentNodeKey = ref<string>('')
+const isBatch = ref(false)
 
 watch(dialogVisible, (bool) => {
   if (!bool) {
-    detail.value = {}
+    detail.value = null
     selectForderId.value = ''
     folderList.value = []
     currentNodeKey.value = ''
@@ -70,6 +71,7 @@ const isFolder = ref<boolean>(false)
 
 const open = (data: any, is_folder?: any) => {
   detail.value = data
+  isBatch.value = data?.id_list
   isFolder.value = is_folder
   getFolder()
   dialogVisible.value = true
@@ -124,11 +126,19 @@ const submitHandle = async () => {
         })
       }
     } else if (props.source === SourceTypeEnum.TOOL) {
-      ToolApi.putTool(detail.value.id, obj, loading).then(() => {
-        MsgSuccess(t('common.saveSuccess'))
-        emit('refresh', detail.value)
-        dialogVisible.value = false
-      })
+      if (isBatch.value) {
+        ToolApi.putMulMoveTool(obj, loading).then(() => {
+          MsgSuccess(t('common.saveSuccess'))
+          emit('refresh')
+          dialogVisible.value = false
+        })
+      } else {
+        ToolApi.putTool(detail.value.id, obj, loading).then(() => {
+          MsgSuccess(t('common.saveSuccess'))
+          emit('refresh', detail.value)
+          dialogVisible.value = false
+        })
+      }
     } else if (props.source === SourceTypeEnum.APPLICATION) {
       ApplicationApi.moveApplication(detail.value.id, obj.folder_id, loading).then((res) => {
         MsgSuccess(t('common.saveSuccess'))

ui/src/locales/lang/en-US/common.ts

@@ -38,7 +38,7 @@ export default {
   paramSetting: 'Parameter Settings',
   name: 'Name',
   creator: 'Creator',
-  createdIn:'created in',
+  createdIn: 'created in',
   author: 'Author',
   debug: 'Debug',
   required: 'Required',
@@ -113,6 +113,7 @@ export default {
   username: 'username',
   importCreate: 'Import Create',
   detail: 'Detail',
+  total: 'Total',
   selected: 'Selected',
   notFound: {
     title: '404',

ui/src/locales/lang/zh-CN/common.ts

@@ -114,6 +114,7 @@ export default {
   username: '用户名',
   importCreate: '导入创建',
   detail: '详情',
+  total: '共',
   selected: '已选',
   notFound: {
     title: '404',

ui/src/locales/lang/zh-Hant/common.ts

@@ -113,6 +113,7 @@ export default {
   username: '用戶名',
   importCreate: '導入創建',
   detail: '详情',
+  total: '共',
   selected: '已選',
   notFound: {
     title: '404',

ui/src/styles/component.scss

@@ -5,11 +5,15 @@
   .el-select__wrapper {
     box-shadow: none !important;
     border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
+    min-height: 30px !important;
   }
   .el-input__wrapper {
     box-shadow: none !important;
     border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
   }
+  .el-input__inner {
+    height: 28px !important;
+  }
   &__left {
     border-right: 1px solid var(--el-border-color);
     .el-select__wrapper {
@@ -393,3 +397,17 @@
     color: var(--el-color-primary-light-5);
   }
 }
+
+// 批量操作拦
+.mul-operation {
+  position: fixed;
+  margin-left: var(--sidebar-width);
+  bottom: 0;
+  right: 0;
+  width: calc(100% - var(--sidebar-width));
+  padding: 16px 24px;
+  box-sizing: border-box;
+  background: #ffffff;
+  z-index: 22;
+  box-shadow: 0px -2px 4px 0px rgba(var(--el-text-color-primary-rgb), 0.08);
+}

ui/src/views/application/template-store/TemplateStoreDialog.vue

@@ -301,6 +301,7 @@ defineExpose({ open })
 
         &.is-active {
           color: var(--el-color-primary);
+          // TODO
           background-color: #3370ff1a;
         }
       }