input-0_Xo22Fl.js 11 KB

1
  1. import{a as e,n as t}from"./react-dom-stZKkA6x.js";import{C as n,Gt as r,In as i,K as a,Mr as o,Pn as s,Q as c,Rn as l,S as u,Wt as d,Yt as f,a as p,ar as m,bn as h,dn as g,ft as _,jn as v,jr as y,kt as b,ln as x,mn as S,o as C,or as w,p as T,r as E,vr as D}from"./jsx-runtime-dm82oUI8.js";var O=e(t()),k=e(o()),A={icon:{tag:`svg`,attrs:{viewBox:`64 64 896 896`,focusable:`false`},children:[{tag:`path`,attrs:{d:`M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z`}}]},name:`eye`,theme:`outlined`},j=O.forwardRef(function(e,t){return O.createElement(S,y({},e,{ref:t,icon:A}))}),M=e=>{let{getPrefixCls:t,direction:n}=(0,O.useContext)(l),{prefixCls:r,className:i}=e,a=t(`input-group`,r),[o,s,c]=T(t(`input`)),u=(0,k.default)(a,c,{[`${a}-lg`]:e.size===`large`,[`${a}-sm`]:e.size===`small`,[`${a}-compact`]:e.compact,[`${a}-rtl`]:n===`rtl`},s,i),d=(0,O.useContext)(_),f=(0,O.useMemo)(()=>Object.assign(Object.assign({},d),{isFormItemInput:!1}),[d]);return o(O.createElement(`span`,{className:u,style:e.style,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,onFocus:e.onFocus,onBlur:e.onBlur},O.createElement(_.Provider,{value:f},e.children)))},N=e=>{let{componentCls:t,paddingXS:n}=e;return{[t]:{display:`inline-flex`,alignItems:`center`,flexWrap:`nowrap`,columnGap:n,[`${t}-input-wrapper`]:{position:`relative`,[`${t}-mask-icon`]:{position:`absolute`,zIndex:`1`,top:`50%`,right:`50%`,transform:`translate(50%, -50%)`,pointerEvents:`none`},[`${t}-mask-input`]:{color:`transparent`,caretColor:e.colorText},[`${t}-mask-input[type=number]::-webkit-inner-spin-button`]:{"-webkit-appearance":`none`,margin:0},[`${t}-mask-input[type=number]`]:{"-moz-appearance":`textfield`}},"&-rtl":{direction:`rtl`},[`${t}-input`]:{textAlign:`center`,paddingInline:e.paddingXXS},[`&${t}-sm ${t}-input`]:{paddingInline:e.calc(e.paddingXXS).div(2).equal()},[`&${t}-lg ${t}-input`]:{paddingInline:e.paddingXS}}}},P=h([`Input`,`OTP`],e=>N(v(e,n(e))),u),F=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n},I=O.forwardRef((e,t)=>{let{className:n,value:r,onChange:i,onActiveChange:a,index:o,mask:s}=e,c=F(e,[`className`,`value`,`onChange`,`onActiveChange`,`index`,`mask`]),{getPrefixCls:u}=O.useContext(l),d=u(`otp`),f=typeof s==`string`?s:r,h=O.useRef(null);O.useImperativeHandle(t,()=>h.current);let g=e=>{i(o,e.target.value)},_=()=>{m(()=>{let e=h.current?.input;document.activeElement===e&&e&&e.select()})};return O.createElement(`span`,{className:`${d}-input-wrapper`,role:`presentation`},s&&r!==``&&r!==void 0&&O.createElement(`span`,{className:`${d}-mask-icon`,"aria-hidden":`true`},f),O.createElement(p,Object.assign({"aria-label":`OTP Input ${o+1}`,type:s===!0?`password`:`text`},c,{ref:h,value:r,onInput:g,onFocus:_,onKeyDown:e=>{let{key:t,ctrlKey:n,metaKey:i}=e;t===`ArrowLeft`?a(o-1):t===`ArrowRight`?a(o+1):t===`z`&&(n||i)?e.preventDefault():t===`Backspace`&&!r&&a(o-1),_()},onMouseDown:_,onMouseUp:_,className:(0,k.default)(n,{[`${d}-mask-input`]:s})})))}),L=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n};function R(e){return(e||``).split(``)}var z=e=>{let{index:t,prefixCls:n,separator:r}=e,i=typeof r==`function`?r(t):r;return i?O.createElement(`span`,{className:`${n}-separator`},i):null},B=O.forwardRef((e,t)=>{let{prefixCls:n,length:i=6,size:a,defaultValue:o,value:u,onChange:d,formatter:f,separator:p,variant:m,disabled:h,status:v,autoFocus:y,mask:b,type:x,onInput:S,inputMode:C}=e,T=L(e,[`prefixCls`,`length`,`size`,`defaultValue`,`value`,`onChange`,`formatter`,`separator`,`variant`,`disabled`,`status`,`autoFocus`,`mask`,`type`,`onInput`,`inputMode`]),{getPrefixCls:E,direction:D}=O.useContext(l),A=E(`otp`,n),j=g(T,{aria:!0,data:!0,attr:!0}),[M,N,F]=P(A),B=r(e=>a??e),V=O.useContext(_),H=c(V.status,v),U=O.useMemo(()=>Object.assign(Object.assign({},V),{status:H,hasFeedback:!1,feedbackIcon:null}),[V,H]),W=O.useRef(null),G=O.useRef({});O.useImperativeHandle(t,()=>({focus:()=>{var e;(e=G.current[0])==null||e.focus()},blur:()=>{var e;for(let t=0;t<i;t+=1)(e=G.current[t])==null||e.blur()},nativeElement:W.current}));let K=e=>f?f(e):e,[q,J]=O.useState(()=>R(K(o||``)));O.useEffect(()=>{u!==void 0&&J(R(u))},[u]);let Y=s(e=>{J(e),S&&S(e),d&&e.length===i&&e.every(e=>e)&&e.some((e,t)=>q[t]!==e)&&d(e.join(``))}),X=s((e,t)=>{let n=w(q);for(let t=0;t<e;t+=1)n[t]||(n[t]=``);t.length<=1?n[e]=t:n=n.slice(0,e).concat(R(t)),n=n.slice(0,i);for(let e=n.length-1;e>=0&&!n[e];--e)n.pop();return n=R(K(n.map(e=>e||` `).join(``))).map((e,t)=>e===` `&&!n[t]?n[t]:e),n}),Z=(e,t)=>{var n;let r=X(e,t),a=Math.min(e+t.length,i-1);a!==e&&r[e]!==void 0&&((n=G.current[a])==null||n.focus()),Y(r)},Q=e=>{var t;(t=G.current[e])==null||t.focus()},$={variant:m,disabled:h,status:H,mask:b,type:x,inputMode:C};return M(O.createElement(`div`,Object.assign({},j,{ref:W,className:(0,k.default)(A,{[`${A}-sm`]:B===`small`,[`${A}-lg`]:B===`large`,[`${A}-rtl`]:D===`rtl`},F,N),role:`group`}),O.createElement(_.Provider,{value:U},Array.from({length:i}).map((e,t)=>{let n=`otp-${t}`,r=q[t]||``;return O.createElement(O.Fragment,{key:n},O.createElement(I,Object.assign({ref:e=>{G.current[t]=e},index:t,size:B,htmlSize:1,className:`${A}-input`,onChange:Z,value:r,onActiveChange:Q,autoFocus:t===0&&y},$)),t<i-1&&O.createElement(z,{separator:p,index:t,prefixCls:A}))}))))}),V={icon:{tag:`svg`,attrs:{viewBox:`64 64 896 896`,focusable:`false`},children:[{tag:`path`,attrs:{d:`M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z`}},{tag:`path`,attrs:{d:`M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z`}}]},name:`eye-invisible`,theme:`outlined`},H=O.forwardRef(function(e,t){return O.createElement(S,y({},e,{ref:t,icon:V}))}),U=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n},W=e=>e?O.createElement(j,null):O.createElement(H,null),G={click:`onClick`,hover:`onMouseOver`},K=O.forwardRef((e,t)=>{let{disabled:n,action:r=`click`,visibilityToggle:a=!0,iconRender:o=W,suffix:s}=e,c=O.useContext(i),u=n??c,d=typeof a==`object`&&a.visible!==void 0,[m,h]=(0,O.useState)(()=>d?a.visible:!1),g=(0,O.useRef)(null);O.useEffect(()=>{d&&h(a.visible)},[d,a]);let _=C(g),v=()=>{var e;if(u)return;m&&_();let t=!m;h(t),typeof a==`object`&&((e=a.onVisibleChange)==null||e.call(a,t))},y=e=>{let t=G[r]||``,n=o(m),i={[t]:v,className:`${e}-icon`,key:`passwordIcon`,onMouseDown:e=>{e.preventDefault()},onMouseUp:e=>{e.preventDefault()}};return O.cloneElement(O.isValidElement(n)?n:O.createElement(`span`,null,n),i)},{className:b,prefixCls:x,inputPrefixCls:S,size:w}=e,T=U(e,[`className`,`prefixCls`,`inputPrefixCls`,`size`]),{getPrefixCls:E}=O.useContext(l),A=E(`input`,S),j=E(`input-password`,x),M=a&&y(j),N=(0,k.default)(j,b,{[`${j}-${w}`]:!!w}),P=Object.assign(Object.assign({},f(T,[`suffix`,`iconRender`,`visibilityToggle`])),{type:m?`text`:`password`,className:N,prefixCls:A,suffix:O.createElement(O.Fragment,null,M,s)});return w&&(P.size=w),O.createElement(p,Object.assign({ref:D(t,g)},P))}),q=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n},J=O.forwardRef((e,t)=>{let{prefixCls:n,inputPrefixCls:i,className:o,size:s,suffix:c,enterButton:u=!1,addonAfter:f,loading:m,disabled:h,onSearch:g,onChange:_,onCompositionStart:v,onCompositionEnd:y,variant:S,onPressEnter:C}=e,w=q(e,[`prefixCls`,`inputPrefixCls`,`className`,`size`,`suffix`,`enterButton`,`addonAfter`,`loading`,`disabled`,`onSearch`,`onChange`,`onCompositionStart`,`onCompositionEnd`,`variant`,`onPressEnter`]),{getPrefixCls:T,direction:E}=O.useContext(l),A=O.useRef(!1),j=T(`input-search`,n),M=T(`input`,i),{compactSize:N}=d(j,E),P=r(e=>s??N??e),F=O.useRef(null),I=e=>{e?.target&&e.type===`click`&&g&&g(e.target.value,e,{source:`clear`}),_?.(e)},L=e=>{document.activeElement===F.current?.input&&e.preventDefault()},R=e=>{g&&g(F.current?.input?.value,e,{source:`input`})},z=e=>{A.current||m||(C?.(e),R(e))},B=typeof u==`boolean`?O.createElement(a,null):null,V=`${j}-button`,H,U=u||{},W=U.type&&U.type.__ANT_BUTTON===!0;H=W||U.type===`button`?x(U,Object.assign({onMouseDown:L,onClick:e=>{var t,n;(n=(t=U?.props)?.onClick)==null||n.call(t,e),R(e)},key:`enterButton`},W?{className:V,size:P}:{})):O.createElement(b,{className:V,color:u?`primary`:`default`,size:P,disabled:h,key:`enterButton`,onMouseDown:L,onClick:R,loading:m,icon:B,variant:S===`borderless`||S===`filled`||S===`underlined`?`text`:u?`solid`:void 0},u),f&&(H=[H,x(f,{key:`addonAfter`})]);let G=(0,k.default)(j,{[`${j}-rtl`]:E===`rtl`,[`${j}-${P}`]:!!P,[`${j}-with-button`]:!!u},o),K=Object.assign(Object.assign({},w),{className:G,prefixCls:M,type:`search`,size:P,variant:S,onPressEnter:z,onCompositionStart:e=>{A.current=!0,v?.(e)},onCompositionEnd:e=>{A.current=!1,y?.(e)},addonAfter:H,suffix:c,onChange:I,disabled:h,_skipAddonWarning:!0});return O.createElement(p,Object.assign({ref:D(F,t)},K))}),Y=p;Y.Group=M,Y.Search=J,Y.TextArea=E,Y.Password=K,Y.OTP=B;export{Y as t};