mirrors/buildadmin
1
0
Fork 0
mirror of https://gitee.com/wonderful-code/buildadmin synced 2024-11-21 22:55:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(BaInput):优化上传组件的插槽支持

Browse Source
This commit is contained in:
妙码生花 2024-09-28 03:32:46 +08:00
parent 42223f8205
commit 0320ae2a6d
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/baInput/components/baUpload.vue
View File

@ -17,9 +17,7 @@
v-bind="state.attrs" v-bind="state.attrs"
:key="state.key" :key="state.key"
> >
<!-- 插槽支持，不加 if 时 el-upload 样式会错乱 --> <template v-if="!$slots.default" #default>
<template v-if="$slots.default" #default><slot name="default"></slot></template>
<template v-else #default>
<template v-if="type == 'image' || type == 'images'"> <template v-if="type == 'image' || type == 'images'">
<div v-if="!hideSelectFile" @click.stop="showSelectFile()" class="ba-upload-select-image"> <div v-if="!hideSelectFile" @click.stop="showSelectFile()" class="ba-upload-select-image">
{{ $t('utils.choice') }} {{ $t('utils.choice') }}
@ -37,9 +35,10 @@
</el-button> </el-button>
</template> </template>
</template> </template>
<template v-if="$slots.trigger" #trigger><slot name="trigger"></slot></template>
<template v-if="$slots.tip" #tip><slot name="tip"></slot></template> <template v-for="(slot, name) in $slots" #[name]="scopedData">
<template v-if="$slots.file" #file><slot name="file"></slot></template> <slot :name="name" v-bind="scopedData"></slot>
</template>
</el-upload> </el-upload>
<el-dialog v-model="state.preview.show" class="ba-upload-preview"> <el-dialog v-model="state.preview.show" class="ba-upload-preview">
<div class="ba-upload-preview-scroll ba-scroll-style"> <div class="ba-upload-preview-scroll ba-scroll-style">