NewEduCoderBuild/components__User__RegisterPanel.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[10],{"9dzl":function(e,t,a){"use strict";a.r(t);a("+L6B");var r=a("2/Rp"),n=(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 y=s["forwardRef"](E),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"},h=w,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 R(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 V=e=>{var t=e.value,a=e.onChange,r=e.onValidate,n=Object(s["useReducer"])(R,j),c=Object(l["a"])(n,2),o=c[0],d=c[1],f=o.moveX,p=o.verify,v=Object(s["useRef"])(),E=Object(s["useRef"])(),w=Object(s["useRef"])(),h=Object(s["useRef"])(),b=Object(s["useMemo"])(()=>{if(E.current)return E.current.getBoundingClientRect()},[E.current]);function V(){p||(h.current=!0,v.current.style.transition="",w.current.style.transition="")}return Object(s["useEffect"])(()=>{if(b){var e=!1,t=b.width,n=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-n,s<0&&(s=0),!(s>=c)){t.next=13;break}return s=c,t.next=7,r();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",w.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:p?(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:w,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,onClick:V,style:{left:f},className:"unlock-handler"},p?i.a.createElement(y,null):i.a.createElement(O,null)))},k={height:40};t["default"]=()=>{var e=c["a"].useForm(),t=Object(l["a"])(e,1),a=t[0];function s(e){console.log(e)}function o(){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:"name",rules:[{required:!0,message:"\u8bf7\u8f93\u5165\u6709\u6548\u7684\u624b\u673a\u53f7/\u90ae\u7bb1\u53f7 "}]},i.a.createElement(n["a"],{style:k,size:"large",placeholder:"\u8bf7\u8f93\u5165\u6709\u6548\u7684\u624b\u673a\u53f7/\u90ae\u7bb1\u53f7"})),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(V,{onValidate:o})),i.a.createElement(c["a"].Item,{name:"password",rules:[{required:!0,message:"\u8bf7\u8f93\u5165\u5bc6\u7801"}]},i.a.createElement(n["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(r["a"],{size:"large",type:"primary",htmlType:"submit",block:!0,style:k}," \u6ce8\u518c ")))}},tJYU:function(e,t,a){}}]);