cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

package/es/components/vod-chunk-upload/index.js

@@ -1 +1,14 @@
-import{COMPONENT_NAMESPACE as o}from"../../shared/global/variable.js";import s from"./src/vod-chunk-upload/vod-chunk-upload.vue.js";import r from"vue-simple-uploader";import"vue-simple-uploader/dist/style.css";import{safeComponentRegister as l}from"../../shared/utils/index.js";import"../../shared/utils/utilExpand.js";const e=s;e.install=function(s){s.use(r),l(s,e,o+"VodChunkUpload")};export{e as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import script from './src/vod-chunk-upload/vod-chunk-upload.vue.js';
+import uploader from 'vue-simple-uploader';
+import 'vue-simple-uploader/dist/style.css';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import '../../shared/utils/utilExpand.js';
+
+const VodChunkUpload = script;
+VodChunkUpload.install = function(app) {
+  app.use(uploader);
+  safeComponentRegister(app, VodChunkUpload, COMPONENT_NAMESPACE + "VodChunkUpload");
+};
+
+export { VodChunkUpload as default };

package/es/components/vod-chunk-upload/src/chunk-upload-new.vue.js

@@ -1 +1,6 @@
-import e from"./chunk-upload-new.vue2.js";import u from"../../../_virtual/_plugin-vue_export-helper.js";var r=u(e,[["__file","chunk-upload-new.vue"]]);export{r as default};
+import _sfc_main from './chunk-upload-new.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var chunkUploadCom = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "chunk-upload-new.vue"]]);
+
+export { chunkUploadCom as default };

package/es/components/vod-chunk-upload/src/chunk-upload-new.vue2.js

@@ -1 +1,485 @@
-import{defineComponent as e,ref as t,reactive as l,computed as o,onMounted as i,nextTick as n,onUnmounted as a,resolveComponent as s,openBlock as r,createElementBlock as c,createCommentVNode as u,createVNode as d,unref as p,withCtx as f,createElementVNode as m,Fragment as g,renderList as v,withDirectives as h,normalizeClass as _,toDisplayString as k,vShow as y,createTextVNode as L}from"vue";import z from"spark-md5";import C from"axios";import{useMessage as x,NIcon as S,NProgress as F,NButton as w}from"naive-ui";import{UploadProps as b,getUploadData as I,statusSet as M}from"./hooks/upload-data.js";import{UploadComputed as A}from"./hooks/upload-computed.js";import{FolderOutline as B,DocumentAttachOutline as q,Close as E}from"@vicons/ionicons5";const U={class:"c-chunk-upload-container"},$=m("p",null,"点击或将文件拖拽到这里上传",-1),D={class:"c-file-list-conatiner"},N={key:0,class:"file-list"},P={class:"c-f-item"},R={class:"c-f-item-icon"},j={class:"c-f-item-info"},T={class:"c-f-item-info-title"},G={class:"title"},J={class:"size"},K={class:"c-f-item-info-time"},O={class:"c-f-item-btn"},H={class:"upload-btn"},Q=m("span",null,"上传新文件",-1);var V=e({__name:"chunk-upload-new",props:{...b},emits:["getSumbitList","closeUpload"],setup(e,{expose:b,emit:V}){const W=e,{UploadState:X}=I();var Y=C.create({});const Z=t(null),ee=t(null),te=l(X),le=x(),{initState:oe,uploadArguments:ie,autoStart:ne,btnAttrs:ae}=A(W,te);oe();const se=o((()=>"guage"==W.source)),re=e=>{const t=(null==W?void 0:W.max_size)||"";if(!t)return!1;let l=e.size/1024<+t;return l||le.error(`附件大小超过了${(e=>{if(se.value)return e/1024+"MB";let t;return e?(t=+(+e).toFixed(2),t<1024?t+"KB":t<1048576?(t/1024).toFixed(2)+"MB":t<1073741824?(t/1048576).toFixed(2)+"GB":void 0):t})(t)}`),!l},ce=e=>{let t=new FileReader;(new Date).getTime();let l=File.prototype.slice||File.prototype.mozSlice||File.prototype.webkitSlice,o=0;const i=1024e4;let n=Math.ceil(e.size/i),a=new z.ArrayBuffer;function s(){let n=o*i,a=n+i>=e.size?e.size:n+i;t.readAsArrayBuffer(l.call(e.file,n,a))}M(e,"md5"),e.pause(),s(),t.onload=t=>{if(a.append(t.target.result),o<n)o++,s();else{let t=a.end();de(t,e)}},t.onerror=function(){console.warn(`文件${e.name}读取出错，请检查该文件`),e.cancel()}},ue=e=>{let t=re(e);((e,t)=>{let l=!1;if(e){if(e.includes("*"))return!1;let o=t.getExtension();e.includes(o)||(le.error(`不支持${o}格式`),l=!0)}return l})(W.propsCategoryMap,e)||(()=>{var e,t;if(W.maxLength>0){let l=(null==(e=W.defaultList)?void 0:e.length)||0,o=(null==(t=te.configList)?void 0:t.length)||0;if(W.maxLength<=l+o)return le.error(`最多只能上传${W.maxLength}个`),!0}return!1})()||t?e.ignored=!0:(e.file_upload_status="",M(e,"init"),e.crm_upload_config={...e},te.configList.push(e),M(e,"ready"),ne.value&&(e.pause(),ce(e)))},de=async(e,t)=>{try{const l=await((e,t,l)=>{let o=te.uploadConfig.checkFileMd5Exist;return new Promise(((i,n)=>{const a={md5:t,fileName:e,...ie.value};Y.get(o,{params:a}).then((e=>{i(e.data)})).catch((e=>{M(l,"failed"),console.log("verifyUpload -> err",e)}))}))})(t.name,e,t);if("00000"==l.code){const{data:e}=l||{};if(e.presence)return M(t,"complete"),t.crm_chkuns_complete_status="complete",void(t.crm_uploade_resInfo={url:e.path,name:t.name,size:t.size})}t.uniqueIdentifier=e,M(t,"uploading"),t.resume()}catch(e){console.log(e,"chunk-upload-computeMD5Success")}},pe=()=>{},fe=(e,t,l)=>{let o=JSON.parse(l);o.success?(M(t,"merging"),((e,t)=>{new Promise(((l,o)=>{const i={...e,...ie.value,size:t.size};Y.post(te.uploadConfig.partFileMerge,i,{timeout:0}).then((({data:e})=>{if("00000"===e.code){if(M(t,"complete"),Z.value){let l=(null==e?void 0:e.data)||{};Z.value.fileList.forEach((e=>{e.uniqueIdentifier==t.uniqueIdentifier&&(e.crm_chkuns_complete_status="complete",e.crm_uploade_resInfo={url:l.path||l.url,name:t.name,size:t.size,...l})}))}l()}else le.error("上传失败"),l()})).catch((e=>{console.log("mergeRequest -> err",e),o()}))}))})({md5:t.uniqueIdentifier,fileName:t.name,fileChunkNum:t.chunks.length},t),o.needMerge&&M(t,"merging")):M(t,"failed")},me=()=>{var e,t;let l=(null==(t=null==(e=null==ee?void 0:ee.value)?void 0:e.$el)?void 0:t.querySelector("input"))||!1;l&&l.click()},ge=(e,t="text")=>((null==e?void 0:e.file_upload_status)||{})[t],ve=e=>["complete","failed"].includes(ge(e,"status")),he=(e,t)=>{M(t,"failed")},_e=(e,t)=>{if("complete"==t.crm_chkuns_complete_status)return 100;return parseInt(100*e+"",10)},ke=()=>{var e;0!=((null==(e=te.configList)?void 0:e.length)||0)?n((()=>{te.configList.forEach((e=>{(e.file_upload_status||{}).status&&(M(e,"uploading"),ce(e))}))})):le.info("请选择文件")},ye=()=>{var e,t;console.log("cancelcancelcancel"),null==(t=null==(e=Z.value)?void 0:e.uploader)||t.cancel(),te.configList=[],V("closeUpload",!1)};return(()=>{try{console.log(W.getChunkUploadConfig),W.getChunkUploadConfig().then((e=>{console.log(e),te.uploadConfig={...e},te.headers={Authorization:"bearer "+te.uploadConfig.token},(()=>{for(const e in te.headers)Y.defaults.headers.common[e]=te.headers[e];Y.defaults.withCredentials=te.withCredentials})()}))}catch(e){console.log(e)}})(),i((()=>{n((()=>{}))})),a((()=>{})),b({cancel:ye,confirm:()=>{console.log("ininini");const{configList:e}=te;0!==((null==e?void 0:e.length)||0)?e.filter((e=>!["complete","failed"].includes(e.file_upload_status.status))).length>0?le.info("请上传文件或者等待文件上传完成！"):((()=>{var e;let t=(null==(e=null==te?void 0:te.configList)?void 0:e.length)||0,l=[];t>0&&te.configList.forEach((e=>{"complete"==e.crm_chkuns_complete_status&&l.push({size:e.size,...e.crm_uploade_resInfo})})),V("getSumbitList",l)})(),ye()):le.info("请选择文件上传")}}),(e,t)=>{const l=s("uploader-unsupport"),o=s("uploader-drop"),i=s("uploader-file"),n=s("uploader-list"),a=s("uploader-btn"),z=s("uploader");return r(),c("div",U,[u(" 上传 "),d(z,{ref_key:"uploaderDom",ref:Z,options:te.options,autoStart:p(ne),onFileAdded:ue,onFileSuccess:fe,onFileProgress:pe,onFileError:he,class:"uploader-app"},{default:f((()=>[d(l),d(o,null,{default:f((()=>[m("div",{class:"c-drap-container dragger-btn",onClick:me},[d(p(S),{component:p(B)},null,8,["component"]),$])])),_:1}),d(n,null,{default:f((e=>[m("div",D,[e?(r(),c("ul",N,[(r(!0),c(g,null,v(e.fileList,(e=>(r(),c("li",{key:e.id},[h(d(i,{class:_("file_"+e.id),ref_for:!0,ref:"files",file:e,list:!0},{default:f((t=>[m("div",{class:_(["c-file-container",{"c-file-boder-bottom":ve(e)}])},[m("div",P,[m("div",R,[d(p(S),{component:p(q),style:{color:"#5585f5"}},null,8,["component"])]),m("div",j,[m("div",T,[m("span",G,k(e.name),1),m("span",J,"("+k(t.formatedSize)+")",1)]),m("div",K,[m("span",null,k(t.formatedTimeRemaining),1),m("span",null,k(ge(e,"text")),1)])]),m("div",O,[d(p(S),{component:p(E),onClick:t=>(e=>{e.cancel?e.cancel():e.remove&&e.remove();let t=e.id;te.configList=te.configList.filter((e=>e.id!==t))})(e)},null,8,["component","onClick"])])]),d(p(F),{percentage:_e(te.progress,e),type:"line","show-indicator":!1},null,8,["percentage"])],2)])),_:2},1032,["class","file"]),[[y,!e.ignored]])])))),128))])):u("v-if",!0)])])),_:1}),m("div",H,[h(d(a,{attrs:p(ae),ref_key:"uploadBtnDom",ref:ee},{default:f((()=>[Q])),_:1},8,["attrs"]),[[y,!1]]),d(p(w),{type:"primary",class:"mgl-10",onClick:ke},{default:f((()=>[L("开始上传")])),_:1})])])),_:1},8,["options","autoStart"])])}}});export{V as default};
+import { defineComponent, ref, reactive, computed, onMounted, nextTick, onUnmounted, resolveComponent, openBlock, createElementBlock, createCommentVNode, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, withDirectives, normalizeClass, toDisplayString, vShow, createTextVNode } from 'vue';
+import SparkMD5 from 'spark-md5';
+import axios from 'axios';
+import { useMessage, NIcon, NProgress, NButton } from 'naive-ui';
+import { UploadProps, getUploadData, statusSet } from './hooks/upload-data.js';
+import { UploadComputed } from './hooks/upload-computed.js';
+import { FolderOutline, DocumentAttachOutline, Close } from '@vicons/ionicons5';
+
+const _hoisted_1 = {
+  class: "c-chunk-upload-container"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("p", null, "\u70B9\u51FB\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u8FD9\u91CC\u4E0A\u4F20", -1);
+const _hoisted_3 = {
+  class: "c-file-list-conatiner"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "file-list"
+};
+const _hoisted_5 = {
+  class: "c-f-item"
+};
+const _hoisted_6 = {
+  class: "c-f-item-icon"
+};
+const _hoisted_7 = {
+  class: "c-f-item-info"
+};
+const _hoisted_8 = {
+  class: "c-f-item-info-title"
+};
+const _hoisted_9 = {
+  class: "title"
+};
+const _hoisted_10 = {
+  class: "size"
+};
+const _hoisted_11 = {
+  class: "c-f-item-info-time"
+};
+const _hoisted_12 = {
+  class: "c-f-item-btn"
+};
+const _hoisted_13 = {
+  class: "upload-btn"
+};
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", null, "\u4E0A\u4F20\u65B0\u6587\u4EF6", -1);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "chunk-upload-new",
+  props: {
+    ...UploadProps
+  },
+  emits: ["getSumbitList", "closeUpload"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const {
+      UploadState
+    } = getUploadData();
+    var instance = axios.create({});
+    const uploaderDom = ref(null);
+    const uploadBtnDom = ref(null);
+    const state = reactive(UploadState);
+    const message = useMessage();
+    const {
+      initState,
+      uploadArguments,
+      autoStart,
+      btnAttrs
+    } = UploadComputed(props, state);
+    initState();
+    const isGuage = computed(() => props.source == "guage");
+    const setAxios = () => {
+      for (const i in state.headers) {
+        instance.defaults.headers.common[i] = state.headers[i];
+      }
+      instance.defaults.withCredentials = state.withCredentials;
+    };
+    const init = () => {
+      try {
+        console.log(props.getChunkUploadConfig);
+        props.getChunkUploadConfig().then((res) => {
+          console.log(res);
+          state.uploadConfig = {
+            ...res
+          };
+          state.headers = {
+            Authorization: "bearer " + state.uploadConfig.token
+          };
+          setAxios();
+        });
+      } catch (error) {
+        console.log(error);
+      }
+    };
+    const curMaxSize = (curMax) => {
+      if (isGuage.value) {
+        return curMax / 1024 + "MB";
+      }
+      let useMax;
+      if (curMax) {
+        useMax = +(+curMax).toFixed(2);
+      } else {
+        return useMax;
+      }
+      if (useMax < 1024) {
+        return useMax + "KB";
+      } else if (useMax < 1024 * 1024) {
+        return (useMax / 1024).toFixed(2) + "MB";
+      } else if (useMax < 1024 * 1024 * 1024) {
+        return (useMax / (1024 * 1024)).toFixed(2) + "GB";
+      }
+    };
+    const checkSize = (file) => {
+      const max_size = (props == null ? void 0 : props.max_size) || "";
+      if (!max_size)
+        return false;
+      let isLt = file.size / 1024 < +max_size;
+      if (!isLt) {
+        message.error(`\u9644\u4EF6\u5927\u5C0F\u8D85\u8FC7\u4E86${curMaxSize(max_size)}`);
+      }
+      return !isLt;
+    };
+    const handleCheckExt = (map, file) => {
+      let flag = false;
+      if (map) {
+        if (map.includes("*")) {
+          return false;
+        }
+        let ext = file.getExtension();
+        if (!map.includes(ext)) {
+          message.error(`\u4E0D\u652F\u6301${ext}\u683C\u5F0F`);
+          flag = true;
+        }
+      }
+      return flag;
+    };
+    const checkMaxLength = () => {
+      var _a, _b;
+      if (props.maxLength > 0) {
+        let defLen = ((_a = props.defaultList) == null ? void 0 : _a.length) || 0;
+        let len = ((_b = state.configList) == null ? void 0 : _b.length) || 0;
+        if (props.maxLength <= defLen + len) {
+          message.error(`\u6700\u591A\u53EA\u80FD\u4E0A\u4F20${props.maxLength}\u4E2A`);
+          return true;
+        }
+      }
+      return false;
+    };
+    const computeMD5 = (file) => {
+      let fileReader = new FileReader();
+      new Date().getTime();
+      let blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice;
+      let currentChunk = 0;
+      const chunkSize = 10 * 1024 * 1e3;
+      let chunks = Math.ceil(file.size / chunkSize);
+      let spark = new SparkMD5.ArrayBuffer();
+      statusSet(file, "md5");
+      file.pause();
+      loadNext();
+      fileReader.onload = (e) => {
+        spark.append(e.target.result);
+        if (currentChunk < chunks) {
+          currentChunk++;
+          loadNext();
+        } else {
+          let md5 = spark.end();
+          computeMD5Success(md5, file);
+        }
+      };
+      fileReader.onerror = function() {
+        console.warn(`\u6587\u4EF6${file.name}\u8BFB\u53D6\u51FA\u9519\uFF0C\u8BF7\u68C0\u67E5\u8BE5\u6587\u4EF6`);
+        file.cancel();
+      };
+      function loadNext() {
+        let start = currentChunk * chunkSize;
+        let end = start + chunkSize >= file.size ? file.size : start + chunkSize;
+        fileReader.readAsArrayBuffer(blobSlice.call(file.file, start, end));
+      }
+    };
+    const onFileAdded = (file) => {
+      let sizeFlag = checkSize(file);
+      if (handleCheckExt(props.propsCategoryMap, file) || checkMaxLength() || sizeFlag) {
+        file.ignored = true;
+        return;
+      }
+      file.file_upload_status = "";
+      statusSet(file, "init");
+      file.crm_upload_config = {
+        ...file
+      };
+      state.configList.push(file);
+      statusSet(file, "ready");
+      if (autoStart.value) {
+        file.pause();
+        computeMD5(file);
+      }
+    };
+    const verifyUpload = (fileName, fileHash, file) => {
+      let url = state.uploadConfig.checkFileMd5Exist;
+      return new Promise((resolve, reject) => {
+        const obj = {
+          md5: fileHash,
+          fileName,
+          ...uploadArguments.value
+        };
+        instance.get(url, {
+          params: obj
+        }).then((res) => {
+          resolve(res.data);
+        }).catch((err) => {
+          statusSet(file, "failed");
+          console.log("verifyUpload -> err", err);
+        });
+      });
+    };
+    const computeMD5Success = async (md5, file) => {
+      try {
+        const verifyData = await verifyUpload(file.name, md5, file);
+        if (verifyData.code == "00000") {
+          const {
+            data
+          } = verifyData || {};
+          if (data.presence) {
+            statusSet(file, "complete");
+            file.crm_chkuns_complete_status = "complete";
+            file.crm_uploade_resInfo = {
+              url: data.path,
+              name: file.name,
+              size: file.size
+            };
+            return;
+          }
+        }
+        file.uniqueIdentifier = md5;
+        statusSet(file, "uploading");
+        file.resume();
+      } catch (error) {
+        console.log(error, "chunk-upload-computeMD5Success");
+      }
+    };
+    const onFileProgress = () => {
+    };
+    const mergeRequest = (data, file) => {
+      return new Promise((resolve, reject) => {
+        const obj = {
+          ...data,
+          ...uploadArguments.value,
+          size: file.size
+        };
+        instance.post(state.uploadConfig.partFileMerge, obj, {
+          timeout: 0
+        }).then(({
+          data: data2
+        }) => {
+          if (data2.code === "00000") {
+            statusSet(file, "complete");
+            if (uploaderDom.value) {
+              let resData = (data2 == null ? void 0 : data2.data) || {};
+              let fileList = uploaderDom.value.fileList;
+              fileList.forEach((v) => {
+                if (v.uniqueIdentifier == file.uniqueIdentifier) {
+                  v.crm_chkuns_complete_status = "complete";
+                  v.crm_uploade_resInfo = {
+                    url: resData.path || resData.url,
+                    name: file.name,
+                    size: file.size,
+                    ...resData
+                  };
+                }
+              });
+            }
+            resolve();
+          } else {
+            message.error("\u4E0A\u4F20\u5931\u8D25");
+            resolve();
+          }
+        }).catch((err) => {
+          console.log("mergeRequest -> err", err);
+          reject();
+        });
+      });
+    };
+    const onFileSuccess = (rootFile, file, response) => {
+      let res = JSON.parse(response);
+      if (!res.success) {
+        statusSet(file, "failed");
+        return;
+      }
+      statusSet(file, "merging");
+      mergeRequest({
+        md5: file.uniqueIdentifier,
+        fileName: file.name,
+        fileChunkNum: file.chunks.length
+      }, file);
+      if (res.needMerge) {
+        statusSet(file, "merging");
+      }
+    };
+    const hanldeDraggerBtnClick = () => {
+      var _a, _b;
+      let input = ((_b = (_a = uploadBtnDom == null ? void 0 : uploadBtnDom.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector("input")) || false;
+      if (input) {
+        input.click();
+      }
+    };
+    const getUploadShowStatus = (file, key = "text") => {
+      let status = (file == null ? void 0 : file.file_upload_status) || {};
+      return status[key];
+    };
+    const fileClass = (file) => {
+      return ["complete", "failed"].includes(getUploadShowStatus(file, "status"));
+    };
+    const handleRemove = (file) => {
+      if (file.cancel) {
+        file.cancel();
+      } else if (file.remove) {
+        file.remove();
+      }
+      let id = file.id;
+      state.configList = state.configList.filter((c) => c.id !== id);
+    };
+    const onFileError = (rootFile, file) => {
+      statusSet(file, "failed");
+    };
+    const formatedProgress = (v, file) => {
+      if (file.crm_chkuns_complete_status == "complete") {
+        return 100;
+      }
+      let tempV = v * 100 + "";
+      return parseInt(tempV, 10);
+    };
+    const handleStartUpload = () => {
+      var _a;
+      let len = ((_a = state.configList) == null ? void 0 : _a.length) || 0;
+      if (len == 0) {
+        message.info("\u8BF7\u9009\u62E9\u6587\u4EF6");
+        return;
+      }
+      nextTick(() => {
+        state.configList.forEach((f) => {
+          let o = f.file_upload_status || {};
+          if (o.status) {
+            statusSet(f, "uploading");
+            computeMD5(f);
+          }
+        });
+      });
+    };
+    const close = () => {
+      var _a, _b;
+      (_b = (_a = uploaderDom.value) == null ? void 0 : _a.uploader) == null ? void 0 : _b.cancel();
+    };
+    const handleGetSumbitList = () => {
+      var _a;
+      let len = ((_a = state == null ? void 0 : state.configList) == null ? void 0 : _a.length) || 0;
+      let list = [];
+      if (len > 0) {
+        state.configList.forEach((file) => {
+          if (file.crm_chkuns_complete_status == "complete")
+            list.push({
+              size: file.size,
+              ...file.crm_uploade_resInfo
+            });
+        });
+      }
+      emit("getSumbitList", list);
+    };
+    const confirm = () => {
+      console.log("ininini");
+      const {
+        configList
+      } = state;
+      let len = (configList == null ? void 0 : configList.length) || 0;
+      if (len === 0) {
+        message.info("\u8BF7\u9009\u62E9\u6587\u4EF6\u4E0A\u4F20");
+        return;
+      }
+      let list = configList.filter((v) => !["complete", "failed"].includes(v.file_upload_status.status));
+      if (list.length > 0) {
+        message.info("\u8BF7\u4E0A\u4F20\u6587\u4EF6\u6216\u8005\u7B49\u5F85\u6587\u4EF6\u4E0A\u4F20\u5B8C\u6210\uFF01");
+        return;
+      }
+      handleGetSumbitList();
+      cancel();
+    };
+    const cancel = () => {
+      console.log("cancelcancelcancel");
+      close();
+      state.configList = [];
+      emit("closeUpload", false);
+    };
+    init();
+    onMounted(() => {
+      nextTick(() => {
+      });
+    });
+    onUnmounted(() => {
+    });
+    expose({
+      cancel,
+      confirm
+    });
+    return (_ctx, _cache) => {
+      const _component_uploader_unsupport = resolveComponent("uploader-unsupport");
+      const _component_uploader_drop = resolveComponent("uploader-drop");
+      const _component_uploader_file = resolveComponent("uploader-file");
+      const _component_uploader_list = resolveComponent("uploader-list");
+      const _component_uploader_btn = resolveComponent("uploader-btn");
+      const _component_uploader = resolveComponent("uploader");
+      return openBlock(), createElementBlock("div", _hoisted_1, [createCommentVNode(" \u4E0A\u4F20 "), createVNode(_component_uploader, {
+        ref_key: "uploaderDom",
+        ref: uploaderDom,
+        options: state.options,
+        autoStart: unref(autoStart),
+        onFileAdded,
+        onFileSuccess,
+        onFileProgress,
+        onFileError,
+        class: "uploader-app"
+      }, {
+        default: withCtx(() => [createVNode(_component_uploader_unsupport), createVNode(_component_uploader_drop, null, {
+          default: withCtx(() => [createElementVNode("div", {
+            class: "c-drap-container dragger-btn",
+            onClick: hanldeDraggerBtnClick
+          }, [createVNode(unref(NIcon), {
+            component: unref(FolderOutline)
+          }, null, 8, ["component"]), _hoisted_2])]),
+          _: 1
+        }), createVNode(_component_uploader_list, null, {
+          default: withCtx((scope) => [createElementVNode("div", _hoisted_3, [scope ? (openBlock(), createElementBlock("ul", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(scope.fileList, (file) => {
+            return openBlock(), createElementBlock("li", {
+              key: file.id
+            }, [withDirectives(createVNode(_component_uploader_file, {
+              class: normalizeClass("file_" + file.id),
+              ref_for: true,
+              ref: "files",
+              file,
+              list: true
+            }, {
+              default: withCtx((scope2) => [createElementVNode("div", {
+                class: normalizeClass(["c-file-container", {
+                  "c-file-boder-bottom": fileClass(file)
+                }])
+              }, [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createVNode(unref(NIcon), {
+                component: unref(DocumentAttachOutline),
+                style: {
+                  "color": "#5585f5"
+                }
+              }, null, 8, ["component"])]), createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, [createElementVNode("span", _hoisted_9, toDisplayString(file.name), 1), createElementVNode("span", _hoisted_10, "(" + toDisplayString(scope2.formatedSize) + ")", 1)]), createElementVNode("div", _hoisted_11, [createElementVNode("span", null, toDisplayString(scope2.formatedTimeRemaining), 1), createElementVNode("span", null, toDisplayString(getUploadShowStatus(file, "text")), 1)])]), createElementVNode("div", _hoisted_12, [createVNode(unref(NIcon), {
+                component: unref(Close),
+                onClick: ($event) => handleRemove(file)
+              }, null, 8, ["component", "onClick"])])]), createVNode(unref(NProgress), {
+                percentage: formatedProgress(state.progress, file),
+                type: "line",
+                "show-indicator": false
+              }, null, 8, ["percentage"])], 2)]),
+              _: 2
+            }, 1032, ["class", "file"]), [[vShow, !file.ignored]])]);
+          }), 128))])) : createCommentVNode("v-if", true)])]),
+          _: 1
+        }), createElementVNode("div", _hoisted_13, [withDirectives(createVNode(_component_uploader_btn, {
+          attrs: unref(btnAttrs),
+          ref_key: "uploadBtnDom",
+          ref: uploadBtnDom
+        }, {
+          default: withCtx(() => [_hoisted_14]),
+          _: 1
+        }, 8, ["attrs"]), [[vShow, false]]), createVNode(unref(NButton), {
+          type: "primary",
+          class: "mgl-10",
+          onClick: handleStartUpload
+        }, {
+          default: withCtx(() => [createTextVNode("\u5F00\u59CB\u4E0A\u4F20")]),
+          _: 1
+        })])]),
+        _: 1
+      }, 8, ["options", "autoStart"])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/vod-chunk-upload/src/hooks/upload-computed.js

