@opentiny/vue-renderless 3.20.3 → 3.21.1

package/dropdown/index.js

@@ -11,19 +11,23 @@ const watchFocusing = (parent) => (value) => {
     value ? addClass(selfDefine, "focusing") : removeClass(selfDefine, "focusing");
   }
 };
-const show = ({ props, state }) => () => {
+const show = ({ props, state, emit }) => () => {
   if (props.disabled) {
     return;
   }
-  clearTimeout(Number(state.timeout));
-  state.timeout = setTimeout(
-    () => {
-      state.visible = true;
-    },
-    state.trigger === "click" ? 0 : props.showTimeout
-  );
+  if (state.visibleIsBoolean) {
+    emit("update:visible", true);
+  } else {
+    clearTimeout(Number(state.timeout));
+    state.timeout = setTimeout(
+      () => {
+        state.visible = true;
+      },
+      state.trigger === "click" ? 0 : props.showTimeout
+    );
+  }
 };
-const hide = ({ api, props, state }) => () => {
+const hide = ({ api, props, state, emit }) => () => {
   if (props.disabled) {
     return;
   }
@@ -31,20 +35,28 @@ const hide = ({ api, props, state }) => () => {
   if (props.tabindex >= 0 && state.triggerElm) {
     api.resetTabindex(state.triggerElm);
   }
-  clearTimeout(Number(state.timeout));
-  state.timeout = setTimeout(
-    () => {
-      state.visible = false;
-    },
-    state.trigger === "click" ? 0 : props.hideTimeout
-  );
+  if (state.visibleIsBoolean) {
+    emit("update:visible", false);
+  } else {
+    clearTimeout(Number(state.timeout));
+    state.timeout = setTimeout(
+      () => {
+        state.visible = false;
+      },
+      state.trigger === "click" ? 0 : props.hideTimeout
+    );
+  }
 };
 const handleClick = ({ api, props, state, emit }) => () => {
   if (props.disabled) {
     return;
   }
-  emit("handle-click", state.visible);
-  state.visible ? api.hide() : api.show();
+  if (state.visibleIsBoolean) {
+    emit("handle-click", props.visible);
+  } else {
+    emit("handle-click", state.visible);
+    state.visible ? api.hide() : api.show();
+  }
 };
 const handleTriggerKeyDown = ({ api, state }) => (event) => {
   const keyCode = event.keyCode;
@@ -62,7 +74,7 @@ const handleTriggerKeyDown = ({ api, state }) => (event) => {
     api.hide();
   }
 };
-const handleItemKeyDown = ({ api, props, state }) => (event) => {
+const handleItemKeyDown = ({ api, props, state, emit }) => (event) => {
   const keyCode = event.keyCode;
   const target = event.target;
   const currentIndex = state.menuItemsArray.indexOf(target);
@@ -124,9 +136,12 @@ const initEvent = ({ api, props, state, vm, mode }) => () => {
   on(state.triggerElm, "keydown", api.handleTriggerKeyDown);
   (_a = state.dropdownElm) == null ? void 0 : _a.addEventListener("keydown", api.handleItemKeyDown, true);
   if (!props.splitButton || !props.singleButton) {
-    on(state.triggerElm, "focus", toggleFocus({ state, value: true }));
-    on(state.triggerElm, "blur", toggleFocus({ state, value: false }));
-    on(state.triggerElm, "click", toggleFocus({ state, value: false }));
+    on(state.triggerElm, "focus", api.toggleFocusOnTrue);
+    on(state.triggerElm, "blur", api.toggleFocusOnFalse);
+    on(state.triggerElm, "click", api.toggleFocusOnFalse);
+  }
+  if (state.visibleIsBoolean) {
+    return;
   }
   if (state.trigger === "hover") {
     on(state.triggerElm, "mouseenter", api.show);
@@ -176,14 +191,16 @@ const mounted = ({ api, vm, state, broadcast }) => () => {
   vm.$on("selected-index", (selectedIndex) => {
     broadcast("TinyDropdownMenu", "menu-selected-index", selectedIndex);
   });
-  vm.$on("is-disabled", api.clickOutside);
+  if (!state.visibleIsBoolean) {
+    vm.$on("is-disabled", api.clickOutside);
+  }
 };
 const beforeDistory = ({ vm, api, state }) => () => {
   if (state.triggerElm) {
     off(state.triggerElm, "keydown", api.handleTriggerKeyDown);
-    off(state.triggerElm, "focus", toggleFocus({ state, value: true }));
-    off(state.triggerElm, "blur", toggleFocus({ state, value: false }));
-    off(state.triggerElm, "click", toggleFocus({ state, value: false }));
+    off(state.triggerElm, "focus", api.toggleFocusOnTrue);
+    off(state.triggerElm, "blur", api.toggleFocusOnFalse);
+    off(state.triggerElm, "click", api.toggleFocusOnFalse);
     off(state.triggerElm, "mouseenter", api.show);
     off(state.triggerElm, "mouseleave", api.hide);
     off(state.triggerElm, "click", api.handleClick);
@@ -221,6 +238,7 @@ export {
   removeTabindex,
   resetTabindex,
   show,
+  toggleFocus,
   triggerElmFocus,
   watchFocusing,
   watchVisible

package/dropdown/vue.js

@@ -18,10 +18,11 @@ import {
   initDomOperation,
   mounted,
   beforeDistory,
-  clickOutside
+  clickOutside,
+  toggleFocus
 } from "./index";
 const api = ["state", "handleMainButtonClick", "hide", "show", "initDomOperation", "handleClick", "clickOutside"];
-const renderless = (props, { reactive, watch, provide, onMounted, computed }, { emit, parent, broadcast, vm, nextTick, mode, designConfig }) => {
+const renderless = (props, { reactive, watch, provide, onMounted, computed, onBeforeUnmount }, { emit, parent, broadcast, vm, nextTick, mode, designConfig }) => {
   const api2 = {};
   const state = reactive({
     visible: false,
@@ -38,19 +39,20 @@ const renderless = (props, { reactive, watch, provide, onMounted, computed }, {
     trigger: computed(() => {
       var _a;
       return props.trigger || ((_a = designConfig == null ? void 0 : designConfig.props) == null ? void 0 : _a.trigger) || "hover";
-    })
+    }),
+    visibleIsBoolean: computed(() => typeof props.visible === "boolean")
   });
   provide("dropdownVm", vm);
   Object.assign(api2, {
     state,
     watchVisible: watchVisible({ broadcast, emit, nextTick }),
     watchFocusing: watchFocusing(parent),
-    show: show({ props, state }),
-    hide: hide({ api: api2, props, state }),
+    show: show({ props, state, emit }),
+    hide: hide({ api: api2, props, state, emit }),
     mounted: mounted({ api: api2, vm, state, broadcast }),
     handleClick: handleClick({ api: api2, props, state, emit }),
     handleTriggerKeyDown: handleTriggerKeyDown({ api: api2, state }),
-    handleItemKeyDown: handleItemKeyDown({ api: api2, props, state }),
+    handleItemKeyDown: handleItemKeyDown({ api: api2, props, state, emit }),
     resetTabindex: resetTabindex(api2),
     removeTabindex: removeTabindex(state),
     initAria: initAria({ state, props }),
@@ -60,11 +62,18 @@ const renderless = (props, { reactive, watch, provide, onMounted, computed }, {
     triggerElmFocus: triggerElmFocus(state),
     initDomOperation: initDomOperation({ api: api2, state, vm }),
     beforeDistory: beforeDistory({ vm, api: api2, state }),
-    clickOutside: clickOutside({ props, api: api2 })
+    clickOutside: clickOutside({ props, api: api2 }),
+    toggleFocusOnTrue: toggleFocus({ state, value: true }),
+    toggleFocusOnFalse: toggleFocus({ state, value: false })
   });
-  watch(() => state.visible, api2.watchVisible);
+  if (typeof props.visible === "boolean") {
+    watch(() => props.visible, api2.watchVisible);
+  } else {
+    watch(() => state.visible, api2.watchVisible);
+  }
   watch(() => state.focusing, api2.watchFocusing);
   onMounted(api2.mounted);
+  onBeforeUnmount(api2.beforeDistory);
   return api2;
 };
 export {

package/espace/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const getUserHref = ({ api, props }) => (item) => {
   const type = item.type ? String(item.type).toLocaleLowerCase() : "";
   const value = item.value ? String(item.value).toLocaleLowerCase() : "";

package/fall-menu/index.js

@@ -2,7 +2,7 @@ import "../chunk-G2ADBYYC.js";
 import { REFRESH_INTERVAL } from "../common";
 import { on, off } from "../common/deps/dom";
 import PopupManager from "../common/deps/popup-manager";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const arrowClick = (state) => (opt) => {
   state.pager += opt;
 };

package/file-upload/index.js

@@ -3,7 +3,7 @@ import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
 import { extend } from "../common/object";
-import { xss, log } from "../common/xss";
+import { xss, log, crypt } from "@opentiny/utils";
 import uploadAjax from "../common/deps/upload-ajax";
 import { isObject } from "../common/type";
 import { isEmptyObject } from "../common/type";
@@ -273,12 +273,14 @@ const properFileSize = ({
   } else {
     maxSize = state.isEdm ? Math.min(state.singleMaxSize) : props.fileSize / 1024;
   }
-  if (!isNaN(Number(maxSize)) && file.size > maxSize * 1024 * 1024) {
-    Modal.message({
-      message: t(constants.EDM.EXCEED, { maxSize: api.formatFileSize(Number(maxSize * 1024 * 1024)) }),
-      status: "warning"
-    });
-    return false;
+  if (state.isEdm || Array.isArray(props.fileSize) && props.fileSize[1]) {
+    if (!isNaN(Number(maxSize)) && file.size > maxSize * 1024 * 1024) {
+      Modal.message({
+        message: t(constants.EDM.EXCEED, { maxSize: api.formatFileSize(Number(maxSize * 1024 * 1024)) }),
+        status: "warning"
+      });
+      return false;
+    }
   }
   if (file.size <= 0) {
     Modal.message({
@@ -312,7 +314,7 @@ const addFileToList = ({
   if (state.isEdm) {
     let fileBase = { serverName: "", docRelativePath: "", docId: "", docVersion: "", cacheSign: rawFile.uid };
     file = Object.assign(file, fileBase);
-    props.edm.upload.isFolder && (file.path = rawFile.webkitRelativePath.match(/.*\//g)[0]);
+    props.edm.upload.isFolder && rawFile.webkitRelativePath && (file.path = rawFile.webkitRelativePath.match(/.*\//g)[0]);
   }
   state.cacheDocuments[file.uid] = file;
   mode === "mobile" && calcFileForMobile(rawFile, file);
@@ -363,45 +365,24 @@ const getFileHash = ({
   Modal,
   constants,
   t,
-  CryptoJS,
   state
-}) => ({ file, chunkSize, showTips }) => {
+}) => ({ file, 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) => {
+    reader.readAsArrayBuffer(file.raw);
+    reader.onload = async (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);
-      }
+      const hash = await crypt.sha256(e.target && e.target.result);
+      file.hash = file.raw.hash = hash;
+      resolve(hash);
+      emit("hash-progress", 100);
     };
     reader.onerror = (err) => {
       file.status = constants.FILE_STATUS.FAIL;
@@ -463,7 +444,7 @@ const handleStart = ({
               isLargeFileHash = true;
             }
           }
-          api.getFileHash({ file: file2, chunkSize: state.chunkSize, showTips: isLargeFileHash }).then((hash) => resolve(hash));
+          api.getFileHash({ file: file2, showTips: isLargeFileHash }).then((hash) => resolve(hash));
         }).then(() => {
           if (props.autoUpload) {
             const tokenParams = { token: props.edm.upload.token, file: file2, type: "upload" };
@@ -983,7 +964,7 @@ const downloadFileSingle = ({
       onDownloadProgress(evt) {
         let progress = calcProgress(evt, isChunk);
         if (progress !== 100) {
-          !isChunk && emit("download", progress, evt);
+          !isChunk && emit("download", progress, evt, {}, file);
         }
         if (typeof file === "object") {
           file.percentage = progress;
@@ -997,7 +978,7 @@ const downloadFileSingle = ({
         return;
       handleSuccess2(data, "", range.index);
       const { checkcode, "content-size": fileSize } = data.headers;
-      !isChunk && emit("download", 100, "", { checkcode, fileSize });
+      !isChunk && emit("download", 100, "", { checkcode, fileSize }, file);
       if (typeof file === "object") {
         file.percentage = 100;
         setTimeout(() => file.status = constants.FILE_STATUS.SUCESS, 1e3);
@@ -1053,7 +1034,7 @@ const downloadFileBatch = ({
           onDownloadProgress(evt) {
             let progress = calcProgress(evt);
             if (progress !== 100) {
-              emit("download", progress, evt);
+              emit("download", progress, evt, {}, file);
             }
           }
         }
@@ -1063,7 +1044,7 @@ const downloadFileBatch = ({
         if (api.validateDownloadStatus({ downloadOps: props.edm.download || {}, file, isLessThan17G, data: data2 }))
           return;
         const { "content-size": fileSize, checkcode } = data2.headers;
-        emit("download", 100, "", { fileSize, checkcode });
+        emit("download", 100, "", { fileSize, checkcode }, file);
         handleSuccess2(data2, "zip");
       });
     });
@@ -1132,12 +1113,12 @@ const downloadFileSingleHwh5 = ({ state, props, emit, constants }) => ({ file })
     onProgress: (event) => {
       const { progress } = JSON.parse(event);
       if (progress * 1 !== 100) {
-        emit("download", progress);
+        emit("download", progress, event, {}, file);
       }
     }
   };
   downloadToEDM(options).then((data) => {
-    emit("download", 100, "", { data });
+    emit("download", 100, "", { data }, file);
   });
 };
 const downloadFile = ({ api, state }) => (file) => {
@@ -1172,7 +1153,8 @@ const downloadFileSingleInner = ({ props, state, api, constants }) => ({ file, i
       api.downloadFileSingleHwh5({ file });
       return;
     }
-    const promise = state.hasFileInfoInterface ? api.getDownloadFileInfo({ docId: file.docId }) : Promise.resolve();
+    const param = { docId: file.docId, docVersion: file.docVersion };
+    const promise = state.hasFileInfoInterface ? api.getDownloadFileInfo(param) : Promise.resolve();
     promise.then((fileInfo) => {
       const { fileSize } = fileInfo || {};
       const isLargeFile = fileSize > state.docSize && fileSize > state.chunkSize;
@@ -1184,7 +1166,7 @@ const downloadFileSingleInner = ({ props, state, api, constants }) => ({ file, i
     });
   });
 };
-const getDownloadFileInfo = ({ api, state, props, service }) => ({ docId }) => {
+const getDownloadFileInfo = ({ api, state, props, service }) => ({ docId, docVersion }) => {
   return service.getDocumentInfoUrl().then((url) => {
     return new Promise((resolve, reject) => {
       service.request({
@@ -1193,7 +1175,7 @@ const getDownloadFileInfo = ({ api, state, props, service }) => ({ docId }) => {
         withCredentials: props.withCredentials,
         headers: Object.assign(props.headers, state.headers),
         cancelToken: api.createDownloadCancelToken({ docId }),
-        data: { docInfoVO: { ids: [docId], docType: "", docVersion: "" } }
+        data: { docInfoVO: { ids: [docId], docType: "", docVersion: docVersion || "" } }
       }).then((res) => {
         const { data } = res || {};
         if (data && data.status === 200) {
@@ -1223,7 +1205,7 @@ const sliceDownloadChunk = ({ state }) => (file) => {
   let endRange = -1;
   for (let i = 0; i < chunkSize; i++) {
     startRange = endRange + 1;
-    endRange = Math.min(file.fileSize, startRange + state.chunkSize);
+    endRange = Math.min(file.fileSize, startRange + state.chunkSize - 1);
     if (endRange < startRange) {
       return downloadChunkArray;
     }
@@ -1305,10 +1287,14 @@ const downloadFileInner = ({ api, props, state }) => ({ batchIndex, file, range,
 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];
-    state.downloadBatchQueue[key] = count + 1;
+    if (state.downloadBatchQueue[key] !== void 0) {
+      state.downloadBatchQueue[key] += 1;
+    } else {
+      state.downloadBatchQueue[key] = 0;
+    }
   } else {
-    const countDownloadReplay = state.downloadReplayAtoms[file.docId + "-" + range.index];
+    const key = file.docId + "-" + range.index;
+    const countDownloadReplay = state.downloadReplayAtoms[key];
     if (countDownloadReplay && countDownloadReplay >= 2) {
       const msgArray = [
         "The number of retry times exceeds the threshold! [docId:",
@@ -1318,11 +1304,14 @@ const afterDownload = ({ api, state }) => ({ batchIndex, range, data, file, isBa
         "]"
       ];
       log.logger.warn(msgArray.join(""));
-      delete state.downloadReplayAtoms[file.docId + "-" + range.index];
+      delete state.downloadReplayAtoms[key];
     } else {
+      if (state.downloadReplayAtoms[key] === void 0) {
+        state.downloadReplayAtoms[key] = 0;
+      }
       const msgArray = ["replay ", countDownloadReplay, "! [docId:", file.docId, ", chunk:", range.index, "]"];
       log.logger.warn(msgArray.join(""));
-      state.downloadReplayAtoms[file.docId + "-" + range.index] = countDownloadReplay + 1;
+      state.downloadReplayAtoms[key] += 1;
       api.downloadFileInner({ batchIndex, range, file, isBatch, isChunk, isLessThan17G });
     }
   }
@@ -1354,11 +1343,11 @@ const setWriterFile = ({
           delete downloadChunkFile[index];
           if (index + 1 >= chunkNum) {
             delete state.downloadChunkFile[file.docId];
-            emit("download", 100, "", { fileSize, checkcode });
+            emit("download", 100, "", { fileSize, checkcode }, file);
             writer.close();
           } else {
             const progress = Math.ceil(downloaded / fileSize * 100) || 0;
-            progress !== 100 && emit("download", progress);
+            progress !== 100 && emit("download", progress, "", { fileSize, checkcode }, file);
             index++;
             writerStreamSaver();
           }
@@ -1371,10 +1360,10 @@ const setWriterFile = ({
         if (index + 1 >= chunkNum) {
           delete state.downloadChunkFile[file.docId];
           aLinkDownload({ blob: new Blob(fileData), name: docName });
-          emit("download", 100, "", { fileSize, checkcode });
+          emit("download", 100, "", { fileSize, checkcode }, file);
         } else {
           const progress = Math.ceil(downloaded / fileSize * 100) || 0;
-          progress !== 100 && emit("download", progress);
+          progress !== 100 && emit("download", progress, "", { fileSize, checkcode }, file);
           index++;
           writerStreamSaver();
         }
@@ -1497,10 +1486,14 @@ const afterUpload = ({
 }) => {
   if (data.status === 200) {
     const key = file.docId + "-" + batchIndex;
-    const count = state.batchQueue[key];
-    state.batchQueue[key] = count + 1;
+    if (state.batchQueue[key] !== void 0) {
+      state.batchQueue[key] += 1;
+    } else {
+      state.batchQueue[key] = 0;
+    }
   } else {
-    const countReplay = state.replayAtoms[file.docId + "-" + file.chunk];
+    const key = file.docId + "-" + file.chunk;
+    const countReplay = state.replayAtoms[key];
     if (countReplay && countReplay >= 2) {
       const msgArray = [
         "The number of retry times exceeds the threshold! [docId:",
@@ -1510,11 +1503,14 @@ const afterUpload = ({
         "]"
       ];
       log.logger.warn(msgArray.join(""));
-      delete state.replayAtoms[file.docId + "-" + file.chunk];
+      delete state.replayAtoms[key];
     } else {
+      if (state.replayAtoms[key] === void 0) {
+        state.replayAtoms[key] = 0;
+      }
       const msgArray = ["replay ", countReplay, "! [docId:", file.docId, ", chunk:", file.chunk, "]"];
       log.logger.warn(msgArray.join(""));
-      state.replayAtoms[file.docId + "-" + file.chunk] = countReplay + 1;
+      state.replayAtoms[key] += 1;
       api.segmentUpload(batchIndex, file, progress);
     }
   }
@@ -1583,8 +1579,7 @@ const segmentUpload = ({
   service,
   state,
   emit,
-  constants,
-  CryptoJS
+  constants
 }) => (batchIndex, file, progress) => {
   if (typeof file.then === "function") {
     file.then(
@@ -1593,10 +1588,9 @@ const segmentUpload = ({
           return resolve(file2);
         const reader = new FileReader();
         reader.readAsArrayBuffer(file2);
-        reader.onload = (e) => {
+        reader.onload = async (e) => {
           if (props.edm.isCheckCode === true) {
-            let wordArray = CryptoJS.lib.WordArray.create(e.target.result);
-            const hash = CryptoJS.SHA256(wordArray).toString();
+            const hash = await crypt.sha256(e.target && e.target.result);
             file2.hash = hash;
           }
           resolve(file2);
@@ -1741,7 +1735,17 @@ const getToken = ({
         if (["preview", "download"].includes(type) && props.accept) {
           state.accept = props.accept;
         } else if (whitelist) {
-          state.accept = `${whitelist}${props.accept ? `,${props.accept}` : ""}`;
+          if (props.accept) {
+            let propsAccept = "";
+            props.accept.toString().split(",").forEach((item) => {
+              if (!whitelist.includes(item)) {
+                propsAccept += `,${item}`;
+              }
+            });
+            state.accept = whitelist + propsAccept;
+          } else {
+            state.accept = whitelist;
+          }
         }
         state.headers[constants.EDM.EDMTOKEN] = result.edmToken || "";
         state.headers[constants.EDM.TRACEID] = result.traceId || "";

package/file-upload/vue.js

@@ -227,10 +227,10 @@ const initApi = ({ api: api2, state, props, constants, vm, $service, t, Modal, e
     formatFileSize
   });
 };
-const mergeApi = ({ api: api2, props, $service, state, constants, emit, mode, Modal, t, vm, CryptoJS, Streamsaver }) => {
+const mergeApi = ({ api: api2, props, $service, state, constants, emit, mode, Modal, t, vm, Streamsaver }) => {
   Object.assign(api2, {
     segmentUploadInit: segmentUploadInit({ api: api2, props, service: $service, state, constants }),
-    segmentUpload: segmentUpload({ api: api2, props, service: $service, state, emit, constants, CryptoJS }),
+    segmentUpload: segmentUpload({ api: api2, props, service: $service, state, emit, constants }),
     addFileToList: addFileToList({ api: api2, constants, emit, props, state, mode }),
     downloadFile: downloadFile({ api: api2, state }),
     downloadFileSingleInner: downloadFileSingleInner({ props, state, api: api2, constants }),
@@ -257,7 +257,7 @@ const mergeApi = ({ api: api2, props, $service, state, constants, emit, mode, Mo
     downloadFileInner: downloadFileInner({ api: api2, props, state }),
     setWriterFile: setWriterFile({ state, emit, Streamsaver }),
     afterDownload: afterDownload({ api: api2, state }),
-    getFileHash: getFileHash({ emit, Modal, constants, t, CryptoJS, state }),
+    getFileHash: getFileHash({ emit, Modal, constants, t, state }),
     modifyServiceUrlSingle: modifyServiceUrlSingle({ state, props, constants }),
     getKiaScanTip: getKiaScanTip({ Modal, constants, t }),
     downloadFileSingle: downloadFileSingle({ service: $service, constants, props, state, api: api2, emit }),
@@ -303,7 +303,7 @@ const initWatch = ({ watch, state, api: api2, props, $service }) => {
   watch(() => props.edm, api2.computeDocChunkSize, { deep: true, immediate: true });
 };
 let getApi = () => ({});
-const renderless = (props, { computed, inject, onBeforeUnmount, provide, reactive, ref, watch, onMounted }, { t, vm, parent, emit, service, mode, constants, useBreakpoint }, { Modal, CryptoJS, Streamsaver }) => {
+const renderless = (props, { computed, inject, onBeforeUnmount, provide, reactive, ref, watch, onMounted }, { t, vm, parent, emit, service, mode, constants, useBreakpoint }, { Modal, Streamsaver }) => {
   let api2 = {};
   const $service = initService({ props, service });
   const httpRequest = $service.httpRequest;
@@ -320,13 +320,13 @@ const renderless = (props, { computed, inject, onBeforeUnmount, provide, reactiv
     useBreakpoint
   });
   initApi({ api: api2, state, props, constants, vm, $service, t, Modal, emit });
-  mergeApi({ api: api2, props, $service, state, constants, emit, mode, Modal, t, vm, CryptoJS, Streamsaver });
+  mergeApi({ api: api2, props, $service, state, constants, emit, mode, Modal, t, vm, Streamsaver });
   getApi = () => api2;
   provide("uploader", parent);
   onMounted(api2.mounted);
   onBeforeUnmount(() => {
     api2.onBeforeDestroy();
-    api2 = {};
+    api2 = null;
     vm.$off("drag-over");
   });
   initWatch({ watch, state, api: api2, props, $service });

package/floatbar/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const computeData = ({ props }) => {
   if (Array.isArray(props.data) && props.data.length) {
     props.data.forEach((item) => {