mali-ui-plus 1.1.84 → 1.1.85

package/lib/mali-ui-plus.common.js

@@ -46956,7 +46956,7 @@ const config_globalStore = {
       // fileType: 'fileType', // 文件类型
       // fileName: 'fileName' // 文件名
       //   sizeField: 'fileSize' // 文件大小
-    }
+    },
     // 获取附件缩略图方法
     // getThumbnailFileUrl: null,
     // 获取附件路径方法
@@ -46967,8 +46967,32 @@ const config_globalStore = {
     // downloadFile: null,
     // 删除附件方法
     // removeFile: null
+    // 上传附件方法
+    async uploadFile({
+      file,
+      params
+    }) {
+      // return { fileUrl: '' }
+      return new Promise(resolve => {
+        console.log(params);
+        params.tempItem.status = 0;
+        const timer = setInterval(() => {
+          const status = params.tempItem.status + Math.floor(Math.random() * 3);
+          if (status >= 100) {
+            params.tempItem.status = 100;
+            clearInterval(timer);
+          } else {
+            params.tempItem.status = status;
+          }
+        }, Math.random() * 200);
+        setTimeout(() => {
+          resolve({
+            fileUrl: 'xxxxxx'
+          });
+        }, 10000);
+      });
+    }
   },
-
   // 分页组件
   pager: {
     pageSize: 30,
@@ -47031,19 +47055,25 @@ const config_globalStore = {
     size: String,
     color: String,
     fontSize: String,
-    className: String
+    className: String,
+    v: Number
   },
   emits: ["click"],
   setup(__props, {
     emit
   }) {
     const props = __props;
-    const prefix = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('mlicon-');
     const styles = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const fts = props.fontSize ? `font-size: ${props.fontSize};` : '';
       const clr = props.color ? `color: ${props.color};` : '';
       return `${fts}${clr}`;
     });
