fix: workflow multi-selection

wangdan-fit2cloud · wangdan-fit2cloud · commit 8ecb6a855c61 · 2025-10-27T17:47:57.000+08:00
diff --git a/ui/src/components/app-icon/icons/application.ts b/ui/src/components/app-icon/icons/application.ts
@@ -740,4 +740,25 @@ export default {
       ])
     },
   },
+  'app-raisehand': {
+    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: 'M919.466667 347.733333c0-64-53.333333-117.333333-117.333334-117.333333-12.8 0-23.466667 2.133333-34.133333 4.266667-12.8-51.2-57.6-89.6-115.2-89.6-10.666667 0-21.333333 2.133333-32 4.266666v-14.933333C620.8 70.4 567.466667 17.066667 503.466667 17.066667S386.133333 70.4 386.133333 134.4v14.933333c-10.666667-2.133333-21.333333-4.266667-32-4.266666-64 0-117.333333 53.333333-117.333333 117.333333v174.933333l-4.266667-2.133333c-53.333333-34.133333-110.933333-21.333333-151.466666 4.266667-40.533333 25.6-51.2 83.2-21.333334 121.6l232.533334 300.8c61.866667 87.466667 166.4 142.933333 283.733333 142.933333 91.733333 0 177.066667-25.6 241.066667-83.2s102.4-140.8 102.4-247.466667V347.733333zM836.266667 422.4V674.133333c0 85.333333-32 145.066667-76.8 183.466667-44.8 40.533333-108.8 61.866667-185.6 61.866667-89.6 0-168.533333-42.666667-215.466667-108.8v-2.133334l-230.4-298.666666c23.466667-14.933333 42.666667-14.933333 59.733333-4.266667 2.133333 0 2.133333 2.133333 4.266667 2.133333L260.266667 554.666667c12.8 6.4 29.866667 6.4 42.666666 0 12.8-8.533333 21.333333-21.333333 21.333334-36.266667V264.533333c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v234.666667c0 23.466667 19.2 42.666667 42.666666 42.666667s42.666667-19.2 42.666667-42.666667V134.4c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v362.666667c0 23.466667 19.2 42.666667 42.666667 42.666666s42.666667-19.2 42.666666-42.666666v-234.666667c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v236.8c0 23.466667 19.2 42.666667 42.666667 42.666667s42.666667-19.2 42.666667-42.666667V349.866667c0-17.066667 14.933333-32 32-32s32 14.933333 32 32v72.533333z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
 }
diff --git a/ui/src/views/chat-log/component/EditContentDialog.vue b/ui/src/views/chat-log/component/EditContentDialog.vue
@@ -70,7 +70,7 @@
   </el-dialog>
 </template>
 <script setup lang="ts">
-import {ref, watch, reactive, computed, onMounted} from 'vue'
+import { ref, watch, reactive, computed, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import SelectKnowledgeDocument from '@/components/select-knowledge-document/index.vue'
 import type { FormInstance, FormRules } from 'element-plus'
@@ -93,16 +93,27 @@ const apiType = computed(() => {
   }
 })
 
-const postKnowledgeHandler = (knowledgeList: Array<any>) => { 
-  return knowledgeList.filter(item => {
+const postKnowledgeHandler = (knowledgeList: Array<any>) => {
+  return knowledgeList.filter((item) => {
     if (apiType.value === 'workspace') {
-      return hasPermission([RoleConst.WORKSPACE_MANAGE.getWorkspaceRole(),
-      new Permission("KNOWLEDGE_DOCUMENT:READ+EDIT").getWorkspacePermissionWorkspaceManageRole,
-      new Permission("KNOWLEDGE_DOCUMENT:READ+EDIT").getWorkspaceResourcePermission('KNOWLEDGE', item.id)], 'OR')
+      return hasPermission(
+        [
+          RoleConst.WORKSPACE_MANAGE.getWorkspaceRole(),
+          new Permission('KNOWLEDGE_DOCUMENT:READ+EDIT').getWorkspacePermissionWorkspaceManageRole,
+          new Permission('KNOWLEDGE_DOCUMENT:READ+EDIT').getWorkspaceResourcePermission(
+            'KNOWLEDGE',
+            item.id,
+          ),
+        ],
+        'OR',
+      )
     } else if (apiType.value === 'systemManage') {
-      return hasPermission([RoleConst.ADMIN, PermissionConst.RESOURCE_KNOWLEDGE_DOCUMENT_EDIT],'OR')
+      return hasPermission(
+        [RoleConst.ADMIN, PermissionConst.RESOURCE_KNOWLEDGE_DOCUMENT_EDIT],
+        'OR',
+      )
     }
-  }) 
+  })
 }
 
 const emit = defineEmits(['refresh'])
@@ -202,6 +213,7 @@ function changeDocument(document_id: string) {
 }
 
 const open = (data: any) => {
+  getDetail()
   form.value.chat_id = data.chat_id
   form.value.record_id = data.id
   form.value.problem_text = data.problem_text ? data.problem_text.substring(0, 256) : ''
@@ -246,10 +258,6 @@ function getDetail(isLoading = false) {
     })
 }
 
