| 1234 |
- /*!
- Build based on gin-vue-admin
- Time : 1757946830000 */
- import{M as a,N as e,O as l,g as r,c as t,o as s,b as o,F as n,I as d,a0 as u,n as i,f as c,w as g,i as m,a1 as y,C as p,ar as v,as as x,at as b}from"./index.DlqNVRUO.js";const f={class:"flex justify-center"},k={class:"inline-flex bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-1 gap-1"},h=["onClick"],C={class:"text-xs font-medium"},V=Object.assign({name:"ThemeModeSelector"},{__name:"themeModeSelector",props:{modelValue:{type:String,default:"auto"}},emits:["update:modelValue"],setup(V,{emit:j}){const w=j,M=a(),{config:S}=e(M),_=l(()=>S.value.primaryColor),O=[{value:"light",label:"浅色",icon:v},{value:"dark",label:"深色",icon:x},{value:"auto",label:"跟随系统",icon:b}];return(a,e)=>{const l=r("el-icon");return s(),t("div",f,[o("div",k,[(s(),t(n,null,d(O,a=>o("div",{key:a.value,class:i(["flex flex-col items-center justify-center px-4 py-3 rounded-md cursor-pointer transition-all duration-150 ease-in-out min-w-[64px]",[V.modelValue===a.value?"text-white shadow-sm transform -translate-y-0.5":"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700"]]),style:u(V.modelValue===a.value?{backgroundColor:_.value}:{}),onClick:e=>(a=>{w("update:modelValue",a)})(a.value)},[c(l,{class:"text-lg mb-1"},{default:g(()=>[(s(),m(y(a.icon)))]),_:2},1024),o("span",C,p(a.label),1)],14,h)),64))])])}}});export{V as default};
|
