hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

delay render of "heavy" tabs

Browse source
This commit is contained in:
Henry Jameson 2024-12-22 17:11:30 +02:00
commit 375cbca9eb
2 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/tab_switcher/tab_switcher.jsx
View file

@ -85,6 +85,7 @@ export default {
setTab (index) {
if (typeof this.onSwitch === 'function') {
this.onSwitch.call(null, this.slots()[index].key)
console.log('DEBUG', this.slots()[index])
}
this.active = index
if (this.scrollableTabs) {
@ -145,7 +146,13 @@ export default {
if (props.fullHeight) {
classes.push('full-height')
}
const renderSlot = (!this.renderOnlyFocused || active)
let delayRender = slot.props['delay-render']
if (delayRender && active) {
slot.props['delay-render'] = false
delayRender = false
}
console.log('DEBUG', !delayRender, !this.renderOnlyFocused, active)
const renderSlot = (!delayRender && (!this.renderOnlyFocused || active))
? slot
: ''