<template>
  <div
    class="form-item-box"
    :style="{ width: width}"
  >
    <el-input
      :placeholder="placeholder"
      v-bind="$attrs"
      v-model="modelValue"
      @input="onInput"
    ></el-input>
    <!-- <el-icon class="errorIcon"><circle-close-filled /></el-icon>
    <el-icon class="checkIcon"><circle-check-filled /></el-icon> -->
  </div>
</template>
<script setup>
import { COMPONENT_WIDTH } from '@/constant';
import { defineProps, defineEmits } from "vue";
const props = defineProps({
  placeholder: {
    default: "请输入身份证号",
    type: String
  },
  modelValue: {
    default: "",
    type: String
  },
  width: {
    default: COMPONENT_WIDTH,
    type: String
  }
});

const emits = defineEmits(["update:modelValue"]);
const onInput = (e) => {
  emits("update:modelValue", e);
};
</script>
