@hi-ui/hiui 2.15.10 → 2.15.11

package/es/watermark/watermark.js

@@ -1,252 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-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; }
-
-var defaultOptions = {
-  id: null,
-  textAlign: 'left',
-  font: 'normal normal lighter 28px -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"',
-  color: 'rgba(148, 148, 148, 0.2)',
-  content: '请勿外传',
-  rotate: -30,
-  zIndex: 1000,
-  logo: null,
-  grayLogo: true,
-  // 是否对图标进行灰度处理
-  isAutoWrap: false,
-  // 文字是否自动换行
-  textOverflowEffect: 'zoom' // 当isAutoWrap 为 false 时，文本长度超出画布长度时的处理方式：  zoom - 缩小文字   cut - 截断文字
-
-};
-
-var parseTextData = function parseTextData(ctx, texts, width, isWrap) {
-  var content = [];
-  var lines = [];
-
-  if (texts instanceof Array) {
-    content = texts;
-  } else if (typeof texts === 'string') {
-    content.push(texts);
-  } else {
-    console.warn('Only support String Or Array');
-  }
-
-  if (isWrap) {
-    content.forEach(function (text) {
-      var curLine = '';
-
-      var _iterator = _createForOfIteratorHelper(text),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var _char = _step.value;
-          var nextLine = curLine + _char;
-
-          if (_char === '\n' || ctx.measureText(nextLine).width > width) {
-            lines.push(curLine);
-            curLine = _char === '\n' ? '' : _char;
-          } else {
-            curLine = nextLine;
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      lines.push(curLine);
-    });
-    return lines;
-  } else {
-    return content;
-  }
-};
-
-var drawText = function drawText(ctx, options) {
-  var width = options.width,
-      _options$_w = options._w,
-      _w = _options$_w === void 0 ? width : _options$_w,
-      height = options.height,
-      textOverflowEffect = options.textOverflowEffect,
-      text = options.content,
-      font = options.font,
-      isAutoWrap = options.isAutoWrap,
-      logo = options.logo;
-
-  var oldBaseLine = ctx.textBaseline;
-  var x = 0;
-  var y = 16;
-  ctx.textBaseline = 'hanging';
-  /**
-   * LOGO 固定宽高： 32 * 32
-   * 内容区域为 画布宽度 - 48 （预留左右各24的 padding）
-   * 如含 LOGO ，文字的起始 X 坐标为： 24(padding-left) + 32(logo size) + 4(logo 与 text 间距)
-   */
-
-  var lineHeight = parseInt(font * 2); // ctx.font必须以'XXpx'开头
-
-  if (logo) {
-    x += 64;
-    _w -= 64;
-  }
-
-  var lines = parseTextData(ctx, text, width, isAutoWrap); // 计算 Y 的起始位置
-
-  var lineY = y + ctx.canvas.height / 2 - lineHeight * lines.length / 2;
-  var initLineY = lineY;
-
-  var _iterator2 = _createForOfIteratorHelper(lines),
-      _step2;
-
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var line = _step2.value;
-      var lineX = void 0;
-
-      if (ctx.textAlign === 'center') {
-        lineX = x + width + 40;
-      } else if (ctx.textAlign === 'right') {
-        lineX = x + width + 40;
-      } else {
-        lineX = x + 40;
-      }
-
-      if (textOverflowEffect === 'zoom') {
-        var size = parseInt(Math.sqrt((_w * _w + height * height) / 2));
-        ctx.fillText(line, lineX, lineY, size);
-      } else {
-        ctx.fillText(line, lineX, lineY);
-      }
-
-      lineY += lineHeight;
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
-
-  ctx.textBaseline = oldBaseLine;
-  return initLineY - lineHeight / 2;
-};
-
-var drawLogo = function drawLogo(ctx, logo, cb) {
-  var img = new window.Image();
-  img.src = logo;
-
-  img.onload = function () {
-    ctx.globalAlpha = 0.2;
-    ctx.drawImage(img, 32, ctx.canvas.height / 2 - 16, 64, 64);
-    cb();
-  };
-};
-
-var toImage = function toImage(canvas, key, container, options) {
-  var base64Url = canvas.toDataURL();
-  var _options$opacity = options.opacity,
-      opacity = _options$opacity === void 0 ? 1 : _options$opacity;
-
-  var _top = (options._top || 0) + 'px';
-
-  var __wm = document.querySelector(".".concat(key));
-
-  var watermarkDiv = __wm || document.createElement('div');
-
-  var styleStr = "\n  position:absolute;\n  top:".concat(_top, ";\n  left:-50%;\n  top:-50%;\n  width:200%;\n  height:200%;\n  transform:scale(0.5);\n  z-index:").concat(options.zIndex, ";\n  pointer-events:none;\n  background-repeat:repeat;\n  visibility:visible !important;\n  display: block !important;\n  opacity: ").concat(opacity, " !important;\n  background-image:url('").concat(base64Url, "');\n  ").concat(options.grayLogo ? '-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;' : '', "\n  ");
-  watermarkDiv.setAttribute('style', styleStr);
-
-  if (window.getComputedStyle(container).getPropertyValue('position') === 'static') {
-    container.style.position = 'relative';
-  }
-
-  watermarkDiv.classList.add(key);
-  container.insertBefore(watermarkDiv, container.firstChild);
-  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
-
-  if (MutationObserver) {
-    var mo = new MutationObserver(function () {
-      var __wm = document.querySelector(".".concat(key));
-
-      var cs = __wm ? window.getComputedStyle(__wm) : {};
-
-      if (__wm && (__wm.getAttribute('style') !== styleStr || cs.visibility === 'hidden' || cs.display === 'none' || cs.opacity === 0) || !__wm) {
-        mo.disconnect();
-        mo = null;
-        WaterMarker(container, JSON.parse(JSON.stringify(options)));
-      }
-    });
-    mo.observe(container, {
-      attributes: true,
-      subtree: true,
-      childList: true
-    });
-  }
-};
-
-var WaterMarker = function WaterMarker(container, args) {
-  var _container = container || document.body;
-
-  var density = args.density;
-  var _markSize = {
-    width: 420,
-    height: 270
-  };
-
-  if (['low', 'high'].includes(density)) {
-    _markSize = {
-      width: density === 'low' ? 540 : 360,
-      height: density === 'low' ? 410 : 210
-    };
-  }
-
-  var options = Object.assign({}, defaultOptions, _markSize, args);
-  var id = options.id,
-      width = options.width,
-      height = options.height,
-      textAlign = options.textAlign,
-      textBaseline = options.textBaseline,
-      font = options.font,
-      color = options.color,
-      logo = options.logo,
-      rotate = options.rotate;
-  var key = 'hi-' + Math.floor(Math.random() * (9999 - 1000)) + 1000 + '__wm';
-
-  if (id && id.trim().length > 0 && !document.querySelector(id + '__wm')) {
-    key = id + '__wm';
-  }
-
-  var canvas = document.createElement('canvas');
-  var ctx = canvas.getContext('2d');
-  canvas.setAttribute('width', width + 'px');
-  canvas.setAttribute('height', height + 'px');
-  ctx.textAlign = textAlign;
-  ctx.textBaseline = textBaseline;
-  ctx.font = "normal normal lighter ".concat(Number(font * 2), "px -apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Helvetica,Arial,\"Microsoft Yahei\",\"Hiragino Sans GB\",\"Heiti SC\",\"WenQuanYi Micro Hei\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"");
-  ctx.fillStyle = color;
-  ctx.translate(width / 2, height / 2);
-  ctx.rotate(Math.PI / 180 * rotate);
-  ctx.translate(-width / 2, -height / 2);
-  drawText(ctx, options);
-
-  if (logo) {
-    drawLogo(ctx, logo, function () {
-      toImage(canvas, key, _container, options);
-    });
-  } else {
-    toImage(canvas, key, _container, options);
-  }
-};
-
-var _default = WaterMarker;
-exports["default"] = _default;