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