mali-applet-ui 1.1.102 → 1.1.104

package/lib/components/ml-upload/ml-upload.vue

@@ -63,7 +63,7 @@
             <view class="ml-upload-file-info">
               <view class="ml-upload-file-name">{{ item[nameField] }}</view>
               <view class="ml-upload-file-desc">
-                <ml-button v-if="preview && previewTypes.includes(item[typeField])" status="primary" type="text" size="small" @click="previewDocs(item)">预览</ml-button>
+                <ml-button v-if="preview && hasPreviewType(item)" status="primary" type="text" size="small" @click="previewDocs(item)">预览</ml-button>
                 <ml-button status="primary" type="text" size="small" @click="downloadEvent(item)">下载</ml-button>
               </view>
             </view>
@@ -85,7 +85,7 @@
           <view class="ml-upload-file-info">
             <view class="ml-upload-file-name">{{ item[nameField] }}</view>
             <view class="ml-upload-file-desc">
-              <ml-button v-if="preview && previewTypes.includes(item[typeField])" status="primary" type="text" size="small" @click="previewDocs(item)">预览</ml-button>
+              <ml-button v-if="preview && hasPreviewType(item)" status="primary" type="text" size="small" @click="previewDocs(item)">预览</ml-button>
               <ml-button status="primary" type="text" size="small" @click="downloadEvent(item)">下载</ml-button>
             </view>
           </view>
@@ -225,7 +225,7 @@ export default {
     },
     limitSize: {
       type: Number,
-      default: Number(globalStore.upload?.limitSize || 204800) // KB
+      default: Number(globalStore.upload?.limitSize || 512000) // KB
     },
     className: String,
     mediatype: {
@@ -275,21 +275,10 @@ export default {
     return {
       loading: false,
       fileList: [],
-      docsTypes: ['doc', 'xls', 'ppt', 'pdf', 'docx', 'xlsx', 'pptx'],
-      imgTypes: ['jpg', 'jpeg', 'png', 'gif'],
       platformEnv: MaliUtils.getPlatformEnv()
     }
   },
   computed: {
-    fileTypes () {
-      if (this.types && this.types.length) {
-        return this.types
-      }
-      if (this.mediatype === 'image') {
-        return this.imgTypes
-      }
-      return []
-    },
     fileGroup () {
       return {
         imgData: this.fileList ? this.fileList.filter(item => this.hasImageType(item)) : [],
@@ -320,11 +309,8 @@ export default {
       }
       return this.form ? this.form.readonly : false
     },
-    previewTypes () {
-      return this.docsTypes.concat(this.imgTypes)
-    },
     imageList () {
-      return this.fileList ? this.fileList.filter(item => this.imgTypes.includes(item[this.typeField])) : []
+      return this.fileList ? this.fileList.filter(item => this.hasImageType(item)) : []
     },
     fieldMaps () {
       return { ...globalStore.upload.fileProps, ...this.fileProps }
@@ -409,9 +395,6 @@ export default {
       this.$emit('input', value)
       this.$emit('change', { value })
     },
-    hasImageType (item) {
-      return this.imgTypes.includes(XEUtils.toValueString(item[this.typeField]).toLowerCase())
-    },
     removeEvent (item) {
       this.fileList = this.fileList.filter(obj => obj[this.urlField] !== item[this.urlField])
       const removeMethod = this.removeFile ? this.removeFile : (globalStore.upload ? globalStore.upload.removeFile : null)
@@ -449,6 +432,18 @@ export default {
       }
       return item[this.urlField]
     },
+    hasDocType  (item) {
+      return MaliUtils.hasFilePreviewType(item[this.typeField])
+    },
+    hasVideoType (item) {
+      return MaliUtils.hasVideoPreviewType(item[this.typeField])
+    },
+    hasImageType (item) {
+      return MaliUtils.hasImagePreviewType(item[this.typeField])
+    },
+    hasPreviewType (item) {
+      return this.hasImageType(item) || this.hasDocType(item) || this.hasVideoType(item)
+    },
     previewImageEvent (item) {
       if (!this.preview) {
         return
@@ -511,16 +506,17 @@ export default {
       if (previewMethod) {
         previewMethod({
           item,
+          items: this.imageList,
           params: this.params
         })
         return
       }
       // 仅支持文档和图片
-      if (this.previewTypes.includes(item[this.typeField])) {
+      if (this.hasDocType(item) || this.hasImageType(item)) {
         uni.downloadFile({
           url: this.getUrl(item),
           success: (downRes) => {
-            if (this.docsTypes.includes(item[this.typeField])) {
+            if (this.hasDocType(item)) {
               uni.openDocument({
                 filePath: downRes.tempFilePath,
                 showMenu: true,
@@ -532,7 +528,7 @@ export default {
                   })
                 }
               })
-            } else if (this.imgTypes.includes(item[this.typeField])) {
+            } else if (this.hasImageType(item)) {
               this.previewImg(item)
             }
           },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "1.1.102",
+  "version": "1.1.104",
   "description": "码里UI-小程序组件库(vue2)",
   "files": [
     "lib",