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

VantComponent({
  data: {
    show: {
      basic: false,
      top: false,
      bottom: false,
      left: false,
      right: false,
      round: false,
      closeIcon: false,
      customCloseIcon: false,
      customIconPosition: false,
    },
  },

  methods: {
    toggle(type, show) {
      this.setData({
        [`show.${type}`]: show,
      });
    },

    showBasic() {
      this.toggle('basic', true);
    },

    hideBasic() {
      this.toggle('basic', false);
    },

    showTop() {
      this.toggle('top', true);
    },

    hideTop() {
      this.toggle('top', false);
    },

    showLeft() {
      this.toggle('left', true);
    },

    hideLeft() {
      this.toggle('left', false);
    },

    showRight() {
      this.toggle('right', true);
    },

    hideRight() {
      this.toggle('right', false);
    },

    showBottom() {
      this.toggle('bottom', true);
    },

    hideBottom() {
      this.toggle('bottom', false);
    },

    showRound() {
      this.toggle('round', true);
    },

    hideRound() {
      this.toggle('round', false);
    },

    showCloseIcon() {
      this.toggle('closeIcon', true);
    },

    hideCloseIcon() {
      this.toggle('closeIcon', false);
    },

    showCustomCloseIcon() {
      this.toggle('customCloseIcon', true);
    },

    hideCustomCloseIcon() {
      this.toggle('customCloseIcon', false);
    },

    showCustomIconPosition() {
      this.toggle('customIconPosition', true);
    },

    hideCustomIconPosition() {
      this.toggle('customIconPosition', false);
    },
  },
});