命令面板 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

一个命令，或一页命令。