primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 4.77 kB
JavaScript
;var t=require("primevue/basecomponent"),e=require("primevue/button"),n=require("primevue/icons/chevrondown"),o=require("primevue/tieredmenu"),l=require("primevue/utils"),u=require("vue");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var d=a(t),i=a(e),p=a(n),r=a(o),s={name:"SplitButton",extends:d.default,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:()=>l.UniqueComponentId(),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:i.default,PVSMenu:r.default,ChevronDownIcon:p.default}};!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-29147f7b] {\n display: inline-flex;\n position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-29147f7b],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-29147f7b],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-29147f7b] {\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-29147f7b],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-29147f7b],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-29147f7b] {\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-29147f7b] {\n min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-29147f7b] {\n display: flex;\n}\n"),s.render=function(t,e,n,o,l,a){const d=u.resolveComponent("PVSButton"),i=u.resolveComponent("PVSMenu");return u.openBlock(),u.createElementBlock("div",u.mergeProps({class:a.containerClass,style:n.style},t.ptm("root")),[u.renderSlot(t.$slots,"default",{},(()=>[u.createVNode(d,u.mergeProps({type:"button",class:"p-splitbutton-defaultbutton",label:n.label,disabled:n.disabled,"aria-label":n.label,onClick:a.onDefaultButtonClick,pt:t.ptm("button")},n.buttonProps),{icon:u.withCtx((e=>[u.renderSlot(t.$slots,"icon",{},(()=>[u.createElementVNode("span",u.mergeProps({class:[n.icon,e.class]},t.ptm("button").icon),null,16)]))])),_:3},16,["label","disabled","aria-label","onClick","pt"])])),u.createVNode(d,u.mergeProps({ref:"button",type:"button",class:"p-splitbutton-menubutton",disabled:n.disabled,"aria-haspopup":"true","aria-expanded":l.isExpanded,"aria-controls":a.ariaId+"_overlay",onClick:a.onDropdownButtonClick,onKeydown:a.onDropdownKeydown,pt:t.ptm("menuButton")},n.menuButtonProps),{icon:u.withCtx((e=>[u.renderSlot(t.$slots,"menubuttonicon",{},(()=>[(u.openBlock(),u.createBlock(u.resolveDynamicComponent(n.menuButtonIcon?"span":"ChevronDownIcon"),u.mergeProps({class:[n.menuButtonIcon,e.class]},t.ptm("menuButton").icon),null,16,["class"]))]))])),_:3},16,["disabled","aria-expanded","aria-controls","onClick","onKeydown","pt"]),u.createVNode(i,{ref:"menu",id:a.ariaId+"_overlay",model:n.model,popup:!0,autoZIndex:n.autoZIndex,baseZIndex:n.baseZIndex,appendTo:n.appendTo,pt:t.ptm("menu")},null,8,["id","model","autoZIndex","baseZIndex","appendTo","pt"])],16)},s.__scopeId="data-v-29147f7b",module.exports=s;