DTStack / DTStack/dt-react-component

[Feature Request]: Table 组件目前不是全部兼容 antd

Đang mở
#662 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.