add key utils
This commit is contained in:
parent
0630c8f566
commit
4e94695c75
3 changed files with 211 additions and 0 deletions
78
src/shared/utils/keys.js
Normal file
78
src/shared/utils/keys.js
Normal file
|
@ -0,0 +1,78 @@
|
|||
const modifierdKeyName = (name) => {
|
||||
if (name.length === 1) {
|
||||
return name;
|
||||
} else if (name === 'Escape') {
|
||||
return 'Esc';
|
||||
}
|
||||
return name;
|
||||
};
|
||||
|
||||
const fromKeyboardEvent = (e) => {
|
||||
return {
|
||||
key: modifierdKeyName(e.key),
|
||||
shiftKey: e.shiftKey,
|
||||
ctrlKey: e.ctrlKey,
|
||||
altKey: e.altKey,
|
||||
metaKey: e.metaKey,
|
||||
};
|
||||
};
|
||||
|
||||
const fromMapKey = (key) => {
|
||||
if (key.startsWith('<') && key.endsWith('>')) {
|
||||
let inner = key.slice(1, -1);
|
||||
let shift = inner.includes('S-');
|
||||
let base = inner.slice(inner.lastIndexOf('-') + 1);
|
||||
if (shift && base.length === 1) {
|
||||
base = base.toUpperCase();
|
||||
} else if (!shift && base.length === 1) {
|
||||
base = base.toLowerCase();
|
||||
}
|
||||
return {
|
||||
key: base,
|
||||
shiftKey: inner.includes('S-'),
|
||||
ctrlKey: inner.includes('C-'),
|
||||
altKey: inner.includes('A-'),
|
||||
metaKey: inner.includes('M-'),
|
||||
};
|
||||
}
|
||||
return {
|
||||
key: key,
|
||||
shiftKey: key.toLowerCase() !== key,
|
||||
ctrlKey: false,
|
||||
altKey: false,
|
||||
metaKey: false,
|
||||
};
|
||||
};
|
||||
|
||||
const fromMapKeys = (keys) => {
|
||||
const fromMapKeysRecursive = (remainings, mappedKeys) => {
|
||||
if (remainings.length === 0) {
|
||||
return mappedKeys;
|
||||
}
|
||||
|
||||
let nextPos = 1;
|
||||
if (remainings.startsWith('<')) {
|
||||
let ltPos = remainings.indexOf('>');
|
||||
if (ltPos > 0) {
|
||||
nextPos = ltPos + 1;
|
||||
}
|
||||
}
|
||||
|
||||
return fromMapKeysRecursive(
|
||||
remainings.slice(nextPos),
|
||||
mappedKeys.concat([fromMapKey(remainings.slice(0, nextPos))])
|
||||
);
|
||||
};
|
||||
|
||||
return fromMapKeysRecursive(keys, []);
|
||||
};
|
||||
|
||||
const equals = (e1, e2) => {
|
||||
return e1.key === e2.key &&
|
||||
e1.ctrlKey === e2.ctrlKey &&
|
||||
e1.metaKey === e2.metaKey &&
|
||||
e1.altKey === e2.altKey &&
|
||||
e1.shiftKey === e2.shiftKey;
|
||||
};
|
||||
|
||||
export { fromKeyboardEvent, fromMapKey, fromMapKeys, equals };
|
Reference in a new issue