import{j as l}from"./entry/index-C7JiT1GB.js";import{b as p}from"./index-Dep4xqK1.js";import{d as u,Z as n,_ as s,F as d,aa as f,a1 as m,u as t,ag as k,k as C}from"./vue-ByATgq5d.js";import{aA as _}from"./antd-FjOLgRLC.js";import"./index-_z8R1VNs.js";import"./useContentViewHeight-D3StoxVV.js";import"./useWindowSizeFn-JqODWlR_.js";import"./useSortable-y7X8pv8d.js";import"./index-CFdteMiu.js";import"./lock-CPCM6-74.js";const h=["onClick"],P=u({name:"ThemeColorPicker",__name:"ThemeColorPicker",props:{colorList:{type:Array,default:()=>[]},event:{type:Number},def:{type:String}},setup(r){const i=r,{prefixCls:a}=l("setting-theme-picker");function c(o){i.event&&p(i.event,o)}return(o,y)=>(n(),s("div",{class:m(t(a))},[(n(!0),s(d,null,f(r.colorList||[],e=>(n(),s("span",{key:e,onClick:g=>c(e),class:m([`${t(a)}__item`,{[`${t(a)}__item--active`]:r.def===e}]),style:k({background:e})},[C(t(_))],14,h))),128))],2))}});export{P as default};