watermark-js-plus 0.11.2 → 0.12.0

package/dist/index.cjs.js

@@ -181,7 +181,7 @@ var initialOptions = {
     imageHeight: 0,
     lineHeight: 30,
     zIndex: 2147483647,
-    backgroundPosition: '0 0, 0 0',
+    backgroundPosition: '0 0',
     backgroundRepeat: 'repeat',
     fontSize: '20px',
     fontFamily: 'sans-serif',
@@ -193,7 +193,7 @@ var initialOptions = {
     globalAlpha: 0.5,
     mode: 'default',
     mutationObserve: true,
-    unique: true,
+    movable: false,
     parent: 'body',
     onSuccess: function () { },
     onBeforeDestroy: function () { },
@@ -837,7 +837,7 @@ var Watermark = /** @class */ (function () {
                         parentElementType = this.checkParentElementType();
                         this.watermarkDom.style.cssText = "\n      z-index: ".concat(this.options.zIndex, "!important;display:block!important;visibility:visible!important;transform:none!important;scale:none!important;\n      ").concat(parentElementType === 'custom' ? 'top:0!important;bottom:0!important;left:0!important;right:0!important;height:100%!important;pointer-events:none!important;position:absolute!important;' : 'position:relative!important;', "\n    ");
                         backgroundSize = generateBackgroundSize(this.options);
-                        watermarkInnerDom.style.cssText = "\n      display:block!important;visibility:visible!important;pointer-events:none;top:0;bottom:0;left:0;right:0;transform:none!important;scale:none!important;\n      position:".concat(parentElementType === 'root' ? 'fixed' : 'absolute', "!important;-webkit-print-color-adjust:exact!important;width:100%!important;height:100%!important;\n      z-index:").concat(this.options.zIndex, "!important;background-image:url(").concat(image, ")!important;background-repeat:").concat(this.options.backgroundRepeat, "!important;\n      background-size:").concat(backgroundSize[0], "px ").concat(backgroundSize[1], "px!important;background-position:").concat(this.options.backgroundPosition, "!important;\n    ");
+                        watermarkInnerDom.style.cssText = "\n      display:block!important;visibility:visible!important;pointer-events:none;top:0;bottom:0;left:0;right:0;transform:none!important;scale:none!important;\n      position:".concat(parentElementType === 'root' ? 'fixed' : 'absolute', "!important;-webkit-print-color-adjust:exact!important;width:100%!important;height:100%!important;\n      z-index:").concat(this.options.zIndex, "!important;background-image:url(").concat(image, ")!important;background-repeat:").concat(this.options.backgroundRepeat, "!important;\n      background-size:").concat(backgroundSize[0], "px ").concat(backgroundSize[1], "px!important;background-position:").concat(this.options.backgroundPosition, ";\n      ").concat(this.options.movable ? 'animation: 200s ease 0s infinite normal none running watermark !important;' : '', "\n    ");
                         this.watermarkDom.append(watermarkInnerDom);
                         this.parentElement.appendChild(this.watermarkDom);
                         if (this.options.mutationObserve) {
@@ -882,9 +882,7 @@ var Watermark = /** @class */ (function () {
         (_b = (_a = this.options).onBeforeDestroy) === null || _b === void 0 ? void 0 : _b.call(_a);
         (_c = this.observer) === null || _c === void 0 ? void 0 : _c.disconnect();
         (_d = this.parentObserve) === null || _d === void 0 ? void 0 : _d.disconnect();
-        if (!isUndefined(this.checkWatermarkElementRequestID)) {
-            cancelAnimationFrame(this.checkWatermarkElementRequestID);
-        }
+        this.unbindCheckWatermarkElementEvent();
         (_e = this.watermarkDom) === null || _e === void 0 ? void 0 : _e.remove();
         (_g = (_f = this.options).onDestroyed) === null || _g === void 0 ? void 0 : _g.call(_f);
     };
@@ -914,17 +912,15 @@ var Watermark = /** @class */ (function () {
     };
     Watermark.prototype.validateUnique = function () {
         var result = true;
-        if (this.options.unique) {
-            this.parentElement.childNodes.forEach(function (node) {
-                if (!result) {
-                    return;
-                }
-                if (Object.hasOwnProperty.call(node, '__WATERMARK__')) {
-                    result = false;
-                    // throw new Error('duplicate watermark error')
-                }
-            });
-        }
+        this.parentElement.childNodes.forEach(function (node) {
+            if (!result) {
+                return;
+            }
+            if (Object.hasOwnProperty.call(node, '__WATERMARK__')) {
+                result = false;
+                // throw new Error('duplicate watermark error')
+            }
+        });
         return result;
     };
     Watermark.prototype.validateContent = function () {
@@ -956,7 +952,7 @@ var Watermark = /** @class */ (function () {
                         _a.sent();
                         _a.label = 2;
                     case 2:
-                        this.checkWatermarkElementRequestID = requestAnimationFrame(this.checkWatermarkElement.bind(this));
+                        this.bindCheckWatermarkElementEvent();
                         return [2 /*return*/];
                 }
             });
@@ -967,7 +963,7 @@ var Watermark = /** @class */ (function () {
         if (!this.watermarkDom) {
             return;
         }
-        this.checkWatermarkElementRequestID = requestAnimationFrame(this.checkWatermarkElement.bind(this));
+        this.bindCheckWatermarkElementEvent();
         this.observer = new MutationObserver(function (mutationsList) { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -1001,7 +997,7 @@ var Watermark = /** @class */ (function () {
                         item = mutationsList_1[_i];
                         if (!((item === null || item === void 0 ? void 0 : item.target) === this.watermarkDom ||
                             ((_a = item === null || item === void 0 ? void 0 : item.removedNodes) === null || _a === void 0 ? void 0 : _a[0]) === this.watermarkDom ||
-                            (item.type === 'childList' && item.target === this.parentElement && (this.options.unique ? (item.target.lastChild !== this.watermarkDom) : false)))) return [3 /*break*/, 3];
+                            (item.type === 'childList' && item.target === this.parentElement && item.target.lastChild !== this.watermarkDom))) return [3 /*break*/, 3];
                         this.remove();
                         return [4 /*yield*/, this.create()];
                     case 2:
@@ -1021,6 +1017,15 @@ var Watermark = /** @class */ (function () {
             characterData: true // 节点内容或节点文本的变动。
         });
     };
+    Watermark.prototype.bindCheckWatermarkElementEvent = function () {
+        this.unbindCheckWatermarkElementEvent();
+        this.checkWatermarkElementRequestID = requestAnimationFrame(this.checkWatermarkElement.bind(this));
+    };
+    Watermark.prototype.unbindCheckWatermarkElementEvent = function () {
+        if (!isUndefined(this.checkWatermarkElementRequestID)) {
+            cancelAnimationFrame(this.checkWatermarkElementRequestID);
+        }
+    };
     return Watermark;
 }());
 
@@ -1131,6 +1136,36 @@ var ImageWatermark = /** @class */ (function () {
     return ImageWatermark;
 }());
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "@keyframes watermark{0%{background-position:0 0}25%{background-position:100% 100%}50%{background-position:0 0}75%{background-position:100% -100%}to{background-position:0 0}}";
+styleInject(css_248z);
+
 exports.BlindWatermark = BlindWatermark;
 exports.ImageWatermark = ImageWatermark;
 exports.Watermark = Watermark;