fix: 修复框选节点后无法删除

@@ -125,6 +125,8 @@ export function useRuleFlow(options: UseRuleFlowOptionsType) {
   });
 
   onNodeDoubleClick(async ({ node }) => {
+    if ((node.data as NodeData).config?.disableAction) return;
+
     const { flag, data } =
       (await unref(updateNodeDrawerActionType)?.open(
         toRaw((node as NodeData)?.data as unknown as NodeData)
@@ -139,6 +141,8 @@ export function useRuleFlow(options: UseRuleFlowOptionsType) {
   onEdgeDoubleClick(async ({ edge }) => {
     if (!validateHasLabelConnection(edge.sourceNode.data)) return;
 
+    if ((edge.sourceNode.data as NodeData).config?.disableAction) return;
+
     const { flag, data } =
       (await unref(updateEdgeDrawerActionType)?.open(
         toRaw(unref(edge.sourceNode?.data as unknown as NodeData)),

@@ -66,7 +66,8 @@
   const getDeleteDisplayState = computed(() => unref(flowActionType.getSelectedElements).length);
 
   const handleDeleteSelectionElements = () => {
-    flowActionType.removeSelectedElements();
+    flowActionType.removeEdges(unref(flowActionType.getSelectedEdges));
+    flowActionType.removeNodes(unref(flowActionType.getSelectedNodes));
   };
 
   onMounted(() => {

+<script setup lang="ts">
+  import { NodeProps } from '@vue-flow/core';
+  import { Icon } from '/@/components/Icon';
+  import { Tooltip } from 'ant-design-vue';
+
+  defineProps<{
+    nodeProps?: NodeProps;
+  }>();
+
+  const handleClick = () => {
+    // event.stopPropagation();
+    // event.preventDefault();
+    // console.log(props);
+  };
+</script>
+
+<template>
+  <div class="w-full h-6 flex justify-end" @click="handleClick">
+    <Tooltip color="#fff">
+      <template #title>
+        <span class="text-slate-500 italic">打开规则链</span>
+      </template>
+      <Icon
+        icon="material-symbols:login"
+        class="cursor-pointer svg:text-lg svg:text-light-50 border-1 border-light-50 bg-purple-400 hover:bg-purple-500 rounded"
+      />
+    </Tooltip>
+  </div>
+</template>

@@ -11,6 +11,7 @@ import { RuleNodeTypeEnum } from './index.type';
 
 const createModules = import.meta.glob('../packages/**/create.vue');
 const connectionModules = import.meta.glob('../packages/**/connection.vue');
+const nodeExtraContentModules = import.meta.glob('../packages/**/node.vue');
 
 const BasicConnectionComponent = {
   [BasicConnectionModalEnum.BASIC]: () =>
@@ -47,8 +48,21 @@ export const fetchCreateComponent = async (config: NodeItemConfigType) => {
   return fetchNodeComponent(config, FetchNodeComFlagTypeENum.CREATE_MODAL);
 };
 
+export const fetchNodeExtraContent = async (config: NodeItemConfigType) => {
+  const { key, categoryType } = config || {};
+  const modulesName = Object.keys(nodeExtraContentModules);
+  const path = modulesName.find((item) => {
+    const temp = item.split('/');
+    const categoryName = temp[temp.length - 3];
+    const fileName = temp[temp.length - 2];
+    return fileName === key && categoryType.toUpperCase() === categoryName.toUpperCase();
+  });
+
+  return path ? nodeExtraContentModules[path] : null;
+};
+
 export const allComponents: Record<
-  RuleNodeTypeEnum,
+  Exclude<RuleNodeTypeEnum, RuleNodeTypeEnum.ENTRY>,
   { category: CategoryConfigType; components: NodeItemConfigType[] }
 > = {
   [RuleNodeTypeEnum.FILTER]: {

@@ -26,6 +26,8 @@
   const path = computed(() => getBezierPath(props));
 
   const handleOpenEdit = async () => {
+    if (unref(props.sourceNode.data as NodeData).config?.disableAction) return;
+
     const { flag, data } =
       (await unref(updateEdgeDrawerActionType)?.open(
         toRaw(unref(props.sourceNode?.data as unknown as NodeData)),

@@ -6,6 +6,7 @@
   import { Icon } from '/@/components/Icon';
   import type { NodeData, NodeDefinition } from '../../../types/node';
   import BasicToolbar from './BasicToolbar.vue';
+  import NodeExtraContent from './NodeExtraContent.vue';
 
   const props = defineProps<NodeProps>();
 
@@ -73,6 +74,9 @@
         <span class="text-gray-700 w-full truncate dark:text-light-50">{{ getLabel }}</span>
         <span class="w-full truncate dark:text-neutral-50">{{ getName }}</span>
       </div>
+      <div class="flex-auto">
+        <NodeExtraContent :config="getData.config" :nodeProps="$props" />
+      </div>
       <Handle v-if="getHasInEnabled" type="source" :position="Position.Left" />
       <Handle v-if="getHasOutEnabled" type="source" :position="Position.Right" />
     </main>

+<script setup lang="ts">
+  import { onBeforeMount, ref, shallowRef } from 'vue';
+  import { Spin } from 'ant-design-vue';
+  import { NodeItemConfigType } from '../../../types/node';
+  import { fetchNodeExtraContent } from '../../../packages';
+
+  const props = defineProps<{
+    config?: NodeItemConfigType;
+    nodeProps?: NodeProps;
+  }>();
+
+  const spinning = ref(false);
+
+  const shallowComponent = shallowRef();
+
+  onBeforeMount(async () => {
+    spinning.value = true;
+    const path = await fetchNodeExtraContent(props.config!);
+    if (!path) spinning.value = false;
+    const instance = await path?.();
+    instance?.default && (shallowComponent.value = instance?.default);
+    spinning.value = false;
+  });
+</script>
+
+<template>
+  <Spin :spinning="spinning" class="w-full h-full">
+    <component :is="shallowComponent" :nodeProps="nodeProps" />
+  </Spin>
+</template>

@@ -164,6 +164,10 @@
           }
         }
       }
+
+      .vben-basic-drawer-footer {
+        box-shadow: 6px -1px 9px 3px #00000040;
+      }
     }
   }
 </style>