input-7g-iBRng.js 11 KB

1
  1. import{a as e,n as t}from"./react-dom-stZKkA6x.js";import{At as n,E as r,Fn as i,Gt as a,Kt as o,Ln as s,Mn as c,Mr as l,Nr as u,T as d,Xt as f,Y as p,a as m,fn as h,g,hn as _,o as v,or as y,pt as b,r as x,sr as S,tt as C,un as w,xn as T,yr as E,zn as D}from"./jsx-runtime-C5RSiriy.js";var O=e(t()),k=e(u()),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(_,l({},e,{ref:t,icon:A}))}),M=e=>{let{getPrefixCls:t,direction:n}=(0,O.useContext)(D),{prefixCls:r,className:i}=e,a=t(`input-group`,r),[o,s,c]=g(t(`input`)),l=(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),u=(0,O.useContext)(b),d=(0,O.useMemo)(()=>Object.assign(Object.assign({},u),{isFormItemInput:!1}),[u]);return o(O.createElement(`span`,{className:l,style:e.style,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,onFocus:e.onFocus,onBlur:e.onBlur},O.createElement(b.Provider,{value:d},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=T([`Input`,`OTP`],e=>N(c(e,r(e))),d),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:l}=O.useContext(D),u=l(`otp`),d=typeof s==`string`?s:r,f=O.useRef(null);O.useImperativeHandle(t,()=>f.current);let p=e=>{i(o,e.target.value)},h=()=>{y(()=>{let e=f.current?.input;document.activeElement===e&&e&&e.select()})};return O.createElement(`span`,{className:`${u}-input-wrapper`,role:`presentation`},s&&r!==``&&r!==void 0&&O.createElement(`span`,{className:`${u}-mask-icon`,"aria-hidden":`true`},d),O.createElement(m,Object.assign({"aria-label":`OTP Input ${o+1}`,type:s===!0?`password`:`text`},c,{ref:f,value:r,onInput:p,onFocus:h,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),h()},onMouseDown:h,onMouseUp:h,className:(0,k.default)(n,{[`${u}-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:r=6,size:a,defaultValue:s,value:c,onChange:l,formatter:u,separator:d,variant:f,disabled:p,status:m,autoFocus:g,mask:_,type:v,onInput:y,inputMode:x}=e,w=L(e,[`prefixCls`,`length`,`size`,`defaultValue`,`value`,`onChange`,`formatter`,`separator`,`variant`,`disabled`,`status`,`autoFocus`,`mask`,`type`,`onInput`,`inputMode`]),{getPrefixCls:T,direction:E}=O.useContext(D),A=T(`otp`,n),j=h(w,{aria:!0,data:!0,attr:!0}),[M,N,F]=P(A),B=o(e=>a??e),V=O.useContext(b),H=C(V.status,m),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<r;t+=1)(e=G.current[t])==null||e.blur()},nativeElement:W.current}));let K=e=>u?u(e):e,[q,J]=O.useState(()=>R(K(s||``)));O.useEffect(()=>{c!==void 0&&J(R(c))},[c]);let Y=i(e=>{J(e),y&&y(e),l&&e.length===r&&e.every(e=>e)&&e.some((e,t)=>q[t]!==e)&&l(e.join(``))}),X=i((e,t)=>{let n=S(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,r);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 i=X(e,t),a=Math.min(e+t.length,r-1);a!==e&&i[e]!==void 0&&((n=G.current[a])==null||n.focus()),Y(i)},Q=e=>{var t;(t=G.current[e])==null||t.focus()},$={variant:f,disabled:p,status:H,mask:_,type:v,inputMode:x};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`]:E===`rtl`},F,N),role:`group`}),O.createElement(b.Provider,{value:U},Array.from({length:r}).map((e,t)=>{let n=`otp-${t}`,i=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:i,onActiveChange:Q,autoFocus:t===0&&g},$)),t<r-1&&O.createElement(z,{separator:d,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(_,l({},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:i=!0,iconRender:a=W,suffix:o}=e,c=O.useContext(s),l=n??c,u=typeof i==`object`&&i.visible!==void 0,[d,p]=(0,O.useState)(()=>u?i.visible:!1),h=(0,O.useRef)(null);O.useEffect(()=>{u&&p(i.visible)},[u,i]);let g=v(h),_=()=>{var e;if(l)return;d&&g();let t=!d;p(t),typeof i==`object`&&((e=i.onVisibleChange)==null||e.call(i,t))},y=e=>{let t=G[r]||``,n=a(d),i={[t]:_,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:C}=e,w=U(e,[`className`,`prefixCls`,`inputPrefixCls`,`size`]),{getPrefixCls:T}=O.useContext(D),A=T(`input`,S),j=T(`input-password`,x),M=i&&y(j),N=(0,k.default)(j,b,{[`${j}-${C}`]:!!C}),P=Object.assign(Object.assign({},f(w,[`suffix`,`iconRender`,`visibilityToggle`])),{type:d?`text`:`password`,className:N,prefixCls:A,suffix:O.createElement(O.Fragment,null,M,o)});return C&&(P.size=C),O.createElement(m,Object.assign({ref:E(t,h)},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:r,inputPrefixCls:i,className:s,size:c,suffix:l,enterButton:u=!1,addonAfter:d,loading:f,disabled:h,onSearch:g,onChange:_,onCompositionStart:v,onCompositionEnd:y,variant:b,onPressEnter:x}=e,S=q(e,[`prefixCls`,`inputPrefixCls`,`className`,`size`,`suffix`,`enterButton`,`addonAfter`,`loading`,`disabled`,`onSearch`,`onChange`,`onCompositionStart`,`onCompositionEnd`,`variant`,`onPressEnter`]),{getPrefixCls:C,direction:T}=O.useContext(D),A=O.useRef(!1),j=C(`input-search`,r),M=C(`input`,i),{compactSize:N}=a(j,T),P=o(e=>c??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||f||(x?.(e),R(e))},B=typeof u==`boolean`?O.createElement(p,null):null,V=`${j}-button`,H,U=u||{},W=U.type&&U.type.__ANT_BUTTON===!0;H=W||U.type===`button`?w(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(n,{className:V,color:u?`primary`:`default`,size:P,disabled:h,key:`enterButton`,onMouseDown:L,onClick:R,loading:f,icon:B,variant:b===`borderless`||b===`filled`||b===`underlined`?`text`:u?`solid`:void 0},u),d&&(H=[H,w(d,{key:`addonAfter`})]);let G=(0,k.default)(j,{[`${j}-rtl`]:T===`rtl`,[`${j}-${P}`]:!!P,[`${j}-with-button`]:!!u},s),K=Object.assign(Object.assign({},S),{className:G,prefixCls:M,type:`search`,size:P,variant:b,onPressEnter:z,onCompositionStart:e=>{A.current=!0,v?.(e)},onCompositionEnd:e=>{A.current=!1,y?.(e)},addonAfter:H,suffix:l,onChange:I,disabled:h,_skipAddonWarning:!0});return O.createElement(m,Object.assign({ref:E(F,t)},K))}),Y=m;Y.Group=M,Y.Search=J,Y.TextArea=x,Y.Password=K,Y.OTP=B;export{Y as t};