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