feat：新增disabledShortcutDelete属性，是否禁用该节点的快捷键删除功能

Author: 昔梦

docs/xflow/api.md

@@ -148,8 +148,8 @@ Handle 配置继承自 React Flow 的 Handle 配置，用于控制节点连接
 
 单个节点配置
 
-| 属性                | 描述                | 类型                                      | 默认值 |
-| ------------------------------- | ----------------------------------------------------------- | ---------------------------------- | ------ |
+| 属性                                          | 描述                | 类型      | 默认值 |
+| -------------------------------------------- | ---------------------------- | ------------------------------- | ------ |
 | title              | 节点名称                                                                                                                                         | `string`                                                                                                                                                        |        |
 | type               | 节点类型                                                                                                                                         | `string`                                                                                                                                                        |        |
 | description              | 节点描述                                                                                                                                         | `string`                                                                                                                                                        |        |
@@ -169,7 +169,7 @@ Handle 配置继承自 React Flow 的 Handle 配置，用于控制节点连接
 | showTestingBtn      |  是否展示节点的单点调试按钮                      | `boolean`                                                                                   | `false` |
 | getSettingSchema | 动态获取节点的业务配置信息，返回值同settingSchema。同时设置`settingSchema`和`getSettingSchema`只生效`getSettingSchema` | `(nodeId: string, nodeType: string, nodeItem: TNodeItem, nodeData: any, form: ReturnType<typeof useForm>) => Promise<Schema>` |        |
 | renderHandle | 自定义渲染节点的handle，以实现某个节点自定义的出口数量.`sourceHandle`是原handle组件 |  `(sourceHandle: SourceHandleType,sourceHandleProps:ComponentProps<SourceHandleType>,nodeProps: {id: string;type: string;data: any;layout: 'LR';isConnectable: boolean;readOnly: boolean;}) => React.JSX.Element`|   |
-
+| disabledShortcutDelete | 是否禁用该节点的快捷键删除功能 | `boolean` | false |
 
 
 ## TNodeSelector

docs/xflow/demo/best/basic/setting.tsx

@@ -133,6 +133,7 @@ export const settings = [
           type: 'icon-start',
           bgColor: '#17B26A',
         },
+        disabledShortcutDelete: true,
         targetHandleHidden: true,
         settingSchema: {
           type: 'object',
@@ -215,6 +216,7 @@ export const settings = [
           type: 'icon-end',
           bgColor: '#F79009',
         },
+        disabledShortcutDelete: true,
         sourceHandleHidden: true,
         settingSchema: {
           type: 'object',

docs/xflow/demo/quickStart/index.tsx

@@ -7,6 +7,7 @@ export default () => {
       title: '开始',
       type: 'Start',
       hidden: true,
+      disabledShortcutDelete: true,
       targetHandleHidden: true,
       icon: {
         type: 'icon-start',
@@ -27,6 +28,7 @@ export default () => {
       title: '结束',
       type: 'End',
       hidden: true,
+      disabledShortcutDelete: true,
       sourceHandleHidden: true,
       icon: {
         type: 'icon-end',

packages/x-flow/src/XFlow.tsx

@@ -348,11 +348,22 @@ const XFlow: FC<FlowProps> = memo(props => {
           },
           deletable: deletable, //默认连线属性受此项控制
         }}
-        onBeforeDelete={async () => {
+        onBeforeDelete={async (elements) => {
           if (readOnly) {
             return false;
           }
-          return true;
+          const nodesToDelete = elements?.nodes || [];
+          const blockedNodes = nodesToDelete?.filter(node => {
+            const nodeConfig = settingMap[node?.data?._nodeType as string];
+            return nodeConfig?.hasOwnProperty('disabledShortcutDelete')
+              ? Boolean(nodeConfig?.disabledShortcutDelete)
+              : false;
+          });
+          if (blockedNodes?.length > 0) {
+            message.warning(`${blockedNodes.map(n => n.data?.title || n.id).join(', ')}节点不允许删除！`);
+            return false;
+          }
+          return true
         }}
         onConnect={onConnect}
         onNodesChange={changes => {

packages/x-flow/src/types.ts

@@ -57,6 +57,7 @@ export interface TNodeItem {
   onTesting: (node, nodes) => void;// 单点调试方法
   showTestingBtn?: boolean; // 是否显示单点调试按钮
   className?: string;// 自定义节点class
+  disabledShortcutDelete?: boolean; // 是否禁用快捷键删除
 }
 
 export interface TNodeGroup {