12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- var component_1 = require('../common/component');
- component_1.VantComponent({
- classes: [
- 'main-item-class',
- 'content-item-class',
- 'main-active-class',
- 'content-active-class',
- 'main-disabled-class',
- 'content-disabled-class',
- ],
- props: {
- items: {
- type: Array,
- observer: 'updateSubItems',
- },
- activeId: null,
- mainActiveIndex: {
- type: Number,
- value: 0,
- observer: 'updateSubItems',
- },
- height: {
- type: null,
- value: 300,
- },
- max: {
- type: Number,
- value: Infinity,
- },
- selectedIcon: {
- type: String,
- value: 'success',
- },
- },
- data: {
- subItems: [],
- },
- methods: {
- // 当一个子项被选择时
- onSelectItem: function (event) {
- var item = event.currentTarget.dataset.item;
- var isArray = Array.isArray(this.data.activeId);
- // 判断有没有超出右侧选择的最大数
- var isOverMax = isArray && this.data.activeId.length >= this.data.max;
- // 判断该项有没有被选中, 如果有被选中,则忽视是否超出的条件
- var isSelected = isArray
- ? this.data.activeId.indexOf(item.id) > -1
- : this.data.activeId === item.id;
- if (!item.disabled && (!isOverMax || isSelected)) {
- this.$emit('click-item', item);
- }
- },
- // 当一个导航被点击时
- onClickNav: function (event) {
- var index = event.detail;
- var item = this.data.items[index];
- if (!item.disabled) {
- this.$emit('click-nav', { index: index });
- }
- },
- // 更新子项列表
- updateSubItems: function () {
- var _a = this.data,
- items = _a.items,
- mainActiveIndex = _a.mainActiveIndex;
- var _b = (items[mainActiveIndex] || {}).children,
- children = _b === void 0 ? [] : _b;
- this.setData({ subItems: children });
- },
- },
- });
|