st-comp 0.0.91 → 0.0.93

package/es/el-input-a8791103.cjs

@@ -1,9 +0,0 @@
-"use strict";const e=require("vue"),ne=require("./el-scrollbar-9473fd47.cjs"),y=require("./use-form-item-7924b6c1.cjs"),c=require("./base-315cbfab.cjs"),be=require("./typescript-b63f8e83.cjs"),A=require("./focus-trap-ea177336.cjs"),xe=()=>c.isClient&&/firefox/i.test(window.navigator.userAgent),ae=n=>/([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(n),Ce=["class","style"],we=/^on[A-Z]/,ke=(n={})=>{const{excludeListeners:f=!1,excludeKeys:i}=n,o=e.computed(()=>((i==null?void 0:i.value)||[]).concat(Ce)),s=e.getCurrentInstance();return s?e.computed(()=>{var l;return c.fromPairs(Object.entries((l=s.proxy)==null?void 0:l.$attrs).filter(([u])=>!o.value.includes(u)&&!(f&&we.test(u))))}):(c.debugWarn("use-attrs","getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"),e.computed(()=>({})))};function Ee(n){const f=e.ref();function i(){if(n.value==null)return;const{selectionStart:s,selectionEnd:l,value:u}=n.value;if(s==null||l==null)return;const g=u.slice(0,Math.max(0,s)),d=u.slice(Math.max(0,l));f.value={selectionStart:s,selectionEnd:l,value:u,beforeTxt:g,afterTxt:d}}function o(){if(n.value==null||f.value==null)return;const{value:s}=n.value,{beforeTxt:l,afterTxt:u,selectionStart:g}=f.value;if(l==null||u==null||g==null)return;let d=s.length;if(s.endsWith(u))d=s.length-u.length;else if(s.startsWith(l))d=l.length;else{const h=l[g-1],m=s.indexOf(h,g-1);m!==-1&&(d=m+1)}n.value.setSelectionRange(d,d)}return[i,o]}function Se(n,{afterFocus:f,afterBlur:i}={}){const o=e.getCurrentInstance(),{emit:s}=o,l=e.shallowRef(),u=e.ref(!1),g=m=>{u.value||(u.value=!0,s("focus",m),f==null||f())},d=m=>{var p;m.relatedTarget&&((p=l.value)!=null&&p.contains(m.relatedTarget))||(u.value=!1,s("blur",m),i==null||i())},h=()=>{var m;(m=n.value)==null||m.focus()};return e.watch(l,m=>{m&&m.setAttribute("tabindex","-1")}),ne.useEventListener(l,"click",h),{wrapperRef:l,isFocused:u,handleFocus:g,handleBlur:d}}let b;const Ie=`
-  height:0 !important;
-  visibility:hidden !important;
-  ${xe()?"":"overflow:hidden !important;"}
-  position:absolute !important;
-  z-index:-1000 !important;
-  top:0 !important;
-  right:0 !important;
-`,Be=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"];function Ne(n){const f=window.getComputedStyle(n),i=f.getPropertyValue("box-sizing"),o=Number.parseFloat(f.getPropertyValue("padding-bottom"))+Number.parseFloat(f.getPropertyValue("padding-top")),s=Number.parseFloat(f.getPropertyValue("border-bottom-width"))+Number.parseFloat(f.getPropertyValue("border-top-width"));return{contextStyle:Be.map(u=>`${u}:${f.getPropertyValue(u)}`).join(";"),paddingSize:o,borderSize:s,boxSizing:i}}function oe(n,f=1,i){var o;b||(b=document.createElement("textarea"),document.body.appendChild(b));const{paddingSize:s,borderSize:l,boxSizing:u,contextStyle:g}=Ne(n);b.setAttribute("style",`${g};${Ie}`),b.value=n.value||n.placeholder||"";let d=b.scrollHeight;const h={};u==="border-box"?d=d+l:u==="content-box"&&(d=d-s),b.value="";const m=b.scrollHeight-s;if(c.isNumber(f)){let p=m*f;u==="border-box"&&(p=p+s+l),d=Math.max(p,d),h.minHeight=`${p}px`}if(c.isNumber(i)){let p=m*i;u==="border-box"&&(p=p+s+l),d=Math.min(p,d)}return h.height=`${d}px`,(o=b.parentNode)==null||o.removeChild(b),b=void 0,h}const Ve=c.buildProps({id:{type:String,default:void 0},size:y.useSizeProp,disabled:Boolean,modelValue:{type:c.definePropType([String,Number,Object]),default:""},type:{type:String,default:"text"},resize:{type:String,values:["none","both","horizontal","vertical"]},autosize:{type:c.definePropType([Boolean,Object]),default:!1},autocomplete:{type:String,default:"off"},formatter:{type:Function},parser:{type:Function},placeholder:{type:String},form:{type:String},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},showWordLimit:{type:Boolean,default:!1},suffixIcon:{type:y.iconPropType},prefixIcon:{type:y.iconPropType},containerRole:{type:String,default:void 0},label:{type:String,default:void 0},tabindex:{type:[String,Number],default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:c.definePropType([Object,Array,String]),default:()=>be.mutable({})},autofocus:{type:Boolean,default:!1}}),ze={[A.UPDATE_MODEL_EVENT]:n=>c.isString(n),input:n=>c.isString(n),change:n=>c.isString(n),focus:n=>n instanceof FocusEvent,blur:n=>n instanceof FocusEvent,clear:()=>!0,mouseleave:n=>n instanceof MouseEvent,mouseenter:n=>n instanceof MouseEvent,keydown:n=>n instanceof Event,compositionstart:n=>n instanceof CompositionEvent,compositionupdate:n=>n instanceof CompositionEvent,compositionend:n=>n instanceof CompositionEvent},Te=["role"],Pe=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form","autofocus"],Fe=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form","autofocus"],De=e.defineComponent({name:"ElInput",inheritAttrs:!1}),Re=e.defineComponent({...De,props:Ve,emits:ze,setup(n,{expose:f,emit:i}){const o=n,s=e.useAttrs(),l=e.useSlots(),u=e.computed(()=>{const t={};return o.containerRole==="combobox"&&(t["aria-haspopup"]=s["aria-haspopup"],t["aria-owns"]=s["aria-owns"],t["aria-expanded"]=s["aria-expanded"]),t}),g=e.computed(()=>[o.type==="textarea"?K.b():r.b(),r.m(re.value),r.is("disabled",w.value),r.is("exceed",ue.value),{[r.b("group")]:l.prepend||l.append,[r.bm("group","append")]:l.append,[r.bm("group","prepend")]:l.prepend,[r.m("prefix")]:l.prefix||o.prefixIcon,[r.m("suffix")]:l.suffix||o.suffixIcon||o.clearable||o.showPassword,[r.bm("suffix","password-clear")]:D.value&&L.value},s.class]),d=e.computed(()=>[r.e("wrapper"),r.is("focus",O.value)]),h=ke({excludeKeys:e.computed(()=>Object.keys(u.value))}),{form:m,formItem:p}=y.useFormItem(),{inputId:H}=y.useFormItemInputId(o,{formItemContext:p}),re=y.useFormSize(),w=y.useFormDisabled(),r=c.useNamespace("input"),K=c.useNamespace("textarea"),V=e.shallowRef(),x=e.shallowRef(),M=e.ref(!1),S=e.ref(!1),z=e.ref(!1),W=e.ref(),T=e.shallowRef(o.inputStyle),k=e.computed(()=>V.value||x.value),{wrapperRef:le,isFocused:O,handleFocus:P,handleBlur:F}=Se(k,{afterBlur(){var t;o.validateEvent&&((t=p==null?void 0:p.validate)==null||t.call(p,"blur").catch(a=>c.debugWarn(a)))}}),j=e.computed(()=>{var t;return(t=m==null?void 0:m.statusIcon)!=null?t:!1}),I=e.computed(()=>(p==null?void 0:p.validateState)||""),q=e.computed(()=>I.value&&y.ValidateComponentsMap[I.value]),se=e.computed(()=>z.value?y.view_default:y.hide_default),ie=e.computed(()=>[s.style,o.inputStyle]),U=e.computed(()=>[o.inputStyle,T.value,{resize:o.resize}]),C=e.computed(()=>A.isNil(o.modelValue)?"":String(o.modelValue)),D=e.computed(()=>o.clearable&&!w.value&&!o.readonly&&!!C.value&&(O.value||M.value)),L=e.computed(()=>o.showPassword&&!w.value&&!o.readonly&&!!C.value&&(!!C.value||O.value)),E=e.computed(()=>o.showWordLimit&&!!h.value.maxlength&&(o.type==="text"||o.type==="textarea")&&!w.value&&!o.readonly&&!o.showPassword),_=e.computed(()=>C.value.length),ue=e.computed(()=>!!E.value&&_.value>Number(h.value.maxlength)),ce=e.computed(()=>!!l.suffix||!!o.suffixIcon||D.value||o.showPassword||E.value||!!I.value&&j.value),[de,pe]=Ee(V);ne.useResizeObserver(x,t=>{if(fe(),!E.value||o.resize!=="both")return;const a=t[0],{width:v}=a.contentRect;W.value={right:`calc(100% - ${v+15+6}px)`}});const B=()=>{const{type:t,autosize:a}=o;if(!(!c.isClient||t!=="textarea"||!x.value))if(a){const v=c.isObject(a)?a.minRows:void 0,R=c.isObject(a)?a.maxRows:void 0,te=oe(x.value,v,R);T.value={overflowY:"hidden",...te},e.nextTick(()=>{x.value.offsetHeight,T.value=te})}else T.value={minHeight:oe(x.value).minHeight}},fe=(t=>{let a=!1;return()=>{var v;if(a||!o.autosize)return;((v=x.value)==null?void 0:v.offsetParent)===null||(t(),a=!0)}})(B),N=()=>{const t=k.value,a=o.formatter?o.formatter(C.value):C.value;!t||t.value===a||(t.value=a)},$=async t=>{de();let{value:a}=t.target;if(o.formatter&&(a=o.parser?o.parser(a):a),!S.value){if(a===C.value){N();return}i(A.UPDATE_MODEL_EVENT,a),i("input",a),await e.nextTick(),N(),pe()}},Y=t=>{i("change",t.target.value)},X=t=>{i("compositionstart",t),S.value=!0},Z=t=>{var a;i("compositionupdate",t);const v=(a=t.target)==null?void 0:a.value,R=v[v.length-1]||"";S.value=!ae(R)},G=t=>{i("compositionend",t),S.value&&(S.value=!1,$(t))},me=()=>{z.value=!z.value,J()},J=async()=>{var t;await e.nextTick(),(t=k.value)==null||t.focus()},ve=()=>{var t;return(t=k.value)==null?void 0:t.blur()},ye=t=>{M.value=!1,i("mouseleave",t)},he=t=>{M.value=!0,i("mouseenter",t)},Q=t=>{i("keydown",t)},ge=()=>{var t;(t=k.value)==null||t.select()},ee=()=>{i(A.UPDATE_MODEL_EVENT,""),i("change",""),i("clear"),i("input","")};return e.watch(()=>o.modelValue,()=>{var t;e.nextTick(()=>B()),o.validateEvent&&((t=p==null?void 0:p.validate)==null||t.call(p,"change").catch(a=>c.debugWarn(a)))}),e.watch(C,()=>N()),e.watch(()=>o.type,async()=>{await e.nextTick(),N(),B()}),e.onMounted(()=>{!o.formatter&&o.parser&&c.debugWarn("ElInput","If you set the parser, you also need to set the formatter."),N(),e.nextTick(B)}),f({input:V,textarea:x,ref:k,textareaStyle:U,autosize:e.toRef(o,"autosize"),focus:J,blur:ve,select:ge,clear:ee,resizeTextarea:B}),(t,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(u),{class:e.unref(g),style:e.unref(ie),role:t.containerRole,onMouseenter:he,onMouseleave:ye}),[e.createCommentVNode(" input "),t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createCommentVNode(" prepend slot "),t.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r).be("group","prepend"))},[e.renderSlot(t.$slots,"prepend")],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"wrapperRef",ref:le,class:e.normalizeClass(e.unref(d))},[e.createCommentVNode(" prefix slot "),t.$slots.prefix||t.prefixIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r).e("prefix-inner"))},[e.renderSlot(t.$slots,"prefix"),t.prefixIcon?(e.openBlock(),e.createBlock(e.unref(y.ElIcon),{key:0,class:e.normalizeClass(e.unref(r).e("icon"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.prefixIcon)))]),_:1},8,["class"])):e.createCommentVNode("v-if",!0)],2)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(H),ref_key:"input",ref:V,class:e.unref(r).e("inner")},e.unref(h),{type:t.showPassword?z.value?"text":"password":t.type,disabled:e.unref(w),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:o.form,autofocus:o.autofocus,onCompositionstart:X,onCompositionupdate:Z,onCompositionend:G,onInput:$,onFocus:a[0]||(a[0]=(...v)=>e.unref(P)&&e.unref(P)(...v)),onBlur:a[1]||(a[1]=(...v)=>e.unref(F)&&e.unref(F)(...v)),onChange:Y,onKeydown:Q}),null,16,Pe),e.createCommentVNode(" suffix slot "),e.unref(ce)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(r).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r).e("suffix-inner"))},[!e.unref(D)||!e.unref(L)||!e.unref(E)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(t.$slots,"suffix"),t.suffixIcon?(e.openBlock(),e.createBlock(e.unref(y.ElIcon),{key:0,class:e.normalizeClass(e.unref(r).e("icon"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.suffixIcon)))]),_:1},8,["class"])):e.createCommentVNode("v-if",!0)],64)):e.createCommentVNode("v-if",!0),e.unref(D)?(e.openBlock(),e.createBlock(e.unref(y.ElIcon),{key:1,class:e.normalizeClass([e.unref(r).e("icon"),e.unref(r).e("clear")]),onMousedown:e.withModifiers(e.unref(c.NOOP),["prevent"]),onClick:ee},{default:e.withCtx(()=>[e.createVNode(e.unref(y.circle_close_default))]),_:1},8,["class","onMousedown"])):e.createCommentVNode("v-if",!0),e.unref(L)?(e.openBlock(),e.createBlock(e.unref(y.ElIcon),{key:2,class:e.normalizeClass([e.unref(r).e("icon"),e.unref(r).e("password")]),onClick:me},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(se))))]),_:1},8,["class"])):e.createCommentVNode("v-if",!0),e.unref(E)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(r).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r).e("count-inner"))},e.toDisplayString(e.unref(_))+" / "+e.toDisplayString(e.unref(h).maxlength),3)],2)):e.createCommentVNode("v-if",!0),e.unref(I)&&e.unref(q)&&e.unref(j)?(e.openBlock(),e.createBlock(e.unref(y.ElIcon),{key:4,class:e.normalizeClass([e.unref(r).e("icon"),e.unref(r).e("validateIcon"),e.unref(r).is("loading",e.unref(I)==="validating")])},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(q))))]),_:1},8,["class"])):e.createCommentVNode("v-if",!0)],2)],2)):e.createCommentVNode("v-if",!0)],2),e.createCommentVNode(" append slot "),t.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r).be("group","append"))},[e.renderSlot(t.$slots,"append")],2)):e.createCommentVNode("v-if",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" textarea "),e.createElementVNode("textarea",e.mergeProps({id:e.unref(H),ref_key:"textarea",ref:x,class:e.unref(K).e("inner")},e.unref(h),{tabindex:t.tabindex,disabled:e.unref(w),readonly:t.readonly,autocomplete:t.autocomplete,style:e.unref(U),"aria-label":t.label,placeholder:t.placeholder,form:o.form,autofocus:o.autofocus,onCompositionstart:X,onCompositionupdate:Z,onCompositionend:G,onInput:$,onFocus:a[2]||(a[2]=(...v)=>e.unref(P)&&e.unref(P)(...v)),onBlur:a[3]||(a[3]=(...v)=>e.unref(F)&&e.unref(F)(...v)),onChange:Y,onKeydown:Q}),null,16,Fe),e.unref(E)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(W.value),class:e.normalizeClass(e.unref(r).e("count"))},e.toDisplayString(e.unref(_))+" / "+e.toDisplayString(e.unref(h).maxlength),7)):e.createCommentVNode("v-if",!0)],64))],16,Te)),[[e.vShow,t.type!=="hidden"]])}});var Ae=c._export_sfc(Re,[["__file","/home/runner/work/element-plus/element-plus/packages/components/input/src/input.vue"]]);const Me=c.withInstall(Ae);exports.ElInput=Me;exports.isKorean=ae;