2 lines
9.6 KiB
JavaScript
2 lines
9.6 KiB
JavaScript
import{r as n,bK as te,at as ne,e8 as re,ay as K,e9 as ae,C as X,aG as H,x as ie,ax as le,cs as ce,cm as ue,dR as U,ce as fe,D as pe,aK as oe,aQ as de,ar as Z,ai as me,ea as ve,aL as ge,eb as Ce,aJ as be,F as se,aA as ye,bh as ee,B as Oe,dS as xe,ec as he}from"./index-2nzO_M0d.js";var Ee=function(r,a){return n.createElement(te,ne({},r,{ref:a,icon:re}))},Pe=n.forwardRef(Ee);const Ie=e=>{const{getPrefixCls:r,direction:a}=n.useContext(K),{prefixCls:t,className:o}=e,p=r("input-group",t),v=r("input"),[u,I,O]=ae(v),g=X(p,O,{[`${p}-lg`]:e.size==="large",[`${p}-sm`]:e.size==="small",[`${p}-compact`]:e.compact,[`${p}-rtl`]:a==="rtl"},I,o),C=n.useContext(H),b=n.useMemo(()=>Object.assign(Object.assign({},C),{isFormItemInput:!1}),[C]);return u(n.createElement("span",{className:g,style:e.style,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,onFocus:e.onFocus,onBlur:e.onBlur},n.createElement(H.Provider,{value:b},e.children)))},Se=e=>{const{componentCls:r,paddingXS:a}=e;return{[r]:{display:"inline-flex",alignItems:"center",flexWrap:"nowrap",columnGap:a,[`${r}-input-wrapper`]:{position:"relative",[`${r}-mask-icon`]:{position:"absolute",zIndex:"1",top:"50%",right:"50%",transform:"translate(50%, -50%)",pointerEvents:"none"},[`${r}-mask-input`]:{color:"transparent",caretColor:e.colorText},[`${r}-mask-input[type=number]::-webkit-inner-spin-button`]:{"-webkit-appearance":"none",margin:0},[`${r}-mask-input[type=number]`]:{"-moz-appearance":"textfield"}},"&-rtl":{direction:"rtl"},[`${r}-input`]:{textAlign:"center",paddingInline:e.paddingXXS},[`&${r}-sm ${r}-input`]:{paddingInline:e.calc(e.paddingXXS).div(2).equal()},[`&${r}-lg ${r}-input`]:{paddingInline:e.paddingXS}}}},we=ie(["Input","OTP"],e=>{const r=le(e,ce(e));return Se(r)},ue);var $e=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]]);return a};const je=n.forwardRef((e,r)=>{const{className:a,value:t,onChange:o,onActiveChange:p,index:v,mask:u}=e,I=$e(e,["className","value","onChange","onActiveChange","index","mask"]),{getPrefixCls:O}=n.useContext(K),g=O("otp"),C=typeof u=="string"?u:t,b=n.useRef(null);n.useImperativeHandle(r,()=>b.current);const j=d=>{o(v,d.target.value)},x=()=>{fe(()=>{var d;const y=(d=b.current)===null||d===void 0?void 0:d.input;document.activeElement===y&&y&&y.select()})},$=d=>{const{key:y,ctrlKey:R,metaKey:S}=d;y==="ArrowLeft"?p(v-1):y==="ArrowRight"?p(v+1):y==="z"&&(R||S)?d.preventDefault():y==="Backspace"&&!t&&p(v-1),x()};return n.createElement("span",{className:`${g}-input-wrapper`,role:"presentation"},u&&t!==""&&t!==void 0&&n.createElement("span",{className:`${g}-mask-icon`,"aria-hidden":"true"},C),n.createElement(U,Object.assign({"aria-label":`OTP Input ${v+1}`,type:u===!0?"password":"text"},I,{ref:b,value:t,onInput:j,onFocus:x,onKeyDown:$,onMouseDown:x,onMouseUp:x,className:X(a,{[`${g}-mask-input`]:u})})))});var ke=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]]);return a};function L(e){return(e||"").split("")}const Re=e=>{const{index:r,prefixCls:a,separator:t}=e,o=typeof t=="function"?t(r):t;return o?n.createElement("span",{className:`${a}-separator`},o):null},_e=n.forwardRef((e,r)=>{const{prefixCls:a,length:t=6,size:o,defaultValue:p,value:v,onChange:u,formatter:I,separator:O,variant:g,disabled:C,status:b,autoFocus:j,mask:x,type:$,onInput:d,inputMode:y}=e,R=ke(e,["prefixCls","length","size","defaultValue","value","onChange","formatter","separator","variant","disabled","status","autoFocus","mask","type","onInput","inputMode"]),{getPrefixCls:S,direction:N}=n.useContext(K),m=S("otp",a),B=pe(R,{aria:!0,data:!0,attr:!0}),[A,k,T]=we(m),_=oe(s=>o??s),h=n.useContext(H),E=de(h.status,b),M=n.useMemo(()=>Object.assign(Object.assign({},h),{status:E,hasFeedback:!1,feedbackIcon:null}),[h,E]),F=n.useRef(null),P=n.useRef({});n.useImperativeHandle(r,()=>({focus:()=>{var s;(s=P.current[0])===null||s===void 0||s.focus()},blur:()=>{var s;for(let i=0;i<t;i+=1)(s=P.current[i])===null||s===void 0||s.blur()},nativeElement:F.current}));const z=s=>I?I(s):s,[w,V]=n.useState(()=>L(z(p||"")));n.useEffect(()=>{v!==void 0&&V(L(v))},[v]);const W=Z(s=>{V(s),d&&d(s),u&&s.length===t&&s.every(i=>i)&&s.some((i,c)=>w[c]!==i)&&u(s.join(""))}),q=Z((s,i)=>{let c=me(w);for(let f=0;f<s;f+=1)c[f]||(c[f]="");i.length<=1?c[s]=i:c=c.slice(0,s).concat(L(i)),c=c.slice(0,t);for(let f=c.length-1;f>=0&&!c[f];f-=1)c.pop();const D=z(c.map(f=>f||" ").join(""));return c=L(D).map((f,Y)=>f===" "&&!c[Y]?c[Y]:f),c}),J=(s,i)=>{var c;const D=q(s,i),f=Math.min(s+i.length,t-1);f!==s&&D[s]!==void 0&&((c=P.current[f])===null||c===void 0||c.focus()),W(D)},Q=s=>{var i;(i=P.current[s])===null||i===void 0||i.focus()},l={variant:g,disabled:C,status:E,mask:x,type:$,inputMode:y};return A(n.createElement("div",Object.assign({},B,{ref:F,className:X(m,{[`${m}-sm`]:_==="small",[`${m}-lg`]:_==="large",[`${m}-rtl`]:N==="rtl"},T,k),role:"group"}),n.createElement(H.Provider,{value:M},Array.from({length:t}).map((s,i)=>{const c=`otp-${i}`,D=w[i]||"";return n.createElement(n.Fragment,{key:c},n.createElement(je,Object.assign({ref:f=>{P.current[i]=f},index:i,size:_,htmlSize:1,className:`${m}-input`,onChange:J,value:D,onActiveChange:Q,autoFocus:i===0&&j},l)),i<t-1&&n.createElement(Re,{separator:O,index:i,prefixCls:m}))}))))});var ze=function(r,a){return n.createElement(te,ne({},r,{ref:a,icon:ve}))},Ne=n.forwardRef(ze),Ae=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]]);return a};const Te=e=>e?n.createElement(Pe,null):n.createElement(Ne,null),Me={click:"onClick",hover:"onMouseOver"},Fe=n.forwardRef((e,r)=>{const{disabled:a,action:t="click",visibilityToggle:o=!0,iconRender:p=Te,suffix:v}=e,u=n.useContext(ge),I=a??u,O=typeof o=="object"&&o.visible!==void 0,[g,C]=n.useState(()=>O?o.visible:!1),b=n.useRef(null);n.useEffect(()=>{O&&C(o.visible)},[O,o]);const j=Ce(b),x=()=>{var h;if(I)return;g&&j();const E=!g;C(E),typeof o=="object"&&((h=o.onVisibleChange)===null||h===void 0||h.call(o,E))},$=h=>{const E=Me[t]||"",M=p(g),F={[E]:x,className:`${h}-icon`,key:"passwordIcon",onMouseDown:P=>{P.preventDefault()},onMouseUp:P=>{P.preventDefault()}};return n.cloneElement(n.isValidElement(M)?M:n.createElement("span",null,M),F)},{className:d,prefixCls:y,inputPrefixCls:R,size:S}=e,N=Ae(e,["className","prefixCls","inputPrefixCls","size"]),{getPrefixCls:m}=n.useContext(K),B=m("input",R),A=m("input-password",y),k=o&&$(A),T=X(A,d,{[`${A}-${S}`]:!!S}),_=Object.assign(Object.assign({},be(N,["suffix","iconRender","visibilityToggle"])),{type:g?"text":"password",className:T,prefixCls:B,suffix:n.createElement(n.Fragment,null,k,v)});return S&&(_.size=S),n.createElement(U,Object.assign({ref:se(r,b)},_))});var De=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]]);return a};const Be=n.forwardRef((e,r)=>{const{prefixCls:a,inputPrefixCls:t,className:o,size:p,suffix:v,enterButton:u=!1,addonAfter:I,loading:O,disabled:g,onSearch:C,onChange:b,onCompositionStart:j,onCompositionEnd:x,variant:$,onPressEnter:d}=e,y=De(e,["prefixCls","inputPrefixCls","className","size","suffix","enterButton","addonAfter","loading","disabled","onSearch","onChange","onCompositionStart","onCompositionEnd","variant","onPressEnter"]),{getPrefixCls:R,direction:S}=n.useContext(K),N=n.useRef(!1),m=R("input-search",a),B=R("input",t),{compactSize:A}=ye(m,S),k=oe(l=>{var s;return(s=p??A)!==null&&s!==void 0?s:l}),T=n.useRef(null),_=l=>{l!=null&&l.target&&l.type==="click"&&C&&C(l.target.value,l,{source:"clear"}),b==null||b(l)},h=l=>{var s;document.activeElement===((s=T.current)===null||s===void 0?void 0:s.input)&&l.preventDefault()},E=l=>{var s,i;C&&C((i=(s=T.current)===null||s===void 0?void 0:s.input)===null||i===void 0?void 0:i.value,l,{source:"input"})},M=l=>{N.current||O||(d==null||d(l),E(l))},F=typeof u=="boolean"?n.createElement(xe,null):null,P=`${m}-button`;let z;const w=u||{},V=w.type&&w.type.__ANT_BUTTON===!0;V||w.type==="button"?z=ee(w,Object.assign({onMouseDown:h,onClick:l=>{var s,i;(i=(s=w==null?void 0:w.props)===null||s===void 0?void 0:s.onClick)===null||i===void 0||i.call(s,l),E(l)},key:"enterButton"},V?{className:P,size:k}:{})):z=n.createElement(Oe,{className:P,color:u?"primary":"default",size:k,disabled:g,key:"enterButton",onMouseDown:h,onClick:E,loading:O,icon:F,variant:$==="borderless"||$==="filled"||$==="underlined"?"text":u?"solid":void 0},u),I&&(z=[z,ee(I,{key:"addonAfter"})]);const W=X(m,{[`${m}-rtl`]:S==="rtl",[`${m}-${k}`]:!!k,[`${m}-with-button`]:!!u},o),q=l=>{N.current=!0,j==null||j(l)},J=l=>{N.current=!1,x==null||x(l)},Q=Object.assign(Object.assign({},y),{className:W,prefixCls:B,type:"search",size:k,variant:$,onPressEnter:M,onCompositionStart:q,onCompositionEnd:J,addonAfter:z,suffix:v,onChange:_,disabled:g,_skipAddonWarning:!0});return n.createElement(U,Object.assign({ref:se(T,r)},Q))}),G=U;G.Group=Ie;G.Search=Be;G.TextArea=he;G.Password=Fe;G.OTP=_e;export{G as I,Pe as R};
|