[ColorPicker] Support ref as prop, make input editable, and fix pointer events
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức phù hợp với người mới
- 45/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Bắt đầu bằng cách xác định các entry point ColorPickerRoot, ColorPickerArea và ColorPickerInput, đồng thời kiểm tra cách xử lý refs, hành vi readOnly của input và các listener pointermove/pointerup. Hoàn thành khi ba sub-component chấp nhận refs, ColorPickerInput cho phép chỉnh sửa hex/rgb trực tiếp và ColorPickerArea dọn dẹp các listener window khi unmount.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Summary
Improvements to the ColorPicker component to add missing ref support and improve configurability.
Improvements
1. Missing ref prop support on multiple sub-components
ColorPickerRoot, ColorPickerArea, and ColorPickerInput don't accept ref as a prop.
2. ColorPickerInput is hardcoded readOnly
The input always renders as readOnly — users can't type in a hex/rgb value directly.
4. Manual pointer event handling in Area
ColorPickerArea manually manages pointermove/pointerup window event listeners. These should be cleaned up properly on unmount.
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
- Replace hardcoded CSS values with design tokens (#672)
- Ngôn ngữ chính
- TypeScript
- Star
- 70
- Fork
- 13
- Merge trung bình
- 4 ngày 6 giờ
- Pull request đã merge (30 ngày)
- 10
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của raystack/apsara
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 78/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 75/100
-
Docs: hand-duplicated props tables drift risk, missing a11y sections, no per-component changelog Đang mởenhancement global
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 48/100
-
bug global
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 48/100
Tất cả issue của raystack/apsara
Issue tương tự
-
VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
danielmiessler/LifeOS#2234 ·
-
T: Bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
-
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 85/100
-
Mend: dependency security vulnerability untriaged
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100