@@ -1 +1,74 @@
-import{computed as e}from"vue";const n=(n,a,o)=>{const l=()=>({Authorization:"bearer "+a.uploadConfig.token}),r=e=>{var n;return(null==(n=null==a?void 0:a.uploadConfig)?void 0:n.partFileUpload)||""},t=(e,n)=>({channel:d.value,md5:n.uniqueIdentifier,name:e.filename,chunk:e.chunkNumber-1,chunks:e.totalChunks,chunkSize:e.currentChunkSize}||e),i=(e,n,a,o)=>{n(null,e)},u=(e,n)=>{var a,o,l;return n.replace(/\syears?/,(null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.349"))||"年").replace(/\days?/,(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.144"))||"天").replace(/\shours?/,(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.350"))||"小时").replace(/\sminutes?/,"分钟").replace(/\sseconds?/,"秒")},s=e((()=>!1)),p=e((()=>({accept:n.propsCategoryMap}))),d=e((()=>{const e=a.uploadConfig;if(0===Object.keys(e||{}).length)return;return("file"===n.uploaderType?e.fileChannel:e.channel)||e.fileChannel})),c=e((()=>({type:n.uploaderType,channel:d.value})));return e((()=>({...c.value,share:a.share}))),{initState:()=>{a.options.target=r,a.options.headers=l,a.options.processParams=t,a.options.parseTimeRemaining=u,a.options.processResponse=i},uploadArguments:c,autoStart:s,btnAttrs:p}};export{n as UploadComputed};
+import { computed } from 'vue';
+
+const UploadComputed = (props, state, config) => {
+  const handleProcessHeaders = () => {
+    return {
+      Authorization: "bearer " + state.uploadConfig.token
+    };
+  };
+  const handleGetTargetUrl = (file) => {
+    var _a;
+    return ((_a = state == null ? void 0 : state.uploadConfig) == null ? void 0 : _a.partFileUpload) || "";
+  };
+  const handleProcessParams = (params, file) => {
+    const res = {
+      channel: channel.value,
+      md5: file.uniqueIdentifier,
+      name: params.filename,
+      chunk: params.chunkNumber - 1,
+      chunks: params.totalChunks,
+      chunkSize: params.currentChunkSize
+    };
+    return res || params;
+  };
+  const processResponse = (response, cb, file, Chunk) => {
+    cb(null, response);
+  };
+  const parseTimeRemaining = (timeRemaining, parsedTimeRemaining) => {
+    var _a, _b, _c;
+    return parsedTimeRemaining.replace(/\syears?/, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.349")) || "\u5E74").replace(/\days?/, ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.144")) || "\u5929").replace(/\shours?/, ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.350")) || "\u5C0F\u65F6").replace(/\sminutes?/, "\u5206\u949F").replace(/\sseconds?/, "\u79D2");
+  };
+  const initState = () => {
+    state.options.target = handleGetTargetUrl;
+    state.options.headers = handleProcessHeaders;
+    state.options.processParams = handleProcessParams;
+    state.options.parseTimeRemaining = parseTimeRemaining;
+    state.options.processResponse = processResponse;
+  };
+  const autoStart = computed(() => {
+    return false;
+  });
+  const btnAttrs = computed(() => {
+    return {
+      accept: props.propsCategoryMap
+    };
+  });
+  const channel = computed(() => {
+    const obj = state.uploadConfig;
+    if (Object.keys(obj || {}).length === 0) {
+      return void 0;
+    }
+    const res = props.uploaderType === "file" ? obj.fileChannel : obj.channel;
+    return res || obj.fileChannel;
+  });
+  const uploadArguments = computed(() => {
+    return {
+      type: props.uploaderType,
+      channel: channel.value
+    };
+  });
+  computed(() => {
+    return {
+      ...uploadArguments.value,
+      share: state.share
+    };
+  });
+  return {
+    initState,
+    uploadArguments,
+    autoStart,
+    btnAttrs
+  };
+};
+
+export { UploadComputed };