vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
2 lines (1 loc) • 1.47 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),a=require("../tooltip/index.cjs"),u=require("../utils/index.cjs"),d=t.defineComponent({__name:"Popover",props:{title:{default:void 0},titleStyle:{default:()=>({})},content:{default:void 0},contentStyle:{default:()=>({})},keyboard:{type:Boolean,default:!0},tooltipStyle:{default:()=>({})}},setup(e){const l=e,n=u.useSlotsExist(["title","content"]),i=t.computed(()=>n.title||l.title),r=t.computed(()=>n.content||l.content);return(o,s)=>(t.openBlock(),t.createBlock(t.unref(a.default),{"max-width":"auto","bg-color":"#fff","tooltip-style":{padding:"12px",borderRadius:"8px",textAlign:"start",...e.tooltipStyle},keyboard:e.keyboard,"transition-duration":200},{tooltip:t.withCtx(()=>[i.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["popover-title",{mb8:r.value}]),style:t.normalizeStyle(e.titleStyle)},[t.renderSlot(o.$slots,"title",{},()=>[t.createTextVNode(t.toDisplayString(e.title),1)],!0)],6)):t.createCommentVNode("",!0),r.value?(t.openBlock(),t.createElementBlock("div",{key:1,class:"popover-content",style:t.normalizeStyle(e.contentStyle)},[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)],!0)],4)):t.createCommentVNode("",!0)]),default:t.withCtx(()=>[t.renderSlot(o.$slots,"default",{},void 0,!0)]),_:3},8,["tooltip-style","keyboard"]))}});exports.default=d;