@idraw/util 0.2.0-alpha.8 → 0.3.0-alpha.0

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];
   }
 
@@ -139,6 +139,16 @@ var iDrawUtil = (function () {
       },
   };
 
+  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) {
@@ -179,7 +189,7 @@ var iDrawUtil = (function () {
   function parseHTMLToDataURL(html, opts) {
       var width = opts.width, height = opts.height;
       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 _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);
@@ -255,34 +265,437 @@ 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 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,
   };
 
-  return index;
+  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,
+  };
+
+  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,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}();

package/esm/default.d.ts

@@ -0,0 +1 @@
+export * as default from './index';

package/esm/default.js

@@ -0,0 +1,2 @@
+import * as default_1 from './index';
+export default default_1;

package/esm/esm.d.ts

@@ -0,0 +1,2 @@
+export * from './index';
+export * as default from './index';

package/esm/esm.js

@@ -0,0 +1,3 @@
+export * from './index';
+import * as default_1 from './index';
+export default default_1;

package/esm/index.d.ts

@@ -0,0 +1,11 @@
+import { delay, compose, throttle } from './lib/time';
+import { downloadImageFromCanvas } from './lib/file';
+import { toColorHexStr, toColorHexNum, isColorStr } from './lib/color';
+import { createUUID } from './lib/uuid';
+import { deepClone } from './lib/data';
+import istype from './lib/istype';
+import { loadImage, loadSVG, loadHTML } from './lib/loader';
+import Context from './lib/context';
+import is from './lib/is';
+import check from './lib/check';
+export { is, check, delay, compose, throttle, loadImage, loadSVG, loadHTML, downloadImageFromCanvas, toColorHexStr, toColorHexNum, isColorStr, createUUID, istype, deepClone, Context, };

package/esm/index.js

@@ -0,0 +1,11 @@
+import { delay, compose, throttle } from './lib/time';
+import { downloadImageFromCanvas } from './lib/file';
+import { toColorHexStr, toColorHexNum, isColorStr } from './lib/color';
+import { createUUID } from './lib/uuid';
+import { deepClone } from './lib/data';
+import istype from './lib/istype';
+import { loadImage, loadSVG, loadHTML } from './lib/loader';
+import Context from './lib/context';
+import is from './lib/is';
+import check from './lib/check';
+export { is, check, delay, compose, throttle, loadImage, loadSVG, loadHTML, downloadImageFromCanvas, toColorHexStr, toColorHexNum, isColorStr, createUUID, istype, deepClone, Context, };

package/package.json

@@ -1,16 +1,19 @@
 {
   "name": "@idraw/util",
-  "version": "0.2.0-alpha.8",
+  "version": "0.3.0-alpha.0",
   "description": "",
   "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
+  "module": "dist/index.esm.js",
   "unpkg": "dist/index.global.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "files": [
-    "dist"
+    "dist/*.ts",
+    "dist/*.js",
+    "esm/*.js",
+    "esm/*.ts"
   ],
   "repository": {
     "type": "git",
@@ -22,8 +25,11 @@
   "homepage": "https://github.com/idrawjs/idraw#readme",
   "author": "chenshenhai",
   "license": "MIT",
+  "devDependencies": {
+    "@idraw/types": "^0.3.0-alpha.0"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b1c40b021a1b05056d9e7b929c5909f1cd27246"
+  "gitHead": "62691af46d68136e79e8a4b94b9b5af5b3a2930e"
 }