Import

import-command.ts
import { type NuiCommand, NuiCommandPalette } from '@needless-ui/angular/command';

NuiCommandPalette

Un dialog modale con un campo di ricerca sui tuoi comandi.

Selettore
nui-command-palette
NuiCommandPalette: Proprietà
NomeTipoPredefinitoDescrizione
commandsInputNuiCommand[]I comandi, come oggetti NuiCommand.
openBidirezionalebooleanfalseIndica se la palette è aperta.
hotkeyInputstring | null'mod+k'La scorciatoia che la apre e la chiude da qualsiasi punto, o null per nessuna. mod è ⌘ sui dispositivi Apple e Ctrl altrove.
bindShortcutsInputbooleanfalseEsegue i comandi anche con le loro scorciatoie, ovunque nella pagina.
loopInputbooleantrueLa freccia giù sull’ultimo comando passa al primo, e la freccia su sul primo passa all’ultimo.
filteringInputbooleantrueFiltra mentre scrivi. Disattivalo quando è un server a filtrare i comandi.
loadingInputbooleanfalseMostra una riga di caricamento mentre i risultati sono in arrivo.
hintsInputbooleantrueMostra in basso i tasti da usare.
virtualInputboolean | 'auto''auto'Renderizza solo le righe visibili: sempre, mai, o auto oltre 200 righe.
labelInputstring'Command palette'Nome accessibile del dialog e del suo campo di ricerca.
placeholderInputstring'Type a command or search…'Testo mostrato nel campo di ricerca vuoto.
runOutputNuiCommandEmette ogni comando eseguito.
queryChangeOutputstringEmette il testo mentre viene digitato, per una ricerca sul server.
showMetodo() => voidApre la palette.
hideMetodo() => voidChiude la palette.
toggleMetodo() => voidApre la palette, o la chiude.
backMetodo() => voidTorna alla pagina precedente.

Anche ogni testo che mostra o annuncia è un input, così puoi tradurlo: emptyLabel loadingLabel backLabel closeLabel moveLabel chooseLabel

NuiCommand

Un comando, o una pagina di comandi.

NuiCommand: Proprietà
NomeTipoPredefinitoDescrizione
labelProprietàstringIl testo mostrato e cercato.
descriptionProprietàstringTesto secondario sotto l’etichetta.
groupProprietàstringI comandi con lo stesso gruppo sono elencati sotto quell’intestazione.
keywordsProprietàstring[]Altre parole che la ricerca trova, come i sinonimi.
shortcutProprietàstringTasti mostrati accanto al comando, come mod+shift+p.
disabledProprietàbooleanVisibile, ma non si può eseguire.
childrenProprietàNuiCommand[]Comandi di un livello inferiore: scegliere questo comando li apre come pagina.
runProprietà() => voidViene eseguito quando lo si sceglie, dopo la chiusura della palette.
idProprietàstringPer i tuoi scopi, ad esempio distinguere i comandi in (run).