chore: detail api

src/pages/benchmark/components/right-actions.tsx

@@ -1,7 +1,8 @@
+import DropdownButtons from '@/components/drop-down-buttons';
 import {
   DeleteOutlined,
-  PlusOutlined,
-  SettingOutlined
+  DownloadOutlined,
+  PlusOutlined
 } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import { Button, Space } from 'antd';
@@ -11,6 +12,7 @@ export interface RightActionsProps {
   handleDeleteByBatch: () => void;
   handleClickPrimary?: () => void;
   handleSettingFields?: () => void;
+  settingButton?: React.ReactNode;
   buttonText?: string;
   rowSelection: {
     selectedRowKeys: React.Key[];
@@ -21,14 +23,38 @@ const RightActions: React.FC<RightActionsProps> = ({
   handleDeleteByBatch,
   handleClickPrimary,
   handleSettingFields,
+  settingButton,
   buttonText,
   rowSelection
 }) => {
   const intl = useIntl();
+  const ButtonList = [
+    {
+      label: 'common.button.export',
+      key: 'export',
+      icon: <DownloadOutlined />
+    },
+    {
+      label: 'common.button.delete',
+      key: 'start',
+      props: {
+        danger: true
+      },
+      icon: <DeleteOutlined />
+    }
+  ];
+
+  const handleActionSelect = (val: string) => {};
 
   return (
     <Space size={16}>
-      <Button onClick={handleSettingFields} icon={<SettingOutlined />}></Button>
+      {/* <Tooltip title="Column Settings">
+        <Button
+          onClick={handleSettingFields}
+          icon={<SettingOutlined />}
+        ></Button>
+      </Tooltip> */}
+      {settingButton}
       <Button
         icon={<PlusOutlined></PlusOutlined>}
         type="primary"
@@ -36,7 +62,7 @@ const RightActions: React.FC<RightActionsProps> = ({
       >
         {buttonText}
       </Button>
-      <Button
+      {/* <Button
         icon={<DeleteOutlined />}
         danger
         onClick={handleDeleteByBatch}
@@ -48,7 +74,19 @@ const RightActions: React.FC<RightActionsProps> = ({
             <span>({rowSelection?.selectedRowKeys?.length})</span>
           )}
         </span>
-      </Button>
+      </Button> */}
+      <DropdownButtons
+        items={ButtonList}
+        extra={
+          rowSelection.selectedRowKeys.length > 0 && (
+            <span>({rowSelection.selectedRowKeys.length})</span>
+          )
+        }
+        size="large"
+        showText={true}
+        disabled={!rowSelection.selectedRowKeys.length}
+        onSelect={handleActionSelect}
+      />
     </Space>
   );
 };