You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__virtualSpaces__Lists__Vi...

41 lines
17 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

(window.webpackJsonp=window.webpackJsonp||[]).push([[283],{"/heT":
/*!**************************************************************!*\
!*** ./src/pages/virtualSpaces/Lists/Video/Upload/index.tsx ***!
\**************************************************************/
/*! exports provided: default */
/*! all exports used */
/*! ModuleConcatenation bailout: Module is referenced from these modules with unsupported syntax: ./src/.umi-production/core/routes.ts (referenced with import()) */function(e,t,a){"use strict";a.r(t);a(/*! antd/es/spin/style */"T2oS");var n=a(/*! antd/es/spin */"W9HT"),i=(a(/*! antd/es/input/style */"5NDa"),a(/*! antd/es/input */"5rEg")),o=(a(/*! antd/es/button/style */"+L6B"),a(/*! antd/es/button */"2/Rp")),l=(a(/*! antd/es/progress/style */"MXD1"),a(/*! antd/es/progress */"CFYs")),r=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/asyncToGenerator */"9og8"),s=(a(/*! antd/es/modal/style */"2qtc"),a(/*! antd/es/modal */"kLXV")),c=(a(/*! antd/es/message/style */"miYZ"),a(/*! antd/es/message */"tsqr")),d=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/slicedToArray */"tJVT"),f=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties */"PpiC"),u=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectSpread2 */"k1fw"),m=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/toConsumableArray */"oBTY"),p=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/regenerator */"WmNS"),v=a.n(p),g=a(/*! react */"q1tI"),b=a.n(g),y=a(/*! umi */"Ty5D"),A=a(/*! umi */"9kvl"),O=a(/*! umi */"55Ip"),_=a(/*! @ant-design/icons */"5bA4"),E=a(/*! @/assets/images/video/upload.png */"0eFM"),h=a.n(E),w=a(/*! @/assets/images/video/upload_hover.png */"yG4R"),I=a.n(w),C=a(/*! ./index.less?modules */"GPhl"),N=a.n(C),j=a(/*! @/utils/aliyunUpload */"Aky1"),x=a(/*! @/components/CoverUpload */"h/US"),B=a(/*! @/service/virtualSpaces */"m47v"),P=function(e,t){var a,n,i=t.payload.uploadInfo;switch(t.type){case"addVideo":return console.log("videoList: ",i,i.videoId,[].concat(Object(m.a)(e.videoList),[{name:i.file.name,size:i.file.size,type:i.file.type,fileHash:i.fileHash,state:i.state,videoId:i.videoId,attachment_id:"",loaded:0,title:""}])),{videoList:[].concat(Object(m.a)(e.videoList),[{name:i.file.name,size:i.file.size,type:i.file.type,fileHash:i.fileHash,state:i.state,videoId:i.videoId,attachment_id:"",loaded:0,title:""}])};case"removeVideo":return{videoList:e.videoList.filter((function(e){return e.name!==t.payload.name}))};case"removeAll":return[];case"updateProgress":return{videoList:e.videoList.map((function(e){return e.name===t.payload.uploadInfo.file.name?Object(u.a)(Object(u.a)({},e),{loaded:t.payload.progressPercent,videoId:i.videoId,fileHash:i.fileHash}):e}))};case"updateTitle":return{videoList:null===(a=e.videoList)||void 0===a?void 0:a.map((function(e){return e.name===t.payload.item.name?Object(u.a)(Object(u.a)({},e),{title:t.payload.title}):e}))};case"updateImg":return{videoList:null===(n=e.videoList)||void 0===n?void 0:n.map((function(e){return e.name===t.payload.item.name?Object(u.a)(Object(u.a)({},e),{attachment_id:t.payload.attachment_id}):e}))};default:return[]}};t.default=Object(A.a)((function(e){var t=e.user,a=e.userDetail,n=e.loading,i=e.globalSetting,o=e.virtualSpaces;return{user:t,userDetail:a,globalSetting:i,loading:n.models.index,virtualSpaces:o}}))((function(e){var t,a=e.user,u=(e.userDetail,e.globalSetting,e.loading,e.dispatch),m=e.virtualSpaces,p=(Object(f.a)(e,["user","userDetail","globalSetting","loading","dispatch","virtualSpaces"]),Object(y.i)()),E=(Object(y.h)(),Object(g.useState)(!1)),w=Object(d.a)(E,2),C=w[0],T=w[1],L=Object(g.useReducer)(P,{videoList:[]}),V=Object(d.a)(L,2),S=V[0],k=V[1],M=Object(g.useState)(!1),D=Object(d.a)(M,2),H=D[0],R=D[1],W=Object(g.useRef)(),U=Object(g.useRef)();Object(g.useEffect)((function(){return window.addEventListener("beforeunload",X),function(){window.removeEventListener("beforeunload",X)}}),[]);var F,G,X=function(e){e.preventDefault(),e.returnValue=""},J=function(){document.getElementById("fileUpload").value=""},q=function(e){T(!0),W.current?W.current.addFile(e,null,null,null,'{"Vod":{}}'):Object(j.a)(null==p?void 0:p.username,p.virtual_spacesId,{create:!W,addFileSuccess:function(e){k({type:"addVideo",payload:{uploadInfo:e}})},onUploadProgress:function(e,t,a){var n=Math.ceil(100*a);k({type:"updateProgress",payload:{uploadInfo:e,progressPercent:n}}),J()},onUploadFailed:function(e){c.b.info("视频云服务出现异常,请重新上传。")},onUploadEnd:function(e){T(!1)},onUploadSucceed:function(e){T(!1),console.log("files.current",U.current)},onUploadError:function(e){T(!1)},gotUploader:function(t){t.addFile(e,null,null,null,'{"Vod":{}}'),W.current=t}})},Y=function(){var e=Object(r.a)(v.a.mark((function e(){var t,a;return v.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(null!==(t=S.videoList)&&void 0!==t&&t.length){e.next=3;break}return c.b.info("请先上传视频"),e.abrupt("return");case 3:return R(!0),e.next=6,Object(B.e)({id:p.virtual_spacesId,videos:S.videoList.map((function(e){return{video_id:e.videoId,title:e.title,attachment_id:e.attachment_id,virtual_classroom_id:p.virtual_spacesId,module_id:m.actionTabs.module_id}}))});case 6:a=e.sent,R(!1),0===(null==a?void 0:a.status)&&(A.d.goBack(),u({type:"classroomList/setActionTabs",payload:{key:"刷新数据"}}));case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),z=null===(t=S.videoList)||void 0===t?void 0:t.length;return b.a.createElement("section",{className:N.a.bg,style:{width:"100%"}},b.a.createElement("div",{className:"mt5",style:{display:"flex"}},b.a.createElement(_.a,{style:{marginTop:"8px"},className:"current mr10 font16",onClick:function(){A.d.goBack()}}),b.a.createElement("h2",null,"上传视频")),z?b.a.createElement("div",{className:N.a.fileMain},b.a.createElement(n.a,{spinning:C},null===(F=S.videoList)||void 0===F?void 0:F.map((function(e,t){return b.a.createElement("div",{className:N.a.fileWrap},b.a.createElement("div",null,t+1,". ",e.name),b.a.createElement("div",{className:N.a.fileProgress},b.a.createElement(l.a,{percent:e.loaded,status:100==e.loaded?"normal":"active"}),b.a.createElement("div",{className:N.a.fileCancel},b.a.createElement(o.a,{type:"primary",onClick:function(){return t=e.name,a=100==e.loaded,void s.a.confirm({title:"提示",centered:!0,okText:"确定",cancelText:"取消",content:b.a.createElement("div",{className:"tc"},"您确认要",a?"删除":"取消上传","该视频吗?"),onOk:function(){J(),k({type:"removeVideo",payload:{name:t}})}});var t,a}},100===e.loaded?"删除":"取消上传"))),b.a.createElement("div",{className:N.a.fileInputWrap},b.a.createElement("span",{className:"mr5"},"标题:"),b.a.createElement(i.a,{value:e.title,onChange:function(t){k({type:"updateTitle",payload:{title:t.target.value,item:e}})},className:N.a.fileInput,placeholder:"标题支持最多".concat(30,"个字符"),maxLength:30,addonAfter:b.a.createElement("span",{className:"c-light-black font12"},String(e.title.length),"/",30)})),b.a.createElement("div",{className:N.a.fileImgWrap},b.a.createElement("aside",{className:"mr5"},"上传封面图:"),b.a.createElement(x.a,{value:null==e?void 0:e.attachment_id,onChange:function(t){k({type:"updateImg",payload:{attachment_id:t,item:e}})}})))}))),b.a.createElement("div",{className:"mt10"},(null===(G=S.videoList)||void 0===G?void 0:G.length)<=2?b.a.createElement("label",{htmlFor:"fileUpload",className:"".concat(N.a.continueAdd," current")},"继续添加"):"提示单次最多支持3个视频文件上传"),b.a.createElement("div",{className:N.a.description},b.a.createElement("div",null,"上传说明目前不支持断点续传单个视频文件最大限制1G单次最多支持3个视频文件上传 "),b.a.createElement("div",null,"视频规格avi、flv、f4v、m4v、mov、mp4、rmvb、swf、webm、wmv "),b.a.createElement("div",null,"温馨提示:",b.a.createElement("span",{className:N.a.colorOrange},"为了更好的播放体验建议您优先上传MP4格式。如果您是自己录制视频建议您保存的时候将视频编码设置为AVC(H264)"))),b.a.createElement("div",{className:N.a.flexRowCenter},b.a.createElement(o.a,{type:"primary",loading:H,onClick:Y},"立即发布")),b.a.createElement("div",{className:"".concat(N.a.flexRowCenter," mt10")},"上传视频,即表示您已同意",b.a.createElement(O.a,{to:"/users/".concat(null==p?void 0:p.username,"/videos/protocol"),className:N.a.colorBlue},"上传内容协议"),",不得上传未经他人授权的作品")):b.a.createElement("div",{className:N.a.main},b.a.createElement("div",{className:N.a.uploadTop},b.a.createElement("label",{htmlFor:"fileUpload",className:N.a.imgWrap},b.a.createElement("img",{className:N.a.defaultImg,src:h.a}),b.a.createElement("img",{className:N.a.hoverImg,src:I.a})),b.a.createElement("div",{className:N.a.uploadTitle},"选择您要上传的视频"),b.a.createElement("div",null,"上传视频,即表示您已同意",b.a.createElement(O.a,{to:"/users/".concat(null==p?void 0:p.username,"/videos/protocol"),className:N.a.colorBlue},"上传内容协议"),",不得上传未经他人授权的作品")),b.a.createElement("div",{className:N.a.uploadDescription},b.a.createElement("div",{className:N.a.description},b.a.createElement("div",null,"上传说明目前不支持断点续传单个视频文件最大限制1G单次最多支持3个视频文件上传 "),b.a.createElement("div",null,"视频规格avi、flv、f4v、m4v、mov、mp4、rmvb、swf、webm、wmv "),b.a.createElement("div",null,"温馨提示:",b.a.createElement("span",{className:N.a.colorOrange},"为了更好的播放体验建议您优先上传MP4格式。如果您是自己录制视频建议您保存的时候将视频编码设置为AVC(H264)"))))),b.a.createElement("input",{ref:U,type:"file",id:"fileUpload",style:{display:"none"},onChange:function(e){var t,n,i,o=e.target.files[0];if(o){var l=o.name.toLowerCase();return l&&-1==l.indexOf(".avi")&&-1==l.indexOf(".flv")&&-1==l.indexOf(".f4v")&&-1==l.indexOf(".m4v")&&-1==l.indexOf(".mov")&&-1==l.indexOf(".mp4")&&-1==l.indexOf(".rmvb")&&-1==l.indexOf(".swf")&&-1==l.indexOf(".webm")&&-1==l.indexOf(".wmv")?(c.b.info("不支持的视频格式"),void J()):!(null!==(t=a.userInfo)&&void 0!==t&&t.admin||null!==(n=a.userInfo)&&void 0!==n&&n.business)&&o.size>1073741824?(c.b.info("视频大小超过".concat(1024,"M")),void J()):null!==(i=S.videoList)&&void 0!==i&&i.find((function(e){return e.name===o.name}))?(c.b.info("你不能上传同一个视频文件名称,请重新选择。"),void J()):void q(o)}J()},accept:".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*"}))}))},"7ixt":
/*!**************************************************!*\
!*** ./node_modules/rc-tooltip/es/placements.js ***!
\**************************************************/
/*! exports provided: placements, default */
/*! exports used: placements */function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n={adjustX:1,adjustY:1},i=[0,0],o={left:{points:["cr","cl"],overflow:n,offset:[-4,0],targetOffset:i},right:{points:["cl","cr"],overflow:n,offset:[4,0],targetOffset:i},top:{points:["bc","tc"],overflow:n,offset:[0,-4],targetOffset:i},bottom:{points:["tc","bc"],overflow:n,offset:[0,4],targetOffset:i},topLeft:{points:["bl","tl"],overflow:n,offset:[0,-4],targetOffset:i},leftTop:{points:["tr","tl"],overflow:n,offset:[-4,0],targetOffset:i},topRight:{points:["br","tr"],overflow:n,offset:[0,-4],targetOffset:i},rightTop:{points:["tl","tr"],overflow:n,offset:[4,0],targetOffset:i},bottomRight:{points:["tr","br"],overflow:n,offset:[0,4],targetOffset:i},rightBottom:{points:["bl","br"],overflow:n,offset:[4,0],targetOffset:i},bottomLeft:{points:["tl","bl"],overflow:n,offset:[0,4],targetOffset:i},leftBottom:{points:["br","bl"],overflow:n,offset:[-4,0],targetOffset:i}}},GPhl:
/*!***********************************************************************!*\
!*** ./src/pages/virtualSpaces/Lists/Video/Upload/index.less?modules ***!
\***********************************************************************/
/*! no static exports found */
/*! exports used: default */
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t,a){e.exports={bg:"bg___37qBx",main:"main___3zDe3",uploadTop:"uploadTop___1Ijcz",imgWrap:"imgWrap___1VNNq",defaultImg:"defaultImg___2RvIm",hoverImg:"hoverImg___VLrMw",uploadTitle:"uploadTitle___3mOCR",colorBlue:"colorBlue___3mKky",uploadDescription:"uploadDescription___2fqG3",description:"description___2_b_O",colorOrange:"colorOrange___2brhu",fileMain:"fileMain___1peqU",fileWrap:"fileWrap___3pwCH",fileProgress:"fileProgress___2kwRf",fileCancel:"fileCancel___HwV9Q",fileInputWrap:"fileInputWrap___HK0eX",fileImgWrap:"fileImgWrap___2PCZA",fileInput:"fileInput___Ei6F6",flexRowCenter:"flexRowCenter___3NjXP",continueAdd:"continueAdd___3zCtM"}},Gytx:
/*!********************************************!*\
!*** ./node_modules/shallowequal/index.js ***!
\********************************************/
/*! no static exports found */
/*! exports used: default */
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t){e.exports=function(e,t,a,n){var i=a?a.call(n,e,t):void 0;if(void 0!==i)return!!i;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),l=Object.keys(t);if(o.length!==l.length)return!1;for(var r=Object.prototype.hasOwnProperty.bind(t),s=0;s<o.length;s++){var c=o[s];if(!r(c))return!1;var d=e[c],f=t[c];if(!1===(i=a?a.call(n,d,f,c):void 0)||void 0===i&&d!==f)return!1}return!0}},OLES:
/*!*********************************************************!*\
!*** ./node_modules/rc-tooltip/es/index.js + 2 modules ***!
\*********************************************************/
/*! exports provided: default */
/*! exports used: default */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/typeof.js */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-tooltip/es/placements.js because of ./node_modules/antd/es/tooltip/placements.js */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-trigger/es/index.js */
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/react/index.js (<- Module is not an ECMAScript module) */function(e,t,a){"use strict";var n=a("U8pU"),i=a("VTBJ"),o=a("Ff2n"),l=a("q1tI"),r=a("uciX"),s=a("7ixt"),c=function(e){var t=e.overlay,a=e.prefixCls,n=e.id,i=e.overlayInnerStyle;return l.createElement("div",{className:"".concat(a,"-inner"),id:n,role:"tooltip",style:i},"function"==typeof t?t():t)},d=Object(l.forwardRef)((function(e,t){var a=e.overlayClassName,d=e.trigger,f=void 0===d?["hover"]:d,u=e.mouseEnterDelay,m=void 0===u?0:u,p=e.mouseLeaveDelay,v=void 0===p?.1:p,g=e.overlayStyle,b=e.prefixCls,y=void 0===b?"rc-tooltip":b,A=e.children,O=e.onVisibleChange,_=e.afterVisibleChange,E=e.transitionName,h=e.animation,w=e.placement,I=void 0===w?"right":w,C=e.align,N=void 0===C?{}:C,j=e.destroyTooltipOnHide,x=void 0!==j&&j,B=e.defaultVisible,P=e.getTooltipContainer,T=e.overlayInnerStyle,L=Object(o.a)(e,["overlayClassName","trigger","mouseEnterDelay","mouseLeaveDelay","overlayStyle","prefixCls","children","onVisibleChange","afterVisibleChange","transitionName","animation","placement","align","destroyTooltipOnHide","defaultVisible","getTooltipContainer","overlayInnerStyle"]),V=Object(l.useRef)(null);Object(l.useImperativeHandle)(t,(function(){return V.current}));var S=Object(i.a)({},L);"visible"in e&&(S.popupVisible=e.visible);var k=!1,M=!1;if("boolean"==typeof x)k=x;else if(x&&"object"===Object(n.a)(x)){var D=x.keepParent;k=!0===D,M=!1===D}return l.createElement(r.a,Object.assign({popupClassName:a,prefixCls:y,popup:function(){var t=e.arrowContent,a=void 0===t?null:t,n=e.overlay,i=e.id;return[l.createElement("div",{className:"".concat(y,"-arrow"),key:"arrow"},a),l.createElement(c,{key:"content",prefixCls:y,id:i,overlay:n,overlayInnerStyle:T})]},action:f,builtinPlacements:s.a,popupPlacement:I,ref:V,popupAlign:N,getPopupContainer:P,onPopupVisibleChange:O,afterPopupVisibleChange:_,popupTransitionName:E,popupAnimation:h,defaultPopupVisible:B,destroyPopupOnHide:k,autoDestroy:M,mouseLeaveDelay:v,popupStyle:g,mouseEnterDelay:m},S),A)}));t.a=d},yG4R:
/*!**************************************************!*\
!*** ./src/assets/images/video/upload_hover.png ***!
\**************************************************/
/*! no static exports found */
/*! exports used: default */
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABgBAMAAAAnVGd6AAAAJFBMVEVHcExMrf9Orf9Nrf90uv9MrP////95wP/M5//z+v+x2/9cs//eVCejAAAABXRSTlMA10ycBa32wqwAAAFsSURBVFjD7dk/TsMwFMfxJ8QNIHsHOABDduAGJXoyUnZTsmcoByg3KANz/0i9AHA6YruBIjXPr/6hLrWlLlXy0dcZrPSViOj+puCENb64Ir/Okm73xMjdf15y8qpuO+COgXXZASUCVN0TYGiNsB24PVxjwAP2CNxDKDBgjAMMrgxkIANHAr5aDPiwtoWAubVPCPBobSxBBmYOeEsHfIB9bpMBHxBJoGhAJIHiAXICxQPkBFIEiAmkCBATSBMgJZAmQEogMWDiPnMxgcSAlQOmYgJJAY1xgBETSApYeIDFBJICOABiAkkBW0BM2A8sQ0APhIR3PVBvA3ogJDR6wPTX94BPmBwILHYAn3AA4A7jhncBM3g87wemIeAX+PlGCdTrFf8FeP2acqybwa1nIAMZODWgHjyMtW+qM/BNlT+HjkItUL9s8i+WDGTgSECB3f8Ps7QSAyp8IAmPROGhLDwWxgfT8GgcHs6Dfw98A1V0Ca+XaA0MAAAAAElFTkSuQmCC"}}]);