| 123 |
- import{c as O,D as P,u as V,o as j,e as F,_ as N}from"./index.72328493.js";import{M as R,f as U,j as W,s as k,aD as Y,a3 as q,p as K,K as Z,m as G,aL as J,am as i,o as r,a as d,_ as a,U as l,F as L,ad as Q,T as y,b as C,Z as m,u as X,af as ee,Y as g,a8 as S,n as te}from"./vue.aade88c7.js";const ne={class:"el-menu-horizontal-warp"},se=R({name:"navMenuHorizontal"}),oe=R({...se,props:{menuList:{type:Array,default:()=>[]}},setup(M){const v=M,z=U(()=>O(()=>import("./subItem.38969802.js"),["./subItem.38969802.js","./vue.aade88c7.js","./index.72328493.js","./index.b5b78cd7.css","./subItem.8f9e68ee.css"],import.meta.url)),c=W(),A=P(),D=V(),{routesList:$}=k(A),{themeConfig:p}=k(D),b=Y(),u=q({defaultActive:""}),w=K(()=>v.menuList),x=n=>{const e=n.wheelDelta||-n.deltaY*40;c.value.$refs.wrapRef.scrollLeft=c.value.$refs.wrapRef.scrollLeft+e/4},H=()=>{te(()=>{let n=document.querySelector(".el-menu.el-menu--horizontal li.is-active");if(!n)return!1;c.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 _($.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")u.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)?u.defaultActive=o.splice(0,3).join("/"):u.defaultActive=e}},B=n=>{j.handleOpenLink(n)};return Z(()=>{h(b)}),G(()=>{H()}),J(n=>{h(n);let{layout:e,isClassicSplitMenu:t}=p.value;e==="classic"&&t&&F.emit("setSendClassicChildren",T(n.path))}),(n,e)=>{const t=i("SvgIcon"),o=i("el-sub-menu"),f=i("el-menu-item"),I=i("el-menu"),E=i("el-scrollbar");return r(),d("div",ne,[a(E,{onWheel:S(x,["prevent"]),ref_key:"elMenuHorizontalScrollRef",ref:c},{default:l(()=>[a(I,{router:"","default-active":u.defaultActive,ellipsis:!1,"background-color":"transparent",mode:"horizontal"},{default:l(()=>[(r(!0),d(L,null,Q(w.value,s=>(r(),d(L,null,[s.children&&s.children.length>0?(r(),y(o,{index:s.path,key:s.path},{title:l(()=>[a(t,{name:s.meta.icon},null,8,["name"]),C("span",null,m(n.$t(s.meta.title)),1)]),default:l(()=>[a(X(z),{chil:s.children},null,8,["chil"])]),_:2},1032,["index"])):(r(),y(f,{index:s.path,key:s.path},ee({_:2},[!s.meta.isLink||s.meta.isLink&&s.meta.isIframe?{name:"title",fn:l(()=>[a(t,{name:s.meta.icon},null,8,["name"]),g(" "+m(n.$t(s.meta.title)),1)]),key:"0"}:{name:"title",fn:l(()=>[C("a",{class:"w100",onClick:S(ae=>B(s),["prevent"])},[a(t,{name:s.meta.icon},null,8,["name"]),g(" "+m(n.$t(s.meta.title)),1)],8,["onClick"])]),key:"1"}]),1032,["index"]))],64))),256))]),_:1},8,["default-active"])]),_:1},8,["onWheel"])])}}});const re=N(oe,[["__scopeId","data-v-161df1d0"]]);export{re as default};
- //# sourceMappingURL=horizontal.09e32d32.js.map
|
