@opentiny/vue-renderless 3.9.3 → 3.10.0

package/dropdown-item/vue.js

@@ -17,7 +17,8 @@ import {
   clickWrapper,
   getItemStyle,
   handleClick,
-  computedGetIcon
+  computedGetIcon,
+  getTip
 } from "./index";
 const api = [
   "state",
@@ -33,9 +34,10 @@ const api = [
   "opened",
   "close",
   "closed",
-  "handleClick"
+  "handleClick",
+  "getTip"
 ];
-const initState = ({ reactive, computed, api: api2, props, parent, dropdownMenu }) => {
+const initState = ({ reactive, computed, api: api2, props, parent, dropdownMenuVm }) => {
   const state = reactive({
     sort: props.modelValue,
     transition: true,
@@ -50,9 +52,8 @@ const initState = ({ reactive, computed, api: api2, props, parent, dropdownMenu
     itemStyle: computed(() => api2.getItemStyle()),
     activeColor: computed(() => parent.activeColor),
     closeOnClickOverlay: computed(() => parent.closeOnClickOverlay),
-    children: [],
-    textField: (dropdownMenu == null ? void 0 : dropdownMenu.textField) || props.textField,
-    popperClass: (dropdownMenu == null ? void 0 : dropdownMenu.popperClass) || "",
+    textField: (dropdownMenuVm == null ? void 0 : dropdownMenuVm.textField) || props.textField,
+    popperClass: (dropdownMenuVm == null ? void 0 : dropdownMenuVm.popperClass) || "",
     getIcon: computed(() => api2.computedGetIcon())
   });
   return state;
@@ -77,17 +78,18 @@ const initApi = ({ api: api2, state, emit, props, parent, dispatch, vm, constant
     bindScroll: bindScroll({ api: api2, parent }),
     confirm: confirm({ emit, props, state }),
     handleClick: handleClick({ props, dispatch, vm, emit }),
-    computedGetIcon: computedGetIcon({ constants, designConfig })
+    computedGetIcon: computedGetIcon({ constants, designConfig }),
+    getTip: getTip({ props, vm })
   });
 };
 const renderless = (props, { computed, reactive, watch, inject }, { parent, emit, vm, dispatch, mode, constants, designConfig }) => {
   const api2 = {};
-  const dropdownMenu = inject("dropdownMenu", null);
+  const dropdownMenuVm = inject("dropdownMenuVm", null);
   if (mode === "mobile") {
-    dropdownMenu.state.children = [...dropdownMenu.state.children, vm];
+    dropdownMenuVm.state.children = [...dropdownMenuVm.state.children, vm];
   }
   parent = parent.$parent;
-  const state = initState({ reactive, computed, api: api2, props, parent, dropdownMenu });
+  const state = initState({ reactive, computed, api: api2, props, parent, dropdownMenuVm });
   initApi({ api: api2, state, emit, props, parent, dispatch, vm, constants, designConfig });
   watch(() => state.showPopup, api2.bindScroll);
   return api2;

package/dropdown-menu/index.js

@@ -27,11 +27,11 @@ const toggleItem = (state) => (active, item) => {
     });
   }
 };
-const updateOffset = ({ props, state, refs }) => () => {
-  if (!refs.menu) {
+const updateOffset = ({ props, state, vm }) => () => {
+  if (!vm.$refs.menu) {
     return;
   }
-  const rect = refs.menu.getBoundingClientRect();
+  const rect = vm.$refs.menu.getBoundingClientRect();
   if (props.direction === "down") {
     state.offset = rect.bottom;
   } else {
@@ -64,10 +64,9 @@ const getScroller = (el, root) => {
   }
   return root;
 };
-const useVuePopper = ({ api, props, hooks, instance, state }) => {
-  const { inject, nextTick, onBeforeUnmount, onDeactivated, onMounted, reactive, toRefs, watch } = hooks;
+const useVuePopper = ({ api, props, hooks, instance, state, dropdownVm }) => {
+  const { nextTick, onBeforeUnmount, onDeactivated, onMounted, reactive, toRefs, watch } = hooks;
   const { emit, refs, slots, vm, parent } = instance;
-  const dropdown = inject("dropdown");
   const popper = userPopper({
     emit,
     nextTick,
@@ -85,11 +84,11 @@ const useVuePopper = ({ api, props, hooks, instance, state }) => {
     watch
   });
   onMounted(() => {
-    dropdown.popperElm = popper.popperElm.value = vm.$el;
-    popper.referenceElm.value = dropdown.$el;
-    dropdown.initDomOperation();
-    if (dropdown.inheritWidth) {
-      dropdown.popperElm.style.minWidth = dropdown.$el.clientWidth + "px";
+    dropdownVm.popperElm = popper.popperElm.value = vm.$el;
+    nextTick(() => popper.referenceElm.value = dropdownVm.$el);
+    !props.multiStage && dropdownVm.initDomOperation();
+    if (dropdownVm.inheritWidth) {
+      dropdownVm.popperElm.style.minWidth = dropdownVm.$el.clientWidth + "px";
     }
   });
   onBeforeUnmount(() => {
@@ -98,7 +97,7 @@ const useVuePopper = ({ api, props, hooks, instance, state }) => {
     popper.referenceElm = null;
   });
   api.doDestroy = popper.doDestroy;
-  state.size = dropdown.size;
+  state.size = dropdownVm.size;
   state.showPopper = popper.showPopper.value;
   parent.$on("updatePopper", () => {
     if (state.showPopper) {
@@ -130,10 +129,10 @@ const mounted = ({ api, parent, state }) => () => {
     state.showContent = showContent;
   });
 };
-const handleMenuItemClick = ({ state, dispatch }) => (itemData, instance, label, showContent) => {
+const handleMenuItemClick = ({ state, dispatch }) => (itemData, instance, label, showContent, isDisabled) => {
   state.label = label;
   state.showContent = showContent;
-  dispatch("TinyDropdown", "current-item-click", [itemData, instance]);
+  dispatch("TinyDropdown", "current-item-click", [itemData, instance, isDisabled]);
 };
 const handleMouseenter = ({ emit }) => ($event) => {
   emit("mouseenter", $event);

package/dropdown-menu/vue.js

@@ -21,8 +21,8 @@ const api = [
 ];
 const renderless = (props, hooks, instance) => {
   const api2 = {};
-  const { reactive, provide, onMounted } = hooks;
-  const { nextTick, mode, vm, parent, dispatch, emit, refs } = instance;
+  const { reactive, provide, onMounted, inject } = hooks;
+  const { nextTick, mode, vm, parent, dispatch, emit } = instance;
   const state = reactive({
     offset: 0,
     scroller: null,
@@ -34,20 +34,21 @@ const renderless = (props, hooks, instance) => {
     selected: false,
     selectedIndex: -1
   });
-  provide("dropdownMenu", vm);
+  provide("dropdownMenuVm", vm);
   provide("multiStage", props.multiStage);
+  const dropdownVm = inject("dropdownVm");
   if (mode === "mobile") {
     nextTick(() => {
-      state.scroller = getScroller(refs.menu);
+      state.scroller = getScroller(vm.$refs.menu);
     });
   } else {
-    useVuePopper({ api: api2, hooks, props, instance, state });
+    useVuePopper({ api: api2, hooks, props, instance, state, dropdownVm });
   }
   Object.assign(api2, {
     state,
     toggleItem: toggleItem(state),
-    clickOutside: clickOutside({ props, refs, state }),
-    updateOffset: updateOffset({ props, state, refs }),
+    clickOutside: clickOutside({ props, state }),
+    updateOffset: updateOffset({ props, state, vm }),
     mounted: mounted({ api: api2, parent, state }),
     handleMouseenter: handleMouseenter({ emit }),
     handleMouseleave: handleMouseleave({ emit }),

package/espace/vue.js

@@ -1,7 +1,15 @@
 import "../chunk-PKUHTIDK.js";
 import { init } from "../common/deps/eSpaceCtrl";
 import { getUserHref, getUserTitle, doUserAction, initEspaceLink, openEspace, testUID, soundEspace } from "./index";
-const api = ["getUserHref", "getUserTitle", "doUserAction", "initEspaceLink", "openEspace", "testUID", "soundEspace"];
+const api = [
+  "getUserHref",
+  "getUserTitle",
+  "doUserAction",
+  "initEspaceLink",
+  "openEspace",
+  "testUID",
+  "soundEspace"
+];
 const renderless = (props, { reactive }, { service }) => {
   const api2 = {};
   const { setting = {} } = service || {};

package/fall-menu/vue.js

@@ -1,5 +1,16 @@
 import "../chunk-PKUHTIDK.js";
-import { mouseover, mouseout, computePx, reRender, arrowClick, overContent, mounted, beforeDestroy, computeLeft, computeData } from "./index";
+import {
+  mouseover,
+  mouseout,
+  computePx,
+  reRender,
+  arrowClick,
+  overContent,
+  mounted,
+  beforeDestroy,
+  computeLeft,
+  computeData
+} from "./index";
 const api = ["state", "fall", "arrowClick", "mouseover", "mouseout", "overContent", "reRender", "left"];
 const initState = ({ reactive, computed, api: api2, props }) => {
   const state = reactive({

package/file-upload/index.js

@@ -11,12 +11,12 @@ let initTokenPromise = null;
 const noopFnCreator = (fn, propName) => {
   const noFn = () => {
     if (propName) {
-      return Promise.reject(new Error(`[TINY Error][FileUpload] Prop ${propName} is not configured`));
+      return Promise.reject(
+        new Error(`[TINY Error][FileUpload] Prop ${propName} is mandatory when the framework service is not used`)
+      );
     } else {
       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"
-        )
+        new Error("[TINY Error][FileUpload] Prop action is mandatory when the framework service is not used")
       );
     }
   };
@@ -56,8 +56,11 @@ const initService = ({ props, service }) => {
   };
 };
 const computedUploadDisabled = ({ props, state }) => () => props.disabled || (state.elForm || {}).disabled;
-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) => {
+const computedUploadingSize = ({ state, constants }) => () => state.uploadingFiles.reduce(
+  (total, file) => total + file.status !== constants.FILE_STATUS.FAIL ? file.size : 0,
+  0
+);
+const watchListType = ({ constants, state, api }) => (type) => {
   if ([
     constants.LIST_TYPE.PICTURE_CARD,
     constants.LIST_TYPE.PICTURE,
@@ -65,6 +68,7 @@ const watchListType = ({ constants, state }) => (type) => {
     constants.LIST_TYPE.DRAG_SINGLE
   ].includes(type)) {
     state.uploadFiles = state.uploadFiles.map((file) => {
+      file.type = api.getFileSourceType({ file });
       if (!file.url && file.raw) {
         try {
           file.url = URL.createObjectURL(file.raw);
@@ -76,11 +80,12 @@ const watchListType = ({ constants, state }) => (type) => {
     });
   }
 };
-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;
+const watchFileList = ({ constants, state, props, api }) => (fileList) => {
+  let uploadFiles = fileList && fileList.map((file) => {
+    file.uid = file.uid || Date.now() + state.tempIndex++;
+    file.status = file.status || constants.FILE_STATUS.SUCESS;
+    file.type = api.getFileSourceType({ file });
+    return file;
   });
   if ([constants.LIST_TYPE.PICTURE_SINGLE, constants.LIST_TYPE.DRAG_SINGLE].includes(props.listType)) {
     uploadFiles = uploadFiles.slice(0, 1);
@@ -114,7 +119,16 @@ const onBeforeIsPromise = ({ before, rawFile, file, doUpload, autoRemove, api })
     }
   );
 };
-const getFileType = ({ file }) => file.name && file.name.split(".")[file.name.split(".").length - 1].toLowerCase();
+const getFileType = ({ file }) => {
+  const { name, url } = file;
+  let fileType = "";
+  if (name && /\.[^.]+$/.test(name)) {
+    fileType = name.split(".")[name.split(".").length - 1].toLowerCase();
+  } else if (url && /\.[.]+$/.test(url)) {
+    fileType = url.split(".")[url.split(".").length - 1].toLowerCase();
+  }
+  return fileType;
+};
 const remove = ({ api, file, autoRemove }) => {
   if (autoRemove) {
     const rawFile = file.raw;
@@ -134,18 +148,27 @@ const beforeUpload = ({ props, api, Modal, constants, t, state }) => (file, auto
     });
   }
   if (file) {
+    let isValid = true;
     const accept = state.isEdm ? state.accept : props.accept;
+    const types = constants.FILE_TYPE[state.triggerClickType.toUpperCase()];
     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) {
+    if (accept) {
+      const isExist = accept.split(",").some((type) => {
+        if (type.toLowerCase() === constants.IMAGE_TYPE) {
+          return constants.FILE_TYPE.PICTURE.split("/").includes(fileType);
+        }
+        return new RegExp(`(${type.trim()})$`, "i").test(file.name);
+      });
+      !isExist && (isValid = false);
+    }
+    if (state.triggerClickType && types) {
+      const isExist = types.split("/").includes(fileType);
+      !isExist && (isValid = false);
+    }
+    if (!isValid) {
       remove({ api, file, autoRemove });
       return Modal.message({
-        message: t("ui.fileUpload.notSupport"),
+        message: t(constants.EDM.notSupport, { format: fileType }),
         status: "warning"
       });
     }
@@ -196,10 +219,10 @@ const calcFileForMobile = (rawFile, file) => {
   file.fileType = rawFile.name.substring(fileName + 1, fileNameLen);
   const size = rawFile.size / 1024;
   if (size < 1024) {
-    file.size = Math.round(size * 10 ** 1) / 10 ** 1 + "KB";
+    file.size = Math.round(size * Math.pow(10, 1)) / Math.pow(10, 1) + "KB";
   } else {
     const fileSize = size / 1024;
-    file.size = Math.round(fileSize * 10 ** 1) / 10 ** 1 + "MB";
+    file.size = Math.round(fileSize * Math.pow(10, 1)) / Math.pow(10, 1) + "MB";
   }
 };
 const properFileSize = ({ props, state, constants, Modal, t }) => (file) => {
@@ -214,7 +237,7 @@ const properFileSize = ({ props, state, constants, Modal, t }) => (file) => {
   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`,
+        message: t(constants.EDM.EXCEED, { maxSize }),
         status: "warning"
       });
       return false;
@@ -241,6 +264,7 @@ const addFileToList = ({ api, constants, emit, props, state, mode }) => (rawFile
   !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: {} });
+  file.type = api.getFileSourceType({ file });
   if (state.isEdm) {
     let fileBase = { serverName: "", docRelativePath: "", docId: "", docVersion: "", cacheSign: rawFile.uid };
     file = Object.assign(file, fileBase);
@@ -253,7 +277,7 @@ const addFileToList = ({ api, constants, emit, props, state, mode }) => (rawFile
     constants.LIST_TYPE.PICTURE,
     constants.LIST_TYPE.PICTURE_SINGLE,
     constants.LIST_TYPE.DRAG_SINGLE
-  ].includes(props.listType) && !state.isHwh5) {
+  ].includes(props.listType)) {
     try {
       if (state.isHwh5) {
         file.url = rawFile.filePath;
@@ -338,21 +362,18 @@ const handleHwh5Files = (files) => {
   return files.map((file) => {
     if (file instanceof File)
       return file;
+    let url;
     let f = {};
     if (isObject(file)) {
-      const { fileName, fileSize, filePath } = file;
-      f = __spreadProps(__spreadValues({}, file), {
-        name: fileName,
-        size: fileSize,
-        webkitRelativePath: filePath
-      });
+      url = file.url;
+      f = file;
     } else {
-      const [name, index] = file.match(/[^/]*$/);
-      const [type] = file.match(/\.[^.]*$/);
-      const filePath = file.substring(0, index);
-      f = { type, name, filePath, webkitRelativePath: filePath };
+      url = file;
     }
-    return f;
+    const [name, index] = url.match(/[^/]*$/);
+    const [type] = url.match(/\.[^.]*$/);
+    const filePath = url.substring(0, index);
+    return __spreadProps(__spreadValues({}, f), { type, name, filePath, webkitRelativePath: filePath });
   });
 };
 const handleStart = ({ api, constants, props, state, vm }) => (rawFiles, updateId, reUpload = false) => {
@@ -362,7 +383,7 @@ const handleStart = ({ api, constants, props, state, vm }) => (rawFiles, updateI
   state.currentUploadingFileUids = [];
   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));
+  state.uploadingFiles = state.uploadFiles.filter((file) => [UPLOADING, READY].indexOf(file.status) > -1);
   if (state.isEdm && state.isSuccess) {
     rawFiles.forEach((rawFile) => {
       const file = api.getFile(rawFile);
@@ -535,6 +556,7 @@ const handleRemove = ({ api, emit, props, state, constants }) => (file, 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);
@@ -558,7 +580,7 @@ const handleRemove = ({ api, emit, props, state, constants }) => (file, raw) =>
 };
 const clearUploadingFiles = ({ constants, state }) => () => {
   const { SUCESS, FAIL } = constants.FILE_STATUS;
-  const isUploadComplete = state.uploadingFiles.every((file) => [SUCESS, FAIL].includes(file.status));
+  const isUploadComplete = state.uploadingFiles.every((file) => [SUCESS, FAIL].indexOf(file.status) > -1);
   if (isUploadComplete) {
     state.uploadingFiles = [];
   }
@@ -712,9 +734,14 @@ const getCalcProgress = () => (evt) => {
   progress = Math.min(progress, 100);
   return progress;
 };
-const modifyServiceUrlSingle = ({ constants }) => ({ file, serviceUrl, range }) => {
+const modifyServiceUrlSingle = ({ state, props, constants }) => ({ file, serviceUrl, range }) => {
   if (typeof file === "object") {
-    let tempFile = Object.assign({}, file, range);
+    const downloadOps = props.edm.download || {};
+    const paramsWhitelist = Array.isArray(downloadOps.paramsWhitelist) ? downloadOps.paramsWhitelist : [];
+    const downloadParamsWhitelist = state.downloadParamsWhitelist.concat(paramsWhitelist);
+    let tempFile = {};
+    downloadParamsWhitelist.forEach((key) => tempFile[key] = file[key]);
+    tempFile = Object.assign(tempFile, range);
     delete tempFile.docId;
     delete tempFile.docVersion;
     delete tempFile["x-download-sign"];
@@ -753,7 +780,7 @@ const validateDownloadStatus = ({ state, Modal }) => ({ downloadOps, file, isLes
       downloadOps2.fail(errRes, file2);
     }
   };
-  if (data.data && data.data.type && data.data.type.includes("application/json")) {
+  if (data.data && data.data.type && data.data.type.indexOf("application/json") > -1) {
     const reader = new FileReader();
     reader.onload = (e) => {
       const errRes = JSON.parse(e.target.result);
@@ -762,7 +789,7 @@ const validateDownloadStatus = ({ state, Modal }) => ({ downloadOps, file, isLes
     reader.readAsText(data.data);
     return true;
   }
-  if (!isLessThan17G && data.headers["content-type"].includes("application/json")) {
+  if (!isLessThan17G && data.headers["content-type"].indexOf("application/json") > -1) {
     const errRes = JSON.parse(String.fromCharCode.apply(null, new Uint8Array(data.data)));
     errorHandle({ state, file, errRes, Modal, downloadOps });
     return true;
@@ -1039,14 +1066,7 @@ const batchSegmentDownload = ({ state, api }) => ({ batchIndex, batches, docId,
     }
   }
 };
-const downloadFileInner = ({ api, props, state }) => ({
-  batchIndex,
-  file,
-  range,
-  isBatch,
-  isChunk,
-  isLessThan17G
-}) => {
+const downloadFileInner = ({ api, props, state }) => ({ batchIndex, file, range, isBatch, isChunk, isLessThan17G }) => {
   const downloadOps = props.edm.download || {};
   const translateFile = getTranslateFile({ api, isChunk, isLessThan17G, file, state });
   const handleSuccess2 = getHandleSuccess({ downloadOps, file, translateFile, isChunk, state, isLessThan17G });
@@ -1071,15 +1091,7 @@ const downloadFileInner = ({ api, props, state }) => ({
   const params = { downloadOps, file, calcProgress, handleSuccess: handleSuccess2, range };
   isBatch && api.downloadFileBatch(params);
 };
-const afterDownload = ({ api, state }) => ({
-  batchIndex,
-  range,
-  data,
-  file,
-  isBatch,
-  isChunk,
-  isLessThan17G
-}) => {
+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];
@@ -1363,12 +1375,7 @@ const segmentUpload = ({ api, props, service, state, emit, constants, CryptoJS }
     });
   }
 };
-const batchSegmentUpload = ({ api, constants, props, vm, 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];
@@ -1403,7 +1410,7 @@ const sliceChunk = ({ state }) => (file) => {
   state.batchQueue[file.docId + "-0"] = 0;
   state.batchQueueListen[file.docId + "-0"] = 0;
   for (let i = 0; i < chunkSize; i++) {
-    if (file.records.includes(i.toString())) {
+    if (file.records.indexOf(i.toString()) > -1) {
       continue;
     }
     const start = i * state.chunkSize;
@@ -1429,13 +1436,7 @@ const sliceChunk = ({ state }) => (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;
@@ -1455,7 +1456,7 @@ const getToken = ({ constants, props, state, t, Modal }) => ({
   return new Promise((resolve, reject) => {
     try {
       let promise;
-      if (isinit) {
+      if (isinit && props.cacheToken) {
         !initTokenPromise && (initTokenPromise = token(file));
         promise = initTokenPromise;
       } else {
@@ -1569,15 +1570,12 @@ const previewFileBatch = ({ service, props, state, api }) => ({ file, resolve, o
   });
 };
 const getPreviewUrlSync = ({ constants, props, state }) => (file, batch) => {
-  const { ASPOSE, WPS } = constants.EDM.FILE_PREVIEW_TYPE;
   const edm = props.edm || {};
   const preview = edm.preview || {};
   const { watermark, online, bar = {}, lang } = preview;
-  const { filePreviewType = ASPOSE, http = false, jslibhtml, appid, baseurl } = online;
-  const { styles } = bar;
-  bar.styles = JSON.stringify(styles);
+  const { webPreview = false, http = false, jslibhtml, appid, baseurl } = online;
   let html;
-  if (filePreviewType === WPS) {
+  if (webPreview) {
     html = `${http ? "http:" : "https:"}${baseurl.replace(/\/$/, "")}/edm/projects/${appid}/web/preview`;
   } else {
     html = jslibhtml.split("?").shift();
@@ -1590,21 +1588,28 @@ const getPreviewUrlSync = ({ constants, props, state }) => (file, batch) => {
     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 },
-      {
+    if (webPreview) {
+      const { styles } = bar;
+      paramsData = Object.assign({}, watermark, {
+        "EDM-Authorization": edmToken,
+        lang,
+        bar: window.btoa(
+          JSON.stringify(__spreadProps(__spreadValues({}, bar), {
+            styles: JSON.stringify(styles)
+          }))
+        ),
+        docId: file.docId
+      });
+    } else {
+      paramsData = Object.assign({}, online, watermark, {
+        authToken: edmToken,
         jslibhtml: html,
         docId: file.docId,
         docVersion: file.docVersion || file.version || "V1",
         type: "doc",
-        pageNum: "1",
-        lang,
-        bar: window.btoa(JSON.stringify(bar))
-      }
-    );
+        pageNum: "1"
+      });
+    }
   }
   for (let key in paramsData) {
     const val = paramsData[key];
@@ -1723,6 +1728,32 @@ const computeDocChunkSize = ({ props, state, constants }) => () => {
   state.docSize = docSize * 1024;
   state.chunkSize = chunkSize * 1024;
 };
+const computedSourcetype = ({ props, constants }) => () => {
+  const { sourceType, listType } = props;
+  let types = sourceType.split("/");
+  if (listType !== constants.LIST_TYPE.PICTURE_CARD) {
+    types = types.slice(0, 1);
+  }
+  return types;
+};
+const getFileSourceType = ({ state, props, constants }) => ({ file }) => {
+  const { PICTURE_SINGLE, PICTURE_CARD } = constants.LIST_TYPE;
+  const { listType } = props;
+  if (![PICTURE_SINGLE, PICTURE_CARD].includes(listType))
+    return;
+  let type = state.types[0];
+  if (file.type) {
+    type = file.type;
+  } else if (listType === PICTURE_CARD) {
+    const { VIDEO, AUDIO, PICTURE } = constants.FILE_TYPE;
+    const { SOURCE_VIDEO, SOURCE_AUDIO, SOURCE_PICTURE } = constants.SOURCE_TYPE;
+    const matchs = { [VIDEO]: SOURCE_VIDEO, [AUDIO]: SOURCE_AUDIO, [PICTURE]: SOURCE_PICTURE };
+    const fileType = getFileType({ file });
+    const key = Object.keys(matchs).find((key2) => key2.split("/").includes(fileType));
+    matchs[key] && (type = matchs[key]);
+  }
+  return type;
+};
 const updateFile = ({ constants, vm }) => (file) => {
   vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].handleUpdate(file);
 };
@@ -1735,6 +1766,20 @@ const handleChange = ({ vm, constants }) => (file) => {
     vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].handleChange({ target: { files } });
   }
 };
+const handleTriggerClick = ({ vm, state, constants, props, emit }) => ($event, type) => {
+  const { PICTURE_CARD, PICTURE_SINGLE } = constants.LIST_TYPE;
+  const { isHwh5 } = state;
+  const { listType } = props;
+  if (![PICTURE_CARD, PICTURE_SINGLE].includes(listType)) {
+    type = "";
+  }
+  state.triggerClickType = type;
+  if (listType === PICTURE_CARD && isHwh5) {
+    vm.$refs[constants.UPLOAD_LIST_INNER].$refs[constants.UPLOAD_LIST_INNER_TEMPLATE].chooseFile(type);
+    return;
+  }
+  emit("trigger-click", $event, type);
+};
 const onBeforeDestroy = (state) => () => {
   state.uploadFiles.forEach((file) => {
     if (file.url && file.url.indexOf("blob:") === 0) {
@@ -1761,6 +1806,7 @@ export {
   clearFiles,
   clearUploadingFiles,
   computeDocChunkSize,
+  computedSourcetype,
   computedUploadDisabled,
   computedUploadingSize,
   createDownloadCancelToken,
@@ -1774,6 +1820,7 @@ export {
   getDownloadFileInfo,
   getFile,
   getFileHash,
+  getFileSourceType,
   getFileUploadUrl,
   getFormData,
   getKiaScanTip,
@@ -1788,6 +1835,7 @@ export {
   handleRemove,
   handleStart,
   handleSuccess,
+  handleTriggerClick,
   initService,
   largeDocumentDownload,
   largeDocumentUpload,