cnhis-design-vue 3.1.5-beta.5 → 3.1.6

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

@@ -1 +1 @@
-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 b,UploadState as w,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({props:{...b},emits:["getSumbitList","closeUpload"],setup(e,{expose:y,emit:b}){const V=e;var W=C.create({});const X=t(null),Y=t(null),Z=l({...w}),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=[],b("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})})),b("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:d(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(d(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 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};