ToolButtonNavSliceTitle.tsx 870 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. import { Dropdown } from "antd";
  2. import React from "react";
  3. import { useIntl } from "react-intl";
  4. interface IWidget {
  5. label?: React.ReactNode;
  6. onMenuClick?: Function;
  7. }
  8. const ToolButtonNavSliceTitleWidget = ({ label, onMenuClick }: IWidget) => {
  9. const intl = useIntl();
  10. return (
  11. <Dropdown.Button
  12. type="text"
  13. trigger={["click"]}
  14. menu={{
  15. items: [
  16. {
  17. key: "copy-link",
  18. label: intl.formatMessage({
  19. id: "buttons.copy.link",
  20. }),
  21. },
  22. {
  23. key: "open",
  24. label: "打开",
  25. },
  26. ],
  27. onClick: (e) => {
  28. if (typeof onMenuClick !== "undefined") {
  29. onMenuClick(e.key);
  30. }
  31. },
  32. }}
  33. >
  34. <>{label}</>
  35. </Dropdown.Button>
  36. );
  37. };
  38. export default ToolButtonNavSliceTitleWidget;