NewEduCoderBuild/components__User__RegisterPanel.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[10],{"9dzl":function(e,t,a){"use strict";a.r(t);a("+L6B");var n=a("2/Rp"),r=(a("5NDa"),a("5rEg")),c=(a("y8nQ"),a("Vl3Y")),l=a("tJVT"),s=a("q1tI"),i=a.n(s),o=a("WmNS"),u=a.n(o),m=a("9og8"),d=a("k1fw"),f=(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=f,v=a("6VBw"),E=function(e,t){return s["createElement"](v["a"],Object.assign({},e,{ref:t,icon:p}))};E.displayName="CheckOutlined";var w=s["forwardRef"](E),y={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"},h=y,b=function(e,t){return s["createElement"](v["a"],Object.assign({},e,{ref:t,icon:h}))};b.displayName="DoubleRightOutlined";var g,O=s["forwardRef"](b),j={moveX:0,verify:!1};function V(e,t){switch(t.type){case g.SET_MOVEX:return Object(d["a"])(Object(d["a"])({},e),{},{moveX:t.payload});case g.VERIFY:return Object(d["a"])(Object(d["a"])({},e),t.payload);default:throw new Error}}(function(e){e[e["SET_MOVEX"]=0]="SET_MOVEX",e[e["VERIFY"]=1]="VERIFY"})(g||(g={}));var R=e=>{var t=e.value,a=e.onChange,n=e.onValidate,r=Object(s["useReducer"])(V,j),c=Object(l["a"])(r,2),o=c[0],d=c[1],f=o.moveX,p=o.verify,v=Object(s["useRef"])(),E=Object(s["useRef"])(),y=Object(s["useRef"])(),h=Object(s["useRef"])(),b=Object(s["useMemo"])(()=>{if(E.current)return E.current.getBoundingClientRect()},[E.current]);function R(){p||(h.current=!0,v.current.style.transition="",y.current.style.transition="")}return Object(s["useEffect"])(()=>{if(b){var e=!1,t=b.width,r=b.left,c=t-40;function l(e){return s.apply(this,arguments)}function s(){return s=Object(m["a"])(u.a.mark((function t(l){var s;return u.a.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(!h.current){t.next=14;break}if(s=l.pageX-r,s<0&&(s=0),!(s>=c)){t.next=13;break}return s=c,t.next=7,n();case 7:e=t.sent,d({type:g.VERIFY,payload:{moveX:s,verify:e}}),a(e),e&&(h.current=!1),t.next=14;break;case 13:d({type:g.SET_MOVEX,payload:s});case 14:case"end":return t.stop()}}),t)}))),s.apply(this,arguments)}function i(){h.current=!1,e||(v.current.style.transition="left .5s ease",y.current.style.transition="width .5s ease",d({type:g.VERIFY,payload:{moveX:0}}))}return window.addEventListener("mousemove",l),window.addEventListener("mouseup",i),()=>{window.removeEventListener("mousemove",l),window.removeEventListener("mouseup",i)}}},[b]),Object(s["useEffect"])(()=>{d({type:g.VERIFY,payload:{verify:t,moveX:t?(null===b||void 0===b?void 0:b.width)-40:0}})},[t]),i.a.createElement("div",{ref:E,className:"unlock-wrapper"},i.a.createElement("div",{ref:y,className:"unlock-bg",style:{width:f}}),i.a.createElement("div",{className:"unlock-text"},p?"\u9a8c\u8bc1\u901a\u8fc7":"\u62d6\u52a8\u6ed1\u5757\u9a8c\u8bc1"),i.a.createElement("div",{ref:v,onMouseDown:R,style:{left:f},className:"unlock-handler"},p?i.a.createElement(w,null):i.a.createElement(O,null)))},k={height:40},I=/(\b[\w\.-]+@[\w\.-]+\.\w{2,4}\b)|([1][3,4,5,6,7,8,9][0-9]{9})/gi;t["default"]=()=>{var e=c["a"].useForm(),t=Object(l["a"])(e,1),a=t[0];function s(e){console.log(e)}function o(){a.setFieldsValue({verify:!1})}function u(){return!0}return i.a.createElement(c["a"],{layout:"vertical",className:"register-user-panel",form:a,initialValues:{autologin:!0},onFinish:s},i.a.createElement(c["a"].Item,{name:"login",rules:[{required:!0,message:"\u8bf7\u8f93\u5165\u6709\u6548\u7684\u624b\u673a\u53f7/\u90ae\u7bb1"},{pattern:I,message:"\u624b\u673a\u53f7\u6216\u8005\u90ae\u7bb1\u683c\u5f0f\u6709\u8bef"}]},i.a.createElement(r["a"],{style:k,size:"large",placeholder:"\u8bf7\u8f93\u5165\u6709\u6548\u7684\u624b\u673a\u53f7/\u90ae\u7bb1\u53f7",onChange:o})),i.a.createElement(c["a"].Item,{name:"verify",rules:[{required:!0,message:"\u9700\u8981\u9a8c\u8bc1\u624b\u673a\u53f7/\u90ae\u7bb1\u53f7 "}]},i.a.createElement(R,{onValidate:u})),i.a.createElement(c["a"].Item,{name:"password",rules:[{required:!0,message:"\u8bf7\u8f93\u5165\u5bc6\u7801"}]},i.a.createElement(r["a"].Password,{style:k,size:"large",placeholder:"\u8f93\u51658\uff5e16\u4f4d\u5bc6\u7801\uff0c\u533a\u5206\u5927\u5c0f\u5199"})),i.a.createElement(c["a"].Item,null,i.a.createElement(n["a"],{size:"large",type:"primary",htmlType:"submit",block:!0,style:k}," \u6ce8\u518c ")))}},tJYU:function(e,t,a){}}]);