adtec-core-package 2.9.5 → 2.9.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adtec-core-package",
-  "version": "2.9.5",
+  "version": "2.9.6",
   "private": false,
   "type": "module",
   "scripts": {

package/src/components/upload/CustomElUpload.vue

@@ -6,29 +6,27 @@
   <div v-if="!isEdit">
     <el-auto-tool-tip v-if="uploadFilesList?.length">
       <template #tooltipContent>
-        <div style="display:flex;flex-direction:column">
-              <span
-                v-for="item in uploadFilesList"
-                :key="item.id"
-                style="margin: 0 2px"
-              >{{ item.name }}
-              </span>
+        <div style="display: flex; flex-direction: column">
+          <span v-for="item in uploadFilesList" :key="item.id" style="margin: 0 2px"
+            >{{ item.name }}
+          </span>
         </div>
       </template>
       <template #content>
-        <div style="display:flex;flex-direction:column">
-          <div v-for="item in uploadFilesList" :key="item.id"
-               class="file-item"
-               style="display:flex; align-items:center;overflow: hidden">
+        <div style="display: flex; flex-direction: column">
+          <div
+            v-for="item in uploadFilesList"
+            :key="item.id"
+            class="file-item"
+            style="display: flex; align-items: center; overflow: hidden"
+          >
             <el-icons :model-value="getIcon(item.name)" style="margin-right: 5px"></el-icons>
             <span class="link-name" @click="fileView(item.id)">{{ item.name }}</span>
           </div>
         </div>
       </template>
     </el-auto-tool-tip>
-    <div style="text-align: center;color: var(--el-disabled-text-color)" v-else>
-      暂无附件
-    </div>
+    <div style="text-align: center; color: var(--el-disabled-text-color)" v-else>暂无附件</div>
   </div>
   <el-upload
     v-else
@@ -46,7 +44,15 @@
     :before-upload="beforeUpload"
     drag
     :accept="getAccept"
-    :action="'/api/doc/uploadFile/' + business + '/' + businessId + '/' + association+(watermarkCode ? '?watermarkCode=' + watermarkCode : '')"
+    :action="
+      '/api/doc/uploadFile/' +
+      business +
+      '/' +
+      businessId +
+      '/' +
+      association +
+      (watermarkCode ? '?watermarkCode=' + watermarkCode : '')
+    "
     multiple
     :limit="limit"
     :headers="uploadHeaders"
@@ -75,7 +81,7 @@
         </el-flex>
         <el-flex align="center" justify="flex-end" width="50px">
           <el-text v-if="!file?.businessId && file.percentage !== 100"
-          >{{ file.percentage }}%
+            >{{ file.percentage }}%
           </el-text>
           <el-icons
             v-if="file?.businessId || file.percentage === 100"
@@ -96,18 +102,24 @@
 <script setup lang="ts">
 import { UploadFilled } from '@element-plus/icons-vue'
 import { computed, onMounted, ref } from 'vue'
-import { ElMessage, ElMessageBox, type UploadFile, type UploadFiles, type UploadUserFile } from 'element-plus'
+import {
+  ElMessage,
+  ElMessageBox,
+  type UploadFile,
+  type UploadFiles,
+  type UploadUserFile,
+} from 'element-plus'
 import type { ISysUploadFiles } from '../../interface/ISysUploadFiles'
 //@ts-ignore
 import useFileView from '../../hooks/useFileView.ts'
 import documentApi from '../../api/DocumentApi.ts'
 import frameworkUtils from '../../utils/FrameworkUtils.ts'
 import { userInfoStore } from '../../stores/userInfoStore'
-import { getAcceptString } from '@/utils/uploadAccept.ts'
+import { getAcceptString } from '../../utils/uploadAccept.ts'
 
 const { fileView: fileView } = useFileView()
 const uploadHeaders = ref({
-  Authorization: ''
+  Authorization: '',
 })
 const emit = defineEmits(['success'])
 const userInfo = userInfoStore()
@@ -122,7 +134,7 @@ const props = defineProps({
    */
   limit: {
     type: Number,
-    default: 1
+    default: 1,
   },
   /**
    * @description 纵向排列
@@ -130,7 +142,7 @@ const props = defineProps({
    */
   vertical: {
     type: Boolean,
-    default: false
+    default: false,
   },
   /**
    * @description 上传文件类型
@@ -139,7 +151,7 @@ const props = defineProps({
    */
   accept: {
     type: String,
-    default: ''
+    default: '',
   },
   /**
    * @description 业务类型
@@ -147,7 +159,7 @@ const props = defineProps({
    */
   business: {
     type: String,
-    default: 'default'
+    default: 'default',
   },
   /**
    * @description 业务id
@@ -155,7 +167,7 @@ const props = defineProps({
    */
   businessId: {
     type: String,
-    default: 'default'
+    default: 'default',
   },
   /**
    * @description 是否编辑状态
@@ -164,7 +176,7 @@ const props = defineProps({
    */
   isEdit: {
     type: Boolean,
-    default: true
+    default: true,
   },
   /**
    * @description 文档上传是否默认关联，默认不关联
@@ -173,37 +185,37 @@ const props = defineProps({
    */
   association: {
     type: Boolean,
-    default: false
+    default: false,
   },
   size: {
     type: Number,
-    default: 50
+    default: 50,
   },
   //附件宽度
   itemWidth: {
     type: String,
-    default: '100%'
+    default: '100%',
   },
   isConfirmDelete: {
     type: Boolean,
-    default: true
+    default: true,
   },
   overwrite: {
     type: Boolean,
-    default: true
+    default: true,
   },
   autoUpload: {
     type: Boolean,
-    default: true
+    default: true,
   },
   showOptMessage: {
     type: Boolean,
-    default: true
+    default: true,
   },
   watermarkCode: {
     type: String,
-    default: () => undefined
-  }
+    default: () => undefined,
+  },
 })
 /**
  * 文件列表
@@ -255,7 +267,7 @@ const success = (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles
 const loading = defineModel<boolean>('loading')
 const loadingFiles = ref<string[]>([])
 const hasPendingFiles = computed(() => {
-  return fileList.value.some(file => {
+  return fileList.value.some((file) => {
     return file.status !== 'success' && file.status !== 'error'
   })
 })
@@ -281,9 +293,7 @@ const beforeUpload = async (file: File) => {
     ElMessage.warning('文件大小不能超过' + props.size + 'MB')
     return false
   }
-  const acceptSuffixes = getAccept.value
-    ?.split(',')
-    .map(suffix => suffix.slice(1).toLowerCase())
+  const acceptSuffixes = getAccept.value?.split(',').map((suffix) => suffix.slice(1).toLowerCase())
   const fileSuffix = file.name.split('.').pop()?.toLowerCase()
   if (acceptSuffixes && !acceptSuffixes.includes(fileSuffix ?? '')) {
     ElMessage.error(`文件 ${file.name} 格式不支持，仅允许 ${getAccept.value}！`)
@@ -305,7 +315,7 @@ const fileClick = async (file: UploadFile & ISysUploadFiles) => {
       const flag = await ElMessageBox.confirm('删除不可恢复！您确定删除此附件？', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning'
+        type: 'warning',
       })
       if (!flag) {
         return
@@ -324,17 +334,21 @@ const exceed = async (files: File[], uploadFiles: UploadUserFile[]) => {
   if (props.limit === 1 && props.overwrite && uploadFilesList.value.length >= 1) {
     const existingFile = uploadFilesList.value[0]
     if (!props.isConfirmDelete) {
-      const flag = await ElMessageBox.confirm('只允许上传一个附件，是否点击确定覆盖原有附件？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
+      const flag = await ElMessageBox.confirm(
+        '只允许上传一个附件，是否点击确定覆盖原有附件？',
+        '提示',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      )
       if (!flag) {
         return
       }
       try {
         loading.value = true
-        await documentApi.delSysUploadFile(existingFile.id).catch(err => {
+        await documentApi.delSysUploadFile(existingFile.id).catch((err) => {
           frameworkUtils.messageError(err)
         })
       } catch (err) {
@@ -401,7 +415,7 @@ const confirm = async (autoDelete: boolean = true) => {
   try {
     loading.value = true
     if (props.isConfirmDelete && deleteFiles.value.length > 0 && autoDelete) {
-      await documentApi.delSysUploadFiles(deleteFiles.value.map(item => item.id))
+      await documentApi.delSysUploadFiles(deleteFiles.value.map((item) => item.id))
     }
     if (!props.autoUpload) {
       //此处判断是否存在需要上传的文件
@@ -426,7 +440,7 @@ onMounted(() => {
 })
 defineExpose({
   remove,
-  confirm
+  confirm,
 })
 </script>
 <style scoped lang="scss">