Ma/ueblueprint
1
0
Fork 0
mirror of https://github.com/barsdeveloper/ueblueprint.git synced 2026-05-13 06:57:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Drag nodes using arrows

Browse Source
This commit is contained in:
barsdeveloper
2023-04-10 00:18:41 +02:00
parent 41165fe20e
commit 1015f4787c
5 changed files with 113 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
js/Configuration.js
View File

@@ -207,10 +207,10 @@ export default class Configuration {
"PageDown": "PageDown",
"End": "End",
"Home": "Home",
"ArrowLeft": "Left",
"ArrowUp": "Up",
"ArrowRight": "Right",
"ArrowDown": "Down",
"ArrowLeft": "ArrowLeft",
"ArrowUp": "ArrowUp",
"ArrowRight": "ArrowRight",
"ArrowDown": "ArrowDown",
"PrintScreen": "PrintScreen",
"Insert": "Insert",
"Delete": "Delete",

4
js/input/keybaord/IKeyboardShortcut.js
View File

@@ -14,6 +14,8 @@ export default class IKeyboardShortcut extends IInput {
/** @type {KeyBindingEntity[]} */
#activationKeys
pressedKey = ""
/**
* @param {T} target
* @param {Blueprint} blueprint
@@ -65,6 +67,7 @@ export default class IKeyboardShortcut extends IInput {
e.preventDefault()
e.stopImmediatePropagation()
}
this.pressedKey = e.code
self.fire()
document.removeEventListener("keydown", self.keyDownHandler)
document.addEventListener("keyup", self.keyUpHandler)
@@ -87,6 +90,7 @@ export default class IKeyboardShortcut extends IInput {
e.stopImmediatePropagation()
}
self.unfire()
this.pressedKey = ""
document.removeEventListener("keyup", this.keyUpHandler)
document.addEventListener("keydown", this.keyDownHandler)
}

26
js/template/IDraggableTemplate.js
View File

@@ -1,4 +1,6 @@
import Configuration from "../Configuration.js"
import ITemplate from "./ITemplate.js"
import KeyboardShortcutAction from "../input/keybaord/KeyboardShortcutAction.js"
import MouseMoveDraggable from "../input/mouse/MouseMoveDraggable.js"
/**
@@ -26,6 +28,30 @@ export default class IDraggableTemplate extends ITemplate {
return [
...super.createInputObjects(),
this.createDraggableObject(),
new KeyboardShortcutAction(
this.element,
this.blueprint,
{
activationKeys: [
Configuration.Keys.ArrowUp,
Configuration.Keys.ArrowRight,
Configuration.Keys.ArrowDown,
Configuration.Keys.ArrowLeft,
]
},
self => self.target.acknowledgeDrag([
self.pressedKey === Configuration.Keys.ArrowLeft
? -Configuration.gridSize
: self.pressedKey === Configuration.Keys.ArrowRight
? Configuration.gridSize
: 0,
self.pressedKey === Configuration.Keys.ArrowUp
? -Configuration.gridSize
: self.pressedKey === Configuration.Keys.ArrowDown
? Configuration.gridSize
: 0,
])
)
]
}