vue-pure-admin/static/js/watermark-DdiuZEZl.js

import{d as L,a as m,E as k,m as B,x as E,y as N,b as U,e as F,w as l,f as o,g as s,h as d,u as r,j as t}from"./index-DI6gHrBb.js";const M={class:"card-header"},T={class:"font-medium"},P=L({name:"WaterMark",__name:"watermark",setup(j){const g=m(),b=m(),p=m("#409EFF"),u=m("vue-pure-admin"),{setWatermark:i,clear:w}=k(),{setWatermark:v,clear:x}=k(g),{setWatermark:V}=k(b);return B(()=>{E(()=>{V("无法删除的水印",{forever:!0,width:180,height:70})})}),N(()=>{w()}),(z,e)=>{const C=d("el-link"),$=d("el-input"),W=d("el-color-picker"),f=d("el-space"),n=d("el-button"),y=d("el-card");return F(),U(y,{shadow:"never"},{header:l(()=>[s("div",M,[s("span",T,[o(C,{href:"https://pure-admin-utils.netlify.app/hooks/useWatermark/useWatermark",target:"_blank",style:{margin:"0 5px 4px 0","font-size":"16px"}},{default:l(()=>e[11]||(e[11]=[t(" 页面水印 ")])),_:1})])]),o(C,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/watermark.vue",target:"_blank"},{default:l(()=>e[12]||(e[12]=[t(" 代码位置 src/views/able/watermark.vue ")])),_:1})]),default:l(()=>[o(f,{wrap:"",class:"mb-2!"},{default:l(()=>[e[13]||(e[13]=s("span",null," 请输入要创建水印的值：",-1)),o($,{modelValue:u.value,"onUpdate:modelValue":e[0]||(e[0]=a=>u.value=a),class:"mr-4",style:{width:"200px"},clearable:""},null,8,["modelValue"]),e[14]||(e[14]=s("span",null,"请选择要创建水印的颜色：",-1)),o(W,{modelValue:p.value,"onUpdate:modelValue":e[1]||(e[1]=a=>p.value=a),"show-alpha":""},null,8,["modelValue"])]),_:1}),o(f,{wrap:""},{default:l(()=>[o(n,{plain:"",onClick:e[2]||(e[2]=a=>r(i)(u.value,{color:p.value}))},{default:l(()=>e[15]||(e[15]=[t(" 创建整页水印 ")])),_:1}),o(n,{plain:"",onClick:e[3]||(e[3]=a=>r(i)(u.value,{gradient:[{value:0,color:"magenta"},{value:.5,color:"blue"},{value:1,color:"red"}]}))},{default:l(()=>e[16]||(e[16]=[t(" 创建整页渐变水印 ")])),_:1}),o(n,{plain:"",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:l(()=>e[17]||(e[17]=[t(" 创建整页渐变且水平90度的水印 ")])),_:1}),o(n,{plain:"",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:l(()=>e[18]||(e[18]=[t(" 创建整页渐变且有阴影的水印 ")])),_:1}),o(n,{plain:"",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:l(()=>e[19]||(e[19]=[t(" 创建整页高透明渐变水印 ")])),_:1}),o(n,{plain:"",onClick:r(w)},{default:l(()=>e[20]||(e[20]=[t("清除整页水印")])),_:1},8,["onClick"])]),_:1}),s("div",{ref_key:"local",ref:g,class:"w-1/2 h-[200px] border border-sky-500 mt-4"},null,512),o(f,{wrap:"",class:"mt-6"},{default:l(()=>[o(n,{plain:"",onClick:e[7]||(e[7]=a=>r(v)("局部水印",{color:p.value,width:140,height:65}))},{default:l(()=>e[21]||(e[21]=[t(" 创建局部水印 ")])),_:1}),o(n,{plain:"",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:l(()=>e[22]||(e[22]=[t(" 创建局部渐变水印 ")])),_:1}),o(n,{plain:"",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:l(()=>e[23]||(e[23]=[t(" 创建局部渐变且水平90度的水印 ")])),_:1}),o(n,{plain:"",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:l(()=>e[24]||(e[24]=[t(" 创建局部渐变且有阴影的水印 ")])),_:1}),o(n,{plain:"",onClick:r(x)},{default:l(()=>e[25]||(e[25]=[t("清除局部水印")])),_:1},8,["onClick"])]),_:1}),s("div",{ref_key:"preventLocal",ref:b,class:"w-1/2 h-[200px] border border-indigo-500 mt-4"},null,512)]),_:1})}}});export{P as default};