vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #5621

pull/5677/head
mertsincan 2024-04-25 01:44:13 +01:00
parent 38b4683485
commit 866643ef2b
2 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/lib/tablist/TabList.vue
View File

@ -113,16 +113,26 @@ export default {
const { content, inkbar, tabs } = this.$refs; const { content, inkbar, tabs } = this.$refs;
const activeTab = DomHandler.findSingle(content, '[data-pc-name="tab"][data-p-active="true"]'); const activeTab = DomHandler.findSingle(content, '[data-pc-name="tab"][data-p-active="true"]');
inkbar.style.width = DomHandler.getOuterWidth(activeTab) + 'px'; if (this.$pcTabs.isVertical()) {
inkbar.style.left = DomHandler.getOffset(activeTab).left - DomHandler.getOffset(tabs).left + 'px'; inkbar.style.height = DomHandler.getOuterHeight(activeTab) + 'px';
inkbar.style.top = DomHandler.getOffset(activeTab).top - DomHandler.getOffset(tabs).top + 'px';
} else {
inkbar.style.width = DomHandler.getOuterWidth(activeTab) + 'px';
inkbar.style.left = DomHandler.getOffset(activeTab).left - DomHandler.getOffset(tabs).left + 'px';
}
}, },
updateButtonState() { updateButtonState() {
const { list, content } = this.$refs; const { list, content } = this.$refs;
const { scrollLeft, scrollWidth, offsetWidth } = content; const { scrollLeft, scrollTop, scrollWidth, scrollHeight, offsetWidth, offsetHeight } = content;
const width = DomHandler.getWidth(content); const [width, height] = [DomHandler.getWidth(content), DomHandler.getHeight(content)];
this.isPrevButtonEnabled = scrollLeft !== 0; if (this.$pcTabs.isVertical()) {
this.isNextButtonEnabled = list.offsetWidth >= offsetWidth && parseInt(scrollLeft) !== scrollWidth - width; this.isPrevButtonEnabled = scrollTop !== 0;
this.isNextButtonEnabled = list.offsetHeight >= offsetHeight && parseInt(scrollTop) !== scrollHeight - height;
} else {
this.isPrevButtonEnabled = scrollLeft !== 0;
this.isNextButtonEnabled = list.offsetWidth >= offsetWidth && parseInt(scrollLeft) !== scrollWidth - width;
}
}, },
getVisibleButtonWidths() { getVisibleButtonWidths() {
const { prevBtn, nextBtn } = this.$refs; const { prevBtn, nextBtn } = this.$refs;

3
components/lib/tabs/Tabs.vue
View File

@ -36,6 +36,9 @@ export default {
this.d_value = newValue; this.d_value = newValue;
this.$emit('update:value', newValue); this.$emit('update:value', newValue);
} }
},
isVertical() {
return this.orientation === 'vertical';
} }
} }
}; };