<template>
  <div class="ivu-input-group" style="line-height: normal; ">
    <div class="ivu-input-group-prepend" :type="$slots.default[0].tag.includes('radio')?'radio':''">
      <span style="color: red" v-if="required">*</span>
      {{label}}
    </div>
    <slot></slot>
<!--    <span style="border-right: 0;height: 32px; min-width: 71px;-->
<!--              border-top: 1px solid #dcdee2;border-bottom: 1px solid #dcdee2;border-left: 1px solid #dcdee2;-->
<!--              -webkit-border-top-left-radius:4px;-->
<!--              -webkit-border-bottom-left-radius:4px;-->
<!--              text-align:center;background-color: #f8f8f9;">订单状态</span>-->
<!--    <slot></slot>-->
  </div>
</template>

<script>
export default {
  name: 'prepend',
  props: {
    label: {
      type: String
    },
    required: {
      type: Boolean,
      default: false
    },
    prop: {
      type: String,
      default: ''
    }
  },
  data() {
    return {}
  },
  provide(){
    return { prop: this.prop }
  },
  methods: {},
  created() {

  }
}
</script>

<style scoped>
/deep/ .ivu-select-selection{
  border-radius: 0 2px 2px 0;
}
/deep/ .ivu-input{
  border-radius: 0 2px 2px 0;
}
.ivu-btn{
  border-radius: 0 2px 2px 0;
}
</style>
