| | |
|---|
| | | <script setup>
|
|---|
| | | import { getToken } from "@/utils/auth"
|
|---|
| | | import { isExternal } from "@/utils/validate"
|
|---|
| | | import Sortable from 'sortablejs'
|
|---|
| | |
|
|---|
| | | const props = defineProps({
|
|---|
| | | modelValue: [String, Object, Array],
|
|---|
| | |
|---|
| | | // 图片数量限制
|
|---|
| | | limit: {
|
|---|
| | | type: Number,
|
|---|
| | | default: 5,
|
|---|
| | | default: 5
|
|---|
| | | },
|
|---|
| | | // 大小限制(MB)
|
|---|
| | | fileSize: {
|
|---|
| | | type: Number,
|
|---|
| | | default: 5,
|
|---|
| | | default: 5
|
|---|
| | | },
|
|---|
| | | // 文件类型, 例如['png', 'jpg', 'jpeg']
|
|---|
| | | fileType: {
|
|---|
| | | type: Array,
|
|---|
| | | default: () => ["png", "jpg", "jpeg"],
|
|---|
| | | default: () => ["png", "jpg", "jpeg"]
|
|---|
| | | },
|
|---|
| | | // 是否显示提示
|
|---|
| | | isShowTip: {
|
|---|
| | | type: Boolean,
|
|---|
| | | default: true
|
|---|
| | | },
|
|---|
| | | // 拖动排序
|
|---|
| | | drag: {
|
|---|
| | | type: Boolean,
|
|---|
| | | default: true
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | |
|
|---|
| | | const { proxy } = getCurrentInstance()
|
|---|
| | |
|---|
| | | }
|
|---|
| | | return strs != "" ? strs.substr(0, strs.length - 1) : ""
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // 初始化拖拽排序
|
|---|
| | | onMounted(() => {
|
|---|
| | | if (props.drag) {
|
|---|
| | | nextTick(() => {
|
|---|
| | | const element = document.querySelector('.el-upload-list')
|
|---|
| | | Sortable.create(element, {
|
|---|
| | | onEnd: (evt) => {
|
|---|
| | | const movedItem = fileList.value.splice(evt.oldIndex, 1)[0]
|
|---|
| | | fileList.value.splice(evt.newIndex, 0, movedItem)
|
|---|
| | | emit('update:modelValue', listToString(fileList.value))
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | })
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <style scoped lang="scss">
|
|---|
