ThemeColorPicker-DCCOEZjb.js 995 B

1
  1. import{h as l}from"./entry/index-CNSQBFd3.js";import{b as p}from"./index-D7KVbZJK.js";import{b2 as d}from"./antd-DQsZxxg1.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-RHPWMBHn.js";import"./useContentViewHeight-B1QdR--R.js";import"./useWindowSizeFn-DyWFLruW.js";import"./imageEnum-BRgYKvjO.js";import"./uuid-BUBnBT7J.js";import"./useSortable-D5V3d2vA.js";import"./index-Bf0v2YPO.js";import"./lock-qJe2Quki.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};