feat: Add extra columns support with configurable column widths and date formats

[jeonghanyun]

🚀 Extra Columns Support Feature

이 PR은 MaTeMaTuK/gantt-task-react PR #274의 "Add extra column support" 기능을 한국어 버전에 적용한 것입니다.

✨ 주요 기능

📊 Extra Columns

• ExtraColumn 인터페이스로 사용자 정의 컬럼 지원
• render 함수를 통한 커스텀 컬럼 콘텐츠 렌더링
• key-value 형태로 extraColumns 데이터 저장

🎨 컬럼 너비 설정

• nameColumnWidth: 이름 컬럼 너비 설정
• fromColumnWidth: 시작일 컬럼 너비 설정
• toColumnWidth: 종료일 컬럼 너비 설정

📅 날짜 형식 선택

• DateFormat 타입: "locale" | "iso8601"
• locale: 로케일별 날짜 형식 (예: "Fri, June 15, 2025")
• iso8601: ISO 8601 형식 (예: "2025-06-15")

🔧 사용 예제

import { Gantt, Task, ExtraColumn, DateFormat } from 'gantt-task-react';

const extraColumns: ExtraColumn[] = [
  {
    key: "status",
    title: "Status",
    width: "120px",
    render: (task) => (
      <span className={`status-${task.extraColumns?.status}`}>
        {task.extraColumns?.status}
      </span>
    )
  },
  {
    key: "assignee",
    title: "Assignee",
    width: "140px"
  }
];

<Gantt 
  tasks={tasks}
  extraColumns={extraColumns}
  nameColumnWidth="200px"
  fromColumnWidth="130px"
  toColumnWidth="130px"
  dateFormat="iso8601"
/>

📁 변경된 파일들

Core Files

• src/types/public-types.ts: ExtraColumn, DateFormat 타입 추가
• src/components/gantt/gantt.tsx: 새로운 props 지원
• src/components/task-list/task-list-header.tsx: 헤더 컬럼 추가
• src/components/task-list/task-list-table.tsx: 테이블 컬럼 및 날짜 형식 지원

Example Files

• example/src/ExtraColumnsApp.tsx: 새로운 기능 데모 앱
• example/src/extra-columns-helper.tsx: 예제 데이터 및 설정
• example/src/App.tsx: ExtraColumnsApp 추가
• example/src/index.css: 뱃지 스타일 추가

✅ 테스트

• 빌드 성공
• 예제 앱 실행 확인
• TypeScript 타입 검증
• npm 패키지 배포 완료 (@jeonghan/gantt-task-react-19-korean@1.1.0)

📦 npm 패키지

npm install @jeonghan/gantt-task-react-19-korean@1.1.0

이 기능으로 Gantt Chart에서 더욱 풍부한 정보를 표시할 수 있게 되었습니다! 🎉