UNPKG

primevue

Version:

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

2 lines (1 loc) 4.28 kB
import t from"primevue/button";import e from"primevue/icons/chevrondown";import n from"primevue/tieredmenu";import{UniqueComponentId as o}from"primevue/utils";import i from"primevue/basecomponent";import l from"primevue/splitbutton/style";import{resolveComponent as u,openBlock as s,createElementBlock as a,mergeProps as d,createVNode as r,createSlots as p,withCtx as c,renderSlot as m,normalizeClass as f,createElementVNode as y,createBlock as b,resolveDynamicComponent as v}from"vue";var h={name:"SplitButton",extends:{name:"BaseSplitButton",extends:i,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:[String,Object],default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:l,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["click"],data:function(){return{id:this.$attrs.id,isExpanded:!1}},watch:{"$attrs.id":function(t){this.id=t||o()}},mounted:function(){var t=this;this.id=this.id||o(),this.$watch("$refs.menu.visible",(function(e){t.isExpanded=e}))},methods:{onDropdownButtonClick:function(t){t&&t.preventDefault(),this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick:function(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:t,PVSMenu:n,ChevronDownIcon:e}},x=["data-p-severity"];h.render=function(t,e,n,o,i,l){var h=u("PVSButton"),B=u("PVSMenu");return s(),a("div",d({class:l.containerClass,style:t.style},t.ptmi("root"),{"data-p-severity":t.severity}),[r(h,d({type:"button",class:t.cx("button"),label:t.label,disabled:t.disabled,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size,"aria-label":t.label,onClick:l.onDefaultButtonClick},t.buttonProps,{pt:t.ptm("button"),unstyled:t.unstyled}),p({default:c((function(){return[m(t.$slots,"default")]})),_:2},[t.$slots.icon?{name:"icon",fn:c((function(e){return[m(t.$slots,"icon",{class:f(e.class)},(function(){return[y("span",d({class:[t.icon,e.class]},t.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1040,["class","label","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"]),r(h,d({ref:"button",type:"button",class:t.cx("menuButton"),disabled:t.disabled,"aria-haspopup":"true","aria-expanded":i.isExpanded,"aria-controls":i.id+"_overlay",onClick:l.onDropdownButtonClick,onKeydown:l.onDropdownKeydown,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size},t.menuButtonProps,{pt:t.ptm("menuButton"),unstyled:t.unstyled}),{icon:c((function(e){return[m(t.$slots,"menubuttonicon",{class:f(e.class)},(function(){return[(s(),b(v(t.menuButtonIcon?"span":"ChevronDownIcon"),d({class:[t.menuButtonIcon,e.class]},t.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","severity","text","outlined","size","pt","unstyled"]),r(B,{ref:"menu",id:i.id+"_overlay",model:t.model,popup:!0,autoZIndex:t.autoZIndex,baseZIndex:t.baseZIndex,appendTo:t.appendTo,unstyled:t.unstyled,pt:t.ptm("menu")},p({_:2},[t.$slots.menuitemicon?{name:"itemicon",fn:c((function(e){return[m(t.$slots,"menuitemicon",{item:e.item,class:f(e.class)})]})),key:"0"}:void 0,t.$slots.item?{name:"item",fn:c((function(e){return[m(t.$slots,"item",{item:e.item,hasSubmenu:e.hasSubmenu,label:e.label,props:e.props})]})),key:"1"}:void 0]),1032,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,x)};export{h as default};