+    const prefix = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      if (props.v === 2) {
+        return 'malicon-';
+      }
+      return 'mlicon-';
+    });
     const clickEvent = evnt => {
       emit('click', {
         $event: evnt
@@ -47051,7 +47081,7 @@ const config_globalStore = {
     };
     return (_ctx, _cache) => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["ml-icon", [__props.className || '', __props.size ? `size-${__props.size}` : '', __props.status ? `ss-${__props.status}` : '', __props.name ? `${prefix.value}${__props.name}` : '', {
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["ml-icon", [__props.className || '', __props.size ? `size-${__props.size}` : '', __props.status ? `ss-${__props.status}` : '', __props.name ? `${(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(prefix)}${__props.name}` : '', {
           'is-roll': __props.roll
         }]]),
         style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(styles)),
@@ -61618,6 +61648,10 @@ const MlTreevue_type_script_lang_ts_setup_true_hoisted_2 = {
         }, {
           children: optChildrenField.value
         });
+      } else {
+        eTreeRef.value.store._getAllNodes().forEach(node => {
+          node.expanded = false;
+        });
       }
       expandRowKeys.value = keys;
       emit('update:expandedRowKeys', keys);
@@ -64714,30 +64748,36 @@ const MlUploadvue_type_script_lang_ts_setup_true_hoisted_9 = ["onClick"];
 const MlUploadvue_type_script_lang_ts_setup_true_hoisted_10 = ["onClick"];
 const MlUploadvue_type_script_lang_ts_setup_true_hoisted_11 = ["onClick"];
 const MlUploadvue_type_script_lang_ts_setup_true_hoisted_12 = {
-  class: "file-name"
+  style: {
+    "padding-top": "15px"
+  }
 };
-const MlUploadvue_type_script_lang_ts_setup_true_hoisted_13 = ["title", "onClick"];
+const MlUploadvue_type_script_lang_ts_setup_true_hoisted_13 = ["title"];
 const MlUploadvue_type_script_lang_ts_setup_true_hoisted_14 = {
+  class: "file-name"
+};
+const MlUploadvue_type_script_lang_ts_setup_true_hoisted_15 = ["title", "onClick"];
+const MlUploadvue_type_script_lang_ts_setup_true_hoisted_16 = {
   class: "oper-btns"
 };
-const MlUploadvue_type_script_lang_ts_setup_true_hoisted_15 = ["onClick"];
-const MlUploadvue_type_script_lang_ts_setup_true_hoisted_16 = ["onClick"];
 const MlUploadvue_type_script_lang_ts_setup_true_hoisted_17 = ["onClick"];
-const MlUploadvue_type_script_lang_ts_setup_true_hoisted_18 = {
+const MlUploadvue_type_script_lang_ts_setup_true_hoisted_18 = ["onClick"];
+const MlUploadvue_type_script_lang_ts_setup_true_hoisted_19 = ["onClick"];
+const MlUploadvue_type_script_lang_ts_setup_true_hoisted_20 = {
   key: 0,
   class: "img-warpper"
 };
-const MlUploadvue_type_script_lang_ts_setup_true_hoisted_19 = ["onClick"];
-const MlUploadvue_type_script_lang_ts_setup_true_hoisted_20 = ["src"];
-const MlUploadvue_type_script_lang_ts_setup_true_hoisted_21 = {
+const MlUploadvue_type_script_lang_ts_setup_true_hoisted_21 = ["onClick"];
+const MlUploadvue_type_script_lang_ts_setup_true_hoisted_22 = ["src"];
+const _hoisted_23 = {
   class: "ml-upload-preview-actions"
 };
-const MlUploadvue_type_script_lang_ts_setup_true_hoisted_22 = ["onClick"];
-const _hoisted_23 = {
+const _hoisted_24 = ["onClick"];
+const _hoisted_25 = {
   controls: ""
 };
-const _hoisted_24 = ["src"];
-const _hoisted_25 = ["src"];
+const _hoisted_26 = ["src"];
+const _hoisted_27 = ["src"];
 
 
 
@@ -64837,6 +64877,37 @@ const _hoisted_25 = ["src"];
     const imgTypes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(['jpg', 'jpeg', 'png', 'gif']);
     const videoTypes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(['mp4']);
     const officeTypes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx']);
+    const tempList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)([]);
+    const tableColumn = [{
+      title: '序号',
+      type: 'seq',
+      width: 60
+    }, {
+      title: '文件名',
+      field: 'fileName',
+      minWidth: 200,
+      slots: {
+        default: 'fileName'
+      }
+    }, {
+      title: '大小',
+      field: 'fileSize',
+      minWidth: 100
+    }, {
+      title: '状态',
+      field: 'status',
+      width: 200,
+      slots: {
+        default: 'status'
+      }
+    }, {
+      title: '操作',
+      field: 'action',
+      width: 80,
+      slots: {
+        default: 'action'
+      }
+    }];
     let isModelUpdate = false;
     const fileTypes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       if (props.types && props.types.length) {
@@ -64920,6 +64991,9 @@ const _hoisted_25 = ["src"];
         marginTop: `${offsetY}px`
       };
     });
+    const allFileList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return [...fileList.value, ...tempList.value];
+    });
     const loadList = () => {
       let vals = [];
       if (node_modules_xe_utils_default().isArray(props.modelValue)) {
@@ -64988,6 +65062,15 @@ const _hoisted_25 = ["src"];
       }
       return suffix;
     };
