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

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

@@ -1 +1 @@
-import{defineComponent as e,reactive as s,computed as o,onMounted as i,openBlock as l,createElementBlock as t,withDirectives as a,normalizeClass as r,unref as n,createElementVNode as d,Fragment as u,vShow as c,createCommentVNode as m,createVNode as p,withCtx as v,normalizeStyle as g,toDisplayString as f,withModifiers as h,createBlock as y,createTextVNode as k}from"vue";import b from"vuedraggable";import U from"cnhis-design-vue/es/src/utils/vexutils";import{VodProps as C,VodState as L}from"../hooks/vod-data2.mjs";import{VodComputed as V}from"../hooks/vod-computed2.mjs";import w from"cnhis-design-vue/es/src/components/player-vod/video-modal";import O from"../vod-upload-modal2.mjs";import{NIcon as D,NButton as x}from"naive-ui";import{PlayCircleSharp as S,PlayCircleOutline as _,RemoveCircleSharp as z}from"@vicons/ionicons5";import F from"cnhis-design-vue/es/src/assets/img/video_default_cover.png";import M from"cnhis-design-vue/es/src/assets/img/video.png";import N from"cnhis-design-vue/es/src/assets/img/success.png";const A={class:"c-upload"},j={class:"chunk-btn-content"},J={class:"c-uploader-btn"},E=["src"],P=d("div",{class:"uploader-text"},[d("p",null,"点击上传"),d("span",{class:"guage-text"},"上传视频（不超过50M)")],-1),T=["src"],B=d("div",{class:"uploader-text"},[d("p",null,"上传视频")],-1),R={class:"vod-wrap c-uploader-preview-wrap"},G={key:0,class:"vod-def-bg vod-uploading"},H={class:"vod-def-bg vod-done"},K=["src"],$=["src"],q=k(" 上传成功 "),I={class:"c-icon-wrap"},Q={class:"vod-def-bg vod-error"},W=["src"],X={class:"tooltip-wrap error-wrap"},Y=k("确定"),Z=["onClick"];var ee=e({props:{...C},emits:["vodFileList"],setup(e,{emit:k}){const C=e,ee=s({...L}),se={},{isShowBtn:oe,maskHeight:ie,showPercent:le,allow_format:te,defaultValue:ae,isDisabled:re,max_size:ne,maxlength:de}=V(C,ee,{mainForm:se});console.log(oe.value,"----isShowBtn---",C.formData.title),o((()=>ue()));const ue=()=>{const{formData:e}=C;let s=[];if(s="guage"===C.source?C.defFileList:null==se?void 0:se.handleSysParams(se.defaultValue[e.name]||e.default_val),s=JSON.parse(JSON.stringify(s)),!s)return[];let o=[];return Array.isArray(s)&&(o=[...s]),U.isJSON(s)&&(o=JSON.parse(s)),Array.isArray(o)?(o.forEach((e=>{e.thumbUrl=e.vodCoverUrl||void 0,e.uid=(-Math.random()).toString(),e.status="done"})),ee.fileList=o,console.log(ee.fileList,"----list---list"),ce(o),o):[]},ce=e=>{if(!Array.isArray(e))return"";const{formData:s,source:o}=C;let i=[];e.forEach((e=>{if("done"===e.status&&(e.response&&"00000"==e.response.code||e.url)){const{data:s={}}=e.response||{};e.url||s.videoUrl;let o=e.vodCoverUrl||s.vodCoverUrl;i.push({name:e.name,size:e.size,url:e.url||s.videoUrl,vodCoverUrl:o,uid:e.id||e.uid||(-Math.random()).toString()})}})),console.log(i,"---resList---",C.formData.title);let l=JSON.stringify(i);"guage"!==o?se.baseForm.setFieldsValue({[s.val_key]:l}):k("vodFileList",l,C.formData)},me=(e,s)=>{let o,i;if(e.type&&(i=e.type),e.url||e.videoUrl){if(o=e.url||e.videoUrl,!i){let e=o.split(".");i=`video/${e[e.length-1]}`}}else o=URL.createObjectURL(e.originFileObj);ee.playerOptions={sources:[{type:i,src:o}]},ee.videoVisible=!0},pe=()=>{ee.videoVisible=!1},ve=()=>{re.value||(ee.chunkUploadVisible=!0)},ge=e=>{let s=[];e.forEach((e=>{let o=e.videoCoverPic||void 0;s.push({name:e.videoName||e.name,url:e.videoUrl||e.url,size:e.size,vodCoverUrl:o,status:"done",uid:(-Math.random()).toString()})})),ee.fileList.push(...s),ce(ee.fileList)},fe=()=>{ce(ee.fileList)};return i((()=>{ue()})),(e,s)=>(l(),t("div",A,[e.isDetail?m("v-if",!0):a((l(),t("div",{key:0,class:r(["c-chunk-uploader-btn",{"disable-upload":n(re)}]),onClick:ve},[d("div",j,[d("div",J,["guage"==C.source?(l(),t(u,{key:0},[d("img",{src:n(M),class:"guage-img"},null,8,E),P],64)):(l(),t(u,{key:1},[d("img",{src:n(M),class:"guage-img"},null,8,T),B],64))])])],2)),[[c,n(oe)]]),p(n(b),{modelValue:n(ee).fileList,"onUpdate:modelValue":s[0]||(s[0]=e=>n(ee).fileList=e),animation:"150",itemKey:"uid",disabled:n(re).value,options:n(ee).draggableOptions,onUpdate:fe,class:"drag-content"},{item:v((({element:s,index:o})=>{return[d("div",R,[m(" 上传中 "),"uploading"===s.status?(l(),t("div",G,[m(" TODO: 封面图补充 "),d("div",{class:"uploading-mask",style:g({height:n(ie)(s)})},[d("span",null,f(n(le)(s.percent))+"%",1)],4)])):"done"===s.status?(l(),t(u,{key:1},[m(" 上传完成 "),d("div",H,[d("img",{src:(i=s,i.thumbUrl?i.thumbUrl:F),class:"vod-cover-img"},null,8,K),d("div",{class:r(["tooltip-wrap",{"is-new":s.isNew}])},[d("img",{src:n(N),class:"upload-img"},null,8,$),q],2),m(" 播放图标 "),d("div",I,[p(n(D),{component:n(S),class:"icon-play theme_filled",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"]),p(n(D),{component:n(_),class:"icon-play theme_outlined",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"])])])],2112)):"error"===s.status?(l(),t(u,{key:2},[m(" 上传失败 "),d("div",Q,[d("img",{src:s.thumbUrl,class:"vod-cover-img"},null,8,W),d("div",X,[d("span",null,f(s.message?s.message:"上传失败，继续上传？"),1),p(n(x),{size:"small",onClick:h((e=>{}),["prevent","stop"])},{default:v((()=>[Y])),_:2},1032,["onClick"])])])],2112)):m("v-if",!0),!["done","error"].includes(s.status)||n(re)||e.isDetail?m("v-if",!0):(l(),t("div",{key:3,onClick:h((e=>{return s=o,ee.fileList.splice(s,1),void ce(ee.fileList);var s}),["stop"]),class:"uploader-preview-delete"},[p(n(D),{class:"pre-delete",component:n(z)},null,8,["component"])],8,Z))])];var i})),_:1},8,["modelValue","disabled","options"]),n(ee).videoVisible?(l(),y(n(w),{key:1,visible:n(ee).videoVisible,formData:C.formData,playerOptions:n(ee).playerOptions,onCloseVideoModal:pe},null,8,["visible","formData","playerOptions"])):m("v-if",!0),p(n(O),{modelValue:n(ee).chunkUploadVisible,"onUpdate:modelValue":s[1]||(s[1]=e=>n(ee).chunkUploadVisible=e),modalTitle:C.formData.name,max_size:n(ne),maxLength:n(de),propsCategoryMap:n(te),defaultList:n(ee).fileList,getChunkUploadConfig:e.getChunkUploadConfig,onGetSumbitList:ge},null,8,["modelValue","modalTitle","max_size","maxLength","propsCategoryMap","defaultList","getChunkUploadConfig"])]))}});export{ee as default};
+import{defineComponent as e,reactive as s,computed as o,onMounted as i,openBlock as l,createElementBlock as a,withDirectives as t,normalizeClass as r,unref as n,createElementVNode as d,Fragment as u,vShow as c,createCommentVNode as m,createVNode as p,withCtx as v,normalizeStyle as g,toDisplayString as f,withModifiers as h,createBlock as y,createTextVNode as k}from"vue";import b from"vuedraggable";import U from"cnhis-design-vue/es/src/utils/vexutils";import{VodProps as C,VodState as L}from"../hooks/vod-data2.mjs";import{VodComputed as V}from"../hooks/vod-computed2.mjs";import w from"cnhis-design-vue/es/src/components/player-vod/video-modal";import O from"../vod-upload-modal2.mjs";import{NIcon as D,NButton as x}from"naive-ui";import{PlayCircleSharp as S,PlayCircleOutline as _,RemoveCircleSharp as z}from"@vicons/ionicons5";import F from"cnhis-design-vue/es/src/assets/img/video_default_cover.png";import M from"cnhis-design-vue/es/src/assets/img/video.png";import N from"cnhis-design-vue/es/src/assets/img/success.png";const A={class:"c-upload"},j={class:"chunk-btn-content"},J={class:"c-uploader-btn"},E=["src"],P=d("div",{class:"uploader-text"},[d("p",null,"点击上传"),d("span",{class:"guage-text"},"上传视频（不超过50M)")],-1),T=["src"],B=d("div",{class:"uploader-text"},[d("p",null,"上传视频")],-1),R={class:"vod-wrap c-uploader-preview-wrap"},G={key:0,class:"vod-def-bg vod-uploading"},H={class:"vod-def-bg vod-done"},K=["src"],$=["src"],q=k(" 上传成功 "),I={class:"c-icon-wrap"},Q={class:"vod-def-bg vod-error"},W=["src"],X={class:"tooltip-wrap error-wrap"},Y=k("确定"),Z=["onClick"];var ee=e({name:"vod-chunk-upload",props:{...C},emits:["vodFileList"],setup(e,{emit:k}){const C=e,ee=s({...L}),se={},{isShowBtn:oe,maskHeight:ie,showPercent:le,allow_format:ae,defaultValue:te,isDisabled:re,max_size:ne,maxlength:de}=V(C,ee,{mainForm:se});console.log(oe.value,"----isShowBtn---",C.formData.title),o((()=>ue()));const ue=()=>{const{formData:e}=C;let s=[];if(s="guage"===C.source?C.defFileList:null==se?void 0:se.handleSysParams(se.defaultValue[e.name]||e.default_val),s=JSON.parse(JSON.stringify(s)),!s)return[];let o=[];return Array.isArray(s)&&(o=[...s]),U.isJSON(s)&&(o=JSON.parse(s)),Array.isArray(o)?(o.forEach((e=>{e.thumbUrl=e.vodCoverUrl||void 0,e.uid=(-Math.random()).toString(),e.status="done"})),ee.fileList=o,console.log(ee.fileList,"----list---list"),ce(o),o):[]},ce=e=>{if(!Array.isArray(e))return"";const{formData:s,source:o}=C;let i=[];e.forEach((e=>{if("done"===e.status&&(e.response&&"00000"==e.response.code||e.url)){const{data:s={}}=e.response||{};e.url||s.videoUrl;let o=e.vodCoverUrl||s.vodCoverUrl;i.push({name:e.name,size:e.size,url:e.url||s.videoUrl,vodCoverUrl:o,uid:e.id||e.uid||(-Math.random()).toString()})}})),console.log(i,"---resList---",C.formData.title);let l=JSON.stringify(i);"guage"!==o?se.baseForm.setFieldsValue({[s.val_key]:l}):k("vodFileList",l,C.formData)},me=(e,s)=>{let o,i;if(e.type&&(i=e.type),e.url||e.videoUrl){if(o=e.url||e.videoUrl,!i){let e=o.split(".");i=`video/${e[e.length-1]}`}}else o=URL.createObjectURL(e.originFileObj);ee.playerOptions={sources:[{type:i,src:o}]},ee.videoVisible=!0},pe=()=>{ee.videoVisible=!1},ve=()=>{re.value||(ee.chunkUploadVisible=!0)},ge=e=>{let s=[];e.forEach((e=>{let o=e.videoCoverPic||void 0;s.push({name:e.videoName||e.name,url:e.videoUrl||e.url,size:e.size,vodCoverUrl:o,status:"done",uid:(-Math.random()).toString()})})),ee.fileList.push(...s),ce(ee.fileList)},fe=()=>{ce(ee.fileList)};return i((()=>{ue()})),(e,s)=>(l(),a("div",A,[e.isDetail?m("v-if",!0):t((l(),a("div",{key:0,class:r(["c-chunk-uploader-btn",{"disable-upload":n(re)}]),onClick:ve},[d("div",j,[d("div",J,["guage"==C.source?(l(),a(u,{key:0},[d("img",{src:n(M),class:"guage-img"},null,8,E),P],64)):(l(),a(u,{key:1},[d("img",{src:n(M),class:"guage-img"},null,8,T),B],64))])])],2)),[[c,n(oe)]]),p(n(b),{modelValue:ee.fileList,"onUpdate:modelValue":s[0]||(s[0]=e=>ee.fileList=e),animation:"150",itemKey:"uid",disabled:n(re).value,options:ee.draggableOptions,onUpdate:fe,class:"drag-content"},{item:v((({element:s,index:o})=>{return[d("div",R,[m(" 上传中 "),"uploading"===s.status?(l(),a("div",G,[m(" TODO: 封面图补充 "),d("div",{class:"uploading-mask",style:g({height:n(ie)(s)})},[d("span",null,f(n(le)(s.percent))+"%",1)],4)])):"done"===s.status?(l(),a(u,{key:1},[m(" 上传完成 "),d("div",H,[d("img",{src:(i=s,i.thumbUrl?i.thumbUrl:F),class:"vod-cover-img"},null,8,K),d("div",{class:r(["tooltip-wrap",{"is-new":s.isNew}])},[d("img",{src:n(N),class:"upload-img"},null,8,$),q],2),m(" 播放图标 "),d("div",I,[p(n(D),{component:n(S),class:"icon-play theme_filled",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"]),p(n(D),{component:n(_),class:"icon-play theme_outlined",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"])])])],64)):"error"===s.status?(l(),a(u,{key:2},[m(" 上传失败 "),d("div",Q,[d("img",{src:s.thumbUrl,class:"vod-cover-img"},null,8,W),d("div",X,[d("span",null,f(s.message?s.message:"上传失败，继续上传？"),1),p(n(x),{size:"small",onClick:h((e=>{}),["prevent","stop"])},{default:v((()=>[Y])),_:2},1032,["onClick"])])])],64)):m("v-if",!0),!["done","error"].includes(s.status)||n(re)||e.isDetail?m("v-if",!0):(l(),a("div",{key:3,onClick:h((e=>{return s=o,ee.fileList.splice(s,1),void ce(ee.fileList);var s}),["stop"]),class:"uploader-preview-delete"},[p(n(D),{class:"pre-delete",component:n(z)},null,8,["component"])],8,Z))])];var i})),_:1},8,["modelValue","disabled","options"]),ee.videoVisible?(l(),y(n(w),{key:1,visible:ee.videoVisible,formData:C.formData,playerOptions:ee.playerOptions,onCloseVideoModal:pe},null,8,["visible","formData","playerOptions"])):m("v-if",!0),p(n(O),{modelValue:ee.chunkUploadVisible,"onUpdate:modelValue":s[1]||(s[1]=e=>ee.chunkUploadVisible=e),modalTitle:C.formData.name,max_size:n(ne),maxLength:n(de),propsCategoryMap:n(ae),defaultList:ee.fileList,getChunkUploadConfig:e.getChunkUploadConfig,onGetSumbitList:ge},null,8,["modelValue","modalTitle","max_size","maxLength","propsCategoryMap","defaultList","getChunkUploadConfig"])]))}});export{ee as default};