多功能课程表
- 新添加了时间选择的功能
- 添加了change函数用于课程表发生事件时加入自定义事件
- 时间选择器可自定义
- 添加了PopOver组件用于显示课程详细信息
| 参数 | 说明 | 类型 | 必填 | 默认值 |
|---|---|---|---|---|
| data | 数据数组 | any[] | yes | |
| groupBy | groupBy关键字,通过这个值生成组合后的表头,不填则为�本月所有日期 | string | ||
| �status | 控制课程的颜色 | object | ||
| cells | 控制表格每个格子的高度和最小宽度 | object | ||
| width | 课程表宽度 | number | 600 | |
| height | 课程表高度 | number | 400 | |
| headerHeight | 表头高度 | number | 40 | |
| timelineHeight | 时间轴宽度 | number | 60 | |
| datePick | 时间选择器,也可以作为课程表标题 | [string, ReactNode] | 时间选择器 | |
| onChange | 课程表change事件函数 | function |
| 参数 | 说明 | 类型 | 必填 |
|---|---|---|---|
| id | 唯一标示符 | string, number | |
| courseCategoryName | 课程名称 | string | yes |
| startTime | �课时开始时间 | string | yes |
| endTime | 课时结束时间 | string | yes |
| data | 课程日期 | string | yes |
| teacher | 老师 | string | |
| classRoom | 教室 | string | |
| status | ��课时状态或类型,可以决定课程颜色值 | string | |
| student | 学生 | array |
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| minWidth | 格子最小宽度 | number | 120 |
| height | 格子高度 | number | 80 |
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| border | 格子边框颜色及提示 | string | |
| backgroud | 格子内容颜色 | string | |
| text | 状态显示 | string |