ci-plus 1.7.7 → 1.7.8

package/README.md

@@ -1,6 +1,8 @@
 ## 历史更新
 
 ```js
+1.7.8
+  1、导入组件3中优化单选文件的时候覆盖文件逻辑
 1.7.7
   1、新增导入组件3(可以选择归属公司)
 1.7.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ci-plus",
-  "version": "1.7.7",
+  "version": "1.7.8",
   "description": "ci组件库",
   "main": "./index.ts",
   "scripts": {

package/src/fileRelated/uploadV3.vue

@@ -61,7 +61,7 @@
 </template>
 
 <script setup lang="ts">
-defineOptions({ name: 'ci-uploadV2' })
+defineOptions({ name: 'ci-uploadV3' })
 // 定义一个函数，用于处理字符串
 const setFilePath = (arr: string[], url?: string) => {
   // console.log('重新渲染数据', arr);
@@ -100,19 +100,19 @@ const fileArr = (url: string, pathArr: string[]) => {
   }
 }
 
-import { onMounted, ref } from 'vue'
-import { ElMessage, ElLoading, ElButton, ElPopover, ElUpload, ElSelectV2 } from 'element-plus'
+import type { AxiosRequestConfig } from 'axios';
+import axios from 'axios';
 import type {
   UploadFile,
   UploadFiles,
   UploadInstance,
   UploadProps,
   UploadUserFile
-} from 'element-plus'
-import type { AxiosRequestConfig } from 'axios'
-import axios from 'axios'
-import ajaxBox from '../utils/ajaxBox'
-import getAffiliationOptions from '../utils/getAffiliationOptions.ts'
+} from 'element-plus';
+import { ElButton, ElLoading, ElMessage, ElPopover, ElSelectV2, ElUpload, genFileId, UploadRawFile } from 'element-plus';
+import { onMounted, ref } from 'vue';
+import ajaxBox from '../utils/ajaxBox';
+import getAffiliationOptions from '../utils/getAffiliationOptions.ts';
 const upload = ref<UploadInstance>()
 const exporLoading = ref()
 const visible = ref(false)
@@ -154,7 +154,7 @@ const emits = defineEmits<{
 console.log('附件props: ', props)
 const datas: any = ref(props.data)
 const mymultiple = ref<boolean>(props.multiple)
-const mylimit = ref<number>(props.limit as number)
+const mylimit = ref<number>(props.limit as number ||1)
 const myfilePath = ref<any>(props.filePath || [])
 console.log('myfilePath: ', props.filePath)
 
@@ -174,8 +174,18 @@ console.log('fileList: ', fileList.value)
 
 //当超出限制时，执行的钩子函数
 const handleExceed: UploadProps['onExceed'] = (files) => {
-  console.log('超出限制: ', files)
-  ElMessage.warning(`超出最大文件数:${mylimit?.value}个文件,请重新选择`)
+  console.log("%c Line:177 🥝 files", "color:#e41a6a", files);
+
+  if(mylimit?.value === 1){
+    upload.value!.clearFiles()
+    const file = files[0] as UploadRawFile
+    file.uid = genFileId()
+    upload.value!.handleStart(file)
+  }
+  if( mylimit?.value > 1){
+    console.log('超出限制: ', files)
+    ElMessage.warning(`超出最大文件数:${mylimit?.value}个文件,请重新选择`)
+  }
 }
 
 // 文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用