ThemeColorPicker-Bapv9-LJ.js 995 B

1
  1. import{h as l}from"./entry/index-D9RAguAn.js";import{b as p}from"./index-D2Mmo6JP.js";import{b2 as d}from"./antd-BfqWtMX3.js";import{d as u,Z as n,_ as i,F as f,a7 as k,a1 as m,u as t,ad as C,k as _}from"./vue-DM5HGU8Z.js";import"./index-885OQdmo.js";import"./useContentViewHeight-CpTGXbnf.js";import"./useWindowSizeFn-C2kfkOCP.js";import"./imageEnum-BRgYKvjO.js";import"./uuid-BUBnBT7J.js";import"./useSortable-Crb7hBmA.js";import"./index-BeORmJjT.js";import"./lock-BqGwdXGl.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)=>(n(),i("div",{class:m(t(a))},[(n(!0),i(f,null,k(r.colorList||[],e=>(n(),i("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};