vue-pure-admin/static/js/color-picker-xJiqsb7a.js

import{d as N,a as s,n as D,b as w,w as l,e as a,A as P,f as V,g as f,i as o,B as U,h as n,t as R}from"./index-5zWoanhF.js";const S={class:"card-header"},T=N({name:"ColorPicker",__name:"color-picker",setup(A){const t=s("default"),d=s(),i=s(!1),p=s(),v=s("rgba(255, 69, 0, 0.68)"),m=s("hsla(209, 100%, 56%, 0.73)"),c=s(["#ff4500","#ff8c00","#ffd700","#90ee90","#00ced1","#1e90ff","#c71585","rgba(255, 69, 0, 0.68)","rgb(255, 120, 0)","hsv(51, 100, 98)","hsva(120, 40, 94, 0.5)","hsl(181, 100%, 37%)","hsla(209, 100%, 56%, 0.73)","#c7158577"]);D(t,_=>_==="disabled"?d.value="default":d.value=t.value);function z(){i.value?p.value.hide():p.value.show(),i.value=!i.value}return(_,e)=>{const b=a("el-link"),u=a("el-radio"),C=a("el-radio-group"),k=a("el-space"),g=a("el-color-picker"),h=a("el-divider"),y=a("el-button"),x=a("el-card"),B=P("tippy");return V(),w(x,{shadow:"never"},{header:l(()=>[f("div",S,[o(k,{wrap:"",size:40},{default:l(()=>[U((V(),w(b,{href:"https://element-plus.org/zh-CN/component/color-picker.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:l(()=>e[3]||(e[3]=[n(" 颜色选择器 ")])),_:1})),[[B,{content:"点击查看详细文档"}]]),o(C,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=r=>t.value=r)},{default:l(()=>[o(u,{value:"large"},{default:l(()=>e[4]||(e[4]=[n("大尺寸")])),_:1}),o(u,{value:"default"},{default:l(()=>e[5]||(e[5]=[n("默认尺寸")])),_:1}),o(u,{value:"small"},{default:l(()=>e[6]||(e[6]=[n("小尺寸")])),_:1}),o(u,{value:"disabled"},{default:l(()=>e[7]||(e[7]=[n("禁用")])),_:1})]),_:1},8,["modelValue"])]),_:1})]),o(b,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/color-picker.vue",target:"_blank"},{default:l(()=>e[8]||(e[8]=[n(" 代码位置 src/views/components/color-picker.vue ")])),_:1})]),default:l(()=>[e[9]||(e[9]=f("p",{class:"mb-2"},"不同尺寸、选择透明度、预定义颜色",-1)),o(g,{modelValue:v.value,"onUpdate:modelValue":e[1]||(e[1]=r=>v.value=r),"show-alpha":"",predefine:c.value,size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","predefine","size","disabled"]),o(h),e[10]||(e[10]=f("p",{class:"mb-2"},"外部触发器",-1)),o(k,{wrap:""},{default:l(()=>[o(g,{ref_key:"colorPickerRef",ref:p,modelValue:m.value,"onUpdate:modelValue":e[2]||(e[2]=r=>m.value=r),"show-alpha":"",predefine:c.value,size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","predefine","size","disabled"]),o(y,{size:d.value,disabled:t.value==="disabled",onClick:z},{default:l(()=>[n(R(i.value?"关闭":"打开"),1)]),_:1},8,["size","disabled"])]),_:1})]),_:1})}}});export{T as default};