primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 5.84 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.splitbutton=function(t,n,e,o,u,l,r){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=i(t),s=i(n),p=i(e),d=i(u);function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function b(t,n,e){return(n=m(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function m(t){var n=f(t,"string");return"symbol"===c(n)?n:String(n)}function f(t,n){if("object"!==c(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==c(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}var y={root:function(t){var n,e=t.props;return["p-splitbutton p-component",(n={},b(n,"p-button-".concat(e.severity),e.severity),b(n,"p-button-raised",e.raised),b(n,"p-button-rounded",e.rounded),b(n,"p-button-text",e.text),b(n,"p-button-outlined",e.outlined),b(n,"p-button-sm","small"===e.size),b(n,"p-button-lg","large"===e.size),n)]},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton"},v=l.useStyle("\n.p-splitbutton {\n display: inline-flex;\n position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\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\n.p-splitbutton .p-menu {\n min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n display: flex;\n}\n",{name:"splitbutton",manual:!0}),h={name:"SplitButton",extends:{name:"BaseSplitButton",extends:d.default,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}},css:{classes:y,loadStyle:v.load},provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{isExpanded:!1}},mounted:function(){var t=this;this.$watch("$refs.menu.visible",(function(n){t.isExpanded=n}))},methods:{onDropdownButtonClick:function(){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:{ariaId:function(){return o.UniqueComponentId()},containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:a.default,PVSMenu:p.default,ChevronDownIcon:s.default}},B=["data-pc-severity"];return h.render=function(t,n,e,o,u,l){var i=r.resolveComponent("PVSButton"),a=r.resolveComponent("PVSMenu");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:l.containerClass,style:t.style},t.ptm("root"),{"data-pc-name":"splitbutton","data-pc-severity":t.severity}),[r.renderSlot(t.$slots,"default",{},(function(){return[r.createVNode(i,r.mergeProps({type:"button",class:t.cx("button"),label:t.label,disabled:t.disabled,"aria-label":t.label,onClick:l.onDefaultButtonClick,pt:t.ptm("button")},t.buttonProps,{unstyled:t.unstyled,"data-pc-section":"button"}),r.createSlots({_:2},[t.icon?{name:"icon",fn:r.withCtx((function(n){return[r.renderSlot(t.$slots,"icon",{class:r.normalizeClass(n.class)},(function(){return[r.createElementVNode("span",r.mergeProps({class:[t.icon,n.class]},t.ptm("button").icon),null,16)]}))]})),key:"0"}:void 0]),1040,["class","label","disabled","aria-label","onClick","pt","unstyled"])]})),r.createVNode(i,r.mergeProps({ref:"button",type:"button",class:t.cx("menuButton"),disabled:t.disabled,"aria-haspopup":"true","aria-expanded":u.isExpanded,"aria-controls":l.ariaId+"_overlay",onClick:l.onDropdownButtonClick,onKeydown:l.onDropdownKeydown,pt:t.ptm("menuButton")},t.menuButtonProps,{unstyled:t.unstyled,"data-pc-section":"menubutton"}),{icon:r.withCtx((function(n){return[r.renderSlot(t.$slots,"menubuttonicon",{class:r.normalizeClass(n.class)},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.menuButtonIcon?"span":"ChevronDownIcon"),r.mergeProps({class:[t.menuButtonIcon,n.class]},t.ptm("menuButton").icon),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","pt","unstyled"]),r.createVNode(a,{ref:"menu",id:l.ariaId+"_overlay",model:t.model,popup:!0,autoZIndex:t.autoZIndex,baseZIndex:t.baseZIndex,appendTo:t.appendTo,unstyled:t.unstyled,pt:t.ptm("menu")},null,8,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,B)},h}(primevue.button,primevue.icons.chevrondown,primevue.tieredmenu,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);