leafer-x-watermark 1.0.0 → 1.1.0

package/README.md

@@ -64,9 +64,9 @@ const watermark = new Watermark({
     fill: 'rgba(255, 0, 0, 0.1)',
     fontSize: 20,
   }),
-  tileMode: true,    // 开启平铺
-  tileSize: 100,     // 100% 原始大小
-  tileGap: 20,       // 20% 间距
+  tileMode: true, // 开启平铺
+  tileSize: 100, // 100% 原始大小
+  tileGap: 20, // 20% 间距
   tileRotation: -30, // 旋转 -30 度
   width: 800,
   height: 600,
@@ -84,7 +84,7 @@ const watermark = new Watermark({
     fontSize: 14,
   }),
   tileMode: true,
-  tileStagger: 50,  // 50% 错位偏移
+  tileStagger: 50, // 50% 错位偏移
   tileGap: 10,
   width: 800,
   height: 600,
@@ -121,8 +121,8 @@ const watermark = new Watermark({
 | `tileContent` | string | - | 水印内容，LeaferJS 元素的 JSON 字符串 |
 | `tileMode` | boolean | `true` | 平铺模式：`true` 平铺，`false` 拉伸 |
 | `tileSize` | number | `100` | 显示比例（%），100 为原始大小 |
-| `tileGap` | number | `0` | 间距比例（%），基于显示尺寸计算 |
-| `tileStagger` | number | `0` | 错位偏移比例（0-100），控制相邻行的水平偏移 |
+| `tileGap` | `number \| { x?: number, y?: number }` | `0` | 间距比例（%），支持统一数值或分别设置 x/y 间距 |
+| `tileStagger` | `number \| { type?: 'x' \| 'y', offset: number }` | `0` | 错位偏移，支持数值(0-100)或详细配置 |
 | `tileRotation` | number | `0` | 水印旋转角度（度） |
 
 ### 属性说明
@@ -160,13 +160,15 @@ JSON.stringify({
 
 间距基于显示尺寸的百分比计算：
 - `tileGap: 10` 表示间距为水印宽/高的 10%
+- 支持分别设置：`{ x: 20, y: 10 }`
 
 #### tileStagger
 
-错位排列效果，值为 0-100：
+错位排列效果，支持数值 (0-100) 或对象配置：
+- `tileStagger: 50` = 水平方向（x）相邻行偏移 50%
+- `{ type: 'y', offset: 50 }` = 垂直方向（y）相邻列偏移 50%
 - `0` = 无错位
-- `50` = 相邻行偏移 50%
-- `100` = 相邻行偏移 100%（等于一个完整水印宽度）
+- `100` = 完全错位（等于一个完整水印尺寸）
 
 ## 💡 使用场景
 

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { IRectData, IUI, IRectInputData, IJSONOptions, IUIJSONData, IObject } from '@leafer-ui/interface';
+import { IRectData, IUI, IRectInputData, IObject, IJSONOptions } from '@leafer-ui/interface';
 import { RectData, Rect } from '@leafer-ui/core';
 
 type IStaggerType = 'x' | 'y';
@@ -79,7 +79,6 @@ declare class Watermark<TConstructorData = IWatermarkInputData> extends Rect<TCo
     private createTileItem;
     regenerateImage(): void;
     updateFill(): void;
-    toJSON(options?: IJSONOptions): IUIJSONData;
 }
 
 declare function normalizeStagger(stagger: IStagger): INormalizedStagger;

package/dist/index.mjs

@@ -132,7 +132,6 @@ var __decorateClass = (decorators, target, key, kind) => {
 installStaggerPattern();
 const debug = Debug.get("leafer-x-watermark");
 class ProcessorData extends RectData {
-  __leaf;
   _tileContent;
   setTileContent(value) {
     this._tileContent = value;
@@ -165,14 +164,12 @@ class ProcessorData extends RectData {
   }
   __getData() {
     const data = super.__getData();
-    if (data.url)
-      delete data.fill;
+    delete data.fill;
     return data;
   }
   __getInputData(names, options) {
     const data = super.__getInputData(names, options);
-    if (data.url)
-      delete data.fill;
+    delete data.fill;
     return data;
   }
 }
@@ -267,11 +264,6 @@ let Watermark = class extends Rect {
       }
     });
   }
-  toJSON(options) {
-    const data = super.toJSON(options);
-    const { fill, ...cleanData } = data;
-    return cleanData;
-  }
 };
 __decorateClass([
   dataProcessor(ProcessorData)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "leafer-x-watermark",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "packageManager": "pnpm@10.14.0",
   "description": "Leafer 水印插件",
   "author": "XiaDeYu <1579883916@qq.com>",