Import
import { type NuiCommand, NuiCommandPalette } from '@needless-ui/angular/command';NuiCommandPalette
ไดอะล็อกแบบโมดัลที่มีช่องค้นหาคำสั่งของคุณ
| ชื่อ | ชนิด | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|---|
commandsInput | NuiCommand[] | คำสั่งต่าง ๆ ในรูปออบเจกต์ NuiCommand | |
openสองทาง | boolean | false | พาเลตเปิดอยู่หรือไม่ |
hotkeyInput | string | null | 'mod+k' | คีย์ลัดที่ใช้เปิดและปิดพาเลตจากทุกที่ หรือ null หากไม่ต้องการ mod คือ ⌘ บนอุปกรณ์ Apple และ Ctrl บนอุปกรณ์อื่น |
bindShortcutsInput | boolean | false | ให้รันคำสั่งด้วยคีย์ลัดของคำสั่งนั้นเองได้ด้วย จากที่ใดก็ได้บนหน้า |
loopInput | boolean | true | กดลงที่คำสั่งสุดท้ายจะไปยังคำสั่งแรก และกดขึ้นที่คำสั่งแรกจะไปยังคำสั่งสุดท้าย |
filteringInput | boolean | true | กรองขณะพิมพ์ ปิดไว้เมื่อเซิร์ฟเวอร์เป็นผู้กรองคำสั่ง |
loadingInput | boolean | false | แสดงแถวกำลังโหลดระหว่างรอผลลัพธ์ |
hintsInput | boolean | true | แสดงปุ่มที่ใช้ได้ไว้ที่ด้านล่าง |
virtualInput | boolean | 'auto' | 'auto' | เรนเดอร์เฉพาะแถวที่มองเห็น: ทุกครั้ง ไม่เลย หรือ auto เมื่อเกิน 200 แถว |
labelInput | string | 'Command palette' | ชื่อที่เข้าถึงได้ของไดอะล็อกและช่องค้นหา |
placeholderInput | string | 'Type a command or search…' | ข้อความที่แสดงในช่องค้นหาที่ว่างอยู่ |
runOutput | NuiCommand | ส่งแต่ละคำสั่งที่ทำงานออกมา | |
queryChangeOutput | string | ส่งข้อความออกมาขณะพิมพ์ สำหรับการค้นหาที่เซิร์ฟเวอร์ | |
showเมธอด | () => void | เปิดพาเลต | |
hideเมธอด | () => void | ปิดพาเลต | |
toggleเมธอด | () => void | เปิดพาเลต หรือปิดหากเปิดอยู่ | |
backเมธอด | () => void | กลับไปยังหน้าก่อนหน้า |
ข้อความทุกส่วนที่แสดงหรือประกาศก็เป็น input เช่นกัน จึงแปลได้: emptyLabel loadingLabel backLabel closeLabel moveLabel chooseLabel
NuiCommand
คำสั่งหนึ่งคำสั่ง หรือหน้าหนึ่งที่รวมคำสั่งไว้
| ชื่อ | ชนิด | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|---|
labelพร็อพเพอร์ตี | string | ข้อความที่แสดงและใช้ค้นหา | |
descriptionพร็อพเพอร์ตี | string | ข้อความรองใต้ป้ายกำกับ | |
groupพร็อพเพอร์ตี | string | คำสั่งที่อยู่กลุ่มเดียวกันจะแสดงอยู่ใต้หัวข้อนั้น | |
keywordsพร็อพเพอร์ตี | string[] | คำเพิ่มเติมที่การค้นหาจะจับคู่ด้วย เช่น คำพ้องความหมาย | |
shortcutพร็อพเพอร์ตี | string | ปุ่มที่แสดงคู่กับคำสั่ง เช่น mod+shift+p | |
disabledพร็อพเพอร์ตี | boolean | แสดงอยู่ แต่รันไม่ได้ | |
childrenพร็อพเพอร์ตี | NuiCommand[] | คำสั่งในระดับถัดลงไป การเลือกคำสั่งนี้จะเปิดคำสั่งเหล่านั้นเป็นหน้า | |
runพร็อพเพอร์ตี | () => void | ทำงานเมื่อถูกเลือก หลังจากพาเลตปิดแล้ว | |
idพร็อพเพอร์ตี | string | ไว้ใช้เอง เช่น แยกคำสั่งออกจากกันใน (run) |