Separators in select, multiselect, groupMultiselect, and autocomplete

Aperta

#555 aperta il 3/6/2026 5 commenti 2 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà: 4/5
Tempo stimato: 3-5 giorni
Idoneità per principianti: 55/100

Tipo di issue: Funzionalità
Chiarezza: Abbastanza chiara
Stato di attività: Tranquilla
Stack tecnologico: typescript
Ambito: cli

Direzione di ricerca

Inizia individuando le implementazioni e la gestione delle opzioni di select, multiselect, groupMultiselect e autocomplete. Segui il modo in cui le opzioni vengono renderizzate, percorse e restituite, quindi verifica che le righe separatrici vengano renderizzate, saltate durante lo spostamento del cursore e non compaiano mai nei valori restituiti per tutti e quattro i prompt.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Context

This came up while evaluating @clack/prompts as a potential replacement for enquirer.js, comparing it with enquirer.js and @inquirer/prompts.

Related PR: #547
Split out from: #550

Problem

Some select-like prompts have no way to render non-selectable rows inside the options list.

This is useful for table-style prompts, section headers, or column headings:

Package              Current   Target
lodash               1.0.0     2.0.0
chalk                4.0.0     5.0.0

Currently, these rows have to be encoded as selectable options or omitted.

Proposal

Support separator/header rows in select-like prompts:

const result = await multiselect({
  message: 'Choose packages',
  options: [
    { type: 'separator', label: 'Package    Current   Target' },
    { value: 'lodash', label: 'lodash     1.0.0     2.0.0' },
    { value: 'chalk', label: 'chalk      4.0.0     5.0.0' },
  ],
})

Separator rows should:

Be rendered in the options list
Be skipped by cursor navigation
Be excluded from the returned value
Work consistently across select, multiselect, groupMultiselect, and autocomplete

Notes

For groupMultiselect, this would allow separators inside each group as well as regular selectable options.

Lingua principale: TypeScript
Stelle: 8.1k
Fork: 217
Merge medio: 1g 11h
PR unite (30g): 5

Guida per i contributori

Apri la guida per i contributori

Come iniziare

Leggi tutta la issue e poi la guida ai contributi del progetto.
Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
Fai un fork del repository e lavora su un branch.
Apri una pull request che faccia riferimento al numero della issue.

Altre issue di bombshell-dev/clack

Consider catching thrown errors from validators Aperta

Difficoltà 5/5 Più di una settimana Idoneità per principianti 30/100

bombshell-dev/clack#597 · Aperta il 26/8/2026
rfc: accessible mode Aperta

enhancement

Difficoltà 5/5 Più di una settimana Idoneità per principianti 35/100

bombshell-dev/clack#585 · 1 commento · 1 reazione · Aperta il 17/7/2026
[Bug] Spinner does not run `onCancel` function on `Ctrl + C` Aperta

bug

Difficoltà 3/5 1-2 giorni Idoneità per principianti 68/100

bombshell-dev/clack#573 · 1 commento · 2 reazioni · Aperta il 21/6/2026
[Request] Allow creating folders in path selection Aperta

enhancement

Difficoltà 3/5 1-2 giorni Idoneità per principianti 62/100

bombshell-dev/clack#565 · 1 commento · 1 reazione · Aperta il 15/6/2026
[Request] Improve path selection Aperta

enhancement

Difficoltà 4/5 3-5 giorni Idoneità per principianti 48/100

bombshell-dev/clack#564 · 1 reazione · Aperta il 15/6/2026