命令面板 API · Needless UI

匯入

import-command.ts

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

附有命令搜尋欄位的強制回應對話框。

NuiCommandPalette: 屬性
名稱	型別	預設值	說明
`commands`輸入	`NuiCommand[]`		命令，以 `NuiCommand` 物件的形式提供。
`open`雙向繫結	`boolean`	`false`	面板是否開啟。
`hotkey`輸入	`string \| null`	`'mod+k'`	隨處開啟和關閉面板的快速鍵；設為 `null` 則不使用。`mod` 在 Apple 裝置上是 ⌘，在其他裝置上是 Ctrl。
`bindShortcuts`輸入	`boolean`	`false`	也能在頁面的任何地方透過命令各自的快速鍵執行命令。
`loop`輸入	`boolean`	`true`	在最後一個命令上按向下鍵會回到第一個，在第一個命令上按向上鍵會跳到最後一個。
`filtering`輸入	`boolean`	`true`	在輸入時進行篩選。由伺服器篩選命令時請關閉。
`loading`輸入	`boolean`	`false`	在結果送達前顯示載入提示列。
`hints`輸入	`boolean`	`true`	在底部顯示可用的按鍵。
`virtual`輸入	`boolean \| 'auto'`	`'auto'`	只渲染可見的列：一律、從不，或 `auto`（超過 200 列時啟用）。
`label`輸入	`string`	`'Command palette'`	對話框及其搜尋欄位的無障礙名稱。
`placeholder`輸入	`string`	`'Type a command or search…'`	搜尋欄位為空時顯示的文字。
`run`輸出	`NuiCommand`		每執行一個命令就發出該命令。
`queryChange`輸出	`string`		在輸入時發出文字，用於伺服器端搜尋。
`show`方法	`() => void`		開啟面板。
`hide`方法	`() => void`		關閉面板。
`toggle`方法	`() => void`		開啟面板，或將它關閉。
`back`方法	`() => void`		返回上一頁。

它顯示或朗讀的所有文字也都是輸入屬性，因此可以翻譯： emptyLabel loadingLabel backLabel closeLabel moveLabel chooseLabel

一個命令，或一頁命令。