ant-design/ant-design

Collapse增加自定义Collapse Panel功能

Open

#56.590 geöffnet am 13. Jan. 2026

Auf GitHub ansehen
 (6 Kommentare) (1 Reaktion) (1 zugewiesene Person)TypeScript (54.612 Forks)batch import
Inactivehelp wanted👷🏻‍♂️ Someone working on it💡 Feature Request

Repository-Metriken

Stars
 (98.031 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 3T 4h) (248 gemergte PRs in 30 T)

Beschreibung

What problem does this feature solve?

在5.6.0版本以前，通过Collapse.Panel，可以结合dnd-kit实现Collapse Panel的拖拽排序等，实现某些特定业务或场景下的需求。

在5.6.0版本之后，官方推荐使用items属性，并将Collapse Panel标记为已废弃使用方式，但未能同步在特定业务或场景的定制化需求。

What does the proposed API look like?

增加 renderItem: (item) => ReactNode，满足在特定业务或场景的定制化需求。

Contributor Guide

Research-Richtung
Überprüfen Sie die aktuelle Collapse Implementierung (Panel und items) und fügen Sie eine `renderItem` Eigenschaft hinzu, die jedes Element empfängt und ein ReactNode zurückgibt, um benutzerdefiniertes Rendering zu ermöglichen, während das Zusammenklappverhalten erhalten bleibt.
Tech Stack
typescriptreactcss
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactTypeScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70