import{av as m,a as l,di as c,b as d,a_ as u,o as r,h as o,F as _,b2 as C,q as a,bk as f,n as k}from"./index.97c70775.js";import{b as h}from"./index.f3c3d563.js";import"./index.eda8e5c3.js";import"./index.d735b0e3.js";import"./ArrowLeftOutlined.5b8718d6.js";import"./index.376f7d77.js";import"./index.051284d0.js";import"./FullscreenOutlined.8e7a919a.js";import"./index.14665d32.js";import"./useWindowSizeFn.bb740ef7.js";import"./useContentViewHeight.4e0b2e8d.js";import"./uniqBy.244093b2.js";import"./_baseIteratee.3a1e7c2b.js";import"./get.42ae1097.js";import"./index.39c499d6.js";import"./useRefs.dcf26156.js";import"./PlusOutlined.e6869ca1.js";import"./RedoOutlined.560bd00b.js";import"./index.c947e1cd.js";import"./TabPane.c249e2af.js";import"./lock.79e1fec5.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 b(e,i,n,s,$,g){const p=u("CheckOutlined");return r(),o("div",{class:a(e.prefixCls)},[(r(!0),o(_,null,C(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 M=m(v,[["render",b]]);export{M as default};