xydata-tools-uniapp 1.0.0

package/dist/components/uni-app/watermark/index.js

@@ -0,0 +1,633 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+/**
+ * watermark/index.js
+ * uni-app 端水印渲染层。
+ * 复用 src/utils/watermark-shared.js 的配置规范化与布局计算逻辑，
+ * 通过运行时判断平台，实现两套绘制出口：
+ *   - H5：原生离屏 canvas + toBlob -> blob URL（避免 canvasToTempFilePath 返回 dataURL 的上传兼容问题）
+ *   - 非 H5（微信小程序 / App 等）：uni.getImageInfo + uni.createCanvasContext + uni.canvasToTempFilePath
+ *
+ * 注意：本文件会被 father 的 babel 统一编译，因此不使用 uni-app 的条件编译注释（#ifdef/#ifndef），
+ * 改为运行时判断，避免两个分支的同名 const 在编译期产生重复声明。
+ */
+
+import { normalizeWatermarkConfig, resolveSpacing, resolveTextPosition, resolveImageSize, resolveBoxPosition, resolveFontSize, resolveStrokeWidth, isFullscreenWatermarkItem, isImageWatermarkItem } from "../../../utils/watermark-shared.js";
+var toRadians = function toRadians(deg) {
+  return (deg || 0) * Math.PI / 180;
+};
+var drawTextWithStrokeH5 = function drawTextWithStrokeH5(ctx, text, x, y, item, fontSize) {
+  var strokeWidth = resolveStrokeWidth(item, fontSize);
+  if (strokeWidth > 0 && typeof ctx.strokeText === 'function') {
+    ctx.strokeStyle = item.strokeColor;
+    ctx.lineWidth = strokeWidth;
+    ctx.strokeText(text, x, y);
+  }
+  ctx.fillText(text, x, y);
+};
+var drawTextWithStrokeMini = function drawTextWithStrokeMini(ctx, text, x, y, item, fontSize) {
+  var strokeWidth = resolveStrokeWidth(item, fontSize);
+  var canStroke = strokeWidth > 0 && typeof ctx.strokeText === 'function' && typeof ctx.setStrokeStyle === 'function' && typeof ctx.setLineWidth === 'function';
+  if (canStroke) {
+    ctx.setStrokeStyle(item.strokeColor);
+    ctx.setLineWidth(strokeWidth);
+    ctx.strokeText(text, x, y);
+  }
+  ctx.fillText(text, x, y);
+};
+
+/** 是否为 H5 运行环境 */
+var isH5 = function isH5() {
+  return typeof window !== 'undefined' && typeof document !== 'undefined';
+};
+
+/**
+ * 根据图片路径/信息推断导出格式。
+ * 优先保持原图格式（与 PC 端 applyImageWatermark 的 outputType 逻辑一致），
+ * 避免强制转 PNG 导致后端按扩展名校验失败或文件体积异常。
+ * @param {String|Object} source - 图片路径，或 getImageInfo 返回的图片信息对象
+ * @returns {{ ext: String, mime: String }} 扩展名与 MIME 类型
+ */
+var resolveOutputFormat = function resolveOutputFormat(source) {
+  var type = source && (source.type || source.mimeType) || '';
+  var path = source && (source.path || source.src) || source || '';
+  var lowerType = "".concat(type).toLowerCase();
+  var lowerPath = "".concat(path).toLowerCase();
+  var extOf = function extOf(e) {
+    switch (e) {
+      case 'png':
+        return {
+          ext: 'png',
+          mime: 'image/png'
+        };
+      case 'webp':
+        return {
+          ext: 'webp',
+          mime: 'image/webp'
+        };
+      case 'bmp':
+        return {
+          ext: 'bmp',
+          mime: 'image/bmp'
+        };
+      default:
+        return {
+          ext: 'jpg',
+          mime: 'image/jpeg'
+        };
+    }
+  };
+
+  // 1) 优先从 mimeType/type 推断
+  if (lowerType.indexOf('png') !== -1) return extOf('png');
+  if (lowerType.indexOf('webp') !== -1) return extOf('webp');
+  if (lowerType.indexOf('bmp') !== -1) return extOf('bmp');
+  if (lowerType.indexOf('jpeg') !== -1 || lowerType.indexOf('jpg') !== -1) return extOf('jpg');
+
+  // 2) 其次从路径扩展名推断（临时路径如 wxfile://tmp_xxx.jpg）
+  var extMatch = lowerPath.match(/\.([a-z0-9]+)(?:[?#].*)?$/);
+  if (extMatch) {
+    return extOf(extMatch[1]);
+  }
+
+  // 3) 默认 jpg
+  return extOf('jpg');
+};
+
+/**
+ * 解析错误处理结果：返回 false 表示阻止上传，其余视为降级上传原图
+ */
+export var resolveWatermarkError = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(error, context) {
+    var _context$watermark;
+    var handler;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          console.error('[MediaPicker watermark error]', error);
+          handler = context === null || context === void 0 || (_context$watermark = context.watermark) === null || _context$watermark === void 0 ? void 0 : _context$watermark.onWatermarkError;
+          if (!(typeof handler !== 'function')) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return", true);
+        case 4:
+          return _context.abrupt("return", handler(error, context));
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function resolveWatermarkError(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/* ============================================================
+ * 通用：文字宽度测量（H5 与小程序 ctx 接口差异兼容）
+ * ============================================================ */
+var measureTextWidthH5 = function measureTextWidthH5(ctx, text) {
+  if (ctx && typeof ctx.measureText === 'function') {
+    try {
+      return ctx.measureText(text).width || 0;
+    } catch (e) {
+      return 0;
+    }
+  }
+  return 0;
+};
+var measureTextWidthMini = function measureTextWidthMini(ctx, text, fontSize) {
+  if (ctx && typeof ctx.measureText === 'function') {
+    try {
+      var measured = ctx.measureText(text);
+      var width = measured && _typeof(measured) === 'object' ? measured.width : measured;
+      if (typeof width === 'number' && width > 0) {
+        return width;
+      }
+    } catch (e) {
+      /* 降级到估算 */
+    }
+  }
+  // 降级：按字符宽度估算
+  return "".concat(text).length * fontSize * 0.6;
+};
+
+/* ============================================================
+ * H5 平台：离屏 canvas + toBlob
+ * ============================================================ */
+var loadImageH5 = function loadImageH5(src) {
+  return new Promise(function (resolve, reject) {
+    var img = new window.Image();
+    if (!src.startsWith('blob:') && !src.startsWith('data:')) {
+      img.crossOrigin = 'anonymous';
+    }
+    img.onload = function () {
+      return resolve(img);
+    };
+    img.onerror = function () {
+      return reject(new Error('图片加载失败'));
+    };
+    img.src = src;
+  });
+};
+
+/**
+ * 将 Blob 转为带指定文件名与 MIME 的 File 对象（H5）。
+ * 兼容不支持 File 构造器的环境（降级为设置 blob.name）。
+ */
+var blobToFileH5 = function blobToFileH5(blob, fileName, mime) {
+  if (typeof window.File === 'function') {
+    try {
+      return new window.File([blob], fileName, {
+        type: mime || blob.type || ''
+      });
+    } catch (e) {
+      /* 降级 */
+    }
+  }
+  blob.name = fileName;
+  blob.lastModified = Date.now();
+  return blob;
+};
+var drawWatermarkItemsH5 = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(ctx, canvas, watermark) {
+    var _iterator, _step, item, margin, fontSize, point, src, watermarkImage, size, box, spacing, textWidth, stepX, stepY, overflow, y, x;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _iterator = _createForOfIteratorHelper(watermark.items);
+          _context2.prev = 1;
+          _iterator.s();
+        case 3:
+          if ((_step = _iterator.n()).done) {
+            _context2.next = 28;
+            break;
+          }
+          item = _step.value;
+          margin = typeof item.margin === 'number' ? item.margin : watermark.margin;
+          fontSize = resolveFontSize(canvas, item);
+          point = resolveTextPosition(canvas, item, margin);
+          ctx.save();
+          ctx.globalAlpha = item.opacity;
+          if (!isImageWatermarkItem(item)) {
+            _context2.next = 22;
+            break;
+          }
+          src = item.src || item.url || item.imageUrl;
+          _context2.next = 14;
+          return loadImageH5(src);
+        case 14:
+          watermarkImage = _context2.sent;
+          size = resolveImageSize(canvas, item, watermarkImage);
+          box = resolveBoxPosition(canvas, item, margin, size.width, size.height);
+          ctx.translate(box.x + size.width / 2, box.y + size.height / 2);
+          ctx.rotate(toRadians(item.rotate));
+          ctx.drawImage(watermarkImage, -size.width / 2, -size.height / 2, size.width, size.height);
+          ctx.restore();
+          return _context2.abrupt("continue", 26);
+        case 22:
+          ctx.font = "".concat(fontSize, "px ").concat(item.fontFamily);
+          ctx.fillStyle = item.color;
+          if (isFullscreenWatermarkItem(item)) {
+            spacing = resolveSpacing(canvas, item);
+            textWidth = measureTextWidthH5(ctx, item.text);
+            stepX = Math.max(textWidth + spacing, fontSize * 4);
+            stepY = Math.max(fontSize + spacing, fontSize * 3);
+            overflow = Math.max(canvas.width, canvas.height);
+            ctx.textAlign = 'center';
+            ctx.textBaseline = 'middle';
+            for (y = -overflow; y <= canvas.height + overflow; y += stepY) {
+              for (x = -overflow; x <= canvas.width + overflow; x += stepX) {
+                ctx.save();
+                ctx.translate(x, y);
+                ctx.rotate(toRadians(item.rotate));
+                drawTextWithStrokeH5(ctx, item.text, 0, 0, item, fontSize);
+                ctx.restore();
+              }
+            }
+          } else {
+            ctx.textAlign = point.textAlign;
+            ctx.textBaseline = point.textBaseline;
+            ctx.translate(point.x, point.y);
+            ctx.rotate(toRadians(item.rotate));
+            drawTextWithStrokeH5(ctx, item.text, 0, 0, item, fontSize);
+          }
+          ctx.restore();
+        case 26:
+          _context2.next = 3;
+          break;
+        case 28:
+          _context2.next = 33;
+          break;
+        case 30:
+          _context2.prev = 30;
+          _context2.t0 = _context2["catch"](1);
+          _iterator.e(_context2.t0);
+        case 33:
+          _context2.prev = 33;
+          _iterator.f();
+          return _context2.finish(33);
+        case 36:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[1, 30, 33, 36]]);
+  }));
+  return function drawWatermarkItemsH5(_x3, _x4, _x5) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var canvasToBlobH5 = function canvasToBlobH5(canvas, type) {
+  var quality = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.92;
+  return new Promise(function (resolve, reject) {
+    if (!canvas.toBlob) {
+      reject(new Error('当前浏览器不支持 Canvas 文件导出'));
+      return;
+    }
+    canvas.toBlob(function (blob) {
+      if (blob) {
+        resolve(blob);
+      } else {
+        reject(new Error('水印图片生成失败'));
+      }
+    }, type, quality);
+  });
+};
+var applyImageWatermarkToPathH5 = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(path, normalized) {
+    var options,
+      image,
+      canvas,
+      ctx,
+      format,
+      blob,
+      sourceName,
+      file,
+      _args3 = arguments;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          options = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : {};
+          _context3.next = 3;
+          return loadImageH5(path);
+        case 3:
+          image = _context3.sent;
+          canvas = document.createElement('canvas');
+          canvas.width = image.naturalWidth || image.width;
+          canvas.height = image.naturalHeight || image.height;
+          ctx = canvas.getContext('2d');
+          if (ctx) {
+            _context3.next = 10;
+            break;
+          }
+          throw new Error('当前浏览器不支持 Canvas 绘制');
+        case 10:
+          ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
+          _context3.next = 13;
+          return drawWatermarkItemsH5(ctx, canvas, normalized);
+        case 13:
+          // 保持原图格式，避免强制 PNG 导致后端格式校验失败
+          format = resolveOutputFormat(path);
+          _context3.next = 16;
+          return canvasToBlobH5(canvas, format.mime);
+        case 16:
+          blob = _context3.sent;
+          // H5 端返回真正的 File 对象（携带正确的文件名与 MIME），
+          // 供 uni.uploadFile 的 files 参数直接上传，避免 blob URL 上传时文件名丢失导致后端 500。
+          sourceName = options.fileName || "watermark_".concat(Date.now(), ".").concat(format.ext);
+          file = blobToFileH5(blob, sourceName, format.mime);
+          return _context3.abrupt("return", {
+            file: file,
+            ext: format.ext,
+            format: format
+          });
+        case 20:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function applyImageWatermarkToPathH5(_x6, _x7) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+/* ============================================================
+ * 非 H5 平台：uni.getImageInfo + createCanvasContext + canvasToTempFilePath
+ * ============================================================ */
+var CANVAS_MAX_SIDE = 4096;
+var getImageInfoMini = function getImageInfoMini(src) {
+  return new Promise(function (resolve, reject) {
+    uni.getImageInfo({
+      src: src,
+      success: function success(res) {
+        return resolve(res);
+      },
+      fail: function fail(err) {
+        return reject(err);
+      }
+    });
+  });
+};
+var createCanvasContextMini = function createCanvasContextMini(canvasId, instance) {
+  return uni.createCanvasContext(canvasId, instance);
+};
+var canvasToTempFilePathMini = function canvasToTempFilePathMini(canvasId, width, height, format, instance) {
+  return new Promise(function (resolve, reject) {
+    // 保持原图格式导出（jpg 优先，png 次之），避免后端格式校验失败
+    var fileType = format && format.ext === 'png' ? 'png' : 'jpg';
+    uni.canvasToTempFilePath({
+      canvasId: canvasId,
+      destWidth: width,
+      destHeight: height,
+      fileType: fileType,
+      quality: 1,
+      success: function success(res) {
+        return resolve(res.tempFilePath);
+      },
+      fail: function fail(err) {
+        return reject(err);
+      }
+    }, instance);
+  });
+};
+var drawWatermarkItemsMini = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(ctx, canvas, watermark) {
+    var _iterator2, _step2, item, margin, fontSize, point, src, watermarkImageInfo, drawableSrc, size, box, spacing, textWidth, stepX, stepY, overflow, y, x;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _iterator2 = _createForOfIteratorHelper(watermark.items);
+          _context4.prev = 1;
+          _iterator2.s();
+        case 3:
+          if ((_step2 = _iterator2.n()).done) {
+            _context4.next = 29;
+            break;
+          }
+          item = _step2.value;
+          margin = typeof item.margin === 'number' ? item.margin : watermark.margin;
+          fontSize = resolveFontSize(canvas, item);
+          point = resolveTextPosition(canvas, item, margin);
+          ctx.save();
+          ctx.setGlobalAlpha(item.opacity == null ? 1 : item.opacity);
+          if (!isImageWatermarkItem(item)) {
+            _context4.next = 23;
+            break;
+          }
+          src = item.src || item.url || item.imageUrl; // 图片水印资源先转本地可绘制 path
+          _context4.next = 14;
+          return getImageInfoMini(src);
+        case 14:
+          watermarkImageInfo = _context4.sent;
+          drawableSrc = watermarkImageInfo.path || src;
+          size = resolveImageSize(canvas, item, {
+            naturalWidth: watermarkImageInfo.width,
+            naturalHeight: watermarkImageInfo.height
+          });
+          box = resolveBoxPosition(canvas, item, margin, size.width, size.height);
+          ctx.translate(box.x + size.width / 2, box.y + size.height / 2);
+          ctx.rotate(toRadians(item.rotate));
+          ctx.drawImage(drawableSrc, -size.width / 2, -size.height / 2, size.width, size.height);
+          ctx.restore();
+          return _context4.abrupt("continue", 27);
+        case 23:
+          ctx.setFontSize(fontSize);
+          ctx.setFillStyle(item.color);
+          if (isFullscreenWatermarkItem(item)) {
+            spacing = resolveSpacing(canvas, item);
+            textWidth = measureTextWidthMini(ctx, item.text, fontSize);
+            stepX = Math.max(textWidth + spacing, fontSize * 4);
+            stepY = Math.max(fontSize + spacing, fontSize * 3);
+            overflow = Math.max(canvas.width, canvas.height);
+            ctx.setTextAlign('center');
+            ctx.setTextBaseline('middle');
+            for (y = -overflow; y <= canvas.height + overflow; y += stepY) {
+              for (x = -overflow; x <= canvas.width + overflow; x += stepX) {
+                ctx.save();
+                ctx.translate(x, y);
+                ctx.rotate(toRadians(item.rotate));
+                drawTextWithStrokeMini(ctx, item.text, 0, 0, item, fontSize);
+                ctx.restore();
+              }
+            }
+          } else {
+            ctx.setTextAlign(point.textAlign);
+            ctx.setTextBaseline(point.textBaseline);
+            ctx.translate(point.x, point.y);
+            ctx.rotate(toRadians(item.rotate));
+            drawTextWithStrokeMini(ctx, item.text, 0, 0, item, fontSize);
+          }
+          ctx.restore();
+        case 27:
+          _context4.next = 3;
+          break;
+        case 29:
+          _context4.next = 34;
+          break;
+        case 31:
+          _context4.prev = 31;
+          _context4.t0 = _context4["catch"](1);
+          _iterator2.e(_context4.t0);
+        case 34:
+          _context4.prev = 34;
+          _iterator2.f();
+          return _context4.finish(34);
+        case 37:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4, null, [[1, 31, 34, 37]]);
+  }));
+  return function drawWatermarkItemsMini(_x8, _x9, _x10) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+var applyImageWatermarkToPathMini = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(path, normalized, options) {
+    var info, drawableSrc, format, canvasWidth, canvasHeight, maxSide, scale, canvas, ctx;
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          if (options.canvasId) {
+            _context5.next = 2;
+            break;
+          }
+          throw new Error('缺少 canvasId，无法绘制水印');
+        case 2:
+          _context5.next = 4;
+          return getImageInfoMini(path);
+        case 4:
+          info = _context5.sent;
+          drawableSrc = info.path || path;
+          format = resolveOutputFormat(info.path || path);
+          canvasWidth = info.width || 1;
+          canvasHeight = info.height || 1; // 超出 canvas 尺寸上限时等比缩放，避免绘制失败
+          maxSide = Math.max(canvasWidth, canvasHeight);
+          if (maxSide > CANVAS_MAX_SIDE) {
+            scale = CANVAS_MAX_SIDE / maxSide;
+            canvasWidth = Math.floor(canvasWidth * scale);
+            canvasHeight = Math.floor(canvasHeight * scale);
+          }
+          canvas = {
+            width: canvasWidth,
+            height: canvasHeight
+          }; // 通知组件设置 canvas 显示尺寸，使绘制坐标系与图片实际尺寸匹配，
+          // 避免固定 CSS 尺寸导致绘制内容被裁剪。
+          if (!(typeof options.setCanvasSize === 'function')) {
+            _context5.next = 15;
+            break;
+          }
+          _context5.next = 15;
+          return options.setCanvasSize(canvasWidth, canvasHeight);
+        case 15:
+          // 先绘制原图，再串行加载并绘制水印项（含图片水印资源的异步加载），
+          // 最后统一调用 ctx.draw 并导出临时文件路径。
+          ctx = createCanvasContextMini(options.canvasId, options.instance);
+          ctx.drawImage(drawableSrc, 0, 0, canvasWidth, canvasHeight);
+          _context5.next = 19;
+          return drawWatermarkItemsMini(ctx, canvas, normalized);
+        case 19:
+          return _context5.abrupt("return", new Promise(function (resolve, reject) {
+            var settled = false;
+            // 兜底超时：小程序旧版 canvas 若被移出屏幕等原因导致 ctx.draw 回调不触发，
+            // 会卡死整个上传流程，这里超时后 reject，由上层降级为上传原图。
+            var timer = setTimeout(function () {
+              if (!settled) {
+                settled = true;
+                reject(new Error('水印绘制超时'));
+              }
+            }, 8000);
+            var finish = function finish(result) {
+              if (!settled) {
+                settled = true;
+                clearTimeout(timer);
+                resolve(result);
+              }
+            };
+            var fail = function fail(err) {
+              if (!settled) {
+                settled = true;
+                clearTimeout(timer);
+                reject(err);
+              }
+            };
+            ctx.draw(false, function () {
+              // 延迟一帧确保绘制完成后再导出
+              setTimeout(function () {
+                canvasToTempFilePathMini(options.canvasId, canvasWidth, canvasHeight, format, options.instance).then(function (tempFilePath) {
+                  return finish({
+                    url: tempFilePath,
+                    format: format
+                  });
+                }).catch(fail);
+              }, 50);
+            });
+          }));
+        case 20:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return function applyImageWatermarkToPathMini(_x11, _x12, _x13) {
+    return _ref5.apply(this, arguments);
+  };
+}();
+
+/* ============================================================
+ * 统一出口：根据运行时环境选择绘制路径
+ * ============================================================ */
+export var applyImageWatermarkToPath = /*#__PURE__*/function () {
+  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(path, watermark) {
+    var options,
+      normalized,
+      result,
+      _args6 = arguments;
+    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          options = _args6.length > 2 && _args6[2] !== undefined ? _args6[2] : {};
+          normalized = normalizeWatermarkConfig(watermark);
+          if (normalized) {
+            _context6.next = 4;
+            break;
+          }
+          return _context6.abrupt("return", path);
+        case 4:
+          if (!(typeof normalized.processor === 'function')) {
+            _context6.next = 9;
+            break;
+          }
+          _context6.next = 7;
+          return normalized.processor(path, {
+            path: path,
+            watermark: normalized
+          });
+        case 7:
+          result = _context6.sent;
+          return _context6.abrupt("return", result || path);
+        case 9:
+          if (!isH5()) {
+            _context6.next = 11;
+            break;
+          }
+          return _context6.abrupt("return", applyImageWatermarkToPathH5(path, normalized, options));
+        case 11:
+          return _context6.abrupt("return", applyImageWatermarkToPathMini(path, normalized, options));
+        case 12:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  }));
+  return function applyImageWatermarkToPath(_x14, _x15) {
+    return _ref6.apply(this, arguments);
+  };
+}();