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__Classrooms__Lists__Video...

35 lines
18 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([[115],{"1v2r":
/*!***********************************************************!*\
!*** ./src/pages/Classrooms/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 o=a(/*! antd/es/spin */"W9HT"),n=(a(/*! antd/es/input/style */"5NDa"),a(/*! antd/es/input */"5rEg")),i=(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(/*! antd/es/upload/style */"DZo9"),a(/*! antd/es/upload */"8z0m")),s=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/extends */"0Owb"),c=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/asyncToGenerator */"9og8"),d=(a(/*! antd/es/modal/style */"2qtc"),a(/*! antd/es/modal */"kLXV")),f=(a(/*! antd/es/message/style */"miYZ"),a(/*! antd/es/message */"tsqr")),u=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/slicedToArray */"tJVT"),v=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties */"PpiC"),m=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectSpread2 */"k1fw"),p=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/toConsumableArray */"oBTY"),b=a(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/regenerator */"WmNS"),g=a.n(b),y=a(/*! react */"q1tI"),O=a.n(y),_=a(/*! umi */"Ty5D"),h=a(/*! umi */"9kvl"),E=a(/*! umi */"55Ip"),w=a(/*! @ant-design/icons */"5bA4"),j=a(/*! @/assets/images/video/upload.png */"0eFM"),I=a.n(j),L=a(/*! ./index.less?modules */"goie"),C=a.n(L),N=a(/*! @/utils/aliyunUpload */"Aky1"),x=a(/*! @/components/CoverUpload */"h/US"),T=a(/*! @/service/user */"jb+D"),V=a(/*! @/utils/util */"1vsH"),k=a(/*! @/utils/env */"m3rI"),S=function(e,t){var a,o,n=t.payload.uploadInfo;switch(t.type){case"addVideo":return console.log("videoList: ",n,n.videoId,[].concat(Object(p.a)(e.videoList),[{name:n.file.name,size:n.file.size,type:n.file.type,fileHash:n.fileHash,state:n.state,videoId:n.videoId,attachment_id:"",loaded:0,title:""}])),{videoList:[].concat(Object(p.a)(e.videoList),[{name:n.file.name,size:n.file.size,type:n.file.type,fileHash:n.fileHash,state:n.state,videoId:n.videoId,attachment_id:"",loaded:n.loaded,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(m.a)(Object(m.a)({},e),{loaded:t.payload.progressPercent,videoId:n.videoId,fileHash:n.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(m.a)(Object(m.a)({},e),{title:t.payload.title}):e}))};case"updateImg":return{videoList:null===(o=e.videoList)||void 0===o?void 0:o.map((function(e){return e.name===t.payload.item.name?Object(m.a)(Object(m.a)({},e),{attachment_id:t.payload.attachment_id}):e}))};default:return[]}};t.default=Object(h.a)((function(e){var t=e.user,a=e.userDetail,o=e.loading;return{user:t,userDetail:a,globalSetting:e.globalSetting,loading:o.models.index}}))((function(e){var t,a=e.user,b=(e.userDetail,e.globalSetting,e.loading,e.dispatch),j=(Object(v.a)(e,["user","userDetail","globalSetting","loading","dispatch"]),Object(_.i)()),L=Object(_.h)(),P=Object(y.useState)(!1),D=Object(u.a)(P,2),R=D[0],M=D[1],U=Object(y.useReducer)(S,{videoList:[]}),W=Object(u.a)(U,2),H=W[0],A=W[1],B=Object(y.useRef)(),z=Object(y.useRef)(),F=Object(y.useState)([]),J=Object(u.a)(F,2),q=(J[0],J[1]),G=Object(y.useState)([]),X=Object(u.a)(G,2),Y=X[0],K=X[1];Object(y.useEffect)((function(){return window.addEventListener("beforeunload",Z),function(){window.removeEventListener("beforeunload",Z)}}),[]);var Z=function(e){e.preventDefault(),e.returnValue=""},Q=function(){document.getElementById("fileUpload").value=""},$={name:"file",multiple:!0,accept:".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*",action:k.a.API_SERVER+"/api/attachments.json",withCredentials:!0,onRemove:function(e){}},ee=function(e){M(!0),B.current?B.current.addFile(e,null,null,null,'{"Vod":{}}'):Object(N.a)(null==j?void 0:j.username,"",{create:!B,addFileSuccess:function(e){A({type:"addVideo",payload:{uploadInfo:e}})},onUploadProgress:function(e,t,a){var o=Math.ceil(100*a);A({type:"updateProgress",payload:{uploadInfo:e,progressPercent:o}}),Q()},onUploadFailed:function(e){f.b.info("视频云服务出现异常,请重新上传。")},onUploadEnd:function(e){M(!1)},onUploadSucceed:function(e){M(!1),console.log("files.current",z.current)},onUploadError:function(e){M(!1)},gotUploader:function(t){t.addFile(e,null,null,null,'{"Vod":{}}'),B.current=t}})},te=function(){var e=Object(c.a)(g.a.mark((function e(){var t,a;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(null!==(t=H.videoList)&&void 0!==t&&t.length){e.next=3;break}return f.b.info("请先上传视频"),e.abrupt("return");case 3:return e.next=5,Object(T.d)({username:j.username,videos:H.videoList.map((function(e){var t;return{video_id:e.videoId,title:e.title,attachment_id:e.attachment_id,course_id:j.coursesId,category_id:null==L||null===(t=L.query)||void 0===t?void 0:t.categoryId}}))});case 5:0===(null==(a=e.sent)?void 0:a.status)&&(Object(V.ab)(["教学课堂","视频","上传视频"]),h.d.goBack(),b({type:"classroomList/getClassroomLeftMenus",payload:{id:j.coursesId}}));case 7:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();function ae(e){var t=URL.createObjectURL(e.originFileObj),a=new Audio(t);console.log("Location-------",L),a.addEventListener("loadedmetadata",(function(t){var o,n=a.duration,i={};i.name=e.name,i.duration=Math.floor(n),i.filesize=e.size,i.attachment_id=null==e?void 0:e.response.id,i.course_id=j.coursesId,i.category_id=null==L||null===(o=L.query)||void 0===o?void 0:o.categoryId,Y.push(i),K(Object(p.a)(Y))}))}var oe,ne,ie=null===(t=H.videoList)||void 0===t?void 0:t.length;return O.a.createElement("section",{className:C.a.bg,style:{width:"100%"}},O.a.createElement("div",{className:"mt5",style:{display:"flex"}},O.a.createElement(w.a,{style:{marginTop:"8px"},className:"current mr10 font16",onClick:function(){h.d.push("/classrooms/".concat(j.coursesId,"/video"))}}),O.a.createElement("h2",null,"上传视频")),ie?(console.log("state.videoList:",H.videoList),O.a.createElement("div",{className:C.a.fileMain},O.a.createElement(o.a,{spinning:R},null===(oe=H.videoList)||void 0===oe?void 0:oe.map((function(e,t){return O.a.createElement("div",{className:C.a.fileWrap},O.a.createElement("div",null,t+1,". ",e.name),O.a.createElement("div",{className:C.a.fileProgress},O.a.createElement(l.a,{percent:e.loaded,status:100==e.loaded?"normal":"active"}),O.a.createElement("div",{className:C.a.fileCancel},O.a.createElement(i.a,{type:"primary",onClick:function(){return t=e.name,a=100==e.loaded,void d.a.confirm({title:"提示",centered:!0,okText:"确定",cancelText:"取消",content:O.a.createElement("div",{className:"tc"},"您确认要",a?"删除":"取消上传","该视频吗?"),onOk:function(){Q(),A({type:"removeVideo",payload:{name:t}})}});var t,a}},100===e.loaded?"删除":"取消上传"))),O.a.createElement("div",{className:C.a.fileInputWrap},O.a.createElement("span",{className:"mr5"},"标题:"),O.a.createElement(n.a,{value:e.title,onChange:function(t){A({type:"updateTitle",payload:{title:t.target.value,item:e}})},className:C.a.fileInput,placeholder:"标题支持最多".concat(30,"个字符"),maxLength:30,addonAfter:O.a.createElement("span",{className:"c-light-black font12"},String(e.title.length),"/",30)})),O.a.createElement("div",{className:C.a.fileImgWrap},O.a.createElement("aside",{className:"mr5"},"上传封面图:"),O.a.createElement(x.a,{value:null==e?void 0:e.attachment_id,onChange:function(t){A({type:"updateImg",payload:{attachment_id:t,item:e}})}})))}))),O.a.createElement("div",{className:"mt10"},(null===(ne=H.videoList)||void 0===ne?void 0:ne.length)<=2?O.a.createElement(r.a,Object(s.a)({},$,{onChange:function(e){var t,a,o=e.file.status;"removed"===o&&q(e.fileList),"done"===o?(q(e.fileList),ae(e.file),A({type:"addVideo",payload:{uploadInfo:{state:"success",loaded:100,file:Object(m.a)({},e.file),videoId:null==e||null===(t=e.file)||void 0===t||null===(a=t.response)||void 0===a?void 0:a.id}}}),f.b.success("".concat(e.file.name," 文件上传成功"))):"error"===o&&f.b.error("".concat(e.file.name," 文件上传失败"))},beforeUpload:function(e){var t=e.size/1024/1024<1e3;return t||f.b.info("文件大小必须小于150MB"),t}}),O.a.createElement(i.a,{className:"".concat(C.a.continueAdd," current")},"继续添加"),"(单个文件1000M以内)"):"提示单次最多支持3个视频文件上传"),O.a.createElement("div",{className:C.a.description},O.a.createElement("div",null,"上传说明目前不支持断点续传单个视频文件最大限制1G单次最多支持3个视频文件上传 "),O.a.createElement("div",null,"视频规格avi、flv、f4v、m4v、mov、mp4、rmvb、swf、webm、wmv "),O.a.createElement("div",null,"温馨提示:",O.a.createElement("span",{className:C.a.colorOrange},"为了更好的播放体验建议您优先上传MP4格式。如果您是自己录制视频建议您保存的时候将视频编码设置为AVC(H264)"))),O.a.createElement("div",{className:C.a.flexRowCenter},O.a.createElement(i.a,{type:"primary",onClick:te},"立即发布")),O.a.createElement("div",{className:"".concat(C.a.flexRowCenter," mt10")},"上传视频,即表示您已同意",O.a.createElement(E.a,{to:"/users/".concat(null==j?void 0:j.username,"/videos/protocol"),className:C.a.colorBlue},"上传内容协议"),",不得上传未经他人授权的作品"))):O.a.createElement("div",{className:C.a.main},O.a.createElement("div",{className:C.a.uploadTop},O.a.createElement(r.a,Object(s.a)({},$,{onChange:function(e){var t,a,o=e.file.status;"removed"===o&&q(e.fileList),"done"===o?(q(e.fileList),ae(e.file),A({type:"addVideo",payload:{uploadInfo:{state:"success",loaded:100,file:Object(m.a)({},e.file),videoId:null==e||null===(t=e.file)||void 0===t||null===(a=t.response)||void 0===a?void 0:a.id}}}),f.b.success("".concat(e.file.name," 文件上传成功"))):"error"===o&&f.b.error("".concat(e.file.name," 文件上传失败"))},beforeUpload:function(e){var t=e.size/1024/1024<1e3;return t||f.b.info("文件大小必须小于150MB"),t}}),O.a.createElement("img",{className:C.a.defaultImg,src:I.a}),O.a.createElement("br",null),"上传视频","(单个文件1000M以内)")),O.a.createElement("div",{className:C.a.uploadDescription},O.a.createElement("div",{className:C.a.description},O.a.createElement("div",null,"上传说明目前不支持断点续传单个视频文件最大限制1G单次最多支持3个视频文件上传 "),O.a.createElement("div",null,"视频规格avi、flv、f4v、m4v、mov、mp4、rmvb、swf、webm、wmv "),O.a.createElement("div",null,"温馨提示:",O.a.createElement("span",{className:C.a.colorOrange},"为了更好的播放体验建议您优先上传MP4格式。如果您是自己录制视频建议您保存的时候将视频编码设置为AVC(H264)"))))),O.a.createElement("input",{ref:z,type:"file",id:"fileUpload",style:{display:"none"},onChange:function(e){var t,o,n,i=e.target.files[0];if(i){var l=i.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")?(f.b.info("不支持的视频格式"),void Q()):!(null!==(t=a.userInfo)&&void 0!==t&&t.admin||null!==(o=a.userInfo)&&void 0!==o&&o.business)&&i.size>1073741824?(f.b.info("视频大小超过".concat(1024,"M")),void Q()):null!==(n=H.videoList)&&void 0!==n&&n.find((function(e){return e.name===i.name}))?(f.b.info("你不能上传同一个视频文件名称,请重新选择。"),void Q()):void ee(i)}Q()},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 i}));var o={adjustX:1,adjustY:1},n=[0,0],i={left:{points:["cr","cl"],overflow:o,offset:[-4,0],targetOffset:n},right:{points:["cl","cr"],overflow:o,offset:[4,0],targetOffset:n},top:{points:["bc","tc"],overflow:o,offset:[0,-4],targetOffset:n},bottom:{points:["tc","bc"],overflow:o,offset:[0,4],targetOffset:n},topLeft:{points:["bl","tl"],overflow:o,offset:[0,-4],targetOffset:n},leftTop:{points:["tr","tl"],overflow:o,offset:[-4,0],targetOffset:n},topRight:{points:["br","tr"],overflow:o,offset:[0,-4],targetOffset:n},rightTop:{points:["tl","tr"],overflow:o,offset:[4,0],targetOffset:n},bottomRight:{points:["tr","br"],overflow:o,offset:[0,4],targetOffset:n},rightBottom:{points:["bl","br"],overflow:o,offset:[4,0],targetOffset:n},bottomLeft:{points:["tl","bl"],overflow:o,offset:[0,4],targetOffset:n},leftBottom:{points:["br","bl"],overflow:o,offset:[-4,0],targetOffset:n}}},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,o){var n=a?a.call(o,e,t):void 0;if(void 0!==n)return!!n;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var i=Object.keys(e),l=Object.keys(t);if(i.length!==l.length)return!1;for(var r=Object.prototype.hasOwnProperty.bind(t),s=0;s<i.length;s++){var c=i[s];if(!r(c))return!1;var d=e[c],f=t[c];if(!1===(n=a?a.call(o,d,f,c):void 0)||void 0===n&&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 o=a("U8pU"),n=a("VTBJ"),i=a("Ff2n"),l=a("q1tI"),r=a("uciX"),s=a("7ixt"),c=function(e){var t=e.overlay,a=e.prefixCls,o=e.id,n=e.overlayInnerStyle;return l.createElement("div",{className:"".concat(a,"-inner"),id:o,role:"tooltip",style:n},"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,v=void 0===u?0:u,m=e.mouseLeaveDelay,p=void 0===m?.1:m,b=e.overlayStyle,g=e.prefixCls,y=void 0===g?"rc-tooltip":g,O=e.children,_=e.onVisibleChange,h=e.afterVisibleChange,E=e.transitionName,w=e.animation,j=e.placement,I=void 0===j?"right":j,L=e.align,C=void 0===L?{}:L,N=e.destroyTooltipOnHide,x=void 0!==N&&N,T=e.defaultVisible,V=e.getTooltipContainer,k=e.overlayInnerStyle,S=Object(i.a)(e,["overlayClassName","trigger","mouseEnterDelay","mouseLeaveDelay","overlayStyle","prefixCls","children","onVisibleChange","afterVisibleChange","transitionName","animation","placement","align","destroyTooltipOnHide","defaultVisible","getTooltipContainer","overlayInnerStyle"]),P=Object(l.useRef)(null);Object(l.useImperativeHandle)(t,(function(){return P.current}));var D=Object(n.a)({},S);"visible"in e&&(D.popupVisible=e.visible);var R=!1,M=!1;if("boolean"==typeof x)R=x;else if(x&&"object"===Object(o.a)(x)){var U=x.keepParent;R=!0===U,M=!1===U}return l.createElement(r.a,Object.assign({popupClassName:a,prefixCls:y,popup:function(){var t=e.arrowContent,a=void 0===t?null:t,o=e.overlay,n=e.id;return[l.createElement("div",{className:"".concat(y,"-arrow"),key:"arrow"},a),l.createElement(c,{key:"content",prefixCls:y,id:n,overlay:o,overlayInnerStyle:k})]},action:f,builtinPlacements:s.a,popupPlacement:I,ref:P,popupAlign:C,getPopupContainer:V,onPopupVisibleChange:_,afterPopupVisibleChange:h,popupTransitionName:E,popupAnimation:w,defaultPopupVisible:T,destroyPopupOnHide:R,autoDestroy:M,mouseLeaveDelay:p,popupStyle:b,mouseEnterDelay:v},D),O)}));t.a=d},goie:
/*!********************************************************************!*\
!*** ./src/pages/Classrooms/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___3KBzW",main:"main___1PLlj",uploadTop:"uploadTop___deJNX",imgWrap:"imgWrap___3RmIu",defaultImg:"defaultImg___25gRM",hoverImg:"hoverImg___1tdFl",uploadTitle:"uploadTitle___TEJxi",colorBlue:"colorBlue___33TfR",uploadDescription:"uploadDescription___1Oy4N",description:"description___3mDMY",colorOrange:"colorOrange___22ipR",fileMain:"fileMain___23G4g",fileWrap:"fileWrap___1ptzT",fileProgress:"fileProgress___itUOS",fileCancel:"fileCancel___23JLk",fileInputWrap:"fileInputWrap___JQW8a",fileImgWrap:"fileImgWrap___2FvyK",fileInput:"fileInput___2XF5G",flexRowCenter:"flexRowCenter___3OevG",continueAdd:"continueAdd___1bZfK"}}}]);