DTStack / DTStack/dt-react-component
[Feature Request]: Table 组件目前不是全部兼容 antd
- Ngôn ngữ chính
- TypeScript
- Star
- 106
- Fork
- 42
- Merge trung bình
- 2 ngày 6 giờ
- Pull request đã merge (30 ngày)
- 1
Mô tả
### 功能
增强现有功能
### 详细描述
#### table
1. Table.Column 声明式写法失效
没传 columns 时,包装层会生成空数组并传给 antd,导致 antd 不再从 children 解析列。虽然静态 Table.Column 被导出了,但实际无法正常使用。见 src/table/index.tsx (line 46) 和 src/table/index.tsx (line 85)]。
2. 函数式列标题被破坏
antd 支持 column.title = props => ReactNode,当前实现无条件把 title 放进 Fragment,导致 antd 无法再识别并执行这个函数,排序/筛选相关的动态标题会异常。见 src/table/index.tsx (line 49)。
3. tooltip 类型没有暴露到默认组件签名
内部实现使用 ITableProps,但最终导出的 RefTable 仍然使用原始 TableProps。TypeScript 下直接内联 tooltip 列配置可能报错。见 src/table/index.tsx (line 24) 和 src/table/index.tsx (line 28)
4. 嵌套表头只处理第一层
convertColumns 没有递归处理 children,分组表头内的列无法使用新增的 tooltip 能力。
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
Hướng nghiên cứu
Bắt đầu với src/table/index.tsx tại các dòng được tham chiếu, đặc biệt là các kiểu component được export, việc chuyển đổi cột và cách xử lý children. Xác minh dạng khai báo Table.Column, title nhận giá trị là function, kiểu của tooltip inline và việc chuyển đổi đệ quy các children lồng nhau. Được xem là hoàn tất khi cả bốn trường hợp vẫn tương thích với antd và các cột lồng nhau nhận được khả năng tooltip.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
- Loại issue
- Tính năng
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức độ hoạt động
- Sôi nổi
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức phù hợp với người mới
- 75/100