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.
59 lines
1.5 KiB
59 lines
1.5 KiB
2 years ago
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
var relation_1 = require("../common/relation");
|
||
|
|
var component_1 = require("../common/component");
|
||
|
|
(0, component_1.VantComponent)({
|
||
|
|
relation: (0, relation_1.useParent)('tabs'),
|
||
|
|
props: {
|
||
|
|
dot: {
|
||
|
|
type: Boolean,
|
||
|
|
observer: 'update',
|
||
|
|
},
|
||
|
|
info: {
|
||
|
|
type: null,
|
||
|
|
observer: 'update',
|
||
|
|
},
|
||
|
|
title: {
|
||
|
|
type: String,
|
||
|
|
observer: 'update',
|
||
|
|
},
|
||
|
|
disabled: {
|
||
|
|
type: Boolean,
|
||
|
|
observer: 'update',
|
||
|
|
},
|
||
|
|
titleStyle: {
|
||
|
|
type: String,
|
||
|
|
observer: 'update',
|
||
|
|
},
|
||
|
|
name: {
|
||
|
|
type: null,
|
||
|
|
value: '',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
active: false,
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getComputedName: function () {
|
||
|
|
if (this.data.name !== '') {
|
||
|
|
return this.data.name;
|
||
|
|
}
|
||
|
|
return this.index;
|
||
|
|
},
|
||
|
|
updateRender: function (active, parent) {
|
||
|
|
var parentData = parent.data;
|
||
|
|
this.inited = this.inited || active;
|
||
|
|
this.setData({
|
||
|
|
active: active,
|
||
|
|
shouldRender: this.inited || !parentData.lazyRender,
|
||
|
|
shouldShow: active || parentData.animated,
|
||
|
|
});
|
||
|
|
},
|
||
|
|
update: function () {
|
||
|
|
if (this.parent) {
|
||
|
|
this.parent.updateTabs();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|