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