ThemeColorPicker-mH9BbC0H.js 995 B

1
  1. import{h as l}from"./entry/index-BNACB_--.js";import{b as p}from"./index-2hElopSQ.js";import{b2 as d}from"./antd-Cume0_44.js";import{d as u,Z as n,_ as i,F as f,a8 as k,ad as C,a1 as m,u as t,k as _}from"./vue-4umLpMSY.js";import"./index-BV03-UWg.js";import"./useContentViewHeight-D95zoygZ.js";import"./useWindowSizeFn-DI3b0T9E.js";import"./imageEnum-BRgYKvjO.js";import"./uuid-BUBnBT7J.js";import"./useSortable-B4CB7rKS.js";import"./index-DgGlaHbw.js";import"./lock-D9tZMq-h.js";const h=["onClick"],A=u({name:"ThemeColorPicker",__name:"ThemeColorPicker",props:{colorList:{type:Array,default:()=>[]},event:{type:Number},def:{type:String}},setup(r){const o=r,{prefixCls:a}=l("setting-theme-picker");function c(s){o.event&&p(o.event,s)}return(s,y)=>(i(),n("div",{class:m(t(a))},[(i(!0),n(f,null,k(r.colorList||[],e=>(i(),n("span",{key:e,onClick:v=>c(e),class:m([`${t(a)}__item`,{[`${t(a)}__item--active`]:r.def===e}]),style:C({background:e})},[_(t(d))],14,h))),128))],2))}});export{A as default};