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

VantComponent({
  relation: {
    name: 'index-bar',
    type: 'ancestor',
    current: 'index-anchor'
  },

  props: {
    useSlot: Boolean,
    index: null
  },

  data: {
    active: false,
    wrapperStyle: '',
    anchorStyle: ''
  },

  methods: {
    scrollIntoView(scrollTop) {
      this.getBoundingClientRect().then(
        (rect: WechatMiniprogram.BoundingClientRectCallbackResult) => {
          wx.pageScrollTo({
            duration: 0,
            scrollTop: scrollTop + rect.top - this.parent.data.stickyOffsetTop
          });
        }
      );
    },

    getBoundingClientRect() {
      return this.getRect('.van-index-anchor-wrapper');
    }
  }
});