@opentiny/vue-renderless 3.13.2 → 3.14.1

package/drawer/vue.js

@@ -11,22 +11,27 @@ import {
   removeDragEvent,
   showScrollbar,
   hideScrollbar,
-  watchVisibleNotImmediate
+  watchVisibleNotImmediate,
+  handleClose,
+  computedWidth
 } from "./index";
-const api = ["state", "close", "confirm"];
-const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, computed }, { emit, vm, mode, constants }) => {
+const api = ["state", "close", "confirm", "handleClose"];
+const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, computed }, { emit, vm, mode, constants, designConfig }) => {
+  var _a;
   const lockScrollClass = constants.SCROLL_LOCK_CLASS(mode);
   const api2 = {};
   const state = reactive({
     toggle: false,
     width: 0,
     dragEvent: { x: 0, isDrag: false, offsetWidth: 0 },
-    computedWidth: computed(() => state.width ? state.width + "px" : props.width)
+    computedWidth: computed(() => api2.computedWidth()),
+    btnOrderReversed: vm.theme === "saas" || ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.btnOrderReversed)
   });
   Object.assign(api2, {
     state,
-    confirm: confirm({ state, emit }),
-    close: close({ emit, state }),
+    confirm: confirm({ api: api2 }),
+    close: close({ api: api2 }),
+    handleClose: handleClose({ emit, props, state }),
     mousedown: mousedown({ state, vm }),
     mousemove: mousemove({ state, props }),
     mouseup: mouseup({ state }),
@@ -36,11 +41,13 @@ const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, comput
     watchToggle: watchToggle({ emit }),
     showScrollbar: showScrollbar(lockScrollClass),
     hideScrollbar: hideScrollbar(lockScrollClass),
-    watchVisibleNotImmediate: watchVisibleNotImmediate({ api: api2, props })
+    watchVisibleNotImmediate: watchVisibleNotImmediate({ api: api2, props }),
+    computedWidth: computedWidth({ state, designConfig, props, constants })
   });
   onMounted(() => {
     props.dragable && api2.addDragEvent();
     if (props.lockScroll && props.visible) {
+      ;
       api2.showScrollbar();
     }
   });

package/dropdown/index.js

