watermark-js-plus 1.6.0 → 1.6.2

package/dist/ie/es/src/utils/initialization.js

@@ -0,0 +1,284 @@
+import { isUndefined, getMultiLineData } from './index.js';
+
+var initialOptions = {
+    width: 300,
+    height: 300,
+    rotate: 45,
+    layout: 'default',
+    auxiliaryLine: false,
+    translatePlacement: 'middle',
+    contentType: 'text',
+    content: 'hello watermark-js-plus',
+    textType: 'fill',
+    imageWidth: 0,
+    imageHeight: 0,
+    lineHeight: 30,
+    zIndex: 2147483647,
+    backgroundPosition: '0 0',
+    backgroundRepeat: 'repeat',
+    fontSize: '20px',
+    fontFamily: 'sans-serif',
+    fontStyle: '',
+    fontVariant: '',
+    fontColor: '#000',
+    fontWeight: 'normal',
+    filter: 'none',
+    letterSpacing: '0px',
+    wordSpacing: '0px',
+    globalAlpha: 0.5,
+    mode: 'default',
+    mutationObserve: true,
+    monitorProtection: false,
+    movable: false,
+    parent: 'body',
+    onSuccess: function () { },
+    onBeforeDestroy: function () { },
+    onDestroyed: function () { },
+    onObserveError: function () { },
+};
+var generateRecommendOptions = function (canvas, options, args) {
+    var ctx = canvas.getContext('2d');
+    if (ctx === null) {
+        throw new Error('get context error');
+    }
+    ctx.font = "".concat(options.fontStyle, " ").concat(options.fontVariant, " ").concat(options.fontWeight, " ").concat(options.fontSize, " ").concat(options.fontFamily);
+    ctx.filter = options.filter;
+    ctx.letterSpacing = options.letterSpacing;
+    ctx.wordSpacing = options.wordSpacing;
+    if (options === null || options === void 0 ? void 0 : options.rotate) {
+        options.rotate = (360 - (options.rotate % 360)) * (Math.PI / 180);
+    }
+    if (isUndefined(args.textRowMaxWidth)) {
+        options.textRowMaxWidth = options.width;
+    }
+    var result = {
+        image: {
+            rect: {
+                width: options.imageWidth,
+                height: options.imageHeight,
+            },
+            position: {
+                x: 0,
+                y: 0,
+            },
+        },
+        textLine: {
+            data: [],
+            yOffsetValue: 0,
+        },
+        advancedStyleParams: {
+            linear: {
+                x0: 0,
+                x1: 0,
+            },
+            radial: {
+                x0: 0,
+                y0: 0,
+                r0: 0,
+                x1: 0,
+                y1: 0,
+                r1: 0,
+            },
+            conic: {
+                x: 0,
+                y: 0,
+                startAngle: 0,
+            },
+            pattern: {},
+        },
+    };
+    switch (options.contentType) {
+        case 'text':
+            result.textLine.data = [options.content];
+            break;
+        case 'multi-line-text':
+            result.textLine.data = getMultiLineData(ctx, options.content, options.textRowMaxWidth);
+            break;
+        // case 'image':
+        //   break
+        // case 'rich-text':
+        //   break
+    }
+    var translateX = options.width / 2;
+    var translateY = options.height / 2;
+    var textBaseline = 'middle';
+    var textAlign = 'center';
+    if (!isUndefined(args === null || args === void 0 ? void 0 : args.translateX) && !isUndefined(args === null || args === void 0 ? void 0 : args.translateY)) {
+        translateX = args === null || args === void 0 ? void 0 : args.translateX;
+        translateY = args === null || args === void 0 ? void 0 : args.translateY;
+        textBaseline = 'top';
+        textAlign = 'left';
+    }
+    else {
+        // default middle
+        // translateX = options.width / 2
+        // translateY = options.height / 2
+        // TextBaselineType = 'middle'
+        // textAlign = 'center'
+        result.advancedStyleParams.linear.x0 = -options.width / 2;
+        result.advancedStyleParams.linear.x1 = options.width / 2;
+        // result.advancedStyleParams.radial.x0 = 0
+        // result.advancedStyleParams.radial.y0 = 0
+        result.advancedStyleParams.radial.r0 = 0;
+        // result.advancedStyleParams.radial.x1 = 0
+        // result.advancedStyleParams.radial.y1 = 0
+        result.advancedStyleParams.radial.r1 = options.width / 2;
+        // result.advancedStyleParams.conic.x = 0
+        // result.advancedStyleParams.conic.y = 0
+    }
+    switch (args.translatePlacement) {
+        case 'top':
+            translateX = options.width / 2;
+            translateY = 0;
+            textBaseline = 'top';
+            // textAlign = 'center'
+            result.advancedStyleParams.linear.x0 = -options.width / 2;
+            result.advancedStyleParams.linear.x1 = options.width / 2;
+            // result.advancedStyleParams.radial.x0 = 0
+            result.advancedStyleParams.radial.y0 = (result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r0 = 0
+            // result.advancedStyleParams.radial.x1 = 0
+            // result.advancedStyleParams.radial.y1 = 0
+            result.advancedStyleParams.radial.y1 = (result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r1 = options.width / 2
+            // result.advancedStyleParams.conic.x = 0
+            result.advancedStyleParams.conic.y = (result.textLine.data.length * options.lineHeight) / 2;
+            break;
+        case 'top-start':
+            translateX = 0;
+            translateY = 0;
+            textBaseline = 'top';
+            textAlign = 'start';
+            result.advancedStyleParams.linear.x0 = 0;
+            result.advancedStyleParams.linear.x1 = options.width;
+            result.advancedStyleParams.radial.x0 = options.width / 2;
+            result.advancedStyleParams.radial.y0 = (result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r0 = 0
+            result.advancedStyleParams.radial.x1 = options.width / 2;
+            result.advancedStyleParams.radial.y1 = (result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r1 = options.width / 2
+            result.advancedStyleParams.conic.x = options.width / 2;
+            result.advancedStyleParams.conic.y = (result.textLine.data.length * options.lineHeight) / 2;
+            break;
+        case 'top-end':
+            translateX = options.width;
+            translateY = 0;
+            textBaseline = 'top';
+            textAlign = 'end';
+            result.advancedStyleParams.linear.x0 = 0;
+            result.advancedStyleParams.linear.x1 = -options.width;
+            result.advancedStyleParams.radial.x0 = -options.width / 2;
+            result.advancedStyleParams.radial.y0 = (result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r0 = 0
+            result.advancedStyleParams.radial.x1 = -options.width / 2;
+            result.advancedStyleParams.radial.y1 = (result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r1 = options.width / 2
+            result.advancedStyleParams.conic.x = -options.width / 2;
+            result.advancedStyleParams.conic.y = (result.textLine.data.length * options.lineHeight) / 2;
+            break;
+        case 'bottom':
+            translateX = options.width / 2;
+            translateY = options.height;
+            textBaseline = 'bottom';
+            // textAlign = 'center'
+            result.advancedStyleParams.linear.x0 = -options.width / 2;
+            result.advancedStyleParams.linear.x1 = options.width / 2;
+            // result.advancedStyleParams.radial.x0 = 0
+            result.advancedStyleParams.radial.y0 = (-result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r0 = 0
+            // result.advancedStyleParams.radial.x1 = 0
+            result.advancedStyleParams.radial.y1 = (-result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r1 = options.width / 2
+            result.advancedStyleParams.conic.x = 0;
+            result.advancedStyleParams.conic.y = (-result.textLine.data.length * options.lineHeight) / 2;
+            break;
+        case 'bottom-start':
+            translateX = 0;
+            translateY = options.height;
+            textBaseline = 'bottom';
+            textAlign = 'start';
+            result.advancedStyleParams.linear.x0 = 0;
+            result.advancedStyleParams.linear.x1 = options.width;
+            result.advancedStyleParams.radial.x0 = options.width / 2;
+            result.advancedStyleParams.radial.y0 = (-result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r0 = 0
+            result.advancedStyleParams.radial.x1 = options.width / 2;
+            result.advancedStyleParams.radial.y1 = (-result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r1 = options.width / 2
+            result.advancedStyleParams.conic.x = options.width / 2;
+            result.advancedStyleParams.conic.y = (-result.textLine.data.length * options.lineHeight) / 2;
+            break;
+        case 'bottom-end':
+            translateX = options.width;
+            translateY = options.height;
+            textBaseline = 'bottom';
+            textAlign = 'end';
+            result.advancedStyleParams.linear.x0 = 0;
+            result.advancedStyleParams.linear.x1 = -options.width;
+            result.advancedStyleParams.radial.x0 = -options.width / 2;
+            result.advancedStyleParams.radial.y0 = (-result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r0 = 0
+            result.advancedStyleParams.radial.x1 = -options.width / 2;
+            result.advancedStyleParams.radial.y1 = (-result.textLine.data.length * options.lineHeight) / 2;
+            // result.advancedStyleParams.radial.r1 = options.width / 2
+            result.advancedStyleParams.conic.x = -options.width / 2;
+            result.advancedStyleParams.conic.y = (-result.textLine.data.length * options.lineHeight) / 2;
+            break;
+        case 'left':
+            translateX = 0;
+            translateY = options.height / 2;
+            // TextBaselineType = 'middle'
+            textAlign = 'start';
+            result.advancedStyleParams.linear.x0 = 0;
+            result.advancedStyleParams.linear.x1 = options.width;
+            result.advancedStyleParams.radial.x0 = options.width / 2;
+            // result.advancedStyleParams.radial.y0 = 0
+            // result.advancedStyleParams.radial.r0 = 0
+            result.advancedStyleParams.radial.x1 = options.width / 2;
+            // result.advancedStyleParams.radial.y1 = 0
+            // result.advancedStyleParams.radial.r1 = options.width / 2
+            result.advancedStyleParams.conic.x = options.width / 2;
+            result.advancedStyleParams.conic.y = 0;
+            break;
+        case 'right':
+            translateX = options.width;
+            translateY = options.height / 2;
+            // TextBaselineType = 'middle'
+            textAlign = 'end';
+            result.advancedStyleParams.linear.x0 = 0;
+            result.advancedStyleParams.linear.x1 = -options.width;
+            result.advancedStyleParams.radial.x0 = -options.width / 2;
+            // result.advancedStyleParams.radial.y0 = 0
+            // result.advancedStyleParams.radial.r0 = 0
+            result.advancedStyleParams.radial.x1 = -options.width / 2;
+            // result.advancedStyleParams.radial.y1 = 0
+            // result.advancedStyleParams.radial.r1 = options.width / 2
+            result.advancedStyleParams.conic.x = -options.width / 2;
+            result.advancedStyleParams.conic.y = 0;
+            break;
+    }
+    options.translateX = translateX;
+    options.translateY = translateY;
+    isUndefined(args === null || args === void 0 ? void 0 : args.textBaseline) && (options.textBaseline = textBaseline);
+    isUndefined(args === null || args === void 0 ? void 0 : args.textAlign) && (options.textAlign = textAlign);
+    if (['text', 'multi-line-text'].includes(options.contentType)) {
+        switch (options.textBaseline) {
+            case 'middle':
+                result.textLine.yOffsetValue = ((result.textLine.data.length - 1) * options.lineHeight) / 2;
+                break;
+            case 'bottom':
+            case 'alphabetic':
+            case 'ideographic':
+                result.textLine.yOffsetValue =
+                    (result.textLine.data.length - 1) * options.lineHeight + (options.lineHeight - parseInt(options.fontSize)) / 2;
+                break;
+            case 'top':
+            case 'hanging':
+                result.textLine.yOffsetValue = -options.lineHeight / 2 + parseInt(options.fontSize) / 2;
+                break;
+        }
+    }
+    return result;
+};
+
+export { generateRecommendOptions, initialOptions };

package/dist/ie/es/src/utils/polyfill.js

@@ -0,0 +1,5 @@
+if (typeof CanvasRenderingContext2D !== 'undefined' && !CanvasRenderingContext2D.prototype.resetTransform) {
+    CanvasRenderingContext2D.prototype.resetTransform = function () {
+        this.setTransform(1, 0, 0, 1, 0, 0);
+    };
+}

package/dist/ie/es/src/utils/protection.js

@@ -0,0 +1,13 @@
+var protection = (function (need) {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    if (need) {
+        Object.defineProperty(window, 'MutationObserver', {
+            writable: false,
+            configurable: false,
+        });
+    }
+});
+
+export { protection as default };

package/dist/ie/es/style.css

@@ -0,0 +1 @@
+@keyframes watermark{0%{background-position:0 0}25%{background-position:100% 100%}50%{background-position:100% 0}75%{background-position:0 100%}to{background-position:0 0}}@keyframes watermark-horizontal{0%{background-position-x:0}to{background-position-x:100%}}@keyframes watermark-vertical{0%{background-position-y:0}to{background-position-y:100%}}

package/dist/ie/index.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * watermark-js-plus v1.6.0
+ * watermark-js-plus v1.6.2
  * (c) 2022-2024 Michael Sun
  * Released under the MIT License.
  */
@@ -556,10 +556,10 @@ function requireSharedStore () {
 	var store = sharedStore.exports = globalThis[SHARED] || defineGlobalProperty(SHARED, {});
 
 	(store.versions || (store.versions = [])).push({
-	  version: '3.41.0',
+	  version: '3.42.0',
 	  mode: IS_PURE ? 'pure' : 'global',
 	  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
-	  license: 'https://github.com/zloirock/core-js/blob/v3.41.0/LICENSE',
+	  license: 'https://github.com/zloirock/core-js/blob/v3.42.0/LICENSE',
 	  source: 'https://github.com/zloirock/core-js'
 	});
 	return sharedStore.exports;
@@ -4542,7 +4542,6 @@ var generateRecommendOptions = function (canvas, options, args) {
     }
     ctx.font = "".concat(options.fontStyle, " ").concat(options.fontVariant, " ").concat(options.fontWeight, " ").concat(options.fontSize, " ").concat(options.fontFamily);
     ctx.filter = options.filter;
-    // @ts-ignore
     ctx.letterSpacing = options.letterSpacing;
     ctx.wordSpacing = options.wordSpacing;
     if (options === null || options === void 0 ? void 0 : options.rotate) {
@@ -4790,10 +4789,6 @@ var protection = (function (need) {
             writable: false,
             configurable: false,
         });
-        Object.defineProperty(window, 'requestAnimationFrame', {
-            writable: false,
-            configurable: false,
-        });
     }
 });
 
@@ -5256,7 +5251,6 @@ 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();
-        this.unbindCheckWatermarkElementEvent();
         (_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);
     };
@@ -5316,30 +5310,11 @@ var Watermark = /** @class */ (function () {
         }
         return 'custom';
     };
-    Watermark.prototype.checkWatermarkElement = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!!this.parentElement.contains(this.watermarkDom)) return [3 /*break*/, 2];
-                        this.remove();
-                        return [4 /*yield*/, this.create()];
-                    case 1:
-                        _a.sent();
-                        _a.label = 2;
-                    case 2:
-                        this.bindCheckWatermarkElementEvent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
     Watermark.prototype.bindMutationObserve = function () {
         var _this = this;
         if (!this.watermarkDom) {
             return;
         }
-        this.bindCheckWatermarkElementEvent();
         this.observer = new MutationObserver(function (mutationsList) { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -5395,15 +5370,6 @@ 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;
 }());