@idraw/renderer 0.2.0-alpha.26 → 0.3.0-alpha.2

package/dist/{index.es.js → index.esm.js}

@@ -116,18 +116,18 @@ function toColorHexNum(color) {
 function toColorHexStr(color) {
     return '#' + color.toString(16);
 }
-function isColorStr$1(color) {
+function isColorStr(color) {
     return typeof color === 'string' && /^\#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(color);
 }
-function createUUID$1() {
+function createUUID() {
     function str4() {
         return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
     }
     return "".concat(str4()).concat(str4(), "-").concat(str4(), "-").concat(str4(), "-").concat(str4(), "-").concat(str4()).concat(str4()).concat(str4());
 }
-function deepClone$2(target) {
+function deepClone(target) {
     function _clone(t) {
-        var type = is$1$1(t);
+        var type = is$1(t);
         if (['Null', 'Number', 'String', 'Boolean', 'Undefined'].indexOf(type) >= 0) {
             return t;
         }
@@ -149,7 +149,7 @@ function deepClone$2(target) {
     }
     return _clone(target);
 }
-function is$1$1(data) {
+function is$1(data) {
     return Object.prototype.toString.call(data).replace(/[\]|\[]{1,1}/ig, '').split(' ')[1];
 }
 function parsePrototype(data) {
@@ -157,7 +157,7 @@ function parsePrototype(data) {
     var result = typeStr.replace(/(\[object|\])/ig, '').trim();
     return result;
 }
-var istype$1 = {
+var istype = {
     type: function (data, lowerCase) {
         var result = parsePrototype(data);
         return lowerCase === true ? result.toLocaleLowerCase() : result;
@@ -270,7 +270,7 @@ function parseSVGToDataURL(svg) {
     });
 }
 var Image = window.Image;
-function loadImage$1(src) {
+function loadImage(src) {
     return new Promise(function (resolve, reject) {
         var img = new Image;
         img.onload = function () {
@@ -281,7 +281,7 @@ function loadImage$1(src) {
         img.src = src;
     });
 }
-function loadSVG$1(svg) {
+function loadSVG(svg) {
     return __awaiter(this, void 0, void 0, function () {
         var dataURL, image;
         return __generator(this, function (_a) {
@@ -289,7 +289,7 @@ function loadSVG$1(svg) {
                 case 0: return [4, parseSVGToDataURL(svg)];
                 case 1:
                     dataURL = _a.sent();
-                    return [4, loadImage$1(dataURL)];
+                    return [4, loadImage(dataURL)];
                 case 2:
                     image = _a.sent();
                     return [2, image];
@@ -297,15 +297,20 @@ function loadSVG$1(svg) {
         });
     });
 }
-function loadHTML$1(html, opts) {
+function filterAmpersand(str) {
+    return str.replace(/\&/ig, '&');
+}
+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: return [4, parseHTMLToDataURL(html, opts)];
+                case 0:
+                    html = filterAmpersand(html);
+                    return [4, parseHTMLToDataURL(html, opts)];
                 case 1:
                     dataURL = _a.sent();
-                    return [4, loadImage$1(dataURL)];
+                    return [4, loadImage(dataURL)];
                 case 2:
                     image = _a.sent();
                     return [2, image];
@@ -313,7 +318,7 @@ function loadHTML$1(html, opts) {
         });
     });
 }
-var Context$1 = (function () {
+var Context = (function () {
     function Context(ctx, opts) {
         this._opts = opts;
         this._ctx = ctx;
@@ -536,8 +541,8 @@ function borderWidth(value) {
 function borderRadius(value) {
     return number(value) && value >= 0;
 }
-function color$2(value) {
-    return isColorStr$1(value);
+function color(value) {
+    return isColorStr(value);
 }
 function imageURL(value) {
     return (typeof value === 'string' && /^(http:\/\/|https:\/\/|\.\/|\/)/.test("".concat(value)));
@@ -584,7 +589,7 @@ function fontFamily(value) {
 function fontWeight(value) {
     return ['bold'].includes(value);
 }
-var is$2 = {
+var is = {
     x: x,
     y: y,
     w: w,
@@ -593,7 +598,7 @@ var is$2 = {
     number: number,
     borderWidth: borderWidth,
     borderRadius: borderRadius,
-    color: color$2,
+    color: color,
     imageSrc: imageSrc,
     imageURL: imageURL,
     imageBase64: imageBase64,
@@ -609,7 +614,7 @@ var is$2 = {
 };
 function attrs(attrs) {
     var x = attrs.x, y = attrs.y, w = attrs.w, h = attrs.h, angle = attrs.angle;
-    if (!(is$2.x(x) && is$2.y(y) && is$2.w(w) && is$2.h(h) && is$2.angle(angle))) {
+    if (!(is.x(x) && is.y(y) && is.w(w) && is.h(h) && is.angle(angle))) {
         return false;
     }
     if (!(angle >= -360 && angle <= 360)) {
@@ -620,20 +625,20 @@ function attrs(attrs) {
 function box(desc) {
     if (desc === void 0) { desc = {}; }
     var borderColor = desc.borderColor, borderRadius = desc.borderRadius, borderWidth = desc.borderWidth;
-    if (desc.hasOwnProperty('borderColor') && !is$2.color(borderColor)) {
+    if (desc.hasOwnProperty('borderColor') && !is.color(borderColor)) {
         return false;
     }
-    if (desc.hasOwnProperty('borderRadius') && !is$2.number(borderRadius)) {
+    if (desc.hasOwnProperty('borderRadius') && !is.number(borderRadius)) {
         return false;
     }
-    if (desc.hasOwnProperty('borderWidth') && !is$2.number(borderWidth)) {
+    if (desc.hasOwnProperty('borderWidth') && !is.number(borderWidth)) {
         return false;
     }
     return true;
 }
 function rectDesc(desc) {
     var bgColor = desc.bgColor;
-    if (desc.hasOwnProperty('bgColor') && !is$2.color(bgColor)) {
+    if (desc.hasOwnProperty('bgColor') && !is.color(bgColor)) {
         return false;
     }
     if (!box(desc)) {
@@ -643,68 +648,68 @@ function rectDesc(desc) {
 }
 function circleDesc(desc) {
     var bgColor = desc.bgColor, borderColor = desc.borderColor, borderWidth = desc.borderWidth;
-    if (desc.hasOwnProperty('bgColor') && !is$2.color(bgColor)) {
+    if (desc.hasOwnProperty('bgColor') && !is.color(bgColor)) {
         return false;
     }
-    if (desc.hasOwnProperty('borderColor') && !is$2.color(borderColor)) {
+    if (desc.hasOwnProperty('borderColor') && !is.color(borderColor)) {
         return false;
     }
-    if (desc.hasOwnProperty('borderWidth') && !is$2.number(borderWidth)) {
+    if (desc.hasOwnProperty('borderWidth') && !is.number(borderWidth)) {
         return false;
     }
     return true;
 }
 function imageDesc(desc) {
     var src = desc.src;
-    if (!is$2.imageSrc(src)) {
+    if (!is.imageSrc(src)) {
         return false;
     }
     return true;
 }
 function svgDesc(desc) {
     var svg = desc.svg;
-    if (!is$2.svg(svg)) {
+    if (!is.svg(svg)) {
         return false;
     }
     return true;
 }
 function htmlDesc(desc) {
     var html = desc.html;
-    if (!is$2.html(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$2.text(text)) {
+    if (!is.text(text)) {
         return false;
     }
-    if (!is$2.color(color)) {
+    if (!is.color(color)) {
         return false;
     }
-    if (!is$2.fontSize(fontSize)) {
+    if (!is.fontSize(fontSize)) {
         return false;
     }
-    if (desc.hasOwnProperty('bgColor') && !is$2.color(bgColor)) {
+    if (desc.hasOwnProperty('bgColor') && !is.color(bgColor)) {
         return false;
     }
-    if (desc.hasOwnProperty('fontWeight') && !is$2.fontWeight(fontWeight)) {
+    if (desc.hasOwnProperty('fontWeight') && !is.fontWeight(fontWeight)) {
         return false;
     }
-    if (desc.hasOwnProperty('lineHeight') && !is$2.lineHeight(lineHeight)) {
+    if (desc.hasOwnProperty('lineHeight') && !is.lineHeight(lineHeight)) {
         return false;
     }
-    if (desc.hasOwnProperty('fontFamily') && !is$2.fontFamily(fontFamily)) {
+    if (desc.hasOwnProperty('fontFamily') && !is.fontFamily(fontFamily)) {
         return false;
     }
-    if (desc.hasOwnProperty('textAlign') && !is$2.textAlign(textAlign)) {
+    if (desc.hasOwnProperty('textAlign') && !is.textAlign(textAlign)) {
         return false;
     }
-    if (desc.hasOwnProperty('strokeWidth') && !is$2.strokeWidth(strokeWidth)) {
+    if (desc.hasOwnProperty('strokeWidth') && !is.strokeWidth(strokeWidth)) {
         return false;
     }
-    if (desc.hasOwnProperty('strokeColor') && !is$2.color(strokeColor)) {
+    if (desc.hasOwnProperty('strokeColor') && !is.color(strokeColor)) {
         return false;
     }
     if (!box(desc)) {
@@ -721,36 +726,25 @@ var check = {
     svgDesc: svgDesc,
     htmlDesc: htmlDesc,
 };
-var index = {
-    is: is$2,
-    check: check,
-    time: {
-        delay: delay,
-        compose: compose,
-        throttle: throttle,
-    },
-    loader: {
-        loadImage: loadImage$1,
-        loadSVG: loadSVG$1,
-        loadHTML: loadHTML$1,
-    },
-    file: {
-        downloadImageFromCanvas: downloadImageFromCanvas,
-    },
-    color: {
-        toColorHexStr: toColorHexStr,
-        toColorHexNum: toColorHexNum,
-        isColorStr: isColorStr$1,
-    },
-    uuid: {
-        createUUID: createUUID$1
-    },
-    istype: istype$1,
-    data: {
-        deepClone: deepClone$2,
-    },
-    Context: Context$1,
-};
+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
+});
 
 function parseAngleToRadian(angle) {
     return angle / 180 * Math.PI;
@@ -782,7 +776,6 @@ function rotateContext(ctx, center, radian, callback) {
     }
 }
 
-var is$1 = index.is, istype = index.istype, color$1 = index.color;
 function clearContext(ctx) {
     ctx.setFillStyle('#000000');
     ctx.setStrokeStyle('#000000');
@@ -833,7 +826,7 @@ function drawBoxBorder(ctx, elem) {
         }
         var bw = elem.desc.borderWidth;
         var borderColor = '#000000';
-        if (color$1.isColorStr(elem.desc.borderColor) === true) {
+        if (isColorStr(elem.desc.borderColor) === true) {
             borderColor = elem.desc.borderColor;
         }
         var x = elem.x - bw / 2;
@@ -846,16 +839,16 @@ function drawBoxBorder(ctx, elem) {
             r = r + bw / 2;
         }
         var desc = elem.desc;
-        if (desc.shadowColor !== undefined && color$1.isColorStr(desc.shadowColor)) {
+        if (desc.shadowColor !== undefined && isColorStr(desc.shadowColor)) {
             ctx.setShadowColor(desc.shadowColor);
         }
-        if (desc.shadowOffsetX !== undefined && is$1.number(desc.shadowOffsetX)) {
+        if (desc.shadowOffsetX !== undefined && is.number(desc.shadowOffsetX)) {
             ctx.setShadowOffsetX(desc.shadowOffsetX);
         }
-        if (desc.shadowOffsetY !== undefined && is$1.number(desc.shadowOffsetY)) {
+        if (desc.shadowOffsetY !== undefined && is.number(desc.shadowOffsetY)) {
             ctx.setShadowOffsetY(desc.shadowOffsetY);
         }
-        if (desc.shadowBlur !== undefined && is$1.number(desc.shadowBlur)) {
+        if (desc.shadowBlur !== undefined && is.number(desc.shadowBlur)) {
             ctx.setShadowBlur(desc.shadowBlur);
         }
         ctx.beginPath();
@@ -902,7 +895,6 @@ function drawHTML(ctx, elem, loader) {
     });
 }
 
-var is = index.is, color = index.color;
 function drawText(ctx, elem, loader) {
     clearContext(ctx);
     drawBox(ctx, elem, elem.desc.bgColor || 'transparent');
@@ -968,7 +960,7 @@ function drawText(ctx, elem, loader) {
             if (lines.length * fontHeight < elem.h) {
                 _y_1 += ((elem.h - lines.length * fontHeight) / 2);
             }
-            if (desc.textShadowColor !== undefined && color.isColorStr(desc.textShadowColor)) {
+            if (desc.textShadowColor !== undefined && isColorStr(desc.textShadowColor)) {
                 ctx.setShadowColor(desc.textShadowColor);
             }
             if (desc.textShadowOffsetX !== undefined && is.number(desc.textShadowOffsetX)) {
@@ -992,7 +984,7 @@ function drawText(ctx, elem, loader) {
             });
             clearContext(ctx);
         }
-        if (color.isColorStr(desc.strokeColor) && desc.strokeWidth !== undefined && desc.strokeWidth > 0) {
+        if (isColorStr(desc.strokeColor) && desc.strokeWidth !== undefined && desc.strokeWidth > 0) {
             var _y_2 = elem.y;
             if (lines.length * fontHeight < elem.h) {
                 _y_2 += ((elem.h - lines.length * fontHeight) / 2);
@@ -1044,7 +1036,6 @@ function drawCircle(ctx, elem) {
     });
 }
 
-var isColorStr = index.color.isColorStr;
 function drawContext(ctx, data, loader) {
     var _a;
     clearContext(ctx);
@@ -1146,8 +1137,6 @@ function filterScript(html) {
     return html.replace(/<script[\s\S]*?<\/script>/ig, '');
 }
 
-var _a$1 = index.loader, loadImage = _a$1.loadImage, loadSVG = _a$1.loadSVG, loadHTML = _a$1.loadHTML;
-var deepClone$1 = index.data.deepClone;
 var LoaderStatus;
 (function (LoaderStatus) {
     LoaderStatus["FREE"] = "free";
@@ -1243,7 +1232,7 @@ var Loader = (function () {
             source: source,
             elemW: elemW,
             elemH: elemH,
-            element: deepClone$1(elem),
+            element: deepClone(elem),
         };
     };
     Loader.prototype._loadTask = function () {
@@ -1456,9 +1445,6 @@ var _retainQueueOneItem = Symbol('_retainQueueOneItem');
 
 var _a, _b, _c;
 var requestAnimationFrame = window.requestAnimationFrame;
-var createUUID = index.uuid.createUUID;
-var deepClone = index.data.deepClone;
-var Context = index.Context;
 var DrawStatus;
 (function (DrawStatus) {
     DrawStatus["NULL"] = "null";
@@ -1593,4 +1579,9 @@ var Renderer = (function (_super) {
     return Renderer;
 }(RendererEvent));
 
-export { Renderer as default };
+var default_1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Renderer: Renderer
+});
+
+export { Renderer, default_1 as default };