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

[bugfix] Tab: props observer (#553)

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

8
dist/mixins/basic.js vendored
View File

@ -9,7 +9,13 @@ export const basic = Behavior({
wx.createSelectorQuery()
.in(this)[all ? 'selectAll' : 'select'](selector)
.boundingClientRect(rect => {
rect && resolve(rect);
if (all && Array.isArray(rect) && rect.length) {
resolve(rect);
}
if (!all && rect) {
resolve(rect);
}
})
.exec();
});

11
dist/tab/index.js vendored
View File

@ -2,13 +2,22 @@ import { create } from '../common/create';
create({
props: {
disabled: Boolean,
disabled: {
type: Boolean,
observer() {
const parent = this.getRelationNodes('../tabs/index')[0];
if (parent) {
parent.updateTabs();
}
}
},
title: {
type: String,
observer() {
const parent = this.getRelationNodes('../tabs/index')[0];
if (parent) {
parent.setLine();
parent.updateTabs();
}
}
}

36
dist/tabs/index.js vendored
View File

@ -5,21 +5,16 @@ create({
'../tab/index': {
type: 'descendant',
linked(target) {
const { tabs } = this.data;
tabs.push({
instance: target,
data: target.data
linked(child) {
this.data.tabs.push({
instance: child,
data: child.data
});
this.setData({
tabs,
scrollable: tabs.length > this.data.swipeThreshold
});
this.setActiveTab();
this.updateTabs();
},
unlinked(target) {
const tabs = this.data.tabs.filter(item => item.instance !== target);
unlinked(child) {
const tabs = this.data.tabs.filter(item => item.instance !== child);
this.setData({
tabs,
scrollable: tabs.length > this.data.swipeThreshold
@ -40,7 +35,8 @@ create({
},
active: {
type: null,
value: 0
value: 0,
observer: 'setActiveTab'
},
type: {
type: String,
@ -73,6 +69,15 @@ create({
},
methods: {
updateTabs() {
const { tabs } = this.data;
this.setData({
tabs,
scrollable: tabs.length > this.data.swipeThreshold
});
this.setActiveTab();
},
trigger(eventName, index) {
this.$emit(eventName, {
index,
@ -95,8 +100,6 @@ create({
this.trigger('change', active);
this.setData({ active });
this.setActiveTab();
this.setLine();
this.scrollIntoView();
}
},
@ -138,6 +141,9 @@ create({
item.instance.setData(data);
}
});
this.setLine();
this.scrollIntoView();
},
// scroll active tab into view

8
packages/mixins/basic.js
View File

@ -9,7 +9,13 @@ export const basic = Behavior({
wx.createSelectorQuery()
.in(this)[all ? 'selectAll' : 'select'](selector)
.boundingClientRect(rect => {
rect && resolve(rect);
if (all && Array.isArray(rect) && rect.length) {
resolve(rect);
}
if (!all && rect) {
resolve(rect);
}
})
.exec();
});

11
packages/tab/index.js
View File

@ -2,13 +2,22 @@ import { create } from '../common/create';
create({
props: {
disabled: Boolean,
disabled: {
type: Boolean,
observer() {
const parent = this.getRelationNodes('../tabs/index')[0];
if (parent) {
parent.updateTabs();
}
}
},
title: {
type: String,
observer() {
const parent = this.getRelationNodes('../tabs/index')[0];
if (parent) {
parent.setLine();
parent.updateTabs();
}
}
}

36
packages/tabs/index.js
View File

@ -5,21 +5,16 @@ create({
'../tab/index': {
type: 'descendant',
linked(target) {
const { tabs } = this.data;
tabs.push({
instance: target,
data: target.data
linked(child) {
this.data.tabs.push({
instance: child,
data: child.data
});
this.setData({
tabs,
scrollable: tabs.length > this.data.swipeThreshold
});
this.setActiveTab();
this.updateTabs();
},
unlinked(target) {
const tabs = this.data.tabs.filter(item => item.instance !== target);
unlinked(child) {
const tabs = this.data.tabs.filter(item => item.instance !== child);
this.setData({
tabs,
scrollable: tabs.length > this.data.swipeThreshold
@ -40,7 +35,8 @@ create({
},
active: {
type: null,
value: 0
value: 0,
observer: 'setActiveTab'
},
type: {
type: String,
@ -73,6 +69,15 @@ create({
},
methods: {
updateTabs() {
const { tabs } = this.data;
this.setData({
tabs,
scrollable: tabs.length > this.data.swipeThreshold
});
this.setActiveTab();
},
trigger(eventName, index) {
this.$emit(eventName, {
index,
@ -95,8 +100,6 @@ create({
this.trigger('change', active);
this.setData({ active });
this.setActiveTab();
this.setLine();
this.scrollIntoView();
}
},
@ -138,6 +141,9 @@ create({
item.instance.setData(data);
}
});
this.setLine();
this.scrollIntoView();
},
// scroll active tab into view