cnhis-design-vue 3.1.40-beta.11 → 3.1.40-beta.15

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

@@ -1,480 +1 @@
-import { defineComponent, ref, reactive, 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';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-
-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);
-const _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 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) => {
-      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
-        };
-        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"])
-      ]);
-    };
-  }
-});
-var chunkUploadCom = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "chunk-upload-new.vue"]]);
-
-export { chunkUploadCom as default };
+import{defineComponent as e,ref as l,reactive as t,onMounted as o,nextTick as i,onUnmounted as n,resolveComponent as a,openBlock as r,createElementBlock as s,createCommentVNode as c,createVNode as u,unref as d,withCtx as p,createElementVNode as f,Fragment as m,renderList as g,withDirectives as v,normalizeClass as h,toDisplayString as _,vShow as k,createTextVNode as y}from"vue";import L from"spark-md5";import C from"axios";import{useMessage as x,NIcon as z,NProgress as S,NButton as w}from"naive-ui";import{UploadProps as F,getUploadData as b,statusSet as I}from"./hooks/upload-data.js";import{UploadComputed as A}from"./hooks/upload-computed.js";import{FolderOutline as M,DocumentAttachOutline as q,Close as B}from"@vicons/ionicons5";import E from"../../../_virtual/plugin-vue_export-helper.js";const U={class:"c-chunk-upload-container"},$=f("p",null,"点击或将文件拖拽到这里上传",-1),D={class:"c-file-list-conatiner"},N={key:0,class:"file-list"},j={class:"c-f-item"},P={class:"c-f-item-icon"},R={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=f("span",null,"上传新文件",-1);var V=E(e({__name:"chunk-upload-new",props:{...F},emits:["getSumbitList","closeUpload"],setup(e,{expose:F,emit:E}){const V=e,{UploadState:W}=b();var X=C.create({});const Y=l(null),Z=l(null),ee=t(W),le=x(),{initState:te,uploadArguments:oe,autoStart:ie,btnAttrs:ne}=A(V,ee);te();const ae=e=>{let l=new FileReader;(new Date).getTime();let t=File.prototype.slice||File.prototype.mozSlice||File.prototype.webkitSlice,o=0;const i=1024e4;let n=Math.ceil(e.size/i),a=new L.ArrayBuffer;function r(){let n=o*i,a=n+i>=e.size?e.size:n+i;l.readAsArrayBuffer(t.call(e.file,n,a))}I(e,"md5"),e.pause(),r(),l.onload=l=>{if(a.append(l.target.result),o<n)o++,r();else{let l=a.end();se(l,e)}},l.onerror=function(){console.warn(`文件${e.name}读取出错，请检查该文件`),e.cancel()}},re=e=>{let l=(e=>{const l=(null==V?void 0:V.max_size)||"";if(!l)return!1;let t=e.size/1024<+l;return t||le.error(`附件大小超过了${(e=>{let l;return e?(l=+(+e).toFixed(2),l<1024?l+"KB":l<1048576?(l/1024).toFixed(2)+"MB":l<1073741824?(l/1048576).toFixed(2)+"GB":void 0):l})(l)}`),!t})(e);((e,l)=>{let t=!1;if(e){if(e.includes("*"))return!1;let o=l.getExtension();e.includes(o)||(le.error(`不支持${o}格式`),t=!0)}return t})(V.propsCategoryMap,e)||(()=>{var e,l;if(V.maxLength>0){let t=(null==(e=V.defaultList)?void 0:e.length)||0,o=(null==(l=ee.configList)?void 0:l.length)||0;if(V.maxLength<=t+o)return le.error(`最多只能上传${V.maxLength}个`),!0}return!1})()||l?e.ignored=!0:(e.file_upload_status="",I(e,"init"),e.crm_upload_config={...e},ee.configList.push(e),I(e,"ready"),ie.value&&(e.pause(),ae(e)))},se=async(e,l)=>{try{const t=await((e,l,t)=>{let o=ee.uploadConfig.checkFileMd5Exist;return new Promise(((i,n)=>{const a={md5:l,fileName:e,...oe.value};X.get(o,{params:a}).then((e=>{i(e.data)})).catch((e=>{I(t,"failed"),console.log("verifyUpload -> err",e)}))}))})(l.name,e,l);if("00000"==t.code){const{data:e}=t||{};if(e.presence)return I(l,"complete"),l.crm_chkuns_complete_status="complete",void(l.crm_uploade_resInfo={url:e.path,name:l.name,size:l.size})}l.uniqueIdentifier=e,I(l,"uploading"),l.resume()}catch(e){console.log(e,"chunk-upload-computeMD5Success")}},ce=()=>{},ue=(e,l,t)=>{let o=JSON.parse(t);o.success?(I(l,"merging"),((e,l)=>{new Promise(((t,o)=>{const i={...e,...oe.value};X.post(ee.uploadConfig.partFileMerge,i,{timeout:0}).then((({data:e})=>{if("00000"===e.code){if(I(l,"complete"),Y.value){let t=(null==e?void 0:e.data)||{};Y.value.fileList.forEach((e=>{e.uniqueIdentifier==l.uniqueIdentifier&&(e.crm_chkuns_complete_status="complete",e.crm_uploade_resInfo={url:t.path||t.url,name:l.name,size:l.size,...t})}))}t()}else le.error("上传失败"),t()})).catch((e=>{console.log("mergeRequest -> err",e),o()}))}))})({md5:l.uniqueIdentifier,fileName:l.name,fileChunkNum:l.chunks.length},l),o.needMerge&&I(l,"merging")):I(l,"failed")},de=()=>{var e,l;let t=(null==(l=null==(e=null==Z?void 0:Z.value)?void 0:e.$el)?void 0:l.querySelector("input"))||!1;t&&t.click()},pe=(e,l="text")=>((null==e?void 0:e.file_upload_status)||{})[l],fe=e=>["complete","failed"].includes(pe(e,"status")),me=(e,l)=>{I(l,"failed")},ge=(e,l)=>{if("complete"==l.crm_chkuns_complete_status)return 100;return parseInt(100*e+"",10)},ve=()=>{var e;0!=((null==(e=ee.configList)?void 0:e.length)||0)?i((()=>{ee.configList.forEach((e=>{(e.file_upload_status||{}).status&&(I(e,"uploading"),ae(e))}))})):le.info("请选择文件")},he=()=>{var e,l;console.log("cancelcancelcancel"),null==(l=null==(e=Y.value)?void 0:e.uploader)||l.cancel(),ee.configList=[],E("closeUpload",!1)};return(()=>{try{console.log(V.getChunkUploadConfig),V.getChunkUploadConfig().then((e=>{console.log(e),ee.uploadConfig={...e},ee.headers={Authorization:"bearer "+ee.uploadConfig.token},(()=>{for(const e in ee.headers)X.defaults.headers.common[e]=ee.headers[e];X.defaults.withCredentials=ee.withCredentials})()}))}catch(e){console.log(e)}})(),o((()=>{i((()=>{}))})),n((()=>{})),F({cancel:he,confirm:()=>{console.log("ininini");const{configList:e}=ee;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 l=(null==(e=null==ee?void 0:ee.configList)?void 0:e.length)||0,t=[];l>0&&ee.configList.forEach((e=>{"complete"==e.crm_chkuns_complete_status&&t.push({size:e.size,...e.crm_uploade_resInfo})})),E("getSumbitList",t)})(),he()):le.info("请选择文件上传")}}),(e,l)=>{const t=a("uploader-unsupport"),o=a("uploader-drop"),i=a("uploader-file"),n=a("uploader-list"),L=a("uploader-btn"),C=a("uploader");return r(),s("div",U,[c(" 上传 "),u(C,{ref_key:"uploaderDom",ref:Y,options:ee.options,autoStart:d(ie),onFileAdded:re,onFileSuccess:ue,onFileProgress:ce,onFileError:me,class:"uploader-app"},{default:p((()=>[u(t),u(o,null,{default:p((()=>[f("div",{class:"c-drap-container dragger-btn",onClick:de},[u(d(z),{component:d(M)},null,8,["component"]),$])])),_:1}),u(n,null,{default:p((e=>[f("div",D,[e?(r(),s("ul",N,[(r(!0),s(m,null,g(e.fileList,(e=>(r(),s("li",{key:e.id},[v(u(i,{class:h("file_"+e.id),ref_for:!0,ref:"files",file:e,list:!0},{default:p((l=>[f("div",{class:h(["c-file-container",{"c-file-boder-bottom":fe(e)}])},[f("div",j,[f("div",P,[u(d(z),{component:d(q),style:{color:"#5585f5"}},null,8,["component"])]),f("div",R,[f("div",T,[f("span",G,_(e.name),1),f("span",J,"("+_(l.formatedSize)+")",1)]),f("div",K,[f("span",null,_(l.formatedTimeRemaining),1),f("span",null,_(pe(e,"text")),1)])]),f("div",O,[u(d(z),{component:d(B),onClick:l=>(e=>{e.cancel?e.cancel():e.remove&&e.remove();let l=e.id;ee.configList=ee.configList.filter((e=>e.id!==l))})(e)},null,8,["component","onClick"])])]),u(d(S),{percentage:ge(ee.progress,e),type:"line","show-indicator":!1},null,8,["percentage"])],2)])),_:2},1032,["class","file"]),[[k,!e.ignored]])])))),128))])):c("v-if",!0)])])),_:1}),f("div",H,[v(u(L,{attrs:d(ne),ref_key:"uploadBtnDom",ref:Z},{default:p((()=>[Q])),_:1},8,["attrs"]),[[k,!1]]),u(d(w),{type:"primary",class:"mgl-10",onClick:ve},{default:p((()=>[y("开始上传")])),_:1})])])),_:1},8,["options","autoStart"])])}}}),[["__file","chunk-upload-new.vue"]]);export{V as default};

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

