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.7 KiB
2 lines
2.7 KiB
import{BasicDrawer as B}from"./index-848ab16a.js";import{d as S,aD as I,eB as v,aC as O,eD as x,f as p,u as t,bl as A,b as e,aP as F,e as k,F as P,eL as $,eM as G,eN as N,bY as U,aT as W,aU as c,o as Y,g as z}from"./index-f4658ae7.js";import{D as o}from"./index-0e56c5c3.js";import{SettingFooter as V,TypePicker as j,ThemeColorPicker as l}from"./index-856b5e6c.js";import{useHeaderSetting as q}from"./useHeaderSetting-4c2cac7e.js";import{baseHandler as J}from"./handler-2676756d.js";import{menuTypeList as K,HandlerEnum as i}from"./enum-714e44d2.js";import{useDrawer as Q}from"./useDrawer-0120eea1.js";import"./BasicDrawer-1a509b7e.js";import"./index-eb3034da.js";import"./DrawerFooter-7408f1e2.js";import"./props-34b32f69.js";import"./DrawerHeader-981d4000.js";import"./ArrowLeftOutlined-f214e093.js";const{t:a}=k(),X=S({name:"SettingDrawer",setup(r,{attrs:n}){const{getContentMode:T,getShowFooter:f,getShowBreadCrumb:M,getShowBreadCrumbIcon:_,getShowLogo:u,getFullContent:g,getColorWeak:h,getGrayMode:te,getLockTime:ne,getShowDarkModeToggle:re,getThemeColor:C}=I();v();const{getIsHorizontal:d,getShowMenu:w,getMenuType:E,getTrigger:oe,getCollapsedShowTitle:ae,getMenuFixed:ie,getCollapsed:se,getCanDrag:le,getTopMenuAlign:ue,getAccordion:ge,getMenuWidth:de,getMenuBgColor:D,getIsTopMenu:me,getSplit:pe,getIsMixSidebar:ce,getCloseMixSidebarOnChange:Se,getMixSideTrigger:Te,getMixSideFixed:fe}=O(),{getShowHeader:Me,getFixed:_e,getHeaderBgColor:L,getShowSearch:he}=q();x(),p(()=>t(w)&&!t(d));function H(){return e(P,null,[e(j,{menuTypeList:K,handler:s=>{J(i.CHANGE_LAYOUT,{mode:s.mode,type:s.type,split:t(d)?!1:void 0})},def:t(E)},null)])}function b(){return e(l,{colorList:$,def:t(L),event:i.HEADER_THEME},null)}function y(){return e(l,{colorList:G,def:t(D),event:i.MENU_THEME},null)}function R(){return e(l,{colorList:N,def:t(C),event:i.CHANGE_THEME_COLOR},null)}const m=p(()=>!A().path.startsWith("/Middle"));return()=>e(B,F(n,{title:a("layout.setting.drawerTitle"),width:330,class:"setting-drawer"}),{default:()=>[m.value?e(o,null,{default:()=>a("layout.setting.navMode")}):e("br",null,null),m.value?H():e("br",null,null),e(o,null,{default:()=>a("layout.setting.sysTheme")}),R(),e(o,null,{default:()=>a("layout.setting.headerTheme")}),b(),e(o,null,{default:()=>a("layout.setting.sidebarTheme")}),y(),e(o,null,null),e(V,null,null)]})}}),Z=S({name:"SettingButton",components:{SettingDrawer:X,Icon:U},setup(){const[r,{openDrawer:n}]=Q();return{register:r,openDrawer:n}}});function ee(r,n,T,f,M,_){const u=c("Icon"),g=c("SettingDrawer");return Y(),z("div",{onClick:n[0]||(n[0]=h=>r.openDrawer(!0))},[e(u,{icon:"ion:settings-outline"}),e(g,{onRegister:r.register},null,8,["onRegister"])])}const Ae=W(Z,[["render",ee]]);export{Ae as default};
|