You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
2.9 KiB
2 lines
2.9 KiB
import{d as F,et as A,r as S,aC as H,m as P,cc as V,f as o,u as t,aE as j,ce as y,a8 as q,aT as z,aU as a,o as M,g as T,s as C,v as B,a9 as O,i as U,b as g,bq as G,w,aP as J,F as K}from"./index-f4658ae7.js";import{_ as Q}from"./index.vue_vue_type_style_index_0_lang-dde1b35f.js";import L from"./index-a9188ff1.js";import{useTrigger as X,useDragLine as Y,useSiderEvent as Z}from"./useLayoutSider-669e7ecd.js";import x from"./DragBar-a8133737.js";import"./BasicMenu-9f2aa71f.js";import"./BasicSubMenuItem-c36b7cc8.js";import"./props-423fa451.js";import"./BasicMenuItem-49d391a1.js";import"./MenuItemContent-d6146a35.js";import"./useOpenKeys-4fc3b1b0.js";import"./SimpleMenu-89e7c4ba.js";import"./Menu-92f46a5c.js";import"./useSimpleMenuContext-8e83f8e2.js";import"./SimpleSubMenu-85d1d86e.js";import"./MenuItem-d816c82b.js";import"./useMenu-0528c2f2.js";import"./SubMenuItem-aaf71495.js";import"./useOpenKeys-63d6d809.js";import"./SimpleMenuTag.vue_vue_type_script_lang-a44ed489.js";import"./useLayoutMenu-f6cd7ae7.js";import"./HeaderTrigger-805c863b.js";import"./MenuUnfoldOutlined-9166492e.js";const ee=F({name:"LayoutSideBar",components:{Sider:A.Sider,LayoutMenu:Q,DragBar:x,LayoutTrigger:L},setup(){const e=S(null),l=S(null),{getCollapsed:c,getMenuWidth:h,getSplit:r,getMenuTheme:f,getRealWidth:p,getMenuHidden:d,getMenuFixed:n,getIsMixMode:m,toggleCollapsed:v}=H(),{prefixCls:i}=P("layout-sideBar"),{getIsMobile:u}=V(),{getTriggerAttr:_,getShowTrigger:k}=X(u);Y(l,e);const{getCollapsedWidth:W,onBreakpointChange:$}=Z(),D=o(()=>t(r)?j.INLINE:null),E=o(()=>t(r)?y.LEFT:y.NONE),R=o(()=>t(r)?!t(d):!0),b=o(()=>[i,{[`${i}--fixed`]:t(n),[`${i}--mix`]:t(m)&&!t(u)}]),I=o(()=>{const s=`${t(p)}px`;return{width:s,overflow:"hidden",flex:`0 0 ${s}`,maxWidth:s,minWidth:s,transition:"all 0.2s"}}),N=q(L);return{prefixCls:i,sideRef:l,dragBarRef:e,getIsMobile:u,getHiddenDomStyle:I,getSiderClass:b,getTrigger:N,getTriggerAttr:_,getCollapsedWidth:W,getMenuFixed:n,showClassSideBarRef:R,getMenuWidth:h,getCollapsed:c,getMenuTheme:f,onBreakpointChange:$,getMode:D,getSplitType:E,getShowTrigger:k,toggleCollapsed:v}}});function te(e,l,c,h,r,f){const p=a("LayoutTrigger"),d=a("LayoutMenu"),n=a("DragBar"),m=a("Sider");return M(),T(K,null,[e.getMenuFixed&&!e.getIsMobile?C((M(),T("div",{key:0,style:O(e.getHiddenDomStyle)},null,4)),[[B,e.showClassSideBarRef]]):U("",!0),C(g(m,J({ref:"sideRef",breakpoint:"lg",collapsible:"",class:e.getSiderClass,width:e.getMenuWidth,collapsed:e.getCollapsed,collapsedWidth:e.getCollapsedWidth,theme:e.getMenuTheme,onBreakpoint:e.onBreakpointChange,trigger:e.getTrigger},e.getTriggerAttr),G({default:w(()=>[g(d,{theme:e.getMenuTheme,menuMode:e.getMode,splitType:e.getSplitType},null,8,["theme","menuMode","splitType"]),g(n,{ref:"dragBarRef"},null,512)]),_:2},[e.getShowTrigger?{name:"trigger",fn:w(()=>[g(p)]),key:"0"}:void 0]),1040,["class","width","collapsed","collapsedWidth","theme","onBreakpoint","trigger"]),[[B,e.showClassSideBarRef]])],64)}const ve=z(ee,[["render",te]]);export{ve as default};
|