+    const formatFileSizeMath = bytes => {
+      if (bytes === 0) return '0B';
+      const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+      // 计算单位层级
+      const index = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
+      // 计算对应单位的数值
+      const size = (bytes / Math.pow(1024, index)).toFixed(2);
+      return `${size}${units[index]}`;
+    };
     const selectEvent = () => {
       if (isReadonly.value || isDisabled.value || loading.value) {
         return;
@@ -65010,20 +65093,35 @@ const _hoisted_25 = ["src"];
           toast.error(`超出最大限制，最大只支持 ${props.limitSize / 1024} M 文件！`);
           return;
         }
+        tempList.value = tempFiles.map((file, index) => {
+          const fileSuffix = getSuffix(file.name);
+          return {
+            isNew: true,
+            tempName: `${file.name}_${index}`,
+            [nameField.value]: file.name,
+            [typeField.value]: fileSuffix,
+            [sizeField.value]: formatFileSizeMath(file.size),
+            stauts: 0
+          };
+        });
         loading.value = true;
-        Promise.all(tempFiles.map(file => {
+        Promise.all(tempFiles.map((file, index) => {
           const fileSuffix = getSuffix(file.name);
           if (uploadMethod) {
             return Promise.resolve(uploadMethod({
               file,
-              params: props.params
+              params: {
+                ...props.params,
+                tempItem: tempList.value[index]
+              }
             })).then(res => {
               const item = {
                 ...res,
                 isNew: true,
+                status: 100,
                 [nameField.value]: res[nameField.value] || file.name,
                 [typeField.value]: res[typeField.value] || fileSuffix,
-                [sizeField.value]: file.size
+                [sizeField.value]: formatFileSizeMath(file.size)
               };
               emit('success', {
                 item,
@@ -65061,7 +65159,14 @@ const _hoisted_25 = ["src"];
           }
         })).then(items => {
           isModelUpdate = true;
-          fileList.value = [...fileList.value, ...items.filter(item => !item.isErr)].slice(-limitFileLen.value);
+          if (props.mediatype === 'pan') {
+            const tempListTempNames = tempList.value.map(item => item.tempName);
+            tempList.value = [];
+            fileList.value = [...fileList.value, ...items.filter((item, index) => !item.isErr && tempListTempNames.includes(`${item.fileName}_${index}`))].slice(-limitFileLen.value);
+          } else {
+            tempList.value = [];
+            fileList.value = [...fileList.value, ...items.filter(item => !item.isErr)].slice(-limitFileLen.value);
+          }
           updateModel();
           loading.value = false;
         }).catch(e => {
@@ -65153,6 +65258,23 @@ const _hoisted_25 = ["src"];
       });
       updateModel();
     };
+    const removePanEvent = (item, index) => {
+      // const index = tempList.value.findIndex((ele: any) => ele.fieldName === item.fieldName && ele.fileSize === item.fileSize)
+      // if (index > -1) {
+      //   tempList.value.splice(index, 1)
+      // } else {
+      //   const listIndex = fileList.value.findIndex((ele: any) => ele.fieldName === item.fieldName && ele.fileSize === item.fileSize)
+      //   if (listIndex > -1) {
+      //     fileList.value.splice(index, 1)
+      //   }
+      // }
+      if (item.tempName) {
+        const tempIndex = tempList.value.findIndex(ele => ele.tempName === item.tempName);
+        tempList.value.splice(tempIndex, 1);
+      } else {
+        fileList.value.splice(index, 1);
+      }
+    };
     const loadPreviewUrl = item => {
       const getPreviewUrlMethod = props.getPreviewFileUrl ? props.getPreviewFileUrl : config_0.upload ? config_0.upload.getPreviewFileUrl : null;
       if (hasOfficeType(item)) {
@@ -65276,6 +65398,7 @@ const _hoisted_25 = ["src"];
     return (_ctx, _cache) => {
       const _component_MlButton = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("MlButton");
       const _component_MlIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("MlIcon");
+      const _component_MlTable = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("MlTable");
       const _component_vxe_modal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vxe-modal");
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["ml-upload", [`type-${__props.mediatype}`, `size-${__props.size}`]])
@@ -65327,40 +65450,73 @@ const _hoisted_25 = ["src"];
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlIcon, {
           name: "ashbin"
         })], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_11)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])])])]);
