watermark-js-plus 1.6.3 → 1.6.5

package/dist/es/src/core/watermark.js

@@ -64,17 +64,18 @@ var Watermark = /** @class */ (function () {
                             return [2 /*return*/];
                         }
                         this.isCreating = true;
+                        _h.label = 1;
+                    case 1:
+                        _h.trys.push([1, , 3, 4]);
                         if (!this.validateUnique()) {
-                            this.isCreating = false;
                             return [2 /*return*/];
                         }
                         if (!this.validateContent()) {
-                            this.isCreating = false;
                             return [2 /*return*/];
                         }
                         firstDraw = isUndefined(this.watermarkDom);
                         return [4 /*yield*/, ((_a = this.watermarkCanvas) === null || _a === void 0 ? void 0 : _a.draw())];
-                    case 1:
+                    case 2:
                         _h.sent();
                         this.layoutCanvas = renderLayout(this.options, (_b = this.watermarkCanvas) === null || _b === void 0 ? void 0 : _b.getCanvas());
                         image = convertImage(this.layoutCanvas);
@@ -84,22 +85,25 @@ var Watermark = /** @class */ (function () {
                         this.watermarkDom.__WATERMARK__ = 'watermark';
                         this.watermarkDom.__WATERMARK__INSTANCE__ = this;
                         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    ");
+                        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, ";\n      ").concat(generateAnimationStyle(this.options.movable, this.options.backgroundRepeat), "\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(generateAnimationStyle(this.options.movable, this.options.backgroundRepeat), "\n      ");
                         this.watermarkDom.appendChild(watermarkInnerDom);
                         this.parentElement.appendChild(this.watermarkDom);
                         if (this.options.mutationObserve) {
                             try {
-                                this.bindMutationObserve();
+                                this.bindMutationObserver();
                             }
                             catch (_j) {
                                 (_e = (_d = this.options).onObserveError) === null || _e === void 0 ? void 0 : _e.call(_d);
                             }
                         }
                         firstDraw && ((_g = (_f = this.options).onSuccess) === null || _g === void 0 ? void 0 : _g.call(_f));
+                        return [3 /*break*/, 4];
+                    case 3:
                         this.isCreating = false;
-                        return [2 /*return*/];
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
                 }
             });
         });
