watermark-js-plus 0.9.9 → 0.9.11

package/dist/index.cjs.js

@@ -444,6 +444,31 @@ var bootstrap = (function () {
     }
 });
 
+// import { WatermarkOptions } from '../types'
+var WatermarkCanvas = /** @class */ (function () {
+    function WatermarkCanvas() {
+    }
+    // constructor (args: Partial<WatermarkOptions> = {}) {
+    // }
+    /**
+     * Create an HD canvas.
+     * @param width - width of canvas
+     * @param height - height of canvas
+     */
+    WatermarkCanvas.createCanvas = function (width, height) {
+        var _a;
+        var ratio = window.devicePixelRatio || 1;
+        var canvas = document.createElement('canvas');
+        canvas.width = width * ratio; // actual rendered pixel
+        canvas.height = height * ratio; // actual rendered pixel
+        canvas.style.width = "".concat(width, "px"); // control display size
+        canvas.style.height = "".concat(height, "px"); // control display size
+        (_a = canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.setTransform(ratio, 0, 0, ratio, 0, 0);
+        return canvas;
+    };
+    return WatermarkCanvas;
+}());
+
 var GridLayout = /** @class */ (function () {
     function GridLayout(args, partialCanvas) {
         var _a, _b, _c, _d;
@@ -458,7 +483,7 @@ var GridLayout = /** @class */ (function () {
     }
     GridLayout.prototype.draw = function () {
         var _a, _b;
-        var layoutCanvas = Watermark.createCanvas(this.partialWidth * this.cols + this.gap[0] * this.cols, this.partialHeight * this.rows + this.gap[1] * this.rows);
+        var layoutCanvas = WatermarkCanvas.createCanvas(this.partialWidth * this.cols + this.gap[0] * this.cols, this.partialHeight * this.rows + this.gap[1] * this.rows);
         var layoutContext = layoutCanvas.getContext('2d');
         for (var rowIndex = 0; rowIndex < this.rows; rowIndex++) {
             for (var colIndex = 0; colIndex < this.cols; colIndex++) {
@@ -516,26 +541,10 @@ var Watermark = /** @class */ (function () {
         this.props = args;
         this.options = Object.assign({}, initialOptions, args);
         this.changeParentElement(this.options.parent);
-        this.canvas = Watermark.createCanvas(this.options.width, this.options.height);
+        this.canvas = WatermarkCanvas.createCanvas(this.options.width, this.options.height);
         this.recommendOptions = generateRecommendOptions(this.canvas, this.options, this.props);
         bootstrap();
     }
-    /**
-     * Create an HD canvas.
-     * @param width - width of canvas
-     * @param height - height of canvas
-     */
-    Watermark.createCanvas = function (width, height) {
-        var _a;
-        var ratio = window.devicePixelRatio || 1;
-        var canvas = document.createElement('canvas');
-        canvas.width = width * ratio; // actual rendered pixel
-        canvas.height = height * ratio; // actual rendered pixel
-        canvas.style.width = "".concat(width, "px"); // control display size
-        canvas.style.height = "".concat(height, "px"); // control display size
-        (_a = canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.setTransform(ratio, 0, 0, ratio, 0, 0);
-        return canvas;
-    };
     Watermark.prototype.changeOptions = function (args, mode) {
         if (args === void 0) { args = {}; }
         if (mode === void 0) { mode = 'overwrite'; }
@@ -592,15 +601,8 @@ var Watermark = /** @class */ (function () {
      * Delete this watermark.
      */
     Watermark.prototype.destroy = function () {
-        var _a, _b, _c, _d, _e, _f, _g;
-        (_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);
-        }
-        (_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);
+        this.remove();
+        this.watermarkDom = undefined;
     };
     Watermark.prototype.check = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -608,7 +610,7 @@ var Watermark = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         if (!!document.body.contains(this.watermarkDom)) return [3 /*break*/, 2];
-                        this.destroy();
+                        this.remove();
                         return [4 /*yield*/, this.create()];
                     case 1:
                         _a.sent();
@@ -618,6 +620,17 @@ var Watermark = /** @class */ (function () {
             });
         });
     };
+    Watermark.prototype.remove = function () {
+        var _a, _b, _c, _d, _e, _f, _g;
+        (_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);
+        }
+        (_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);
+    };
     Watermark.prototype.initConfigData = function (args, mode) {
         var _this = this;
         if (mode === void 0) { mode = 'overwrite'; }
@@ -631,7 +644,7 @@ var Watermark = /** @class */ (function () {
             });
         }
         this.changeParentElement(this.options.parent);
-        this.canvas = Watermark.createCanvas(this.options.width, this.options.height);
+        this.canvas = WatermarkCanvas.createCanvas(this.options.width, this.options.height);
         this.recommendOptions = generateRecommendOptions(this.canvas, this.options, this.props);
         // document.body?.appendChild(this.canvas)
     };
@@ -907,7 +920,7 @@ var Watermark = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         if (!!document.body.contains(this.watermarkDom)) return [3 /*break*/, 2];
-                        this.destroy();
+                        this.remove();
                         return [4 /*yield*/, this.create()];
                     case 1:
                         _a.sent();
@@ -930,7 +943,7 @@ var Watermark = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         if (!(mutationsList.length > 0)) return [3 /*break*/, 2];
-                        this.destroy();
+                        this.remove();
                         return [4 /*yield*/, this.create()];
                     case 1:
                         _a.sent();
@@ -959,7 +972,7 @@ var Watermark = /** @class */ (function () {
                         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.destroy();
+                        this.remove();
                         return [4 /*yield*/, this.create()];
                     case 2:
                         _b.sent();
@@ -1025,7 +1038,7 @@ var BlindWatermark = /** @class */ (function (_super) {
             img_1.onload = function () {
                 var _a;
                 var width = img_1.width, height = img_1.height;
-                var canvas = Watermark.createCanvas(width, height);
+                var canvas = WatermarkCanvas.createCanvas(width, height);
                 var ctx = canvas.getContext('2d');
                 if (ctx === null) {
                     throw new Error('get context error');