@wetspace/pro-components
Version:
::: tip 基本介绍
2 lines (1 loc) • 4.62 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("element-plus"),i=require("../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.12_typescript@5.4.2_/node_modules/@element-plus/icons-vue/dist/index.js"),h=require("./xmenu.vue.js"),C=require("./ymenu.vue.js"),y=require("./person.vue.js"),B=require("./types.js"),x={key:0},E={key:1},g={class:"ymenu-wrapper"},N={key:0},S={key:1},V={class:"header-menus-wrapper"},w={style:{flex:"1"}},z={class:"header-tools-wrapper"},$={style:{"margin-right":"20px"}},M=e.defineComponent({__name:"index",props:B.proLayoutProps,emits:["logout","menuClick"],setup(m,{emit:p}){const s=o.useNamespace("pro-layout"),f=e.useSlots(),l=m,c=p,a=e.shallowRef(!1),v=e.computed(()=>[{label:"退出登录",icon:i.SwitchButton,action(){c("logout")}},...(l.avatarActions||[]).map(t=>({...t,iconSrc:typeof t.icon=="string"?t.icon:""}))]),r=e.computed(()=>({...{iconSize:16,menus:[]},...l.headerMenus})),n=e.computed(()=>({...{iconSize:16,menus:[],isCollapse:!1,maxWidth:300,minWidth:84},...l.asideMenus})),_=e.computed(()=>{var t;return(t=l.asideMenus)==null?void 0:t.isCollapse});e.watch(_,t=>{a.value=!!t},{immediate:!0,deep:!0});const k=()=>{a.value=!a.value},u=t=>{c("menuClick",t)};return(t,q)=>(e.openBlock(),e.createBlock(e.unref(o.ElContainer),{class:e.normalizeClass([e.unref(s).b()]),style:e.normalizeStyle({"--wet-pro-layout-aside-width":a.value?`${n.value.minWidth}px`:`${n.value.maxWidth}px`})},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElAside),{class:e.normalizeClass([e.unref(s).e("aside"),e.unref(s).is("fixed",n.value.fixed),l.asideClass])},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElHeader),{class:e.normalizeClass([e.unref(s).e("logo")])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"logo",{collapse:a.value},()=>[a.value?(e.openBlock(),e.createElementBlock("h1",E,e.toDisplayString(l.title[0]),1)):(e.openBlock(),e.createElementBlock("h1",x,e.toDisplayString(l.title),1))])]),_:3},8,["class"]),e.createElementVNode("div",g,[e.createVNode(C.default,{"icon-size":n.value.iconSize,"is-collapse":a.value,active:n.value.active,menus:n.value.menus,onMenuClick:u},null,8,["icon-size","is-collapse","active","menus"])]),e.createElementVNode("div",null,[e.renderSlot(t.$slots,"aside-tools")])]),_:3},8,["class"]),n.value.fixed?(e.openBlock(),e.createBlock(e.unref(o.ElAside),{key:0,class:e.normalizeClass([e.unref(s).e("aside"),l.asideClass])},null,8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(o.ElContainer),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElHeader),{class:e.normalizeClass([e.unref(s).e("header"),e.unref(s).is("fixed",r.value.fixed),e.unref(s).is("aside-fixed",n.value.fixed),l.headerClass])},{default:e.withCtx(()=>{var d;return[!n.value.fixed&&r.value.fixed?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(s).e("logo")])},[e.renderSlot(t.$slots,"logo",{collapse:a.value},()=>[a.value?(e.openBlock(),e.createElementBlock("h1",S,e.toDisplayString(l.title[0]),1)):(e.openBlock(),e.createElementBlock("h1",N,e.toDisplayString(l.title),1))])],2)):e.createCommentVNode("",!0),e.createVNode(e.unref(o.ElButton),{link:"",style:{"margin-left":"20px"},onClick:k},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ElIcon),null,{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createBlock(e.unref(i.Expand),{key:1})):(e.openBlock(),e.createBlock(e.unref(i.Fold),{key:0}))]),_:1})]),_:1}),e.createElementVNode("div",V,[e.createElementVNode("div",w,[e.renderSlot(t.$slots,"header",{},()=>[e.createVNode(h.default,{active:r.value.active,"icon-size":r.value.iconSize,menus:r.value.menus,onMenuClick:u},null,8,["active","icon-size","menus"])])]),e.createElementVNode("div",z,[l.backtop?(e.openBlock(),e.createBlock(e.unref(o.ElBacktop),{key:0})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"header-tools")])]),e.createElementVNode("div",$,[e.createVNode(y.default,{nickname:(d=l.avatar)==null?void 0:d.nickname,"more-actions":v.value},null,8,["nickname","more-actions"])])]}),_:3},8,["class"]),r.value.fixed?(e.openBlock(),e.createBlock(e.unref(o.ElHeader),{key:0,class:e.normalizeClass([e.unref(s).e("header")])},null,8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(o.ElMain),{style:{padding:"0"}},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3}),e.unref(f).footer?(e.openBlock(),e.createBlock(e.unref(o.ElFooter),{key:1},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)]),_:3})]),_:3},8,["class","style"]))}});exports.default=M;