234 lines
28 KiB
JavaScript
234 lines
28 KiB
JavaScript
import{I as e,K as t,N as n,P as r,R as i,V as a,X as o,gt as s,it as c,m as l,rt as u,w as d,y as ee,yt as f}from"./client-D_MtAleQ.js";import{G as p,H as m,K as h,M as te,N as ne,V as g,W as _,i as re,o as ie,q as v,r as y}from"./light-BDkw2ied.js";import{c as b,d as x,i as S,u as C}from"./Card-BbLbEn2J.js";import{r as ae}from"./css-DEmdllcC.js";import{t as oe}from"./use-merged-state-D6qGBc5Q.js";import{i as se}from"./Button-QPva-day.js";import{n as ce,r as w}from"./use-form-item-OmeNAFnA.js";import{a as T,i as E,r as D}from"./resolve-slot-CImSyQWK.js";import{n as O,r as le,t as k}from"./Suffix-CnC9u-7X.js";import{U as A,X as j,w as ue}from"./index-CdcSBqoD.js";var M=n({name:`Eye`,render(){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 512 512`},e(`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`}),e(`circle`,{cx:`256`,cy:`256`,r:`80`,fill:`none`,stroke:`currentColor`,"stroke-miterlimit":`10`,"stroke-width":`32`}))}}),N=n({name:`EyeOff`,render(){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 512 512`},e(`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`}),e(`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`}),e(`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`}),e(`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`}),e(`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`}))}}),P=l(`n-input`),de=m(`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);
|
|
font-weight: var(--n-font-weight);
|
|
--n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);
|
|
`,[_(`input, textarea`,`
|
|
overflow: hidden;
|
|
flex-grow: 1;
|
|
position: relative;
|
|
`),_(`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);
|
|
`),_(`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;
|
|
`,[g(`&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb`,`
|
|
width: 0;
|
|
height: 0;
|
|
display: none;
|
|
`),g(`&::placeholder`,`
|
|
color: #0000;
|
|
-webkit-text-fill-color: transparent !important;
|
|
`),g(`&:-webkit-autofill ~`,[_(`placeholder`,`display: none;`)])]),p(`round`,[h(`textarea`,`border-radius: calc(var(--n-height) / 2);`)]),_(`placeholder`,`
|
|
pointer-events: none;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
color: var(--n-placeholder-color);
|
|
`,[g(`span`,`
|
|
width: 100%;
|
|
display: inline-block;
|
|
`)]),p(`textarea`,[_(`placeholder`,`overflow: visible;`)]),h(`autosize`,`width: 100%;`),p(`autosize`,[_(`textarea-el, input-el`,`
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
`)]),m(`input-wrapper`,`
|
|
overflow: hidden;
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
position: relative;
|
|
padding-left: var(--n-padding-left);
|
|
padding-right: var(--n-padding-right);
|
|
`),_(`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;
|
|
`),_(`input-el`,`
|
|
padding: 0;
|
|
height: var(--n-height);
|
|
line-height: var(--n-height);
|
|
`,[g(`&[type=password]::-ms-reveal`,`display: none;`),g(`+`,[_(`placeholder`,`
|
|
display: flex;
|
|
align-items: center;
|
|
`)])]),h(`textarea`,[_(`placeholder`,`white-space: nowrap;`)]),_(`eye`,`
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: color .3s var(--n-bezier);
|
|
`),p(`textarea`,`width: 100%;`,[m(`input-word-count`,`
|
|
position: absolute;
|
|
right: var(--n-padding-right);
|
|
bottom: var(--n-padding-vertical);
|
|
`),p(`resizable`,[m(`input-wrapper`,`
|
|
resize: vertical;
|
|
min-height: var(--n-height);
|
|
`)]),_(`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);
|
|
`),_(`textarea-mirror`,`
|
|
width: 100%;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
position: static;
|
|
white-space: pre-wrap;
|
|
overflow-wrap: break-word;
|
|
`)]),p(`pair`,[_(`input-el, placeholder`,`text-align: center;`),_(`separator`,`
|
|
display: flex;
|
|
align-items: center;
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-text-color);
|
|
white-space: nowrap;
|
|
`,[m(`icon`,`
|
|
color: var(--n-icon-color);
|
|
`),m(`base-icon`,`
|
|
color: var(--n-icon-color);
|
|
`)])]),p(`disabled`,`
|
|
cursor: not-allowed;
|
|
background-color: var(--n-color-disabled);
|
|
`,[_(`border`,`border: var(--n-border-disabled);`),_(`input-el, textarea-el`,`
|
|
cursor: not-allowed;
|
|
color: var(--n-text-color-disabled);
|
|
text-decoration-color: var(--n-text-color-disabled);
|
|
`),_(`placeholder`,`color: var(--n-placeholder-color-disabled);`),_(`separator`,`color: var(--n-text-color-disabled);`,[m(`icon`,`
|
|
color: var(--n-icon-color-disabled);
|
|
`),m(`base-icon`,`
|
|
color: var(--n-icon-color-disabled);
|
|
`)]),m(`input-word-count`,`
|
|
color: var(--n-count-text-color-disabled);
|
|
`),_(`suffix, prefix`,`color: var(--n-text-color-disabled);`,[m(`icon`,`
|
|
color: var(--n-icon-color-disabled);
|
|
`),m(`internal-icon`,`
|
|
color: var(--n-icon-color-disabled);
|
|
`)])]),h(`disabled`,[_(`eye`,`
|
|
color: var(--n-icon-color);
|
|
cursor: pointer;
|
|
`,[g(`&:hover`,`
|
|
color: var(--n-icon-color-hover);
|
|
`),g(`&:active`,`
|
|
color: var(--n-icon-color-pressed);
|
|
`)]),g(`&:hover`,[_(`state-border`,`border: var(--n-border-hover);`)]),p(`focus`,`background-color: var(--n-color-focus);`,[_(`state-border`,`
|
|
border: var(--n-border-focus);
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
`)])]),_(`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);
|
|
`),_(`state-border`,`
|
|
border-color: #0000;
|
|
z-index: 1;
|
|
`),_(`prefix`,`margin-right: 4px;`),_(`suffix`,`
|
|
margin-left: 4px;
|
|
`),_(`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);
|
|
`,[m(`base-loading`,`
|
|
font-size: var(--n-icon-size);
|
|
margin: 0 2px;
|
|
color: var(--n-loading-color);
|
|
`),m(`base-clear`,`
|
|
font-size: var(--n-icon-size);
|
|
`,[_(`placeholder`,[m(`base-icon`,`
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-icon-color);
|
|
font-size: var(--n-icon-size);
|
|
`)])]),g(`>`,[m(`icon`,`
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-icon-color);
|
|
font-size: var(--n-icon-size);
|
|
`)]),m(`base-icon`,`
|
|
font-size: var(--n-icon-size);
|
|
`)]),m(`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(e=>p(`${e}-status`,[h(`disabled`,[m(`base-loading`,`
|
|
color: var(--n-loading-color-${e})
|
|
`),_(`input-el, textarea-el`,`
|
|
caret-color: var(--n-caret-color-${e});
|
|
`),_(`state-border`,`
|
|
border: var(--n-border-${e});
|
|
`),g(`&:hover`,[_(`state-border`,`
|
|
border: var(--n-border-hover-${e});
|
|
`)]),g(`&:focus`,`
|
|
background-color: var(--n-color-focus-${e});
|
|
`,[_(`state-border`,`
|
|
box-shadow: var(--n-box-shadow-focus-${e});
|
|
border: var(--n-border-focus-${e});
|
|
`)]),p(`focus`,`
|
|
background-color: var(--n-color-focus-${e});
|
|
`,[_(`state-border`,`
|
|
box-shadow: var(--n-box-shadow-focus-${e});
|
|
border: var(--n-border-focus-${e});
|
|
`)])])]))]),fe=m(`input`,[p(`disabled`,[_(`input-el, textarea-el`,`
|
|
-webkit-text-fill-color: var(--n-text-color-disabled);
|
|
`)])]);function F(e){let t=0;for(let n of e)t++;return t}function I(e){return e===``||e==null}function pe(e){let t=s(null);function n(){let{value:n}=e;if(!n?.focus){i();return}let{selectionStart:r,selectionEnd:a,value:o}=n;if(r==null||a==null){i();return}t.value={start:r,end:a,beforeText:o.slice(0,r),afterText:o.slice(a)}}function r(){var n;let{value:r}=t,{value:i}=e;if(!r||!i)return;let{value:a}=i,{start:o,beforeText:s,afterText:c}=r,l=a.length;if(a.endsWith(c))l=a.length-c.length;else if(a.startsWith(s))l=s.length;else{let e=s[o-1],t=a.indexOf(e,o-1);t!==-1&&(l=t+1)}(n=i.setSelectionRange)==null||n.call(i,l,l)}function i(){t.value=null}return u(e,i),{recordCursor:n,restoreCursor:r}}var L=n({name:`InputWordCount`,setup(t,{slots:n}){let{mergedValueRef:r,maxlengthRef:a,mergedClsPrefixRef:o,countGraphemesRef:s}=i(P),c=d(()=>{let{value:e}=r;return e===null||Array.isArray(e)?0:(s.value||F)(e)});return()=>{let{value:t}=a,{value:i}=r;return e(`span`,{class:`${o.value}-input-word-count`},E(n.default,{value:i===null||Array.isArray(i)?``:i},()=>[t===void 0?c.value:`${c.value} / ${t}`]))}}}),R=n({name:`Input`,props:Object.assign(Object.assign({},y.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}),slots:Object,setup(e){let{mergedClsPrefixRef:n,mergedBorderedRef:i,inlineThemeDisabled:l,mergedRtlRef:ee,mergedComponentPropsRef:p}=ne(e),m=y(`Input`,`-input`,de,ue,e,n);se&&re(`-input-safari`,fe,n);let h=s(null),g=s(null),_=s(null),b=s(null),S=s(null),T=s(null),E=s(null),D=pe(E),O=s(null),{localeRef:k}=le(`Input`),A=s(e.defaultValue),M=oe(f(e,`value`),A),N=ce(e,{mergedSize:t=>{let{size:n}=e;if(n)return n;let{mergedSize:r}=t||{};return r?.value?r.value:p?.value?.Input?.size||`medium`}}),{mergedSizeRef:F,mergedDisabledRef:L,mergedStatusRef:R}=N,z=s(!1),B=s(!1),V=s(!1),H=s(!1),U=null,W=d(()=>{let{placeholder:t,pair:n}=e;return n?Array.isArray(t)?t:t===void 0?[``,``]:[t,t]:t===void 0?[k.value.placeholder]:[t]}),me=d(()=>{let{value:e}=V,{value:t}=M,{value:n}=W;return!e&&(I(t)||Array.isArray(t)&&I(t[0]))&&n[0]}),he=d(()=>{let{value:e}=V,{value:t}=M,{value:n}=W;return!e&&n[1]&&(I(t)||Array.isArray(t)&&I(t[1]))}),G=j(()=>e.internalForceFocus||z.value),ge=j(()=>{if(L.value||e.readonly||!e.clearable||!G.value&&!B.value)return!1;let{value:t}=M,{value:n}=G;return e.pair?!!(Array.isArray(t)&&(t[0]||t[1]))&&(B.value||n):!!t&&(B.value||n)}),K=d(()=>{let{showPasswordOn:t}=e;if(t)return t;if(e.showPasswordToggle)return`click`}),q=s(!1),_e=d(()=>{let{textDecoration:t}=e;return t?Array.isArray(t)?t.map(e=>({textDecoration:e})):[{textDecoration:t}]:[``,``]}),ve=s(void 0),ye=()=>{if(e.type===`textarea`){let{autosize:t}=e;if(t&&(ve.value=O.value?.$el?.offsetWidth),!g.value||typeof t==`boolean`)return;let{paddingTop:n,paddingBottom:r,lineHeight:i}=window.getComputedStyle(g.value),a=Number(n.slice(0,-2)),o=Number(r.slice(0,-2)),s=Number(i.slice(0,-2)),{value:c}=_;if(!c)return;if(t.minRows){let e=Math.max(t.minRows,1),n=`${a+o+s*e}px`;c.style.minHeight=n}if(t.maxRows){let e=`${a+o+s*t.maxRows}px`;c.style.maxHeight=e}}},be=d(()=>{let{maxlength:t}=e;return t===void 0?void 0:Number(t)});t(()=>{let{value:e}=M;Array.isArray(e)||$(e)});let xe=r().proxy;function J(t,n){let{onUpdateValue:r,"onUpdate:value":i,onInput:a}=e,{nTriggerFormInput:o}=N;r&&w(r,t,n),i&&w(i,t,n),a&&w(a,t,n),A.value=t,o()}function Y(t,n){let{onChange:r}=e,{nTriggerFormChange:i}=N;r&&w(r,t,n),A.value=t,i()}function Se(t){let{onBlur:n}=e,{nTriggerFormBlur:r}=N;n&&w(n,t),r()}function Ce(t){let{onFocus:n}=e,{nTriggerFormFocus:r}=N;n&&w(n,t),r()}function we(t){let{onClear:n}=e;n&&w(n,t)}function Te(t){let{onInputBlur:n}=e;n&&w(n,t)}function Ee(t){let{onInputFocus:n}=e;n&&w(n,t)}function De(){let{onDeactivate:t}=e;t&&w(t)}function Oe(){let{onActivate:t}=e;t&&w(t)}function ke(t){let{onClick:n}=e;n&&w(n,t)}function Ae(t){let{onWrapperFocus:n}=e;n&&w(n,t)}function je(t){let{onWrapperBlur:n}=e;n&&w(n,t)}function Me(){V.value=!0}function Ne(e){V.value=!1,e.target===T.value?X(e,1):X(e,0)}function X(t,n=0,r=`input`){let i=t.target.value;if($(i),t instanceof InputEvent&&!t.isComposing&&(V.value=!1),e.type===`textarea`){let{value:e}=O;e&&e.syncUnifiedContainer()}if(U=i,V.value)return;D.recordCursor();let o=Pe(i);if(o)if(!e.pair)r===`input`?J(i,{source:n}):Y(i,{source:n});else{let{value:e}=M;e=Array.isArray(e)?[e[0],e[1]]:[``,``],e[n]=i,r===`input`?J(e,{source:n}):Y(e,{source:n})}xe.$forceUpdate(),o||a(D.restoreCursor)}function Pe(t){let{countGraphemes:n,maxlength:r,minlength:i}=e;if(n){let e;if(r!==void 0&&(e===void 0&&(e=n(t)),e>Number(r))||i!==void 0&&(e===void 0&&(e=n(t)),e<Number(r)))return!1}let{allowInput:a}=e;return typeof a==`function`?a(t):!0}function Fe(e){Te(e),e.relatedTarget===h.value&&De(),e.relatedTarget!==null&&(e.relatedTarget===S.value||e.relatedTarget===T.value||e.relatedTarget===g.value)||(H.value=!1),Z(e,`blur`),E.value=null}function Ie(e,t){Ee(e),z.value=!0,H.value=!0,Oe(),Z(e,`focus`),t===0?E.value=S.value:t===1?E.value=T.value:t===2&&(E.value=g.value)}function Le(t){e.passivelyActivated&&(je(t),Z(t,`blur`))}function Re(t){e.passivelyActivated&&(z.value=!0,Ae(t),Z(t,`focus`))}function Z(e,t){e.relatedTarget!==null&&(e.relatedTarget===S.value||e.relatedTarget===T.value||e.relatedTarget===g.value||e.relatedTarget===h.value)||(t===`focus`?(Ce(e),z.value=!0):t===`blur`&&(Se(e),z.value=!1))}function ze(e,t){X(e,t,`change`)}function Be(e){ke(e)}function Ve(e){we(e),He()}function He(){e.pair?(J([``,``],{source:`clear`}),Y([``,``],{source:`clear`})):(J(``,{source:`clear`}),Y(``,{source:`clear`}))}function Ue(t){let{onMousedown:n}=e;n&&n(t);let{tagName:r}=t.target;if(r!==`INPUT`&&r!==`TEXTAREA`){if(e.resizable){let{value:e}=h;if(e){let{left:n,top:r,width:i,height:a}=e.getBoundingClientRect();if(n+i-14<t.clientX&&t.clientX<n+i&&r+a-14<t.clientY&&t.clientY<r+a)return}}t.preventDefault(),z.value||Ze()}}function We(){var t;B.value=!0,e.type===`textarea`&&((t=O.value)==null||t.handleMouseEnterWrapper())}function Ge(){var t;B.value=!1,e.type===`textarea`&&((t=O.value)==null||t.handleMouseLeaveWrapper())}function Ke(){L.value||K.value===`click`&&(q.value=!q.value)}function qe(e){if(L.value)return;e.preventDefault();let t=e=>{e.preventDefault(),C(`mouseup`,document,t)};if(x(`mouseup`,document,t),K.value!==`mousedown`)return;q.value=!0;let n=()=>{q.value=!1,C(`mouseup`,document,n)};x(`mouseup`,document,n)}function Je(t){e.onKeyup&&w(e.onKeyup,t)}function Ye(t){switch(e.onKeydown&&w(e.onKeydown,t),t.key){case`Escape`:Q();break;case`Enter`:Xe(t);break}}function Xe(t){var n,r;if(e.passivelyActivated){let{value:i}=H;if(i){e.internalDeactivateOnEnter&&Q();return}t.preventDefault(),e.type===`textarea`?(n=g.value)==null||n.focus():(r=S.value)==null||r.focus()}}function Q(){e.passivelyActivated&&(H.value=!1,a(()=>{var e;(e=h.value)==null||e.focus()}))}function Ze(){var t,n,r;L.value||(e.passivelyActivated?(t=h.value)==null||t.focus():((n=g.value)==null||n.focus(),(r=S.value)==null||r.focus()))}function Qe(){h.value?.contains(document.activeElement)&&document.activeElement.blur()}function $e(){var e,t;(e=g.value)==null||e.select(),(t=S.value)==null||t.select()}function et(){L.value||(g.value?g.value.focus():S.value&&S.value.focus())}function tt(){let{value:e}=h;e?.contains(document.activeElement)&&e!==document.activeElement&&Q()}function nt(t){if(e.type===`textarea`){let{value:e}=g;e?.scrollTo(t)}else{let{value:e}=S;e?.scrollTo(t)}}function $(t){let{type:n,pair:r,autosize:i}=e;if(!r&&i)if(n===`textarea`){let{value:e}=_;e&&(e.textContent=`${t??``}\r\n`)}else{let{value:e}=b;e&&(t?e.textContent=t:e.innerHTML=` `)}}function rt(){ye()}let it=s({top:`0`});function at(e){var t;let{scrollTop:n}=e.target;it.value.top=`${-n}px`,(t=O.value)==null||t.syncUnifiedContainer()}let ot=null;c(()=>{let{autosize:t,type:n}=e;t&&n===`textarea`?ot=u(M,e=>{!Array.isArray(e)&&e!==U&&$(e)}):ot?.()});let st=null;c(()=>{e.type===`textarea`?st=u(M,e=>{var t;!Array.isArray(e)&&e!==U&&((t=O.value)==null||t.syncUnifiedContainer())}):st?.()}),o(P,{mergedValueRef:M,maxlengthRef:be,mergedClsPrefixRef:n,countGraphemesRef:f(e,`countGraphemes`)});let ct={wrapperElRef:h,inputElRef:S,textareaElRef:g,isCompositing:V,clear:He,focus:Ze,blur:Qe,select:$e,deactivate:tt,activate:et,scrollTo:nt},lt=ie(`Input`,ee,n),ut=d(()=>{let{value:e}=F,{common:{cubicBezierEaseInOut:t},self:{color:n,borderRadius:r,textColor:i,caretColor:a,caretColorError:o,caretColorWarning:s,textDecorationColor:c,border:l,borderDisabled:u,borderHover:d,borderFocus:ee,placeholderColor:f,placeholderColorDisabled:p,lineHeightTextarea:h,colorDisabled:te,colorFocus:ne,textColorDisabled:g,boxShadowFocus:_,iconSize:re,colorFocusWarning:ie,boxShadowFocusWarning:y,borderWarning:b,borderFocusWarning:x,borderHoverWarning:S,colorFocusError:C,boxShadowFocusError:oe,borderError:se,borderFocusError:ce,borderHoverError:w,clearSize:T,clearColor:E,clearColorHover:D,clearColorPressed:O,iconColor:le,iconColorDisabled:k,suffixTextColor:A,countTextColor:j,countTextColorDisabled:ue,iconColorHover:M,iconColorPressed:N,loadingColor:P,loadingColorError:de,loadingColorWarning:fe,fontWeight:I,[v(`padding`,e)]:pe,[v(`fontSize`,e)]:L,[v(`height`,e)]:R}}=m.value,{left:z,right:B}=ae(pe);return{"--n-bezier":t,"--n-count-text-color":j,"--n-count-text-color-disabled":ue,"--n-color":n,"--n-font-size":L,"--n-font-weight":I,"--n-border-radius":r,"--n-height":R,"--n-padding-left":z,"--n-padding-right":B,"--n-text-color":i,"--n-caret-color":a,"--n-text-decoration-color":c,"--n-border":l,"--n-border-disabled":u,"--n-border-hover":d,"--n-border-focus":ee,"--n-placeholder-color":f,"--n-placeholder-color-disabled":p,"--n-icon-size":re,"--n-line-height-textarea":h,"--n-color-disabled":te,"--n-color-focus":ne,"--n-text-color-disabled":g,"--n-box-shadow-focus":_,"--n-loading-color":P,"--n-caret-color-warning":s,"--n-color-focus-warning":ie,"--n-box-shadow-focus-warning":y,"--n-border-warning":b,"--n-border-focus-warning":x,"--n-border-hover-warning":S,"--n-loading-color-warning":fe,"--n-caret-color-error":o,"--n-color-focus-error":C,"--n-box-shadow-focus-error":oe,"--n-border-error":se,"--n-border-focus-error":ce,"--n-border-hover-error":w,"--n-loading-color-error":de,"--n-clear-color":E,"--n-clear-size":T,"--n-clear-color-hover":D,"--n-clear-color-pressed":O,"--n-icon-color":le,"--n-icon-color-hover":M,"--n-icon-color-pressed":N,"--n-icon-color-disabled":k,"--n-suffix-text-color":A}}),dt=l?te(`input`,d(()=>{let{value:e}=F;return e[0]}),ut,e):void 0;return Object.assign(Object.assign({},ct),{wrapperElRef:h,inputElRef:S,inputMirrorElRef:b,inputEl2Ref:T,textareaElRef:g,textareaMirrorElRef:_,textareaScrollbarInstRef:O,rtlEnabled:lt,uncontrolledValue:A,mergedValue:M,passwordVisible:q,mergedPlaceholder:W,showPlaceholder1:me,showPlaceholder2:he,mergedFocus:G,isComposing:V,activated:H,showClearButton:ge,mergedSize:F,mergedDisabled:L,textDecorationStyle:_e,mergedClsPrefix:n,mergedBordered:i,mergedShowPasswordOn:K,placeholderStyle:it,mergedStatus:R,textAreaScrollContainerWidth:ve,handleTextAreaScroll:at,handleCompositionStart:Me,handleCompositionEnd:Ne,handleInput:X,handleInputBlur:Fe,handleInputFocus:Ie,handleWrapperBlur:Le,handleWrapperFocus:Re,handleMouseEnter:We,handleMouseLeave:Ge,handleMouseDown:Ue,handleChange:ze,handleClick:Be,handleClear:Ve,handlePasswordToggleClick:Ke,handlePasswordToggleMousedown:qe,handleWrapperKeydown:Ye,handleWrapperKeyup:Je,handleTextAreaMirrorResize:rt,getTextareaScrollContainer:()=>g.value,mergedTheme:m,cssVars:l?void 0:ut,themeClass:dt?.themeClass,onRender:dt?.onRender})},render(){let{mergedClsPrefix:t,mergedStatus:n,themeClass:r,type:i,countGraphemes:a,onRender:o}=this,s=this.$slots;return o?.(),e(`div`,{ref:`wrapperElRef`,class:[`${t}-input`,`${t}-input--${this.mergedSize}-size`,r,n&&`${t}-input--${n}-status`,{[`${t}-input--rtl`]:this.rtlEnabled,[`${t}-input--disabled`]:this.mergedDisabled,[`${t}-input--textarea`]:i===`textarea`,[`${t}-input--resizable`]:this.resizable&&!this.autosize,[`${t}-input--autosize`]:this.autosize,[`${t}-input--round`]:this.round&&i!==`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},e(`div`,{class:`${t}-input-wrapper`},T(s.prefix,n=>n&&e(`div`,{class:`${t}-input__prefix`},n)),i===`textarea`?e(S,{ref:`textareaScrollbarInstRef`,class:`${t}-input__textarea`,container:this.getTextareaScrollContainer,theme:this.theme?.peers?.Scrollbar,themeOverrides:this.themeOverrides?.peers?.Scrollbar,triggerDisplayManually:!0,useUnifiedContainer:!0,internalHoistYRail:!0},{default:()=>{let{textAreaScrollContainerWidth:n}=this,r={width:this.autosize&&n&&`${n}px`};return e(ee,null,e(`textarea`,Object.assign({},this.inputProps,{ref:`textareaElRef`,class:[`${t}-input__textarea-el`,this.inputProps?.class],autofocus:this.autofocus,rows:Number(this.rows),placeholder:this.placeholder,value:this.mergedValue,disabled:this.mergedDisabled,maxlength:a?void 0:this.maxlength,minlength:a?void 0:this.minlength,readonly:this.readonly,tabindex:this.passivelyActivated&&!this.activated?-1:void 0,style:[this.textDecorationStyle[0],this.inputProps?.style,r],onBlur:this.handleInputBlur,onFocus:e=>{this.handleInputFocus(e,2)},onInput:this.handleInput,onChange:this.handleChange,onScroll:this.handleTextAreaScroll})),this.showPlaceholder1?e(`div`,{class:`${t}-input__placeholder`,style:[this.placeholderStyle,r],key:`placeholder`},this.mergedPlaceholder[0]):null,this.autosize?e(b,{onResize:this.handleTextAreaMirrorResize},{default:()=>e(`div`,{ref:`textareaMirrorElRef`,class:`${t}-input__textarea-mirror`,key:`mirror`})}):null)}}):e(`div`,{class:`${t}-input__input`},e(`input`,Object.assign({type:i===`password`&&this.mergedShowPasswordOn&&this.passwordVisible?`text`:i},this.inputProps,{ref:`inputElRef`,class:[`${t}-input__input-el`,this.inputProps?.class],style:[this.textDecorationStyle[0],this.inputProps?.style],tabindex:this.passivelyActivated&&!this.activated?-1:this.inputProps?.tabindex,placeholder:this.mergedPlaceholder[0],disabled:this.mergedDisabled,maxlength:a?void 0:this.maxlength,minlength:a?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:e=>{this.handleInputFocus(e,0)},onInput:e=>{this.handleInput(e,0)},onChange:e=>{this.handleChange(e,0)}})),this.showPlaceholder1?e(`div`,{class:`${t}-input__placeholder`},e(`span`,null,this.mergedPlaceholder[0])):null,this.autosize?e(`div`,{class:`${t}-input__input-mirror`,key:`mirror`,ref:`inputMirrorElRef`},`\xA0`):null),!this.pair&&T(s.suffix,n=>n||this.clearable||this.showCount||this.mergedShowPasswordOn||this.loading!==void 0?e(`div`,{class:`${t}-input__suffix`},[T(s[`clear-icon-placeholder`],n=>(this.clearable||n)&&e(O,{clsPrefix:t,show:this.showClearButton,onClear:this.handleClear},{placeholder:()=>n,icon:()=>{var e;return(e=this.$slots)[`clear-icon`]?.call(e)}})),this.internalLoadingBeforeSuffix?null:n,this.loading===void 0?null:e(k,{clsPrefix:t,loading:this.loading,showArrow:!1,showClear:!1,style:this.cssVars}),this.internalLoadingBeforeSuffix?n:null,this.showCount&&this.type!==`textarea`?e(L,null,{default:e=>{let{renderCount:t}=this;return t?t(e):s.count?.call(s,e)}}):null,this.mergedShowPasswordOn&&this.type===`password`?e(`div`,{class:`${t}-input__eye`,onMousedown:this.handlePasswordToggleMousedown,onClick:this.handlePasswordToggleClick},this.passwordVisible?D(s[`password-visible-icon`],()=>[e(A,{clsPrefix:t},{default:()=>e(M,null)})]):D(s[`password-invisible-icon`],()=>[e(A,{clsPrefix:t},{default:()=>e(N,null)})])):null]):null)),this.pair?e(`span`,{class:`${t}-input__separator`},D(s.separator,()=>[this.separator])):null,this.pair?e(`div`,{class:`${t}-input-wrapper`},e(`div`,{class:`${t}-input__input`},e(`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:a?void 0:this.maxlength,minlength:a?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:e=>{this.handleInputFocus(e,1)},onInput:e=>{this.handleInput(e,1)},onChange:e=>{this.handleChange(e,1)}}),this.showPlaceholder2?e(`div`,{class:`${t}-input__placeholder`},e(`span`,null,this.mergedPlaceholder[1])):null),T(s.suffix,n=>(this.clearable||n)&&e(`div`,{class:`${t}-input__suffix`},[this.clearable&&e(O,{clsPrefix:t,show:this.showClearButton,onClear:this.handleClear},{icon:()=>s[`clear-icon`]?.call(s),placeholder:()=>s[`clear-icon-placeholder`]?.call(s)}),n]))):null,this.mergedBordered?e(`div`,{class:`${t}-input__border`}):null,this.mergedBordered?e(`div`,{class:`${t}-input__state-border`}):null,this.showCount&&i===`textarea`?e(L,null,{default:e=>{let{renderCount:t}=this;return t?t(e):s.count?.call(s,e)}}):null)}});export{M as n,R as t}; |