API ng Command palette · Needless UI

Import

import-command.ts

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

NuiCommandPalette

Isang modal na dialog na may search field para sa mga command mo.

Selector: nui-command-palette

NuiCommandPalette: Mga property
Pangalan	Uri	Default	Paglalarawan
`commands`Input	`NuiCommand[]`		Ang mga command, bilang mga `NuiCommand` object.
`open`Two-way	`boolean`	`false`	Kung bukas ang palette.
`hotkey`Input	`string \| null`	`'mod+k'`	Ang shortcut na nagbubukas at nagsasara nito mula kahit saan, o `null` kung wala. Ang `mod` ay ⌘ sa mga Apple device at Ctrl sa iba.
`bindShortcuts`Input	`boolean`	`false`	Pinapatakbo rin ang mga command gamit ang sarili nilang shortcut, kahit saan sa page.
`loop`Input	`boolean`	`true`	Mula sa huling command, pumupunta sa una ang down; mula sa una, pumupunta sa huli ang up.
`filtering`Input	`boolean`	`true`	Nagfi-filter habang nagta-type ka. I-off ito kapag server ang nagfi-filter ng mga command.
`loading`Input	`boolean`	`false`	Nagpapakita ng loading row habang hinihintay ang mga resulta.
`hints`Input	`boolean`	`true`	Ipinapakita sa ibaba ang mga key na gagamitin.
`virtual`Input	`boolean \| 'auto'`	`'auto'`	Nire-render lang ang mga row na nakikita: palagi, hindi kailanman, o `auto` kapag lampas 200 row.
`label`Input	`string`	`'Command palette'`	Accessible name ng dialog at ng search field nito.
`placeholder`Input	`string`	`'Type a command or search…'`	Text na ipinapakita sa search field na walang laman.
`run`Output	`NuiCommand`		Inilalabas ang bawat command na tumatakbo.
`queryChange`Output	`string`		Inilalabas ang text habang itinitipa ito, para sa search sa server.
`show`Method	`() => void`		Binubuksan ang palette.
`hide`Method	`() => void`		Isinasara ang palette.
`toggle`Method	`() => void`		Binubuksan ang palette, o isinasara ito.
`back`Method	`() => void`		Bumabalik sa naunang page.

Input din ang bawat text na ipinapakita o ina-announce nito, kaya puwede mo itong isalin: emptyLabel loadingLabel backLabel closeLabel moveLabel chooseLabel

NuiCommand

Isang command, o isang page ng mga command.

NuiCommand: Mga property
Pangalan	Uri	Paglalarawan
`label`Property	`string`	Ang text na ipinapakita at hinahanap.
`description`Property	`string`	Pangalawang text sa ilalim ng label.
`group`Property	`string`	Nakalista sa ilalim ng heading ng grupo ang mga command na may parehong grupo.
`keywords`Property	`string[]`	Iba pang salitang tinutugma ng search, gaya ng mga kasingkahulugan.
`shortcut`Property	`string`	Mga key na ipinapakita kasama nito, gaya ng `mod+shift+p`.
`disabled`Property	`boolean`	Ipinapakita, pero hindi ito mapapatakbo.
`children`Property	`NuiCommand[]`	Mga command na isang level pababa: kapag pinili ang command na ito, binubuksan ang mga iyon bilang page.
`run`Property	`() => void`	Tumatakbo kapag pinili ito, pagkasara ng palette.
`id`Property	`string`	Para sa sarili mong gamit, gaya ng pagkilala sa mga command sa `(run)`.