NewEduCoderBuild/p__User__Detail__Videos__Upload__index.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[155],{kryb:function(e,a,t){"use strict";t.r(a);t("sPJy");var l=t("bE4q"),n=(t("T2oS"),t("W9HT")),i=(t("5NDa"),t("5rEg")),o=(t("+L6B"),t("2/Rp")),r=(t("MXD1"),t("CFYs")),d=t("WmNS"),s=t.n(d),c=t("9og8"),m=(t("2qtc"),t("kLXV")),v=(t("miYZ"),t("tsqr")),u=t("tJVT"),p=t("PpiC"),f=t("k1fw"),_=t("q1tI"),g=t.n(_),E=t("WHYC"),b=t("9kvl"),N=t("uYtH"),O=t("0eFM"),w=t.n(O),y=t("yG4R"),h=t.n(y),I=t("l7r4"),L=t.n(I),x=t("Aky1"),j=t("jb+D"),k=30,C=500,T=(e,a)=>{var t,l=a.payload.uploadInfo,n=void 0===l?{}:l;switch(a.type){case"addVideo":return{videoList:[...e.videoList,{name:n.file.name,size:n.file.size,type:n.file.type,fileHash:n.fileHash,state:n.state,videoId:n.videoId,loaded:0,title:""}]};case"removeVideo":return{videoList:e.videoList.filter(e=>e.name!==a.payload.name)};case"removeAll":return[];case"updateProgress":return{videoList:e.videoList.map(e=>e.name===a.payload.uploadInfo.file.name?Object(f["a"])(Object(f["a"])({},e),{loaded:a.payload.progressPercent,videoId:n.videoId,fileHash:n.fileHash}):e)};case"updateTitle":return{videoList:null===(t=e.videoList)||void 0===t?void 0:t.map(e=>e.name===a.payload.item.name?Object(f["a"])(Object(f["a"])({},e),{title:a.payload.title}):e)};default:return[]}},S=e=>{var a,t=e.user,d=(e.userDetail,e.globalSetting,e.loading,e.dispatch,Object(p["a"])(e,["user","userDetail","globalSetting","loading","dispatch"]),Object(E["m"])()),f=Object(_["useState"])(!1),O=Object(u["a"])(f,2),y=O[0],I=O[1],S=Object(_["useReducer"])(T,{videoList:[]}),P=Object(u["a"])(S,2),D=P[0],M=P[1],W=Object(_["useRef"])();Object(_["useEffect"])(()=>(window.addEventListener("beforeunload",U),()=>{window.removeEventListener("beforeunload",U)}),[]);var U=e=>{e.preventDefault(),e.returnValue=""},H=()=>{var e=document.getElementById("fileUpload");e.value=""},V=e=>{var a,l,n,i=e.target.files[0];if(i)return i.name&&-1==i.name.indexOf(".avi")&&-1==i.name.indexOf(".flv")&&-1==i.name.indexOf(".f4v")&&-1==i.name.indexOf(".m4v")&&-1==i.name.indexOf(".mov")&&-1==i.name.indexOf(".mp4")&&-1==i.name.indexOf(".rmvb")&&-1==i.name.indexOf(".swf")&&-1==i.name.indexOf(".webm")&&-1==i.name.indexOf(".wmv")?(v["a"].info("\u4e0d\u652f\u6301\u7684\u89c6\u9891\u683c\u5f0f"),void H()):!(null===(a=t.userInfo)||void 0===a?void 0:a.admin)&&!(null===(l=t.userInfo)||void 0===l?void 0:l.business)&&i.size>1024*C*1024?(v["a"].info("\u89c6\u9891\u5927\u5c0f\u8d85\u8fc7".concat(C,"M")),void H()):(null===(n=D.videoList)||void 0===n?void 0:n.find(e=>e.name===i.name))?(v["a"].info("\u4f60\u4e0d\u80fd\u4e0a\u4f20\u540c\u4e00\u4e2a\u89c6\u9891\u6587\u4ef6\u540d\u79f0\uff0c\u8bf7\u91cd\u65b0\u9009\u62e9\u3002"),void H()):void F(i);H()},A=(e,a)=>{m["a"].confirm({title:"\u63d0\u793a",centered:!0,okText:"\u786e\u5b9a",cancelText:"\u53d6\u6d88",content:g.a.createElement("div",{className:"tc"},"\u60a8\u786e\u8ba4\u8981",a?"\u5220\u9664":"\u53d6\u6d88\u4e0a\u4f20","\u8be5\u89c6\u9891\u5417\uff1f"),onOk:()=>{H(),M({type:"removeVideo",payload:{name:e}})}})},F=e=>{var a='{"Vod":{}}';I(!0),W.current?W.current.addFile(e,null,null,null,a):Object(x["a"])(null===d||void 0===d?void 0:d.username,{create:!W,addFileSuccess:e=>{M({type:"addVideo",payload:{uploadInfo:e}})},onUploadProgress:(e,a,t)=>{var l=Math.ceil(100*t);M({type:"updateProgress",payload:{uploadInfo:e,progressPercent:l}}),H()},onUploadFailed:e=>{v["a"].info("\u89c6\u9891\u4e91\u670d\u52a1\u51fa\u73b0\u5f02\u5e38\uff0c\u8bf7\u91cd\u65b0\u4e0a\u4f20\u3002")},onUploadEnd:e=>{I(!1)},onUploadSucceed:e=>{I(!1)},onUploadError:e=>{I(!1)},gotUploader:t=>{t.addFile(e,null,null,null,a),W.current=t}})},R=function(){var e=Object(c["a"])(s.a.mark((function e(){var a,t;return s.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(null===(a=D.videoList)||void 0===a?void 0:a.length){e.next=3;break}return v["a"].info("\u8bf7\u5148\u4e0a\u4f20\u89c6\u9891"),e.abrupt("return");case 3:return e.next=5,Object(j["c"])({username:d.username,videos:D.videoList.map(e=>({video_id:e.videoId,title:e.title}))});case 5:t=e.sent,0===(null===t||void 0===t?void 0:t.status)&&b["c"].push("/users/".concat(d.username,"/videos/success"));case 7:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),B=null===(a=D.videoList)||void 0===a?void 0:a.length,Y=()=>g.a.createElement("div",{className:L.a.main},g.a.createElement("div",{className:L.a.uploadTop},g.a.createElement("label",{htmlFor:"fileUpload",className:L.a.imgWrap},g.a.createElement("img",{className:L.a.defaultImg,src:w.a}),g.a.createElement("img",{className:L.a.hoverImg,src:h.a})),g.a.createElement("div",{className:L.a.uploadTitle},"\u9009\u62e9\u60a8\u8981\u4e0a\u4f20\u7684\u89c6\u9891"),g.a.createElement("div",null,"\u4e0a\u4f20\u89c6\u9891\uff0c\u5373\u8868\u793a\u60a8\u5df2\u540c\u610f",g.a.createElement(N["Link"],{to:"/users/".concat(null===d||void 0===d?void 0:d.username,"/videos/protocol"),className:L.a.colorBlue},"\u4e0a\u4f20\u5185\u5bb9\u534f\u8bae"),"\uff0c\u4e0d\u5f97\u4e0a\u4f20\u672a\u7ecf\u4ed6\u4eba\u6388\u6743\u7684\u4f5c\u54c1")),g.a.createElement("div",{className:L.a.uploadDescription},g.a.createElement("div",{className:L.a.description},g.a.createElement("div",null,"\u4e0a\u4f20\u8bf4\u660e\uff1a\u76ee\u524d\u4e0d\u652f\u6301\u65ad\u70b9\u7eed\u4f20\uff0c\u5355\u4e2a\u89c6\u9891\u6587\u4ef6\u6700\u5927\u9650\u5236500M\uff0c\u5355\u6b21\u6700\u591a\u652f\u63013\u4e2a\u89c6\u9891\u6587\u4ef6\u4e0a\u4f20 "),g.a.createElement("div",null,"\u89c6\u9891\u89c4\u683c\uff1aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),g.a.createElement("div",null,"\u6e29\u99a8\u63d0\u793a\uff1a",g.a.createElement("span",{className:L.a.colorOrange},"\u4e3a\u4e86\u66f4\u597d\u7684\u64ad\u653e\u4f53\u9a8c\uff0c\u5efa\u8bae\u60a8\u4f18\u5148\u4e0a\u4f20MP4\u683c\u5f0f\u3002\u5982\u679c\u60a8\u662f\u81ea\u5df1\u5f55\u5236\u89c6\u9891\uff0c\u5efa\u8bae\u60a8\u4fdd\u5b58\u7684\u65f6\u5019\u5c06\u89c6\u9891\u7f16\u7801\u8bbe\u7f6e\u4e3aAVC(H264)"))))),G=()=>{var e;return g.a.createElement("div",{className:L.a.fileMain},g.a.createElement(n["a"],{spinning:y},null===(e=D.videoList)||void 0===e?void 0:e.map((e,a)=>g.a.createElement("div",{className:L.a.fileWrap},g.a.createElement("div",null,a+1,". ",e.name),g.a.createElement("div",{className:L.a.fileProgress},g.a.createElement(r["a"],{percent:e.loaded,status:100==e.loaded?"normal":"active"}),g.a.createElement("div",{className:L.a.fileCancel},g.a.createElement(o["a"],{type:"primary",onClick:()=>A(e.name,100==e.loaded)},100===e.loaded?"\u5220\u9664":"\u53d6\u6d88\u4e0a\u4f20"))),g.a.createElement("div",{className:L.a.fileInputWrap},g.a.createElement("span",{className:"mr5"},"\u6807\u9898"),g.a.createElement(i["a"],{value:e.title,onChange:a=>{M({type:"updateTitle",payload:{title:a.target.value,item:e}})},className:L.a.fileInput,placeholder:"\u6807\u9898\u652f\u6301\u6700\u591a".concat(k,"\u4e2a\u5b57\u7b26"),maxLength:k,addonAfter:g.a.createElement("span",{className:"c-light-black font12"},String(e.title.length),"/",k)}))))),g.a.createElement("div",{className:"mt10"},g.a.createElement("label",{htmlFor:"fileUpload",className:"".concat(L.a.continueAdd," current")},"\u7ee7\u7eed\u6dfb\u52a0")),g.a.createElement("div",{className:L.a.description},g.a.createElement("div",null,"\u4e0a\u4f20\u8bf4\u660e\uff1a\u76ee\u524d\u4e0d\u652f\u6301\u65ad\u70b9\u7eed\u4f20\uff0c\u5355\u4e2a\u89c6\u9891\u6587\u4ef6\u6700\u5927\u9650\u5236500M\uff0c\u5355\u6b21\u6700\u591a\u652f\u63013\u4e2a\u89c6\u9891\u6587\u4ef6\u4e0a\u4f20 "),g.a.createElement("div",null,"\u89c6\u9891\u89c4\u683c\uff1aavi\u3001flv\u3001f4v\u3001m4v\u3001mov\u3001mp4\u3001rmvb\u3001swf\u3001webm\u3001wmv "),g.a.createElement("div",null,"\u6e29\u99a8\u63d0\u793a\uff1a",g.a.createElement("span",{className:L.a.colorOrange},"\u4e3a\u4e86\u66f4\u597d\u7684\u64ad\u653e\u4f53\u9a8c\uff0c\u5efa\u8bae\u60a8\u4f18\u5148\u4e0a\u4f20MP4\u683c\u5f0f\u3002\u5982\u679c\u60a8\u662f\u81ea\u5df1\u5f55\u5236\u89c6\u9891\uff0c\u5efa\u8bae\u60a8\u4fdd\u5b58\u7684\u65f6\u5019\u5c06\u89c6\u9891\u7f16\u7801\u8bbe\u7f6e\u4e3aAVC(H264)"))),g.a.createElement("div",{className:L.a.flexRowCenter},g.a.createElement(o["a"],{type:"primary",onClick:R},"\u7acb\u5373\u53d1\u5e03")),g.a.createElement("div",{className:"".concat(L.a.flexRowCenter," mt10")},"\u4e0a\u4f20\u89c6\u9891\uff0c\u5373\u8868\u793a\u60a8\u5df2\u540c\u610f",g.a.createElement(N["Link"],{to:"/users/".concat(null===d||void 0===d?void 0:d.username,"/videos/protocol"),className:L.a.colorBlue},"\u4e0a\u4f20\u5185\u5bb9\u534f\u8bae"),"\uff0c\u4e0d\u5f97\u4e0a\u4f20\u672a\u7ecf\u4ed6\u4eba\u6388\u6743\u7684\u4f5c\u54c1"))};return g.a.createElement("section",{className:L.a.bg},g.a.createElement(l["a"],{className:"mb10 mt10",separator:">"},g.a.createElement(l["a"].Item,{href:"/users/".concat(null===d||void 0===d?void 0:d.username,"/videos")},"\u89c6\u9891"),g.a.createElement(l["a"].Item,null,"\u4e0a\u4f20")),g.a.createElement("div",{className:"mt5"},g.a.createElement("h2",null,"\u4e0a\u4f20\u89c6\u9891")),B?G():Y(),g.a.createElement("input",{type:"file",id:"fileUpload",style:{display:"none"},onChange:V,accept:".mkv, .flv, .f4v, .rmvb, .swf, video/mp4,video/x-m4v,video/flv,video/f4v,video/rmvb,video/swf,video/*"}))};a["default"]=Object(b["a"])(e=>{var a=e.user,t=e.userDetail,l=e.loading,n=e.globalSetting;return{user:a,userDetail:t,globalSetting:n,loading:l.models.index}})(S)},l7r4:function(e,a,t){e.exports={bg:"bg___33gb9",main:"main___2c1GK",uploadTop:"uploadTop___2LP8s",imgWrap:"imgWrap___1YZrz",defaultImg:"defaultImg___2SiY8",hoverImg:"hoverImg___2H19s",uploadTitle:"uploadTitle___iX_Yi",colorBlue:"colorBlue___3pbIB",uploadDescription:"uploadDescription___2DLGo",description:"description___1bCiL",colorOrange:"colorOrange___1Bcga",fileMain:"fileMain___1SOrt",fileWrap:"fileWrap___SwTG9",fileProgress:"fileProgress___29GYn",fileCancel:"fileCancel___1RjoT",fileInputWrap:"fileInputWrap___2FSoU",fileInput:"fileInput___1_K3Q",flexRowCenter:"flexRowCenter___17MT-",continueAdd:"continueAdd___38iNA"}}}]);