gg-y-ui/lib/menu/index.js

An enterprise-class UI design language and Vue-based implementation for web

/*!
 * 
 * y-ui v0.1.0
 * 
 * Copyright 2021-present, Y-UI-Design.
 * All rights reserved.
 * 
 */
module.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)i.d(n,o,function(t){return e[t]}.bind(null,o));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=85)}({0:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getPrefixCls=function(e){return"y-"+e}},1:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=i(2),r=(n=o)&&n.__esModule?n:{default:n};r.default.install=function(e){e.component(r.default.name,r.default)},t.default=r.default},2:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0);function o(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var r={name:"YIcon",props:{name:String,sizes:{type:Number,default:4}},render:function(){var e,t=arguments[0],i=this.name,r=this.sizes;console.log(r);var s=(0,n.getPrefixCls)("icon"),u={class:(e={},o(e,""+s,!0),o(e,s+"-"+i,!!i),e),style:{fontSize:4*r+"px"}};return t("i",u)}};t.default=r},35:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0);function o(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var r={name:"YDropdownMenu",props:{placement:{type:0,default:"none"},width:{type:String,default:"216"},defaultActive:{type:String}},provide:function(){return{YDropdownMenu:this}},methods:{handleClick:function(e){this.$emit("click",e)}},data:function(){return{visible:!0}},render:function(){var e,t=arguments[0],i=this.$slots,r=this.placement,s=this.width,u=(0,n.getPrefixCls)("dropdown-menu"),l={style:{width:s+"px"},class:(e={},o(e,""+u,!0),o(e,u+"-"+r,!0),e)};return t("ul",l,[i.default])},mounted:function(){this.$on("item-click",this.handleClick)}};t.default=r},36:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=i(0),r=i(1),s=(n=r)&&n.__esModule?n:{default:n};function u(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var l={name:"YDropdownItem",inject:["YDropdownMenu"],props:{icon:String,id:String,disabled:Boolean},data:function(){return{visible:!0}},computed:{active:function(){return this.id&&this.id===this.YDropdownMenu.defaultActive}},methods:{handleClick:function(){this.$emit("click",this.id),this.YDropdownMenu.$emit("item-click",this.id)}},render:function(){var e,t=arguments[0],i=this.$slots,n=this.handleClick,r=this.active,l=this.icon,a=this.icon?t(s.default,{attrs:{name:l}}):null,c=(0,o.getPrefixCls)("dropdown-item"),d={class:(e={},u(e,""+c,!0),u(e,c+"-active",r),e),on:{click:n}};return t("li",d,[a,i.default])}};t.default=l},52:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={inject:["rootMenu"],computed:{isVertical:function(){return this.rootMenu.isVertical},collapse:function(){return this.parentMenu.collapse&&this.isVertical},indexPath:function(){for(var e=[this.index],t=this.$parent;t&&!["YMenu"].includes(t.$options.componentName);)t.index&&e.unshift(t.index),t=t.$parent;return e},parentMenu:function(){for(var e=this.$parent;e&&!["YMenu","YSubmenu"].includes(e.$options.componentName);)e=e.$parent;return e},paddingStyle:function(){if(!this.isVertical)return{};var e=42,t=this.$parent;if("YMenu"===t.$options.componentName&&(e-=12),this.rootMenu.collapse)e=24;else for(;t&&"YMenu"!==t.$options.componentName;)"YSubmenu"===t.$options.componentName&&(e+=16),t=t.$parent;return{paddingLeft:(e-=6)+"px"}},hoverBackground:function(){return this.rootMenu.hoverBackground},navBackgroundColor:function(){return this.rootMenu.navBackgroundColor||""},activeTextColor:function(){return this.rootMenu.activeTextColor||""},textColor:function(){return this.rootMenu.textColor||""}}}},85:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=s(i(86)),o=s(i(93)),r=s(i(94));function s(e){return e&&e.__esModule?e:{default:e}}n.default.Item=o.default,n.default.SubMenu=r.default,n.default.install=function(e){e.component(n.default.name,n.default),e.component(n.default.Item.name,n.default.Item),e.component(n.default.SubMenu.name,n.default.SubMenu)},t.default=n.default},86:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),o=s(i(87)),r=s(i(91));function s(e){return e&&e.__esModule?e:{default:e}}function u(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var l={name:"YMenu",componentName:"YMenu",props:{mode:{type:0,default:"vertical"},multipolar:{type:Boolean,default:!1},collapse:{type:Boolean,default:!1},openCloseModal:{type:Boolean,default:!1},menuTrigger:{type:String,default:"hover"},defaultActive:String,navBackgroundColor:String,textColor:String,hoverBackground:String,activeTextColor:String,headerList:{type:Array,default:function(){return[]}},headerDefaultActive:String,headerTitle:String},provide:function(){return{rootMenu:this}},data:function(){return{activeIndex:this.defaultActive,openedMenus:[],submenus:{},items:{},headerActive:this.headerDefaultActive,menuListVisible:!1}},computed:{isVertical:function(){return"vertical"===this.mode}},watch:{items:function(){this.updateActiveIndex()},defaultActive:function(e){this.items[e]||(this.activeIndex=null),this.updateActiveIndex(e)}},methods:{initOpenedMenu:function(){var e=this,t=this.activeIndex,i=this.items[t]||this.submenu[t];i&&"horizontal"!==this.mode&&!this.collapse&&i.indexPath.forEach((function(t){var i=e.submenus[t];i&&e.openMenu(t,i.indexPath)}))},updateActiveIndex:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.defaultActive,t=this.items,i=this.initOpenedMenu,n=t[e];n?(this.activeIndex=n.index,i()):this.activeIndex=null},addItem:function(e){this.$set(this.items,e.index,e)},removeItem:function(e){delete this.items[e.index]},addSubmenu:function(e){this.$set(this.submenus,e.index,e)},removeSubmenu:function(e){delete this.submenus[e.index]},itemClick:function(e){this.activeIndex=e.index,this.$emit("select",e.index)},submenuClick:function(e){var t=e.index;-1!==this.openedMenus.indexOf(t)?(this.closeMenu(t),this.$emit("close",t)):(this.openMenu(t),this.$emit("open",t))},openMenu:function(e){var t=this.openedMenus;-1===t.indexOf(e)&&t.push(e)},closeMenu:function(e){var t=this.openedMenus.indexOf(e);-1!==t&&this.openedMenus.splice(t,1)},changeMenu:function(e){this.headerActive!==e&&(this.headerActive=e,this.$emit("changeMenu",e))},slideToggleMenuList:function(){this.menuListVisible=!this.menuListVisible}},render:function(){var e,t=arguments[0],i=this.$slots,s=this.collapse,l=this.isVertical,a=this.navBackgroundColor,c=this.headerTitle,d=this.headerList,h=this.headerActive,f=(0,n.getPrefixCls)("menu"),v={class:(e={},u(e,""+f,!0),u(e,f+"-horizontal",!l),u(e,f+"-vertical",l),u(e,f+"-collapse",l&&s),e),style:{background:a}},m=d.length>0||c?t(o.default):null,p=s||!l?null:t(r.default,{attrs:{list:d,activeIndex:h}});return t("div",v,[m,t("ul",{class:f+"-bu-list"},[p,i.default])])},mounted:function(){this.$on("item-click",this.itemClick),this.$on("submenu-click",this.submenuClick),this.$on("change-menu",this.changeMenu),this.$on("slide-toggle-menu-list",this.slideToggleMenuList)}};t.default=l},87:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),o=u(i(88)),r=u(i(89)),s=u(i(90));function u(e){return e&&e.__esModule?e:{default:e}}function l(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var a={name:"YMenuHeader",componentName:"YMenuHeader",inject:["rootMenu"],computed:{isVertical:function(){return this.rootMenu.isVertical},collapse:function(){return this.rootMenu.collapse&&this.isVertical},title:function(){var e=this.rootMenu,t=e.headerTitle,i=e.headerList,n=e.headerActive;return t||((i.filter((function(e){return e.id===n}))[0]||{}).title||"")}},methods:{handleClick:function(){this.rootMenu.$emit("slide-toggle-menu-list")}},render:function(){var e=arguments[0],t=this.rootMenu,i=t.$slots,u=t.headerList,a=this.title,c=this.collapse,d=this.handleClick,h=(0,n.getPrefixCls)("menu-header"),f=[h+"-logo",{pointer:c&&u.length>1}],v={class:l({},""+h,!0),on:{click:d}};return e("div",v,[e("div",{class:f},[i.headerLogo]),e("div",{class:h+"-title"},[a]),e(r.default),e(o.default),e(s.default)])}};t.default=a},88:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=i(1),r=(n=o)&&n.__esModule?n:{default:n};var s={inject:["rootMenu"],name:"menuCollapseIcon",computed:{visiable:function(){var e=this.rootMenu,t=e.isVertical,i=e.openCloseModal;return t&&i},collapse:function(){return this.visiable&&this.rootMenu.collapse},icon:function(){return this.collapse?"arrow2_right_filled":"arrow2_left_filled"}},methods:{handleClick:function(e){this.rootMenu.$emit("switchCollapseState",!this.rootMenu.collapse),e.stopPropagation()}},render:function(){var e=arguments[0];if(!this.visiable)return null;var t=this.icon,i=this.handleClick,n={class:{"collapse-icon":!0},on:{click:i}};return e("span",n,[e(r.default,{attrs:{name:t}})])}};t.default=s},89:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=i(1),r=(n=o)&&n.__esModule?n:{default:n};var s={inject:["rootMenu"],name:"headerSwitchoverIcon",computed:{visiable:function(){return this.rootMenu.headerList.length>1},isVertical:function(){return this.rootMenu.isVertical},menuListVisible:function(){return this.rootMenu.menuListVisible},icon:function(){return this.isVertical?"switch_wide_linear":"arrow2_up_filled"}},watch:{menuListVisible:function(e){if(!this.isVertical){var t=this.$el.classList;e?t.add("rotate"):t.remove("rotate")}}},render:function(){var e=arguments[0];if(!this.visiable)return null;var t=this.icon,i={class:{"switchover-icon":!0}};return e("span",i,[e(r.default,{attrs:{name:t}})])}};t.default=s},90:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(i(35)),o=r(i(36));function r(e){return e&&e.__esModule?e:{default:e}}function s(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var u={inject:["rootMenu"],name:"menuListDrop",props:{width:{type:String,default:"118"}},computed:{visiable:function(){return this.rootMenu.headerList.length>1},show:function(){return this.rootMenu.menuListVisible}},methods:{handleClick:function(e){this.rootMenu.$emit("change-menu",e)}},render:function(){var e=arguments[0],t=this.rootMenu,i=t.isVertical,r=t.collapse;if(!this.visiable)return null;var u=this.show,l=this.width,a=this.rootMenu,c=this.handleClick;if(r||!i){var d,h={class:(d={},s(d,"menu-list",!0),s(d,"menu-list-side",u&&i),s(d,"menu-list-vertical",u&&!i),d),on:{click:c},props:{width:l,placement:i?"left":"",defaultActive:a.headerActive}},f=a.headerList.map((function(t){return e(o.default,{attrs:{icon:t.icon,id:t.id}},[t.title])}));return e(n.default,h,[f])}return null}};t.default=u},91:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=i(92),r=(n=o)&&n.__esModule?n:{default:n};var s={name:"MenuDrawer",inject:["rootMenu"],props:{direction:String,list:Array,activeIndex:String},computed:{visible:function(){var e=this.rootMenu,t=e.menuListVisible,i=e.isVertical;return t&&i},exist:function(){return(this.list||[]).length>1}},render:function(){var e=arguments[0],t=this.list,i=this.visible,n=this.direction,o=void 0===n?"top":n,s=this.activeIndex,u=this.exist;if(!u)return null;var l=this.rootMenu,a=l.navBackgroundColor,c=l.textColor,d=l.hoverBackground,h=l.activeTextColor,f={class:{"menu-drawer":!0,"drawer-top":"top"===o,"is-visible":i},style:{background:a}},v=t.map((function(t){return e(r.default,{attrs:{index:t.id,activeIndex:s,textColor:c,hoverBackground:d,activeTextColor:h}},[e("span",{slot:"title",class:"drawer-item-title"},[t.title])])}));return e("ul",f,[v])},mounted:function(){}};t.default=s},92:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},o={name:"CommonItem",inject:["rootMenu"],props:{index:String,disabled:Boolean,activeIndex:String,hoverBackground:String,activeTextColor:String,textColor:String,collapse:Boolean},computed:{itemStyle:function(){var e=this.active,t=this.disabled,i=this.textColor,n=this.activeTextColor,o=this.hoverBackground;return{color:t?"":e?n:i,backgroundColor:e?o:"",borderLeftColor:e?n:""}},active:function(){return this.index===this.activeIndex}},methods:{handleClick:function(){this.rootMenu&&(this.rootMenu.$emit("change-menu",this.index),this.rootMenu.$emit("slide-toggle-menu-list"))},onMouseEnter:function(){var e=this.$el,t=this.active,i=this.disabled,n=this.hoverBackground;if(!i){var o=e.classList;t||o.add("is-hover"),n&&(e.style.backgroundColor=n)}},onMouseLeave:function(){var e=this.$el,t=this.active;this.disabled||(e.classList.remove("is-hover"),t||(e.style.backgroundColor=""))}},render:function(){var e=arguments[0],t=this.$slots,i=this.disabled,o=this.collapse,r=this.active,s=this.handleClick,u=this.onMouseEnter,l=this.onMouseLeave,a=this.itemStyle,c={class:{"drawer-item":!0,"is-active":r,"is-disabled":i,"is-collapse":o},on:{click:s,mouseenter:u,mouseleave:l},style:n({},a)};return e("li",c,[t.default,t.title])}};t.default=o},93:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},r=i(0),s=i(52),u=(n=s)&&n.__esModule?n:{default:n};function l(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var a={name:"YMenuItem",props:{index:String,disabled:Boolean},mixins:[u.default],computed:{active:function(){return this.index===this.rootMenu.activeIndex},itemStyle:function(){var e=this.active,t=this.forbid,i=this.textColor,n=this.activeTextColor,o=this.hoverBackground;return{color:t?"":e?n:i,backgroundColor:e?o:"",borderLeftColor:e?n:""}},forbid:function(){return this.disabled||this.parentMenu.forbid}},methods:{handleClick:function(){this.$emit("click",this),this.itemClick()},itemClick:function(){this.forbid||this.active||this.rootMenu.$emit("item-click",this)},onMouseEnter:function(){var e=this.$el,t=this.active,i=this.forbid,n=this.hoverBackground;if(!i){var o=e.classList;t||o.add("is-hover"),n&&(e.style.backgroundColor=n)}},onMouseLeave:function(){var e=this.$el,t=this.active;this.forbid||(e.classList.remove("is-hover"),t||(e.style.backgroundColor=""))}},render:function(){var e,t=arguments[0],i=this.$slots,n=this.paddingStyle,s=this.forbid,u=this.collapse,a=this.active,c=this.handleClick,d=this.onMouseEnter,h=this.onMouseLeave,f=this.itemStyle,v=this.isVertical,m=(0,r.getPrefixCls)("menu-item"),p={class:(e={},l(e,""+m,!0),l(e,"is-active",a),l(e,"is-disabled",s),l(e,"is-collapse",u),e),on:{click:c,mouseenter:d,mouseleave:h}};if(v){if(u){var b=o({},p,{style:o({},f)});return t("li",b,[i.default,i.title])}var M=o({},p,{style:o({},f,n)});return t("li",M,[i.default,t("div",{class:m+"-title"},[i.title])])}var g=o({},p,{style:o({},f)});return t("div",g,[t("li",{class:m+"-title"},[i.default,i.title])])},mounted:function(){this.parentMenu.addItem(this),this.rootMenu.addItem(this)},beforeDestroy:function(){this.parentMenu.removeItem(this),this.rootMenu.removeItem(this)}};t.default=a},94:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},o=i(0),r=u(i(52)),s=u(i(1));function u(e){return e&&e.__esModule?e:{default:e}}function l(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var a,c=(a=0,function(e){return""+e+(a+=1)}),d={name:"YSubmenu",componentName:"YSubmenu",props:{index:String,disabled:Boolean},mixins:[r.default],computed:{hasChildren:function(){return(this.$slots.default||[]).length>1},arrowIcon:function(){return this.isVertical?"arrow1_down_wide_linear":""},opened:function(){return this.rootMenu.openedMenus.indexOf(this.index)>-1},forbid:function(){return this.disabled||this.parentMenu.disabled},active:function(){var e=this.index===this.rootMenu.activeIndex,t=this.submenus,i=this.items;return Object.keys(i).forEach((function(t){i[t].active&&(e=!0)})),Object.keys(t).forEach((function(i){t[i].active&&(e=!0)})),e},highlight:function(){return!this.opened&&this.active},fontColor:function(){var e=this.forbid,t=this.active,i=this.collapse,n=this.textColor,o=this.activeTextColor,r=e?"":i&&t?o:n;return{color:r}},itemStyle:function(){var e=this.highlight,t=this.collapse,i=this.active,n=this.forbid,o=this.textColor,r=this.activeTextColor,s=this.hoverBackground;return e||t?{color:n?"":i?r:o,backgroundColor:i?s:"",borderLeft:"6px solid transparent",borderLeftColor:i?r:"transparent",borderRight:"6px solid transparent"}:null},popoutItemStyle:function(){var e=this.active,t=this.forbid,i=this.textColor,n=this.activeTextColor,o=this.hoverBackground;return{color:t?"":e?n:i,backgroundColor:e?o:""}}},data:function(){return{items:{},submenus:{},dropVisible:!1,subMenuId:c("y-submenu-"),timeout:null,showTimeout:300}},watch:{collapse:function(e){if(!e){var t=this.$el,i=this.subMenuId,n=document.getElementById(i);this.hideUl(),n&&t.appendChild(n)}}},methods:{subMenuClick:function(){this.hasChildren?this.isVertical&&this.rootMenu.$emit("submenu-click",this):this.rootMenu.$emit("item-click",this)},addItem:function(e){this.$set(this.items,e.index,e)},removeItem:function(e){delete this.items[e.index]},addSubmenu:function(e){this.$set(this.submenus,e.index,e)},removeSubmenu:function(e){delete this.submenus[e.index]},appendBody:function(){var e=this,t=this.$el,i=this.collapse,n=this.isVertical,o=this.subMenuId,r=this.timeout,s=this.hasChildren,u=this.showTimeout,l=this.parentMenu;clearTimeout(r),s&&(this.timeout=setTimeout((function(){if(i||!n){e.dropVisible=!0;var r=document.body,s=document.getElementById(o),u=t.children[1],a=t.getBoundingClientRect().left,c=document.documentElement.scrollTop+t.getBoundingClientRect().top+61;n&&(a+=80,c-=61),u?"YMenu"===l.$options.componentName?(u.style.top=c+"px",u.style.left=a+"px",u.style.marginLeft="8px",u.id=o,r.appendChild(u)):(u.style.left="100%",u.style.top="36px"):(s.style.top=c+"px",s.style.left=a+"px")}}),u))},hideUl:function(){var e=this,t=this.timeout,i=this.showTimeout;clearTimeout(t),this.timeout=setTimeout((function(){e.dropVisible=!1}),i)},handleTitleMouseenter:function(){var e=this.$refs,t=this.forbid,i=this.hoverBackground;if(!t){var n=e["submenu-title"];n&&(n.style.backgroundColor=i);var o=n.classList;i||o.add("is-hover")}},handleTitleMouseleave:function(){var e=this.$refs,t=this.forbid,i=this.active,n=this.hasChildren,o=this.collapse,r=this.opened,s=this.hoverBackground;if(!(t||i&&!n||o&&i||!r&&i)){var u=e["submenu-title"];u&&(u.style.backgroundColor="");var l=u.classList;s||l.remove("is-hover")}}},render:function(){var e,t=arguments[0],i=this.$slots,r=this.paddingStyle,u=this.isVertical,a=this.highlight,c=this.forbid,d=this.opened,h=void 0!==d&&d,f=this.arrowIcon,v=this.hasChildren,m=this.active,p=this.collapse,b=this.dropVisible,M=this.appendBody,g=this.hideUl,y=this.subMenuClick,x=this.fontColor,C=this.itemStyle,k=this.handleTitleMouseenter,_=this.handleTitleMouseleave,S=(0,o.getPrefixCls)("submenu"),$={"is-disabled":c,"is-collapse":p},w={class:n(l({},""+S,!0),$)},O=(l(e={},S+"-title",!0),l(e,"is-active",m&&(p||a||!u)),e);if(u){if(p){var j,I={class:(j={},l(j,S+"-popup",!0),l(j,"popup-visible",b),j),style:{position:"absolute"},on:{mouseenter:M,mouseleave:g}},P=v?t("ul",I,[i.default]):null;return t("div",n({},w,{on:{mouseenter:M,mouseleave:g}}),[t("li",{ref:"submenu-title",class:O,on:{click:y,mouseenter:k,mouseleave:_},style:C},[i.title]),P])}var L=v?t(s.default,{attrs:{name:f},class:{rotate:h}}):null;return t("div",w,[t("div",{ref:"submenu-title",class:O,style:[r,x,C],on:{click:y,mouseenter:k,mouseleave:_}},[i.title,L]),t("ul",{class:[S+"-ul",{"is-opened":h}]},[i.default])])}var B,V={class:(B={},l(B,S+"-popup",!0),l(B,"popup-visible",b),l(B,"is-horizontal",!0),B),style:{position:"absolute"},on:{click:y,mouseenter:M,mouseleave:g}},T=v?t("ul",V,[i.default]):null;return t("div",n({},w,{on:{mouseenter:M,mouseleave:g}}),[t("li",{ref:"submenu-title",class:O,on:{click:y,mouseenter:k,mouseleave:_}},[i.title]),T])},mounted:function(){this.hasChildren?(this.parentMenu.addSubmenu(this),this.rootMenu.addSubmenu(this)):(this.parentMenu.addItem(this),this.rootMenu.addItem(this))},beforeDestroy:function(){this.hasChildren?(this.parentMenu.removeSubmenu(this),this.rootMenu.removeSubmenu(this)):(this.parentMenu.removeItem(this),this.rootMenu.removeItem(this))}};t.default=d}});