.hk-upload(:class="`hk-upload-${type}`")
.hk-upload-item(
v-if="type === 'picture'"
v-for="(item, index) in value"
:key="index"
)
el-image(:src="item.url" fit="cover")
.delete(
v-if="!isUploading"
)
i.el-icon-view(@click="handlePictureCardPreview(index)")
i.el-icon-delete(v-if="!disabled" @click="handleDelete(index)")
el-upload(
v-if="(type !== 'picture' || fileList.length < options.limitNum) && !disabled"
ref="upload"
:action="action"
:headers="headers"
:disabled="isUploading"
:limit="options.limitNum"
:accept="options.limitType"
:show-file-list="typeConfig.showFileList"
:list-type="typeConfig.listType"
:file-list= "fileList"
:on-exceed="handleExceed"
:before-upload="handleBeforeUpload"
:on-progress="handleProgress"
:on-success="handleSuccess"
:on-remove="handleRemove"
:on-error="handleError"
v-bind="$attrs"
)
slot
template(v-if="type === 'picture'")
i(class="el-icon-plus" v-show="!isUploading")
.progress(v-show="isUploading", title="上传中...")
img(:src="progressImgUrl")
el-progress(type="circle" :width="60" :percentage="percentage")
template(v-else)
el-button.hekr-btn(
:size="btnConfig.size"
:type="btnConfig.type"
:icon="btnConfig.icon"
:round="btnConfig.round"
:loading="isUploading"
:disabled="isUploading"
) {{ options.btnName }}
hk-preview(v-model="showPreview" :list="fileList" :index.sync="imgIndex")