import{aP as m,a as l,dU as c,b as d,aQ as _,o as i,h as r,F as f,aW as u,n as p,bc as k,j as h}from"./index.0d073eaa.js";import{b as v}from"./index.428574d8.js";import"./index.c4338a98.js";import"./index.c9bfdeac.js";import"./ArrowLeftOutlined.90d2e05e.js";import"./index.0fb15725.js";import"./index.c15ba425.js";import"./FullscreenOutlined.401a7bcd.js";import"./index.7680e967.js";import"./useWindowSizeFn.ef20ece8.js";import"./useContentViewHeight.01b9d1c6.js";import"./uniqBy.ac0f9c38.js";import"./_baseIteratee.3919e7cf.js";import"./get.49a42f2e.js";import"./index.78efd931.js";import"./useRefs.e81831e2.js";import"./PlusOutlined.64d8e001.js";import"./RedoOutlined.32117fb5.js";import"./index.aa6b7013.js";import"./lock.2102e909.js";const C=l({name:"ThemeColorPicker",components:{CheckOutlined:c},props:{colorList:{type:Array,defualt:[]},event:{type:Number},def:{type:String}},setup(e){const{prefixCls:n}=d("setting-theme-picker");function o(s){e.event&&v(e.event,s)}return{prefixCls:n,handleClick:o}}}),b=["onClick"];function g(e,n,o,s,x,y){const a=_("CheckOutlined");return i(),r("div",{class:p(e.prefixCls)},[(i(!0),r(f,null,u(e.colorList||[],t=>(i(),r("span",{key:t,onClick:$=>e.handleClick(t),class:p([`${e.prefixCls}__item`,{[`${e.prefixCls}__item--active`]:e.def===t}]),style:k({background:t})},[h(a)],14,b))),128))],2)}var G=m(C,[["render",g]]);export{G as default};
