⬅️ Back to Table of Contents
📄 directive.ts
📊 Analysis Summary
| Metric |
Count |
| 🔧 Functions |
1 |
| 📦 Imports |
3 |
| 📊 Variables & Constants |
2 |
| 📑 Type Aliases |
2 |
📚 Table of Contents
🛠️ File Location:
📂 packages/core/onKeyStroke/directive.ts
📦 Imports
| Name |
Source |
ObjectDirective |
vue |
OnKeyStrokeOptions |
./index |
onKeyStroke |
./index |
Variables & Constants
| Name |
Type |
Kind |
Value |
Exported |
keys |
any |
const |
binding.arg?.split(',') ?? true |
✗ |
vOnKeyStroke |
`ObjectDirective< |
|
|
|
| HTMLElement, |
|
|
|
|
| BindingValueFunction |
BindingValueArray |
|
|
|
>| const |{ |
|
|
|
|
| mounted(el, binding) { |
|
|
|
|
| const keys = binding.arg?.split(',') ?? true |
|
|
|
|
| if (typeof binding.value === 'function') { |
|
|
|
|
| onKeyStroke(keys, binding.value, { |
|
|
|
|
| target: el, |
|
|
|
|
| }) |
|
|
|
|
| } |
|
|
|
|
| else { |
|
|
|
|
| const [handler, options] = binding.value |
|
|
|
|
| onKeyStroke(keys, handler, { |
|
|
|
|
| target: el, |
|
|
|
|
| ...options, |
|
|
|
|
| }) |
|
|
|
|
| } |
|
|
|
|
| }, |
|
|
|
|
| }` |
✓ |
|
|
|
Functions
mounted(el: any, binding: any): void
Code
mounted(el, binding) {
const keys = binding.arg?.split(',') ?? true
if (typeof binding.value === 'function') {
onKeyStroke(keys, binding.value, {
target: el,
})
}
else {
const [handler, options] = binding.value
onKeyStroke(keys, handler, {
target: el,
...options,
})
}
}
- Parameters:
el: any
binding: any
- Return Type:
void
- Calls:
binding.arg?.split
onKeyStroke (from ./index)
Type Aliases
BindingValueFunction
type BindingValueFunction = (event: KeyboardEvent) => void;
BindingValueArray
type BindingValueArray = [BindingValueFunction, OnKeyStrokeOptions];