eslink-ui-plus/umd/input/index.js

vue3 component library, css framework

(function(e,d){typeof exports=="object"&&typeof module!="undefined"?module.exports=d(require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["vue","element-plus"],d):(e=typeof globalThis!="undefined"?globalThis:e||self,e["es-input"]=d(e.Vue,e.ElementPlus))})(this,function(e,d){"use strict";var r=e.defineComponent({components:{ElInput:d.ElInput},props:{prependText:{type:String,default:""},modelValue:{type:String,default:""},hasSuffix:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:t}){const p=e.ref("es-icon-search-line"),i=e.ref(!1),o=e.computed({get(){return n.modelValue},set(y){t("update:modelValue",y)}}),l=()=>{p.value="es-icon-close-line"},a=()=>{p.value="es-icon-search-line"},s=()=>{o.value=""},x=()=>{i.value=!0,l()},g=()=>{l()},b=()=>{i.value||a()},I=()=>{i.value=!1,a()},v=e.computed(()=>o.value===""?"es-icon-search-line":p.value);return{suffixIcon:p,suffixIcon2Clear:l,suffixIcon2Search:a,clearInput:s,suffixIconShow:v,inputModel:o,blur:I,focus:x,mouseout:b,mouseover:g}}});e.pushScopeId("data-v-4da67c3c");const u={class:"es-input"},c={class:"es-input__prepend"};e.popScopeId();function f(n,t,p,i,o,l){const a=e.resolveComponent("el-input");return e.openBlock(),e.createElementBlock("div",u,[e.createVNode(a,e.mergeProps(n.$attrs,{modelValue:n.inputModel,"onUpdate:modelValue":t[3]||(t[3]=s=>n.inputModel=s),onFocus:n.focus,onBlur:n.blur,onMouseover:e.withModifiers(n.mouseover,["self"]),onMouseout:e.withModifiers(n.mouseout,["self"])}),e.createSlots({_:2},[n.prependText!==""?{name:"prepend",fn:e.withCtx(()=>[e.createElementVNode("span",c,e.toDisplayString(n.prependText),1)])}:void 0,n.hasSuffix?void 0:{name:"suffix",fn:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(["el-input__icon",n.suffixIconShow]),onClick:t[0]||(t[0]=(...s)=>n.clearInput&&n.clearInput(...s)),onMouseover:t[1]||(t[1]=(...s)=>n.suffixIcon2Clear&&n.suffixIcon2Clear(...s)),onMouseout:t[2]||(t[2]=(...s)=>n.suffixIcon2Search&&n.suffixIcon2Search(...s))},null,34)])}]),1040,["modelValue","onFocus","onBlur","onMouseover","onMouseout"])])}function m(n,t){t===void 0&&(t={});var p=t.insertAt;if(!(!n||typeof document=="undefined")){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",p==="top"&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}var h=`.es-input[data-v-4da67c3c] {
  display: inline-block;
}
.es-input__prepend[data-v-4da67c3c] {
  color: #9c9eb0;
}
[data-v-4da67c3c] .el-input {
  box-sizing: border-box;
  padding: 5px 12px 0 12px !important;
  line-height: 21px !important;
}
[data-v-4da67c3c] .el-input__inner {
  height: 28px !important;
  border: 0 !important;
  color: #282934 !important;
  line-height: 21px;
  border-bottom: 1px solid #a7baf1 !important;
  border-radius: unset !important;
  padding-right: 18px !important;
  padding-left: 0px !important;
  padding-bottom: 6px;
}
[data-v-4da67c3c] .el-input__suffix {
  position: absolute;
  right: 12px;
  top: 0;
}
[data-v-4da67c3c] .el-input__icon {
  line-height: 32px;
}
[data-v-4da67c3c] .el-input-group__prepend {
  background-color: unset;
  border: 0;
  border-bottom: 1px solid #a7baf1 !important;
  border-radius: 0;
  padding-left: 0;
  line-height: 21px;
  padding-bottom: 6px;
  padding-right: 6px;
}
[data-v-4da67c3c] .el-input__suffix
    .el-input__suffix-inner
    .el-input__icon.es-icon-close-line {
  cursor: pointer;
}`;return m(h),r.render=f,r.__scopeId="data-v-4da67c3c",r.__file="components/input/index.vue",r.install=n=>{n.component("es-input",r)},r});