<template>
  <form-item-wrapper :designer="designer" :field="field" :rules="rules" :design-state="designState"
                     :parent-widget="parentWidget" :parent-list="parentList" :index-of-parent-list="indexOfParentList"
                     :sub-form-row-index="subFormRowIndex" :sub-form-col-index="subFormColIndex"
                     :sub-form-row-id="subFormRowId">
    <el-input
      class="search-input"
      max="200"
      v-model="showValue2"
      @clear="clearHandle"
      v-el-readonly="field.options.readonly"
      clearable
      :disabled="field.options.disabled"
      @change="changeShowValue2"
    >
      <i slot="suffix" class="el-input__icon el-icon-search" @click="emitAppendButtonClick"></i>
      <span v-show="false">{{ showValue2 }}</span>
    </el-input>
  </form-item-wrapper>
</template>

<script>
import mixins from "@base/components/xform/form-designer/form-widget/field-widget/mixins/vabsearch-mixin";

export default {
  name: "multiSearch-widget",
  componentName: 'FieldWidget',  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
  mixins: [mixins],
}
</script>

<style lang="scss" scoped>
@import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//

.full-width-input {
  width: 100% !important;
}

.hideUploadDiv {
  ::v-deep div.el-upload--picture-card { /* 隐藏最后的图片上传按钮 */
    display: none;
  }

  ::v-deep div.el-upload--text { /* 隐藏最后的文件上传按钮 */
    display: none;
  }

  ::v-deep div.el-upload__tip { /* 隐藏最后的文件上传按钮提示 */
    display: none;
  }
}

</style>
