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

VantComponent({
  classes: [
    'bar-class',
    'price-class',
    'button-class'
  ],

  props: {
    tip: [String, Boolean],
    type: Number,
    price: null,
    label: String,
    loading: Boolean,
    disabled: Boolean,
    buttonText: String,
    currency: {
      type: String,
      value: '¥'
    },
    buttonType: {
      type: String,
      value: 'danger'
    }
  },

  computed: {
    hasPrice() {
      return typeof this.data.price === 'number';
    },

    priceStr() {
      return (this.data.price / 100).toFixed(2);
    },

    tipStr() {
      const { tip } = this.data;
      return typeof tip === 'string' ? tip : '';
    }
  },

  methods: {
    onSubmit(event) {
      this.$emit('submit', event.detail);
    }
  }
});