2 lines
916 B
JavaScript
2 lines
916 B
JavaScript
import{o as m,cn as x,q as t,r as a,F as _,G as h,ae as f,u as r,s as c,t as g,T as k}from"./.pnpm-BGZW0UGg.js";import{_ as v}from"./index-CeIwrh_6.js";const C={class:"flex flex-wrap"},y=["onClick"],V={class:"ml-[14px]"},b=m({__name:"theme-picker",props:{themeColors:{},modelValue:{}},emits:["update:modelValue","change"],setup(l,{emit:d}){const i=l,n=d,s=x(i,"modelValue",n),p=o=>{s.value=o.id,n("change",o)};return(o,w)=>(t(),a("div",C,[(t(!0),a(_,null,h(l.themeColors,(e,u)=>(t(),a("div",{class:f(["py-[18px] px-[20px] flex items-center text-[14px] shadow rounded-lg mr-[20px] mb-[20px] cursor-pointer",{"is-select":r(s)==e.id,unselect:r(s)!=e.id}]),key:u,onClick:B=>p(e)},[c("div",{class:"rounded-full h-[34px] w-[34px]",style:g(`background: linear-gradient(to right, ${e.color1}, ${e.color2})`)},null,4),c("div",V,k(e.name),1)],10,y))),128))]))}}),z=v(b,[["__scopeId","data-v-cdbe1703"]]);export{z as default};
|