@opentiny/vue-renderless 3.6.7 → 3.8.0

package/file-upload/index.js

@@ -1,64 +1,91 @@
 import {
+  __spreadProps,
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { extend } from "@opentiny/vue-renderless/common/object";
-import { xss, log } from "@opentiny/vue-renderless/common/xss";
-import uploadAjax from "@opentiny/vue-renderless/common/deps/upload-ajax";
+import { extend } from "../common/object";
+import { xss, log } from "../common/xss";
+import uploadAjax from "../common/deps/upload-ajax";
+import { isObject } from "../common/type";
+import { isEmptyObject } from "../common/type";
 let initTokenPromise = null;
-const shaMap = {
-  sHA256: "SHA256"
-};
-const initService = ({ props, service }) => {
-  const noopFnCreator = (propName) => () => {
+const noopFnCreator = (fn, propName) => {
+  const noFn = () => {
     if (propName) {
       return Promise.reject(new Error(`[TINY Error][FileUpload] Prop ${propName} is not configured`));
     } else {
-      return Promise.reject(new Error("[TINY Error][FileUpload] This component depends on @opentiny/vue-service"));
+      return Promise.reject(
+        new Error(
+          "[TINY Error][FileUpload] This component depends on @opentiny/vue-service, Currently unable to generate a default gateway, please set a value for the action"
+        )
+      );
     }
   };
+  return fn || noFn;
+};
+const initService = ({ props, service }) => {
   const { network = {}, common = {} } = service || {};
   const { request, get, post, all, spread, CancelToken = {} } = network;
-  const noopFn = noopFnCreator();
+  let requestFn;
+  if (!isEmptyObject(props.hwh5)) {
+    const { HWH5 } = props.hwh5;
+    const { uploadToEDM } = HWH5();
+    requestFn = props.httpRequest || uploadToEDM;
+  } else if (request) {
+    requestFn = props.httpRequest || request;
+  } else {
+    requestFn = props.httpRequest || uploadAjax;
+  }
   return {
-    get: get || noopFn,
-    post: post || noopFn,
-    request: request || noopFn,
-    all: all || noopFn,
-    spread: spread || noopFn,
-    cancelToken: CancelToken.source || noopFn,
-    getSingleUploadUrl: common.getSingleUploadUrl || noopFn,
-    getFileUploadUrl: common.getFileUploadUrl || noopFn,
-    getFileDownloadUrl: common.getFileDownloadUrl || noopFn,
-    getSingleDownloadUrl: common.getSingleDownloadUrl || noopFn,
-    getPackageDownloadUrl: common.getPackageDownloadUrl || noopFn,
-    getLargeFileInitUrl: common.getLargeFileInitUrl || noopFn,
-    getChunkUploadUrl: common.getChunkUploadUrl || noopFn,
-    getPreviewUrl: common.getPreviewUrl || noopFn,
-    getDocumentInfoUrl: common.getDocumentInfoUrl || noopFn,
-    httpRequest: props.httpRequest || request || uploadAjax
+    get: noopFnCreator(get),
+    post: noopFnCreator(post),
+    request: noopFnCreator(request),
+    all: noopFnCreator(all),
+    spread: noopFnCreator(spread),
+    cancelToken: noopFnCreator(CancelToken.source),
+    getSingleUploadUrl: noopFnCreator(common.getSingleUploadUrl),
+    getFileUploadUrl: noopFnCreator(common.getFileUploadUrl),
+    getFileDownloadUrl: noopFnCreator(common.getFileDownloadUrl),
+    getSingleDownloadUrl: noopFnCreator(common.getSingleDownloadUrl),
+    getPackageDownloadUrl: noopFnCreator(common.getPackageDownloadUrl),
+    getLargeFileInitUrl: noopFnCreator(common.getLargeFileInitUrl),
+    getChunkUploadUrl: noopFnCreator(common.getChunkUploadUrl),
+    getPreviewUrl: noopFnCreator(common.getPreviewUrl),
+    getDocumentInfoUrl: noopFnCreator(common.getDocumentInfoUrl),
+    getPreviewUrlBatch: noopFnCreator(common.getPreviewUrlBatch),
+    httpRequest: noopFnCreator(requestFn, "httpRequest")
   };
 };
 const computedUploadDisabled = ({ props, state }) => () => props.disabled || (state.elForm || {}).disabled;
-const computedUploadingSize = (state) => () => state.uploadingFiles.reduce((total, file) => total + file.size, 0);
+const computedUploadingSize = ({ state, constants }) => () => state.uploadingFiles.reduce((total, file) => total + file.status !== constants.FILE_STATUS.FAIL ? file.size : 0, 0);
 const watchListType = ({ constants, state }) => (type) => {
-  if (type === constants.LIST_TYPE.PICTURE_CARD || type === constants.LIST_TYPE.PICTURE) {
+  if ([
+    constants.LIST_TYPE.PICTURE_CARD,
+    constants.LIST_TYPE.PICTURE,
+    constants.LIST_TYPE.PICTURE_SINGLE,
+    constants.LIST_TYPE.DRAG_SINGLE
+  ].includes(type)) {
     state.uploadFiles = state.uploadFiles.map((file) => {
       if (!file.url && file.raw) {
         try {
           file.url = URL.createObjectURL(file.raw);
         } catch (err) {
+          return;
         }
       }
       return file;
     });
   }
 };
-const watchFileList = ({ constants, state }) => (fileList) => {
-  state.uploadFiles = fileList && fileList.map((item) => {
+const watchFileList = ({ constants, state, props }) => (fileList) => {
+  let uploadFiles = fileList && fileList.map((item) => {
     item.uid = item.uid || Date.now() + state.tempIndex++;
     item.status = item.status || constants.FILE_STATUS.SUCESS;
     return item;
   });
+  if ([constants.LIST_TYPE.PICTURE_SINGLE, constants.LIST_TYPE.DRAG_SINGLE].includes(props.listType)) {
+    uploadFiles = uploadFiles.slice(0, 1);
+  }
+  state.uploadFiles = uploadFiles;
 };
 const isNonFuncPropBeforeUpload = ({ flag, doUpload, file }) => !flag && doUpload(file);
 const onBeforeIsPromise = ({ before, rawFile, file, doUpload, autoRemove, api }) => {
@@ -70,9 +97,7 @@ const onBeforeIsPromise = ({ before, rawFile, file, doUpload, autoRemove, api })
           processedFile = new File([processedFile], rawFile.name, { type: rawFile.type });
         }
         for (const p in rawFile) {
-          if (Object.prototype.hasOwnProperty.call(rawFile, p)) {
-            processedFile[p] = rawFile[p];
-          }
+          Object.prototype.hasOwnProperty.call(rawFile, p) && (processedFile[p] = rawFile[p]);
         }
         file.raw = processedFile;
       }
@@ -89,21 +114,42 @@ const onBeforeIsPromise = ({ before, rawFile, file, doUpload, autoRemove, api })
     }
   );
 };
+const getFileType = ({ file }) => file.name && file.name.split(".")[file.name.split(".").length - 1].toLowerCase();
+const remove = ({ api, file, autoRemove }) => {
+  if (autoRemove) {
+    const rawFile = file.raw;
+    if (Array.isArray(rawFile)) {
+      rawFile.forEach((raw) => api.handleRemove(null, raw));
+    } else {
+      api.handleRemove(null, rawFile);
+    }
+  }
+};
 const beforeUpload = ({ props, api, Modal, constants, t, state }) => (file, autoRemove, doUpload) => {
   if (state.isEdm && file.name.length > 255) {
-    if (autoRemove) {
-      const rawFile = file.raw;
-      if (Array.isArray(rawFile)) {
-        rawFile.forEach((raw) => api.handleRemove(null, raw));
-      } else {
-        api.handleRemove(null, rawFile);
-      }
-    }
+    remove({ api, file, autoRemove });
     return Modal.message({
       message: `${t(constants.EDM.THEFILENAME)}"${file.name}"${t(constants.EDM.FILENAMEEXCEEDS)}`,
       status: "warning"
     });
   }
+  if (file) {
+    const accept = state.isEdm ? state.accept : props.accept;
+    const fileType = getFileType({ file });
+    const isExist = accept && accept.split(",").some((type) => {
+      if (type.toLowerCase() === constants.IMAGE_TYPE) {
+        return constants.IMAGE_TYPES.includes(fileType.toLowerCase());
+      }
+      return new RegExp(type.trim(), "i").test(`.${fileType}` || file.raw.type);
+    });
+    if (accept && !isExist) {
+      remove({ api, file, autoRemove });
+      return Modal.message({
+        message: t("ui.fileUpload.notSupport"),
+        status: "warning"
+      });
+    }
+  }
   let flag = typeof props.beforeUpload === "function";
   isNonFuncPropBeforeUpload({ flag, doUpload, file });
   if (flag) {
@@ -123,7 +169,11 @@ const beforeUpload = ({ props, api, Modal, constants, t, state }) => (file, auto
     }
   }
 };
-const startUpload = ({ state, constants, refs, Modal, api, t }) => (file, isList) => {
+const startUpload = ({ state, constants, vm, Modal, api, t }) => (file, isList) => {
+  if (state.isHwh5) {
+    vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].upload(file.raw);
+    return;
+  }
   if (file.size > state.docSize && file.size > state.chunkSize) {
     file.isLargeFile = true;
     isList && state.uploadFiles.forEach((f) => {
@@ -137,7 +187,7 @@ const startUpload = ({ state, constants, refs, Modal, api, t }) => (file, isList
       status: "warning"
     });
   } else {
-    refs[constants.UPLOAD_INNER].upload(file.raw);
+    vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].upload(file.raw);
   }
 };
 const calcFileForMobile = (rawFile, file) => {
@@ -153,18 +203,22 @@ const calcFileForMobile = (rawFile, file) => {
   }
 };
 const properFileSize = ({ props, state, constants, Modal, t }) => (file) => {
+  if ([void 0, null].includes(file.size))
+    return true;
   let maxSize = 0;
   if (Array.isArray(props.fileSize) && props.fileSize[1]) {
     maxSize = Math.min(state.singleMaxSize, props.fileSize[1] / 1024).toFixed(2);
   } else {
     maxSize = Math.min(state.singleMaxSize);
   }
-  if (file.size > maxSize * 1024 * 1024) {
-    Modal.message({
-      message: `${file.name} ${t(constants.EDM.EXCEED)} ${maxSize} MB`,
-      status: "warning"
-    });
-    return false;
+  if (state.isEdm || !state.isEdm && Array.isArray(props.fileSize) && props.fileSize[1]) {
+    if (file.size > maxSize * 1024 * 1024) {
+      Modal.message({
+        message: `${file.name} ${t(constants.EDM.EXCEED)} ${maxSize} MB`,
+        status: "warning"
+      });
+      return false;
+    }
   }
   if (file.size <= 0) {
     Modal.message({
@@ -183,8 +237,8 @@ const properFileSize = ({ props, state, constants, Modal, t }) => (file) => {
   }
   return true;
 };
-const addFileToList = ({ api, constants, emit, props, state, mode }) => (rawFile, updateId) => {
-  rawFile.uid = Date.now() + state.tempIndex++;
+const addFileToList = ({ api, constants, emit, props, state, mode }) => (rawFile, updateId, reUpload) => {
+  !reUpload && (rawFile.uid = Date.now() + state.tempIndex++);
   let file = { status: constants.FILE_STATUS.READY, name: rawFile.name, size: rawFile.size };
   Object.assign(file, { percentage: 0, uid: rawFile.uid, raw: rawFile, response: {} });
   if (state.isEdm) {
@@ -194,9 +248,18 @@ const addFileToList = ({ api, constants, emit, props, state, mode }) => (rawFile
   }
   state.cacheDocuments[file.uid] = file;
   mode === "mobile" && calcFileForMobile(rawFile, file);
-  if (~[constants.LIST_TYPE.PICTURE_CARD, constants.LIST_TYPE.PICTURE].indexOf(props.listType)) {
+  if ([
+    constants.LIST_TYPE.PICTURE_CARD,
+    constants.LIST_TYPE.PICTURE,
+    constants.LIST_TYPE.PICTURE_SINGLE,
+    constants.LIST_TYPE.DRAG_SINGLE
+  ].includes(props.listType) && !state.isHwh5) {
     try {
-      file.url = URL.createObjectURL(rawFile);
+      if (state.isHwh5) {
+        file.url = rawFile.filePath;
+      } else {
+        file.url = URL.createObjectURL(rawFile);
+      }
     } catch (err) {
       return;
     }
@@ -207,60 +270,120 @@ const addFileToList = ({ api, constants, emit, props, state, mode }) => (rawFile
       return;
     }
     state.updateId = updateId || props.edm.updateId || "";
-    if (state.updateId) {
+    if (reUpload) {
+      const index = state.uploadFiles.findIndex((item) => item.uid === file.uid);
+      state.uploadFiles.splice(index, 1);
+    } else if (state.updateId) {
       const index = state.uploadFiles.findIndex((item) => item.docId === updateId);
       state.uploadFiles.splice(index, 1, file);
       emit("change", file, state.uploadFiles);
       return;
     }
   }
+  if (!state.isEdm) {
+    const proper = api.properFileSize(file);
+    if (!proper) {
+      return;
+    }
+  }
   state.uploadFiles.push(file);
   state.currentUploadingFileUids.push(file.uid);
   emit("change", file, state.uploadFiles);
 };
-const rawfileUpload = ({ state, props, refs, constants, rawFiles, api }) => {
-  if (!state.isEdm && props.autoUpload) {
-    if (props.multiple && props.mergeService) {
-      const handler = (file) => refs[constants.UPLOAD_INNER].upload(file.raw);
-      rawFiles.length && api.beforeUpload({ raw: rawFiles }, true, handler);
-    } else {
-      rawFiles.forEach((rawFile) => {
-        const file = api.getFile(rawFile);
-        const handler = (file2) => refs[constants.UPLOAD_INNER].upload(file2.raw);
-        api.beforeUpload(file, true, handler);
+const getFileHash = ({ emit, Modal, constants, t, CryptoJS, state }) => ({ file, chunkSize, showTips }) => {
+  if (showTips) {
+    Modal.message({
+      message: `${t(constants.EDM.CALCHASH)}`,
+      status: "warning"
+    });
+  }
+  const chunks = Math.ceil(file.size / chunkSize);
+  let chunkIndex = 0;
+  let start = chunkIndex * chunkSize;
+  let end = Math.min(file.size, start + chunkSize);
+  let chunk = file.raw.slice(start, end);
+  const hasher = CryptoJS.algo.SHA256.create();
+  let calculated = 0;
+  return new Promise((resolve) => {
+    const reader = new FileReader();
+    reader.readAsArrayBuffer(chunk);
+    reader.onload = (e) => {
+      if (file.status === constants.FILE_STATUS.FAIL)
+        return;
+      chunkIndex++;
+      let wordArray = CryptoJS.lib.WordArray.create(e.target.result);
+      hasher.update(wordArray);
+      wordArray = null;
+      if (chunkIndex < chunks) {
+        start = chunkIndex * chunkSize;
+        end = Math.min(file.size, start + chunkSize);
+        calculated += end - start;
+        emit("hash-progress", Math.min(Math.floor(calculated / file.size * 100), 100));
+        chunk = file.raw.slice(start, end);
+        reader.readAsArrayBuffer(chunk);
+      } else {
+        const hash = hasher.finalize().toString();
+        file.hash = file.raw.hash = hash;
+        resolve(hash);
+        emit("hash-progress", 100);
+      }
+    };
+    reader.onerror = (err) => {
+      file.status = constants.FILE_STATUS.FAIL;
+      emit("error", err, file, state.uploadFiles);
+    };
+  });
+};
+const handleHwh5Files = (files) => {
+  return files.map((file) => {
+    if (file instanceof File)
+      return file;
+    let f = {};
+    if (isObject(file)) {
+      const { fileName, fileSize, filePath } = file;
+      f = __spreadProps(__spreadValues({}, file), {
+        name: fileName,
+        size: fileSize,
+        webkitRelativePath: filePath
       });
+    } else {
+      const [name, index] = file.match(/[^/]*$/);
+      const [type] = file.match(/\.[^.]*$/);
+      const filePath = file.substring(0, index);
+      f = { type, name, filePath, webkitRelativePath: filePath };
     }
-  }
+    return f;
+  });
 };
-const handleStart = ({ api, constants, props, state, refs }) => (rawFiles, updateId) => {
+const handleStart = ({ api, constants, props, state, vm }) => (rawFiles, updateId, reUpload = false) => {
+  if (state.isHwh5) {
+    rawFiles = handleHwh5Files(rawFiles);
+  }
   state.currentUploadingFileUids = [];
-  rawFiles.forEach((rawFile) => api.addFileToList(rawFile, updateId));
+  rawFiles.forEach((rawFile) => api.addFileToList(rawFile, updateId, reUpload));
   const { UPLOADING, READY } = constants.FILE_STATUS;
   state.uploadingFiles = state.uploadFiles.filter((file) => [UPLOADING, READY].includes(file.status));
   if (state.isEdm && state.isSuccess) {
     rawFiles.forEach((rawFile) => {
       const file = api.getFile(rawFile);
-      if (!file) {
+      if (!file)
         return;
-      }
       api.beforeUpload(file, true, (file2) => {
         typeof props.edm.upload.loading === "function" && props.edm.upload.loading(file2);
         new Promise((resolve) => {
-          if (props.edm.isCheckCode !== true) {
+          if (state.isHwh5)
             return resolve();
-          }
-          if (file2.size > state.docSize && file2.size > state.chunkSize && !state.isEntireCheckCode) {
+          let isLargeFileHash = false;
+          if (props.edm.isCheckCode !== true)
             return resolve();
+          if (file2.size > state.docSize && file2.size > state.chunkSize) {
+            if (!state.isEntireCheckCode) {
+              return resolve();
+            } else {
+              isLargeFileHash = true;
+            }
           }
-          const reader = new FileReader();
-          reader.readAsArrayBuffer(file2.raw);
-          reader.onload = (e) => {
-            const cryptoJS = props.edm.upload.plugin();
-            const wordArray = cryptoJS.lib.WordArray.create(e.target.result);
-            const hash = cryptoJS[shaMap.shaMap](wordArray).toString();
-            file2.hash = file2.raw.hash = hash;
-            resolve(hash);
-          };
+          api.getFileHash({ file: file2, chunkSize: state.chunkSize, showTips: isLargeFileHash }).then((hash) => resolve(hash));
         }).then(() => {
           if (props.autoUpload) {
             const tokenParams = { token: props.edm.upload.token, file: file2, type: "upload" };
@@ -275,16 +398,38 @@ const handleStart = ({ api, constants, props, state, refs }) => (rawFiles, updat
       });
     });
   }
-  rawfileUpload({ state, props, refs, constants, rawFiles, api });
+  if (!state.isEdm && props.autoUpload) {
+    if (props.multiple && props.mergeService) {
+      const handler = (file) => (vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].upload(file.raw), void 0);
+      rawFiles.length && api.beforeUpload({ raw: rawFiles }, true, handler);
+    } else {
+      rawFiles.forEach((rawFile) => {
+        const file = api.getFile(rawFile);
+        if (!file)
+          return;
+        const handler = (file2) => (vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].upload(file2.raw), void 0);
+        api.beforeUpload(file, true, handler);
+      });
+    }
+  }
 };
-const calcUploadingFilesInfo = ({ state }) => () => {
-  const totalLoadedSize = state.uploadingFiles.reduce((loadedSize, file) => {
-    const loaded = file.size * file.percentage / 100;
-    return loadedSize + loaded;
-  }, 0);
-  const uploadedFiles = state.uploadingFiles.filter((file) => file.percentage === 100);
-  let percentage = Math.floor(totalLoadedSize / state.uploadingSize * 100);
+const calcUploadingFilesInfo = ({ state, constants }) => () => {
+  let percentage;
+  if (state.isHwh5) {
+    const totalPercentage = state.uploadingFiles.reduce((total, file) => {
+      const curPercentage = file.status !== constants.FILE_STATUS.FAIL ? file.percentage / 100 : 0;
+      return total + curPercentage;
+    }, 0);
+    percentage = Math.floor(totalPercentage / state.uploadingFiles.length * 100);
+  } else {
+    const totalLoadedSize = state.uploadingFiles.reduce((loadedSize, file) => {
+      const loaded = file.status !== constants.FILE_STATUS.FAIL ? file.size * file.percentage / 100 : 0;
+      return loadedSize + loaded;
+    }, 0);
+    percentage = Math.floor(totalLoadedSize / state.uploadingSize * 100);
+  }
   percentage = Math.min(percentage, 100);
+  const uploadedFiles = state.uploadingFiles.filter((file) => file.percentage === 100);
   return {
     percentage,
     uploadList: state.uploadingFiles,
@@ -306,12 +451,21 @@ const handleProgress = ({ api, constants, emit, state }) => (event, rawFile) =>
     const file = api.getFile(rawFile);
     if (file) {
       file.status = constants.FILE_STATUS.UPLOADING;
-      if (event.lengthComputable && !file.isLargeFile) {
-        file.percentage = Math.floor(event.loaded * 100 / event.total) || 0;
+      if (state.isHwh5) {
+        const { progress } = JSON.parse(event);
+        file.percentage = progress;
         if (file.percentage >= 100) {
           file.isFinished = true;
         }
         emit("progress", file, state.uploadFiles, api.calcUploadingFilesInfo());
+      } else {
+        if (event.lengthComputable && !file.isLargeFile) {
+          file.percentage = Math.floor(event.loaded * 100 / event.total) || 0;
+          if (file.percentage >= 100) {
+            file.isFinished = true;
+          }
+          emit("progress", file, state.uploadFiles, api.calcUploadingFilesInfo());
+        }
       }
     }
   }
@@ -345,14 +499,17 @@ const handleSuccess = ({ api, constants, emit, state, props }) => (res, rawFile)
       }
       file.isLargeFile && delete res.config;
       file.response = res;
-      if (state.isEdm && res.data.result) {
-        file.serverName = res.data.result.serverName;
-        file.docRelativePath = res.data.result.docRelativePath;
-        file.docId = res.data.result.docId;
-        file.docVersion = res.data.result.version;
-        file.docSize = res.data.result.docSize;
+      if (state.isEdm) {
+        const result = state.isHwh5 ? res : res.data.result;
+        if (!result)
+          return;
+        file.serverName = result.serverName;
+        file.docRelativePath = result.docRelativePath;
+        file.docId = result.docId;
+        file.docVersion = result.version;
+        file.docSize = result.docSize;
         file.isLargeFile && delete file.raw;
-        Object.assign(file, res.data.result);
+        Object.assign(file, result);
       }
       emit("success", res, file, currentUploadFiles);
       emit("change", file, state.uploadFiles);
@@ -362,26 +519,27 @@ const handleSuccess = ({ api, constants, emit, state, props }) => (res, rawFile)
 };
 const handleError = ({ api, constants, emit, state }) => (err, rawFile) => {
   const file = api.getFile(rawFile);
-  if (file) {
-    file.status = constants.FILE_STATUS.FAIL;
-    file.percentage = 100;
-    if (!state.isEdm) {
-      state.uploadFiles.splice(state.uploadFiles.indexOf(file), 1);
-    }
-    api.clearUploadingFiles();
-    emit("error", err, file, state.uploadFiles);
-    emit("change", file, state.uploadFiles);
+  if (!file)
+    return;
+  file.status = constants.FILE_STATUS.FAIL;
+  file.percentage = 100;
+  if (!state.isEdm) {
+    state.uploadFiles.splice(state.uploadFiles.indexOf(file), 1);
   }
+  api.clearUploadingFiles();
+  emit("error", err, file, state.uploadFiles);
+  emit("change", file, state.uploadFiles);
 };
-const handleRemove = ({ api, emit, props, state }) => (file, raw) => {
+const handleRemove = ({ api, emit, props, state, constants }) => (file, raw) => {
   if (raw) {
     file = api.getFile(raw);
   }
   let doRemove = () => {
+    file.status = constants.FILE_STATUS.FAIL;
     api.abort(file);
     let fileList = state.uploadFiles;
     fileList.splice(fileList.indexOf(file), 1);
-    emit("remove", file, fileList);
+    emit("remove", __spreadProps(__spreadValues({}, file), { status: constants.FILE_STATUS.FAIL }), fileList);
   };
   if (!props.beforeRemove) {
     doRemove();
@@ -415,11 +573,54 @@ const getFile = (state) => (rawFile) => {
   });
   return target;
 };
-const abort = ({ constants, refs }) => (file) => refs[constants.UPLOAD_INNER].abort(file);
+const abort = ({ constants, vm, state }) => (file) => {
+  const { READY, UPLOADING, FAIL } = constants.FILE_STATUS;
+  if (file) {
+    state.uploadingFiles.forEach((f) => {
+      const uid = file.uid || file;
+      if (f.uid === uid && [READY, UPLOADING].includes(f.status)) {
+        f.status = FAIL;
+      }
+    });
+  } else {
+    state.uploadingFiles.forEach((f) => {
+      if ([READY, UPLOADING].includes(f.status)) {
+        f.status = FAIL;
+      }
+    });
+  }
+  vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].abort(file);
+};
+const abortDownload = ({ state }) => (file, batch = false) => {
+  const cancel = (docId) => {
+    if (!docId)
+      return;
+    const cancels = state.downloadCancelToken[docId];
+    cancels && cancels.forEach((cancel2) => cancel2());
+    delete state.downloadCancelToken[docId];
+    const clearDataFn = state.downloadCancelData[docId];
+    clearDataFn && clearDataFn(docId);
+  };
+  if (Array.isArray(file)) {
+    if (batch) {
+      cancel(
+        file.map((f) => f.docId || f).sort().join(",")
+      );
+    } else {
+      file.forEach((f) => f && cancel(file.docId || file));
+    }
+  } else if (file) {
+    cancel(file.docId || file);
+  } else {
+    Object.keys(state.downloadCancelToken).forEach((docId) => {
+      cancel(docId);
+    });
+  }
+};
 const clearFiles = (state) => () => {
   state.uploadFiles = [];
 };
-const submit = ({ api, constants, refs, state, props }) => () => {
+const submit = ({ api, constants, vm, state, props }) => () => {
   const files = state.uploadFiles.filter((file) => file.status === constants.FILE_STATUS.READY);
   if (state.isEdm && state.isSuccess) {
     files.forEach((file) => {
@@ -439,18 +640,18 @@ const submit = ({ api, constants, refs, state, props }) => () => {
     if (props.multiple && props.mergeService) {
       const rawFiles = files.map((file) => file.raw);
       rawFiles.length && api.beforeUpload({ raw: rawFiles }, false, (file) => {
-        refs[constants.UPLOAD_INNER].upload(file.raw);
+        vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].upload(file.raw);
       });
     } else {
       files.forEach((file) => {
         api.beforeUpload(file, false, (file2) => {
-          refs[constants.UPLOAD_INNER].upload(file2.raw);
+          vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].upload(file2.raw);
         });
       });
     }
   }
 };
-const handleClick = ({ constants, refs }) => () => refs[constants.UPLOAD_INNER].handleClick();
+const handleClick = ({ constants, vm }) => () => vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].handleClick();
 const getFileUploadUrl = (service) => () => service.getFileUploadUrl();
 const updateUrl = ({ api, props, state }) => () => {
   if (props.action) {
@@ -459,67 +660,70 @@ const updateUrl = ({ api, props, state }) => () => {
     api.getFileUploadUrl().then((url) => state.url = url);
   }
 };
-const getTranslateFile = ({ api, isChunk }) => (data, type, index) => {
+const getTranslateFile = ({ api, isChunk, isLessThan17G, file, state }) => (data, type, index) => {
   if (isChunk) {
     if (index === 0) {
-      api.setWriterFile({ data, index });
+      state.downloadCancelData[file.docId] = api.setWriterFile({ data, index, isLessThan17G, file });
     }
   } else {
     const content = data.headers["content-disposition"];
     const name = content.match(/fileName.?=(.*)/)[1] || content.match(/fileName=(.*)/)[1];
     const blob = new Blob([data.data], { type: type !== "zip" ? "application / x - xls" : "application/zip" });
-    if (window && window.navigator.msSaveOrOpenBlob) {
-      window.navigator.msSaveOrOpenBlob(blob, decodeURIComponent(name));
-      return;
-    }
-    const url = window.URL || window.webkitURL || window.moxURL;
-    const downloadHref = xss.filterUrl(url.createObjectURL(blob));
-    let downloadLink = document.createElement("a");
-    downloadLink.href = downloadHref;
-    downloadLink.download = decodeURIComponent(name);
-    downloadLink.click();
+    aLinkDownload({ blob, name });
   }
 };
-const getHandleSuccess = ({ downloadOps, file, translateFile, isChunk, state }) => (data, type, index) => {
+const aLinkDownload = ({ blob, name }) => {
+  if (window && window.navigator.msSaveOrOpenBlob) {
+    window.navigator.msSaveOrOpenBlob(blob, decodeURIComponent(name));
+    return;
+  }
+  const url = window.URL || window.webkitURL || window.moxURL;
+  const downloadHref = xss.filterUrl(url.createObjectURL(blob));
+  let downloadLink = document.createElement("a");
+  downloadLink.href = downloadHref;
+  downloadLink.download = decodeURIComponent(name);
+  downloadLink.click();
+  url.revokeObjectURL && url.revokeObjectURL(downloadHref);
+};
+const getHandleSuccess = ({ state, downloadOps, file, translateFile, isChunk, isLessThan17G }) => (data, type, index) => {
   if (isChunk) {
-    state.dowuloadChunkFile.set(index, new Uint8Array(data.data));
+    const res = isLessThan17G ? data.data : new Uint8Array(data.data);
+    let downloadChunkFile = state.downloadChunkFile[file.docId];
+    if (!downloadChunkFile) {
+      downloadChunkFile = {};
+    }
+    downloadChunkFile[index] = res;
     translateFile(data, type, index);
   } else {
-    if (data.data.type.includes("application/json")) {
-      const reader = new FileReader();
-      reader.onload = (e) => {
-        if (typeof downloadOps.fail === "function") {
-          downloadOps.fail(JSON.parse(e.target.result), file);
-        }
-      };
-      reader.readAsText(data.data);
-    } else {
-      typeof downloadOps.loading === "function" && downloadOps.loading(file);
-      translateFile(data, type);
-    }
+    typeof downloadOps.loading === "function" && downloadOps.loading(file);
+    translateFile(data, type);
   }
+  return true;
 };
 const getCalcProgress = () => (evt) => {
-  let total = Number(evt.target.getResponseHeader("Content-Size"));
+  let total;
+  if (evt.target && evt.target.getResponseHeader) {
+    total = Number(evt.target.getResponseHeader("Content-Size"));
+  } else {
+    total = Number(evt.total);
+  }
   total = Math.max(total, evt.loaded);
   let progress = Math.ceil(evt.loaded / total * 100) || 0;
   progress = Math.max(progress, 0);
   progress = Math.min(progress, 100);
   return progress;
 };
-const modifyServiceUrlSingle = ({ file, serviceUrl, range, constants }) => {
+const modifyServiceUrlSingle = ({ constants }) => ({ file, serviceUrl, range }) => {
   if (typeof file === "object") {
-    let tempFile = __spreadValues(__spreadValues({}, file), range);
+    let tempFile = Object.assign({}, file, range);
     delete tempFile.docId;
     delete tempFile.docVersion;
     delete tempFile["x-download-sign"];
     for (let key in tempFile) {
-      if (Object.prototype.hasOwnProperty.call(tempFile, key)) {
-        const value = tempFile[key];
-        const dataType = typeof value;
-        if (!~["undefined", "object", "function"].indexOf(dataType)) {
-          serviceUrl += `&${key}=${value}`;
-        }
+      const value = tempFile[key];
+      const dataType = typeof value;
+      if (!~["undefined", "object", "function"].indexOf(dataType)) {
+        serviceUrl += `&${key}=${value}`;
       }
     }
     file.status = constants.FILE_STATUS.DOWNLOADING;
@@ -527,27 +731,71 @@ const modifyServiceUrlSingle = ({ file, serviceUrl, range, constants }) => {
   }
   return serviceUrl;
 };
-const getKiaScanTip = ({ data, t, Modal, constants }) => {
-  if (data.status === "12079") {
+const getKiaScanTip = ({ Modal, constants, t }) => ({ data }) => {
+  if (data.status === constants.EDM.KIASTATUS) {
     return Modal.message({
       message: `${t(constants.EDM.KIASCANTIP)}`,
       status: "warning"
     });
   }
 };
-const getServiceUrl = ({ url, file }) => url.replace(/{docId}/, file.docId || file) + `${~url.indexOf("?") ? "&" : "?"}x-download-sign=true&docVersion=${file.docVersion || ""}`;
-const downloadFileSingle = (args) => {
-  let { file, service, constants, props, state, batchIndex, isChunk, api } = args;
-  let { calcProgress, emit, handleSuccess: handleSuccess2, t, Modal, range = {}, isBatch } = args;
+const validateDownloadStatus = ({ state, Modal }) => ({ downloadOps, file, isLessThan17G, data }) => {
+  const errorHandle = ({ state: state2, file: file2, errRes, Modal: Modal2, downloadOps: downloadOps2 }) => {
+    if (state2.currentDownloadFiles && state2.currentDownloadFiles.docId === file2.docId)
+      return;
+    if (errRes && errRes.message) {
+      Modal2.message({
+        message: errRes.message,
+        status: "warning"
+      });
+    }
+    state2.currentDownloadFiles = file2;
+    if (typeof downloadOps2.fail === "function") {
+      downloadOps2.fail(errRes, file2);
+    }
+  };
+  if (data.data && data.data.type && data.data.type.includes("application/json")) {
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      const errRes = JSON.parse(e.target.result);
+      errorHandle({ state, file, errRes, Modal, downloadOps });
+    };
+    reader.readAsText(data.data);
+    return true;
+  }
+  if (!isLessThan17G && data.headers["content-type"].includes("application/json")) {
+    const errRes = JSON.parse(String.fromCharCode.apply(null, new Uint8Array(data.data)));
+    errorHandle({ state, file, errRes, Modal, downloadOps });
+    return true;
+  }
+};
+const createDownloadCancelToken = ({ state, service }) => (file) => {
+  let docId;
+  if (Array.isArray(file)) {
+    docId = file.map((f) => f.docId || f).sort().join(",");
+  } else {
+    docId = file.docId || file;
+  }
+  if (!state.downloadCancelToken[docId]) {
+    state.downloadCancelToken[docId] = [];
+  }
+  const { cancel, token } = service.cancelToken();
+  state.downloadCancelToken[docId].push(cancel);
+  return token;
+};
+const downloadFileSingle = ({ service, constants, props, state, api, emit }) => (args) => {
+  let { file, batchIndex, isChunk, calcProgress, handleSuccess: handleSuccess2, range = {}, isBatch, isLessThan17G } = args;
+  let getServiceUrl = ({ url, file: file2 }) => url.replace(/{docId}/, file2.docId || file2) + `${~url.indexOf("?") ? "&" : "?"}x-download-sign=true&docVersion=${file2.docVersion || ""}`;
   let sdResolver = (url) => {
     let serviceUrl = getServiceUrl({ url, file });
-    serviceUrl = modifyServiceUrlSingle({ file, serviceUrl, range, constants });
+    serviceUrl = api.modifyServiceUrlSingle({ file, serviceUrl, range });
     serviceUrl = xss.filterUrl(serviceUrl);
     let params = {
       withCredentials: props.withCredentials,
       headers: Object.assign(props.headers, state.headers),
-      responseType: isChunk ? "arraybuffer" : "blob",
+      responseType: isChunk && !isLessThan17G ? "arraybuffer" : "blob",
       hideErr: true,
+      cancelToken: api.createDownloadCancelToken(file),
       onDownloadProgress(evt) {
         let progress = calcProgress(evt, isChunk);
         if (progress !== 100) {
@@ -559,44 +807,45 @@ const downloadFileSingle = (args) => {
       }
     };
     service.get(serviceUrl, params).then((data) => {
-      if (getKiaScanTip({ data, t, Modal, constants })) {
+      if (api.getKiaScanTip({ data }))
+        return;
+      if (api.validateDownloadStatus({ downloadOps: props.edm.download || {}, file, isLessThan17G, data }))
         return;
-      }
-      const { checkcode, "content-size": fileSize } = data.headers;
-      !isChunk && emit("download", 100, { checkcode, fileSize });
       handleSuccess2(data, "", range.index);
+      const { checkcode, "content-size": fileSize } = data.headers;
+      !isChunk && emit("download", 100, "", { checkcode, fileSize });
       if (typeof file === "object") {
         file.percentage = 100;
         setTimeout(() => file.status = constants.FILE_STATUS.SUCESS, 1e3);
       }
       api.afterDownload({ batchIndex, data, file });
     }).catch((data) => {
-      if (data.response && data.response.status === 401) {
+      if (data.response && state.errorStatusCodes.includes(data.response.status)) {
         const downloadOps = props.edm.download || {};
         const tokenParams = { token: downloadOps.token, file, type: "download" };
         api.getToken(tokenParams).then((data2) => {
-          api.afterDownload({ batchIndex, data: data2, file, range, isChunk, isBatch });
+          api.afterDownload({ batchIndex, data: data2, file, range, isChunk, isBatch, isLessThan17G });
         });
       }
     });
   };
   service.getSingleDownloadUrl().then(sdResolver);
 };
-const downloadFileBatch = (args) => {
-  let { api, downloadOps, file, service, props, state, calcProgress, emit, handleSuccess: handleSuccess2 } = args;
-  let { t, Modal, constants, range = {} } = args;
+const downloadFileBatch = ({ api, service, props, state, emit }) => (args) => {
+  let { downloadOps, file, calcProgress, handleSuccess: handleSuccess2, range = {} } = args;
   let tokenParams = { token: downloadOps.packageToken, file, type: "download" };
   api.getToken(tokenParams).then((data) => {
     if (!data) {
       return;
     }
     const params = { downloadTOs: [], attachdownloadTOs: [], isZip: "true", transformType: "sync", type: "package" };
-    const hasWmType = file.some((item) => Boolean(item.wmType));
-    if (hasWmType) {
-      params.attachdownloadTOs = file;
-    } else {
-      params.downloadTOs = file;
-    }
+    file.forEach((item) => {
+      if (item.wmType) {
+        params.attachdownloadTOs.push(item);
+      } else {
+        params.downloadTOs.push(item);
+      }
+    });
     service.getPackageDownloadUrl().then((url) => {
       url += `${~url.indexOf("?") ? "&" : "?"}x-download-sign=true`;
       url = xss.filterUrl(url);
@@ -607,6 +856,7 @@ const downloadFileBatch = (args) => {
           withCredentials: props.withCredentials,
           headers: Object.assign(props.headers, state.headers),
           responseType: "blob",
+          cancelToken: api.createDownloadCancelToken(file),
           onDownloadProgress(evt) {
             let progress = calcProgress(evt);
             if (progress !== 100) {
@@ -615,80 +865,131 @@ const downloadFileBatch = (args) => {
           }
         }
       ).then((data2) => {
-        if (getKiaScanTip({ data: data2, t, Modal, constants })) {
+        if (api.getKiaScanTip({ data: data2 }))
           return;
-        }
-        const { "content-size": fileSize } = data2.headers;
-        emit("download", 100, { fileSize });
+        const { "content-size": fileSize, checkcode } = data2.headers;
+        emit("download", 100, "", { fileSize, checkcode });
         handleSuccess2(data2, "zip");
       });
     });
   });
 };
-const downloadFile = ({ api, state, props }) => (file) => {
+const downloadFileSingleHwh5 = ({ state, props, emit, constants }) => ({ file }) => {
+  const { HWH5, appId } = props.hwh5;
+  const { downloadToEDM } = HWH5();
+  const options = {
+    edmAuth: {
+      edmToken: state.headers[constants.EDM.EDMTOKEN],
+      appId
+    },
+    docId: file.docId || file,
+    docVersion: file.docVersion,
+    filePath: file.filePath,
+    progress: 1,
+    onProgress: (event) => {
+      const { progress } = JSON.parse(event);
+      if (progress * 1 !== 100) {
+        emit("download", progress);
+      }
+    }
+  };
+  downloadToEDM(options).then((data) => {
+    emit("download", 100, "", { data });
+  });
+};
+const downloadFile = ({ api, state }) => (file) => {
+  state.currentDownloadFiles = "";
   if (!state.isEdm) {
     api.ordinaryDownload(file);
-    return;
-  }
-  const isBatch = Array.isArray(file);
-  if (isBatch) {
-    return api.downloadFileInner({ file, isBatch });
+  } else {
+    const isBatch = Array.isArray(file);
+    if (state.isHwh5) {
+      let files = file;
+      if (!isBatch) {
+        files = [file];
+      }
+      files.forEach((f) => api.downloadFileSingleInner({ file: f, isBatch: false }));
+      return;
+    }
+    if (isBatch) {
+      api.downloadFileInner({ file, isBatch });
+    } else {
+      api.downloadFileSingleInner({ file, isBatch });
+    }
   }
+};
+const downloadFileSingleInner = ({ props, state, api, constants }) => ({ file, isBatch }) => {
+  const { SIZE_17G } = constants.EDM;
   const downloadOps = props.edm.download || {};
   let tokenParams = { token: downloadOps.token, file, type: "download" };
   api.getToken(tokenParams).then((data) => {
-    if (!data) {
+    if (!data)
+      return;
+    if (state.isHwh5) {
+      api.downloadFileSingleHwh5({ file });
       return;
     }
-    api.getDownloadFileInfo({ docId: file.docId }).then((res) => {
-      let fileInfo;
-      if (res && res.outDocQueryList[0].verInfo[0]) {
-        fileInfo = res.outDocQueryList[0].verInfo[0].docInfo[0];
-      }
-      const { fileSize } = fileInfo;
-      const isLargeFile = fileSize > state.docSize && fileSize > state.chunkSize && fileSize > 10 * 1024 * 1024 * 1024;
-      if (isLargeFile) {
-        api.largeDocumentDownload({ file: fileInfo, isBatch });
-      } else {
-        api.downloadFileInner({ file, isBatch });
-      }
-    });
+    if (state.hasFileInfoInterface) {
+      api.getDownloadFileInfo({ docId: file.docId }).then((res) => {
+        let fileInfo;
+        if (res && res.outDocQueryList[0].verInfo[0]) {
+          fileInfo = res.outDocQueryList[0].verInfo[0].docInfo[0];
+        }
+        const { fileSize } = fileInfo;
+        const isLargeFile = fileSize > state.docSize && fileSize > state.chunkSize;
+        const isLessThan17G = fileSize < SIZE_17G * 1024;
+        if (isLargeFile) {
+          api.largeDocumentDownload({ file: fileInfo, isBatch, isLessThan17G });
+        } else {
+          api.downloadFileInner({ file, isBatch });
+        }
+      });
+    } else {
+      api.downloadFileInner({ file, isBatch });
+    }
   });
 };
-const getDownloadFileInfo = ({ state, props, service }) => ({ docId }) => service.getDocumentInfoUrl().then(
-  (url) => new Promise((resolve, reject) => {
-    service.request({
-      method: "post",
-      url: xss.filterUrl(url),
-      withCredentials: props.withCredentials,
-      headers: Object.assign(props.headers, state.headers),
-      data: { docInfoVO: { ids: [docId], docType: "", docVersion: "" } }
-    }).then((res) => {
-      if (res.data.status === 200) {
-        resolve(res.data.result);
-      } else {
-        reject(res);
-      }
+const getDownloadFileInfo = ({ api, state, props, service }) => ({ docId }) => {
+  return service.getDocumentInfoUrl().then((url) => {
+    return new Promise((resolve, reject) => {
+      service.request({
+        method: "post",
+        url: xss.filterUrl(url),
+        withCredentials: props.withCredentials,
+        headers: Object.assign(props.headers, state.headers),
+        cancelToken: api.createDownloadCancelToken({ docId }),
+        data: { docInfoVO: { ids: [docId], docType: "", docVersion: "" } }
+      }).then((res) => {
+        if (res.data.status === 200) {
+          resolve(res.data.result);
+        } else {
+          reject(res);
+        }
+      });
     });
-  })
-);
-const largeDocumentDownload = ({ api, state }) => ({ file, isBatch }) => {
-  const chunkSize = Math.ceil(file.fileSize / state.chunkSize);
-  state.dowuloadChunkFile.set("chunkSize", chunkSize);
-  state.dowuloadChunkFile.set("fileSize", file.fileSize);
-  state.dowuloadChunkFile.set("docName", file.docName);
+  });
+};
+const largeDocumentDownload = ({ api, state }) => ({ file, isBatch, isLessThan17G }) => {
+  const { fileSize, docId, docName } = file;
+  const chunkSize = Math.ceil(fileSize / state.chunkSize);
+  state.downloadChunkFile[docId] = { chunkNum: chunkSize, fileSize, docName };
   file.chunkSize = chunkSize;
   const batches = api.sliceDownloadChunk(file);
-  api.batchSegmentDownload({ batchIndex: 0, batches, docId: file.docId, isBatch });
+  api.batchSegmentDownload({ batchIndex: 0, batches, docId: file.docId, isBatch, isLessThan17G });
 };
 const sliceDownloadChunk = ({ state }) => (file) => {
   const chunkSize = file.chunkSize;
   const downloadChunkArray = [[]];
   state.downloadBatchQueue[file.docId + "-0"] = 0;
   state.downloadBatchQueueListen[file.docId + "-0"] = 0;
+  let startRange = 0;
+  let endRange = -1;
   for (let i = 0; i < chunkSize; i++) {
-    const startRange = i * state.chunkSize;
-    const endRange = Math.min(file.fileSize, startRange + state.chunkSize);
+    startRange = endRange + 1;
+    endRange = Math.min(file.fileSize, startRange + state.chunkSize);
+    if (endRange < startRange) {
+      return downloadChunkArray;
+    }
     const lastIndex = downloadChunkArray.length - 1;
     if (downloadChunkArray[lastIndex].length < state.downloadChunkLimit) {
       downloadChunkArray[lastIndex].push({ startRange, endRange, index: i });
@@ -705,7 +1006,7 @@ const sliceDownloadChunk = ({ state }) => (file) => {
   }
   return downloadChunkArray;
 };
-const batchSegmentDownload = ({ state, api }) => ({ batchIndex, batches, docId, isBatch }) => {
+const batchSegmentDownload = ({ state, api }) => ({ batchIndex, batches, docId, isBatch, isLessThan17G }) => {
   if (batchIndex < batches.length) {
     const batch = batches[batchIndex];
     const key = docId + "-" + batchIndex;
@@ -720,33 +1021,66 @@ const batchSegmentDownload = ({ state, api }) => ({ batchIndex, batches, docId,
             docId,
             batchIndex: ++batchIndex,
             batches,
-            isBatch
+            isBatch,
+            isLessThan17G
           });
         }
       }
     });
     let index = 0;
     while (batch.length - index > 0) {
-      api.downloadFileInner({ batchIndex, range: batch[index++], file: { docId }, isBatch, isChunk: true });
+      api.downloadFileInner({
+        batchIndex,
+        range: batch[index++],
+        file: { docId },
+        isBatch,
+        isChunk: true,
+        isLessThan17G
+      });
     }
   }
 };
-const downloadFileInner = ({ api, props, service, state, emit, constants, t, Modal }) => ({ batchIndex, file, range, isBatch, isChunk }) => {
+const downloadFileInner = ({ api, props, state }) => ({
+  batchIndex,
+  file,
+  range,
+  isBatch,
+  isChunk,
+  isLessThan17G
+}) => {
   const downloadOps = props.edm.download || {};
-  const translateFile = getTranslateFile({ api, isChunk });
-  const handleSuccess2 = getHandleSuccess({ downloadOps, file, translateFile, isChunk, state });
+  const translateFile = getTranslateFile({ api, isChunk, isLessThan17G, file, state });
+  const handleSuccess2 = getHandleSuccess({ downloadOps, file, translateFile, isChunk, state, isLessThan17G });
   const calcProgress = getCalcProgress();
   let { isFinished = false } = {};
   if (!isBatch) {
-    let args = { api, downloadOps, file, service, constants, props, state, t, Modal, isChunk };
-    Object.assign(args, { calcProgress, isFinished, emit, handleSuccess: handleSuccess2, range, batchIndex, isBatch });
-    downloadFileSingle(args);
+    const args = {
+      calcProgress,
+      isFinished,
+      handleSuccess: handleSuccess2,
+      range,
+      batchIndex,
+      isBatch,
+      downloadOps,
+      file,
+      isChunk,
+      isLessThan17G
+    };
+    api.downloadFileSingle(args);
     return;
   }
-  const params = { api, downloadOps, file, service, props, state, calcProgress, emit, handleSuccess: handleSuccess2, t, Modal, range };
-  isBatch && downloadFileBatch(params);
+  const params = { downloadOps, file, calcProgress, handleSuccess: handleSuccess2, range };
+  isBatch && api.downloadFileBatch(params);
 };
-const afterDownload = ({ api, state }) => ({ batchIndex, range, data, file, isBatch, isChunk }) => {
+const afterDownload = ({ api, state }) => ({
+  batchIndex,
+  range,
+  data,
+  file,
+  isBatch,
+  isChunk,
+  isLessThan17G
+}) => {
   if (data.status === 200) {
     const key = file.docId + "-" + batchIndex;
     const count = state.downloadBatchQueue[key];
@@ -754,60 +1088,91 @@ const afterDownload = ({ api, state }) => ({ batchIndex, range, data, file, isBa
   } else {
     const countDownloadReplay = state.downloadReplayAtoms[file.docId + "-" + range.index];
     if (countDownloadReplay && countDownloadReplay >= 2) {
-      const msgArray = ["The number of retry times exceeds the threshold! [docId:", file.docId, ", chunk:", range.index, "]"];
+      const msgArray = [
+        "The number of retry times exceeds the threshold! [docId:",
+        file.docId,
+        ", chunk:",
+        range.index,
+        "]"
+      ];
       log.logger.warn(msgArray.join(""));
       delete state.downloadReplayAtoms[file.docId + "-" + range.index];
     } else {
       const msgArray = ["replay ", countDownloadReplay, "! [docId:", file.docId, ", chunk:", range.index, "]"];
       log.logger.warn(msgArray.join(""));
       state.downloadReplayAtoms[file.docId + "-" + range.index] = countDownloadReplay + 1;
-      api.downloadFileInner({ batchIndex, range, file, isBatch, isChunk });
+      api.downloadFileInner({ batchIndex, range, file, isBatch, isChunk, isLessThan17G });
     }
   }
 };
-const setWriterFile = ({ state, emit, props }) => ({ data, index }) => {
-  const fileStream = props.plugin && props.plugin.createWriteStream(state.dowuloadChunkFile.get("docName"), {
-    size: data.byteLength
-  });
-  const writer = fileStream.getWriter();
-  let downloaded = 0;
-  const fileSize = state.dowuloadChunkFile.get("fileSize");
+const setWriterFile = ({ state, emit, Streamsaver }) => ({ data, index, isLessThan17G, file }) => {
+  let { fileStream, writer, fileData = [], downloaded = 0 } = {};
+  const { checkcode } = data.headers;
+  const content = data.headers["content-disposition"];
+  const name = content.match(/fileName.?=(.*)/)[1] || content.match(/fileName=(.*)/)[1];
+  let { chunkNum, fileSize, docName } = state.downloadChunkFile[file.docId];
+  docName = name || docName;
+  if (!isLessThan17G) {
+    fileStream = Streamsaver.createWriteStream(docName, { size: data.byteLength });
+    writer = fileStream.getWriter();
+  }
   const writerStreamSaver = () => {
-    let chunk = state.dowuloadChunkFile.get(index);
+    const downloadChunkFile = state.downloadChunkFile[file.docId] || {};
+    let chunk = downloadChunkFile[index];
     if (chunk) {
-      writer.write(chunk).then(() => {
-        downloaded += chunk.byteLength;
-        state.dowuloadChunkFile.delete(index);
-        if (index + 1 === state.dowuloadChunkFile.get("chunkSize")) {
-          emit("download", 100);
-          writer.close();
+      if (!isLessThan17G) {
+        writer.write(chunk).then(() => {
+          downloaded += chunk.byteLength;
+          downloadChunkFile[index] = null;
+          delete downloadChunkFile[index];
+          if (index + 1 >= chunkNum) {
+            delete state.downloadChunkFile[file.docId];
+            emit("download", 100, "", { fileSize, checkcode });
+            writer.close();
+          } else {
+            const progress = Math.ceil(downloaded / fileSize * 100) || 0;
+            progress !== 100 && emit("download", progress);
+            index++;
+            writerStreamSaver();
+          }
+        });
+      } else {
+        fileData.push(chunk);
+        downloaded += chunk.size;
+        state.downloadChunkFile[file.docId][index] = null;
+        delete state.downloadChunkFile[file.docId][index];
+        if (index + 1 >= chunkNum) {
+          delete state.downloadChunkFile[file.docId];
+          aLinkDownload({ blob: new Blob(fileData), name: docName });
+          emit("download", 100, "", { fileSize, checkcode });
         } else {
           const progress = Math.ceil(downloaded / fileSize * 100) || 0;
-          if (progress !== 100) {
-            emit("download", progress);
-          }
+          progress !== 100 && emit("download", progress);
           index++;
           writerStreamSaver();
         }
-        chunk = null;
-      });
+      }
     } else {
-      setTimeout(() => {
-        writerStreamSaver();
-      }, 1e3);
+      setTimeout(() => writerStreamSaver(), 1e3);
     }
   };
   writerStreamSaver();
+  return (docId) => {
+    const downloadChunkFile = state.downloadChunkFile[docId];
+    Object.keys(downloadChunkFile).forEach((k) => downloadChunkFile[k] = null);
+    delete state.downloadChunkFile[docId];
+    if (isLessThan17G) {
+      fileData = [];
+    } else {
+      writer && writer.close();
+    }
+  };
 };
 const getFormData = ({ constants, props, state }) => ({ formData, file, type }) => {
   if (state.isEdm && props.edm.upload) {
-    const propData = props.data || {};
-    const edmData = props.edm.upload.params || {};
-    const params = __spreadValues(__spreadValues({}, propData), edmData);
+    const params = Object.assign({}, props.data || {}, props.edm.upload.params || {});
     for (let key in params) {
-      if (Object.prototype.hasOwnProperty.call(params, key)) {
-        formData.set(key, params[key] || "");
-      }
+      formData.set(key, params[key] || "");
     }
   }
   if (props.edm.isCheckCode === true) {
@@ -854,8 +1219,8 @@ const largeDocumentUpload = ({ api, Modal, state, t, emit, constants }) => (file
         status: "warning",
         duration: "1000"
       });
-      const fileData = api.getFile(file);
-      state.uploadFiles.splice(state.uploadFiles.indexOf(fileData), 1);
+      const file2 = api.getFile(file2);
+      state.uploadFiles.splice(state.uploadFiles.indexOf(file2), 1);
     }
   }).catch((err) => {
     file.status = constants.FILE_STATUS.FAIL;
@@ -890,7 +1255,13 @@ const afterUpload = ({ data, file, batchIndex, state, api, progress }) => {
   } else {
     const countReplay = state.replayAtoms[file.docId + "-" + file.chunk];
     if (countReplay && countReplay >= 2) {
-      const msgArray = ["The number of retry times exceeds the threshold! [docId:", file.docId, ", chunk:", file.chunk, "]"];
+      const msgArray = [
+        "The number of retry times exceeds the threshold! [docId:",
+        file.docId,
+        ", chunk:",
+        file.chunk,
+        "]"
+      ];
       log.logger.warn(msgArray.join(""));
       delete state.replayAtoms[file.docId + "-" + file.chunk];
     } else {
@@ -901,22 +1272,13 @@ const afterUpload = ({ data, file, batchIndex, state, api, progress }) => {
     }
   }
 };
-const chunkUpload = ({ state, service, postChunk }) => {
-  if (!state.chunkUploadUrl) {
-    service.getChunkUploadUrl().then((data) => {
-      state.chunkUploadUrl = data;
-      postChunk(data);
-    });
-  } else {
-    postChunk(state.chunkUploadUrl);
-  }
-};
 const segmentUploadInner = ({ api, props, service, state, emit, constants, batchIndex, file, progress }) => {
   const formData = new FormData();
   const postChunk = (url) => {
     const source = service.cancelToken();
     if (progress.file.cancelToken) {
       progress.file.cancelToken.push(source.cancel);
+      const { SUCESS, FAIL } = constants.FILE_STATUS;
       service.request({
         method: "post",
         url: xss.filterUrl(url),
@@ -931,33 +1293,51 @@ const segmentUploadInner = ({ api, props, service, state, emit, constants, batch
           let percentage = Math.floor(count / progress.size * 100) || 0;
           file.percentage = Math.floor(event.loaded / event.total * 100);
           event.percentage = progress.file.percentage = percentage > 100 ? 100 : percentage;
-          if (percentage >= 100) {
-            progress.file.isFinished = true;
-          }
+          percentage >= 100 && (progress.file.isFinished = true);
           emit("progress", progress.file, state.uploadFiles, api.calcUploadingFilesInfo());
         }
       }).then((data) => {
         afterUpload({ data, file, batchIndex, state, api, progress });
-        if (progress.file.percentage === 100) {
-          progress.file.status = constants.FILE_STATUS.SUCESS;
-        }
+        progress.file.percentage === 100 && (progress.file.status = SUCESS);
       }).catch((data) => {
-        if (data.response && data.response.status === 401) {
+        if (data.response && state.errorStatusCodes.includes(data.response.status)) {
           const tokenParams = { token: props.edm.upload.token, file, type: "upload" };
-          api.getToken(tokenParams).then((data2) => {
-            afterUpload({ data: data2, file, batchIndex, state, api, progress });
-          });
+          api.getToken(tokenParams).then((data2) => afterUpload({ data: data2, file, batchIndex, state, api, progress }));
         } else {
-          file.state = constants.FILE_STATUS.FAIL;
+          progress.file.status !== FAIL && emit("error", data, progress.file, state.uploadFiles);
+          progress.file.status = FAIL;
+          progress.file.docId = "";
         }
       });
     }
   };
-  chunkUpload({ state, service, postChunk });
+  if (!state.chunkUploadUrl) {
+    service.getChunkUploadUrl().then((data) => {
+      state.chunkUploadUrl = data;
+      postChunk(data);
+    });
+  } else {
+    postChunk(state.chunkUploadUrl);
+  }
 };
-const segmentUpload = ({ api, props, service, state, emit, constants }) => (batchIndex, file, progress) => {
+const segmentUpload = ({ api, props, service, state, emit, constants, CryptoJS }) => (batchIndex, file, progress) => {
   if (typeof file.then === "function") {
-    file.then((file2) => {
+    file.then(
+      (file2) => new Promise((resolve) => {
+        if (props.edm.isCheckCode !== true)
+          return resolve(file2);
+        const reader = new FileReader();
+        reader.readAsArrayBuffer(file2);
+        reader.onload = (e) => {
+          if (props.edm.isCheckCode === true) {
+            let wordArray = CryptoJS.lib.WordArray.create(e.target.result);
+            const hash = CryptoJS.SHA256(wordArray).toString();
+            file2.hash = hash;
+          }
+          resolve(file2);
+        };
+      })
+    ).then((file2) => {
       segmentUploadInner({
         batchIndex,
         api,
@@ -984,7 +1364,12 @@ const segmentUpload = ({ api, props, service, state, emit, constants }) => (batc
     });
   }
 };
-const batchSegmentUpload = ({ api, constants, props, refs, state }) => ({ docId, batchIndex, batches, progress }) => {
+const batchSegmentUpload = ({ api, constants, props, vm, state }) => ({
+  docId,
+  batchIndex,
+  batches,
+  progress
+}) => {
   if (batchIndex < batches.length && progress.file.cancelToken) {
     const key = docId + "-" + batchIndex;
     const batch = batches[batchIndex];
@@ -1010,10 +1395,10 @@ const batchSegmentUpload = ({ api, constants, props, refs, state }) => ({ docId,
     }
   } else {
     typeof props.edm.upload.closeloading === "function" && props.edm.upload.closeloading();
-    refs[constants.UPLOAD_INNER].upload(state.largeFileInfo[docId]);
+    vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].upload(state.largeFileInfo[docId]);
   }
 };
-const sliceChunk = ({ state, props }) => (file) => {
+const sliceChunk = ({ state }) => (file) => {
   const chunkSize = file.chunkSize;
   const chunkBatchArray = [[]];
   state.batchQueue[file.docId + "-0"] = 0;
@@ -1032,22 +1417,7 @@ const sliceChunk = ({ state, props }) => (file) => {
     atom.cacheSign = file.cacheSign;
     atom.records = file.records;
     atom.percentage = file.percentage;
-    const promise = new Promise((resolve) => {
-      if (props.edm.isCheckCode !== true) {
-        return resolve(atom);
-      }
-      const reader = new FileReader();
-      reader.readAsArrayBuffer(atom);
-      reader.onload = (e) => {
-        if (props.edm.isCheckCode === true) {
-          const cryptoJS = props.edm.upload.plugin();
-          const wordArray = cryptoJS.lib.WordArray.create(e.target.result);
-          const hash = cryptoJS[shaMap.shaMap](wordArray).toString();
-          atom.hash = hash;
-        }
-        resolve(atom);
-      };
-    });
+    const promise = Promise.resolve(atom);
     const lastIndex = chunkBatchArray.length - 1;
     if (chunkBatchArray[lastIndex].length < state.chunkBatchLimit) {
       chunkBatchArray[lastIndex].push(promise);
@@ -1060,7 +1430,13 @@ const sliceChunk = ({ state, props }) => (file) => {
   }
   return chunkBatchArray;
 };
-const getToken = ({ constants, props, state, t, Modal }) => ({ token, file, isOnlinePreview = false, type = "", isinit = false }) => {
+const getToken = ({ constants, props, state, t, Modal }) => ({
+  token,
+  file,
+  isOnlinePreview = false,
+  type = "",
+  isinit = false
+}) => {
   if (props.edm.isExtranet && !isOnlinePreview) {
     state.isSuccess = true;
     state.accept = props.accept;
@@ -1090,7 +1466,7 @@ const getToken = ({ constants, props, state, t, Modal }) => ({ token, file, isOn
         const result = data || {};
         const whitelist = result.config && result.config.fileWhiteList || "";
         state.isSuccess = true;
-        state.accept = type === "download" || type === "preview" ? props.accept : `${whitelist},${props.accept}`;
+        state.accept = type === "download" || type === "preview" ? props.accept : `${whitelist}${props.accept ? `,${props.accept}` : ""}`;
         state.headers[constants.EDM.EDMTOKEN] = result.edmToken || "";
         state.headers[constants.EDM.TRACEID] = result.traceId || "";
         if (result.config) {
@@ -1104,13 +1480,32 @@ const getToken = ({ constants, props, state, t, Modal }) => ({ token, file, isOn
     }
   });
 };
-const getTokenResolver = ({ reject, api, file, state, resolve, props, constants, service }) => (data) => {
-  if (!data) {
-    const message = "[TINY Error][FileUpload] No edm token";
-    reject(new Error(message));
-    return;
-  }
+const previewFile = ({ api, props }) => (file, open = false) => {
+  return new Promise((resolve, reject) => {
+    try {
+      const tokenParams = { isOnlinePreview: true, file, type: "preview", token: props.edm.preview.token };
+      api.getToken(tokenParams).then((data) => {
+        if (!data) {
+          const message = "[TINY Error][FileUpload] No edm token";
+          reject(new Error(message));
+          return;
+        }
+        if (isObject(file) || Array.isArray(file) && file.length === 1) {
+          api.previewFileSingle({ file: Array.isArray(file) ? __spreadValues({}, file[0]) : file, resolve, open });
+        } else if (Array.isArray(file) && file.length > 1) {
+          api.previewFileBatch({ file, resolve, open });
+        }
+      }).catch((e) => reject(new Error(e)));
+    } catch (e) {
+      reject(new Error(e));
+    }
+  });
+};
+const getNewTabPreviewUrl = ({ api }) => (file) => api.previewFile(file, true);
+const previewFileSingle = ({ api, state, props, constants, service }) => ({ file, resolve, open }) => {
   const iframeUrl = api.getPreviewUrlSync(file);
+  if (open)
+    return resolve(iframeUrl);
   if (iframeUrl) {
     state.showPreview = true;
     state.iframeUrl = iframeUrl;
@@ -1144,101 +1539,138 @@ const getTokenResolver = ({ reject, api, file, state, resolve, props, constants,
     })
   );
 };
-const previewFile = ({ api, constants, props, service, state }) => (file) => new Promise((resolve, reject) => {
-  try {
-    const tokenParams = { isOnlinePreview: true, file, type: "preview", token: props.edm.preview.token };
-    const tokenCatcher = (e) => {
-      reject(new Error(e));
-    };
-    const tokenResolver = getTokenResolver({ reject, api, file, state, resolve, props, constants, service });
-    api.getToken(tokenParams).then(tokenResolver).catch(tokenCatcher);
-  } catch (e) {
-    reject(new Error(e));
-  }
-});
-const getNewTabPreviewUrl = ({ api, props }) => (file) => new Promise((resolve, reject) => {
-  api.getToken({
-    token: props.edm.preview.token,
-    file,
-    isOnlinePreview: true,
-    type: "preview"
-  }).then((data) => {
-    if (!data) {
-      reject(new Error("[TINY Error][FileUpload] No edm token"));
-      return;
-    }
-    const iframeUrl = api.getPreviewUrlSync(file);
-    if (!iframeUrl) {
-      reject(new Error(new Error("[TINY Error][FileUpload] No preview url")));
-    } else {
-      resolve(iframeUrl);
-    }
-  }).catch((e) => {
-    reject(new Error(e));
+const previewFileBatch = ({ service, props, state, api }) => ({ file, resolve, open }) => {
+  service.getPreviewUrlBatch().then((url) => {
+    const edm = props.edm || {};
+    const preview = edm.preview || {};
+    const online = preview.online || {};
+    const { jslibhtml, baseurl } = online;
+    const { text } = preview.watermark || {};
+    service.request({
+      method: "post",
+      url: xss.filterUrl(url),
+      withCredentials: props.withCredentials,
+      headers: state.headers,
+      data: {
+        documents: file,
+        asposeClient: jslibhtml,
+        asposeService: baseurl,
+        watermark: text
+      }
+    }).then(({ data }) => {
+      const iframeUrl = api.getPreviewUrlSync({ generate: data.result.generate, size: file.length }, true);
+      if (open)
+        return resolve(iframeUrl);
+      if (iframeUrl) {
+        state.showPreview = true;
+        state.iframeUrl = iframeUrl;
+        resolve(state.iframeUrl);
+      }
+    });
   });
-});
-const getPreviewUrlSync = ({ constants, props, state }) => (file) => {
+};
+const getPreviewUrlSync = ({ constants, props, state }) => (file, batch) => {
+  const { ASPOSE, WPS } = constants.EDM.FILE_PREVIEW_TYPE;
   const edm = props.edm || {};
   const preview = edm.preview || {};
-  const online = preview.online;
-  if (!online) {
-    return;
-  }
-  const html = online.jslibhtml.split("?").shift();
-  if (!html) {
-    return;
+  const { watermark, online, bar = {}, lang } = preview;
+  const { filePreviewType = ASPOSE, http = false, jslibhtml, appid, baseurl } = online;
+  const { styles } = bar;
+  bar.styles = JSON.stringify(styles);
+  let html;
+  if (filePreviewType === WPS) {
+    html = `${http ? "http:" : "https:"}${baseurl.replace(/\/$/, "")}/edm/projects/${appid}/web/preview`;
+  } else {
+    html = jslibhtml.split("?").shift();
   }
-  const watermark = preview.watermark || {};
-  const paramsData = __spreadValues(__spreadValues(__spreadValues({}, online), watermark), {
-    jslibhtml: html,
-    authToken: state.headers[constants.EDM.EDMTOKEN],
-    docId: file.docId,
-    docVersion: file.docVersion || file.version || "V1",
-    type: "doc",
-    pageNum: "1"
-  });
   const params = [];
+  let paramsData;
+  const edmToken = state.headers[constants.EDM.EDMTOKEN];
+  if (batch) {
+    html = html = `${baseurl.replace(/\/$/, "")}/edm/projects/${appid}/web/batchPreview`;
+    const { generate, size } = file;
+    paramsData = { generate, "EDM-Authorization": edmToken, docIndex: 1, size };
+  } else {
+    paramsData = Object.assign(
+      {},
+      online,
+      watermark,
+      filePreviewType === WPS ? { "EDM-Authorization": edmToken } : { authToken: edmToken },
+      {
+        jslibhtml: html,
+        docId: file.docId,
+        docVersion: file.docVersion || file.version || "V1",
+        type: "doc",
+        pageNum: "1",
+        lang,
+        bar: window.btoa(JSON.stringify(bar))
+      }
+    );
+  }
   for (let key in paramsData) {
-    if (Object.prototype.hasOwnProperty.call(paramsData, key)) {
-      params.push(`${key}=${paramsData[key]}`);
+    const val = paramsData[key];
+    if (!isObject(val)) {
+      if (key === "text") {
+        params.push(`watermark=${encodeURIComponent(val)}`);
+      }
+      params.push(`${key}=${val}`);
     }
   }
-  const iframeUrl = html + "?" + params.join("&");
-  return iframeUrl;
+  return html + "?" + params.join("&");
 };
-const previewImage = ({ api, props, service, state }) => (file) => new Promise((resolve, reject) => {
-  try {
-    api.getToken({
-      token: props.edm.preview.token,
-      file,
-      type: "preview"
-    }).then((data) => {
-      if (!data) {
-        reject(new Error("[TINY Error][FileUpload] No edm token"));
-        return;
-      }
-      service.getPreviewUrl().then((url) => {
-        const imgParam = Object.assign(file, {
-          type: "image",
-          imageType: "image"
-        });
-        url = url.replace(/{docId}/, file.docId);
-        service.post(xss.filterUrl(url), imgParam, {
-          withCredentials: props.withCredentials,
-          headers: Object.assign(props.headers, state.headers),
-          responseType: "blob"
-        }).then((data2) => {
-          const blob = new Blob([data2.data]);
-          const URL2 = window.URL || window.webkitURL;
-          const link = URL2.createObjectURL(blob);
-          resolve(link);
+const previewImage = ({ api, props, service }) => (file) => {
+  return new Promise((resolve, reject) => {
+    try {
+      api.getToken({
+        token: props.edm.preview.token,
+        file,
+        type: "preview"
+      }).then((data) => {
+        if (!data) {
+          reject(new Error("[TINY Error][FileUpload] No edm token"));
+          return;
+        }
+        service.getPreviewUrl().then((url) => {
+          if (isObject(file) || Array.isArray(file) && file.length === 1) {
+            api.previewImageSingle({ url, file: Array.isArray(file) ? __spreadValues({}, file[0]) : file }).then((link) => resolve(link));
+          } else if (Array.isArray(file) && file.length > 1) {
+            api.previewImageBatch({ url, file }).then((links) => resolve(links));
+          }
         });
       });
-    });
-  } catch (e) {
-    reject(new Error(e));
-  }
-});
+    } catch (e) {
+      reject(new Error(e));
+    }
+  });
+};
+const previewImageSingle = ({ service, state, props }) => ({ file, url }) => {
+  const edm = props.edm || {};
+  const preview = edm.preview || {};
+  let { text, textStyle } = preview.watermark || {};
+  textStyle = __spreadValues({ tile: true }, textStyle);
+  const imgParam = Object.assign(file, {
+    type: "image",
+    imageType: "image",
+    watermark: text,
+    textStyle
+  });
+  return service.post(xss.filterUrl(url.replace(/{docId}/, file.docId)), imgParam, {
+    withCredentials: props.withCredentials,
+    headers: Object.assign(props.headers, state.headers),
+    responseType: "blob"
+  }).then((data) => {
+    const blob = new Blob([data.data]);
+    const URL2 = window.URL || window.webkitURL;
+    return URL2.createObjectURL(blob);
+  });
+};
+const previewImageBatch = ({ service, api }) => ({ url, file }) => {
+  const promises = [];
+  file.forEach((f) => {
+    promises.push(api.previewImageSingle({ url, file: f }));
+  });
+  return service.all(promises);
+};
 const getDialogConfigObj = ({ props, state }) => () => {
   const dialogConfigDefault = {
     class: "single-download-modal single-download-modal1",
@@ -1272,29 +1704,37 @@ const getDialogConfigObj = ({ props, state }) => () => {
     on: __spreadValues({}, events)
   });
 };
-const computeDocChunkSize = ({ props, state, SIZE_2G, SIZE_20M, SIZE_8M }) => () => {
+const computeDocChunkSize = ({ props, state, constants }) => () => {
   const isDefaultChunkSize = !(props.edm && props.edm.chunkSize);
+  const { SIZE_0M, SIZE_2M, SIZE_4M, SIZE_8M, SIZE_16M, SIZE_20M, SIZE_32M, SIZE_64M, SIZE_2G } = constants.EDM;
   let { docSize = SIZE_20M, chunkSize = SIZE_8M } = props.edm || {};
   docSize = docSize < 0 ? 0 : docSize;
   docSize = docSize > SIZE_2G ? SIZE_2G : docSize;
-  if (docSize) {
+  if (docSize)
     chunkSize = chunkSize < 0 ? 0 : chunkSize;
-  }
   if (!isDefaultChunkSize) {
-    const chunkSizes = [64 * 1024, 32 * 1024, 16 * 1024, 8 * 1024, 4 * 1024, 2 * 1024, 0 * 1024];
+    const chunkSizes = [SIZE_64M, SIZE_32M, SIZE_16M, SIZE_8M, SIZE_4M, SIZE_2M, SIZE_0M];
     chunkSizes.some((size) => {
       if (chunkSize >= size) {
-        chunkSize = Math.max(size, 2 * 1024);
+        chunkSize = Math.max(size, SIZE_2M);
         return true;
       }
-      return false;
     });
   }
   state.docSize = docSize * 1024;
   state.chunkSize = chunkSize * 1024;
 };
-const updateFile = ({ constants, refs }) => (file) => {
-  refs[constants.UPLOAD_INNER].handleUpdate(file);
+const updateFile = ({ constants, vm }) => (file) => {
+  vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].handleUpdate(file);
+};
+const handleChange = ({ vm, constants }) => (file) => {
+  if (typeof file === "object" && file !== null && file !== void 0) {
+    let files = file;
+    if (!Array.isArray(file)) {
+      files = [file];
+    }
+    vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].handleChange({ target: { files } });
+  }
 };
 const onBeforeDestroy = (state) => () => {
   state.uploadFiles.forEach((file) => {
@@ -1303,8 +1743,16 @@ const onBeforeDestroy = (state) => () => {
     }
   });
 };
+const handleClickFileList = ({ state, emit }) => (file) => {
+  state.selected = file;
+  emit("click-file-list", file);
+};
+const mounted = ({ vm, state }) => () => {
+  vm.$on("drag-over", (isDragover) => state.isDragover = isDragover);
+};
 export {
   abort,
+  abortDownload,
   addFileToList,
   afterDownload,
   batchSegmentDownload,
@@ -1316,17 +1764,26 @@ export {
   computeDocChunkSize,
   computedUploadDisabled,
   computedUploadingSize,
+  createDownloadCancelToken,
   downloadFile,
+  downloadFileBatch,
   downloadFileInner,
+  downloadFileSingle,
+  downloadFileSingleHwh5,
+  downloadFileSingleInner,
   getDialogConfigObj,
   getDownloadFileInfo,
   getFile,
+  getFileHash,
   getFileUploadUrl,
   getFormData,
+  getKiaScanTip,
   getNewTabPreviewUrl,
   getPreviewUrlSync,
   getToken,
+  handleChange,
   handleClick,
+  handleClickFileList,
   handleError,
   handleProgress,
   handleRemove,
@@ -1335,9 +1792,15 @@ export {
   initService,
   largeDocumentDownload,
   largeDocumentUpload,
+  modifyServiceUrlSingle,
+  mounted,
   onBeforeDestroy,
   previewFile,
+  previewFileBatch,
+  previewFileSingle,
   previewImage,
+  previewImageBatch,
+  previewImageSingle,
   properFileSize,
   segmentUpload,
   segmentUploadInit,
@@ -1348,6 +1811,7 @@ export {
   submit,
   updateFile,
   updateUrl,
+  validateDownloadStatus,
   watchFileList,
   watchListType
 };