vue-pure-admin/dist/static/js/watermark-LJUb0xp0.js

import{d as W,r as m,x as g,o as y,y as L,a as B,c as N,w as t,b as s,g as U,h as d,i as o,j as l,u as r}from"./index-ppvmDqDn.js";const F={class:"card-header"},M={class:"font-medium"},T=d("span",null," 请输入要创建水印的值：",-1),j=d("span",null,"请选择要创建水印的颜色：",-1),P=W({name:"WaterMark",__name:"watermark",setup(z){const _=m(),f=m(),c=m("#409EFF"),u=m("vue-pure-admin"),{setWatermark:i,clear:k}=g(),{setWatermark:v,clear:x}=g(_),{setWatermark:w}=g(f);return y(()=>{L(()=>{w("无法删除的水印",{forever:!0,width:180,height:70})})}),B(()=>{k()}),(A,e)=>{const C=s("el-link"),h=s("el-input"),V=s("el-color-picker"),p=s("el-space"),n=s("el-button"),b=s("el-divider"),$=s("el-card");return U(),N($,{shadow:"never"},{header:t(()=>[d("div",F,[d("span",M,[o(" 页面水印菜单树结构 "),l(C,{href:"https://pure-admin-utils.netlify.app/hooks/useWatermark/useWatermark",target:"_blank",style:{margin:"0 5px 4px 0","font-size":"16px"}},{default:t(()=>[o(" （查看更详细的使用文档） ")]),_:1})])])]),default:t(()=>[l(p,{wrap:"",class:"!mb-2"},{default:t(()=>[T,l(h,{modelValue:u.value,"onUpdate:modelValue":e[0]||(e[0]=a=>u.value=a),class:"mr-4",style:{width:"200px"},clearable:""},null,8,["modelValue"]),j,l(V,{modelValue:c.value,"onUpdate:modelValue":e[1]||(e[1]=a=>c.value=a),"show-alpha":""},null,8,["modelValue"])]),_:1}),l(p,{wrap:""},{default:t(()=>[l(n,{bg:"",text:"",onClick:e[2]||(e[2]=a=>r(i)(u.value,{color:c.value}))},{default:t(()=>[o(" 创建整页水印 ")]),_:1}),l(n,{bg:"",text:"",onClick:e[3]||(e[3]=a=>r(i)(u.value,{gradient:[{value:0,color:"magenta"},{value:.5,color:"blue"},{value:1,color:"red"}]}))},{default:t(()=>[o(" 创建整页渐变水印 ")]),_:1}),l(n,{bg:"",text:"",onClick:e[4]||(e[4]=a=>r(i)(u.value,{rotate:0,gradient:[{value:0,color:"magenta"},{value:.5,color:"blue"},{value:1,color:"red"}]}))},{default:t(()=>[o(" 创建整页渐变且水平90度的水印 ")]),_:1}),l(n,{bg:"",text:"",onClick:e[5]||(e[5]=a=>r(i)(u.value,{gradient:[{value:0,color:"magenta"},{value:.5,color:"blue"},{value:1,color:"red"}],shadowConfig:[20]}))},{default:t(()=>[o(" 创建整页渐变且有阴影的水印 ")]),_:1}),l(n,{bg:"",text:"",onClick:e[6]||(e[6]=a=>r(i)(u.value,{globalAlpha:.15,gradient:[{value:0,color:"magenta"},{value:.5,color:"blue"},{value:1,color:"red"}]}))},{default:t(()=>[o(" 创建整页高透明渐变水印 ")]),_:1}),l(n,{bg:"",text:"",onClick:r(k)},{default:t(()=>[o("清除整页水印")]),_:1},8,["onClick"])]),_:1}),l(b),d("div",{ref_key:"local",ref:_,class:"w-1/2 h-[200px] border border-sky-500"},null,512),l(p,{wrap:"",class:"mt-6"},{default:t(()=>[l(n,{bg:"",text:"",onClick:e[7]||(e[7]=a=>r(v)("局部水印",{color:c.value,width:140,height:65}))},{default:t(()=>[o(" 创建局部水印 ")]),_:1}),l(n,{bg:"",text:"",onClick:e[8]||(e[8]=a=>r(v)("局部水印",{width:140,height:65,gradient:[{value:0,color:"magenta"},{value:.5,color:"blue"},{value:1,color:"red"}]}))},{default:t(()=>[o(" 创建局部渐变水印 ")]),_:1}),l(n,{bg:"",text:"",onClick:e[9]||(e[9]=a=>r(v)("局部水印",{width:140,height:65,rotate:0,gradient:[{value:0,color:"magenta"},{value:.5,color:"blue"},{value:1,color:"red"}]}))},{default:t(()=>[o(" 创建局部渐变且水平90度的水印 ")]),_:1}),l(n,{bg:"",text:"",onClick:e[10]||(e[10]=a=>r(v)("局部水印",{width:140,height:65,gradient:[{value:0,color:"magenta"},{value:.5,color:"blue"},{value:1,color:"red"}],shadowConfig:[20]}))},{default:t(()=>[o(" 创建局部渐变且有阴影的水印 ")]),_:1}),l(n,{bg:"",text:"",onClick:r(x)},{default:t(()=>[o("清除局部水印")]),_:1},8,["onClick"])]),_:1}),l(b),d("div",{ref_key:"preventLocal",ref:f,class:"w-1/2 h-[200px] border border-indigo-500"},null,512)]),_:1})}}});export{P as default};