@@ -122,7 +126,7 @@ var Watermark = /** @class */ (function () {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         (_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();
+        (_d = this.parentObserver) === null || _d === void 0 ? void 0 : _d.disconnect();
         (_f = (_e = this.watermarkDom) === null || _e === void 0 ? void 0 : _e.parentNode) === null || _f === void 0 ? void 0 : _f.removeChild(this.watermarkDom);
         (_h = (_g = this.options).onDestroyed) === null || _h === void 0 ? void 0 : _h.call(_g);
     };
@@ -182,64 +186,56 @@ var Watermark = /** @class */ (function () {
         }
         return 'custom';
     };
-    Watermark.prototype.bindMutationObserve = function () {
-        var _this = this;
-        if (!this.watermarkDom) {
-            return;
-        }
-        this.observer = new MutationObserver(function (mutationsList) { return __awaiter(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+    Watermark.prototype.recreateOnMutation = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
-                        if (!(mutationsList.length > 0)) return [3 /*break*/, 2];
+                        _d.trys.push([0, 2, , 3]);
                         this.remove();
                         return [4 /*yield*/, this.create()];
                     case 1:
-                        _a.sent();
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
+                        _d.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        _d.sent();
+                        (_c = (_b = this.options).onObserveError) === null || _c === void 0 ? void 0 : _c.call(_b);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
                 }
             });
-        }); });
+        });
+    };
+    Watermark.prototype.bindMutationObserver = function () {
+        var _this = this;
+        if (!this.watermarkDom) {
+            return;
+        }
+        this.observer = new MutationObserver(function (mutationsList) {
+            if (mutationsList.length > 0) {
+                void _this.recreateOnMutation();
+            }
+        });
         this.observer.observe(this.watermarkDom, {
             attributes: true, // 属性的变动
+            attributeFilter: ['style', 'class', 'hidden', 'id'], // 仅监听会影响水印展示或标识的属性
             childList: true, // 子节点的变动（指新增，删除或者更改）
             subtree: true, // 布尔值，表示是否将该观察器应用于该节点的所有后代节点。
             characterData: true, // 节点内容或节点文本的变动。
         });
-        this.parentObserve = new MutationObserver(function (mutationsList) { return __awaiter(_this, void 0, void 0, function () {
-            var _i, mutationsList_1, item;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        _i = 0, mutationsList_1 = mutationsList;
-                        _b.label = 1;
-                    case 1:
-                        if (!(_i < mutationsList_1.length)) return [3 /*break*/, 4];
-                        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 &&
-                                item.target.lastChild !== this.watermarkDom))) return [3 /*break*/, 3];
-                        this.remove();
-                        return [4 /*yield*/, this.create()];
-                    case 2:
-                        _b.sent();
-                        _b.label = 3;
-                    case 3:
-                        _i++;
-                        return [3 /*break*/, 1];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        }); });
-        this.parentObserve.observe(this.parentElement, {
-            attributes: true, // 属性的变动
+        this.parentObserver = new MutationObserver(function (mutationsList) {
+            var watermarkDom = _this.watermarkDom;
+            if (!watermarkDom) {
+                return;
+            }
+            var watermarkRemoved = mutationsList.some(function (item) { return Array.from(item.removedNodes).includes(watermarkDom); });
+            if (watermarkRemoved) {
+                void _this.recreateOnMutation();
+            }
+        });
+        this.parentObserver.observe(this.parentElement, {
             childList: true, // 子节点的变动（指新增，删除或者更改）
-            subtree: true, // 布尔值，表示是否将该观察器应用于该节点的所有后代节点。
-            characterData: true, // 节点内容或节点文本的变动。
         });
     };
     return Watermark;

package/dist/ie/es/node_modules/core-js/internals/array-from.js

@@ -6,8 +6,10 @@ import { __require as requireIsArrayIteratorMethod } from './is-array-iterator-m
 import { __require as requireIsConstructor } from './is-constructor.js';
 import { __require as requireLengthOfArrayLike } from './length-of-array-like.js';
 import { __require as requireCreateProperty } from './create-property.js';
+import { __require as requireArraySetLength } from './array-set-length.js';
 import { __require as requireGetIterator } from './get-iterator.js';
 import { __require as requireGetIteratorMethod } from './get-iterator-method.js';
+import { __require as requireIteratorClose } from './iterator-close.js';
 
 var arrayFrom;
 var hasRequiredArrayFrom;
@@ -23,20 +25,22 @@ function requireArrayFrom () {
 	var isConstructor = requireIsConstructor();
 	var lengthOfArrayLike = requireLengthOfArrayLike();
 	var createProperty = requireCreateProperty();
+	var setArrayLength = requireArraySetLength();
 	var getIterator = requireGetIterator();
 	var getIteratorMethod = requireGetIteratorMethod();
+	var iteratorClose = requireIteratorClose();
 
 	var $Array = Array;
 
 	// `Array.from` method implementation
 	// https://tc39.es/ecma262/#sec-array.from
 	arrayFrom = function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {
-	  var O = toObject(arrayLike);
 	  var IS_CONSTRUCTOR = isConstructor(this);
 	  var argumentsLength = arguments.length;
 	  var mapfn = argumentsLength > 1 ? arguments[1] : undefined;
 	  var mapping = mapfn !== undefined;
 	  if (mapping) mapfn = bind(mapfn, argumentsLength > 2 ? arguments[2] : undefined);
+	  var O = toObject(arrayLike);
 	  var iteratorMethod = getIteratorMethod(O);
 	  var index = 0;
 	  var length, result, step, iterator, next, value;
@@ -47,7 +51,11 @@ function requireArrayFrom () {
 	    next = iterator.next;
 	    for (;!(step = call(next, iterator)).done; index++) {
 	      value = mapping ? callWithSafeIterationClosing(iterator, mapfn, [step.value, index], true) : step.value;
-	      createProperty(result, index, value);
+	      try {
+	        createProperty(result, index, value);
+	      } catch (error) {
+	        iteratorClose(iterator, 'throw', error);
+	      }
 	    }
 	  } else {
 	    length = lengthOfArrayLike(O);
@@ -57,7 +65,7 @@ function requireArrayFrom () {
 	      createProperty(result, index, value);
 	    }
 	  }
-	  result.length = index;
+	  setArrayLength(result, index);
 	  return result;
 	};
 	return arrayFrom;

package/dist/ie/es/node_modules/core-js/internals/array-set-length.js

@@ -0,0 +1,39 @@
+import { __require as requireDescriptors } from './descriptors.js';
+import { __require as requireIsArray } from './is-array.js';
+
+var arraySetLength;
+var hasRequiredArraySetLength;
+
+function requireArraySetLength () {
+	if (hasRequiredArraySetLength) return arraySetLength;
+	hasRequiredArraySetLength = 1;
+	var DESCRIPTORS = requireDescriptors();
+	var isArray = requireIsArray();
+
+	var $TypeError = TypeError;
+	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+	var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+
+	// Safari < 13 does not throw an error in this case
+	var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS && !function () {
+	  // makes no sense without proper strict mode support
+	  if (this !== undefined) return true;
+	  try {
+	    // eslint-disable-next-line es/no-object-defineproperty -- safe
+	    Object.defineProperty([], 'length', { writable: false }).length = 1;
+	  } catch (error) {
+	    return error instanceof TypeError;
+	  }
+	}();
+
+	arraySetLength = SILENT_ON_NON_WRITABLE_LENGTH_SET ? function (O, length) {
+	  if (isArray(O) && !getOwnPropertyDescriptor(O, 'length').writable) {
+	    throw new $TypeError('Cannot set read only .length');
+	  } return O.length = length;
+	} : function (O, length) {
+	  return O.length = length;
+	};
+	return arraySetLength;
+}
+
+export { requireArraySetLength as __require };

package/dist/ie/es/node_modules/core-js/internals/check-correctness-of-iteration.js

@@ -21,6 +21,7 @@ function requireCheckCorrectnessOfIteration () {
 	      SAFE_CLOSING = true;
 	    }
 	  };
+	  // eslint-disable-next-line unicorn/no-immediate-mutation -- ES3 syntax limitation
 	  iteratorWithReturn[ITERATOR] = function () {
 	    return this;
 	  };
@@ -35,6 +36,7 @@ function requireCheckCorrectnessOfIteration () {
 	  var ITERATION_SUPPORT = false;
 	  try {
 	    var object = {};
+	    // eslint-disable-next-line unicorn/no-immediate-mutation -- ES3 syntax limitation
 	    object[ITERATOR] = function () {
 	      return {
 	        next: function () {

package/dist/ie/es/node_modules/core-js/internals/environment-is-ios.js

@@ -8,8 +8,7 @@ function requireEnvironmentIsIos () {
 	hasRequiredEnvironmentIsIos = 1;
 	var userAgent = requireEnvironmentUserAgent();
 
-	// eslint-disable-next-line redos/no-vulnerable -- safe
-	environmentIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent);
+	environmentIsIos = /ipad|iphone|ipod/i.test(userAgent) && /applewebkit/i.test(userAgent);
 	return environmentIsIos;
 }
 

package/dist/ie/es/node_modules/core-js/internals/function-bind-native.js

@@ -10,7 +10,7 @@ function requireFunctionBindNative () {
 
 	functionBindNative = !fails(function () {
 	  // eslint-disable-next-line es/no-function-prototype-bind -- safe
-	  var test = (function () { /* empty */ }).bind();
+	  var test = function () { /* empty */ }.bind();
 	  // eslint-disable-next-line no-prototype-builtins -- safe
 	  return typeof test != 'function' || test.hasOwnProperty('prototype');
 	});

package/dist/ie/es/node_modules/core-js/internals/function-name.js

@@ -16,7 +16,7 @@ function requireFunctionName () {
 
 	var EXISTS = hasOwn(FunctionPrototype, 'name');
 	// additional protection from minified / mangled / dropped function names
-	var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
+	var PROPER = EXISTS && function something() { /* empty */ }.name === 'something';
 	var CONFIGURABLE = EXISTS && (!DESCRIPTORS || (DESCRIPTORS && getDescriptor(FunctionPrototype, 'name').configurable));
 
 	functionName = {

package/dist/ie/es/node_modules/core-js/internals/is-array.js

@@ -0,0 +1,20 @@
+import { __require as requireClassofRaw } from './classof-raw.js';
+
+var isArray;
+var hasRequiredIsArray;
+
+function requireIsArray () {
+	if (hasRequiredIsArray) return isArray;
+	hasRequiredIsArray = 1;
+	var classof = requireClassofRaw();
+
+	// `IsArray` abstract operation
+	// https://tc39.es/ecma262/#sec-isarray
+	// eslint-disable-next-line es/no-array-isarray -- safe
+	isArray = Array.isArray || function isArray(argument) {
+	  return classof(argument) === 'Array';
+	};
+	return isArray;
+}
+
+export { requireIsArray as __require };

package/dist/ie/es/node_modules/core-js/internals/iterate.js

@@ -45,7 +45,9 @@ function requireIterate () {
 	  var iterator, iterFn, index, length, result, next, step;
 
 	  var stop = function (condition) {
-	    if (iterator) iteratorClose(iterator, 'normal');
+	    var $iterator = iterator;
+	    iterator = undefined;
+	    if ($iterator) iteratorClose($iterator, 'normal');
 	    return new Result(true, condition);
 	  };
 
@@ -75,10 +77,13 @@ function requireIterate () {
 
 	  next = IS_RECORD ? iterable.next : iterator.next;
 	  while (!(step = call(next, iterator)).done) {
+	    // `IteratorValue` errors should propagate without closing the iterator
+	    var value = step.value;
 	    try {
-	      result = callFn(step.value);
+	      result = callFn(value);
 	    } catch (error) {
-	      iteratorClose(iterator, 'throw', error);
+	      if (iterator) iteratorClose(iterator, 'throw', error);
+	      else throw error;
 	    }
 	    if (typeof result == 'object' && result && isPrototypeOf(ResultPrototype, result)) return result;
 	  } return new Result(false);

package/dist/ie/es/node_modules/core-js/internals/shared-store.js

@@ -16,10 +16,10 @@ function requireSharedStore () {
 	var store = sharedStore.exports = globalThis[SHARED] || defineGlobalProperty(SHARED, {});
 
 	(store.versions || (store.versions = [])).push({
-	  version: '3.44.0',
+	  version: '3.49.0',
 	  mode: IS_PURE ? 'pure' : 'global',
-	  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
-	  license: 'https://github.com/zloirock/core-js/blob/v3.44.0/LICENSE',
+	  copyright: '© 2013–2025 Denis Pushkarev (zloirock.ru), 2025–2026 CoreJS Company (core-js.io). All rights reserved.',
+	  license: 'https://github.com/zloirock/core-js/blob/v3.49.0/LICENSE',
 	  source: 'https://github.com/zloirock/core-js'
 	});
 	return sharedStore.exports;

package/dist/ie/es/node_modules/core-js/internals/to-string-tag-support.js

@@ -10,7 +10,7 @@ function requireToStringTagSupport () {
 
 	var TO_STRING_TAG = wellKnownSymbol('toStringTag');
 	var test = {};
-
+	// eslint-disable-next-line unicorn/no-immediate-mutation -- ES3 syntax limitation
 	test[TO_STRING_TAG] = 'z';
 
 	toStringTagSupport = String(test) === '[object z]';

package/dist/ie/es/node_modules/core-js/modules/es.array.fill.js

@@ -1,4 +1,4 @@
-import { __exports as es_array_fill } from '../../../_virtual/es.array.fill2.js';
+import { __exports as es_array_fill } from '../../../_virtual/es2.array.fill.js';
 import { __require as require_export } from '../internals/export.js';
 import { __require as requireArrayFill } from '../internals/array-fill.js';
 import { __require as requireAddToUnscopables } from '../internals/add-to-unscopables.js';

package/dist/ie/es/node_modules/core-js/modules/es.array.from.js

@@ -1,4 +1,4 @@
-import { __exports as es_array_from } from '../../../_virtual/es.array.from2.js';
+import { __exports as es_array_from } from '../../../_virtual/es2.array.from.js';
 import { __require as require_export } from '../internals/export.js';
 import { __require as requireArrayFrom } from '../internals/array-from.js';
 import { __require as requireCheckCorrectnessOfIteration } from '../internals/check-correctness-of-iteration.js';

package/dist/ie/es/node_modules/core-js/modules/es.array.includes.js

@@ -1,4 +1,4 @@
-import { __exports as es_array_includes } from '../../../_virtual/es.array.includes2.js';
+import { __exports as es_array_includes } from '../../../_virtual/es2.array.includes.js';
 import { __require as require_export } from '../internals/export.js';
 import { __require as requireArrayIncludes } from '../internals/array-includes.js';
 import { __require as requireFails } from '../internals/fails.js';
@@ -20,9 +20,15 @@ function requireEs_array_includes () {
 	  return !Array(1).includes();
 	});
 
+	// Safari 26.4- bug
+	var BROKEN_ON_SPARSE_WITH_FROM_INDEX = fails(function () {
+	  // eslint-disable-next-line no-sparse-arrays, es/no-array-prototype-includes -- detection
+	  return [, 1].includes(undefined, 1);
+	});
+
 	// `Array.prototype.includes` method
 	// https://tc39.es/ecma262/#sec-array.prototype.includes
-	$({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+	$({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE || BROKEN_ON_SPARSE_WITH_FROM_INDEX }, {
 	  includes: function includes(el /* , fromIndex = 0 */) {
 	    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
 	  }

package/dist/ie/es/node_modules/core-js/modules/es.promise.js

@@ -1,4 +1,4 @@
-import { __exports as es_promise } from '../../../_virtual/es.promise2.js';
+import { __exports as es_promise } from '../../../_virtual/es2.promise.js';
 import { __require as requireEs_promise_constructor } from './es.promise.constructor.js';
 import { __require as requireEs_promise_all } from './es.promise.all.js';
 import { __require as requireEs_promise_catch } from './es.promise.catch.js';

package/dist/ie/es/src/core/watermark.js

@@ -64,17 +64,18 @@ var Watermark = /** @class */ (function () {
                             return [2 /*return*/];
                         }
                         this.isCreating = true;
+                        _h.label = 1;
+                    case 1:
+                        _h.trys.push([1, , 3, 4]);
                         if (!this.validateUnique()) {
-                            this.isCreating = false;
                             return [2 /*return*/];
                         }
                         if (!this.validateContent()) {
-                            this.isCreating = false;
                             return [2 /*return*/];
                         }
                         firstDraw = isUndefined(this.watermarkDom);
                         return [4 /*yield*/, ((_a = this.watermarkCanvas) === null || _a === void 0 ? void 0 : _a.draw())];
-                    case 1:
+                    case 2:
                         _h.sent();
                         this.layoutCanvas = renderLayout(this.options, (_b = this.watermarkCanvas) === null || _b === void 0 ? void 0 : _b.getCanvas());
                         image = convertImage(this.layoutCanvas);
@@ -84,22 +85,25 @@ var Watermark = /** @class */ (function () {
                         this.watermarkDom.__WATERMARK__ = 'watermark';
                         this.watermarkDom.__WATERMARK__INSTANCE__ = this;
                         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    ");
+                        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, ";\n      ").concat(generateAnimationStyle(this.options.movable, this.options.backgroundRepeat), "\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(generateAnimationStyle(this.options.movable, this.options.backgroundRepeat), "\n      ");
                         this.watermarkDom.appendChild(watermarkInnerDom);
                         this.parentElement.appendChild(this.watermarkDom);
                         if (this.options.mutationObserve) {
                             try {
-                                this.bindMutationObserve();
+                                this.bindMutationObserver();
                             }
                             catch (_j) {
                                 (_e = (_d = this.options).onObserveError) === null || _e === void 0 ? void 0 : _e.call(_d);
                             }
                         }
                         firstDraw && ((_g = (_f = this.options).onSuccess) === null || _g === void 0 ? void 0 : _g.call(_f));
+                        return [3 /*break*/, 4];
+                    case 3:
                         this.isCreating = false;
-                        return [2 /*return*/];
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
                 }
             });
         });
@@ -122,7 +126,7 @@ var Watermark = /** @class */ (function () {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         (_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();
+        (_d = this.parentObserver) === null || _d === void 0 ? void 0 : _d.disconnect();
         (_f = (_e = this.watermarkDom) === null || _e === void 0 ? void 0 : _e.parentNode) === null || _f === void 0 ? void 0 : _f.removeChild(this.watermarkDom);
         (_h = (_g = this.options).onDestroyed) === null || _h === void 0 ? void 0 : _h.call(_g);
     };
@@ -182,64 +186,56 @@ var Watermark = /** @class */ (function () {
         }
         return 'custom';
     };
-    Watermark.prototype.bindMutationObserve = function () {
-        var _this = this;
-        if (!this.watermarkDom) {
-            return;
-        }
-        this.observer = new MutationObserver(function (mutationsList) { return __awaiter(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+    Watermark.prototype.recreateOnMutation = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
-                        if (!(mutationsList.length > 0)) return [3 /*break*/, 2];
+                        _d.trys.push([0, 2, , 3]);
                         this.remove();
                         return [4 /*yield*/, this.create()];
                     case 1:
-                        _a.sent();
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
+                        _d.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        _d.sent();
+                        (_c = (_b = this.options).onObserveError) === null || _c === void 0 ? void 0 : _c.call(_b);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
                 }
             });
-        }); });
+        });
+    };
+    Watermark.prototype.bindMutationObserver = function () {
+        var _this = this;
+        if (!this.watermarkDom) {
+            return;
+        }
+        this.observer = new MutationObserver(function (mutationsList) {
+            if (mutationsList.length > 0) {
+                void _this.recreateOnMutation();
+            }
+        });
         this.observer.observe(this.watermarkDom, {
             attributes: true, // 属性的变动
+            attributeFilter: ['style', 'class', 'hidden', 'id'], // 仅监听会影响水印展示或标识的属性
             childList: true, // 子节点的变动（指新增，删除或者更改）
             subtree: true, // 布尔值，表示是否将该观察器应用于该节点的所有后代节点。
             characterData: true, // 节点内容或节点文本的变动。
         });
-        this.parentObserve = new MutationObserver(function (mutationsList) { return __awaiter(_this, void 0, void 0, function () {
-            var _i, mutationsList_1, item;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        _i = 0, mutationsList_1 = mutationsList;
-                        _b.label = 1;
-                    case 1:
-                        if (!(_i < mutationsList_1.length)) return [3 /*break*/, 4];
-                        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 &&
-                                item.target.lastChild !== this.watermarkDom))) return [3 /*break*/, 3];
-                        this.remove();
-                        return [4 /*yield*/, this.create()];
-                    case 2:
-                        _b.sent();
-                        _b.label = 3;
-                    case 3:
-                        _i++;
-                        return [3 /*break*/, 1];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        }); });
-        this.parentObserve.observe(this.parentElement, {
-            attributes: true, // 属性的变动
+        this.parentObserver = new MutationObserver(function (mutationsList) {
+            var watermarkDom = _this.watermarkDom;
+            if (!watermarkDom) {
+                return;
+            }
+            var watermarkRemoved = mutationsList.some(function (item) { return Array.from(item.removedNodes).includes(watermarkDom); });
+            if (watermarkRemoved) {
+                void _this.recreateOnMutation();
+            }
+        });
+        this.parentObserver.observe(this.parentElement, {
             childList: true, // 子节点的变动（指新增，删除或者更改）
-            subtree: true, // 布尔值，表示是否将该观察器应用于该节点的所有后代节点。
-            characterData: true, // 节点内容或节点文本的变动。
         });
     };
     return Watermark;