feat: add drag upload for rn bundles
这个提交包含在:
父节点
bcdbf6fcc5
当前提交
832d180ff3
@ -588,8 +588,23 @@
|
||||
<el-dialog v-model="showUploadRn" title="上传 RN Bundle" :width="dialogWidth">
|
||||
<el-form :model="rnUploadForm" label-width="120px">
|
||||
<el-form-item label="Bundle 文件">
|
||||
<el-upload :auto-upload="false" :limit="1" :on-change="onRnBundleChange" accept=".bundle,.js">
|
||||
<el-button>选择文件</el-button>
|
||||
<el-upload
|
||||
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-form-item>
|
||||
<el-form-item v-if="rnInspectUploadProgress > 0" label="识别进度">
|
||||
@ -1875,6 +1890,34 @@ onBeforeUnmount(() => {
|
||||
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 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
正在加载...
在新工单中引用
屏蔽一个用户