rjsf-team/react-jsonschema-form

Feature Request: Implement collapse button for array form items

Open

#2 193 ouverte le 14 janv. 2021

Voir sur GitHub
 (4 commentaires) (15 réactions) (0 assignés)TypeScript (2 136 forks)batch import
featurehelp wanted

Métriques du dépôt

Stars
 (13 175 stars)
Métriques de merge PR
 (Merge moyen 3j 17h) (32 PRs mergées en 30 j)

Description

Prerequisites

Description

Hi there,

In case of long form it's useful to hide non-needed parts of the form. Here is example:

It would be super useful to add collapse/expand button for array item for such long forms. It may be controlled via several options: "ui: autoCollapse": true/false "ui: showCollapseButton": true/false

Thanks!

Guide contributeur

Direction de recherche
La demande de fonctionnalité ajoute un bouton de réduction/développement pour les éléments de formulaire de type tableau afin de masquer les parties non nécessaires. L'implémentation implique probablement de modifier le composant ArrayField dans `packages/core/src/components/fields/ArrayField.tsx` pour envelopper chaque élément du tableau dans un conteneur réductible. Vérifiez les `ui:options` existants pour les noms de classe personnalisés ou les boutons. Le problème suggère des options comme `ui:autoCollapse` et `ui:showCollapseButton`, qui devraient être transmises via le schéma et traitées dans le composant. Consultez la discussion dans les commentaires pour toute exigence ou contrainte supplémentaire.
Stack technique
typescriptreact
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactJSON Schema
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70