cnhis-design-vue 3.1.6 → 3.1.7

package/es/packages/chunk-upload/index.mjs

@@ -1 +1 @@
-export{default}from"./index2.mjs";
+export { default } from './index2.mjs';

package/es/packages/chunk-upload/index2.mjs

@@ -1 +1,14 @@
-import{KEY_COMPONENT_NAME as s}from"cnhis-design-vue/es/src/global/variable";import"./src/vod-chunk-upload/vod-chunk-upload2.mjs";import o from"vue-simple-uploader";import"vue-simple-uploader/dist/style.css";import{safeComponentRegister as e,getComponentName as u}from"cnhis-design-vue/es/src/utils";import r from"./src/vod-chunk-upload/vod-chunk-upload.vue_vue_type_script_setup_true_lang.mjs";const i=r;i.install=function(r){r.use(o),e(r,i,s+u(i))};export{i as default};
+import { KEY_COMPONENT_NAME } from 'cnhis-design-vue/es/src/global/variable';
+import './src/vod-chunk-upload/vod-chunk-upload2.mjs';
+import uploader from 'vue-simple-uploader';
+import 'vue-simple-uploader/dist/style.css';
+import { safeComponentRegister, getComponentName } from 'cnhis-design-vue/es/src/utils';
+import script from './src/vod-chunk-upload/vod-chunk-upload.vue_vue_type_script_setup_true_lang.mjs';
+
+const VodChunkUpload = script;
+VodChunkUpload.install = function(app) {
+  app.use(uploader);
+  safeComponentRegister(app, VodChunkUpload, KEY_COMPONENT_NAME + getComponentName(VodChunkUpload));
+};
+
+export { VodChunkUpload as default };

package/es/packages/chunk-upload/src/chunk-upload-new.mjs

@@ -1 +1,2 @@
-import"./chunk-upload-new2.mjs";export{default}from"./chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs";
+import './chunk-upload-new2.mjs';
+export { default } from './chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs';

package/es/packages/chunk-upload/src/chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs

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

package/es/packages/chunk-upload/src/chunk-upload-new2.mjs

@@ -1 +1,4 @@
-import e from"./chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs";e.__file="packages/chunk-upload/src/chunk-upload-new.vue";
+import script from './chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/chunk-upload/src/chunk-upload-new.vue";

package/es/packages/chunk-upload/src/hooks/upload-computed.mjs

@@ -1 +1 @@
-export{UploadComputed}from"./upload-computed2.mjs";
+export { UploadComputed } from './upload-computed2.mjs';

package/es/packages/chunk-upload/src/hooks/upload-computed2.mjs

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

package/es/packages/chunk-upload/src/hooks/upload-data.mjs

@@ -1 +1 @@
-export{UploadProps,UploadState,statusSet}from"./upload-data2.mjs";
+export { UploadProps, UploadState, statusSet } from './upload-data2.mjs';