You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
235 lines
28 KiB
JavaScript
235 lines
28 KiB
JavaScript
import{C as q,m as a,D as tn,f as w,E as ce,G as an,H as F,I as ln,J as b,K as l,L as C,M as z,O as K,P as sn,Q as Se,R as un,S as cn,T as dn,U as pe,V as fn,W as hn,X as ge,e as vn,Y as pn,Z as be,a0 as gn,a1 as bn,a2 as se,a3 as mn,a4 as xn,a5 as Q,a6 as ue,a7 as wn,F as yn,a8 as Cn,a9 as me,aa as xe,ab as y,ac as we,ad as ye}from"./index.b3ec3a5e.js";import{u as zn,N as Ce,a as Sn}from"./Suffix.ae0185d9.js";var An=q({name:"Eye",render(){return a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},a("path",{d:"M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 0 0-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 0 0 0-17.47C428.89 172.28 347.8 112 255.66 112z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"}),a("circle",{cx:"256",cy:"256",r:"80",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"}))}}),_n=q({name:"EyeOff",render(){return a("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},a("path",{d:"M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448z",fill:"currentColor"}),a("path",{d:"M255.66 384c-41.49 0-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0 0 75.8-12.58a2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1a204.8 204.8 0 0 1-51.16 6.47z",fill:"currentColor"}),a("path",{d:"M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 0 0-74.89 12.83a2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1a192.82 192.82 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37c34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16a310.72 310.72 0 0 1-64.12 72.73a2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13a343.49 343.49 0 0 0 68.64-78.48a32.2 32.2 0 0 0-.1-34.78z",fill:"currentColor"}),a("path",{d:"M256 160a95.88 95.88 0 0 0-21.37 2.4a2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160z",fill:"currentColor"}),a("path",{d:"M165.78 233.66a2 2 0 0 0-3.38 1a96 96 0 0 0 115 115a2 2 0 0 0 1-3.38z",fill:"currentColor"}))}});const Ae=tn("n-input");function Rn(n){let m=0;for(const t of n)m++;return m}function Z(n){return n===""||n==null}function Fn(n){const m=w(null);function t(){const{value:g}=n;if(!(g!=null&&g.focus)){_();return}const{selectionStart:d,selectionEnd:s,value:c}=g;if(d==null||s==null){_();return}m.value={start:d,end:s,beforeText:c.slice(0,d),afterText:c.slice(s)}}function A(){var g;const{value:d}=m,{value:s}=n;if(!d||!s)return;const{value:c}=s,{start:u,beforeText:i,afterText:v}=d;let x=c.length;if(c.endsWith(v))x=c.length-v.length;else if(c.startsWith(i))x=i.length;else{const T=i[u-1],S=c.indexOf(T,u-1);S!==-1&&(x=S+1)}(g=s.setSelectionRange)===null||g===void 0||g.call(s,x,x)}function _(){m.value=null}return ce(n,_),{recordCursor:t,restoreCursor:A}}var ze=q({name:"InputWordCount",setup(n,{slots:m}){const{mergedValueRef:t,maxlengthRef:A,mergedClsPrefixRef:_,countGraphemesRef:g}=an(Ae),d=F(()=>{const{value:s}=t;return s===null||Array.isArray(s)?0:(g.value||Rn)(s)});return()=>{const{value:s}=A,{value:c}=t;return a("span",{class:`${_.value}-input-word-count`},ln(m.default,{value:c===null||Array.isArray(c)?"":c},()=>[s===void 0?d.value:`${d.value} / ${s}`]))}}}),Bn=b("input",`
|
|
max-width: 100%;
|
|
cursor: text;
|
|
line-height: 1.5;
|
|
z-index: auto;
|
|
outline: none;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: inline-flex;
|
|
border-radius: var(--n-border-radius);
|
|
background-color: var(--n-color);
|
|
transition: background-color .3s var(--n-bezier);
|
|
font-size: var(--n-font-size);
|
|
--n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);
|
|
`,[l("input, textarea",`
|
|
overflow: hidden;
|
|
flex-grow: 1;
|
|
position: relative;
|
|
`),l("input-el, textarea-el, input-mirror, textarea-mirror, separator, placeholder",`
|
|
box-sizing: border-box;
|
|
font-size: inherit;
|
|
line-height: 1.5;
|
|
font-family: inherit;
|
|
border: none;
|
|
outline: none;
|
|
background-color: #0000;
|
|
text-align: inherit;
|
|
transition:
|
|
-webkit-text-fill-color .3s var(--n-bezier),
|
|
caret-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier),
|
|
text-decoration-color .3s var(--n-bezier);
|
|
`),l("input-el, textarea-el",`
|
|
-webkit-appearance: none;
|
|
scrollbar-width: none;
|
|
width: 100%;
|
|
min-width: 0;
|
|
text-decoration-color: var(--n-text-decoration-color);
|
|
color: var(--n-text-color);
|
|
caret-color: var(--n-caret-color);
|
|
background-color: transparent;
|
|
`,[C("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb",`
|
|
width: 0;
|
|
height: 0;
|
|
display: none;
|
|
`),C("&::placeholder",`
|
|
color: #0000;
|
|
-webkit-text-fill-color: transparent !important;
|
|
`),C("&:-webkit-autofill ~",[l("placeholder","display: none;")])]),z("round",[K("textarea","border-radius: calc(var(--n-height) / 2);")]),l("placeholder",`
|
|
pointer-events: none;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
color: var(--n-placeholder-color);
|
|
`,[C("span",`
|
|
width: 100%;
|
|
display: inline-block;
|
|
`)]),z("textarea",[l("placeholder","overflow: visible;")]),K("autosize","width: 100%;"),z("autosize",[l("textarea-el, input-el",`
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
`)]),b("input-wrapper",`
|
|
overflow: hidden;
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
position: relative;
|
|
padding-left: var(--n-padding-left);
|
|
padding-right: var(--n-padding-right);
|
|
`),l("input-mirror",`
|
|
padding: 0;
|
|
height: var(--n-height);
|
|
line-height: var(--n-height);
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
position: static;
|
|
white-space: pre;
|
|
pointer-events: none;
|
|
`),l("input-el",`
|
|
padding: 0;
|
|
height: var(--n-height);
|
|
line-height: var(--n-height);
|
|
`,[C("+",[l("placeholder",`
|
|
display: flex;
|
|
align-items: center;
|
|
`)])]),K("textarea",[l("placeholder","white-space: nowrap;")]),l("eye",`
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: color .3s var(--n-bezier);
|
|
`),z("textarea","width: 100%;",[b("input-word-count",`
|
|
position: absolute;
|
|
right: var(--n-padding-right);
|
|
bottom: var(--n-padding-vertical);
|
|
`),z("resizable",[b("input-wrapper",`
|
|
resize: vertical;
|
|
min-height: var(--n-height);
|
|
`)]),l("textarea-el, textarea-mirror, placeholder",`
|
|
height: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-top: var(--n-padding-vertical);
|
|
padding-bottom: var(--n-padding-vertical);
|
|
word-break: break-word;
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
box-sizing: border-box;
|
|
line-height: var(--n-line-height-textarea);
|
|
margin: 0;
|
|
resize: none;
|
|
white-space: pre-wrap;
|
|
scroll-padding-block-end: var(--n-padding-vertical);
|
|
`),l("textarea-mirror",`
|
|
width: 100%;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
position: static;
|
|
white-space: pre-wrap;
|
|
overflow-wrap: break-word;
|
|
`)]),z("pair",[l("input-el, placeholder","text-align: center;"),l("separator",`
|
|
display: flex;
|
|
align-items: center;
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-text-color);
|
|
white-space: nowrap;
|
|
`,[b("icon",`
|
|
color: var(--n-icon-color);
|
|
`),b("base-icon",`
|
|
color: var(--n-icon-color);
|
|
`)])]),z("disabled",`
|
|
cursor: not-allowed;
|
|
background-color: var(--n-color-disabled);
|
|
`,[l("border","border: var(--n-border-disabled);"),l("input-el, textarea-el",`
|
|
cursor: not-allowed;
|
|
color: var(--n-text-color-disabled);
|
|
text-decoration-color: var(--n-text-color-disabled);
|
|
`),l("placeholder","color: var(--n-placeholder-color-disabled);"),l("separator","color: var(--n-text-color-disabled);",[b("icon",`
|
|
color: var(--n-icon-color-disabled);
|
|
`),b("base-icon",`
|
|
color: var(--n-icon-color-disabled);
|
|
`)]),b("input-word-count",`
|
|
color: var(--n-count-text-color-disabled);
|
|
`),l("suffix, prefix","color: var(--n-text-color-disabled);",[b("icon",`
|
|
color: var(--n-icon-color-disabled);
|
|
`),b("internal-icon",`
|
|
color: var(--n-icon-color-disabled);
|
|
`)])]),K("disabled",[l("eye",`
|
|
color: var(--n-icon-color);
|
|
cursor: pointer;
|
|
`,[C("&:hover",`
|
|
color: var(--n-icon-color-hover);
|
|
`),C("&:active",`
|
|
color: var(--n-icon-color-pressed);
|
|
`)]),C("&:hover",[l("state-border","border: var(--n-border-hover);")]),z("focus","background-color: var(--n-color-focus);",[l("state-border",`
|
|
border: var(--n-border-focus);
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
`)])]),l("border, state-border",`
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
pointer-events: none;
|
|
border-radius: inherit;
|
|
border: var(--n-border);
|
|
transition:
|
|
box-shadow .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
`),l("state-border",`
|
|
border-color: #0000;
|
|
z-index: 1;
|
|
`),l("prefix","margin-right: 4px;"),l("suffix",`
|
|
margin-left: 4px;
|
|
`),l("suffix, prefix",`
|
|
transition: color .3s var(--n-bezier);
|
|
flex-wrap: nowrap;
|
|
flex-shrink: 0;
|
|
line-height: var(--n-height);
|
|
white-space: nowrap;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--n-suffix-text-color);
|
|
`,[b("base-loading",`
|
|
font-size: var(--n-icon-size);
|
|
margin: 0 2px;
|
|
color: var(--n-loading-color);
|
|
`),b("base-clear",`
|
|
font-size: var(--n-icon-size);
|
|
`,[l("placeholder",[b("base-icon",`
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-icon-color);
|
|
font-size: var(--n-icon-size);
|
|
`)])]),C(">",[b("icon",`
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-icon-color);
|
|
font-size: var(--n-icon-size);
|
|
`)]),b("base-icon",`
|
|
font-size: var(--n-icon-size);
|
|
`)]),b("input-word-count",`
|
|
pointer-events: none;
|
|
line-height: 1.5;
|
|
font-size: .85em;
|
|
color: var(--n-count-text-color);
|
|
transition: color .3s var(--n-bezier);
|
|
margin-left: 4px;
|
|
font-variant: tabular-nums;
|
|
`),["warning","error"].map(n=>z(`${n}-status`,[K("disabled",[b("base-loading",`
|
|
color: var(--n-loading-color-${n})
|
|
`),l("input-el, textarea-el",`
|
|
caret-color: var(--n-caret-color-${n});
|
|
`),l("state-border",`
|
|
border: var(--n-border-${n});
|
|
`),C("&:hover",[l("state-border",`
|
|
border: var(--n-border-hover-${n});
|
|
`)]),C("&:focus",`
|
|
background-color: var(--n-color-focus-${n});
|
|
`,[l("state-border",`
|
|
box-shadow: var(--n-box-shadow-focus-${n});
|
|
border: var(--n-border-focus-${n});
|
|
`)]),z("focus",`
|
|
background-color: var(--n-color-focus-${n});
|
|
`,[l("state-border",`
|
|
box-shadow: var(--n-box-shadow-focus-${n});
|
|
border: var(--n-border-focus-${n});
|
|
`)])])]))]);const En=b("input",[z("disabled",[l("input-el, textarea-el",`
|
|
-webkit-text-fill-color: var(--n-text-color-disabled);
|
|
`)])]),Pn=Object.assign(Object.assign({},Se.props),{bordered:{type:Boolean,default:void 0},type:{type:String,default:"text"},placeholder:[Array,String],defaultValue:{type:[String,Array],default:null},value:[String,Array],disabled:{type:Boolean,default:void 0},size:String,rows:{type:[Number,String],default:3},round:Boolean,minlength:[String,Number],maxlength:[String,Number],clearable:Boolean,autosize:{type:[Boolean,Object],default:!1},pair:Boolean,separator:String,readonly:{type:[String,Boolean],default:!1},passivelyActivated:Boolean,showPasswordOn:String,stateful:{type:Boolean,default:!0},autofocus:Boolean,inputProps:Object,resizable:{type:Boolean,default:!0},showCount:Boolean,loading:{type:Boolean,default:void 0},allowInput:Function,renderCount:Function,onMousedown:Function,onKeydown:Function,onKeyup:[Function,Array],onInput:[Function,Array],onFocus:[Function,Array],onBlur:[Function,Array],onClick:[Function,Array],onChange:[Function,Array],onClear:[Function,Array],countGraphemes:Function,status:String,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],textDecoration:[String,Array],attrSize:{type:Number,default:20},onInputBlur:[Function,Array],onInputFocus:[Function,Array],onDeactivate:[Function,Array],onActivate:[Function,Array],onWrapperFocus:[Function,Array],onWrapperBlur:[Function,Array],internalDeactivateOnEnter:Boolean,internalForceFocus:Boolean,internalLoadingBeforeSuffix:{type:Boolean,default:!0},showPasswordToggle:Boolean});var In=q({name:"Input",props:Pn,setup(n){const{mergedClsPrefixRef:m,mergedBorderedRef:t,inlineThemeDisabled:A,mergedRtlRef:_}=sn(n),g=Se("Input","-input",Bn,un,n,m);cn&&dn("-input-safari",En,m);const d=w(null),s=w(null),c=w(null),u=w(null),i=w(null),v=w(null),x=w(null),T=Fn(x),S=w(null),{localeRef:_e}=zn("Input"),U=w(n.defaultValue),Re=pe(n,"value"),R=fn(Re,U),V=hn(n),{mergedSizeRef:ee,mergedDisabledRef:I,mergedStatusRef:Fe}=V,k=w(!1),W=w(!1),B=w(!1),D=w(!1);let oe=null;const ne=F(()=>{const{placeholder:e,pair:o}=n;return o?Array.isArray(e)?e:e===void 0?["",""]:[e,e]:e===void 0?[_e.value.placeholder]:[e]}),Be=F(()=>{const{value:e}=B,{value:o}=R,{value:r}=ne;return!e&&(Z(o)||Array.isArray(o)&&Z(o[0]))&&r[0]}),Ee=F(()=>{const{value:e}=B,{value:o}=R,{value:r}=ne;return!e&&r[1]&&(Z(o)||Array.isArray(o)&&Z(o[1]))}),re=ge(()=>n.internalForceFocus||k.value),Pe=ge(()=>{if(I.value||n.readonly||!n.clearable||!re.value&&!W.value)return!1;const{value:e}=R,{value:o}=re;return n.pair?!!(Array.isArray(e)&&(e[0]||e[1]))&&(W.value||o):!!e&&(W.value||o)}),te=F(()=>{const{showPasswordOn:e}=n;if(e)return e;if(n.showPasswordToggle)return"click"}),O=w(!1),$e=F(()=>{const{textDecoration:e}=n;return e?Array.isArray(e)?e.map(o=>({textDecoration:o})):[{textDecoration:e}]:["",""]}),de=w(void 0),Te=()=>{var e,o;if(n.type==="textarea"){const{autosize:r}=n;if(r&&(de.value=(o=(e=S.value)===null||e===void 0?void 0:e.$el)===null||o===void 0?void 0:o.offsetWidth),!s.value||typeof r=="boolean")return;const{paddingTop:h,paddingBottom:p,lineHeight:f}=window.getComputedStyle(s.value),E=Number(h.slice(0,-2)),P=Number(p.slice(0,-2)),$=Number(f.slice(0,-2)),{value:N}=c;if(!N)return;if(r.minRows){const H=Math.max(r.minRows,1),le=`${E+P+$*H}px`;N.style.minHeight=le}if(r.maxRows){const H=`${E+P+$*r.maxRows}px`;N.style.maxHeight=H}}},Ie=F(()=>{const{maxlength:e}=n;return e===void 0?void 0:Number(e)});vn(()=>{const{value:e}=R;Array.isArray(e)||ie(e)});const ke=pn().proxy;function j(e){const{onUpdateValue:o,"onUpdate:value":r,onInput:h}=n,{nTriggerFormInput:p}=V;o&&y(o,e),r&&y(r,e),h&&y(h,e),U.value=e,p()}function L(e){const{onChange:o}=n,{nTriggerFormChange:r}=V;o&&y(o,e),U.value=e,r()}function Me(e){const{onBlur:o}=n,{nTriggerFormBlur:r}=V;o&&y(o,e),r()}function Ve(e){const{onFocus:o}=n,{nTriggerFormFocus:r}=V;o&&y(o,e),r()}function We(e){const{onClear:o}=n;o&&y(o,e)}function De(e){const{onInputBlur:o}=n;o&&y(o,e)}function Oe(e){const{onInputFocus:o}=n;o&&y(o,e)}function Ne(){const{onDeactivate:e}=n;e&&y(e)}function He(){const{onActivate:e}=n;e&&y(e)}function Ke(e){const{onClick:o}=n;o&&y(o,e)}function Ue(e){const{onWrapperFocus:o}=n;o&&y(o,e)}function je(e){const{onWrapperBlur:o}=n;o&&y(o,e)}function Le(){B.value=!0}function Ge(e){B.value=!1,e.target===v.value?G(e,1):G(e,0)}function G(e,o=0,r="input"){const h=e.target.value;if(ie(h),e instanceof InputEvent&&!e.isComposing&&(B.value=!1),n.type==="textarea"){const{value:f}=S;f&&f.syncUnifiedContainer()}if(oe=h,B.value)return;T.recordCursor();const p=Xe(h);if(p)if(!n.pair)r==="input"?j(h):L(h);else{let{value:f}=R;Array.isArray(f)?f=[f[0],f[1]]:f=["",""],f[o]=h,r==="input"?j(f):L(f)}ke.$forceUpdate(),p||me(T.restoreCursor)}function Xe(e){const{countGraphemes:o,maxlength:r,minlength:h}=n;if(o){let f;if(r!==void 0&&(f===void 0&&(f=o(e)),f>Number(r))||h!==void 0&&(f===void 0&&(f=o(e)),f<Number(r)))return!1}const{allowInput:p}=n;return typeof p=="function"?p(e):!0}function Ye(e){De(e),e.relatedTarget===d.value&&Ne(),e.relatedTarget!==null&&(e.relatedTarget===i.value||e.relatedTarget===v.value||e.relatedTarget===s.value)||(D.value=!1),X(e,"blur"),x.value=null}function Je(e,o){Oe(e),k.value=!0,D.value=!0,He(),X(e,"focus"),o===0?x.value=i.value:o===1?x.value=v.value:o===2&&(x.value=s.value)}function Qe(e){n.passivelyActivated&&(je(e),X(e,"blur"))}function Ze(e){n.passivelyActivated&&(k.value=!0,Ue(e),X(e,"focus"))}function X(e,o){e.relatedTarget!==null&&(e.relatedTarget===i.value||e.relatedTarget===v.value||e.relatedTarget===s.value||e.relatedTarget===d.value)||(o==="focus"?(Ve(e),k.value=!0):o==="blur"&&(Me(e),k.value=!1))}function qe(e,o){G(e,o,"change")}function eo(e){Ke(e)}function oo(e){We(e),n.pair?(j(["",""]),L(["",""])):(j(""),L(""))}function no(e){const{onMousedown:o}=n;o&&o(e);const{tagName:r}=e.target;if(r!=="INPUT"&&r!=="TEXTAREA"){if(n.resizable){const{value:h}=d;if(h){const{left:p,top:f,width:E,height:P}=h.getBoundingClientRect(),$=14;if(p+E-$<e.clientX&&e.clientX<p+E&&f+P-$<e.clientY&&e.clientY<f+P)return}}e.preventDefault(),k.value||fe()}}function ro(){var e;W.value=!0,n.type==="textarea"&&((e=S.value)===null||e===void 0||e.handleMouseEnterWrapper())}function to(){var e;W.value=!1,n.type==="textarea"&&((e=S.value)===null||e===void 0||e.handleMouseLeaveWrapper())}function ao(){I.value||te.value==="click"&&(O.value=!O.value)}function io(e){if(I.value)return;e.preventDefault();const o=h=>{h.preventDefault(),ye("mouseup",document,o)};if(xe("mouseup",document,o),te.value!=="mousedown")return;O.value=!0;const r=()=>{O.value=!1,ye("mouseup",document,r)};xe("mouseup",document,r)}function lo(e){n.onKeyup&&y(n.onKeyup,e)}function so(e){switch(n.onKeydown&&y(n.onKeydown,e),e.key){case"Escape":ae();break;case"Enter":uo(e);break}}function uo(e){var o,r;if(n.passivelyActivated){const{value:h}=D;if(h){n.internalDeactivateOnEnter&&ae();return}e.preventDefault(),n.type==="textarea"?(o=s.value)===null||o===void 0||o.focus():(r=i.value)===null||r===void 0||r.focus()}}function ae(){n.passivelyActivated&&(D.value=!1,me(()=>{var e;(e=d.value)===null||e===void 0||e.focus()}))}function fe(){var e,o,r;I.value||(n.passivelyActivated?(e=d.value)===null||e===void 0||e.focus():((o=s.value)===null||o===void 0||o.focus(),(r=i.value)===null||r===void 0||r.focus()))}function co(){var e;!((e=d.value)===null||e===void 0)&&e.contains(document.activeElement)&&document.activeElement.blur()}function fo(){var e,o;(e=s.value)===null||e===void 0||e.select(),(o=i.value)===null||o===void 0||o.select()}function ho(){I.value||(s.value?s.value.focus():i.value&&i.value.focus())}function vo(){const{value:e}=d;(e==null?void 0:e.contains(document.activeElement))&&e!==document.activeElement&&ae()}function po(e){if(n.type==="textarea"){const{value:o}=s;o==null||o.scrollTo(e)}else{const{value:o}=i;o==null||o.scrollTo(e)}}function ie(e){const{type:o,pair:r,autosize:h}=n;if(!r&&h)if(o==="textarea"){const{value:p}=c;p&&(p.textContent=(e!=null?e:"")+`\r
|
|
`)}else{const{value:p}=u;p&&(e?p.textContent=e:p.innerHTML=" ")}}function go(){Te()}const he=w({top:"0"});function bo(e){var o;const{scrollTop:r}=e.target;he.value.top=`${-r}px`,(o=S.value)===null||o===void 0||o.syncUnifiedContainer()}let Y=null;be(()=>{const{autosize:e,type:o}=n;e&&o==="textarea"?Y=ce(R,r=>{!Array.isArray(r)&&r!==oe&&ie(r)}):Y==null||Y()});let J=null;be(()=>{n.type==="textarea"?J=ce(R,e=>{var o;!Array.isArray(e)&&e!==oe&&((o=S.value)===null||o===void 0||o.syncUnifiedContainer())}):J==null||J()}),gn(Ae,{mergedValueRef:R,maxlengthRef:Ie,mergedClsPrefixRef:m,countGraphemesRef:pe(n,"countGraphemes")});const mo={wrapperElRef:d,inputElRef:i,textareaElRef:s,isCompositing:B,focus:fe,blur:co,select:fo,deactivate:vo,activate:ho,scrollTo:po},xo=bn("Input",_,m),ve=F(()=>{const{value:e}=ee,{common:{cubicBezierEaseInOut:o},self:{color:r,borderRadius:h,textColor:p,caretColor:f,caretColorError:E,caretColorWarning:P,textDecorationColor:$,border:N,borderDisabled:H,borderHover:le,borderFocus:wo,placeholderColor:yo,placeholderColorDisabled:Co,lineHeightTextarea:zo,colorDisabled:So,colorFocus:Ao,textColorDisabled:_o,boxShadowFocus:Ro,iconSize:Fo,colorFocusWarning:Bo,boxShadowFocusWarning:Eo,borderWarning:Po,borderFocusWarning:$o,borderHoverWarning:To,colorFocusError:Io,boxShadowFocusError:ko,borderError:Mo,borderFocusError:Vo,borderHoverError:Wo,clearSize:Do,clearColor:Oo,clearColorHover:No,clearColorPressed:Ho,iconColor:Ko,iconColorDisabled:Uo,suffixTextColor:jo,countTextColor:Lo,countTextColorDisabled:Go,iconColorHover:Xo,iconColorPressed:Yo,loadingColor:Jo,loadingColorError:Qo,loadingColorWarning:Zo,[se("padding",e)]:qo,[se("fontSize",e)]:en,[se("height",e)]:on}}=g.value,{left:nn,right:rn}=mn(qo);return{"--n-bezier":o,"--n-count-text-color":Lo,"--n-count-text-color-disabled":Go,"--n-color":r,"--n-font-size":en,"--n-border-radius":h,"--n-height":on,"--n-padding-left":nn,"--n-padding-right":rn,"--n-text-color":p,"--n-caret-color":f,"--n-text-decoration-color":$,"--n-border":N,"--n-border-disabled":H,"--n-border-hover":le,"--n-border-focus":wo,"--n-placeholder-color":yo,"--n-placeholder-color-disabled":Co,"--n-icon-size":Fo,"--n-line-height-textarea":zo,"--n-color-disabled":So,"--n-color-focus":Ao,"--n-text-color-disabled":_o,"--n-box-shadow-focus":Ro,"--n-loading-color":Jo,"--n-caret-color-warning":P,"--n-color-focus-warning":Bo,"--n-box-shadow-focus-warning":Eo,"--n-border-warning":Po,"--n-border-focus-warning":$o,"--n-border-hover-warning":To,"--n-loading-color-warning":Zo,"--n-caret-color-error":E,"--n-color-focus-error":Io,"--n-box-shadow-focus-error":ko,"--n-border-error":Mo,"--n-border-focus-error":Vo,"--n-border-hover-error":Wo,"--n-loading-color-error":Qo,"--n-clear-color":Oo,"--n-clear-size":Do,"--n-clear-color-hover":No,"--n-clear-color-pressed":Ho,"--n-icon-color":Ko,"--n-icon-color-hover":Xo,"--n-icon-color-pressed":Yo,"--n-icon-color-disabled":Uo,"--n-suffix-text-color":jo}}),M=A?xn("input",F(()=>{const{value:e}=ee;return e[0]}),ve,n):void 0;return Object.assign(Object.assign({},mo),{wrapperElRef:d,inputElRef:i,inputMirrorElRef:u,inputEl2Ref:v,textareaElRef:s,textareaMirrorElRef:c,textareaScrollbarInstRef:S,rtlEnabled:xo,uncontrolledValue:U,mergedValue:R,passwordVisible:O,mergedPlaceholder:ne,showPlaceholder1:Be,showPlaceholder2:Ee,mergedFocus:re,isComposing:B,activated:D,showClearButton:Pe,mergedSize:ee,mergedDisabled:I,textDecorationStyle:$e,mergedClsPrefix:m,mergedBordered:t,mergedShowPasswordOn:te,placeholderStyle:he,mergedStatus:Fe,textAreaScrollContainerWidth:de,handleTextAreaScroll:bo,handleCompositionStart:Le,handleCompositionEnd:Ge,handleInput:G,handleInputBlur:Ye,handleInputFocus:Je,handleWrapperBlur:Qe,handleWrapperFocus:Ze,handleMouseEnter:ro,handleMouseLeave:to,handleMouseDown:no,handleChange:qe,handleClick:eo,handleClear:oo,handlePasswordToggleClick:ao,handlePasswordToggleMousedown:io,handleWrapperKeydown:so,handleWrapperKeyup:lo,handleTextAreaMirrorResize:go,getTextareaScrollContainer:()=>s.value,mergedTheme:g,cssVars:A?void 0:ve,themeClass:M==null?void 0:M.themeClass,onRender:M==null?void 0:M.onRender})},render(){var n,m;const{mergedClsPrefix:t,mergedStatus:A,themeClass:_,type:g,countGraphemes:d,onRender:s}=this,c=this.$slots;return s==null||s(),a("div",{ref:"wrapperElRef",class:[`${t}-input`,_,A&&`${t}-input--${A}-status`,{[`${t}-input--rtl`]:this.rtlEnabled,[`${t}-input--disabled`]:this.mergedDisabled,[`${t}-input--textarea`]:g==="textarea",[`${t}-input--resizable`]:this.resizable&&!this.autosize,[`${t}-input--autosize`]:this.autosize,[`${t}-input--round`]:this.round&&g!=="textarea",[`${t}-input--pair`]:this.pair,[`${t}-input--focus`]:this.mergedFocus,[`${t}-input--stateful`]:this.stateful}],style:this.cssVars,tabindex:!this.mergedDisabled&&this.passivelyActivated&&!this.activated?0:void 0,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd,onKeyup:this.handleWrapperKeyup,onKeydown:this.handleWrapperKeydown},a("div",{class:`${t}-input-wrapper`},Q(c.prefix,u=>u&&a("div",{class:`${t}-input__prefix`},u)),g==="textarea"?a(wn,{ref:"textareaScrollbarInstRef",class:`${t}-input__textarea`,container:this.getTextareaScrollContainer,triggerDisplayManually:!0,useUnifiedContainer:!0,internalHoistYRail:!0},{default:()=>{var u,i;const{textAreaScrollContainerWidth:v}=this,x={width:this.autosize&&v&&`${v}px`};return a(yn,null,a("textarea",Object.assign({},this.inputProps,{ref:"textareaElRef",class:[`${t}-input__textarea-el`,(u=this.inputProps)===null||u===void 0?void 0:u.class],autofocus:this.autofocus,rows:Number(this.rows),placeholder:this.placeholder,value:this.mergedValue,disabled:this.mergedDisabled,maxlength:d?void 0:this.maxlength,minlength:d?void 0:this.minlength,readonly:this.readonly,tabindex:this.passivelyActivated&&!this.activated?-1:void 0,style:[this.textDecorationStyle[0],(i=this.inputProps)===null||i===void 0?void 0:i.style,x],onBlur:this.handleInputBlur,onFocus:T=>{this.handleInputFocus(T,2)},onInput:this.handleInput,onChange:this.handleChange,onScroll:this.handleTextAreaScroll})),this.showPlaceholder1?a("div",{class:`${t}-input__placeholder`,style:[this.placeholderStyle,x],key:"placeholder"},this.mergedPlaceholder[0]):null,this.autosize?a(Cn,{onResize:this.handleTextAreaMirrorResize},{default:()=>a("div",{ref:"textareaMirrorElRef",class:`${t}-input__textarea-mirror`,key:"mirror"})}):null)}}):a("div",{class:`${t}-input__input`},a("input",Object.assign({type:g==="password"&&this.mergedShowPasswordOn&&this.passwordVisible?"text":g},this.inputProps,{ref:"inputElRef",class:[`${t}-input__input-el`,(n=this.inputProps)===null||n===void 0?void 0:n.class],style:[this.textDecorationStyle[0],(m=this.inputProps)===null||m===void 0?void 0:m.style],tabindex:this.passivelyActivated&&!this.activated?-1:void 0,placeholder:this.mergedPlaceholder[0],disabled:this.mergedDisabled,maxlength:d?void 0:this.maxlength,minlength:d?void 0:this.minlength,value:Array.isArray(this.mergedValue)?this.mergedValue[0]:this.mergedValue,readonly:this.readonly,autofocus:this.autofocus,size:this.attrSize,onBlur:this.handleInputBlur,onFocus:u=>{this.handleInputFocus(u,0)},onInput:u=>{this.handleInput(u,0)},onChange:u=>{this.handleChange(u,0)}})),this.showPlaceholder1?a("div",{class:`${t}-input__placeholder`},a("span",null,this.mergedPlaceholder[0])):null,this.autosize?a("div",{class:`${t}-input__input-mirror`,key:"mirror",ref:"inputMirrorElRef"},"\xA0"):null),!this.pair&&Q(c.suffix,u=>u||this.clearable||this.showCount||this.mergedShowPasswordOn||this.loading!==void 0?a("div",{class:`${t}-input__suffix`},[Q(c["clear-icon-placeholder"],i=>(this.clearable||i)&&a(Ce,{clsPrefix:t,show:this.showClearButton,onClear:this.handleClear},{placeholder:()=>i,icon:()=>{var v,x;return(x=(v=this.$slots)["clear-icon"])===null||x===void 0?void 0:x.call(v)}})),this.internalLoadingBeforeSuffix?null:u,this.loading!==void 0?a(Sn,{clsPrefix:t,loading:this.loading,showArrow:!1,showClear:!1,style:this.cssVars}):null,this.internalLoadingBeforeSuffix?u:null,this.showCount&&this.type!=="textarea"?a(ze,null,{default:i=>{var v;return(v=c.count)===null||v===void 0?void 0:v.call(c,i)}}):null,this.mergedShowPasswordOn&&this.type==="password"?a("div",{class:`${t}-input__eye`,onMousedown:this.handlePasswordToggleMousedown,onClick:this.handlePasswordToggleClick},this.passwordVisible?ue(c["password-visible-icon"],()=>[a(we,{clsPrefix:t},{default:()=>a(An,null)})]):ue(c["password-invisible-icon"],()=>[a(we,{clsPrefix:t},{default:()=>a(_n,null)})])):null]):null)),this.pair?a("span",{class:`${t}-input__separator`},ue(c.separator,()=>[this.separator])):null,this.pair?a("div",{class:`${t}-input-wrapper`},a("div",{class:`${t}-input__input`},a("input",{ref:"inputEl2Ref",type:this.type,class:`${t}-input__input-el`,tabindex:this.passivelyActivated&&!this.activated?-1:void 0,placeholder:this.mergedPlaceholder[1],disabled:this.mergedDisabled,maxlength:d?void 0:this.maxlength,minlength:d?void 0:this.minlength,value:Array.isArray(this.mergedValue)?this.mergedValue[1]:void 0,readonly:this.readonly,style:this.textDecorationStyle[1],onBlur:this.handleInputBlur,onFocus:u=>{this.handleInputFocus(u,1)},onInput:u=>{this.handleInput(u,1)},onChange:u=>{this.handleChange(u,1)}}),this.showPlaceholder2?a("div",{class:`${t}-input__placeholder`},a("span",null,this.mergedPlaceholder[1])):null),Q(c.suffix,u=>(this.clearable||u)&&a("div",{class:`${t}-input__suffix`},[this.clearable&&a(Ce,{clsPrefix:t,show:this.showClearButton,onClear:this.handleClear},{icon:()=>{var i;return(i=c["clear-icon"])===null||i===void 0?void 0:i.call(c)},placeholder:()=>{var i;return(i=c["clear-icon-placeholder"])===null||i===void 0?void 0:i.call(c)}}),u]))):null,this.mergedBordered?a("div",{class:`${t}-input__border`}):null,this.mergedBordered?a("div",{class:`${t}-input__state-border`}):null,this.showCount&&g==="textarea"?a(ze,null,{default:u=>{var i;const{renderCount:v}=this;return v?v(u):(i=c.count)===null||i===void 0?void 0:i.call(c,u)}}):null)}});export{An as E,In as _};
|