<template>
  <div class="pro-select">
    <el-select  placeholder="请选择" size="large" style="width: 240px" v-bind="$attrs">
      <el-option v-for="item in props.options" :key="item[props.name]" :label="item[props.name]"
        :value="item[props.value]" />
    </el-select>
  </div>
</template>

<script setup lang="ts">

interface IProps {
  options?: any,
  name?: any,
  value?: any
}
const props = withDefaults(defineProps<IProps>(), {
  options: [],
  name: 'name',
  value: 'value'
})
</script>

<style scoped lang="less">
.pro-select {
  :deep(.el-select) {
    .el-input__wrapper {
      height: 45px;
    }
  }
}
</style>
