feat: 页面调整组件属性升级

src/views/ne/neSoftware/components/UploadMoreFile.vue

@@ -1,17 +1,18 @@
 <script setup lang="ts">
 import { reactive, onMounted, toRaw, watch } from 'vue';
-import { message, Upload, notification } from 'ant-design-vue/lib';
-import type { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
-import type { FileType, UploadFile } from 'ant-design-vue/lib/upload/interface';
+import { ProModal } from 'antdv-pro-modal';
+import { message, Upload, notification } from 'ant-design-vue/es';
+import type { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface';
+import type { FileType, UploadFile } from 'ant-design-vue/es/upload/interface';
 import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { NE_TYPE_LIST, NE_EXPAND_LIST } from '@/constants/ne-constants';
 import { addNeSoftware } from '@/api/ne/neSoftware';
 import { uploadFileChunk } from '@/api/tool/file';
 const { t } = useI18n();
-const emit = defineEmits(['ok', 'cancel', 'update:visible']);
+const emit = defineEmits(['ok', 'cancel', 'update:open']);
 const props = defineProps({
-  visible: {
+  open: {
     type: Boolean,
     default: false,
   },
@@ -27,7 +28,7 @@ const NE_TYPE_EXP = NE_EXPAND_LIST.concat(NE_TYPE_LIST);
 /**对话框对象信息状态类型 */
 type ModalStateType = {
   /**新增框或修改框是否显示 */
-  visibleByMoreFile: boolean;
+  openByMoreFile: boolean;
   /**标题 */
   title: string;
   /**表单数据 */
@@ -48,7 +49,7 @@ type ModalStateType = {
 
 /**对话框对象信息状态 */
 let modalState: ModalStateType = reactive({
-  visibleByMoreFile: false,
+  openByMoreFile: false,
   title: '软件包文件',
   from: [],
   confirmLoading: false,
@@ -154,13 +155,13 @@ async function fnModalOk() {
  * 进行表达规则校验
  */
 function fnModalCancel() {
-  modalState.visibleByMoreFile = false;
+  modalState.openByMoreFile = false;
   modalState.confirmLoading = false;
   modalState.from = [];
   modalState.uploadFiles = [];
   modalState.uploadFilesDep = [];
   emit('cancel');
-  emit('update:visible', false);
+  emit('update:open', false);
 }
 
 /**表单上传前检查或转换压缩 */
@@ -354,11 +355,11 @@ function fnUploadFileDep(up: UploadRequestOption) {
 
 /**监听是否显示，初始数据 */
 watch(
-  () => props.visible,
+  () => props.open,
   val => {
     if (val) {
       modalState.title = t('views.ne.neSoftware.uploadTitle');
-      modalState.visibleByMoreFile = true;
+      modalState.openByMoreFile = true;
     }
   }
 );
@@ -372,7 +373,7 @@ onMounted(() => {});
     :width="800"
     :keyboard="false"
     :mask-closable="false"
-    :visible="modalState.visibleByMoreFile"
+    :open="modalState.openByMoreFile"
     :title="modalState.title"
     :confirm-loading="modalState.confirmLoading"
     @ok="fnModalOk"