12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- var component_1 = require('../common/component');
- component_1.VantComponent({
- relation: {
- name: 'tabbar-item',
- type: 'descendant',
- current: 'tabbar',
- linked: function (target) {
- target.parent = this;
- target.updateFromParent();
- },
- unlinked: function () {
- this.updateChildren();
- },
- },
- props: {
- active: {
- type: null,
- observer: 'updateChildren',
- },
- activeColor: {
- type: String,
- observer: 'updateChildren',
- },
- inactiveColor: {
- type: String,
- observer: 'updateChildren',
- },
- fixed: {
- type: Boolean,
- value: true,
- },
- border: {
- type: Boolean,
- value: true,
- },
- zIndex: {
- type: Number,
- value: 1,
- },
- safeAreaInsetBottom: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- updateChildren: function () {
- var children = this.children;
- if (!Array.isArray(children) || !children.length) {
- return Promise.resolve();
- }
- return Promise.all(
- children.map(function (child) {
- return child.updateFromParent();
- })
- );
- },
- onChange: function (child) {
- var index = this.children.indexOf(child);
- var active = child.data.name || index;
- if (active !== this.data.active) {
- this.$emit('change', active);
- }
- },
- },
- });
|