refactor: add typescript support to project

2022-06-21 15:08:35 +08:00
parent 88ec2b742a
commit bd799ebea8
259 changed files with 1042 additions and 458 deletions
@@ -0,0 +1,56 @@
+import { FC, MouseEvent } from "react";
+import StyledMenu from "./styled/Menu";
+
+interface Item {
+  title: string;
+  icon: string;
+  handler: (e: MouseEvent) => void;
+  underline?: boolean;
+  danger?: boolean;
+}
+
+interface Props {
+  items: Item[];
+  hideMenu?: () => void;
+}
+
+const ContextMenu: FC<Props> = ({ items = [], hideMenu = null }) => {
+  return (
+    <StyledMenu>
+      {items.map((item) => {
+        if (!item) return null;
+        const {
+          title,
+          icon = null,
+          handler = (evt) => {
+            evt.preventDefault();
+            if (hideMenu) {
+              hideMenu();
+            }
+          },
+          underline = false,
+          danger = false
+        } = item;
+        return (
+          <li
+            className={`item ${underline ? "underline" : ""} ${danger ? "danger" : ""}`}
+            key={title}
+            onClick={(evt) => {
+              evt.stopPropagation();
+              evt.preventDefault();
+              handler(evt);
+              if (hideMenu) {
+                hideMenu();
+              }
+            }}
+          >
+            {icon}
+            {title}
+          </li>
+        );
+      })}
+    </StyledMenu>
+  );
+};
+
+export default ContextMenu;