import{s as f,C as _,w as V}from"./element-plus.55d71530.js";import{k as x}from"./@vueuse.f4694335.js";import{d as C,o as k,c as y,V as l,u as s,j as a,M as E,S as v}from"./@vue.96c135a1.js";const B={class:"color-select flex flex-1"},N=C({__name:"index",props:{modelValue:{type:String,default:""},resetColor:{type:String,default:""}},emits:["update:modelValue"],setup(r,{emit:u}){const n=r,e=x(n,"modelValue",u),d=["#FF2C3C","#f7971e","#fa444d","#e0a356","#2f80ed","#2ec840"],m=()=>{e.value=n.resetColor};return(S,o)=>{const p=f,c=_,i=V;return k(),y("div",B,[l(p,{modelValue:s(e),"onUpdate:modelValue":o[0]||(o[0]=t=>a(e)?e.value=t:null),predefine:d},null,8,["modelValue"]),l(c,{modelValue:s(e),"onUpdate:modelValue":o[1]||(o[1]=t=>a(e)?e.value=t:null),class:"mx-[10px] flex-1",type:"text",readonly:""},null,8,["modelValue"]),l(i,{type:"text",onClick:m},{default:E(()=>[v("\u91CD\u7F6E")]),_:1})])}}});export{N as _};
