feat: duplicate node #918 (#1136)

### What problem does this PR solve?
feat: duplicate node #918


### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/components/operate-dropdown/index.tsx

@@ -3,18 +3,20 @@ import { DeleteOutlined, MoreOutlined } from '@ant-design/icons';
 import { Dropdown, MenuProps, Space } from 'antd';
 import { useTranslation } from 'react-i18next';
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import styles from './index.less';
 
 interface IProps {
   deleteItem: () => Promise<any> | void;
   iconFontSize?: number;
+  items?: MenuProps['items'];
 }
 
 const OperateDropdown = ({
   deleteItem,
   children,
   iconFontSize = 30,
+  items: otherItems = [],
 }: React.PropsWithChildren<IProps>) => {
   const { t } = useTranslation();
   const showDeleteConfirm = useShowDeleteConfirm();
@@ -31,17 +33,20 @@ const OperateDropdown = ({
     }
   };
 
-  const items: MenuProps['items'] = [
-    {
-      key: '1',
-      label: (
-        <Space>
-          {t('common.delete')}
-          <DeleteOutlined />
-        </Space>
-      ),
-    },
-  ];
+  const items: MenuProps['items'] = useMemo(() => {
+    return [
+      {
+        key: '1',
+        label: (
+          <Space>
+            {t('common.delete')}
+            <DeleteOutlined />
+          </Space>
+        ),
+      },
+      ...otherItems,
+    ];
+  }, [t, otherItems]);
 
   return (
     <Dropdown