2 lines
3.7 KiB
JavaScript
2 lines
3.7 KiB
JavaScript
import{d as U,v as V,H as $,x as D,f as u,o as r,l as v,w as s,u as e,a,j as l,g as c,c as m,G as S,y as T,M as b,t as j,C as w}from"./index-pLCd18JB.js";import{M as G}from"./MenuStore-yhDzxnb1.js";import{S as H}from"./SettingsStore-hBedlOcG.js";import{_ as z}from"./AppIcon.vue_vue_type_script_setup_true_lang-g-7BETdr.js";import{_ as I}from"./_plugin-vue_export-helper-x3n3nnut.js";const E={class:"mt-24 text-center",style:{display:"flex","justify-content":"center","align-items":"center","flex-wrap":"nowrap"}},F={class:"hzy-skin-list mb-5 text-center"},q=["onClick"],A={class:"mt-24 text-center"},J={class:"hzy-skin-list mb-5 text-center"},K={class:"mt-24 text-center"},O={class:"hzy-skin-list mb-5 text-center"},Q=["onClick"],R={key:1,class:"mt-24 text-center"},W=U({__name:"LayoutSettings",setup(X){const h=V(),k=G(),g=$(),x=H(),n=D();function M(_,t){let i;return(...d)=>{clearTimeout(i),i=setTimeout(()=>_.apply(this,d),t)}}const C=M(_=>{n.changeColorPrimary(_)},1e3);return(_,t)=>{const i=u("a-divider"),d=u("a-button"),p=u("a-input"),B=u("a-space"),f=u("a-radio"),P=u("a-radio-group"),L=u("a-drawer");return r(),v(L,{class:"hzy-settings",placement:"right",width:"350px",closable:!1,open:e(x).state.show,"onUpdate:open":t[7]||(t[7]=o=>e(x).state.show=o)},{default:s(()=>[a(i,null,{default:s(()=>[l("白昼 / 黑夜")]),_:1}),c("div",E,[c("div",{onClick:t[0]||(t[0]=o=>e(n).changeTheme(!e(n).state.isDark)),style:{width:"80px",height:"80px","text-align":"center",cursor:"pointer"}},[e(n).state.isDark?(r(),v(z,{key:0,name:"MoonNight",size:16,style:{color:"white"}})):(r(),v(z,{key:1,name:"Sunny",size:16}))])]),a(i,null,{default:s(()=>[l("品牌色")]),_:1}),c("div",F,[(r(!0),m(b,null,S(e(n).colorPrimaryList,(o,y)=>(r(),m("div",{key:y,class:"hzy-skin-item",style:T({backgroundColor:o.colorPrimary}),onClick:N=>e(n).changeColorPrimary(o)},null,12,q))),128))]),a(d,{block:"",onClick:t[1]||(t[1]=o=>e(g).changeUseColorPrimary())},{default:s(()=>[l(j(e(g).state.useColorPrimary?"头部不使用品牌色":"头部使用品牌色"),1)]),_:1}),a(i,null,{default:s(()=>[l("基础文本 / 基础背景颜色")]),_:1}),c("div",A,[c("div",J,[a(B,null,{default:s(()=>[a(d,{type:"link"},{default:s(()=>[l("基础背景色")]),_:1}),a(p,{value:e(n).state.tokenTheme.colorBgBase,"onUpdate:value":t[2]||(t[2]=o=>e(n).state.tokenTheme.colorBgBase=o)},null,8,["value"]),a(p,{type:"color",value:e(n).state.tokenTheme.colorBgBase,onChange:t[3]||(t[3]=o=>e(C)({colorBgBase:o.target.value})),style:{width:"80px"}},null,8,["value"])]),_:1}),a(B,{class:"mt-5"},{default:s(()=>[a(d,{type:"link"},{default:s(()=>[l("基础文本色")]),_:1}),a(p,{value:e(n).state.tokenTheme.colorTextBase,"onUpdate:value":t[4]||(t[4]=o=>e(n).state.tokenTheme.colorTextBase=o)},null,8,["value"]),a(p,{type:"color",value:e(n).state.tokenTheme.colorTextBase,onChange:t[5]||(t[5]=o=>e(C)({colorTextBase:o.target.value})),style:{width:"80px"}},null,8,["value"])]),_:1})])]),a(i,null,{default:s(()=>[l("菜单颜色")]),_:1}),c("div",K,[c("div",O,[(r(!0),m(b,null,S(e(n).menuThemeList,(o,y)=>(r(),m("div",{key:y,class:"hzy-skin-item",style:T([{border:"1px solid #67c23a"},{backgroundColor:o.colorItemBg}]),onClick:N=>e(n).changeMenuTheme(y)},null,12,Q))),128))])]),e(h).state.isMobile?w("",!0):(r(),v(i,{key:0},{default:s(()=>[l("菜单栏模式")]),_:1})),e(h).state.isMobile?w("",!0):(r(),m("div",R,[a(P,{name:"radioGroup",defaultValue:"1",value:e(k).state.menuMode,"onUpdate:value":t[6]||(t[6]=o=>e(k).state.menuMode=o)},{default:s(()=>[a(f,{value:"1"},{default:s(()=>[l("默认")]),_:1}),a(f,{value:"2"},{default:s(()=>[l("顶部")]),_:1}),a(f,{value:"3"},{default:s(()=>[l("左侧")]),_:1})]),_:1},8,["value"])]))]),_:1},8,["open"])}}}),ae=I(W,[["__scopeId","data-v-19df40c2"]]);export{ae as default};
|