@@ -1,70 +1 @@
-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) => {
-    return parsedTimeRemaining.replace(/\syears?/, "\u5E74").replace(/\days?/, "\u5929").replace(/\shours?/, "\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 };
+import{computed as e}from"vue";const n=(n,a,r)=>{const o=()=>({Authorization:"bearer "+a.uploadConfig.token}),t=e=>{var n;return(null==(n=null==a?void 0:a.uploadConfig)?void 0:n.partFileUpload)||""},s=(e,n)=>({channel:c.value,md5:n.uniqueIdentifier,name:e.filename,chunk:e.chunkNumber-1,chunks:e.totalChunks,chunkSize:e.currentChunkSize}||e),l=(e,n,a,r)=>{n(null,e)},u=(e,n)=>n.replace(/\syears?/,"年").replace(/\days?/,"天").replace(/\shours?/,"小时").replace(/\sminutes?/,"分钟").replace(/\sseconds?/,"秒"),p=e((()=>!1)),i=e((()=>({accept:n.propsCategoryMap}))),c=e((()=>{const e=a.uploadConfig;if(0===Object.keys(e||{}).length)return;return("file"===n.uploaderType?e.fileChannel:e.channel)||e.fileChannel})),h=e((()=>({type:n.uploaderType,channel:c.value})));return e((()=>({...h.value,share:a.share}))),{initState:()=>{a.options.target=t,a.options.headers=o,a.options.processParams=s,a.options.parseTimeRemaining=u,a.options.processResponse=l},uploadArguments:h,autoStart:p,btnAttrs:i}};export{n as UploadComputed};

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

@@ -1,96 +1 @@
-const getUploadData = () => {
-  const UploadState = {
-    spinning: false,
-    uploadConfig: {},
-    progress: 0,
-    options: {
-      target: {},
-      chunkSize: 3 * 1024 * 1024,
-      fileParameterName: "file",
-      maxChunkRetries: 3,
-      simultaneousUploads: 3,
-      prioritizeFirstAndLastChunk: true,
-      forceChunkSize: true,
-      testChunks: false,
-      headers: {},
-      query() {
-      },
-      processParams: {},
-      parseTimeRemaining: {},
-      processResponse: {}
-    },
-    attrs: {},
-    collapse: false,
-    configList: [],
-    share: 1,
-    baseUrl: "http://192.168.20.113:12060",
-    headers: {
-      Authorization: "bearer d012a22a9f284801b1bed4c20f3715de"
-    },
-    withCredentials: false
-  };
-  return { UploadState };
-};
-const UploadProps = {
-  propsCategoryMap: { type: String, default: "" },
-  max_size: { type: String, default: "" },
-  maxLength: { type: Number, default: 0 },
-  defaultList: { type: Array, default: () => [] },
-  uploaderType: { type: String, default: "video" },
-  getChunkUploadConfig: { type: Function, default: () => Promise.resolve({}) }
-};
-const statusSet = (file, status) => {
-  const statusMap = {
-    init: {
-      status: "init",
-      text: "\u521D\u59CB\u5316\u4E2D",
-      bgc: "#fff"
-    },
-    md5: {
-      status: "md5",
-      text: "\u6821\u9A8CMD5",
-      bgc: "#fff"
-    },
-    ready: {
-      status: "ready",
-      text: "\u521D\u59CB\u5316\u5B8C\u6210",
-      bgc: "#fff"
-    },
-    merging: {
-      status: "merging",
-      text: "\u5408\u5E76\u4E2D",
-      bgc: "#e2eeff"
-    },
-    uploading: {
-      status: "uploading",
-      text: "\u4E0A\u4F20\u4E2D",
-      bgc: "#e2eeff"
-    },
-    transcoding: {
-      status: "transcoding",
-      text: "\u8F6C\u7801\u4E2D",
-      bgc: "#e2eeff"
-    },
-    paused: {
-      status: "paused",
-      text: "\u6682\u505C",
-      bgc: "#e2eeff"
-    },
-    failed: {
-      status: "failed",
-      text: "\u4E0A\u4F20\u5931\u8D25",
-      bgc: "#e2eeff"
-    },
-    complete: {
-      status: "complete",
-      text: "\u4E0A\u4F20\u5B8C\u6210",
-      bgc: "#e2eeff"
-    }
-  };
-  if (status === "failed") {
-    file.pause && file.pause();
-  }
-  file.file_upload_status = { ...statusMap[status] };
-};
-
-export { UploadProps, getUploadData, statusSet };
+const e=()=>({UploadState:{spinning:!1,uploadConfig:{},progress:0,options:{target:{},chunkSize:3145728,fileParameterName:"file",maxChunkRetries:3,simultaneousUploads:3,prioritizeFirstAndLastChunk:!0,forceChunkSize:!0,testChunks:!1,headers:{},query(){},processParams:{},parseTimeRemaining:{},processResponse:{}},attrs:{},collapse:!1,configList:[],share:1,baseUrl:"http://192.168.20.113:12060",headers:{Authorization:"bearer d012a22a9f284801b1bed4c20f3715de"},withCredentials:!1}}),t={propsCategoryMap:{type:String,default:""},max_size:{type:String,default:""},maxLength:{type:Number,default:0},defaultList:{type:Array,default:()=>[]},uploaderType:{type:String,default:"video"},getChunkUploadConfig:{type:Function,default:()=>Promise.resolve({})}},a=(e,t)=>{"failed"===t&&e.pause&&e.pause(),e.file_upload_status={...{init:{status:"init",text:"初始化中",bgc:"#fff"},md5:{status:"md5",text:"校验MD5",bgc:"#fff"},ready:{status:"ready",text:"初始化完成",bgc:"#fff"},merging:{status:"merging",text:"合并中",bgc:"#e2eeff"},uploading:{status:"uploading",text:"上传中",bgc:"#e2eeff"},transcoding:{status:"transcoding",text:"转码中",bgc:"#e2eeff"},paused:{status:"paused",text:"暂停",bgc:"#e2eeff"},failed:{status:"failed",text:"上传失败",bgc:"#e2eeff"},complete:{status:"complete",text:"上传完成",bgc:"#e2eeff"}}[t]}};export{t as UploadProps,e as getUploadData,a as statusSet};