cnhis-design-vue 3.1.5 → 3.1.6

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

@@ -0,0 +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 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};

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

@@ -0,0 +1 @@
+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";

package/es/packages/chunk-upload/src/hooks/upload-computed.d.ts

@@ -0,0 +1,11 @@
+export declare const UploadComputed: (props: any, state: any, config: any) => {
+    initState: () => void;
+    uploadArguments: import("vue").ComputedRef<{
+        type: any;
+        channel: any;
+    }>;
+    autoStart: import("vue").ComputedRef<boolean>;
+    btnAttrs: import("vue").ComputedRef<{
+        accept: any;
+    }>;
+};

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

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

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

@@ -0,0 +1 @@
+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};

package/es/packages/chunk-upload/src/hooks/upload-data.d.ts

@@ -0,0 +1,61 @@
+export declare const UploadState: {
+    spinning: boolean;
+    uploadConfig: {};
+    progress: number;
+    options: {
+        target: {};
+        chunkSize: number;
+        fileParameterName: string;
+        maxChunkRetries: number;
+        simultaneousUploads: number;
+        prioritizeFirstAndLastChunk: boolean;
+        forceChunkSize: boolean;
+        testChunks: boolean;
+        headers: {};
+        query(): void;
+        processParams: {};
+        parseTimeRemaining: {};
+        processResponse: {};
+    };
+    attrs: {};
+    collapse: boolean;
+    configList: never[];
+    share: number;
+    baseUrl: string;
+    headers: {
+        Authorization: string;
+    };
+    withCredentials: boolean;
+};
+export declare const UploadProps: {
+    propsCategoryMap: {
+        type: StringConstructor;
+        default: string;
+    };
+    max_size: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    uploaderType: {
+        type: StringConstructor;
+        default: string;
+    };
+    getChunkUploadConfig: {
+        type: FunctionConstructor;
+        default: () => Promise<{}>;
+    };
+};
+/**
+ * 自定义的状态
+ * @param file
+ * @param status
+ */
+export declare const statusSet: (file: any, status: string) => void;

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

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

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

@@ -0,0 +1 @@
+const e={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 UploadState,a as statusSet};

package/es/packages/chunk-upload/src/hooks/vod-computed.d.ts

@@ -0,0 +1,10 @@
+export declare const VodComputed: (props: any, state: any, config: any) => {
+    isShowBtn: import("vue").ComputedRef<boolean>;
+    maskHeight: import("vue").ComputedRef<(item: any) => string>;
+    showPercent: import("vue").ComputedRef<(percent: any) => number>;
+    allow_format: import("vue").ComputedRef<any>;
+    defaultValue: import("vue").ComputedRef<any>;
+    isDisabled: import("vue").ComputedRef<any>;
+    max_size: import("vue").ComputedRef<any>;
+    maxlength: import("vue").ComputedRef<number>;
+};

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

@@ -0,0 +1 @@
+export{VodComputed}from"./vod-computed2.mjs";

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

@@ -0,0 +1 @@
+import{computed as t}from"vue";const a=".mp4,.ts,.mov,.mxf,.mpg,.flv,.wmv,.avi,.m4v,.f4v,.mpeg,.3gp,.asf,.mkv,.hls",e=(e,r,l)=>{let{mainForm:o}=l;return{isShowBtn:t((()=>{var t;let{max_length:a}=(null==(t=e.formData)?void 0:t.validate)||{};return"guage"==e.source&&(a=+e.limitNum),!a||r.fileList.length<a})),maskHeight:t((()=>t=>`${t.percent}%`)),showPercent:t((()=>t=>{let a=t>99?99:t;return Math.floor(a)})),allow_format:t((()=>{if("guage"===e.source)return a;const{allow_format:t}=e.formData;try{if(t){return t.split(",").map((t=>t.startsWith(".")?t:"."+t)).join(",")}return a}catch(t){return console.log(t),a}})),defaultValue:t((()=>{const{formData:t,source:a,defFileList:r}=e;return"guage"===a?r:(null==o?void 0:o.defaultValue[t.name])||t.default_val})),isDisabled:t((()=>0==e.formData.is_edit||e.isLock)),max_size:t((()=>{var t;const{max_size:a}=(null==(t=e.formData)?void 0:t.validate)||{};return a||""})),maxlength:t((()=>{var t,a;return+((null==(a=null==(t=null==e?void 0:e.formData)?void 0:t.validate)?void 0:a.max_length)||0)}))}};export{e as VodComputed};

package/es/packages/chunk-upload/src/hooks/vod-data.d.ts

@@ -0,0 +1,44 @@
+export declare const VodProps: {
+    formData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    defList: (ArrayConstructor | StringConstructor)[];
+    source: StringConstructor;
+    limitNum: {
+        default: number;
+    };
+    defFileList: {
+        default: string;
+    };
+    isLock: BooleanConstructor;
+    isDetail: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getChunkUploadConfig: {
+        type: FunctionConstructor;
+        default: () => Promise<{}>;
+    };
+};
+export declare const VodState: {
+    videoVisible: boolean;
+    fileList: never[];
+    cacheFileObj: {};
+    playerOptions: {};
+    vodClient: null;
+    chunkUploadVisible: boolean;
+    uploader: null;
+    autoStart: boolean;
+    timeOuts: number;
+    configList: never[];
+    draggableOptions: {
+        group: string;
+        filter: string;
+        delayOnTouchOnly: boolean;
+        delay: number;
+        touchStartThreshold: number;
+        chosenClass: string;
+        dragClass: string;
+    };
+};

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

@@ -0,0 +1 @@
+export{VodProps,VodState}from"./vod-data2.mjs";

package/es/packages/chunk-upload/src/hooks/vod-data2.mjs

@@ -0,0 +1 @@
+const e={formData:{type:Object,default:()=>({})},defList:[Array,String],source:String,limitNum:{default:1},defFileList:{default:""},isLock:Boolean,isDetail:{type:Boolean,default:!1},getChunkUploadConfig:{type:Function,default:()=>Promise.resolve({})}},l={videoVisible:!1,fileList:[],cacheFileObj:{},playerOptions:{},vodClient:null,chunkUploadVisible:!1,uploader:null,autoStart:!0,timeOuts:3e5,configList:[],draggableOptions:{group:"upload-com-item",filter:".uploading-item",delayOnTouchOnly:!0,delay:100,touchStartThreshold:3,chosenClass:"upload-chosen-draing",dragClass:"upload-sortable-drag"}};export{e as VodProps,l as VodState};

package/es/packages/chunk-upload/src/vod-chunk-upload/index.d.ts

@@ -0,0 +1,2 @@
+import script from './vod-chunk-upload.vue';
+export default script;

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

@@ -0,0 +1 @@
+import"./vod-chunk-upload2.mjs";export{default}from"./vod-chunk-upload.vue_vue_type_script_setup_true_lang.mjs";

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

@@ -0,0 +1 @@
+import"./vod-chunk-upload2.mjs";import u from"./vod-chunk-upload.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./vod-chunk-upload.vue_vue_type_script_setup_true_lang.mjs";

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

@@ -0,0 +1 @@
+import"./vod-chunk-upload2.mjs";export{default}from"./vod-chunk-upload.vue_vue_type_script_setup_true_lang.mjs";