-onMounted(()=>{
-  getDetail()
-})
-
 defineExpose({ open })
 </script>
 <style lang="scss" scoped></style>
diff --git a/ui/src/views/document/tag/TagDrawer.vue b/ui/src/views/document/tag/TagDrawer.vue
@@ -218,12 +218,19 @@ function openCreateTagDialog(row?: any) {
 }
 
 function batchDelete() {
-  const tagsToDelete = multipleSelection.value.map((item) => item.id)
-  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
-    .delMulTag(id, tagsToDelete)
+  MsgConfirm(t('views.document.tag.deleteConfirm'), t('views.document.tag.deleteTip'), {
+    confirmButtonText: t('common.delete'),
+    confirmButtonClass: 'danger',
+  })
     .then(() => {
-      getList()
+      const tagsToDelete = multipleSelection.value.map((item) => item.id)
+      loadSharedApi({ type: 'knowledge', systemType: apiType.value })
+        .delMulTag(id, tagsToDelete)
+        .then(() => {
+          getList()
+        })
     })
+    .catch(() => {})
 }
 
 const editTagDialogRef = ref()
diff --git a/ui/src/views/document/tag/TagSettingDrawer.vue b/ui/src/views/document/tag/TagSettingDrawer.vue
@@ -132,44 +132,26 @@ const handleSelectionChange = (val: any[]) => {
 }
 
 function batchDelete() {
-  MsgConfirm(t('views.document.tag.deleteConfirm'), t('views.document.tag.deleteTip'), {
-    confirmButtonText: t('common.delete'),
-    confirmButtonClass: 'danger',
-  })
+  const tagsToDelete = multipleSelection.value.reduce((acc, item) => {
+    // 找出当前选中项的key对应的所有value id
+    const sameKeyItems = tableData.value.filter((data) => data.key === item.key)
+    const sameKeyIds = sameKeyItems.map((data) => data.id)
+    return [...acc, ...sameKeyIds]
+  }, [] as string[])
+
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .delMulDocumentTag(id, document_id.value, tagsToDelete, loading)
     .then(() => {
-      const tagsToDelete = multipleSelection.value.reduce((acc, item) => {
-        // 找出当前选中项的key对应的所有value id
-        const sameKeyItems = tableData.value.filter((data) => data.key === item.key)
-        const sameKeyIds = sameKeyItems.map((data) => data.id)
-        return [...acc, ...sameKeyIds]
-      }, [] as string[])
-
-      loadSharedApi({ type: 'document', systemType: apiType.value })
-        .delMulDocumentTag(id, document_id.value, tagsToDelete, loading)
-        .then(() => {
-          getList()
-        })
+      getList()
     })
-    .catch(() => {})
 }
 
 function delTagValue(row: any) {
-  MsgConfirm(
-    t('views.document.tag.deleteConfirm') + row.key + '-' + row.value,
-    t('views.document.tag.deleteTip'),
-    {
-      confirmButtonText: t('common.delete'),
-      confirmButtonClass: 'danger',
-    },
-  )
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .delMulDocumentTag(id, document_id.value, [row.id], loading)
     .then(() => {
-      loadSharedApi({ type: 'document', systemType: apiType.value })
-        .delMulDocumentTag(id, document_id.value, [row.id], loading)
-        .then(() => {
-          getList()
-        })
+      getList()
     })
-    .catch(() => {})
 }
 
 function getList() {
diff --git a/ui/src/views/paragraph/component/ParagraphCard.vue b/ui/src/views/paragraph/component/ParagraphCard.vue
@@ -140,7 +140,6 @@
       ref="SelectDocumentDialogRef"
       @refresh="refreshMigrateParagraph"
       :apiType="apiType"
-      :workspace-id="knowledgeDetail.workspace_id"
     />
     <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="refresh" :apiType="apiType" />
   </el-card>
@@ -195,7 +194,6 @@ const emit = defineEmits([
 ])
 const loading = ref(false)
 const changeStateloading = ref(false)
-const knowledgeDetail = ref<any>({})
 const show = ref(false)
 // card上面存在dropdown菜单
 const subHovered = ref(false)
@@ -222,13 +220,6 @@ async function changeState(row: any) {
       return false
     })
 }
