ThemeColorPicker-8c6777a5.js 1.1 KB

1
  1. import{d as p,cg as m,c,j as d,o as n,m as r,F as u,D as C,s as a,k as _,ah as f,g as k}from"./index-610a1d46.js";import{b as h}from"./index-698919b8.js";import"./index-985aa6f5.js";import"./useWindowSizeFn-1829b247.js";import"./index-c98ef572.js";import"./index-4ed0dc84.js";import"./index-85087fcd.js";import"./useContentViewHeight-20fe3432.js";import"./uniqBy-2b2a500d.js";import"./clickOutside-a1389e7b.js";import"./RedoOutlined-bc502432.js";const v=p({name:"ThemeColorPicker",components:{CheckOutlined:m},props:{colorList:{type:Array,defualt:[]},event:{type:Number},def:{type:String}},setup(e){const{prefixCls:s}=c("setting-theme-picker");function o(i){e.event&&h(e.event,i)}return{prefixCls:s,handleClick:o}}});const y=["onClick"];function g(e,s,o,i,$,b){const l=_("CheckOutlined");return n(),r("div",{class:a(e.prefixCls)},[(n(!0),r(u,null,C(e.colorList||[],t=>(n(),r("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(l)],14,y))),128))],2)}const A=d(v,[["render",g]]);export{A as default};