12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- var component_1 = require('../common/component');
- var relation_1 = require('../common/relation');
- component_1.VantComponent({
- props: {
- info: null,
- name: null,
- icon: String,
- dot: Boolean,
- iconPrefix: {
- type: String,
- value: 'van-icon',
- },
- },
- relation: relation_1.useParent('tabbar'),
- data: {
- active: false,
- activeColor: '',
- inactiveColor: '',
- },
- methods: {
- onClick: function () {
- var parent = this.parent;
- if (parent) {
- var index = parent.children.indexOf(this);
- var active = this.data.name || index;
- if (active !== this.data.active) {
- parent.$emit('change', active);
- }
- }
- this.$emit('click');
- },
- updateFromParent: function () {
- var parent = this.parent;
- if (!parent) {
- return;
- }
- var index = parent.children.indexOf(this);
- var parentData = parent.data;
- var data = this.data;
- var active = (data.name || index) === parentData.active;
- var 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);
- }
- },
- },
- });
|