eslink-ui-plus/umd/search-label/index.js

vue3 component library, css framework

(function(e,a){typeof exports=="object"&&typeof module!="undefined"?module.exports=a(require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["vue","element-plus"],a):(e=typeof globalThis!="undefined"?globalThis:e||self,e["es-search-label"]=a(e.Vue,e.ElementPlus))})(this,function(e,a){"use strict";var t=e.defineComponent({components:{ElPopover:a.ElPopover},props:{styles:{type:Object,default:()=>({})},label:{type:[String,Number],default:""},value:{type:[String,Number],default:""},useSlot:{type:Boolean,default:!0},class:{type:String,default:""},panelClass:{type:String,default:""},popoverClass:{type:String,default:""}},emits:["open","close"],setup(l,{emit:n,slots:r}){const s=e.ref(!1),o=e.ref(null);return{panelVisible:s,closePanel:()=>{s.value=!1},slots:r,popoverEl:o,emit:n}}});e.pushScopeId("data-v-8823a666");const d={key:1,class:"es-search-label__container"},c={key:0,class:"es-search-label__container__label"},f={key:1,class:"es-search-label__container__label"},m={key:2,class:"es-search-label__container__value"},h={key:3,class:"es-search-label__container__value"},_=e.createElementVNode("div",{class:"es-search-label__container__icon es-icon-arrow-down-s-fill"},null,-1);e.popScopeId();function b(l,n,r,s,o,v){const k=e.resolveComponent("el-popover");return e.openBlock(),e.createBlock(k,{ref:"popoverEl",placement:"bottom-start",offset:6,width:"unset","hide-after":0,"popper-class":`el-popover--no-padding ${l.popoverClass}`,visible:l.panelVisible,"onUpdate:visible":n[0]||(n[0]=i=>l.panelVisible=i),onShow:n[1]||(n[1]=i=>l.emit("open")),onHide:n[2]||(n[2]=i=>l.emit("close"))},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["es-search-label",l.class]),style:e.normalizeStyle(l.styles)},[l.slots.main?e.renderSlot(l.$slots,"main",{key:0}):(e.openBlock(),e.createElementBlock("div",d,[l.slots.label?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(l.$slots,"label")])):(e.openBlock(),e.createElementBlock("div",f,e.toDisplayString(l.label),1)),l.slots.value?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(l.$slots,"value")])):(e.openBlock(),e.createElementBlock("div",h,e.toDisplayString(l.value),1)),_]))],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["es-search-label__slot",l.panelClass])},[e.renderSlot(l.$slots,"panel",{closePanel:l.closePanel,popoverEl:l.popoverEl})],2)]),_:3},8,["popper-class","visible"])}function p(l,n){n===void 0&&(n={});var r=n.insertAt;if(!(!l||typeof document=="undefined")){var s=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",r==="top"&&s.firstChild?s.insertBefore(o,s.firstChild):s.appendChild(o),o.styleSheet?o.styleSheet.cssText=l:o.appendChild(document.createTextNode(l))}}var y=`.es-search-label[data-v-8823a666] {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  cursor: pointer;
}
.es-search-label__container[data-v-8823a666] {
  display: flex;
}
.es-search-label__container__label[data-v-8823a666] {
  color: #7a7c90;
}
.es-search-label__container__icon[data-v-8823a666] {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.es-search-label__container__icon[data-v-8823a666]::before {
  color: #a7baf1;
}`;p(y);var u=`.el-popover--no-padding {
  padding: 0 !important;
}
.el-popover.el-popper {
  min-width: unset !important;
}
.el-popper__arrow {
  display: none;
}`;return p(u),t.render=b,t.__scopeId="data-v-8823a666",t.__file="components/search-label/index.vue",t.install=l=>{l.component("es-search-label",t)},t});