कीबोर्ड शॉर्टकट
useKeymap, सीक्वेंस, ? हेल्प ओवरले, की हिंट और कमांड पैलेट।
useKeymap हुक से शॉर्टकट एक बार घोषित करें। Text.js उन्हें रूट करता है, ? ओवरले में सूचीबद्ध करता है, आपके फ़ुटर में दिखाता है और कमांड पैलेट में खोजने योग्य बनाता है।
useKeymap( { "j, down": { label: "Next", run: next, hint: true }, "k, up": { label: "Previous", run: previous }, "g g": { label: "Go to top", run: top }, "ctrl+s": { label: "Save", run: save, hint: true }, }, { group: "Navigation" },);return ( <> <StatusBar right={<Text color="subtle">main</Text>}> <KeyHints /> </StatusBar> <CommandPalette commands={commands} /> <KeyHelp /> </>);useKeymap
| सिंटैक्स | मतलब |
|---|---|
ctrl+k | मॉडिफ़ायर: ctrl alt shift meta mod |
mod+k | ⌘ या Ctrl, जो भी दबाकर रखा हो |
j, down | विकल्प |
g g | एक क्रम (कुंजियों के बीच 1 सेकंड) |
G | बड़े अक्षर का मतलब Shift |
? | प्रिंट करने योग्य कुंजियों का अक्षर से मिलान |
वैल्यू एक हैंडलर या label, group, hint, disabled और noRepeat वाली बाइंडिंग होती है। बिना लेबल वाली बाइंडिंग काम करती हैं, लेकिन हेल्प ओवरले में नहीं दिखतीं।
useKeymapBindings() आपके अपने फ़ुटर और मेन्यू के लिए अभी सक्रिय लेबल वाली बाइंडिंग लौटाता है।
कीमैप useInput हुक के ज़रिए चलते हैं, इसलिए सामान्य नियम लागू होते हैं: फ़ोकस वाले इनपुट को प्राथमिकता मिलती है, मेल खाने वाली कुंजी प्रोपेगेशन रोकती है और खुला <Modal> कंपोनेंट अपने बाहर की बाइंडिंग बंद कर देता है। इसे बदलने के लिए { priority, global, isActive } पास करें।
<KeyHelp>
हर लेबल वाली बाइंडिंग को ग्रुप में देखने के लिए ? दबाएं। यह उस जगह सक्रिय बाइंडिंग की सूची दिखाता है जहां इसे खोला गया था।
<KeyHelp keys="?" title="Keyboard shortcuts" /><KeyHints> और <StatusBar>
<KeyHints /> कंपोनेंट hint: true से चिह्नित बाइंडिंग या स्पष्ट रूप से दिए गए items दिखाता है। <StatusBar> कंपोनेंट एक पंक्ति का फ़ुटर है जिसमें right स्लॉट है।
<StatusBar right={<Text color="subtle">▼ iad1</Text>}> <KeyHints items={[{ keys: "ctrl+k", label: "commands" }]} /></StatusBar><Kbd>mod+k</Kbd> एक कुंजी रेंडर करता है। formatKeys("ctrl+shift+p") macOS पर ⌃⇧P और बाकी जगह ctrl+shift+P देता है।
<CommandPalette>
Ctrl+K (या Ctrl+P) आपके कमांड और हर लेबल वाली बाइंडिंग के लिए एक फ़ज़ी लॉन्चर खोलता है, जिसमें मेल खाने वाले अक्षर हाइलाइट होते हैं।
<CommandPalette commands={[{ id: "theme", label: "Toggle theme", group: "View", run: toggleTheme }]}/>| Prop | विवरण |
|---|---|
commands | { id, label, group?, keys?, keywords?, run }[] |
keys | खोलने का शॉर्टकट (डिफ़ॉल्ट ctrl+k, ctrl+p; बंद करने के लिए null) |
includeKeymap | कीमैप बाइंडिंग की सूची (डिफ़ॉल्ट true) |
open / onOpenChange | कंट्रोल्ड |
पैलेट कमांड चलाने से पहले बंद हो जाता है, इसलिए कमांड अपने मॉडाल खोल सकते हैं। आपकी अपनी सूचियों के लिए fuzzyMatch और fuzzyFilter एक्सपोर्ट किए जाते हैं।