2 lines
1.7 KiB
JavaScript
2 lines
1.7 KiB
JavaScript
import{u}from"./useWatermark-7bca1e7b.js";import{H as v,r as y,ah as f,l as C,m as b,p as m,V as t,P as a,u as r,T as l,aH as W,aI as g}from"./vue-2207505e.js";import{_ as x}from"./index-20266946.js";import"./element-4018b73c.js";import"./vxe-791d9ab6.js";const w=n=>(W("data-v-dbeea05d"),n=n(),g(),n),I={class:"app-container"},$=w(()=>m("h4",null," 该示例是演示：通过调用 hook，开启或关闭水印， 支持局部、全局、自定义样式（颜色、透明度、字体大小、字体、倾斜角度等），并自带防御（防删、防隐藏）和自适应功能 ",-1)),V=v({__name:"use-watermark",setup(n){const p=y(null),{setWatermark:c,clearWatermark:i}=u(p),{setWatermark:d,clearWatermark:k}=u();return(B,e)=>{const o=f("el-button"),_=f("el-button-group");return C(),b("div",I,[$,m("div",{ref_key:"localRef",ref:p,class:"local"},null,512),t(_,null,{default:a(()=>[t(o,{type:"primary",onClick:e[0]||(e[0]=s=>r(c)("局部水印",{color:"#409eff"}))},{default:a(()=>[l("创建局部水印")]),_:1}),t(o,{type:"warning",onClick:e[1]||(e[1]=s=>r(c)("没有防御功能的局部水印",{color:"#e6a23c",defense:!1}))},{default:a(()=>[l(" 关闭防御功能 ")]),_:1}),t(o,{type:"danger",onClick:r(i)},{default:a(()=>[l("清除局部水印")]),_:1},8,["onClick"])]),_:1}),t(_,null,{default:a(()=>[t(o,{type:"primary",onClick:e[2]||(e[2]=s=>r(d)("全局水印",{color:"#409eff"}))},{default:a(()=>[l("创建全局水印")]),_:1}),t(o,{type:"warning",onClick:e[3]||(e[3]=s=>r(d)("没有防御功能的全局水印",{color:"#e6a23c",defense:!1}))},{default:a(()=>[l(" 关闭防御功能 ")]),_:1}),t(o,{type:"danger",onClick:r(k)},{default:a(()=>[l("清除全局水印")]),_:1},8,["onClick"])]),_:1})])}}});const T=x(V,[["__scopeId","data-v-dbeea05d"]]);export{T as default};
|