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

Fixed console errors

Browse Source
This commit is contained in:
barsdeveloper
2022-04-15 12:21:49 +02:00
parent 8bd9ab24bb
commit 488f8eda5f
4 changed files with 27 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
dist/ueblueprint.js vendored
View File

@@ -1978,7 +1978,7 @@ class IElement extends HTMLElement {
* @returns {V}
*/
getInputObject(type) {
return /** @type {V} */ (this.inputObjects.find(object => object.constructor == type))
return /** @type {V} */ (this.template.inputObjects.find(object => object.constructor == type))
}
// Subclasses will want to override
@@ -2824,13 +2824,7 @@ class StringPinTemplate extends PinTemplate {
renderInput(pin) {
return html`
<div class="ueb-pin-input">
<div class="ueb-pin-input-content" role="textbox" contenteditable="true"
onfocus="this.closest('ueb-blueprint')?.dispatchEditTextEvent(true)"
onfocusout="
this.closest('ueb-blueprint')?.dispatchEditTextEvent(false)
document.getSelection().removeAllRanges()
"
></div>
<div class="ueb-pin-input-content" role="textbox" contenteditable="true"></div>
</div>
`
}
@@ -2841,15 +2835,17 @@ class StringPinTemplate extends PinTemplate {
setup(pin) {
super.setup(pin);
const input = pin.querySelector(".ueb-pin-input-content");
this.onFocusHandler = () => {
pin.blueprint.dispatchEditTextEvent(true);
};
this.onFocusOutHandler = () => {
pin.blueprint.dispatchEditTextEvent(false);
document.getSelection().removeAllRanges(); // Deselect text inside the input
};
input.addEventListener("onfocus", this.onFocusHandler);
input.addEventListener("onfocusout", this.onFocusOutHandler);
if (input) {
this.onFocusHandler = () => {
pin.blueprint.dispatchEditTextEvent(true);
};
this.onFocusOutHandler = () => {
pin.blueprint.dispatchEditTextEvent(false);
document.getSelection().removeAllRanges(); // Deselect text inside the input
};
input.addEventListener("onfocus", this.onFocusHandler);
input.addEventListener("onfocusout", this.onFocusOutHandler);
}
}
/**
@@ -3092,7 +3088,7 @@ class SelectableDraggableTemplate extends ITemplate {
return [
...super.createInputObjects(element),
...[
new MouseMoveNodes(this, element.blueprint, {
new MouseMoveNodes(element, element.blueprint, {
looseTarget: true
}),
]

2
js/element/IElement.js
View File

@@ -81,7 +81,7 @@ export default class IElement extends HTMLElement {
* @returns {V}
*/
getInputObject(type) {
return /** @type {V} */ (this.inputObjects.find(object => object.constructor == type))
return /** @type {V} */ (this.template.inputObjects.find(object => object.constructor == type))
}
// Subclasses will want to override

2
js/template/SelectableDraggableTemplate.js
View File

@@ -20,7 +20,7 @@ export default class SelectableDraggableTemplate extends ITemplate {
return [
...super.createInputObjects(element),
...[
new MouseMoveNodes(this, element.blueprint, {
new MouseMoveNodes(element, element.blueprint, {
looseTarget: true
}),
]

26
js/template/StringPinTemplate.js
View File

@@ -19,13 +19,7 @@ export default class StringPinTemplate extends PinTemplate {
renderInput(pin) {
return html`
<div class="ueb-pin-input">
<div class="ueb-pin-input-content" role="textbox" contenteditable="true"
onfocus="this.closest('ueb-blueprint')?.dispatchEditTextEvent(true)"
onfocusout="
this.closest('ueb-blueprint')?.dispatchEditTextEvent(false)
document.getSelection().removeAllRanges()
"
></div>
<div class="ueb-pin-input-content" role="textbox" contenteditable="true"></div>
</div>
`
}
@@ -36,15 +30,17 @@ export default class StringPinTemplate extends PinTemplate {
setup(pin) {
super.setup(pin)
const input = pin.querySelector(".ueb-pin-input-content")
this.onFocusHandler = () => {
pin.blueprint.dispatchEditTextEvent(true)
if (input) {
this.onFocusHandler = () => {
pin.blueprint.dispatchEditTextEvent(true)
}
this.onFocusOutHandler = () => {
pin.blueprint.dispatchEditTextEvent(false)
document.getSelection().removeAllRanges() // Deselect text inside the input
}
input.addEventListener("onfocus", this.onFocusHandler)
input.addEventListener("onfocusout", this.onFocusOutHandler)
}
this.onFocusOutHandler = () => {
pin.blueprint.dispatchEditTextEvent(false)
document.getSelection().removeAllRanges() // Deselect text inside the input
}
input.addEventListener("onfocus", this.onFocusHandler)
input.addEventListener("onfocusout", this.onFocusOutHandler)
}
/**