eslink-ui-plus
Version:
vue3 component library, css framework
36 lines (35 loc) • 3.21 kB
JavaScript
(function(e,i){typeof exports=="object"&&typeof module!="undefined"?module.exports=i(require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["vue","element-plus"],i):(e=typeof globalThis!="undefined"?globalThis:e||self,e["es-icon-button-list"]=i(e.Vue,e.ElementPlus))})(this,function(e,i){"use strict";var r=e.defineComponent({props:{source:Array,type:{type:String,default:"x"}},components:{ElPopover:i.ElPopover},setup(){return{keyConfig:{valueKey:"name",labelKey:"icon"}}}});e.pushScopeId("data-v-a53eef7a");const f=["onClick"];e.popScopeId();function u(n,c,l,s,o,g){const a=e.resolveComponent("el-popover"),y=e.resolveComponent("es-button"),b=e.resolveComponent("es-button-group"),k=e.resolveComponent("es-option");return e.openBlock(),e.createElementBlock("div",null,[n.type==="x"?(e.openBlock(),e.createBlock(b,{class:"es-icon-button-list",key:"icon-button-list"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.source,(t,d)=>(e.openBlock(),e.createBlock(y,{type:"pure",key:d,onClick:C=>t&&t.click()},{default:e.withCtx(()=>[e.createVNode(a,{content:t.name,trigger:"hover",offset:12,"popper-class":"popper-bg--black",width:"unset"},{reference:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(["iconfont",t.icon])},null,2)]),_:2},1032,["content"])]),_:2},1032,["onClick"]))),128))]),_:1})):e.createCommentVNode("v-if",!0),n.type==="y"?(e.openBlock(),e.createBlock(k,{source:n.source,key:"option","key-config":n.keyConfig},{default:e.withCtx(({item:t})=>[e.createVNode(a,{content:t.name,trigger:"hover",offset:20,"popper-class":"popper-bg--unset",placement:"right",width:"unset"},{reference:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(["iconfont",t.icon]),onClick:d=>t&&t.click()},null,10,f)]),_:2},1032,["content"])]),_:1},8,["source","key-config"])):e.createCommentVNode("v-if",!0)])}function p(n,c){c===void 0&&(c={});var l=c.insertAt;if(!(!n||typeof document=="undefined")){var s=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",l==="top"&&s.firstChild?s.insertBefore(o,s.firstChild):s.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}var m=`.es-icon-button-list[data-v-a53eef7a] {
padding: 0 8px;
display: flex;
}
.es-icon-button-list[data-v-a53eef7a] .es-button {
width: 28px;
height: 28px;
line-height: 28px;
margin-left: 8px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
}
.es-icon-button-list[data-v-a53eef7a] .es-button:hover {
background-color: unset;
border: 0;
}
.es-icon-button-list[data-v-a53eef7a] .es-button:first-of-type {
margin-left: 0;
}
.es-icon-button-list[data-v-a53eef7a] .es-button span {
width: 28px;
height: 28px;
color: var(--neutral8);
}`;p(m);var h=`
.popper-bg--black {\r
background: #282934 !important;\r
color: #ffffff !important;\r
font-size: 12px !important;
}
.popper-bg--unset {\r
background: #ffffff !important;
}\r
`;return p(h),r.render=u,r.__scopeId="data-v-a53eef7a",r.__file="components/icon-button-list/index.vue",r.install=n=>{n.component("es-icon-button-list",r)},r});