1 line
11 KiB
JavaScript
1 line
11 KiB
JavaScript
import{i as e,t}from"./rolldown-runtime-BgaNhQyE.js";import{Bn as n,Ct as r,Dr as i,Et as a,Ft as o,Ln as s,Pn as c,Q as l,St as u,Ut as d,Vn as f,Wt as p,Xn as m,Y as h,Yn as g,Z as _,at as v,lr as y,p as b,pt as ee,st as te,vr as x,wr as S,xn as C,xt as ne,zn as re}from"./jsx-runtime-CRBytmvs.js";import{f as ie}from"./tooltip-SaeG1Uv7.js";import{t as w}from"./space-Cu4QVMgQ.js";import{a as T,g as ae,m as E,p as D}from"./style-BmYds38x.js";import{n as O}from"./button-BILozH6U.js";import{t as k}from"./SearchOutlined-C1nd7QQO.js";import{n as oe,t as A}from"./Input-CJ-n8Xgl.js";import{t as j}from"./EyeOutlined-LSBUmW0e.js";import{i as M}from"./CopyOutlined-pYq9KfGb.js";var N=e(i()),P=e=>{let{getPrefixCls:t,direction:n}=(0,N.useContext)(s),{prefixCls:r,className:i}=e,a=t(`input-group`,r),[o,c]=T(t(`input`)),l=f(a,c,{[`${a}-lg`]:e.size===`large`,[`${a}-sm`]:e.size===`small`,[`${a}-compact`]:e.compact,[`${a}-rtl`]:n===`rtl`},o,i),u=(0,N.useContext)(b),d=(0,N.useMemo)(()=>({...u,isFormItemInput:!1}),[u]);return N.createElement(b.Provider,{value:d},N.createElement(w.Compact,{className:l,style:e.style,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,onFocus:e.onFocus,onBlur:e.onBlur},e.children))},F=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,"&::selection":{color:`transparent`}},[`${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}}}},se=p([`Input`,`OTP`],e=>F(C(e,E(e))),D),I=N.forwardRef((e,t)=>{let{className:n,value:r,onChange:i,onActiveChange:a,index:o,mask:c,onFocus:l,...u}=e,{getPrefixCls:d}=N.useContext(s),p=d(`otp`),m=typeof c==`string`?c:r,h=N.useRef(null);N.useImperativeHandle(t,()=>h.current);let g=e=>{i(o,e.target.value)},_=()=>{x(()=>{let e=h.current?.input;document.activeElement===e&&e&&e.select()})},v=e=>{l?.(e),_()},y=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),_()};return N.createElement(`span`,{className:`${p}-input-wrapper`,role:`presentation`},c&&r!==``&&r!==void 0&&N.createElement(`span`,{className:`${p}-mask-icon`,"aria-hidden":`true`},m),N.createElement(A,{"aria-label":`OTP Input ${o+1}`,type:c===!0?`password`:`text`,...u,ref:h,value:r,onInput:g,onFocus:v,onKeyDown:y,onMouseDown:_,onMouseUp:_,className:f(n,{[`${p}-mask-input`]:c})}))});function L(e){return(e||``).split(``)}var R=e=>{let{index:t,prefixCls:n,separator:i,className:a,style:o}=e,s=r(i)?i(t):i;return s?N.createElement(`span`,{className:f(`${n}-separator`,a),style:o},s):null},z=N.forwardRef((e,t)=>{let{prefixCls:r,length:i=6,size:a,defaultValue:o,value:s,onChange:c,formatter:d,separator:p,variant:m,disabled:h,status:_,autoFocus:v,mask:y,type:ee,autoComplete:te,onInput:x,onFocus:C,inputMode:w,classNames:T,styles:ae,className:E,style:D,...O}=e,{classNames:k,styles:oe,getPrefixCls:A,direction:j,style:M,className:P}=re(`otp`),F=A(`otp`,r),z={...e,length:i},B=u(M),V=u(D),[H,U]=ne([k,T],[oe,B,ae,V],{props:z}),ce=g(O,{aria:!0,data:!0,attr:!0}),[W,G]=se(F),K=l(e=>a??e),q=N.useContext(b),J=ie(q.status,_),Y=N.useMemo(()=>({...q,status:J,hasFeedback:!1,feedbackIcon:null}),[q,J]),le=N.useRef(null),X=N.useRef({});N.useImperativeHandle(t,()=>({focus:()=>{X.current[0]?.focus()},blur:()=>{for(let e=0;e<i;e+=1)X.current[e]?.blur()},nativeElement:le.current}));let ue=e=>d?d(e):e,[Z,Q]=N.useState(()=>L(ue(o||``)));N.useEffect(()=>{s!==void 0&&Q(L(s))},[s]);let $=S(e=>{Q(e),x&&x(e),c&&e.length===i&&e.every(e=>e)&&e.some((e,t)=>Z[t]!==e)&&c(e.join(``))}),de=S((e,t)=>{let r=n(Z);for(let t=0;t<e;t+=1)r[t]||(r[t]=``);t.length<=1?r[e]=t:r=r.slice(0,e).concat(L(t)),r=r.slice(0,i);for(let e=r.length-1;e>=0&&!r[e];--e)r.pop();return r=L(ue(r.map(e=>e||` `).join(``))).map((e,t)=>e===` `&&!r[t]?r[t]:e),r}),fe=(e,t)=>{let n=de(e,t),r=Math.min(e+t.length,i-1);r!==e&&n[e]!==void 0&&X.current[r]?.focus(),$(n)},pe=e=>{X.current[e]?.focus()},me=(e,t)=>{for(let e=0;e<t;e+=1)if(!X.current[e]?.input?.value){X.current[e]?.focus();break}C?.(e)},he={variant:m,disabled:h,status:J,mask:y,type:ee,inputMode:w,autoComplete:te};return N.createElement(`div`,{...ce,ref:le,className:f(E,F,{[`${F}-sm`]:K===`small`,[`${F}-lg`]:K===`large`,[`${F}-rtl`]:j===`rtl`},G,W,P,H.root),style:U.root,role:`group`},N.createElement(b.Provider,{value:Y},Array.from({length:i}).map((e,t)=>{let n=`otp-${t}`,r=Z[t]||``;return N.createElement(N.Fragment,{key:n},N.createElement(I,{ref:e=>{X.current[t]=e},index:t,size:K,htmlSize:1,className:f(H.input,`${F}-input`),style:U.input,onChange:fe,value:r,onActiveChange:pe,autoFocus:t===0&&v,onFocus:e=>me(e,t),...he}),t<i-1&&N.createElement(R,{separator:p,index:t,prefixCls:F,className:f(H.separator),style:U.separator}))})))}),B=e(t((e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.default={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`}}))());function V(){return V=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},V.apply(this,arguments)}var H=N.forwardRef((e,t)=>N.createElement(o,V({},e,{ref:t,icon:B.default}))),U=e=>e?N.createElement(j,null):N.createElement(H,null),ce={click:`onClick`,hover:`onMouseOver`},W=N.forwardRef((e,t)=>{let{disabled:n,action:r=`click`,visibilityToggle:i=!0,iconRender:o,prefixCls:s,inputPrefixCls:c,suffix:l,className:u,style:d,classNames:p,styles:m,...h}=e,{getPrefixCls:g,className:_,style:b,classNames:te,styles:x,iconRender:S}=re(`inputPassword`),[C]=ee(`global`),ie=N.useContext(v),w=n??ie,T={...e,disabled:w},[ae,E]=ne([te,p],[x,m],{props:T}),D=a(i)&&i.visible!==void 0,[O,k]=(0,N.useState)(()=>D?i.visible:!1),j=(0,N.useRef)(null);N.useEffect(()=>{D&&k(i.visible)},[D,i]);let M=oe(j),P=()=>{if(w)return;O&&M();let e=!O;k(e),a(i)&&i.onVisibleChange?.(e)},F=e=>{let t=ce[r]||``,n=(o||S||U)(O),s=a(i)?i.tabIndex:void 0;return N.createElement(`span`,{key:`passwordIcon`,role:`button`,tabIndex:w?-1:s??0,className:`${e}-icon`,"aria-disabled":w,"aria-pressed":O,"aria-label":O?C.hide:C.show,onMouseDown:e=>{e.preventDefault()},onMouseUp:e=>{e.preventDefault()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),P())},[t]:P},n)},se=g(`input`,c),I=g(`input-password`,s),L=i&&F(I),R=f(I,_,u,{[`${I}-${e.size}`]:!!e.size}),z={...h,type:O?`text`:`password`,prefixCls:se,suffix:N.createElement(N.Fragment,null,L,l),disabled:w,className:R,style:{...b,...d},classNames:ae,styles:E};return N.createElement(A,{ref:y(t,j),...z})}),G=e=>{let{componentCls:t,antCls:n,calc:r,max:i}=e,a=`${t}-btn`,[o,s]=d(n,`input-search`),l=e.inputFontSizeSM??e.fontSize,u=i(e.controlHeightSM,r(l).mul(e.lineHeight).add(r(e.paddingBlockSM).mul(2)).add(r(e.lineWidth).mul(2)).equal());return{[t]:{[o(`btn-height`)]:c(e.controlHeight),width:`100%`,[a]:{height:s(`btn-height`),"&:focus-visible":{zIndex:5},[`&${n}-btn-icon-only`]:{width:s(`btn-height`)},"&-filled":{background:e.colorFillTertiary,"&:not(:disabled)":{"&:hover":{background:e.colorFillSecondary},"&:active":{background:e.colorFill}}}},[`&${t}-large`]:{[o(`btn-height`)]:c(e.controlHeightLG)},[`&${t}-small`]:{[o(`btn-height`)]:c(e.controlHeightSM)},[`&${t}-small ${a}`]:{minHeight:u,[`&${e.antCls}-btn-icon-only`]:{minWidth:u}}}}},K=p([`Input`,`Search`],e=>G(C(e,E(e))),D),q=N.forwardRef((e,t)=>{let{prefixCls:n,inputPrefixCls:r,className:i,size:a,style:o,enterButton:s=!1,searchIcon:c,addonAfter:u,loading:d,disabled:p,onSearch:v,onChange:b,onCompositionStart:ee,onCompositionEnd:x,variant:S,onPressEnter:C,classNames:ie,styles:w,hidden:T,...E}=e,{direction:D,getPrefixCls:oe,className:j,style:M,classNames:P,styles:F,searchIcon:se}=re(`inputSearch`),I={...e,enterButton:s},[L,R]=ne([P,ie],[F,w],{props:I},{button:{_default:`root`}}),z=N.useRef(!1),B=oe(`input-search`,n),V=oe(`input`,r),[H,U]=K(B),{compactSize:ce}=_(B,D),W=l(e=>a??ce??e),G=N.useRef(null),q=e=>{e?.target&&e.type===`click`&&v&&v(e.target.value,e,{source:`clear`}),b?.(e)},J=e=>{document.activeElement===G.current?.input&&e.preventDefault()},Y=e=>{v&&v(G.current?.input?.value,e,{source:`input`})},le=e=>{z.current||d||(C?.(e),Y(e))},X=typeof s==`boolean`?ae(c,se,N.createElement(k,null)):null,ue=`${B}-btn`,Z=f(ue,{[`${ue}-${S}`]:S}),Q,$=s||{},de=$.type&&$.type.__ANT_BUTTON===!0;if(de||$.type===`button`){let e=$.props;Q=te($,{onMouseDown:J,onClick:e=>{$?.props?.onClick?.(e),Y(e)},key:`enterButton`,...de?{className:f(Z,e.className),size:W}:{}})}else Q=N.createElement(O,{classNames:L.button,styles:R.button,className:Z,color:s?`primary`:`default`,size:W,disabled:p,key:`enterButton`,onMouseDown:J,onClick:Y,loading:d,icon:X,variant:S===`borderless`||S===`filled`||S===`underlined`?`text`:s?`solid`:void 0},s);u&&(Q=[Q,te(u,{key:`addonAfter`})]);let fe=f(B,U,{[`${B}-rtl`]:D===`rtl`,[`${B}-${W}`]:!!W,[`${B}-with-button`]:!!s},i,j,H,L.root),pe=e=>{z.current=!0,ee?.(e)},me=e=>{z.current=!1,x?.(e)},he=g(E,{data:!0}),ge=m({...E,classNames:m(L,[`button`,`root`]),styles:m(R,[`button`,`root`]),prefixCls:V,type:`search`,size:W,variant:S,onPressEnter:le,onCompositionStart:pe,onCompositionEnd:me,onChange:q,disabled:p},Object.keys(he));return N.createElement(h,{className:fe,style:{...R.root,...M,...o},...he,hidden:T},N.createElement(A,{ref:y(G,t),...ge}),Q)}),J=A;J.Group=P,J.Search=q,J.TextArea=M,J.Password=W,J.OTP=z;export{H as n,J as t}; |