feat: add drag upload for rn bundles

这个提交包含在:
XuqmGroup 2026-05-08 10:25:50 +08:00
父节点 bcdbf6fcc5
当前提交 832d180ff3

查看文件

@ -588,8 +588,23 @@
<el-dialog v-model="showUploadRn" title="上传 RN Bundle" :width="dialogWidth"> <el-dialog v-model="showUploadRn" title="上传 RN Bundle" :width="dialogWidth">
<el-form :model="rnUploadForm" label-width="120px"> <el-form :model="rnUploadForm" label-width="120px">
<el-form-item label="Bundle 文件"> <el-form-item label="Bundle 文件">
<el-upload :auto-upload="false" :limit="1" :on-change="onRnBundleChange" accept=".bundle,.js"> <el-upload
<el-button>选择文件</el-button> class="bundle-dropzone"
drag
:auto-upload="false"
:limit="1"
:on-change="onRnBundleChange"
accept=".bundle,.js"
>
<el-icon class="el-icon--upload"><UploadFilled /></el-icon>
<div class="el-upload__text">
RN Bundle 拖到这里 <em>点击选择文件</em>
</div>
<template #tip>
<div class="el-upload__tip">
选择或拖入文件后会自动识别模块平台版本和 Common 版本
</div>
</template>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item v-if="rnInspectUploadProgress > 0" label="识别进度"> <el-form-item v-if="rnInspectUploadProgress > 0" label="识别进度">
@ -1875,6 +1890,34 @@ onBeforeUnmount(() => {
color: var(--el-text-color-secondary); color: var(--el-text-color-secondary);
} }
.bundle-dropzone {
width: 100%;
}
.bundle-dropzone :deep(.el-upload) {
width: 100%;
}
.bundle-dropzone :deep(.el-upload-dragger) {
width: 100%;
min-height: 180px;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
border-radius: 16px;
}
.bundle-dropzone :deep(.el-upload__text) {
margin-top: 12px;
color: var(--el-text-color-primary);
}
.bundle-dropzone :deep(.el-upload__tip) {
text-align: center;
color: var(--el-text-color-secondary);
}
.gray-member-groups { .gray-member-groups {
width: 100%; width: 100%;
} }