mirror of
https://github.com/barsdeveloper/ueblueprint.git
synced 2026-02-16 10:54:42 +08:00
Mergin better performance branch
This commit is contained in:
@@ -1,8 +1,5 @@
|
||||
// @ts-check
|
||||
|
||||
import IMouseClickDrag from "./IMouseClickDrag"
|
||||
import LinkElement from "../../element/LinkElement"
|
||||
import LinkMessageElement from "../../element/LinkMessageElement"
|
||||
|
||||
/**
|
||||
* @typedef {import("../../element/PinElement").default} PinElement
|
||||
@@ -22,34 +19,34 @@ export default class MouseCreateLink extends IMouseClickDrag {
|
||||
/** @type {(e: MouseEvent) => void} */
|
||||
#mouseleaveHandler
|
||||
|
||||
/** @type {LinkElement} */
|
||||
/** @type {LinkElement?} */
|
||||
link
|
||||
|
||||
/** @type {PinElement} */
|
||||
/** @type {PinElement?} */
|
||||
enteredPin
|
||||
|
||||
linkValid = false
|
||||
|
||||
constructor(target, blueprint, options) {
|
||||
super(target, blueprint, options)
|
||||
|
||||
let self = this
|
||||
this.#mouseenterHandler = e => {
|
||||
if (!self.enteredPin) {
|
||||
self.linkValid = false
|
||||
self.enteredPin = /** @type {PinElement} */ (e.target)
|
||||
const a = self.enteredPin, b = self.target
|
||||
const a = self.enteredPin
|
||||
const b = self.target
|
||||
if (a.getNodeElement() == b.getNodeElement()) {
|
||||
this.setLinkMessage(LinkMessageElement.sameNode())
|
||||
self.link.setMessageSameNode()
|
||||
} else if (a.isOutput() == b.isOutput()) {
|
||||
this.setLinkMessage(LinkMessageElement.directionsIncompatible())
|
||||
self.link.setMessageDirectionsIncompatible()
|
||||
} else if (a.isOutput() == b.isOutput()) {
|
||||
this.setLinkMessage(LinkMessageElement.directionsIncompatible())
|
||||
self.link.setMessageDirectionsIncompatible()
|
||||
} else if (self.blueprint.getLinks([a, b]).length) {
|
||||
this.setLinkMessage(LinkMessageElement.replaceLink())
|
||||
self.link.setMessageReplaceLink()
|
||||
self.linkValid = true
|
||||
} else {
|
||||
this.setLinkMessage(LinkMessageElement.correct())
|
||||
self.link.setMessageCorrect()
|
||||
self.linkValid = true
|
||||
}
|
||||
}
|
||||
@@ -58,15 +55,15 @@ export default class MouseCreateLink extends IMouseClickDrag {
|
||||
if (self.enteredPin == e.target) {
|
||||
self.enteredPin = null
|
||||
self.linkValid = false
|
||||
this.setLinkMessage(LinkMessageElement.placeNode())
|
||||
self.link?.setMessagePlaceNode()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
startDrag() {
|
||||
startDrag(location) {
|
||||
this.link = new LinkElement(this.target, null)
|
||||
this.blueprint.nodesContainerElement.prepend(this.link)
|
||||
this.setLinkMessage(LinkMessageElement.placeNode())
|
||||
this.blueprint.linksContainerElement.prepend(this.link)
|
||||
this.link.setMessagePlaceNode()
|
||||
this.#listenedPins = this.blueprint.querySelectorAll("ueb-pin")
|
||||
this.#listenedPins.forEach(pin => {
|
||||
if (pin != this.target) {
|
||||
@@ -75,7 +72,7 @@ export default class MouseCreateLink extends IMouseClickDrag {
|
||||
}
|
||||
})
|
||||
this.link.startDragging()
|
||||
this.link.setDestinationLocation(this.clickedPosition)
|
||||
this.link.setDestinationLocation(location)
|
||||
}
|
||||
|
||||
dragTo(location, movement) {
|
||||
@@ -90,7 +87,7 @@ export default class MouseCreateLink extends IMouseClickDrag {
|
||||
if (this.enteredPin && this.linkValid) {
|
||||
this.blueprint.addGraphElement(this.link)
|
||||
this.link.destinationPin = this.enteredPin
|
||||
this.link.setLinkMessage(null)
|
||||
this.link.removeMessage()
|
||||
this.link.finishDragging()
|
||||
} else {
|
||||
this.link.finishDragging()
|
||||
@@ -100,8 +97,4 @@ export default class MouseCreateLink extends IMouseClickDrag {
|
||||
this.link = null
|
||||
this.#listenedPins = null
|
||||
}
|
||||
|
||||
setLinkMessage(linkMessage) {
|
||||
this.link.setLinkMessage(linkMessage)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user