theme.1706205343582.js 4.0 KB

1
  1. import{u as e,r as a,b as l,c as t,d as s,e as o,j as n,k as i,h as m,a1 as c,V as d,ai as u,ag as g,a2 as f,aj as h}from"./index.1706205343582.js";const r={class:"theme-control space-y-2"},p={class:"labelItem"},b=["src"],k={class:"labelItem"},C={class:"labelItem h-11"},V=o("span",{class:"flex-shrink-0"},"背景模糊",-1),v={class:"labelItem h-11"},x=o("span",{class:"flex-shrink-0"},"开启底部快捷方式",-1),I={class:"labelItem h-11"},U=o("span",{class:"flex-shrink-0"},"时钟字体颜色",-1),w={class:"ml-auto"},y={class:"labelItem h-11"},_=o("span",{class:"flex-shrink-0"},"图标大小",-1),T={class:"labelItem h-11"},j=o("span",{class:"flex-shrink-0"},"图标背景",-1),z={class:"labelItem h-11"},B=o("span",{class:"flex-shrink-0"},"图标圆角大小",-1),L={class:"labelItem h-11"},R=o("span",{class:"flex-shrink-0"},"标签Tooltip文字提示",-1),W={__name:"theme",setup(W){const E=e(),M=()=>{window.open(E.state.config.theme.backgroundImage)},P=a(""),q=e=>{1===e.code&&(E.state.config.theme.backgroundImage=e.data.url,E.commit("updateConfig"))},A=e=>{E.commit("updateConfig"),u(e)},D=e=>{g("--iconWidth",E.state.config.theme.iconWidth+"px"),E.commit("updateConfig")},F=e=>{E.commit("updateConfig")},G=()=>{f.prompt("设置您的背景图片网络地址","背景设置",{confirmButtonText:"设置",cancelButtonText:"取消",inputErrorMessage:"请填写图片URL"}).then((({value:e})=>{e&&""!==e&&(E.state.config.theme.backgroundImage=e,E.commit("updateConfig"))})).catch((()=>{}))},H=()=>{E.state.config.theme.backgroundImage=h.theme.backgroundImage,E.commit("updateConfig")};return(e,a)=>{var u,g;const f=l("el-button"),h=l("el-upload"),W=l("el-slider"),J=l("el-switch"),K=l("el-color-picker");return t(),s("div",r,[o("div",p,[o("img",{class:"rounded-lg w-full",style:{"aspect-ratio":"10 / 5.625","object-fit":"cover"},ref_key:"image",ref:P,src:null==(g=null==(u=n(E).state.config)?void 0:u.theme)?void 0:g.backgroundImage,alt:"壁纸"},null,8,b)]),o("div",k,[i(h,{class:"upload-demo",headers:{Purpose:"background"},"show-file-list":!1,"on-success":q,action:n(d)+n(E).state.site.upload},{default:m((()=>[i(f,{size:"small",class:"bg-blue-400 mr-2.5",type:"primary"},{default:m((()=>[c("上传")])),_:1})])),_:1},8,["action"]),i(f,{size:"small",type:"danger",class:"bg-pink-400",onClick:M},{default:m((()=>[c(" 下载 ")])),_:1}),i(f,{size:"small",type:"success",onClick:G},{default:m((()=>[c(" 填写URL ")])),_:1}),i(f,{size:"small",type:"info",class:"bg-slate-600",onClick:H},{default:m((()=>[c(" 默认 ")])),_:1})]),o("div",C,[V,i(W,{class:"w-full ml-3",onChange:a[0]||(a[0]=e=>n(E).commit("updateConfig")),max:20,modelValue:n(E).state.config.theme.blur,"onUpdate:modelValue":a[1]||(a[1]=e=>n(E).state.config.theme.blur=e)},null,8,["modelValue"])]),o("div",v,[x,i(J,{onChange:a[2]||(a[2]=e=>n(E).commit("updateConfig")),modelValue:n(E).state.config.theme.tabbar,"onUpdate:modelValue":a[3]||(a[3]=e=>n(E).state.config.theme.tabbar=e),class:"ml-auto"},null,8,["modelValue"])]),o("div",I,[U,o("div",w,[i(K,{modelValue:n(E).state.config.theme.timeColor,"onUpdate:modelValue":a[4]||(a[4]=e=>n(E).state.config.theme.timeColor=e),onChange:F},null,8,["modelValue"])])]),o("div",y,[_,i(W,{class:"w-full ml-3",onChange:D,max:80,min:60,modelValue:n(E).state.config.theme.iconWidth,"onUpdate:modelValue":a[5]||(a[5]=e=>n(E).state.config.theme.iconWidth=e)},null,8,["modelValue"])]),o("div",T,[j,i(J,{onChange:a[6]||(a[6]=e=>n(E).commit("updateConfig")),modelValue:n(E).state.config.theme.iconBg,"onUpdate:modelValue":a[7]||(a[7]=e=>n(E).state.config.theme.iconBg=e),class:"ml-auto"},null,8,["modelValue"])]),o("div",z,[B,i(W,{class:"w-full ml-3",onChange:A,min:6,max:20,modelValue:n(E).state.config.theme.iconRadius,"onUpdate:modelValue":a[8]||(a[8]=e=>n(E).state.config.theme.iconRadius=e)},null,8,["modelValue"])]),o("div",L,[R,i(J,{onChange:a[9]||(a[9]=e=>n(E).commit("updateConfig")),modelValue:n(E).state.config.theme.LinkTitle,"onUpdate:modelValue":a[10]||(a[10]=e=>n(E).state.config.theme.LinkTitle=e),class:"ml-auto"},null,8,["modelValue"])])])}}};export{W as default};