admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 10:02:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Replace this.$refs.refName as Vue with InstanceType<T> (no-changelog) (#6050)

Browse Source 
* refactor: use InstanceType<T> for all this.$refs types

* refactor: update refs type in N8nSelect

* fix: remove inputRef non-null assertion

Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com>

* fix: remove non-null assertion

---------

Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com>
This commit is contained in:
Alex Grozav
2023-04-21 16:59:04 +03:00
committed by GitHub
parent 19f540ecf9
commit 54f99a7d0d
41 changed files with 427 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/editor-ui/src/components/ResourceLocator/ResourceLocatorDropdown.vue
View File

@@ -167,18 +167,21 @@ export default Vue.extend({
window.open(url, '_blank');
},
onKeyDown(e: KeyboardEvent) {
const container = this.$refs.resultsContainer as HTMLElement;
const containerRef = this.$refs.resultsContainer as HTMLElement | undefined;
if (e.key === 'ArrowDown') {
if (this.hoverIndex < this.sortedResources.length - 1) {
this.hoverIndex++;
const items = this.$refs[`item-${this.hoverIndex}`] as HTMLElement[];
if (container && Array.isArray(items) && items.length === 1) {
const item = items[0];
if (item.offsetTop + item.clientHeight > container.scrollTop + container.offsetHeight) {
const top = item.offsetTop - container.offsetHeight + item.clientHeight;
container.scrollTo({ top });
const itemRefs = this.$refs[`item-${this.hoverIndex}`] as HTMLElement[] | undefined;
if (containerRef && Array.isArray(itemRefs) && itemRefs.length === 1) {
const item = itemRefs[0];
if (
item.offsetTop + item.clientHeight >
containerRef.scrollTop + containerRef.offsetHeight
) {
const top = item.offsetTop - containerRef.offsetHeight + item.clientHeight;
containerRef.scrollTo({ top });
}
}
}
@@ -187,11 +190,11 @@ export default Vue.extend({
this.hoverIndex--;
const searchOffset = this.filterable ? SEARCH_BAR_HEIGHT_PX : 0;
const items = this.$refs[`item-${this.hoverIndex}`] as HTMLElement[];
if (container && Array.isArray(items) && items.length === 1) {
const item = items[0];
if (item.offsetTop <= container.scrollTop + searchOffset) {
container.scrollTo({ top: item.offsetTop - searchOffset });
const itemRefs = this.$refs[`item-${this.hoverIndex}`] as HTMLElement[] | undefined;
if (containerRef && Array.isArray(itemRefs) && itemRefs.length === 1) {
const item = itemRefs[0];
if (item.offsetTop <= containerRef.scrollTop + searchOffset) {
containerRef.scrollTo({ top: item.offsetTop - searchOffset });
}
}
}
@@ -225,9 +228,10 @@ export default Vue.extend({
return;
}
const container = this.$refs.resultsContainer as HTMLElement;
if (container) {
const diff = container.offsetHeight - (container.scrollHeight - container.scrollTop);
const containerRef = this.$refs.resultsContainer as HTMLElement | undefined;
if (containerRef) {
const diff =
containerRef.offsetHeight - (containerRef.scrollHeight - containerRef.scrollTop);
if (diff > -SCROLL_MARGIN_PX && diff < SCROLL_MARGIN_PX) {
this.$emit('loadMore');
}