watermark-component-for-react/lib/index.js

A novel react component for watermark

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"));else if("function"==typeof define&&define.amd)define(["react"],t);else{var n="object"==typeof exports?t(require("react")):t(e.React);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(window,function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){"use strict";n.r(t);var r=n(0);function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(n,!0).forEach(function(t){c(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function a(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}n.d(t,"default",function(){return b});var b=function(e){function t(e){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=f(this,p(t).call(this,e))).container=null,n}var n,o,i;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}(t,r["Component"]),n=t,(o=[{key:"componentDidMount",value:function(){var e=this.props,t=(e.style,l(e,["style"]));!function e(t){var n=t.container,r=void 0===n?document.body:n,o=t.width,i=void 0===o?"300":o,u=t.height,c=void 0===u?"200":u,l=t.textAlign,a=void 0===l?"left":l,f=t.textBaseline,p=void 0===f?"bottom":f,s=t.font,b=void 0===s?"16px Microsoft Yahei":s,y=t.fillStyle,d=void 0===y?"#000":y,v=t.content,O=void 0===v?"内部文档，请勿外传":v,m=t.globalAlpha,h=void 0===m?.1:m,g=t.rotate,j=void 0===g?16:g,w=t.zIndex,x=void 0===w?1e3:w,P=document.createElement("canvas");P.setAttribute("width",i),P.setAttribute("height",c);var _=P.getContext("2d");_.globalAlpha=h,_.textAlign=a,_.textBaseline=p,_.font=b,_.fillStyle=d,_.rotate(Math.PI*j/180),_.fillText(O,50,50);var S=P.toDataURL(),E=document.querySelector(".__wm"),M=E||document.createElement("div"),k="\n    position:absolute;\n    top:0px;\n    left:0px;\n    width:100%;\n    height:100%;\n    z-index:".concat(x,";\n    pointer-events:none;\n    background-repeat:repeat;\n    background-image:url('").concat(S,"')");M.setAttribute("style",k),M.classList.add("__wm"),r.style.position="relative",E||r.appendChild(M);var A=window.MutationObserver||window.WebKitMutationObserver;if(A){var D=arguments[0],T=new A(function(){var t=document.querySelector(".__wm");(t&&t.getAttribute("style")!==k||!t||"relative"!==r.style.position)&&(T.disconnect(),T=null,e(D))});T.observe(r,{attributes:!0,subtree:!0,childList:!0})}}(u({container:this.container},t))}},{key:"render",value:function(){var e=this,t=u({position:"relative"},this.props.style);return r.createElement("div",{ref:function(t){return e.container=t},id:"watermark",style:t},this.props.children)}}])&&a(n.prototype,o),i&&a(n,i),t}()}]).default});