import { VantComponent } from '../../common/component';

VantComponent({
  data: {
    tabs2: [1, 2],
    tabs3: [1, 2, 3],
    tabs4: [1, 2, 3, 4],
    tabs6: [1, 2, 3, 4, 5, 6],
    tabsWithName: [
      { name: 'a', index: 1 },
      { name: 'b', index: 2 },
      { name: 'c', index: 3 },
    ],
  },

  methods: {
    onClickDisabled(event) {
      wx.showToast({
        title: `标签 ${event.detail.index + 1} 已被禁用`,
        icon: 'none',
      });
    },

    onChange(event) {
      wx.showToast({
        title: `切换到标签 ${event.detail.index + 1}`,
        icon: 'none',
      });
    },

    onClickNavRight() {
      wx.showToast({
        title: '点击 right nav',
        icon: 'none',
      });
    },

    onClick(event) {
      wx.showToast({
        title: `点击标签 ${event.detail.index + 1}`,
        icon: 'none',
      });
    },
    onBeforeChange(event) {
      const { callback, title } = event.detail;

      wx.showModal({
        title: '异步切换',
        content: `确定要切换至 ${title} tab吗？`,
        success: (res) => {
          if (res.confirm) {
            callback(true);
          } else if (res.cancel) {
            callback(false);
          }
        },
      });
    },
  },
});