feat: add monitorProtection

.changeset/slow-sheep-itch.md

@@ -0,0 +1,6 @@
+---
+'@watermark-design/core': minor
+'@watermark-design/dom': minor
+---
+
+add monitorProtection

packages/core/src/initialization.ts

@@ -36,6 +36,7 @@ export const initialOptions: WatermarkOptions = {
   globalAlpha: 0.5,
   mode: 'default',
   mutationObserve: true,
+  monitorProtection: false,
   movable: false,
   parent: 'body',
   onSuccess: () => {},

packages/core/src/types/index.ts

@@ -123,6 +123,7 @@ export interface WatermarkOptions {
   globalAlpha: number;
   zIndex: number;
   mutationObserve: boolean;
+  monitorProtection: boolean;
   movable: boolean;
   mode: CreateWatermarkModeType;
   parent: Element | string;

packages/dom/src/watermark.ts

@@ -7,7 +7,7 @@ import {
   renderLayout,
   WatermarkCanvas,
 } from '@watermark-design/core';
-// import bootstrap from '../utils/bootstrap'
+import protection from '../utils/protection';
 
 /**
  * Watermark class
@@ -36,7 +36,7 @@ class Watermark {
     };
     this.changeParentElement(this.options.parent);
     this.watermarkCanvas = new WatermarkCanvas(this.props, this.options);
-    // bootstrap()
+    protection(this.options.monitorProtection);
   }
 
   /**
@@ -51,6 +51,7 @@ class Watermark {
     redraw: boolean = true
   ): Promise<void> {
     this.initConfigData(args, mode);
+    protection(this.options.monitorProtection);
     if (redraw) {
       this.remove();
       await this.create();

packages/dom/utils/protection.ts

@@ -0,0 +1,15 @@
+export default (need: boolean) => {
+  if (typeof window === 'undefined') {
+    return;
+  }
+  if (need) {
+    Object.defineProperty(window, 'MutationObserver', {
+      writable: false,
+      configurable: false,
+    });
+    Object.defineProperty(window, 'requestAnimationFrame', {
+      writable: false,
+      configurable: false,
+    });
+  }
+};