Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Extend `presence` to reach feature parity with `transition-group`

Đang mở
  • Có gì không ổn?
#466 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
30/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ệ
typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu bằng cách đọc các phần triển khai và API của createPresence và createSwitchTransition, sau đó so sánh chúng với createListTransition. Xác định cách các chế độ song song và in-out, các callback khi hoàn tất animation và các chuyển tiếp danh sách phải hoạt động trước khi thay đổi API. Công việc được xem là hoàn tất khi createPresence khớp với createSwitchTransition và createPresenceList mới khớp với createListTransition.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

enhancement
Describe The Problem To Be Solved

presence is super helpful for transitioning between components without unmounting them. However, it is missing some features that are present in transition-group despite being useful in the same scenarios, mainly:

  1. Modes: parallel and in-out
  2. Callbacks for animation completion (instead of duration-based timeout)
  3. List transitions
Suggest A Solution

Update createPresence to match the API of createSwitchTransition. Add an additional hook, createPresenceList that matches the API of createListTransition. I don't anticipate any major difficulty in this because the implementation should mirror that of transition-group but I haven't looked into the source of either library too deeply yet.

I would be open to creating a PR for this as I will be building this functionality anyway as part of a private project.

Ngôn ngữ chính
TypeScript
Star
1.6k
Fork
162
Merge trung bình
19 giờ 40 phút
Pull request đã merge (30 ngày)
8

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. 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.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của solidjs-community/solid-primitives

Tất cả issue của solidjs-community/solid-primitives

Issue tương tự

Thêm issue về TypeScript

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.