-      }), 128))], 64)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, {
+      }), 128))], 64)) : __props.mediatype === 'pan' ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "fileList", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
         key: 1
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(fileList.value, (item, index) => {
+      }, {
+        list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(allFileList)
+      })), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlTable, {
+        columns: tableColumn,
+        data: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(allFileList)
+      }, {
+        fileName: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(({
+          row
+        }) => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
+          class: "link",
+          title: row[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(nameField)]
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlIcon, {
+          name: "attachment"
+        }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(row[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(nameField)]), 1)], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_13)]),
+        status: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(({
+          row
+        }) => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(row.status) + "%", 1)]),
+        action: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(({
+          row,
+          rowIndex
+        }) => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlButton, {
+          type: "text",
+          status: "danger",
+          onClick: $event => removePanEvent(row, rowIndex)
+        }, {
+          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("删除")]),
+          _: 2
+        }, 1032, ["onClick"])]),
+        _: 1
+      }, 8, ["data"])])]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "fileList", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+        key: 2
+      }, {
+        list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(allFileList)
+      })), () => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(allFileList), (item, index) => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
           class: "file-all-item",
           key: index
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "fileitem", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)({
           loading: loading.value,
           item
-        })), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
+        })), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_14, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
           class: "link",
           title: item[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(nameField)],
           onClick: $event => hasPreviewType(item) ? previewFile(item) : downloadEvent(item)
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlIcon, {
           name: "attachment"
-        }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(nameField)]), 1)], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_13)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_14, [hasPreviewType(item) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
+        }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(nameField)]), 1)], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_15)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_16, [hasPreviewType(item) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
           key: 0,
           class: "preview-btn",
           onClick: $event => previewFile(item)
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlIcon, {
           name: "browse"
-        })], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_15)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
+        })], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_17)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
           class: "down-btn",
           onClick: $event => downloadEvent(item)
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlIcon, {
           name: "download"
-        })], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_16), !(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) && !__props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
+        })], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_18), !(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) && !__props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
           key: 1,
           class: "del-btn",
           onClick: $event => removeEvent(item, index)
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlIcon, {
           name: "ashbin"
-        })], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_17)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])])]);
-      }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_vxe_modal, {
+        })], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_19)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])])]);
+      }), 128))])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_vxe_modal, {
         className: "ml-upload-preview-modal",
         title: "预览",
         modelValue: previewVisible.value,
@@ -65378,7 +65534,7 @@ const _hoisted_25 = ["src"];
           key: 0,
           class: "ml-upload-preview-content",
           onMousedown: handleImageMouseDown
-        }, [hasImageType(previewItem.value) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_18, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+        }, [hasImageType(previewItem.value) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_20, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
           class: "img-list",
           onMousewheel: mousewheelEvent,
           onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(clickMaskEvent, ["self"])
@@ -65390,8 +65546,8 @@ const _hoisted_25 = ["src"];
             key: index,
             src: getUrl(item),
             style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(previewImgStyles))
-          }, null, 14, MlUploadvue_type_script_lang_ts_setup_true_hoisted_20);
-        }), 128))], 40, MlUploadvue_type_script_lang_ts_setup_true_hoisted_19), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+          }, null, 14, MlUploadvue_type_script_lang_ts_setup_true_hoisted_22);
+        }), 128))], 40, MlUploadvue_type_script_lang_ts_setup_true_hoisted_21), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
           class: "prev-arrow",
           onClick: prevImgEvent
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlIcon, {
@@ -65401,7 +65557,7 @@ const _hoisted_25 = ["src"];
           onClick: nextImgEvent
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlIcon, {
           name: "cc-arrow-right-circle"
-        })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_21, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlButton, {
+        })]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_23, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_MlButton, {
           class: "ml-upload-preview-btn",
           type: "text",
           icon: "mlicon-zoom-in",
@@ -65430,14 +65586,14 @@ const _hoisted_25 = ["src"];
           key: 1,
           class: "video-warpper",
           onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(clickMaskEvent, ["self"])
-        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("video", _hoisted_23, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("source", {
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("video", _hoisted_25, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("source", {
           src: previewFileUrl.value,
           type: "video/mp4"
-        }, null, 8, _hoisted_24)])], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_22)) : hasFrameType(previewItem.value) || hasOfficeType(previewItem.value) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("iframe", {
+        }, null, 8, _hoisted_26)])], 8, _hoisted_24)) : hasFrameType(previewItem.value) || hasOfficeType(previewItem.value) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("iframe", {
           key: 2,
           class: "frame-warpper",
           src: previewFileUrl.value
-        }, null, 8, _hoisted_25)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 32)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
+        }, null, 8, _hoisted_27)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 32)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
         _: 1
       }, 8, ["modelValue"])], 2);
     };
@@ -71233,7 +71389,7 @@ function index_config(options) {
   return config_0;
 }
 const MaliUI = {
-  version: "1.1.83",
+  version: "1.1.84",
   install: index_install,
   config: index_config,
   renderer: {