@opentiny/vue-renderless 3.20.2 → 3.21.0

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,
@@ -60,11 +61,14 @@ 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);
   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) => {

package/fluent-editor/index.js

@@ -1,11 +1,24 @@
 import "../chunk-G2ADBYYC.js";
 import { extend } from "../common/object";
 import { isNull } from "../common/type";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 import { set } from "../chart-core/deps/utils";
 import { on, off } from "../common/deps/dom";
 import PopupManager from "../common/deps/popup-manager";
-const init = ({ api, emit, props, service, state, FluentEditor, UploaderDfls, defaultOptions, vm, useBreakpoint, simpleToolbar }) => () => {
+const init = ({
+  api,
+  emit,
+  props,
+  service,
+  state,
+  FluentEditor,
+  UploaderDfls,
+  defaultOptions,
+  vm,
+  useBreakpoint,
+  simpleToolbar
+}) => () => {
+  var _a;
   UploaderDfls.enableMultiUpload = { file: true, image: true };
   UploaderDfls.handler = api.uploaderDflsHandler;
   UploaderDfls.imagePasteFailCallback = props.imagePasteFailCallback;
@@ -30,6 +43,7 @@ const init = ({ api, emit, props, service, state, FluentEditor, UploaderDfls, de
   if (current.value === "default") {
     state.innerOptions.modules.toolbar = simpleToolbar;
   }
+  (_a = props.beforeEditorInit) == null ? void 0 : _a.call(props, FluentEditor);
   const quill = new FluentEditor(vm.$refs.editor, state.innerOptions);
   quill.emitter.on("file-change", api.fileOperationToSev);
   state.quill = Object.freeze(quill);
@@ -128,7 +142,8 @@ const handleCompositionend = ({ state }) => (event) => {
       state.quill.root.classList.add("ql-blank");
     }
   } else {
-    let data = state.quill.container.innerHTML, range = state.quill.getSelection(true);
+    let data = state.quill.container.innerHTML;
+    let range = state.quill.getSelection(true);
     const [mentionItem, offset] = state.quill.getLeaf(range.index);
     if (mentionItem.statics.blotName === "break" || mentionItem.statics.blotName === "text" && offset === 0) {
       state.quill.clipboard.dangerouslyPasteHTML(data);
@@ -136,7 +151,8 @@ const handleCompositionend = ({ state }) => (event) => {
     if (mentionItem.statics.blotName === "break") {
       state.quill.setSelection(range.index + event.data.length);
     } else {
-      let pattern = /[\u4E00-\u9FA5\uf900-\ufa2d]/, flag;
+      let pattern = /[\u4E00-\u9FA5\uF900-\uFA2D]/;
+      let flag;
       if (pattern.test(event.data)) {
         flag = true;
       }
@@ -194,7 +210,7 @@ const inputFileHandler = ({ state, UploaderDfls }) => (type, accept) => {
     fileInput.classList.add(`ql-${type}`);
     fileInput.setAttribute("type", "file");
     fileInput.setAttribute("accept", mimeTypes);
-    if (UploaderDfls.enableMultiUpload["file"] && type === "file" || UploaderDfls.enableMultiUpload["image"] && type === "image") {
+    if (UploaderDfls.enableMultiUpload.file && type === "file" || UploaderDfls.enableMultiUpload.image && type === "image") {
       fileInput.setAttribute("multiple", "");
     }
     fileInput.onchange = () => {
@@ -218,7 +234,7 @@ const uploaderDflsHandler = ({ api, modules }) => (range, files, fileFlags, reje
   }
 };
 const handleUploadFile = ({ api, UploaderDfls }) => (range, files, hasRejectedFile) => {
-  const fileEnableMultiUpload = UploaderDfls.enableMultiUpload === true || UploaderDfls.enableMultiUpload["file"];
+  const fileEnableMultiUpload = UploaderDfls.enableMultiUpload === true || UploaderDfls.enableMultiUpload.file;
   api.fileOperationToSev({
     operation: "upload",
     data: fileEnableMultiUpload ? { files } : { file: files[0] },
@@ -325,7 +341,7 @@ const fileOperationToSev = ({ state }) => (event) => {
 const handleUploadImage = ({ state, api, FluentEditor, Delta, UploaderDfls }) => (range, { file, files }, hasRejectedImage) => {
   if (state.quill.options.uploadOption.imageUploadToServer) {
     const index = state.promisesData.length;
-    const imageEnableMultiUpload = UploaderDfls.enableMultiUpload["image"];
+    const imageEnableMultiUpload = UploaderDfls.enableMultiUpload.image;
     const result = {
       file,
       data: { files: [file] },
@@ -359,7 +375,7 @@ const handleUploadImage = ({ state, api, FluentEditor, Delta, UploaderDfls }) =>
       }
     };
     if (imageEnableMultiUpload) {
-      result["data"] = { files };
+      result.data = { files };
     }
     state.promisesData.push({
       imageEnableMultiUpload
@@ -587,7 +603,7 @@ const doPreview = ({ props, state, nextTick }) => (elem) => {
   }
 };
 const handleDblclick = ({ props, api }) => (e) => {
-  if (props.picPreview && e && e.type === "dblclick" && [...e.target.classList].indexOf("blot-formatter__overlay") > -1 && e.target.dataset.image) {
+  if (props.picPreview && e && e.type === "dblclick" && [...e.target.classList].includes("blot-formatter__overlay") && e.target.dataset.image) {
     api.doPreview(e.target);
   }
 };

package/form/vue.js

@@ -95,7 +95,7 @@ const renderless = (props, { computed, inject, provide, reactive, watch, onBefor
   provide("showAutoWidth", state.showAutoWidth);
   const unbindDialogEvent = bindDialogEvent({ api: api2, dialog, state });
   onBeforeUnmount(unbindDialogEvent);
-  watch(() => props.rules, api2.watchRules);
+  watch(() => props.rules, api2.watchRules, { deep: props.validateOnRuleChange === "deep" });
   return api2;
 };
 export {

package/grid/plugins/export.js

@@ -1,7 +1,7 @@
 import {
   __spreadValues
 } from "../../chunk-G2ADBYYC.js";
-import { xss } from "../../common/xss";
+import { xss } from "@opentiny/utils";
 import browser from "../../common/browser";
 import { toTreeArray } from "../static";
 import { getCellValue, getFuncText } from "../utils";

package/guide/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const createShepherd = ({ state, props, Shepherd, offset, designConfig }) => () => {
   const tour = newTour(state, Shepherd, offset, designConfig);
   state.tour = tour;

package/image/index.js

@@ -2,7 +2,7 @@ import "../chunk-G2ADBYYC.js";
 import { on, off, getScrollContainer, isInContainer } from "../common/deps/dom";
 import { typeOf } from "../common/type";
 import { rafThrottle } from "../image-viewer";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const isSupportObjectFit = () => document.documentElement.style.objectFit !== void 0;
 const isHtmlElement = (node) => node && node.nodeType === Node.ELEMENT_NODE;
 const computedGetImageStyle = ({ props, api }) => () => {

package/image-viewer/index.js

@@ -4,8 +4,9 @@ import {
 import { on, off } from "../common/deps/dom";
 import { KEY_CODE } from "../common";
 import PopupManager from "../common/deps/popup-manager";
-import { xss } from "../common/xss";
-const isFirefox = () => !!window.navigator.userAgent.match(/firefox/i);
+import { xss } from "@opentiny/utils";
+import { isBrowser } from "../common/browser";
+const isFirefox = () => isBrowser ? !!window.navigator.userAgent.match(/firefox/i) : false;
 const mousewheelEventName = isFirefox() ? "DOMMouseScroll" : "mousewheel";
 const rafThrottle = (fn) => {
   let locked = false;

package/input/vue.js

@@ -333,6 +333,9 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, onUpdated, re
       api2.setShowMoreBtn(true);
       on(window, "resize", api2.setShowMoreBtn);
     }
+    if (vm.$attrs.autofocus) {
+      api2.focus();
+    }
   });
   onBeforeUnmount(() => {
     if (props.type === "textarea" && props.popupMore && state.isDisplayOnly) {

package/link/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 import { handleClick } from "./index";
 const api = ["state", "handleClick"];
 const renderless = (props, { inject, reactive, computed }, { emit, parent }) => {

package/locales/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const getLocales = ({ api, service, state }) => () => {
   Promise.all([service.getLocale(), service.getCurrentLocale()]).then(([locales, current]) => {
     state.locales = locales || ["zhCN"];

package/logout/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 const logout = ({ service, state, props }) => () => {
   let { isMock, isLocal, redirectUrl = "", getLogoutUrl, showLogin } = service;
   if (typeof props.beforeLogout === "function" && !state.logout) {

package/menu/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { xss } from "../common/xss";
+import { xss } from "@opentiny/utils";
 import { deepClone } from "../picker-column";
 const filterInput = ({ state }) => (val) => {
   state.filterValue = val;

package/milestone/index.js

@@ -1,6 +1,7 @@
 import "../chunk-G2ADBYYC.js";
+import { isBrowser } from "../common/browser";
 const hexToRgb = (hex) => {
-  if (hex.includes("var")) {
+  if (hex.includes("var") && isBrowser) {
     hex = hex.replace(/var\(|\)/g, "");
     hex = getComputedStyle(document.documentElement).getPropertyValue(hex);
   }

package/modal/index.js

@@ -227,7 +227,6 @@ const close = ({ emit, parent, props, state }) => (type) => {
     setTimeout(() => {
       state.visible = false;
       let params = { type, $modal: parent };
-      emit("close", params);
       if (events.hide) {
         events.hide.call(parent, params);
       } else {