import{aw as m,a as l,di as c,b as d,w as u,o as r,h as o,F as C,b2 as _,q as p,bk as f,n as k}from"./index.7e08ba81.js";import{b as h}from"./index.7447f49d.js";import"./index.5a7c436a.js";import"./index.92bb6ba8.js";import"./ArrowLeftOutlined.8453d1a8.js";import"./index.0fba574f.js";import"./index.0cc142cc.js";import"./FullscreenOutlined.3ea9a56b.js";import"./index.8f031f80.js";import"./useWindowSizeFn.9cd1b73f.js";import"./useContentViewHeight.eee5bfce.js";import"./uniqBy.e8d75d01.js";import"./_baseIteratee.cd40e9ab.js";import"./get.06058cdc.js";import"./index.ff33b1ce.js";import"./useRefs.9e0a4abb.js";import"./PlusOutlined.29a85b0a.js";import"./RedoOutlined.2794d90f.js";import"./index.62601954.js";import"./TabPane.3218c919.js";import"./lock.19cea2d5.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 a=u("CheckOutlined");return r(),o("div",{class:p(e.prefixCls)},[(r(!0),o(C,null,_(e.colorList||[],t=>(r(),o("span",{key:t,onClick:L=>e.handleClick(t),class:p([`${e.prefixCls}__item`,{[`${e.prefixCls}__item--active`]:e.def===t}]),style:f({background:t})},[k(a)],14,y))),128))],2)}var M=m(v,[["render",b]]);export{M as default};