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