Ma/ueblueprint
1
0
Fork 0
mirror of https://github.com/barsdeveloper/ueblueprint.git synced 2026-02-28 03:24:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Naming refactoring

Browse Source
This commit is contained in:
barsdeveloper
2022-03-06 22:38:33 +01:00
parent 84dd01bfed
commit f613ea7924
22 changed files with 95 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/template/LinkTemplate.js
View File

@@ -95,7 +95,7 @@ export default class LinkTemplate extends ITemplate {
link.blueprint.dataset.creatingLink = true
const referencePin = link.getSourcePin() ?? link.getDestinationPin()
if (referencePin) {
link.style.setProperty("--ueb-node-value-color", referencePin.getColor())
link.style.setProperty("--ueb-pin-color", referencePin.getColor())
}
link.classList.add("ueb-link-dragging")
}

23
js/template/PinTemplate.js
View File

@@ -16,13 +16,13 @@ export default class PinTemplate extends ITemplate {
render(pin) {
if (pin.isInput()) {
return html`
<span class="ueb-node-value-icon ${pin.isConnected() ? 'ueb-node-value-fill' : ''}"></span>
<span class="ueb-pin-icon"></span>
${sanitizeText(pin.getPinDisplayName())}
`
} else {
return html`
${sanitizeText(pin.getPinDisplayName())}
<span class="ueb-node-value-icon ${pin.isConnected() ? 'ueb-node-value-fill' : ''}"></span>
<span class="ueb-pin-icon"></span>
`
}
}
@@ -34,17 +34,32 @@ export default class PinTemplate extends ITemplate {
apply(pin) {
super.apply(pin)
pin.classList.add(
"ueb-node-" + (pin.isInput() ? "input" : pin.isOutput() ? "output" : "hidden"), "ueb-node-value-" + sanitizeText(pin.getType()))
"ueb-node-" + (pin.isInput() ? "input" : pin.isOutput() ? "output" : "hidden"),
"ueb-pin-" + sanitizeText(pin.getType()),
pin.isConnected() ? "ueb-pin-fill" : null
)
pin.clickableElement = pin
}
/**
* Applies the connection style to the element.
* @param {PinElement} pin
*/
applyConnected(pin) {
if (pin.isConnected()) {
pin.classList.add("ueb-pin-fill")
} else {
pin.classList.remove("ueb-pin-fill")
}
}
/**
*
* @param {PinElement} pin
* @returns
*/
getLinkLocation(pin) {
const rect = pin.querySelector(".ueb-node-value-icon").getBoundingClientRect()
const rect = pin.querySelector(".ueb-pin-icon").getBoundingClientRect()
return pin.blueprint.compensateTranslation(Utility.convertLocation(
[(rect.left + rect.right) / 2, (rect.top + rect.bottom) / 2],
pin.blueprint.gridElement))