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

Node addition renaming

Browse Source
This commit is contained in:
barsdeveloper
2022-04-09 18:43:35 +02:00
parent be2db55dce
commit 295e1d3120
4 changed files with 62 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
dist/ueblueprint.js vendored
View File

@@ -3556,8 +3556,10 @@ class NodeTemplate extends SelectableDraggableTemplate {
<div class="ueb-node-content">
<div class="ueb-node-header">
<span class="ueb-node-name">
<span class="ueb-node-symbol"></span>
<span class="ueb-node-text">${sanitizeText(node.getNodeName())}</span>
<span class="ueb-node-name-symbol"></span>
<span class="ueb-node-name-text">
${sanitizeText(node.getNodeName())}
</span>
</span>
</div>
<div class="ueb-node-body">
@@ -3578,11 +3580,11 @@ class NodeTemplate extends SelectableDraggableTemplate {
*/
apply(node) {
super.apply(node);
const nodeName = node.entity.getFullName();
node.dataset.name = sanitizeText(nodeName);
if (node.selected) {
node.classList.add("ueb-selected");
}
const nodeName = node.entity.getFullName();
node.dataset.name = sanitizeText(nodeName);
if (node.entity.AdvancedPinDisplay) {
node.dataset.advancedDisplay = node.entity.AdvancedPinDisplay.toString();
}
@@ -3597,6 +3599,17 @@ class NodeTemplate extends SelectableDraggableTemplate {
pins.filter(v => v.isOutput()).forEach(v => outputContainer.appendChild(new PinElement(v)));
}
/**
* Applies the style to the element.
* @param {NodeElement} node Element of the graph
*/
applyRename(node) {
const nodeName = node.entity.getFullName();
node.dataset.name = sanitizeText(nodeName);
// @ts-expect-error
node.querySelector(".ueb-node-name-text").innerText = sanitizeText(node.entity.getFullName());
}
/**
* @param {NodeElement} node
* @returns {NodeListOf<PinElement>}
@@ -3663,6 +3676,7 @@ class NodeElement extends ISelectableDraggableElement {
}
}
this.entity.Name = name;
this.template.applyRename(this);
}
getPinElements() {
@@ -4205,8 +4219,8 @@ class Blueprint extends IElement {
const nodeName = element.entity.getFullName();
const homonymNode = this.nodes.find(node => node.entity.getFullName() == nodeName);
if (homonymNode) {
// Inserting node keeps tha name and the homonym nodes is renamed
let [name, counter] = homonymNode.entity.getNameAndCounter();
// Inserted node keeps tha name and the homonym nodes is renamed
let name = homonymNode.entity.getDisplayName();
this.#nodeNameCounter[name] = this.#nodeNameCounter[name] ?? -1;
do {
++this.#nodeNameCounter[name];
@@ -4217,13 +4231,13 @@ class Blueprint extends IElement {
}
this.nodes.push(element);
nodeElements.push(element);
this.nodesContainerElement?.appendChild(element);
} else if (element instanceof LinkElement && !this.links.includes(element)) {
this.links.push(element);
}
}
// Keep separated for linking purpose
if (this.nodesContainerElement) {
graphElements.forEach(element => this.nodesContainerElement.appendChild(element));
nodeElements.forEach(node => node.cleanLinks());
}
}
@@ -4232,16 +4246,19 @@ class Blueprint extends IElement {
* @param {...IElement} graphElements
*/
removeGraphElement(...graphElements) {
let removed = false;
graphElements.forEach(element => {
for (let element of graphElements) {
if (element.closest("ueb-blueprint") == this) {
element.remove();
removed = false;
let elementsArray = element instanceof NodeElement
? this.nodes
: element instanceof LinkElement
? this.links
: null;
elementsArray?.splice(
elementsArray.findIndex(v => v == element),
1
);
}
});
if (removed) {
this.nodes = /** @type {NodeElement[]} */ ([...this.querySelectorAll("ueb-node")]);
this.links = /** @type {LinkElement[]} */ ([...this.querySelectorAll("ueb-link")]);
}
}

23
js/Blueprint.js
View File

@@ -404,8 +404,8 @@ export default class Blueprint extends IElement {
const nodeName = element.entity.getFullName()
const homonymNode = this.nodes.find(node => node.entity.getFullName() == nodeName)
if (homonymNode) {
// Inserting node keeps tha name and the homonym nodes is renamed
let [name, counter] = homonymNode.entity.getNameAndCounter()
// Inserted node keeps tha name and the homonym nodes is renamed
let name = homonymNode.entity.getDisplayName()
this.#nodeNameCounter[name] = this.#nodeNameCounter[name] ?? -1
do {
++this.#nodeNameCounter[name]
@@ -416,13 +416,13 @@ export default class Blueprint extends IElement {
}
this.nodes.push(element)
nodeElements.push(element)
this.nodesContainerElement?.appendChild(element)
} else if (element instanceof LinkElement && !this.links.includes(element)) {
this.links.push(element)
}
}
// Keep separated for linking purpose
if (this.nodesContainerElement) {
graphElements.forEach(element => this.nodesContainerElement.appendChild(element))
nodeElements.forEach(node => node.cleanLinks())
}
}
@@ -431,16 +431,19 @@ export default class Blueprint extends IElement {
* @param {...IElement} graphElements
*/
removeGraphElement(...graphElements) {
let removed = false
graphElements.forEach(element => {
for (let element of graphElements) {
if (element.closest("ueb-blueprint") == this) {
element.remove()
removed = false
let elementsArray = element instanceof NodeElement
? this.nodes
: element instanceof LinkElement
? this.links
: null
elementsArray?.splice(
elementsArray.findIndex(v => v === element),
1
)
}
})
if (removed) {
this.nodes = /** @type {NodeElement[]} */ ([...this.querySelectorAll("ueb-node")])
this.links = /** @type {LinkElement[]} */ ([...this.querySelectorAll("ueb-link")])
}
}

1
js/element/NodeElement.js
View File

@@ -63,6 +63,7 @@ export default class NodeElement extends ISelectableDraggableElement {
}
}
this.entity.Name = name
this.template.applyRename(this)
}
getPinElements() {

21
js/template/NodeTemplate.js
View File

@@ -21,8 +21,10 @@ export default class NodeTemplate extends SelectableDraggableTemplate {
<div class="ueb-node-content">
<div class="ueb-node-header">
<span class="ueb-node-name">
<span class="ueb-node-symbol"></span>
<span class="ueb-node-text">${sanitizeText(node.getNodeName())}</span>
<span class="ueb-node-name-symbol"></span>
<span class="ueb-node-name-text">
${sanitizeText(node.getNodeName())}
</span>
</span>
</div>
<div class="ueb-node-body">
@@ -43,11 +45,11 @@ export default class NodeTemplate extends SelectableDraggableTemplate {
*/
apply(node) {
super.apply(node)
const nodeName = node.entity.getFullName()
node.dataset.name = sanitizeText(nodeName)
if (node.selected) {
node.classList.add("ueb-selected")
}
const nodeName = node.entity.getFullName()
node.dataset.name = sanitizeText(nodeName)
if (node.entity.AdvancedPinDisplay) {
node.dataset.advancedDisplay = node.entity.AdvancedPinDisplay.toString()
}
@@ -62,6 +64,17 @@ export default class NodeTemplate extends SelectableDraggableTemplate {
pins.filter(v => v.isOutput()).forEach(v => outputContainer.appendChild(new PinElement(v)))
}
/**
* Applies the style to the element.
* @param {NodeElement} node Element of the graph
*/
applyRename(node) {
const nodeName = node.entity.getFullName()
node.dataset.name = sanitizeText(nodeName)
// @ts-expect-error
node.querySelector(".ueb-node-name-text").innerText = sanitizeText(node.entity.getFullName())
}
/**
* @param {NodeElement} node
* @returns {NodeListOf<PinElement>}