import{J as m,a as l,d3 as c,b as d,aA as u,o as r,h as o,F as C,aD as _,n as a,bm as f,p as k}from"./index.7a3aee43.js";import{b as h}from"./index.03c2c2cc.js";import"./index.1d68c09b.js";import"./index.0b66cf34.js";import"./ArrowLeftOutlined.7124f9fd.js";import"./index.a18fe362.js";import"./index.e974eee8.js";import"./FullscreenOutlined.995d8548.js";import"./index.017414a0.js";import"./useWindowSizeFn.3b8aec70.js";import"./useContentViewHeight.5f4c4641.js";import"./uniqBy.1f860c7e.js";import"./_baseIteratee.a76495c8.js";import"./get.6b5214c7.js";import"./index.978e8a3d.js";import"./useRefs.6d3ea2f5.js";import"./PlusOutlined.07f3848a.js";import"./RedoOutlined.fb87998f.js";import"./index.7c861ffa.js";import"./lock.3e924849.js";const v=l({name:"ThemeColorPicker",components:{CheckOutlined:c},props:{colorList:{type:Array,defualt:[]},event:{type:Number},def:{type:String}},setup(e){const{prefixCls:i}=d("setting-theme-picker");function n(s){e.event&&h(e.event,s)}return{prefixCls:i,handleClick:n}}}),y=["onClick"];function $(e,i,n,s,b,g){const p=u("CheckOutlined");return r(),o("div",{class:a(e.prefixCls)},[(r(!0),o(C,null,_(e.colorList||[],t=>(r(),o("span",{key:t,onClick:L=>e.handleClick(t),class:a([`${e.prefixCls}__item`,{[`${e.prefixCls}__item--active`]:e.def===t}]),style:f({background:t})},[k(p)],14,y))),128))],2)}var K=m(v,[["render",$]]);export{K as default};