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