vant-weapp/packages/goods-action-button/index.ts

import { VantComponent } from '../common/component';
import { useParent } from '../common/relation';
import { button } from '../mixins/button';
import { link } from '../mixins/link';

VantComponent({
  mixins: [link, button],

  relation: useParent('goods-action'),

  props: {
    text: String,
    color: String,
    loading: Boolean,
    disabled: Boolean,
    plain: Boolean,
    type: {
      type: String,
      value: 'danger',
    },
  },

  methods: {
    onClick(event: WechatMiniprogram.CustomEvent) {
      this.$emit('click', event.detail);
      this.jumpLink();
    },

    updateStyle() {
      if (this.parent == null) {
        return;
      }

      const { index } = this;
      const { children = [] } = this.parent;

      this.setData({
        isFirst: index === 0,
        isLast: index === children.length - 1,
      });
    },
  },
});