2023-02-20 02:43:58 +00:00
import { a as v } from "./index.5be08a55.js" ; import { g as D , i as b , x as w , K as y , r as f , o as h , c as k , b as t , w as u , d as l } from "./index.15fc886a.js" ; function C ( _ ) { const { container : d = document . body , width : c = "240" , height : n = "100" , textAlign : E = "left" , textBaseline : F = "bottom" , font : s = "16px Microsoft Yahei" , fillStyle : o = "#000" , content : e = "Vue Admin Perfect" , globalAlpha : r = . 3 , rotate : p = 16 , zIndex : a = 1e3 , isCancel : B = ! 0 } = _ , i = document . createElement ( "canvas" ) ; i . setAttribute ( "width" , c ) , i . setAttribute ( "height" , n ) ; const m = i . getContext ( "2d" ) ; m . globalAlpha = r , m . textAlign = E , m . textBaseline = F , m . font = s , m . fillStyle = o , m . rotate ( Math . PI * p / 180 ) , m . fillText ( e , 50 , 50 ) ; const x = i . toDataURL ( ) , A = document . querySelector ( ".__wm" ) || document . createElement ( "div" ) , g = `
2022-12-15 13:41:01 +00:00
background - image : url ( '${x}' ) ` ;A.setAttribute("style",g),A.classList.add("__wm"),d.style.position="relative",d.appendChild(A)}const S={class:"m-water-marker"},N=D({__name:"index",setup(_){const d=b(.2);let c=b(-1);const n={rotate:-10,globalAlpha:d.value};function E(o,e){const r=e-o,p=Math.random();return(o+r*p).toFixed(0)}const F=["red"];for(let o=0;o<30;o++)F.push(v());const s=o=>{switch(o){case-1:c.value=o,n.container=document.getElementsByClassName("m-water-marker")[0],C(n);return;case 0:c.value=o,delete n.container,C(n);return;case 1:n.fillStyle="#000",C(n);return;case 2:n.fillStyle=F[E(0,30)],C(n);return;case 3:n.globalAlpha=d.value,C(n);return;case 4:y(()=>{const e=document.getElementsByClassName("__wm")[0];e&&(c.value===-1?e.remove():document.body.removeChild(e))})}};return w(()=>{y(()=>{s(-1)})}),(o,e)=>{const r=f("el-button"),p=f("el-input"),a=f("el-descriptions-item"),B=f("el-descriptions");return h(),k("div",S,[t(r,{onClick:e[0]||(e[0]=i=>s(-1)),type:"primary"},{default:u(()=>[l(" \u 9ED8 \u 8BA4 \u 5C40 \u 90E8 \u 6C34 \u 5370")]),_:1}),t(r,{onClick:e[1]||(e[1]=i=>s(0)),type:"primary"},{default:u(()=>[l(" \u 751F \u 6210 \u 5168 \u 5C40 \u 6C34 \u 5370")]),_:1}),t(r,{onClick:e[2]||(e[2]=i=>s(1)),type:"primary"},{default:u(()=>[l(" \u 751F \u 6210 \u 9ED8 \u 8BA4 \u 989C \u 8272 \u 6C34 \u 5370")]),_:1}),t(r,{onClick:e[3]||(e[3]=i=>s(2)),type:"primary"},{default:u(()=>[l(" \u 751F \u 6210 \u 968F \u 673A \u 989C \u 8272 \u 6C34 \u 5370")]),_:1}),t(p,{modelValue:d.value,"onUpdate:modelValue":e[4]||(e[4]=i=>d.value=i),style:{width:"100px","margin-left":"20px"}},null,8,["modelValue"]),t(r,{onClick:e[5]||(e[5]=i=>s(3)),type:"primary"},{default:u(()=>[l(" \u 8BBE \u 7F6E \u 900F \u 660E \u 5EA6")]),_:1}),t(r,{onClick:e[6]||(e[6]=i=>s(4)),type:"primary"},{default:u(()=>[l(" \u 53D6 \u 6D88 \u 6C34 \u 5370")]),_:1}),t(B,{title:" \u 914D \u 7F6E \u 9879 ",column:1,border:"",class:"descriptions"},{default:u(()=>[t(a,{label:"content"},{default:u(()=>[l(" \u 6C34 \u 5370 \u 5185 \u 5BB9 \u FF0C \u 9ED8 \u 8BA4 \u 4E3A 'Vue Admin Perfect' ")]),_:1}),t(a,{label:"container"},{default:u(()=>[l(" \u 6C34 \u 5370 \u 5BB9 \u 5668 \u FF0C \u 9ED8 \u 8BA4 \u 751F \u 6210 \u 5728 document.body \u 4E0B \u 9762 ")]),_:1}),t(a,{label:"globalAlpha"},{default:u(()=>[l(" \u 8BBE \u 7F6E \u 56FE \u 5F62 \u 548C \u 56FE \u 50CF \u 900F \u 660E \u 5EA6 \u 7684 \u 503C \u FF0C \u 9ED8 \u 8BA4 \u 4E3A 0.3 ")]),_:1}),t(a,{label:"height"},{default:u(()=>[l(" \u 6C34 \u 5370 \u 9AD8 \u 5EA6 \u FF0C \u 9ED8 \u 8BA4 \u 4E3A 240 ")]),_:1}),t(a,{label:"width"},{default:u(()=>[l(" \u 6C34 \u 5370 \u 5BBD \u 5EA6 \u FF0C \u 9ED8 \u 8BA4 \u 4E3A 100 ")]),_:1}),t(a,{label:"fillStyle"},{default:u(()=>[l(" \u 6C34 \u 5370 \u 989C \u 8272 \u FF0C \u 9ED8 \u 8BA4 \u 4E3A '#000' ")]),_:1}),t(a,{label:"textAlign"},{default:u(()=>[l(" \u 6587 \u 5B57 \u 5BF9 \u 9F50 \u FF0C \u 9ED8 \u 8BA4 \u 4E3A 'left' ")]),_:1}),t(a,{label:"textBaseline"},{default:u(()=>[l(" \u 57FA \u 51C6 \u 7EBF \u FF0C \u 9ED8 \u 8BA4 \u 4E3A 'bottom' ")]),_:1}),t(a,{label:"rotate"},{default:u(()=>[l(" \u 6587 \u 5B57 \u 65CB \u 8F6C \u 89D2 \u 5EA6 \u FF0C \u 9ED8 \u 8BA4 \u 4E3A '16' \u 8BA1 \u 7B97 \u 65B9 \u 5F0F \u 4E3A (Math.PI * rotate) / 180 ")]),_:1}),t(a,{label:"iconStyle"},{default:u(()=>[l(' \u 56FE \u 6807 \u 7684 \u 6837 \u 5F0F \u FF0C \u 9ED8 \u 8BA4 \u 6837 \u 5F0F \u 4E3A { width: "1em", height: " 1em" } ')]),_:1})]),_:1})])}}});export{N as default};