| 1 |
- import{e}from"./user.BtyQGfSG.js";import{_ as t,f as s,g as o,i,j as n,k as l,l as r,G as a,L as c,s as u,R as h,q as d,E as p,J as m,bh as f,S as y,x as g}from"./index-cgJbsk9Q.js";function b(e){let t="";for(let s in e){t+=`${s}:${e[s]};`}return t}const S=t({name:"uni-easyinput",emits:["click","iconClick","update:modelValue","input","focus","blur","confirm","clear","eyes","change","keyboardheightchange"],model:{prop:"modelValue",event:"update:modelValue"},options:{virtualHost:!0},inject:{form:{from:"uniForm",default:null},formItem:{from:"uniFormItem",default:null}},props:{name:String,value:[Number,String],modelValue:[Number,String],type:{type:String,default:"text"},clearable:{type:Boolean,default:!0},autoHeight:{type:Boolean,default:!1},placeholder:{type:String,default:" "},placeholderStyle:String,focus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},maxlength:{type:[Number,String],default:140},minlength:{type:[Number,String],default:0},confirmType:{type:String,default:"done"},clearSize:{type:[Number,String],default:24},inputBorder:{type:Boolean,default:!0},prefixIcon:{type:String,default:""},suffixIcon:{type:String,default:""},trim:{type:[Boolean,String],default:!1},cursorSpacing:{type:Number,default:0},passwordIcon:{type:Boolean,default:!0},adjustPosition:{type:Boolean,default:!0},primaryColor:{type:String,default:"#2979ff"},styles:{type:Object,default:()=>({color:"#333",backgroundColor:"#fff",disableColor:"transparent",borderColor:"#e5e5e5"})},errorMessage:{type:[String,Boolean],default:""}},data:()=>({focused:!1,val:"",showMsg:"",border:!1,isFirstBorder:!1,showClearIcon:!1,showPassword:!1,focusShow:!1,localMsg:"",isEnter:!1}),computed:{isVal(){const e=this.val;return!(!e&&0!==e)},msg(){return this.localMsg||this.errorMessage},inputMaxlength(){return Number(this.maxlength)},inputMinlength(){return Number(this.minlength)},boxStyle(){return`color:${this.inputBorder&&this.msg?"#e43d33":this.styles.color};`},inputContentClass(){return function(e){let t="";for(let s in e)e[s]&&(t+=`${s} `);return t}({"is-input-border":this.inputBorder,"is-input-error-border":this.inputBorder&&this.msg,"is-textarea":"textarea"===this.type,"is-disabled":this.disabled,"is-focused":this.focusShow})},inputContentStyle(){const e=this.focusShow?"var(--bs-heading-color)":this.styles.borderColor;return b({"border-color":(this.inputBorder&&this.msg?"#dd524d":e)||"#e5e5e5","background-color":this.disabled?this.styles.disableColor:"transparent"})},inputStyle(){return b({"padding-right":"password"===this.type||this.clearable||this.prefixIcon?"":"10px","padding-left":this.prefixIcon?"":"10px"})}},watch:{value(e){this.val=null!==e?e:""},modelValue(e){this.val=null!==e?e:""},focus(e){this.$nextTick(()=>{this.focused=this.focus,this.focusShow=this.focus})}},created(){this.init(),this.form&&this.formItem&&this.$watch("formItem.errMsg",e=>{this.localMsg=e})},mounted(){this.$nextTick(()=>{this.focused=this.focus,this.focusShow=this.focus})},methods:{init(){this.value||0===this.value?this.val=this.value:this.modelValue||0===this.modelValue||""===this.modelValue?this.val=this.modelValue:this.val=""},onClickIcon(e){this.$emit("iconClick",e)},onEyes(){this.showPassword=!this.showPassword,this.$emit("eyes",this.showPassword)},onInput(e){let t=e.detail.value;this.trim&&("boolean"==typeof this.trim&&this.trim&&(t=this.trimStr(t)),"string"==typeof this.trim&&(t=this.trimStr(t,this.trim))),this.errMsg&&(this.errMsg=""),this.val=t,this.$emit("update:modelValue",t),this.$emit("input",t)},onFocus(){this.$nextTick(()=>{this.focused=!0}),this.$emit("focus",null)},_Focus(e){this.focusShow=!0,this.$emit("focus",e)},onBlur(){this.focused=!1,this.$emit("blur",null)},_Blur(e){if(e.detail.value,this.focusShow=!1,this.$emit("blur",e),!1===this.isEnter&&this.$emit("change",this.val),this.form&&this.formItem){const{validateTrigger:e}=this.form;"blur"===e&&this.formItem.onFieldChange()}},onConfirm(e){this.$emit("confirm",this.val),this.isEnter=!0,this.$emit("change",this.val),this.$nextTick(()=>{this.isEnter=!1})},onClear(e){this.val="",this.$emit("input",""),this.$emit("update:modelValue",""),this.$emit("clear")},onkeyboardheightchange(e){this.$emit("keyboardheightchange",e)},trimStr:(e,t="both")=>"both"===t?e.trim():"left"===t?e.trimLeft():"right"===t?e.trimRight():"start"===t?e.trimStart():"end"===t?e.trimEnd():"all"===t?e.replace(/\s+/g,""):e}},[["render",function(t,b,S,x,C,v){const k=s(o("uni-icons"),e),w=f,I=y,$=g;return i(),n($,{class:a(["uni-easyinput",{"uni-easyinput-error":v.msg}]),style:c(v.boxStyle)},{default:l(()=>[r($,{class:a(["uni-easyinput__content",v.inputContentClass]),style:c(v.inputContentStyle)},{default:l(()=>[S.prefixIcon?(i(),n(k,{key:0,class:"content-clear-icon",type:S.prefixIcon,color:"#c0c4cc",onClick:b[0]||(b[0]=e=>v.onClickIcon("prefix")),size:"22"},null,8,["type"])):u("",!0),h(t.$slots,"left",{},void 0,!0),"textarea"===S.type?(i(),n(w,{key:1,class:a(["uni-easyinput__content-textarea",{"input-padding":S.inputBorder}]),name:S.name,value:C.val,placeholder:S.placeholder,placeholderStyle:S.placeholderStyle,disabled:S.disabled,"placeholder-class":"uni-easyinput__placeholder-class",minlength:v.inputMinlength,maxlength:v.inputMaxlength,focus:C.focused,autoHeight:S.autoHeight,"cursor-spacing":S.cursorSpacing,"adjust-position":S.adjustPosition,onInput:v.onInput,onBlur:v._Blur,onFocus:v._Focus,onConfirm:v.onConfirm,onKeyboardheightchange:v.onkeyboardheightchange,onWheel:b[1]||(b[1]=d(()=>{},["prevent"]))},null,8,["class","name","value","placeholder","placeholderStyle","disabled","minlength","maxlength","focus","autoHeight","cursor-spacing","adjust-position","onInput","onBlur","onFocus","onConfirm","onKeyboardheightchange"])):(i(),n(I,{key:2,type:"password"===S.type?"text":S.type,class:"uni-easyinput__content-input",style:c(v.inputStyle),name:S.name,value:C.val,password:!C.showPassword&&"password"===S.type,placeholder:S.placeholder,placeholderStyle:S.placeholderStyle,"placeholder-class":"uni-easyinput__placeholder-class",disabled:S.disabled,minlength:v.inputMinlength,maxlength:v.inputMaxlength,focus:C.focused,confirmType:S.confirmType,"cursor-spacing":S.cursorSpacing,"adjust-position":S.adjustPosition,onFocus:v._Focus,onBlur:v._Blur,onInput:v.onInput,onConfirm:v.onConfirm,onKeyboardheightchange:v.onkeyboardheightchange,onWheel:b[2]||(b[2]=d(()=>{},["prevent"]))},null,8,["type","style","name","value","password","placeholder","placeholderStyle","disabled","minlength","maxlength","focus","confirmType","cursor-spacing","adjust-position","onFocus","onBlur","onInput","onConfirm","onKeyboardheightchange"])),"password"===S.type&&S.passwordIcon?(i(),p(m,{key:3},[v.isVal?(i(),n(k,{key:0,class:a(["content-clear-icon cursor-pointer",{"is-textarea-icon":"textarea"===S.type}]),type:C.showPassword?"eye-slash-filled":"eye-filled",size:22,color:C.focusShow?S.primaryColor:"#c0c4cc",onClick:v.onEyes},null,8,["class","type","color","onClick"])):u("",!0)],64)):u("",!0),S.suffixIcon?(i(),p(m,{key:4},[S.suffixIcon?(i(),n(k,{key:0,class:"content-clear-icon cursor-pointer",type:S.suffixIcon,color:"#c0c4cc",onClick:b[3]||(b[3]=e=>v.onClickIcon("suffix")),size:"22"},null,8,["type"])):u("",!0)],64)):(i(),p(m,{key:5},[S.clearable&&v.isVal&&!S.disabled&&"textarea"!==S.type?(i(),n(k,{key:0,class:a(["content-clear-icon cursor-pointer",{"is-textarea-icon":"textarea"===S.type}]),type:"clear",size:S.clearSize,color:v.msg?"#dd524d":C.focusShow?S.primaryColor:"#c0c4cc",onClick:v.onClear},null,8,["class","size","color","onClick"])):u("",!0)],64)),h(t.$slots,"right",{},void 0,!0)]),_:3},8,["class","style"])]),_:3},8,["class","style"])}],["__scopeId","data-v-8e03cbdf"]]);export{S as _};
|
