73 lines
2.4 KiB
Vue
73 lines
2.4 KiB
Vue
|
<!--
|
|||
|
|
- MineAdmin is committed to providing solutions for quickly building web applications
|
|||
|
|
- Please view the LICENSE file that was distributed with this source code,
|
|||
|
|
- For the full copyright and license information.
|
|||
|
|
- Thank you very much for using MineAdmin.
|
|||
|
|
-
|
|||
|
|
- @Author X.Mo<root@imoi.cn>
|
|||
|
|
- @Link https://gitee.com/xmo/mineadmin-vue
|
|||
|
|
-->
|
|||
|
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<ma-image-upload v-if="props.type === 'image'" v-model="file" />
|
|||
|
|
<ma-file-upload v-if="props.type === 'file'" v-model="file" />
|
|||
|
|
<ma-chunk-upload v-if="props.type === 'chunk'" v-model="file" />
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<script setup>
|
|||
|
|
import { ref, watch, provide } from "vue"
|
|||
|
|
import { Message } from "@arco-design/web-vue"
|
|||
|
|
|
|||
|
|
import uploadConfig from "@/config/upload"
|
|||
|
|
import MaImageUpload from "./components/image-upload.vue"
|
|||
|
|
import MaFileUpload from "./components/file-upload.vue"
|
|||
|
|
import MaChunkUpload from "./components/chunk-upload.vue"
|
|||
|
|
|
|||
|
|
const emit = defineEmits(["update:modelValue"])
|
|||
|
|
const file = ref()
|
|||
|
|
const props = defineProps({
|
|||
|
|
modelValue: { type: [String, Number, Array], default: () => {} },
|
|||
|
|
title: { type: String, default: "buttonText" },
|
|||
|
|
icon: { type: String, default: "icon-plus" },
|
|||
|
|
rounded: { type: Boolean, default: false },
|
|||
|
|
multiple: { type: Boolean, default: false },
|
|||
|
|
disabled: { type: Boolean, default: false },
|
|||
|
|
draggable: { type: Boolean, default: false },
|
|||
|
|
size: { type: Number, default: 4 * 1024 * 1024 },
|
|||
|
|
chunk: { type: Boolean, default: false },
|
|||
|
|
chunkSize: { type: Number, default: 1 * 1024 * 1024 },
|
|||
|
|
limit: { type: Number, default: 0 },
|
|||
|
|
tip: { type: String, default: undefined },
|
|||
|
|
type: { type: String, default: "image" },
|
|||
|
|
accept: { type: String, default: "*" },
|
|||
|
|
returnType: { type: String, default: "url" },
|
|||
|
|
fileType: { type: String, default: "button" },
|
|||
|
|
showList: { type: Boolean, default: true },
|
|||
|
|
requestData: { type: Object, default: {} }
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
if (!["id", "url", "hash"].includes(props.returnType)) {
|
|||
|
|
Message.error("MaUpload组件props的returnType只能为：id, url, hash 其中一个")
|
|||
|
|
console.error("MaUpload组件props的returnType只能为：id, url, hash 其中一个")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
watch(
|
|||
|
|
() => props.modelValue,
|
|||
|
|
(val) => {
|
|||
|
|
file.value = val
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
deep: true,
|
|||
|
|
immediate: true
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
provide("storageMode", uploadConfig.storageMode)
|
|||
|
|
provide("config", props)
|
|||
|
|
|
|||
|
|
watch(
|
|||
|
|
() => file.value,
|
|||
|
|
(vl) => emit("update:modelValue", vl)
|
|||
|
|
)
|
|||
|
|
</script>
|