feat: monitor button

2026-02-04 20:14:25 +08:00
parent 47596fdb1a
commit 4e8b5e26ae
40 changed files with 352 additions and 176 deletions
@@ -0,0 +1,50 @@
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
+import { useIntl } from '@umijs/max';
+import { Button, Space } from 'antd';
+import React from 'react';
+
+export interface RightActionsProps {
+  handleDeleteByBatch: () => void;
+  handleClickPrimary?: () => void;
+  MonitorButton?: React.ReactNode;
+  rowSelection: {
+    selectedRowKeys: React.Key[];
+  };
+}
+
+const RightActions: React.FC<RightActionsProps> = ({
+  handleDeleteByBatch,
+  handleClickPrimary,
+  rowSelection,
+  MonitorButton
+}) => {
+  const intl = useIntl();
+
+  return (
+    <Space size={16}>
+      {MonitorButton}
+      <Button
+        icon={<PlusOutlined />}
+        type="primary"
+        onClick={handleClickPrimary}
+      >
+        {intl.formatMessage({ id: 'clusters.button.add' })}
+      </Button>
+      <Button
+        icon={<DeleteOutlined />}
+        danger
+        onClick={handleDeleteByBatch}
+        disabled={!rowSelection?.selectedRowKeys?.length}
+      >
+        <span>
+          {intl.formatMessage({ id: 'common.button.delete' })}
+          {rowSelection?.selectedRowKeys?.length > 0 && (
+            <span>({rowSelection?.selectedRowKeys?.length})</span>
+          )}
+        </span>
+      </Button>
+    </Space>
+  );
+};
+
+export default RightActions;