1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- "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);
- }
- },
- },
- });
|