kafka-manager 2.0

kafka-manager-console/src/container/custom-component.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import 'styles/custom-component.less';
+import { IBtn } from 'types/base-type';
+import { Dropdown } from 'component/antd';
+
+interface IMoreBtnsProps {
+  btns: IBtn[];
+  data: object;
+}
+
+export const MoreBtns = (props: IMoreBtnsProps) => {
+  const { btns, data } = props;
+  const btnsMenu = (
+    <ul className="dropdown-menu">
+      {btns.map((v, index) => (
+        v.clickFunc ? <li key={index} onClick={() => v.clickFunc(data)} className="didi-theme">{v.label}</li>
+        : <li key={index} className="didi-theme">{v.label}</li>
+      ))}
+    </ul>
+  );
+  return (
+    <Dropdown
+      key="2"
+      overlay={btnsMenu}
+      trigger={['click', 'hover']}
+      placement="bottomLeft"
+    >
+      <span className="didi-theme ml-10">
+        更多
+      </span>
+    </Dropdown>
+  );
+};