UNPKG

tk-eui-plus

Version:

2 lines (1 loc) 1.7 kB
(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.index=o(e.Vue))})(this,function(e){"use strict";const o=t=>t.replace(/(A-Z)g/,"-$1"),r=e.defineComponent({__name:"index",props:{icon:{type:String,default:"Bell"},value:{type:[String,Number],default:""},hidePopover:{type:Boolean,default:!1},popoverContent:{type:String,default:""},popoverPlacement:{type:String,default:"top-start"},popoverTitle:{type:String,default:""},popoverWidth:{type:String,default:"300px"},popoverTrigger:{type:String,default:"hover"}},setup(t){let i=e.useSlots();return(n,c)=>{const l=e.resolveComponent("el-badge"),p=e.resolveComponent("el-popover");return e.openBlock(),e.createBlock(p,{placement:t.popoverPlacement,title:t.popoverTitle,width:t.popoverWidth,trigger:t.popoverTrigger,disabled:t.hidePopover,content:t.popoverContent},e.createSlots({reference:e.withCtx(()=>[e.createVNode(l,e.mergeProps({value:t.value},n.$attrs),{default:e.withCtx(()=>[e.createCommentVNode(" icon自定义插槽方式,通过template #icon传递 "),e.unref(i).icon?e.renderSlot(n.$slots,"icon",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" icon自定义属性方式,通过icon属性传递过来 "),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`tk-icon-${e.unref(o)(t.icon)}`)))],2112))]),_:3},16,["value"])]),_:2},[e.unref(i).default?{name:"default",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),key:"0"}:void 0]),1032,["placement","title","width","trigger","disabled","content"])}}});return{install(t){t.component("tkNotification",r)}}});