blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Tabbar: optimize performance (#547)

Browse Source
This commit is contained in:
neverland 2018-09-10 17:10:36 +08:00 committed by GitHub
parent aae778e368
commit 19a0c000a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 34 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dist/col/index.js vendored
View File

@ -16,7 +16,9 @@ create({
setGutter(gutter) { setGutter(gutter) {
const padding = `${gutter / 2}px`; const padding = `${gutter / 2}px`;
const style = gutter ? `padding-left: ${padding}; padding-right: ${padding};` : ''; const style = gutter ? `padding-left: ${padding}; padding-right: ${padding};` : '';
this.setData({ style }); if (style !== this.data.style) {
this.setData({ style });
}
} }
} }
}); });

7
dist/tabbar-item/index.js vendored
View File

@ -25,6 +25,13 @@ create({
parent.onChange(this); parent.onChange(this);
} }
this.$emit('click'); this.$emit('click');
},
setActive(data) {
const { active, count } = this.data;
if (active !== data.active || count !== data.count) {
this.setData(data);
}
} }
} }
}); });

10
dist/tabbar/index.js vendored
View File

@ -34,12 +34,16 @@ create({
linked(target) { linked(target) {
this.data.items.push(target); this.data.items.push(target);
this.setActiveItem(); setTimeout(() => {
this.setActiveItem();
});
}, },
unlinked(target) { unlinked(target) {
this.data.items = this.data.items.filter(item => item !== target); this.data.items = this.data.items.filter(item => item !== target);
this.setActiveItem(); setTimeout(() => {
this.setActiveItem();
});
} }
} }
}, },
@ -47,7 +51,7 @@ create({
methods: { methods: {
setActiveItem() { setActiveItem() {
this.data.items.forEach((item, index) => { this.data.items.forEach((item, index) => {
item.setData({ item.setActive({
active: index === this.data.currentActive, active: index === this.data.currentActive,
count: this.data.items.length count: this.data.items.length
}); });

4
packages/col/index.js
View File

@ -16,7 +16,9 @@ create({
setGutter(gutter) { setGutter(gutter) {
const padding = `${gutter / 2}px`; const padding = `${gutter / 2}px`;
const style = gutter ? `padding-left: ${padding}; padding-right: ${padding};` : ''; const style = gutter ? `padding-left: ${padding}; padding-right: ${padding};` : '';
this.setData({ style }); if (style !== this.data.style) {
this.setData({ style });
}
} }
} }
}); });

7
packages/tabbar-item/index.js
View File

@ -25,6 +25,13 @@ create({
parent.onChange(this); parent.onChange(this);
} }
this.$emit('click'); this.$emit('click');
},
setActive(data) {
const { active, count } = this.data;
if (active !== data.active || count !== data.count) {
this.setData(data);
}
} }
} }
}); });

10
packages/tabbar/index.js
View File

@ -34,12 +34,16 @@ create({
linked(target) { linked(target) {
this.data.items.push(target); this.data.items.push(target);
this.setActiveItem(); setTimeout(() => {
this.setActiveItem();
});
}, },
unlinked(target) { unlinked(target) {
this.data.items = this.data.items.filter(item => item !== target); this.data.items = this.data.items.filter(item => item !== target);
this.setActiveItem(); setTimeout(() => {
this.setActiveItem();
});
} }
} }
}, },
@ -47,7 +51,7 @@ create({
methods: { methods: {
setActiveItem() { setActiveItem() {
this.data.items.forEach((item, index) => { this.data.items.forEach((item, index) => {
item.setData({ item.setActive({
active: index === this.data.currentActive, active: index === this.data.currentActive,
count: this.data.items.length count: this.data.items.length
}); });