@@ -20,7 +20,7 @@ const show = ({ props, state }) => () => {
     () => {
       state.visible = true;
     },
-    props.trigger === "click" ? 0 : props.showTimeout
+    state.trigger === "click" ? 0 : props.showTimeout
   );
 };
 const hide = ({ api, props, state }) => () => {
@@ -36,7 +36,7 @@ const hide = ({ api, props, state }) => () => {
     () => {
       state.visible = false;
     },
-    props.trigger === "click" ? 0 : props.hideTimeout
+    state.trigger === "click" ? 0 : props.hideTimeout
   );
 };
 const handleClick = ({ api, props, state, emit }) => () => {
@@ -128,12 +128,12 @@ const initEvent = ({ api, props, state, vm, mode }) => () => {
     on(state.triggerElm, "blur", toggleFocus({ state, value: false }));
     on(state.triggerElm, "click", toggleFocus({ state, value: false }));
   }
-  if (props.trigger === "hover") {
+  if (state.trigger === "hover") {
     on(state.triggerElm, "mouseenter", api.show);
     on(state.triggerElm, "mouseleave", api.hide);
     on(state.dropdownElm, "mouseenter", api.show);
     on(state.dropdownElm, "mouseleave", api.hide);
-  } else if (props.trigger === "click") {
+  } else if (state.trigger === "click") {
     on(state.triggerElm, "click", api.handleClick);
   }
   if (mode === "mobile-first") {
@@ -173,8 +173,8 @@ const mounted = ({ api, vm, state, broadcast }) => () => {
   }
   vm.$on("menu-item-click", api.handleMenuItemClick);
   vm.$on("current-item-click", api.handleMenuItemClick);
-  vm.$on("selectedIndex", (selectedIndex) => {
-    broadcast("TinyDropdownMenu", "menuselectedIndex", selectedIndex);
+  vm.$on("selected-index", (selectedIndex) => {
+    broadcast("TinyDropdownMenu", "menu-selected-index", selectedIndex);
   });
   vm.$on("is-disabled", api.clickOutside);
 };
@@ -196,7 +196,7 @@ const beforeDistory = ({ api, state }) => () => {
     state.dropdownElm = null;
   }
 };
-const clickOutside = ({ props, api, state }) => (disabled) => {
+const clickOutside = ({ props, api }) => (disabled) => {
   if (props.hideOnClick) {
     disabled ? api.show() : api.hide();
   }

package/dropdown/vue.js

@@ -21,7 +21,7 @@ import {
   clickOutside
 } from "./index";
 const api = ["state", "handleMainButtonClick", "hide", "show", "initDomOperation", "handleClick", "clickOutside"];
-const renderless = (props, { reactive, watch, provide, onMounted }, { emit, parent, broadcast, vm, nextTick, mode, designConfig }) => {
+const renderless = (props, { reactive, watch, provide, onMounted, computed }, { emit, parent, broadcast, vm, nextTick, mode, designConfig }) => {
   const api2 = {};
   const state = reactive({
     visible: false,
@@ -34,7 +34,11 @@ const renderless = (props, { reactive, watch, provide, onMounted }, { emit, pare
     listId: `dropdown-menu-${guid()}`,
     showIcon: props.showIcon,
     showSelfIcon: props.showSelfIcon,
-    designConfig
+    designConfig,
+    trigger: computed(() => {
+      var _a;
+      return props.trigger || ((_a = designConfig == null ? void 0 : designConfig.props) == null ? void 0 : _a.trigger) || "hover";
+    })
   });
   provide("dropdownVm", vm);
   Object.assign(api2, {

package/dropdown-item/index.js

@@ -89,14 +89,22 @@ const clickOutside = (parent) => () => {
     });
   }
 };
-const handleClick = ({ props, dispatch, vm, emit }) => (event) => {
+const handleClick = ({
+  state,
+  props,
+  dispatch,
+  vm,
+  emit
+}) => (event) => {
   event.stopPropagation();
+  state.currentIndex = `${props.currentIndex}`;
   const data = { itemData: props.itemData, vm, disabled: props.disabled };
   if (!props.disabled) {
     emit("item-click", data);
   }
   dispatch("TinyDropdown", "menu-item-click", data);
   dispatch("TinyDropdown", "is-disabled", [props.disabled]);
+  dispatch("TinyDropdown", "selected-index", [state.currentIndex]);
 };
 const computedGetIcon = ({ constants, designConfig }) => (name = "leftWardArrow") => {
   return (designConfig == null ? void 0 : designConfig.icons[name]) || (constants == null ? void 0 : constants.ICON_MAP[name]);

package/dropdown-item/mf.js

@@ -3,12 +3,11 @@ import { omitText } from "../common/string";
 const api = ["dataStore", "handleClick", "dataStore", "mouseEnter", "mouseLeave"];
 const renderless = (props, { reactive, inject }, { dispatch, vm }) => {
   const api2 = {};
-  const dropdownMenuVm = inject("dropdownMenuVm");
-  const multiStage = inject("multiStage");
+  const dropdownMenuVm = inject("dropdownMenuVm", null);
   let dataStore = reactive({
-    checkedStatus: dropdownMenuVm.checkedStatus,
+    checkedStatus: dropdownMenuVm == null ? void 0 : dropdownMenuVm.checkedStatus,
     multiStageMenu: "",
-    multiStage: "",
+    multiStage: inject("multiStage", null),
     itemData: "",
     itemLabel: "",
     showContent: false,
@@ -16,9 +15,6 @@ const renderless = (props, { reactive, inject }, { dispatch, vm }) => {
     currentIndex: props.currentIndex,
     level: props.level
   });
-  if (multiStage) {
-    dataStore.multiStageMenu = true;
-  }
   const handleClick = ({ dataStore: dataStore2, props: props2, vm: vm2 }) => () => {
     if (props2.disabled) {
       dataStore2.checkedStatus = false;
@@ -31,7 +27,7 @@ const renderless = (props, { reactive, inject }, { dispatch, vm }) => {
     } else {
       dataStore2.currentIndex = `${props2.currentIndex}`;
     }
-    dispatch("TinyDropdown", "selectedIndex", [dataStore2.currentIndex]);
+    dispatch("TinyDropdown", "selected-index", [dataStore2.currentIndex]);
     const data = {
       itemData: dataStore2.itemData,
       vm: vm2,
@@ -69,8 +65,8 @@ const renderless = (props, { reactive, inject }, { dispatch, vm }) => {
   Object.assign(api2, {
     dataStore,
     handleClick: handleClick({ dataStore, props, vm }),
-    mouseEnter: mouseEnter({ dataStore, vm, props }),
-    mouseLeave: mouseLeave({ dataStore, props })
+    mouseEnter: mouseEnter({ dataStore, vm }),
+    mouseLeave: mouseLeave({ dataStore })
   });
   return api2;
 };

package/dropdown-item/vue.js

@@ -39,6 +39,7 @@ const api = [
 ];
 const initState = ({ reactive, computed, api: api2, props, parent, dropdownMenuVm }) => {
   const state = reactive({
+    checkedStatus: dropdownMenuVm == null ? void 0 : dropdownMenuVm.checkedStatus,
     sort: props.modelValue,
     transition: true,
     getTitle: false,
@@ -52,9 +53,12 @@ const initState = ({ reactive, computed, api: api2, props, parent, dropdownMenuV
     itemStyle: computed(() => api2.getItemStyle()),
     activeColor: computed(() => parent.activeColor),
     closeOnClickOverlay: computed(() => parent.closeOnClickOverlay),
+    dropdownMenuVm,
+    currentIndex: props.currentIndex,
     textField: (dropdownMenuVm == null ? void 0 : dropdownMenuVm.textField) || props.textField,
     popperClass: (dropdownMenuVm == null ? void 0 : dropdownMenuVm.popperClass) || "",
-    getIcon: computed(() => api2.computedGetIcon())
+    getIcon: computed(() => api2.computedGetIcon()),
+    children: []
   });
   return state;
 };
@@ -77,21 +81,30 @@ const initApi = ({ api: api2, state, emit, props, parent, dispatch, vm, constant
     getItemStyle: getItemStyle({ parent, state }),
     bindScroll: bindScroll({ api: api2, parent }),
     confirm: confirm({ emit, props, state }),
-    handleClick: handleClick({ props, dispatch, vm, emit }),
+    handleClick: handleClick({ state, props, dispatch, vm, emit }),
     computedGetIcon: computedGetIcon({ constants, designConfig }),
     getTip: getTip({ props, vm })
   });
 };
-const renderless = (props, { computed, reactive, watch, inject }, { parent, emit, vm, dispatch, mode, constants, designConfig }) => {
+const renderless = (props, { computed, onMounted, reactive, watch, inject }, { parent, emit, vm, dispatch, constants, designConfig }) => {
   const api2 = {};
   const dropdownMenuVm = inject("dropdownMenuVm", null);
-  if (mode === "mobile" && dropdownMenuVm) {
-    dropdownMenuVm.state.children = [...dropdownMenuVm.state.children, vm];
-  }
-  parent = parent.$parent;
   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);
+  onMounted(() => {
+    const realParent = parent.$parent.$parent || {};
+    if (realParent.state && realParent.state.children) {
+      realParent.state.children.push(vm);
+    } else {
+      if (dropdownMenuVm) {
+        dropdownMenuVm.state.children = [...dropdownMenuVm.state.children, vm];
+      }
+    }
+    if (props.disabled) {
+      state.checkedStatus = false;
+    }
+  });
   return api2;
 };
 export {

package/dropdown-menu/index.js

@@ -6,7 +6,7 @@ const toggleItem = (state) => (active, item) => {
   if (item.disabled) {
     return;
   }
-  if (item.type == "sort") {
+  if (item.type === "sort") {
     if (!item.modelValue || item.modelValue === "desc") {
       item.state.sort = "asc";
       item.$emit("update:modelValue", "asc");
@@ -64,21 +64,34 @@ const getScroller = (el, root) => {
   }
   return root || null;
 };
-const useVuePopper = ({ api, props, hooks, instance, state, dropdownVm }) => {
+const useVuePopper = ({
+  api,
+  props,
+  hooks,
+  instance,
+  state,
+  dropdownVm,
+  designConfig
+}) => {
+  var _a, _b;
   const { nextTick, onBeforeUnmount, onDeactivated, onMounted, reactive, toRefs, watch } = hooks;
-  const { emit, refs, slots, vm, parent } = instance;
+  const { emit, slots, vm, parent } = instance;
+  const designProps = {
+    placement: props.placement || ((_a = designConfig == null ? void 0 : designConfig.props) == null ? void 0 : _a.placement) || "bottom-end",
+    visibleArrow: props.visibleArrow || ((_b = designConfig == null ? void 0 : designConfig.props) == null ? void 0 : _b.visibleArrow) || false
+  };
   const popper = userPopper({
     emit,
     nextTick,
     onBeforeUnmount,
     onDeactivated,
-    props: __spreadValues({
+    props: __spreadValues(__spreadValues({
       popperOptions: { boundariesPadding: 0, gpuAcceleration: false },
       offset: 0,
       boundariesPadding: 5
-    }, props),
+    }, props), designProps),
     reactive,
-    refs,
+    vm,
     slots,
     toRefs,
     watch
@@ -118,7 +131,7 @@ const useVuePopper = ({ api, props, hooks, instance, state, dropdownVm }) => {
   );
 };
 const mounted = ({ api, parent, state }) => () => {
-  parent.$on("menuselectedIndex", (selectedIndex) => {
+  parent.$on("menu-selected-index", (selectedIndex) => {
     state.selectedIndex = selectedIndex;
   });
   parent.$on("menu-item-click", api.handleMenuItemClick);

package/dropdown-menu/vue.js

@@ -22,7 +22,7 @@ const api = [
 const renderless = (props, hooks, instance) => {
   const api2 = {};
   const { reactive, provide, onMounted, inject } = hooks;
-  const { nextTick, mode, vm, parent, dispatch, emit } = instance;
+  const { nextTick, mode, vm, parent, dispatch, emit, designConfig } = instance;
   const state = reactive({
     offset: 0,
     scroller: null,
@@ -32,7 +32,8 @@ const renderless = (props, hooks, instance) => {
     label: "",
     showContent: false,
     selected: false,
-    selectedIndex: -1
+    selectedIndex: -1,
+    canvasHeight: inject("change-size", null)
   });
   provide("dropdownMenuVm", vm);
   provide("multiStage", props.multiStage);
@@ -42,7 +43,7 @@ const renderless = (props, hooks, instance) => {
       state.scroller = getScroller(vm.$refs.menu);
     });
   } else {
-    useVuePopper({ api: api2, hooks, props, instance, state, dropdownVm });
+    useVuePopper({ api: api2, hooks, props, instance, state, dropdownVm, designConfig });
   }
   Object.assign(api2, {
     state,

package/exception/index.js

@@ -1,10 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-const create = (emit) => () => emit("btn-click");
-const getMessage = ({ props, t }) => () => {
-  const types = ["build", "weaknet", "pcview", "busy", "noperm"];
-  return props.message || t(`ui.exception.${~types.indexOf(props.type) ? props.type : "nodata"}`);
-};
+const emitClick = (emit) => () => emit("click");
 export {
-  create,
-  getMessage
+  emitClick
 };

package/exception/vue.js

@@ -1,17 +1,14 @@
 import "../chunk-G2ADBYYC.js";
-import { create, getMessage } from "./index";
+import { emitClick } from "./index";
 const api = ["state", "create"];
-const renderless = (props, { computed, reactive }, { t, emit }, { images }) => {
-  const api2 = {
-    create: create(emit),
-    getMessage: getMessage({ props, t })
-  };
+const renderless = (props, { reactive }, { emit }) => {
   const state = reactive({
-    urlType: props.type,
-    images,
-    message: computed(() => api2.getMessage({ props, t }))
+    urlType: props.type
   });
-  api2.state = state;
+  const api2 = {
+    state,
+    create: emitClick(emit)
+  };
   return api2;
 };
 export {

package/fall-menu/index.js

@@ -33,7 +33,11 @@ const computePx = ({ props, refs, state }) => () => {
   const list = refs.list;
   const width = list.parentElement.clientWidth;
   const arr = list.querySelectorAll("li");
-  const set = { data: [], offset: [], index: [] };
+  const set = {
+    data: [],
+    offset: [],
+    index: []
+  };
   const liWidth = [];
   let innerwidth = 0;
   let start = 0;

package/fall-menu/vue.js

@@ -12,7 +12,12 @@ import {
   computeData
 } from "./index";
 const api = ["state", "fall", "arrowClick", "mouseover", "mouseout", "overContent", "reRender", "left"];
-const initState = ({ reactive, computed, api: api2, props }) => {
+const initState = ({
+  reactive,
+  computed,
+  api: api2,
+  props
+}) => {
   const state = reactive({
     pager: 1,
     level2data: [],
@@ -24,7 +29,13 @@ const initState = ({ reactive, computed, api: api2, props }) => {
   });
   return state;
 };
-const initApi = ({ api: api2, state, fall, props, refs }) => {
+const initApi = ({
+  api: api2,
+  state,
+  fall,
+  props,
+  refs
+}) => {
   Object.assign(api2, {
     fall,
     state,

package/file-upload/index.js

@@ -77,7 +77,7 @@ const watchListType = ({ constants, state, api }) => (type) => {
         try {
           file.url = URL.createObjectURL(file.raw);
         } catch (err) {
-          return;
+          return null;
         }
       }
       return file;
@@ -412,7 +412,8 @@ const getFileHash = ({
     };
   });
 };
-const handleHwh5Files = (files) => {
+const handleHwh5Files = (files, hwh5) => {
+  const fileMap = hwh5 && hwh5.fileMap;
   return files.map((file) => {
     if (file instanceof File)
       return file;
@@ -427,7 +428,8 @@ const handleHwh5Files = (files) => {
     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 updateFile2 = __spreadProps(__spreadValues({}, f), { type, name, filePath, webkitRelativePath: filePath });
+    return typeof fileMap === "function" ? fileMap(updateFile2) : updateFile2;
   });
 };
 const handleStart = ({
@@ -438,7 +440,7 @@ const handleStart = ({
   vm
 }) => (rawFiles, updateId, reUpload = false) => {
   if (state.isHwh5) {
-    rawFiles = handleHwh5Files(rawFiles);
+    rawFiles = handleHwh5Files(rawFiles, props.hwh5);
   }
   state.currentUploadingFileUids = [];
   rawFiles.forEach((rawFile) => api.addFileToList(rawFile, updateId, reUpload));
@@ -481,14 +483,14 @@ const handleStart = ({
   }
   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);
+      const handler = (file) => vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].upload(file.raw);
       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);
+        const handler = (file2) => vm.$refs[constants.UPLOAD_INNER].$refs[constants.UPLOAD_INNER_TEMPLATE].upload(file2.raw);
         api.beforeUpload(file, true, handler);
       });
     }
@@ -560,6 +562,7 @@ const handleSuccess = ({
   Modal,
   t
 }) => (res, rawFile) => {
+  var _a;
   const currentUploadFiles = state.uploadFiles.filter((file) => state.currentUploadingFileUids.includes(file.uid));
   if (Array.isArray(rawFile)) {
     state.uploadFiles.forEach((file) => {
@@ -574,7 +577,7 @@ const handleSuccess = ({
     });
   } else {
     const file = api.getFile(rawFile);
-    const status = res.data && res.data.status;
+    const status = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.status;
     const { STATUS_SPECIAL_CHARACTERS, NOT_SUPPORT_SPECIAL_CHARACTERS } = constants.EDM;
     delete file.cancelToken;
     if (props.edm.upload && file && res.data && status !== 200) {
@@ -801,7 +804,12 @@ const getTranslateFile = ({
   } else {
     const content = data.headers["content-disposition"];
     const name = content ? content.match(/fileName.?=(.*)/)[1] || content.match(/fileName=(.*)/)[1] : "";
-    const type2 = !name.includes(".") ? data.headers["content-type"] : type2 !== "zip" ? "application / x - xls" : "application/zip";
+    let type2 = "application/zip";
+    if (!name.includes(".")) {
+      type2 = data.headers["content-type"];
+    } else if (type2 !== "zip") {
+      type2 = "application / x - xls";
+    }
     const blob = new Blob([data.data], { type: type2 });
     aLinkDownload({ blob, name });
   }
@@ -953,11 +961,16 @@ const downloadFileSingle = ({
     isLessThan17G,
     url: fileUrl
   } = args;
-  const promise = fileUrl ? Promise.resolve(fileUrl) : service.getSingleDownloadUrl().then((url) => {
-    let serviceUrl = url.replace(/{docId}/, file.docId || file) + `${~url.indexOf("?") ? "&" : "?"}x-download-sign=true&docVersion=${file.docVersion || ""}${file.decryptKey ? "&decryptKey=" + file.decryptKey : ""}`;
-    serviceUrl = api.modifyServiceUrlSingle({ file, serviceUrl, range });
-    return serviceUrl;
-  });
+  let promise;
+  if (fileUrl) {
+    promise = Promise.resolve(fileUrl);
+  } else {
+    promise = service.getSingleDownloadUrl().then((url) => {
+      let serviceUrl = url.replace(/{docId}/, file.docId || file) + `${~url.indexOf("?") ? "&" : "?"}x-download-sign=true&docVersion=${file.docVersion || ""}${file.decryptKey ? "&decryptKey=" + file.decryptKey : ""}`;
+      serviceUrl = api.modifyServiceUrlSingle({ file, serviceUrl, range });
+      return serviceUrl;
+    });
+  }
   promise.then((url) => {
     url = xss.filterUrl(url);
     let params = {
@@ -1179,9 +1192,9 @@ const getDownloadFileInfo = ({ api, state, props, service }) => ({ docId }) => {
         cancelToken: api.createDownloadCancelToken({ docId }),
         data: { docInfoVO: { ids: [docId], docType: "", docVersion: "" } }
       }).then((res) => {
-        const { data, outDocQueryList } = res || {};
+        const { data } = res || {};
         if (data && data.status === 200) {
-          const fileInfo = outDocQueryList && outDocQueryList[0].verInfo[0].docInfo[0];
+          const fileInfo = data.result.outDocQueryList && data.result.outDocQueryList[0].verInfo[0].docInfo[0];
           resolve(fileInfo);
         } else {
           reject(res);
@@ -1867,7 +1880,7 @@ const getPreviewUrlSync = ({ constants, props, state }) => (file, batch) => {
         authToken: edmToken,
         jslibhtml: html,
         docId: file.docId,
-        docVersion: file.docVersion || file.version || "V1",
+        docVersion: file.docVersion || file.version || "",
         type: "doc",
         pageNum: "1"
       });
@@ -1937,7 +1950,7 @@ const previewImageBatch = ({ service, api }) => ({ url, file }) => {
   });
   return service.all(promises);
 };
-const getDialogConfigObj = ({ props, state }) => () => {
+const getDialogConfigObj = ({ props, state, t, constants }) => () => {
   const dialogConfigDefault = {
     class: "single-download-modal single-download-modal1",
     style: "",
@@ -1945,7 +1958,7 @@ const getDialogConfigObj = ({ props, state }) => () => {
       lockScroll: true,
       visible: state.showPreview,
       dragable: true,
-      title: "\u6587\u6863\u9884\u89C8",
+      title: t(constants.EDM.DOC_PREVIEW),
       width: "60%"
     },
     on: {
@@ -1985,6 +1998,7 @@ const computeDocChunkSize = ({ props, state, constants }) => () => {
         chunkSize = Math.max(size, SIZE_2M);
         return true;
       }
+      return false;
     });
   }
   state.docSize = docSize * 1024;
@@ -2049,6 +2063,8 @@ const handleTriggerClick = ({
   emit("trigger-click", $event, type);
 };
 const onBeforeDestroy = (state) => () => {
+  if (!Array.isArray(state.uploadFiles))
+    return;
   state.uploadFiles.forEach((file) => {
     if (file.url && file.url.indexOf("blob:") === 0) {
       URL.revokeObjectURL(file.url);
@@ -2067,6 +2083,38 @@ const encryptDialogConfirm = ({ state }) => () => {
   state.encryptDialogConfig.show = false;
   typeof selectFileMethod === "function" && selectFileMethod();
 };
+const closeRecordPanel = ({ vm, constants, state, props }) => () => {
+  const { PICTURE_CARD } = constants.LIST_TYPE;
+  const { isHwh5 } = state;
+  const { listType } = props;
+  if (listType === PICTURE_CARD && isHwh5) {
+    vm.$refs[constants.UPLOAD_LIST_INNER].$refs[constants.UPLOAD_LIST_INNER_TEMPLATE].state.showAudioPanel = false;
+  }
+};
+const getTipMessage = ({ t, api, constants }) => ({ accept, fileSize, limit }) => {
+  let acceptTip = "";
+  if (accept) {
+    acceptTip = t(constants.ONLY_SUPPORT, {
+      type: accept.split(",").map((item) => item.trim().replace(/^\./, "")).join(t(constants.COMMA))
+    });
+  }
+  if (fileSize && acceptTip.length !== 0) {
+    acceptTip += `${t(constants.COMMA)} `;
+  }
+  let fileSizeTip = "";
+  let kibibyte = 1024;
+  if (typeof fileSize === "number") {
+    fileSizeTip = `${t(constants.FILE_NOT_LESS_THAN)}${api.formatFileSize(fileSize * kibibyte)}`;
+  } else if (Array.isArray(fileSize)) {
+    fileSizeTip += !isNaN(fileSize[0]) ? `${t(constants.FILE_NOT_LESS_THAN)}${api.formatFileSize(Number(fileSize[0]) * kibibyte)}${t(constants.COMMA)}` : "";
+    fileSizeTip += !isNaN(fileSize[1]) ? `${t(constants.FILE_NOT_MORE_THAN)}${api.formatFileSize(Number(fileSize[1]) * kibibyte)}` : "";
+  }
+  let limitTip = limit ? t(constants.NUMBER_LIMIT, { number: limit }) : "";
+  if ((fileSize || acceptTip.length !== 0) && limit) {
+    limitTip = `${t(constants.COMMA)} ` + limitTip;
+  }
+  return acceptTip + fileSizeTip + limitTip;
+};
 export {
   abort,
   abortDownload,
@@ -2078,6 +2126,7 @@ export {
   calcUploadingFilesInfo,
   clearFiles,
   clearUploadingFiles,
+  closeRecordPanel,
   computeDocChunkSize,
   computedSourcetype,
   computedUploadDisabled,
@@ -2103,6 +2152,7 @@ export {
   getKiaScanTip,
   getNewTabPreviewUrl,
   getPreviewUrlSync,
+  getTipMessage,
   getToken,
   handleChange,
   handleClick,