NewEduCoderBuild/components__User__RegisterPanel.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[10],{"9dzl":function(e,t,a){"use strict";a.r(t);a("sRBo");var r=a("kaz8"),n=(a("+L6B"),a("2/Rp")),s=(a("5NDa"),a("5rEg")),i=(a("y8nQ"),a("Vl3Y")),l=a("tJVT"),c=a("k1fw"),o=a("q1tI"),u=a.n(o),m=a("WmNS"),d=a.n(m),f=a("9og8"),y=(a("tJYU"),{icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"}}]},name:"check",theme:"outlined"}),p=y,g=a("6VBw"),v=function(e,t){return o["createElement"](g["a"],Object.assign({},e,{ref:t,icon:p}))};v.displayName="CheckOutlined";var E=o["forwardRef"](v),w={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"}}]},name:"double-right",theme:"outlined"},b=w,h=function(e,t){return o["createElement"](g["a"],Object.assign({},e,{ref:t,icon:b}))};h.displayName="DoubleRightOutlined";var O,V=o["forwardRef"](h),j={moveX:0,verify:!1};function M(e,t){switch(t.type){case O.SET_MOVEX:return Object(c["a"])(Object(c["a"])({},e),{},{moveX:t.payload});case O.VERIFY:return Object(c["a"])(Object(c["a"])({},e),t.payload);default:throw new Error}}(function(e){e[e["SET_MOVEX"]=0]="SET_MOVEX",e[e["VERIFY"]=1]="VERIFY"})(O||(O={}));var N,C=e=>{var t=e.value,a=e.onChange,r=e.onValidate,n=Object(o["useReducer"])(M,j),s=Object(l["a"])(n,2),i=s[0],c=s[1],m=i.moveX,y=i.verify,p=Object(o["useRef"])(),g=Object(o["useRef"])(),v=Object(o["useRef"])(),w=Object(o["useRef"])(),b=Object(o["useMemo"])(()=>{if(g.current)return g.current.getBoundingClientRect()},[g.current]);function h(){y||(w.current=!0,p.current.style.transition="",v.current.style.transition="")}return Object(o["useEffect"])(()=>{if(b){var e=!1,t=b.width,n=b.left,s=t-40;function i(e){return l.apply(this,arguments)}function l(){return l=Object(f["a"])(d.a.mark((function t(i){var l;return d.a.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(!w.current){t.next=14;break}if(l=i.pageX-n,l<0&&(l=0),!(l>=s)){t.next=13;break}return l=s,t.next=7,r();case 7:e=t.sent,c({type:O.VERIFY,payload:{moveX:l,verify:e}}),a(e),e&&(w.current=!1),t.next=14;break;case 13:c({type:O.SET_MOVEX,payload:l});case 14:case"end":return t.stop()}}),t)}))),l.apply(this,arguments)}function o(){w.current=!1,e||(p.current.style.transition="left .5s ease",v.current.style.transition="width .5s ease",c({type:O.VERIFY,payload:{moveX:0}}))}return window.addEventListener("mousemove",i),window.addEventListener("mouseup",o),()=>{window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",o)}}},[b]),Object(o["useEffect"])(()=>{c({type:O.VERIFY,payload:{verify:t,moveX:t?(null===b||void 0===b?void 0:b.width)-40:0}})},[t]),u.a.createElement("div",{ref:g,className:"unlock-wrapper"},u.a.createElement("div",{ref:v,className:"unlock-bg",style:{width:m}}),u.a.createElement("div",{className:"unlock-text"},y?"\u9a8c\u8bc1\u901a\u8fc7":"\u62d6\u52a8\u6ed1\u5757\u9a8c\u8bc1"),u.a.createElement("div",{ref:p,onMouseDown:h,style:{left:m},className:"unlock-handler"},y?u.a.createElement(E,null):u.a.createElement(V,null)))},R={height:40},k=/(\b[\w\.-]+@[\w\.-]+\.\w{2,4}\b)|([1][3,4,5,6,7,8,9][0-9]{9})/gi,I={timer:0,verifyCode:"",verifyCodeMessage:"",verifyNameMessage:""};function F(e,t){switch(t.type){case N.getVerifyCode:return Object(c["a"])(Object(c["a"])({},e),t.payload);case N.setTimer:return Object(c["a"])(Object(c["a"])({},e),{},{timer:t.payload});case N.setVerifyCodeMessage:return Object(c["a"])(Object(c["a"])({},e),{},{verifyCodeMessage:t.payload});case N.setVerifyNameMessage:return Object(c["a"])(Object(c["a"])({},e),{},{verifyNameMessage:t.payload});default:throw new Error}}(function(e){e[e["setTimer"]=0]="setTimer",e[e["getVerifyCode"]=1]="getVerifyCode",e[e["setVerifyCodeMessage"]=2]="setVerifyCodeMessage",e[e["setVerifyNameMessage"]=3]="setVerifyNameMessage"})(N||(N={}));t["default"]=e=>{var t=e.validateName,a=e.getCode,c=e.register,m=i["a"].useForm(),d=Object(l["a"])(m,1),f=d[0],y=Object(o["useReducer"])(F,I),p=Object(l["a"])(y,2),g=p[0],v=p[1],E=g.verifyCode,w=g.verifyCodeMessage,b=g.verifyNameMessage,h=g.timer;function O(e){var t=e.login,a=e.password,r=e.code,n=c({login:t,password:a,code:r,type:"wechat"});v({type:N.setVerifyCodeMessage,payload:n})}function V(){f.setFieldsValue({verify:!1}),v({type:N.setVerifyNameMessage,payload:""})}function j(e,t){if(E)return t===E?Promise.resolve():Promise.reject("\u9a8c\u8bc1\u7801\u4e0d\u5339\u914d")}function M(){var e=f.getFieldValue("login"),a=t(e),r=a.isOk,n=a.message;r||v({type:N.setVerifyNameMessage,payload:n})}function T(){var e=f.getFieldValue("verify");if(e){var t=a();v({type:N.getVerifyCode,payload:{verifyCode:t,timer:60}})}else f.validateFields(["verify"])}return Object(o["useEffect"])(()=>{h>0&&setTimeout(()=>{v({type:N.setTimer,payload:h-1})},1e3)},[h]),u.a.createElement(i["a"],{layout:"vertical",className:"register-user-panel",form:f,initialValues:{autologin:!0,protool:!0},onFinish:O},u.a.createElement(i["a"].Item,{name:"login",extra:b?u.a.createElement("span",{className:"error"},b):null,rules:[{required:!0,message:"\u8bf7\u8f93\u5165\u6709\u6548\u7684\u624b\u673a\u53f7/\u90ae\u7bb1"},{pattern:k,message:"\u624b\u673a\u53f7\u6216\u8005\u90ae\u7bb1\u683c\u5f0f\u6709\u8bef"}]},u.a.createElement(s["a"],{style:R,size:"large",placeholder:"\u8bf7\u8f93\u5165\u6709\u6548\u7684\u624b\u673a\u53f7/\u90ae\u7bb1\u53f7",onChange:V})),u.a.createElement(i["a"].Item,{name:"verify",rules:[{required:!0,message:"\u9700\u8981\u9a8c\u8bc1\u624b\u673a\u53f7/\u90ae\u7bb1\u53f7 "}]},u.a.createElement(C,{onValidate:M})),u.a.createElement(i["a"].Item,null,u.a.createElement(i["a"].Item,{name:"code",noStyle:!0,rules:[{required:!0,message:"\u8bf7\u8f93\u5165\u9a8c\u8bc1\u7801"},{validator:j}],extra:w?u.a.createElement("span",{className:"error"},w):null},u.a.createElement(s["a"],{style:{width:300,height:40,marginRight:6},placeholder:"\u8bf7\u8f93\u5165\u9a8c\u8bc1\u7801",size:"large"})),u.a.createElement(n["a"],{size:"large",type:"primary",style:R,onClick:T,disabled:h>0}," ",0===h?"\u83b7\u53d6\u9a8c\u8bc1\u7801":"\u91cd\u65b0\u53d1\u9001".concat(h,"s"))),u.a.createElement(i["a"].Item,{name:"password",rules:[{required:!0,message:"\u8bf7\u8f93\u5165\u5bc6\u7801"}]},u.a.createElement(s["a"].Password,{style:R,size:"large",placeholder:"\u8f93\u51658\uff5e16\u4f4d\u5bc6\u7801\uff0c\u533a\u5206\u5927\u5c0f\u5199"})),u.a.createElement(i["a"].Item,null,u.a.createElement(i["a"].Item,{noStyle:!0,name:"protool",valuePropName:"checked",rules:[{required:!0,message:"\u8bf7\u540c\u610f\u670d\u52a1\u534f\u8bae\u6761\u6b3e"}]},u.a.createElement(r["a"],{style:{marginRight:10}})),"\u6211\u5df2\u9605\u8bfb\u5e76\u540c\u610f\u300a\u670d\u52a1\u534f\u8bae\u6761\u6b3e\u300b"),u.a.createElement(i["a"].Item,null,u.a.createElement(n["a"],{size:"large",type:"primary",htmlType:"submit",block:!0,style:R}," \u6ce8\u518c ")))}},tJYU:function(e,t,a){}}]);