Import

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

NuiCommandPalette

ไดอะล็อกแบบโมดัลที่มีช่องค้นหาคำสั่งของคุณ

Selector
nui-command-palette
NuiCommandPalette: พร็อพเพอร์ตี
ชื่อชนิดค่าเริ่มต้นคำอธิบาย
commandsInputNuiCommand[]คำสั่งต่าง ๆ ในรูปออบเจกต์ NuiCommand
openสองทางbooleanfalseพาเลตเปิดอยู่หรือไม่
hotkeyInputstring | null'mod+k'คีย์ลัดที่ใช้เปิดและปิดพาเลตจากทุกที่ หรือ null หากไม่ต้องการ mod คือ ⌘ บนอุปกรณ์ Apple และ Ctrl บนอุปกรณ์อื่น
bindShortcutsInputbooleanfalseให้รันคำสั่งด้วยคีย์ลัดของคำสั่งนั้นเองได้ด้วย จากที่ใดก็ได้บนหน้า
loopInputbooleantrueกดลงที่คำสั่งสุดท้ายจะไปยังคำสั่งแรก และกดขึ้นที่คำสั่งแรกจะไปยังคำสั่งสุดท้าย
filteringInputbooleantrueกรองขณะพิมพ์ ปิดไว้เมื่อเซิร์ฟเวอร์เป็นผู้กรองคำสั่ง
loadingInputbooleanfalseแสดงแถวกำลังโหลดระหว่างรอผลลัพธ์
hintsInputbooleantrueแสดงปุ่มที่ใช้ได้ไว้ที่ด้านล่าง
virtualInputboolean | 'auto''auto'เรนเดอร์เฉพาะแถวที่มองเห็น: ทุกครั้ง ไม่เลย หรือ auto เมื่อเกิน 200 แถว
labelInputstring'Command palette'ชื่อที่เข้าถึงได้ของไดอะล็อกและช่องค้นหา
placeholderInputstring'Type a command or search…'ข้อความที่แสดงในช่องค้นหาที่ว่างอยู่
runOutputNuiCommandส่งแต่ละคำสั่งที่ทำงานออกมา
queryChangeOutputstringส่งข้อความออกมาขณะพิมพ์ สำหรับการค้นหาที่เซิร์ฟเวอร์
showเมธอด() => voidเปิดพาเลต
hideเมธอด() => voidปิดพาเลต
toggleเมธอด() => voidเปิดพาเลต หรือปิดหากเปิดอยู่
backเมธอด() => voidกลับไปยังหน้าก่อนหน้า

ข้อความทุกส่วนที่แสดงหรือประกาศก็เป็น input เช่นกัน จึงแปลได้: emptyLabel loadingLabel backLabel closeLabel moveLabel chooseLabel

NuiCommand

คำสั่งหนึ่งคำสั่ง หรือหน้าหนึ่งที่รวมคำสั่งไว้

NuiCommand: พร็อพเพอร์ตี
ชื่อชนิดค่าเริ่มต้นคำอธิบาย
labelพร็อพเพอร์ตีstringข้อความที่แสดงและใช้ค้นหา
descriptionพร็อพเพอร์ตีstringข้อความรองใต้ป้ายกำกับ
groupพร็อพเพอร์ตีstringคำสั่งที่อยู่กลุ่มเดียวกันจะแสดงอยู่ใต้หัวข้อนั้น
keywordsพร็อพเพอร์ตีstring[]คำเพิ่มเติมที่การค้นหาจะจับคู่ด้วย เช่น คำพ้องความหมาย
shortcutพร็อพเพอร์ตีstringปุ่มที่แสดงคู่กับคำสั่ง เช่น mod+shift+p
disabledพร็อพเพอร์ตีbooleanแสดงอยู่ แต่รันไม่ได้
childrenพร็อพเพอร์ตีNuiCommand[]คำสั่งในระดับถัดลงไป การเลือกคำสั่งนี้จะเปิดคำสั่งเหล่านั้นเป็นหน้า
runพร็อพเพอร์ตี() => voidทำงานเมื่อถูกเลือก หลังจากพาเลตปิดแล้ว
idพร็อพเพอร์ตีstringไว้ใช้เอง เช่น แยกคำสั่งออกจากกันใน (run)