init

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/watermark/watermark.js

@@ -0,0 +1 @@
+"use strict";const e=require("../../../../common/vendor.js"),a=require("../_constants/prefix.js");require("../_utils/env.js");const t=require("../_utils/style.js"),r=require("../_constants/event.js"),l=require("../_utils/props.js"),n={...l.commonProps,name:String,gapY:l.makeNumberProp(48),gapX:l.makeNumberProp(24),zIndex:l.makeNumberProp(2e3),width:l.makeNumberProp(120),height:l.makeNumberProp(64),rotate:l.makeNumberProp(-22),image:String,imageWidth:l.makeNumberProp(120),imageHeight:l.makeNumberProp(64),content:{type:[String,Array],default:""},fontColor:l.makeStringProp("rgba(0,0,0,.15)"),fontStyle:l.makeStringProp("normal"),fontFamily:l.makeStringProp("PingFang SC"),fontWeight:l.makeStringProp("normal"),fontSize:l.makeNumericProp(14),fullPage:l.truthProp},o={[r.CLICK_EVENT]:e=>e instanceof Object},u=`${a.PREFIX}-watermark`,i=e.defineComponent({name:u,options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}}),s=e.defineComponent({...i,props:n,emits:o,setup(a){const r=a,l=e.reactive({base64Url:""}),{zIndex:n,gapX:o,gapY:i,width:s,height:m,rotate:v,image:g,imageWidth:c,imageHeight:p,content:f,fontStyle:d,fontWeight:b,fontColor:h,fontSize:P,fontFamily:x}=e.toRefs(r);async function y(){let a=1;e.index.getSystemInfo({success(e){a=e.pixelRatio}});const t=""+(o.value+s.value)*a,r=""+(i.value+m.value)*a,n=s.value*a,u=m.value*a,y=e.index.createOffscreenCanvas({type:"2d",width:Number(t),height:Number(r)}),k=y.getContext("2d");if(!k)throw new Error("当前环境不支持Canvas");if(null==g?void 0:g.value){!function(e,a,t,r,n,o){e.translate(n/2,o/2),e.rotate(Math.PI/180*Number(v.value)),a.crossOrigin="anonymous",a.referrerPolicy="no-referrer",a.src=g.value,a.onload=()=>{e.drawImage(a,-c.value*t/2,-p.value*t/2,c.value*t,p.value*t),e.restore(),l.base64Url=r.toDataURL()}}(k,y.createImage(),a,k.canvas,n,u)}else(null==f?void 0:f.value)&&function(e,a,t,r,n){var o;e.textBaseline="middle",e.textAlign="center",e.translate(r/2,n/2),e.rotate(Math.PI/180*Number(v.value));const u=Number(P.value)*a;e.font=`${d.value} normal ${b.value} ${u}px/${n}px ${x.value}`,e.fillStyle=h.value,Array.isArray(f.value)?null==(o=f.value)||o.forEach(((a,t)=>{e.fillText(a,0,(t-1)*u)})):e.fillText(f.value,0,0);e.restore(),l.base64Url=t.toDataURL()}(k,a,k.canvas,n,u)}y(),e.watch((()=>[n.value,o.value,i.value,s.value,m.value,v.value,null==g?void 0:g.value,c.value,p.value,null==f?void 0:f.value,d.value,b.value,h.value,P.value,x.value]),(()=>{y()}));const k=e.computed((()=>t.getMainClass(r,u,{[`${u}-full-page`]:r.fullPage}))),S=e.computed((()=>t.getMainStyle(r,{zIndex:r.zIndex,backgroundSize:`${r.gapX+r.width}px`,backgroundImage:`url('${l.base64Url}')`})));return(a,t)=>({a:e.n(k.value),b:e.s(S.value)})}});wx.createComponent(s);

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/watermark/watermark.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/watermark/watermark.wxml

@@ -0,0 +1 @@
+<view class="{{a}}" style="{{b}}"/>

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/watermark/watermark.wxss

@@ -0,0 +1 @@
+.nut-watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--nut-watermark-z-index, 2000);pointer-events:none;background-repeat:repeat}.nut-watermark-full-page{position:fixed}