上传者: 42113754
|
上传时间: 2021-03-19 09:14:08
|
文件大小: 294KB
|
文件类型: ZIP
苗条的指挥官
此存储库包含一个命令面板,该面板具有强大的交互作用和有限状态机支持的可预测行为。命令面板(或命令栏)是一个用户界面,它接收用户输入,并向用户显示匹配命令的列表,并执行用户选择的命令。
如今,您在许多应用程序中都可以看到这种UI。在Slack和Discord中为Ctrl/cmd + k ,在VS Code中为Ctrl/cmd + p ,在MacOS中为cmd + Space等。
我希望尽可能以与UI框架/库无关的方式来处理,因此将其粘贴到React或Svelte组件上应该是微不足道的。
组件用法
使用以下命令将其安装在您的Svelte项目中:
npm install svelte-commander
并导入
import Commander from 'svelte-commander'
如前所述,在任何UI框架中实现此功能都是微不足道的,请查看以了解它是如何使用Svelte