primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 4.42 kB
JavaScript
import t from"primevue/button";import e from"primevue/icons/chevrondown";import n from"primevue/tieredmenu";import{UniqueComponentId as o}from"primevue/utils";import{resolveComponent as l,openBlock as a,createElementBlock as u,normalizeClass as d,normalizeStyle as i,renderSlot as s,createVNode as p,mergeProps as r,withCtx as b,createElementVNode as c,createBlock as m,resolveDynamicComponent as f}from"vue";var y={name:"SplitButton",emits:["click"],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,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}},data:()=>({isExpanded:!1}),methods:{onDropdownButtonClick(){this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=!this.$refs.menu.visible},onDropdownKeydown(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{ariaId:()=>o(),containerClass(){return["p-splitbutton p-component",this.class,{[`p-button-${this.severity}`]:this.severity,"p-button-raised":this.raised,"p-button-rounded":this.rounded,"p-button-text":this.text,"p-button-outlined":this.outlined,"p-button-sm":"small"===this.size,"p-button-lg":"large"===this.size}]}},components:{PVSButton:t,PVSMenu:n,ChevronDownIcon:e}};!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=t:l.appendChild(document.createTextNode(t))}}("\n.p-splitbutton[data-v-5a8b8d41] {\n display: inline-flex;\n position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-5a8b8d41],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-5a8b8d41],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-5a8b8d41] {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n}\n.p-splitbutton-menubutton[data-v-5a8b8d41],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-5a8b8d41],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-5a8b8d41] {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.p-splitbutton .p-menu[data-v-5a8b8d41] {\n min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-5a8b8d41] {\n display: flex;\n}\n"),y.render=function(t,e,n,o,y,h){const v=l("PVSButton"),x=l("PVSMenu");return a(),u("div",{class:d(h.containerClass),style:i(n.style)},[s(t.$slots,"default",{},(()=>[p(v,r({type:"button",class:"p-splitbutton-defaultbutton",label:n.label,disabled:n.disabled,"aria-label":n.label,onClick:h.onDefaultButtonClick},n.buttonProps),{icon:b((e=>[s(t.$slots,"icon",{},(()=>[c("span",{class:d([n.icon,e.class])},null,2)]))])),_:3},16,["label","disabled","aria-label","onClick"])])),p(v,r({ref:"button",type:"button",class:"p-splitbutton-menubutton",disabled:n.disabled,"aria-haspopup":"true","aria-expanded":y.isExpanded,"aria-controls":h.ariaId+"_overlay",onClick:h.onDropdownButtonClick,onKeydown:h.onDropdownKeydown},n.menuButtonProps),{icon:b((e=>[s(t.$slots,"menubuttonicon",{},(()=>[(a(),m(f(n.menuButtonIcon?"span":"ChevronDownIcon"),{class:d([n.menuButtonIcon,e.class])},null,8,["class"]))]))])),_:3},16,["disabled","aria-expanded","aria-controls","onClick","onKeydown"]),p(x,{ref:"menu",id:h.ariaId+"_overlay",model:n.model,popup:!0,autoZIndex:n.autoZIndex,baseZIndex:n.baseZIndex,appendTo:n.appendTo},null,8,["id","model","autoZIndex","baseZIndex","appendTo"])],6)},y.__scopeId="data-v-5a8b8d41";export{y as default};