horizontal.a55d25fa.js 3.1 KB

1
  1. import{W as I,u as O,_ as P,o as V,e as j}from"./index.59c4c6ab.js";import{_ as F}from"./index.vue_vue_type_script_setup_true_name_svgIcon_lang.e691ccda.js";import{d as N,r as U,aD as k,aC as W,Z as q,k as Y,E as Z,j as G,aL as J,ai as u,o as i,c as m,U as a,O as l,F as C,a8 as K,M as L,a as y,T as d,u as Q,aa as X,S,a2 as g,aA as ee,n as te}from"./vue.86c1cb21.js";import{_ as ne}from"./_plugin-vue_export-helper.c27b6911.js";import"./elementPlus.8e650391.js";const se={class:"el-menu-horizontal-warp"},oe=["onClick"],ae=N({__name:"horizontal",props:{menuList:{type:Array,default:()=>[]}},setup(R){const A=ee(()=>P(()=>import("./subItem.d0621d17.js"),["assets/subItem.d0621d17.js","assets/index.vue_vue_type_script_setup_true_name_svgIcon_lang.e691ccda.js","assets/vue.86c1cb21.js","assets/index.59c4c6ab.js","assets/elementPlus.8e650391.js","assets/index.css"])),$=R,r=U(),z=I(),M=O(),{routesList:w}=k(z),{themeConfig:p}=k(M),x=W(),c=q({defaultActive:""}),D=Y(()=>$.menuList),b=n=>{const e=n.wheelDelta||-n.deltaY*40;r.value.$refs.wrapRef.scrollLeft=r.value.$refs.wrapRef.scrollLeft+e/4},v=()=>{te(()=>{let n=document.querySelector(".el-menu.el-menu--horizontal li.is-active");if(!n)return!1;r.value.$refs.wrapRef.scrollLeft=n.offsetLeft})},_=n=>n.filter(e=>{var t;return!((t=e.meta)!=null&&t.isHide)}).map(e=>(e=Object.assign({},e),e.children&&(e.children=_(e.children)),e)),T=n=>{const e=n.split("/");let t={children:[]};return _(w.value).map((o,f)=>{o.path===`/${e[1]}`&&(o.k=f,t.item={...o},t.children=[{...o}],o.children&&(t.children=o.children))}),t},h=n=>{const{path:e,meta:t}=n;if(p.value.layout==="classic")c.defaultActive=`/${e==null?void 0:e.split("/")[1]}`;else{const o=t!=null&&t.isDynamic?t.isDynamicPath.split("/"):e.split("/");o.length>=4&&(t!=null&&t.isHide)?c.defaultActive=o.splice(0,3).join("/"):c.defaultActive=e}},B=n=>{V.handleOpenLink(n)};return Z(()=>{h(x)}),G(()=>{v()}),J(n=>{h(n);let{layout:e,isClassicSplitMenu:t}=p.value;e==="classic"&&t&&j.emit("setSendClassicChildren",T(n.path))}),(n,e)=>{const t=F,o=u("el-sub-menu"),f=u("el-menu-item"),E=u("el-menu"),H=u("el-scrollbar");return i(),m("div",se,[a(H,{onWheel:g(b,["prevent"]),ref_key:"elMenuHorizontalScrollRef",ref:r},{default:l(()=>[a(E,{router:"","default-active":c.defaultActive,ellipsis:!1,"background-color":"transparent",mode:"horizontal"},{default:l(()=>[(i(!0),m(C,null,K(D.value,s=>(i(),m(C,null,[s.children&&s.children.length>0?(i(),L(o,{index:s.path,key:s.path},{title:l(()=>[a(t,{name:s.meta.icon},null,8,["name"]),y("span",null,d(n.$t(s.meta.title)),1)]),default:l(()=>[a(Q(A),{chil:s.children},null,8,["chil"])]),_:2},1032,["index"])):(i(),L(f,{index:s.path,key:s.path},X({_:2},[!s.meta.isLink||s.meta.isLink&&s.meta.isIframe?{name:"title",fn:l(()=>[a(t,{name:s.meta.icon},null,8,["name"]),S(" "+d(n.$t(s.meta.title)),1)]),key:"0"}:{name:"title",fn:l(()=>[y("a",{class:"w100",onClick:g(le=>B(s),["prevent"])},[a(t,{name:s.meta.icon},null,8,["name"]),S(" "+d(n.$t(s.meta.title)),1)],8,oe)]),key:"1"}]),1032,["index"]))],64))),256))]),_:1},8,["default-active"])]),_:1},512)])}}});const me=ne(ae,[["__scopeId","data-v-78313002"]]);export{me as default};