🎨 format jsx file

antvis · Jan 7, 2020 · bf3bb10 · bf3bb10
1 parent 2726fa6
commit bf3bb10
Show file tree

Hide file tree

Showing 12 changed files with 1,665 additions and 1,658 deletions.
diff --git a/packages/graphin-components/src/components/context-menu/Container.tsx b/packages/graphin-components/src/components/context-menu/Container.tsx
@@ -5,62 +5,62 @@ import { Graph } from '@antv/g6';
 const MenuItem = Menu.Item;
 
 export interface MenuItemType {
-    key: string;
-    visible?: boolean;
-    /** antd icon type */
-    iconType?: string;
-    title?: string;
-    width?: number;
-    height?: number;
-    onClick?: (props: ContainerProps) => void;
-    /** user defined render function */
-    render?: (props: ContainerProps, index: number) => ReactElement;
+  key: string;
+  visible?: boolean;
+  /** antd icon type */
+  iconType?: string;
+  title?: string;
+  width?: number;
+  height?: number;
+  onClick?: (props: ContainerProps) => void;
+  /** user defined render function */
+  render?: (props: ContainerProps, index: number) => ReactElement;
 }
 
 interface ContainerProps {
-    graph: Graph;
-    menu: MenuItemType[];
-    onClose: () => void;
+  graph: Graph;
+  menu: MenuItemType[];
+  onClose: () => void;
 }
 
 const Container: React.FC<ContainerProps> = props => {
-    const { menu, onClose } = props;
+  const { menu, onClose } = props;
 
-    const onClickMenuItem = (item: MenuItemType) => {
-        onClose();
-        // call user defined menu item onClick callback
-        if (item.onClick) item.onClick(props);
-    };
+  const onClickMenuItem = (item: MenuItemType) => {
+    onClose();
+    // call user defined menu item onClick callback
+    if (item.onClick) item.onClick(props);
+  };
 
-    const menuItems = menu
-        .filter(item => !(item.visible === false)) // item.visible 不传时默认可见
-        .map((item, index) => {
-            // render icon
-            const iconProps = {
-                type: item.iconType,
-                style: { fontSize: '12px' },
-            };
-            const icon = <Icon {...iconProps} />;
+  const menuItems = menu
+    .filter(item => !(item.visible === false)) // item.visible 不传时默认可见
+    .map((item, index) => {
+      // render icon
+      const iconProps = {
+        type: item.iconType,
+        style: { fontSize: '12px' },
+      };
+      const icon = <Icon {...iconProps} />;
 
-            return (
-                <MenuItem key={item.key} className={item.key} onClick={() => onClickMenuItem(item)}>
-                    {item.render ? (
-                        item.render(props, index)
-                    ) : (
-                        <>
-                            {item.iconType && icon}
-                            {item.title}
-                        </>
-                    )}
-                </MenuItem>
-            );
-        });
+      return (
+        <MenuItem key={item.key} className={item.key} onClick={() => onClickMenuItem(item)}>
+          {item.render ? (
+            item.render(props, index)
+          ) : (
+            <>
+              {item.iconType && icon}
+              {item.title}
+            </>
+          )}
+        </MenuItem>
+      );
+    });
 
-    return (
-        <div className="graphin-context-menu">
-            <Menu>{menuItems}</Menu>
-        </div>
-    );
+  return (
+    <div className="graphin-context-menu">
+      <Menu>{menuItems}</Menu>
+    </div>
+  );
 };
 
 export default Container;