-function getDetail() {
-  loadSharedApi({ type: 'knowledge', systemType: apiType.value, isShared: shareDisabled.value })
-    .getKnowledgeDetail(id, loading)
-    .then((res: any) => {
-      knowledgeDetail.value = res.data
-    })
-}
 
 const GenerateRelatedDialogRef = ref<InstanceType<typeof GenerateRelatedDialog>>()
 function openGenerateDialog(row: any) {
@@ -304,10 +295,6 @@ const dialogVisible = computed(
     GenerateRelatedDialogRef.value?.dialogVisible,
 )
 
-onMounted(() => {
-  getDetail()
-})
-
 watch(dialogVisible, (val: boolean) => {
   emit('dialogVisibleChange', val)
 })
diff --git a/ui/src/views/paragraph/component/SelectDocumentDialog.vue b/ui/src/views/paragraph/component/SelectDocumentDialog.vue
@@ -26,7 +26,7 @@
   </el-dialog>
 </template>
 <script setup lang="ts">
-import {ref, watch, reactive, computed, onMounted} from 'vue'
+import { ref, watch, reactive, computed, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import SelectKnowledgeDocument from '@/components/select-knowledge-document/index.vue'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
@@ -60,6 +60,7 @@ watch(dialogVisible, (bool) => {
 })
 
 const open = (list: any) => {
+  getDetail()
   paragraphList.value = list
   dialogVisible.value = true
 }
@@ -92,11 +93,6 @@ function getDetail() {
     })
 }
 
-onMounted(() => {
-  getDetail()
-})
-
-
 function changeKnowledge(dataset_id: string) {
   localStorage.setItem(id + 'chat_dataset_id', dataset_id)
 }
diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
@@ -269,8 +269,8 @@ const mousedown = (event?: any) => {
   if (!event?.shiftKey) {
     props.nodeModel.graphModel.clearSelectElements()
   }
-  set(props.nodeModel, 'isSelected', true)
-  set(props.nodeModel, 'isHovered', true)
+  set(props.nodeModel, 'isSelected', !props.nodeModel.isSelected)
+  set(props.nodeModel, 'isHovered', !props.nodeModel.isSelected)
   props.nodeModel.graphModel.toFront(props.nodeModel.id)
 }
 const showicon = ref<number | null>(null)
diff --git a/ui/src/workflow/common/NodeControl.vue b/ui/src/workflow/common/NodeControl.vue
@@ -1,5 +1,20 @@
 <template>
   <el-card shadow="always" style="--el-card-padding: 8px 12px; --el-card-border-radius: 8px">
+    <el-button
+      @click="changeCursor(true)"
+      style="border: none; padding: 4px; height: 24px"
+      :class="{ 'is-drag-active': isDrag }"
+    >
+      <el-icon :size="16"><Position /></el-icon>
+    </el-button>
+    <el-button
+      @click="changeCursor(false)"
+      style="border: none; padding: 4px; height: 24px;margin-left: 8px;"
+      :class="{ 'is-drag-active': !isDrag }"
+    >
+      <AppIcon iconName="app-raisehand" :size="16"></AppIcon>
+    </el-button>
+    <el-divider direction="vertical" />
     <el-button link @click="zoomOut" style="border: none">
       <el-tooltip
         effect="dark"
@@ -78,10 +93,13 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
 const props = defineProps({
   lf: Object || String || null,
 })
 
+const isDrag = ref(false)
+
 function zoomIn() {
   props.lf?.zoom(true, [0, 0])
 }
@@ -106,5 +124,22 @@ const extend = () => {
     element.properties.showNode = true
   })
 }
+const changeCursor = (bool: boolean) => {
+  const element: HTMLElement = document.querySelector('.lf-drag-able') as HTMLElement
+  isDrag.value = bool
+  if (bool) {
+    element.style.cursor = 'default'
+    props.lf?.openSelectionSelect()
+    props.lf?.extension.selectionSelect.setSelectionSense(true, false)
+  } else {
+    element.style.cursor = 'pointer'
+    props.lf?.closeSelectionSelect()
+  }
+}
 </script>
-<style scoped></style>
+<style scoped lang="scss">
+.is-drag-active {
+  background-color: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
+}
+</style>
diff --git a/ui/src/workflow/index.vue b/ui/src/workflow/index.vue
@@ -109,6 +109,7 @@ const renderGraphData = (data?: any) => {
       data.nodeModel.clear_next_node_field(false)
     })
     // lf.value.openSelectionSelect()
+    // lf.value.extension.selectionSelect.setSelectionSense(true, false)
     setTimeout(() => {
       lf.value?.fitView()
     }, 500)
diff --git a/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue b/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue

Original file line number	Diff line number	Diff line change
`@@ -269,8 +269,8 @@ const mousedown = (event?: any) => {`
`269`	`269`	`if (!event?.shiftKey) {`
`270`	`270`	`props.nodeModel.graphModel.clearSelectElements()`
`271`	`271`	`}`
`272`		`- set(props.nodeModel, 'isSelected', true)`
`273`		`- set(props.nodeModel, 'isHovered', true)`
	`272`	`+ set(props.nodeModel, 'isSelected', !props.nodeModel.isSelected)`
	`273`	`+ set(props.nodeModel, 'isHovered', !props.nodeModel.isSelected)`
`274`	`274`	`props.nodeModel.graphModel.toFront(props.nodeModel.id)`
`275`	`275`	`}`
`276`	`276`	`const showicon = ref<number \| null>(null)`