fix: 已知问题修复,vxe-table 样式丢失和乱码

This commit is contained in:
Ray.Hao
2026-01-14 16:19:13 +08:00
parent c7b94be799
commit b45554d098
9 changed files with 39 additions and 7343 deletions

View File

@@ -58,7 +58,7 @@ import type { FileInfo } from "@/types/api";
const props = defineProps({
/**
* 请求携带的额外参<EFBFBD>?
* 请求携带的额外参
*/
data: {
type: Object,
@@ -122,7 +122,7 @@ const modelValue = defineModel("modelValue", {
const fileList = ref([] as UploadFile[]);
// 监听 modelValue 转换用于显示<EFBFBD>?fileList
// 监听 modelValue 转换用于显示fileList
watch(
modelValue,
(value) => {
@@ -142,7 +142,7 @@ watch(
);
/**
* 上传前校<EFBFBD>?
* 上传前校
*/
function handleBeforeUpload(file: UploadRawFile) {
// 限制文件大小
@@ -194,7 +194,7 @@ function handleExceed() {
*/
const handleSuccess = (response: any, uploadFile: UploadFile, files: UploadFiles) => {
ElMessage.success("上传成功");
//只有当状态为success或者fail代表文件上传全部完成了失败也算完<EFBFBD>?
// 只有当状态为 success 或者 fail代表文件上传全部完成了失败也算完
if (
files.every((file: UploadFile) => {
return file.status === "success" || file.status === "fail";
@@ -203,7 +203,7 @@ const handleSuccess = (response: any, uploadFile: UploadFile, files: UploadFiles
const fileInfos = [] as FileInfo[];
files.map((file: UploadFile) => {
if (file.status === "success") {
//只取携带response的才是刚上传<EFBFBD>?
// 只取携带 response 的才是刚上传
const res = file.response as FileInfo;
if (res) {
fileInfos.push({ name: res.name, url: res.url } as FileInfo);
@@ -251,7 +251,7 @@ function handleDownload(file: UploadUserFile) {
/** 获取一个不重复的id */
function getUid(): number {
// 时间戳左<EFBFBD>?3位(相当于乘<EFBFBD>?192<39>?+ 4位随机数
// 时间戳左移 13 位(相当于乘以 8192+ 13 位随机数
return (Date.now() << 13) | Math.floor(Math.random() * 8192);
}
</script>

View File

@@ -68,7 +68,7 @@ const props = defineProps({
default: 10,
},
/**
* 单个文件的最大允许大<EFBFBD>?
* 单个文件的最大允许大
*/
maxFileSize: {
type: Number,
@@ -84,7 +84,7 @@ const props = defineProps({
});
const previewVisible = ref(false); // 是否显示预览
const previewImageIndex = ref(0); // 预览图片的索<EFBFBD>?
const previewImageIndex = ref(0); // 预览图片的索
const modelValue = defineModel("modelValue", {
type: [Array] as PropType<string[]>,
@@ -108,22 +108,22 @@ function handleRemove(imageUrl: string) {
}
/**
* 上传前校<EFBFBD>?
* 上传前校
*/
function handleBeforeUpload(file: UploadRawFile) {
// 校验文件类型:虽<EFBFBD>?accept 属性限制了用户在文件选择器中可选的文件类型,但仍需在上传时再次校验文件实际类型,确保符<EFBFBD>?accept 的规<EFBFBD>?
// 校验文件类型:虽accept 属性限制了用户在文件选择器中可选的文件类型,但仍需在上传时再次校验文件实际类型,确保符accept 的规
const acceptTypes = props.accept.split(",").map((type) => type.trim());
// 检查文件格式是否符合 accept
const isValidType = acceptTypes.some((type) => {
if (type === "image/*") {
// 如果<EFBFBD>?image/*,检<EFBFBD>?MIME 类型是否<EFBFBD>?"image/" 开<EFBFBD>?
// 如果image/*,检MIME 类型是否"image/" 开
return file.type.startsWith("image/");
} else if (type.startsWith(".")) {
// 如果是扩展名 (.png, .jpg),检查文件名是否以指定扩展名结尾
return file.name.toLowerCase().endsWith(type);
} else {
// 如果是具体的 MIME 类型 (image/png, image/jpeg),检查是否完全匹<EFBFBD>?
// 如果是具体的 MIME 类型 (image/png, image/jpeg),检查是否完全匹
return file.type === type;
}
});

View File

@@ -38,7 +38,7 @@ import type { FileInfo } from "@/types/api";
const props = defineProps({
/**
* 请求携带的额外参<EFBFBD>?
* 请求携带的额外参
*/
data: {
type: Object,
@@ -54,7 +54,7 @@ const props = defineProps({
default: "file",
},
/**
* 最大文件大小单位M<EFBFBD>?
* 最大文件大小单位MB
*/
maxFileSize: {
type: Number,
@@ -62,7 +62,7 @@ const props = defineProps({
},
/**
* 上传图片格式,默认支持所有图<EFBFBD>?image/*),指定格式示例:'.png,.jpg,.jpeg,.gif,.bmp'
* 上传图片格式,默认支持所有图片 (image/*),指定格式示例:'.png,.jpg,.jpeg,.gif,.bmp'
*/
accept: {
type: String,
@@ -70,7 +70,7 @@ const props = defineProps({
},
/**
* 自定义样式,用于设置组件的宽度和高度等其他样<EFBFBD>?
* 自定义样式,用于设置组件的宽度和高度等其他样
*/
style: {
type: Object,
@@ -92,19 +92,19 @@ const modelValue = defineModel("modelValue", {
* 限制用户上传文件的格式和大小
*/
function handleBeforeUpload(file: UploadRawFile) {
// 校验文件类型:虽<EFBFBD>?accept 属性限制了用户在文件选择器中可选的文件类型,但仍需在上传时再次校验文件实际类型,确保符<EFBFBD>?accept 的规<EFBFBD>?
// 校验文件类型:虽accept 属性限制了用户在文件选择器中可选的文件类型,但仍需在上传时再次校验文件实际类型,确保符accept 的规
const acceptTypes = props.accept.split(",").map((type) => type.trim());
// 检查文件格式是否符<EFBFBD>?accept
// 检查文件格式是否符accept
const isValidType = acceptTypes.some((type) => {
if (type === "image/*") {
// 如果<EFBFBD>?image/*,检<EFBFBD>?MIME 类型是否<EFBFBD>?"image/" 开<EFBFBD>?
// 如果image/*,检MIME 类型是否"image/" 开
return file.type.startsWith("image/");
} else if (type.startsWith(".")) {
// 如果是扩展名 (.png, .jpg),检查文件名是否以指定扩展名结尾
return file.name.toLowerCase().endsWith(type);
} else {
// 如果是具体的 MIME 类型 (image/png, image/jpeg),检查是否完全匹<EFBFBD>?
// 如果是具体的 MIME 类型 (image/png, image/jpeg),检查是否完全匹
return file.type === type;
}
});