You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
2.0 KiB
68 lines
2.0 KiB
import { VantComponent } from '../common/component'; |
|
import { useParent } from '../common/relation'; |
|
VantComponent({ |
|
props: { |
|
info: null, |
|
name: null, |
|
icon: String, |
|
dot: Boolean, |
|
url: { |
|
type: String, |
|
value: '', |
|
}, |
|
linkType: { |
|
type: String, |
|
value: 'redirectTo', |
|
}, |
|
iconPrefix: { |
|
type: String, |
|
value: 'van-icon', |
|
}, |
|
}, |
|
relation: useParent('tabbar'), |
|
data: { |
|
active: false, |
|
activeColor: '', |
|
inactiveColor: '', |
|
}, |
|
methods: { |
|
onClick() { |
|
const { parent } = this; |
|
if (parent) { |
|
const index = parent.children.indexOf(this); |
|
const active = this.data.name || index; |
|
if (active !== this.data.active) { |
|
parent.$emit('change', active); |
|
} |
|
} |
|
const { url, linkType } = this.data; |
|
if (url && wx[linkType]) { |
|
return wx[linkType]({ url }); |
|
} |
|
this.$emit('click'); |
|
}, |
|
updateFromParent() { |
|
const { parent } = this; |
|
if (!parent) { |
|
return; |
|
} |
|
const index = parent.children.indexOf(this); |
|
const parentData = parent.data; |
|
const { data } = this; |
|
const active = (data.name || index) === parentData.active; |
|
const patch = {}; |
|
if (active !== data.active) { |
|
patch.active = active; |
|
} |
|
if (parentData.activeColor !== data.activeColor) { |
|
patch.activeColor = parentData.activeColor; |
|
} |
|
if (parentData.inactiveColor !== data.inactiveColor) { |
|
patch.inactiveColor = parentData.inactiveColor; |
|
} |
|
if (Object.keys(patch).length > 0) { |
|
this.setData(patch); |
|
} |
|
}, |
|
}, |
|
});
|
|
|