import{f as l}from"./entry/index-DShbtsWl.js";import{b as p}from"./index-BvK7ALZL.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-BjERyvPm.js";import{aU as _}from"./antd-BmrhB3rb.js";import"./index-Co6cdACf.js";import"./useContentViewHeight-w3jL8fd7.js";import"./useWindowSizeFn-Cuml40XT.js";import"./useSortable-JDCtAH92.js";import"./index-CNcCxeLf.js";import"./lock-6-KhBIMV.js";const h=["onClick"],S=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{S as default};