表头传入tasks，方便表头显示项目名称；修复按键和样式问题；

src/components/gantt/gantt.module.css

@@ -3,6 +3,8 @@
   font-size: 0;
   margin: 0;
   padding: 0;
+  display: flex;
+  flex-direction: column;
 }
 
 .horizontalContainer {

src/components/gantt/gantt.tsx

@@ -322,6 +322,12 @@ export const Gantt: React.FunctionComponent<GanttProps> = ({
    * Handles arrow keys events and transform it to new scroll
    */
   const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
+    // console.log(event);
+    //console.log((event.target as HTMLElement).nodeName);
+    if(event.code === 'F5') return;
+    if(event.code === 'ControlLeft' || event.code === "KeyR") return;
+    if((event.target as HTMLElement).nodeName === 'INPUT') return;
+    
     event.preventDefault();
     let newScrollY = scrollY;
     let newScrollX = scrollX;

src/components/task-item/task-list.module.css

@@ -1,7 +1,8 @@
 .barLabel {
   fill: #fff;
   text-anchor: middle;
-  font-weight: lighter;
+  /* font-weight: lighter; */
+  font-weight: 400;
   dominant-baseline: central;
   -webkit-touch-callout: none;
   -webkit-user-select: none;

src/components/task-list/task-list.tsx

@@ -22,6 +22,7 @@ export type TaskListProps = {
     rowWidth: string;
     fontFamily: string;
     fontSize: string;
+    tasks: Task[];
   }>;
   TaskListTable: React.FC<{
     rowHeight: number;
@@ -60,12 +61,13 @@ export const TaskList: React.FC<TaskListProps> = ({
       horizontalContainerRef.current.scrollTop = scrollY;
     }
   }, [scrollY]);
-
+  
   const headerProps = {
     headerHeight,
     fontFamily,
     fontSize,
     rowWidth,
+    tasks,
   };
   const selectedTaskId = selectedTask ? selectedTask.id : "";
   const tableProps = {