@idraw/util 0.2.0-y.0 → 0.3.0-alpha.2

package/dist/index.global.js

@@ -69,12 +69,12 @@ var iDrawUtil = (function () {
       function str4() {
           return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
       }
-      return "" + str4() + str4() + "-" + str4() + "-" + str4() + "-" + str4() + "-" + str4() + str4() + str4();
+      return "".concat(str4()).concat(str4(), "-").concat(str4(), "-").concat(str4(), "-").concat(str4(), "-").concat(str4()).concat(str4()).concat(str4());
   }
 
   function deepClone(target) {
       function _clone(t) {
-          var type = is(t);
+          var type = is$1(t);
           if (['Null', 'Number', 'String', 'Boolean', 'Undefined'].indexOf(type) >= 0) {
               return t;
           }
@@ -96,7 +96,7 @@ var iDrawUtil = (function () {
       }
       return _clone(target);
   }
-  function is(data) {
+  function is$1(data) {
       return Object.prototype.toString.call(data).replace(/[\]|\[]{1,1}/ig, '').split(' ')[1];
   }
 
@@ -137,61 +137,82 @@ var iDrawUtil = (function () {
       promise: function (data) {
           return parsePrototype(data) === 'Promise';
       },
-      nodeList: function (data) {
-          return parsePrototype(data) === 'NodeList';
-      },
-      imageData: function (data) {
-          return parsePrototype(data) === 'ImageData';
-      }
   };
 
-  var Image = window.Image, Blob = window.Blob, FileReader = window.FileReader;
-  function loadImage(src) {
-      return new Promise(function (resolve, reject) {
-          var img = new Image;
-          img.onload = function () {
-              resolve(img);
-          };
-          img.onabort = reject;
-          img.onerror = reject;
-          img.src = src;
-      });
-  }
-  function loadSVG(svg) {
+  var __assign = function() {
+      __assign = Object.assign || function __assign(t) {
+          for (var s, i = 1, n = arguments.length; i < n; i++) {
+              s = arguments[i];
+              for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+          }
+          return t;
+      };
+      return __assign.apply(this, arguments);
+  };
+  function __awaiter(thisArg, _arguments, P, generator) {
+      function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+      return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+          function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+          function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+      });
+  }
+  function __generator(thisArg, body) {
+      var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+      return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+      function verb(n) { return function (v) { return step([n, v]); }; }
+      function step(op) {
+          if (f) throw new TypeError("Generator is already executing.");
+          while (_) try {
+              if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+              if (y = 0, t) op = [op[0] & 2, t.value];
+              switch (op[0]) {
+                  case 0: case 1: t = op; break;
+                  case 4: _.label++; return { value: op[1], done: false };
+                  case 5: _.label++; y = op[1]; op = [0]; continue;
+                  case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                  default:
+                      if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                      if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                      if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                      if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                      if (t[2]) _.ops.pop();
+                      _.trys.pop(); continue;
+              }
+              op = body.call(thisArg, _);
+          } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+          if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+      }
+  }
+
+  function parseHTMLToDataURL(html, opts) {
+      var width = opts.width, height = opts.height;
       return new Promise(function (resolve, reject) {
-          var _svg = svg;
-          var image = new Image();
+          var _svg = "\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(width || '', "\" height = \"").concat(height || '', "\">\n      <foreignObject width=\"100%\" height=\"100%\">\n        <div xmlns = \"http://www.w3.org/1999/xhtml\">\n          ").concat(html, "\n        </div>\n      </foreignObject>\n    </svg>\n    ");
           var blob = new Blob([_svg], { type: 'image/svg+xml;charset=utf-8' });
           var reader = new FileReader();
           reader.readAsDataURL(blob);
           reader.onload = function (event) {
               var _a;
               var base64 = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.result;
-              image.onload = function () {
-                  resolve(image);
-              };
-              image.src = base64;
+              resolve(base64);
           };
           reader.onerror = function (err) {
               reject(err);
           };
       });
   }
-  function loadHTML(html, opts) {
-      var width = opts.width, height = opts.height;
+  function parseSVGToDataURL(svg) {
       return new Promise(function (resolve, reject) {
-          var _svg = "\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"" + (width || '') + "\" height = \"" + (height || '') + "\">\n      <foreignObject width=\"100%\" height=\"100%\">\n        <div xmlns = \"http://www.w3.org/1999/xhtml\">\n          " + html + "\n        </div>\n      </foreignObject>\n    </svg>\n    ";
-          var image = new Image();
+          var _svg = svg;
           var blob = new Blob([_svg], { type: 'image/svg+xml;charset=utf-8' });
           var reader = new FileReader();
           reader.readAsDataURL(blob);
           reader.onload = function (event) {
               var _a;
               var base64 = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.result;
-              image.onload = function () {
-                  resolve(image);
-              };
-              image.src = base64;
+              resolve(base64);
           };
           reader.onerror = function (err) {
               reject(err);
@@ -199,34 +220,487 @@ var iDrawUtil = (function () {
       });
   }
 
-  var index = {
-      time: {
-          delay: delay,
-          compose: compose,
-          throttle: throttle,
-      },
-      loader: {
-          loadImage: loadImage,
-          loadSVG: loadSVG,
-          loadHTML: loadHTML,
-      },
-      file: {
-          downloadImageFromCanvas: downloadImageFromCanvas,
-      },
-      color: {
-          toColorHexStr: toColorHexStr,
-          toColorHexNum: toColorHexNum,
-          isColorStr: isColorStr,
-      },
-      uuid: {
-          createUUID: createUUID
-      },
-      istype: istype,
-      data: {
-          deepClone: deepClone,
+  var Image = window.Image;
+  function loadImage(src) {
+      return new Promise(function (resolve, reject) {
+          var img = new Image;
+          img.onload = function () {
+              resolve(img);
+          };
+          img.onabort = reject;
+          img.onerror = reject;
+          img.src = src;
+      });
+  }
+  function loadSVG(svg) {
+      return __awaiter(this, void 0, void 0, function () {
+          var dataURL, image;
+          return __generator(this, function (_a) {
+              switch (_a.label) {
+                  case 0: return [4, parseSVGToDataURL(svg)];
+                  case 1:
+                      dataURL = _a.sent();
+                      return [4, loadImage(dataURL)];
+                  case 2:
+                      image = _a.sent();
+                      return [2, image];
+              }
+          });
+      });
+  }
+  function filterAmpersand(str) {
+      return str.replace(/\&/ig, '&amp;');
+  }
+  function loadHTML(html, opts) {
+      return __awaiter(this, void 0, void 0, function () {
+          var dataURL, image;
+          return __generator(this, function (_a) {
+              switch (_a.label) {
+                  case 0:
+                      html = filterAmpersand(html);
+                      return [4, parseHTMLToDataURL(html, opts)];
+                  case 1:
+                      dataURL = _a.sent();
+                      return [4, loadImage(dataURL)];
+                  case 2:
+                      image = _a.sent();
+                      return [2, image];
+              }
+          });
+      });
+  }
+
+  var Context = (function () {
+      function Context(ctx, opts) {
+          this._opts = opts;
+          this._ctx = ctx;
+          this._transform = {
+              scale: 1,
+              scrollX: 0,
+              scrollY: 0,
+          };
       }
+      Context.prototype.getContext = function () {
+          return this._ctx;
+      };
+      Context.prototype.resetSize = function (opts) {
+          this._opts = __assign(__assign({}, this._opts), opts);
+      };
+      Context.prototype.calcDeviceNum = function (num) {
+          return num * this._opts.devicePixelRatio;
+      };
+      Context.prototype.calcScreenNum = function (num) {
+          return num / this._opts.devicePixelRatio;
+      };
+      Context.prototype.getSize = function () {
+          return {
+              width: this._opts.width,
+              height: this._opts.height,
+              contextWidth: this._opts.contextWidth,
+              contextHeight: this._opts.contextHeight,
+              devicePixelRatio: this._opts.devicePixelRatio,
+          };
+      };
+      Context.prototype.setTransform = function (config) {
+          this._transform = __assign(__assign({}, this._transform), config);
+      };
+      Context.prototype.getTransform = function () {
+          return {
+              scale: this._transform.scale,
+              scrollX: this._transform.scrollX,
+              scrollY: this._transform.scrollY,
+          };
+      };
+      Context.prototype.setFillStyle = function (color) {
+          this._ctx.fillStyle = color;
+      };
+      Context.prototype.fill = function (fillRule) {
+          return this._ctx.fill(fillRule || 'nonzero');
+      };
+      Context.prototype.arc = function (x, y, radius, startAngle, endAngle, anticlockwise) {
+          return this._ctx.arc(this._doSize(x), this._doSize(y), this._doSize(radius), startAngle, endAngle, anticlockwise);
+      };
+      Context.prototype.rect = function (x, y, w, h) {
+          return this._ctx.rect(this._doSize(x), this._doSize(y), this._doSize(w), this._doSize(h));
+      };
+      Context.prototype.fillRect = function (x, y, w, h) {
+          return this._ctx.fillRect(this._doSize(x), this._doSize(y), this._doSize(w), this._doSize(h));
+      };
+      Context.prototype.clearRect = function (x, y, w, h) {
+          return this._ctx.clearRect(this._doSize(x), this._doSize(y), this._doSize(w), this._doSize(h));
+      };
+      Context.prototype.beginPath = function () {
+          return this._ctx.beginPath();
+      };
+      Context.prototype.closePath = function () {
+          return this._ctx.closePath();
+      };
+      Context.prototype.lineTo = function (x, y) {
+          return this._ctx.lineTo(this._doSize(x), this._doSize(y));
+      };
+      Context.prototype.moveTo = function (x, y) {
+          return this._ctx.moveTo(this._doSize(x), this._doSize(y));
+      };
+      Context.prototype.arcTo = function (x1, y1, x2, y2, radius) {
+          return this._ctx.arcTo(this._doSize(x1), this._doSize(y1), this._doSize(x2), this._doSize(y2), this._doSize(radius));
+      };
+      Context.prototype.setLineWidth = function (w) {
+          return this._ctx.lineWidth = this._doSize(w);
+      };
+      Context.prototype.setLineDash = function (nums) {
+          var _this = this;
+          return this._ctx.setLineDash(nums.map(function (n) { return _this._doSize(n); }));
+      };
+      Context.prototype.isPointInPath = function (x, y) {
+          return this._ctx.isPointInPath(this._doX(x), this._doY(y));
+      };
+      Context.prototype.isPointInPathWithoutScroll = function (x, y) {
+          return this._ctx.isPointInPath(this._doSize(x), this._doSize(y));
+      };
+      Context.prototype.setStrokeStyle = function (color) {
+          this._ctx.strokeStyle = color;
+      };
+      Context.prototype.stroke = function () {
+          return this._ctx.stroke();
+      };
+      Context.prototype.translate = function (x, y) {
+          return this._ctx.translate(this._doSize(x), this._doSize(y));
+      };
+      Context.prototype.rotate = function (angle) {
+          return this._ctx.rotate(angle);
+      };
+      Context.prototype.drawImage = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+              args[_i] = arguments[_i];
+          }
+          var image = args[0];
+          var sx = args[1];
+          var sy = args[2];
+          var sw = args[3];
+          var sh = args[4];
+          var dx = args[args.length - 4];
+          var dy = args[args.length - 3];
+          var dw = args[args.length - 2];
+          var dh = args[args.length - 1];
+          if (args.length === 9) {
+              return this._ctx.drawImage(image, this._doSize(sx), this._doSize(sy), this._doSize(sw), this._doSize(sh), this._doSize(dx), this._doSize(dy), this._doSize(dw), this._doSize(dh));
+          }
+          else {
+              return this._ctx.drawImage(image, this._doSize(dx), this._doSize(dy), this._doSize(dw), this._doSize(dh));
+          }
+      };
+      Context.prototype.createPattern = function (image, repetition) {
+          return this._ctx.createPattern(image, repetition);
+      };
+      Context.prototype.measureText = function (text) {
+          return this._ctx.measureText(text);
+      };
+      Context.prototype.setTextAlign = function (align) {
+          this._ctx.textAlign = align;
+      };
+      Context.prototype.fillText = function (text, x, y, maxWidth) {
+          if (maxWidth !== undefined) {
+              return this._ctx.fillText(text, this._doSize(x), this._doSize(y), this._doSize(maxWidth));
+          }
+          else {
+              return this._ctx.fillText(text, this._doSize(x), this._doSize(y));
+          }
+      };
+      Context.prototype.strokeText = function (text, x, y, maxWidth) {
+          if (maxWidth !== undefined) {
+              return this._ctx.strokeText(text, this._doSize(x), this._doSize(y), this._doSize(maxWidth));
+          }
+          else {
+              return this._ctx.strokeText(text, this._doSize(x), this._doSize(y));
+          }
+      };
+      Context.prototype.setFont = function (opts) {
+          var strList = [];
+          if (opts.fontWeight === 'bold') {
+              strList.push("".concat(opts.fontWeight));
+          }
+          strList.push("".concat(this._doSize(opts.fontSize || 12), "px"));
+          strList.push("".concat(opts.fontFamily || 'sans-serif'));
+          this._ctx.font = "".concat(strList.join(' '));
+      };
+      Context.prototype.setTextBaseline = function (baseline) {
+          this._ctx.textBaseline = baseline;
+      };
+      Context.prototype.setGlobalAlpha = function (alpha) {
+          this._ctx.globalAlpha = alpha;
+      };
+      Context.prototype.save = function () {
+          this._ctx.save();
+      };
+      Context.prototype.restore = function () {
+          this._ctx.restore();
+      };
+      Context.prototype.scale = function (ratioX, ratioY) {
+          this._ctx.scale(ratioX, ratioY);
+      };
+      Context.prototype.setShadowColor = function (color) {
+          this._ctx.shadowColor = color;
+      };
+      Context.prototype.setShadowOffsetX = function (offsetX) {
+          this._ctx.shadowOffsetX = this._doSize(offsetX);
+      };
+      Context.prototype.setShadowOffsetY = function (offsetY) {
+          this._ctx.shadowOffsetY = this._doSize(offsetY);
+      };
+      Context.prototype.setShadowBlur = function (blur) {
+          this._ctx.shadowBlur = this._doSize(blur);
+      };
+      Context.prototype.ellipse = function (x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise) {
+          this._ctx.ellipse(this._doSize(x), this._doSize(y), this._doSize(radiusX), this._doSize(radiusY), rotation, startAngle, endAngle, counterclockwise);
+      };
+      Context.prototype._doSize = function (num) {
+          return this._opts.devicePixelRatio * num;
+      };
+      Context.prototype._doX = function (x) {
+          var _a = this._transform, scale = _a.scale, scrollX = _a.scrollX;
+          var _x = (x - scrollX) / scale;
+          return this._doSize(_x);
+      };
+      Context.prototype._doY = function (y) {
+          var _a = this._transform, scale = _a.scale, scrollY = _a.scrollY;
+          var _y = (y - scrollY) / scale;
+          return this._doSize(_y);
+      };
+      return Context;
+  }());
+
+  function number(value) {
+      return (typeof value === 'number' && (value > 0 || value <= 0));
+  }
+  function x(value) {
+      return number(value);
+  }
+  function y(value) {
+      return number(value);
+  }
+  function w(value) {
+      return (typeof value === 'number' && value >= 0);
+  }
+  function h(value) {
+      return (typeof value === 'number' && value >= 0);
+  }
+  function angle(value) {
+      return (typeof value === 'number' && value >= -360 && value <= 360);
+  }
+  function borderWidth(value) {
+      return w(value);
+  }
+  function borderRadius(value) {
+      return number(value) && value >= 0;
+  }
+  function color(value) {
+      return isColorStr(value);
+  }
+  function imageURL(value) {
+      return (typeof value === 'string' && /^(http:\/\/|https:\/\/|\.\/|\/)/.test("".concat(value)));
+  }
+  function imageBase64(value) {
+      return (typeof value === 'string' && /^(data:image\/)/.test("".concat(value)));
+  }
+  function imageSrc(value) {
+      return (imageBase64(value) || imageURL(value));
+  }
+  function svg(value) {
+      return (typeof value === 'string' && /^(<svg[\s]{1,}|<svg>)/i.test("".concat(value).trim()) && /<\/[\s]{0,}svg>$/i.test("".concat(value).trim()));
+  }
+  function html(value) {
+      var result = false;
+      if (typeof value === 'string') {
+          var div = document.createElement('div');
+          div.innerHTML = value;
+          if (div.children.length > 0) {
+              result = true;
+          }
+          div = null;
+      }
+      return result;
+  }
+  function text(value) {
+      return typeof value === 'string';
+  }
+  function fontSize(value) {
+      return number(value) && value > 0;
+  }
+  function lineHeight(value) {
+      return number(value) && value > 0;
+  }
+  function strokeWidth(value) {
+      return number(value) && value > 0;
+  }
+  function textAlign(value) {
+      return ['center', 'left', 'right'].includes(value);
+  }
+  function fontFamily(value) {
+      return typeof value === 'string' && value.length > 0;
+  }
+  function fontWeight(value) {
+      return ['bold'].includes(value);
+  }
+  var is = {
+      x: x,
+      y: y,
+      w: w,
+      h: h,
+      angle: angle,
+      number: number,
+      borderWidth: borderWidth,
+      borderRadius: borderRadius,
+      color: color,
+      imageSrc: imageSrc,
+      imageURL: imageURL,
+      imageBase64: imageBase64,
+      svg: svg,
+      html: html,
+      text: text,
+      fontSize: fontSize,
+      lineHeight: lineHeight,
+      textAlign: textAlign,
+      fontFamily: fontFamily,
+      fontWeight: fontWeight,
+      strokeWidth: strokeWidth,
+  };
+
+  function attrs(attrs) {
+      var x = attrs.x, y = attrs.y, w = attrs.w, h = attrs.h, angle = attrs.angle;
+      if (!(is.x(x) && is.y(y) && is.w(w) && is.h(h) && is.angle(angle))) {
+          return false;
+      }
+      if (!(angle >= -360 && angle <= 360)) {
+          return false;
+      }
+      return true;
+  }
+  function box(desc) {
+      if (desc === void 0) { desc = {}; }
+      var borderColor = desc.borderColor, borderRadius = desc.borderRadius, borderWidth = desc.borderWidth;
+      if (desc.hasOwnProperty('borderColor') && !is.color(borderColor)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('borderRadius') && !is.number(borderRadius)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('borderWidth') && !is.number(borderWidth)) {
+          return false;
+      }
+      return true;
+  }
+  function rectDesc(desc) {
+      var bgColor = desc.bgColor;
+      if (desc.hasOwnProperty('bgColor') && !is.color(bgColor)) {
+          return false;
+      }
+      if (!box(desc)) {
+          return false;
+      }
+      return true;
+  }
+  function circleDesc(desc) {
+      var bgColor = desc.bgColor, borderColor = desc.borderColor, borderWidth = desc.borderWidth;
+      if (desc.hasOwnProperty('bgColor') && !is.color(bgColor)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('borderColor') && !is.color(borderColor)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('borderWidth') && !is.number(borderWidth)) {
+          return false;
+      }
+      return true;
+  }
+  function imageDesc(desc) {
+      var src = desc.src;
+      if (!is.imageSrc(src)) {
+          return false;
+      }
+      return true;
+  }
+  function svgDesc(desc) {
+      var svg = desc.svg;
+      if (!is.svg(svg)) {
+          return false;
+      }
+      return true;
+  }
+  function htmlDesc(desc) {
+      var html = desc.html;
+      if (!is.html(html)) {
+          return false;
+      }
+      return true;
+  }
+  function textDesc(desc) {
+      var text = desc.text, color = desc.color, fontSize = desc.fontSize, lineHeight = desc.lineHeight, fontFamily = desc.fontFamily, textAlign = desc.textAlign, fontWeight = desc.fontWeight, bgColor = desc.bgColor, strokeWidth = desc.strokeWidth, strokeColor = desc.strokeColor;
+      if (!is.text(text)) {
+          return false;
+      }
+      if (!is.color(color)) {
+          return false;
+      }
+      if (!is.fontSize(fontSize)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('bgColor') && !is.color(bgColor)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('fontWeight') && !is.fontWeight(fontWeight)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('lineHeight') && !is.lineHeight(lineHeight)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('fontFamily') && !is.fontFamily(fontFamily)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('textAlign') && !is.textAlign(textAlign)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('strokeWidth') && !is.strokeWidth(strokeWidth)) {
+          return false;
+      }
+      if (desc.hasOwnProperty('strokeColor') && !is.color(strokeColor)) {
+          return false;
+      }
+      if (!box(desc)) {
+          return false;
+      }
+      return true;
+  }
+  var check = {
+      attrs: attrs,
+      textDesc: textDesc,
+      rectDesc: rectDesc,
+      circleDesc: circleDesc,
+      imageDesc: imageDesc,
+      svgDesc: svgDesc,
+      htmlDesc: htmlDesc,
   };
 
-  return index;
+  var default_1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    is: is,
+    check: check,
+    delay: delay,
+    compose: compose,
+    throttle: throttle,
+    loadImage: loadImage,
+    loadSVG: loadSVG,
+    loadHTML: loadHTML,
+    downloadImageFromCanvas: downloadImageFromCanvas,
+    toColorHexStr: toColorHexStr,
+    toColorHexNum: toColorHexNum,
+    isColorStr: isColorStr,
+    createUUID: createUUID,
+    istype: istype,
+    deepClone: deepClone,
+    Context: Context
+  });
+
+  return default_1;
 
-}());
+})();

package/dist/index.global.min.js

@@ -0,0 +1 @@
+var iDrawUtil=function(){'use strict';function t(t){return'string'==typeof t&&/^\#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t)}function e(t){return(Object.prototype.toString.call(t)||'').replace(/(\[object|\])/gi,'').trim()}var n={type:function(t,n){var o=e(t);return!0===n?o.toLocaleLowerCase():o},array:function(t){return'Array'===e(t)},json:function(t){return'Object'===e(t)},function:function(t){return'Function'===e(t)},asyncFunction:function(t){return'AsyncFunction'===e(t)},string:function(t){return'String'===e(t)},number:function(t){return'Number'===e(t)},undefined:function(t){return'Undefined'===e(t)},null:function(t){return'Null'===e(t)},promise:function(t){return'Promise'===e(t)}},o=function(){return o=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},o.apply(this,arguments)};function r(t,e,n,o){return new(n||(n=Promise))((function(r,i){function c(t){try{u(o.next(t))}catch(t){i(t)}}function s(t){try{u(o.throw(t))}catch(t){i(t)}}function u(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(c,s)}u((o=o.apply(t,e||[])).next())}))}function i(t,e){var n,o,r,i,c={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;c;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return c.label++,{value:i[1],done:!1};case 5:c.label++,o=i[1],i=[0];continue;case 7:i=c.ops.pop(),c.trys.pop();continue;default:if(!(r=c.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){c=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){c.label=i[1];break}if(6===i[0]&&c.label<r[1]){c.label=r[1],r=i;break}if(r&&c.label<r[2]){c.label=r[2],c.ops.push(i);break}r[2]&&c.ops.pop(),c.trys.pop();continue}i=e.call(t,c)}catch(t){i=[6,t],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}function c(t,e){var n=e.width,o=e.height;return new Promise((function(e,r){var i="\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(n||'',"\" height = \"").concat(o||'',"\">\n      <foreignObject width=\"100%\" height=\"100%\">\n        <div xmlns = \"http://www.w3.org/1999/xhtml\">\n          ").concat(t,"\n        </div>\n      </foreignObject>\n    </svg>\n    "),c=new Blob([i],{type:'image/svg+xml;charset=utf-8'}),s=new FileReader;s.readAsDataURL(c),s.onload=function(t){var n,o=null===(n=null==t?void 0:t.target)||void 0===n?void 0:n.result;e(o)},s.onerror=function(t){r(t)}}))}function s(t){return new Promise((function(e,n){var o=new Blob([t],{type:'image/svg+xml;charset=utf-8'}),r=new FileReader;r.readAsDataURL(o),r.onload=function(t){var n,o=null===(n=null==t?void 0:t.target)||void 0===n?void 0:n.result;e(o)},r.onerror=function(t){n(t)}}))}var u=window.Image;function a(t){return new Promise((function(e,n){var o=new u;o.onload=function(){e(o)},o.onabort=n,o.onerror=n,o.src=t}))}var h=function(){function t(t,e){this._opts=e,this._ctx=t,this._transform={scale:1,scrollX:0,scrollY:0}}return t.prototype.getContext=function(){return this._ctx},t.prototype.resetSize=function(t){this._opts=o(o({},this._opts),t)},t.prototype.calcDeviceNum=function(t){return t*this._opts.devicePixelRatio},t.prototype.calcScreenNum=function(t){return t/this._opts.devicePixelRatio},t.prototype.getSize=function(){return{width:this._opts.width,height:this._opts.height,contextWidth:this._opts.contextWidth,contextHeight:this._opts.contextHeight,devicePixelRatio:this._opts.devicePixelRatio}},t.prototype.setTransform=function(t){this._transform=o(o({},this._transform),t)},t.prototype.getTransform=function(){return{scale:this._transform.scale,scrollX:this._transform.scrollX,scrollY:this._transform.scrollY}},t.prototype.setFillStyle=function(t){this._ctx.fillStyle=t},t.prototype.fill=function(t){return this._ctx.fill(t||'nonzero')},t.prototype.arc=function(t,e,n,o,r,i){return this._ctx.arc(this._doSize(t),this._doSize(e),this._doSize(n),o,r,i)},t.prototype.rect=function(t,e,n,o){return this._ctx.rect(this._doSize(t),this._doSize(e),this._doSize(n),this._doSize(o))},t.prototype.fillRect=function(t,e,n,o){return this._ctx.fillRect(this._doSize(t),this._doSize(e),this._doSize(n),this._doSize(o))},t.prototype.clearRect=function(t,e,n,o){return this._ctx.clearRect(this._doSize(t),this._doSize(e),this._doSize(n),this._doSize(o))},t.prototype.beginPath=function(){return this._ctx.beginPath()},t.prototype.closePath=function(){return this._ctx.closePath()},t.prototype.lineTo=function(t,e){return this._ctx.lineTo(this._doSize(t),this._doSize(e))},t.prototype.moveTo=function(t,e){return this._ctx.moveTo(this._doSize(t),this._doSize(e))},t.prototype.arcTo=function(t,e,n,o,r){return this._ctx.arcTo(this._doSize(t),this._doSize(e),this._doSize(n),this._doSize(o),this._doSize(r))},t.prototype.setLineWidth=function(t){return this._ctx.lineWidth=this._doSize(t)},t.prototype.setLineDash=function(t){var e=this;return this._ctx.setLineDash(t.map((function(t){return e._doSize(t)})))},t.prototype.isPointInPath=function(t,e){return this._ctx.isPointInPath(this._doX(t),this._doY(e))},t.prototype.isPointInPathWithoutScroll=function(t,e){return this._ctx.isPointInPath(this._doSize(t),this._doSize(e))},t.prototype.setStrokeStyle=function(t){this._ctx.strokeStyle=t},t.prototype.stroke=function(){return this._ctx.stroke()},t.prototype.translate=function(t,e){return this._ctx.translate(this._doSize(t),this._doSize(e))},t.prototype.rotate=function(t){return this._ctx.rotate(t)},t.prototype.drawImage=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var n=t[0],o=t[1],r=t[2],i=t[3],c=t[4],s=t[t.length-4],u=t[t.length-3],a=t[t.length-2],h=t[t.length-1];return 9===t.length?this._ctx.drawImage(n,this._doSize(o),this._doSize(r),this._doSize(i),this._doSize(c),this._doSize(s),this._doSize(u),this._doSize(a),this._doSize(h)):this._ctx.drawImage(n,this._doSize(s),this._doSize(u),this._doSize(a),this._doSize(h))},t.prototype.createPattern=function(t,e){return this._ctx.createPattern(t,e)},t.prototype.measureText=function(t){return this._ctx.measureText(t)},t.prototype.setTextAlign=function(t){this._ctx.textAlign=t},t.prototype.fillText=function(t,e,n,o){return void 0!==o?this._ctx.fillText(t,this._doSize(e),this._doSize(n),this._doSize(o)):this._ctx.fillText(t,this._doSize(e),this._doSize(n))},t.prototype.strokeText=function(t,e,n,o){return void 0!==o?this._ctx.strokeText(t,this._doSize(e),this._doSize(n),this._doSize(o)):this._ctx.strokeText(t,this._doSize(e),this._doSize(n))},t.prototype.setFont=function(t){var e=[];'bold'===t.fontWeight&&e.push("".concat(t.fontWeight)),e.push("".concat(this._doSize(t.fontSize||12),"px")),e.push("".concat(t.fontFamily||'sans-serif')),this._ctx.font="".concat(e.join(' '))},t.prototype.setTextBaseline=function(t){this._ctx.textBaseline=t},t.prototype.setGlobalAlpha=function(t){this._ctx.globalAlpha=t},t.prototype.save=function(){this._ctx.save()},t.prototype.restore=function(){this._ctx.restore()},t.prototype.scale=function(t,e){this._ctx.scale(t,e)},t.prototype.setShadowColor=function(t){this._ctx.shadowColor=t},t.prototype.setShadowOffsetX=function(t){this._ctx.shadowOffsetX=this._doSize(t)},t.prototype.setShadowOffsetY=function(t){this._ctx.shadowOffsetY=this._doSize(t)},t.prototype.setShadowBlur=function(t){this._ctx.shadowBlur=this._doSize(t)},t.prototype.ellipse=function(t,e,n,o,r,i,c,s){this._ctx.ellipse(this._doSize(t),this._doSize(e),this._doSize(n),this._doSize(o),r,i,c,s)},t.prototype._doSize=function(t){return this._opts.devicePixelRatio*t},t.prototype._doX=function(t){var e=this._transform,n=e.scale,o=(t-e.scrollX)/n;return this._doSize(o)},t.prototype._doY=function(t){var e=this._transform,n=e.scale,o=(t-e.scrollY)/n;return this._doSize(o)},t}();function l(t){return'number'==typeof t&&(t>0||t<=0)}function f(t){return'number'==typeof t&&t>=0}function p(t){return'string'==typeof t&&/^(http:\/\/|https:\/\/|\.\/|\/)/.test("".concat(t))}function d(t){return'string'==typeof t&&/^(data:image\/)/.test("".concat(t))}var _={x:function(t){return l(t)},y:function(t){return l(t)},w:f,h:function(t){return'number'==typeof t&&t>=0},angle:function(t){return'number'==typeof t&&t>=-360&&t<=360},number:l,borderWidth:function(t){return f(t)},borderRadius:function(t){return l(t)&&t>=0},color:function(e){return t(e)},imageSrc:function(t){return d(t)||p(t)},imageURL:p,imageBase64:d,svg:function(t){return'string'==typeof t&&/^(<svg[\s]{1,}|<svg>)/i.test("".concat(t).trim())&&/<\/[\s]{0,}svg>$/i.test("".concat(t).trim())},html:function(t){var e=!1;if('string'==typeof t){var n=document.createElement('div');n.innerHTML=t,n.children.length>0&&(e=!0),n=null}return e},text:function(t){return'string'==typeof t},fontSize:function(t){return l(t)&&t>0},lineHeight:function(t){return l(t)&&t>0},textAlign:function(t){return['center','left','right'].includes(t)},fontFamily:function(t){return'string'==typeof t&&t.length>0},fontWeight:function(t){return['bold'].includes(t)},strokeWidth:function(t){return l(t)&&t>0}};function y(t){void 0===t&&(t={});var e=t.borderColor,n=t.borderRadius,o=t.borderWidth;return!(t.hasOwnProperty('borderColor')&&!_.color(e))&&(!(t.hasOwnProperty('borderRadius')&&!_.number(n))&&!(t.hasOwnProperty('borderWidth')&&!_.number(o)))}var g={attrs:function(t){var e=t.x,n=t.y,o=t.w,r=t.h,i=t.angle;return!!(_.x(e)&&_.y(n)&&_.w(o)&&_.h(r)&&_.angle(i))&&(i>=-360&&i<=360)},textDesc:function(t){var e=t.text,n=t.color,o=t.fontSize,r=t.lineHeight,i=t.fontFamily,c=t.textAlign,s=t.fontWeight,u=t.bgColor,a=t.strokeWidth,h=t.strokeColor;return!!_.text(e)&&(!!_.color(n)&&(!!_.fontSize(o)&&(!(t.hasOwnProperty('bgColor')&&!_.color(u))&&(!(t.hasOwnProperty('fontWeight')&&!_.fontWeight(s))&&(!(t.hasOwnProperty('lineHeight')&&!_.lineHeight(r))&&(!(t.hasOwnProperty('fontFamily')&&!_.fontFamily(i))&&(!(t.hasOwnProperty('textAlign')&&!_.textAlign(c))&&(!(t.hasOwnProperty('strokeWidth')&&!_.strokeWidth(a))&&(!(t.hasOwnProperty('strokeColor')&&!_.color(h))&&!!y(t))))))))))},rectDesc:function(t){var e=t.bgColor;return!(t.hasOwnProperty('bgColor')&&!_.color(e))&&!!y(t)},circleDesc:function(t){var e=t.bgColor,n=t.borderColor,o=t.borderWidth;return!(t.hasOwnProperty('bgColor')&&!_.color(e))&&(!(t.hasOwnProperty('borderColor')&&!_.color(n))&&!(t.hasOwnProperty('borderWidth')&&!_.number(o)))},imageDesc:function(t){var e=t.src;return!!_.imageSrc(e)},svgDesc:function(t){var e=t.svg;return!!_.svg(e)},htmlDesc:function(t){var e=t.html;return!!_.html(e)}},v=Object.freeze({__proto__:null,is:_,check:g,delay:function(t){return new Promise((function(e){setTimeout((function(){e()}),t)}))},compose:function(t){return function(e,n){return function o(r){var i=t[r];r===t.length&&n&&(i=n);if(!i)return Promise.resolve();try{return Promise.resolve(i(e,o.bind(null,r+1)))}catch(t){return Promise.reject(t)}}(0)}},throttle:function(t,e){var n=-1;return function(){for(var o=[],r=0;r<arguments.length;r++)o[r]=arguments[r];n>0||(n=setTimeout((function(){t.apply(void 0,o),n=-1}),e))}},loadImage:a,loadSVG:function(t){return r(this,void 0,void 0,(function(){return i(this,(function(e){switch(e.label){case 0:return[4,s(t)];case 1:return[4,a(e.sent())];case 2:return[2,e.sent()]}}))}))},loadHTML:function(t,e){return r(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return[4,c(t=t.replace(/\&/gi,'&amp;'),e)];case 1:return[4,a(n.sent())];case 2:return[2,n.sent()]}}))}))},downloadImageFromCanvas:function(t,e){var n=e.filename,o=e.type,r=void 0===o?'image/jpeg':o,i=t.toDataURL(r),c=document.createElement('a');c.href=i,c.download=n;var s=document.createEvent('MouseEvents');s.initEvent('click',!0,!1),c.dispatchEvent(s)},toColorHexStr:function(t){return'#'+t.toString(16)},toColorHexNum:function(t){return parseInt(t.replace(/^\#/,'0x'))},isColorStr:t,createUUID:function(){function t(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return"".concat(t()).concat(t(),"-").concat(t(),"-").concat(t(),"-").concat(t(),"-").concat(t()).concat(t()).concat(t())},istype:n,deepClone:function(t){return function t(e){var n,o=(n=e,Object.prototype.toString.call(n).replace(/[\]|\[]{1,1}/gi,'').split(' ')[1]);if(['Null','Number','String','Boolean','Undefined'].indexOf(o)>=0)return e;if('Array'===o){var r=[];return e.forEach((function(e){r.push(t(e))})),r}if('Object'===o){var i={};return Object.keys(e).forEach((function(n){i[n]=t(e[n])})),i}}(t)},Context:h});return v}();