@leafer-in/export 1.8.0 → 1.9.0

package/dist/export.cjs

@@ -1,43 +1,45 @@
-'use strict';
-
-var draw = require('@leafer-ui/draw');
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-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());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+"use strict";
+
+var draw = require("@leafer-ui/draw");
+
+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());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const { setPoint, addPoint, toBounds } = draw.TwoPointBoundsHelper;
+const {setPoint: setPoint, addPoint: addPoint, toBounds: toBounds} = draw.TwoPointBoundsHelper;
+
 function getTrimBounds(canvas) {
-    const { width, height } = canvas.view;
-    const { data } = canvas.context.getImageData(0, 0, width, height);
+    const {width: width, height: height} = canvas.view;
+    const {data: data} = canvas.context.getImageData(0, 0, width, height);
     let x, y, pointBounds, index = 0;
     for (let i = 0; i < data.length; i += 4) {
         if (data[i + 3] !== 0) {
@@ -47,7 +49,7 @@ function getTrimBounds(canvas) {
         }
         index++;
     }
-    const bounds = new draw.Bounds();
+    const bounds = new draw.Bounds;
     if (pointBounds) {
         toBounds(pointBounds, bounds);
         bounds.scale(1 / canvas.pixelRatio).ceil();
@@ -61,64 +63,80 @@ const ExportModule = {
         let result;
         try {
             const fileType = draw.FileHelper.fileType(filename);
-            const isDownload = filename.includes('.');
+            const isDownload = filename.includes(".");
             options = draw.FileHelper.getExportOptions(options);
-            const { toURL } = draw.Platform;
-            const { download } = draw.Platform.origin;
-            if (fileType === 'json') {
-                isDownload && download(toURL(JSON.stringify(leaf.toJSON(options.json)), 'text'), filename);
-                result = { data: isDownload ? true : leaf.toJSON(options.json) };
-            }
-            else if (fileType === 'svg') {
-                isDownload && download(toURL(leaf.toSVG(), 'svg'), filename);
-                result = { data: isDownload ? true : leaf.toSVG() };
-            }
-            else {
+            const {toURL: toURL} = draw.Platform;
+            const {download: download} = draw.Platform.origin;
+            if (fileType === "json") {
+                isDownload && download(toURL(JSON.stringify(leaf.toJSON(options.json)), "text"), filename);
+                result = {
+                    data: isDownload ? true : leaf.toJSON(options.json)
+                };
+            } else if (fileType === "svg") {
+                isDownload && download(toURL(leaf.toSVG(), "svg"), filename);
+                result = {
+                    data: isDownload ? true : leaf.toSVG()
+                };
+            } else {
                 let renderBounds, trimBounds, scaleX = 1, scaleY = 1;
-                const { worldTransform, isLeafer, leafer, isFrame } = leaf;
-                const { slice, clip, trim, screenshot, padding, onCanvas } = options;
-                const smooth = options.smooth === undefined ? (leafer ? leafer.config.smooth : true) : options.smooth;
+                const {worldTransform: worldTransform, isLeafer: isLeafer, leafer: leafer, isFrame: isFrame} = leaf;
+                const {slice: slice, clip: clip, trim: trim, screenshot: screenshot, padding: padding, onCanvas: onCanvas} = options;
+                const smooth = draw.isUndefined(options.smooth) ? leafer ? leafer.config.smooth : true : options.smooth;
                 const contextSettings = options.contextSettings || (leafer ? leafer.config.contextSettings : undefined);
-                const fill = (isLeafer && screenshot) ? (options.fill === undefined ? leaf.fill : options.fill) : options.fill;
-                const needFill = draw.FileHelper.isOpaqueImage(filename) || fill, matrix = new draw.Matrix();
+                const fill = isLeafer && screenshot ? draw.isUndefined(options.fill) ? leaf.fill : options.fill : options.fill;
+                const needFill = draw.FileHelper.isOpaqueImage(filename) || fill, matrix = new draw.Matrix;
                 if (screenshot) {
-                    renderBounds = screenshot === true ? (isLeafer ? leafer.canvas.bounds : leaf.worldRenderBounds) : screenshot;
-                }
-                else {
-                    let relative = options.relative || (isLeafer ? 'inner' : 'local');
+                    renderBounds = screenshot === true ? isLeafer ? leafer.canvas.bounds : leaf.worldRenderBounds : screenshot;
+                } else {
+                    let relative = options.relative || (isLeafer ? "inner" : "local");
                     scaleX = worldTransform.scaleX;
                     scaleY = worldTransform.scaleY;
                     switch (relative) {
-                        case 'inner':
-                            matrix.set(worldTransform);
-                            break;
-                        case 'local':
-                            matrix.set(worldTransform).divide(leaf.localTransform);
-                            scaleX /= leaf.scaleX;
-                            scaleY /= leaf.scaleY;
-                            break;
-                        case 'world':
-                            scaleX = 1;
-                            scaleY = 1;
-                            break;
-                        case 'page':
-                            relative = leafer || leaf;
-                        default:
-                            matrix.set(worldTransform).divide(leaf.getTransform(relative));
-                            const l = relative.worldTransform;
-                            scaleX /= scaleX / l.scaleX;
-                            scaleY /= scaleY / l.scaleY;
+                      case "inner":
+                        matrix.set(worldTransform);
+                        break;
+
+                      case "local":
+                        matrix.set(worldTransform).divide(leaf.localTransform);
+                        scaleX /= leaf.scaleX;
+                        scaleY /= leaf.scaleY;
+                        break;
+
+                      case "world":
+                        scaleX = 1;
+                        scaleY = 1;
+                        break;
+
+                      case "page":
+                        relative = leafer || leaf;
+
+                      default:
+                        matrix.set(worldTransform).divide(leaf.getTransform(relative));
+                        const l = relative.worldTransform;
+                        scaleX /= scaleX / l.scaleX;
+                        scaleY /= scaleY / l.scaleY;
                     }
-                    renderBounds = leaf.getBounds('render', relative);
+                    renderBounds = leaf.getBounds("render", relative);
                 }
-                const scaleData = { scaleX: 1, scaleY: 1 };
+                const scaleData = {
+                    scaleX: 1,
+                    scaleY: 1
+                };
                 draw.MathHelper.getScaleData(options.scale, options.size, renderBounds, scaleData);
                 let pixelRatio = options.pixelRatio || 1;
-                let { x, y, width, height } = new draw.Bounds(renderBounds).scale(scaleData.scaleX, scaleData.scaleY);
-                if (clip)
-                    x += clip.x, y += clip.y, width = clip.width, height = clip.height;
-                const renderOptions = { exporting: true, matrix: matrix.scale(1 / scaleData.scaleX, 1 / scaleData.scaleY).invert().translate(-x, -y).withScale(1 / scaleX * scaleData.scaleX, 1 / scaleY * scaleData.scaleY) };
-                let canvas = draw.Creator.canvas({ width: Math.floor(width), height: Math.floor(height), pixelRatio, smooth, contextSettings });
+                let {x: x, y: y, width: width, height: height} = new draw.Bounds(renderBounds).scale(scaleData.scaleX, scaleData.scaleY);
+                if (clip) x += clip.x, y += clip.y, width = clip.width, height = clip.height;
+                const renderOptions = {
+                    exporting: true,
+                    matrix: matrix.scale(1 / scaleData.scaleX, 1 / scaleData.scaleY).invert().translate(-x, -y).withScale(1 / scaleX * scaleData.scaleX, 1 / scaleY * scaleData.scaleY)
+                };
+                let canvas = draw.Creator.canvas({
+                    width: Math.floor(width),
+                    height: Math.floor(height),
+                    pixelRatio: pixelRatio,
+                    smooth: smooth,
+                    contextSettings: contextSettings
+                });
                 let sliceLeaf;
                 if (slice) {
                     sliceLeaf = leaf;
@@ -127,122 +145,145 @@ const ExportModule = {
                     renderOptions.bounds = canvas.bounds;
                 }
                 canvas.save();
-                if (isFrame && fill !== undefined) {
-                    const oldFill = leaf.get('fill');
-                    leaf.fill = '';
+                if (isFrame && !draw.isUndefined(fill)) {
+                    const oldFill = leaf.get("fill");
+                    leaf.fill = "";
                     leaf.__render(canvas, renderOptions);
                     leaf.fill = oldFill;
-                }
-                else {
+                } else {
                     leaf.__render(canvas, renderOptions);
                 }
                 canvas.restore();
-                if (sliceLeaf)
-                    sliceLeaf.__updateWorldOpacity();
+                if (sliceLeaf) sliceLeaf.__updateWorldOpacity();
                 if (trim) {
                     trimBounds = getTrimBounds(canvas);
-                    const old = canvas, { width, height } = trimBounds;
-                    const config = { x: 0, y: 0, width, height, pixelRatio };
+                    const old = canvas, {width: width, height: height} = trimBounds;
+                    const config = {
+                        x: 0,
+                        y: 0,
+                        width: width,
+                        height: height,
+                        pixelRatio: pixelRatio
+                    };
                     canvas = draw.Creator.canvas(config);
                     canvas.copyWorld(old, trimBounds, config);
+                    old.destroy();
                 }
                 if (padding) {
                     const [top, right, bottom, left] = draw.MathHelper.fourNumber(padding);
-                    const old = canvas, { width, height } = old;
-                    canvas = draw.Creator.canvas({ width: width + left + right, height: height + top + bottom, pixelRatio });
-                    canvas.copyWorld(old, old.bounds, { x: left, y: top, width, height });
+                    const old = canvas, {width: width, height: height} = old;
+                    canvas = draw.Creator.canvas({
+                        width: width + left + right,
+                        height: height + top + bottom,
+                        pixelRatio: pixelRatio
+                    });
+                    canvas.copyWorld(old, old.bounds, {
+                        x: left,
+                        y: top,
+                        width: width,
+                        height: height
+                    });
+                    old.destroy();
                 }
-                if (needFill)
-                    canvas.fillWorld(canvas.bounds, fill || '#FFFFFF', 'destination-over');
-                if (onCanvas)
-                    onCanvas(canvas);
-                const data = filename === 'canvas' ? canvas : canvas.export(filename, options);
-                result = { data, width: canvas.pixelWidth, height: canvas.pixelHeight, renderBounds, trimBounds };
+                if (needFill) canvas.fillWorld(canvas.bounds, fill || "#FFFFFF", "destination-over");
+                if (onCanvas) onCanvas(canvas);
+                const data = filename === "canvas" ? canvas : canvas.export(filename, options);
+                result = {
+                    data: data,
+                    width: canvas.pixelWidth,
+                    height: canvas.pixelHeight,
+                    renderBounds: renderBounds,
+                    trimBounds: trimBounds
+                };
             }
-        }
-        catch (error) {
-            result = { data: '', error };
+        } catch (error) {
+            result = {
+                data: "",
+                error: error
+            };
         }
         draw.Export.running = false;
         return result;
     },
     export(leaf, filename, options) {
         draw.Export.running = true;
-        return addTask((success) => new Promise((resolve) => {
-            const getResult = () => __awaiter(this, void 0, void 0, function* () {
-                if (!draw.Resource.isComplete)
-                    return draw.Platform.requestRender(getResult);
+        return addTask(success => new Promise(resolve => {
+            const getResult = () => __awaiter(this, void 0, void 0, function*() {
+                if (!draw.Resource.isComplete) return draw.Platform.requestRender(getResult);
                 const result = draw.Export.syncExport(leaf, filename, options);
-                if (result.data instanceof Promise)
-                    result.data = yield result.data;
+                if (result.data instanceof Promise) result.data = yield result.data;
                 success(result);
                 resolve();
             });
             leaf.updateLayout();
             checkLazy(leaf);
-            const { leafer } = leaf;
-            if (leafer)
-                leafer.waitViewCompleted(getResult);
-            else
-                getResult();
+            const {leafer: leafer} = leaf;
+            if (leafer) leafer.waitViewCompleted(getResult); else getResult();
         }));
     }
 };
+
 let tasker;
+
 function addTask(task) {
-    if (!tasker)
-        tasker = new draw.TaskProcessor();
-    return new Promise((resolve) => {
-        tasker.add(() => __awaiter(this, void 0, void 0, function* () { return yield task(resolve); }), { parallel: false });
+    if (!tasker) tasker = new draw.TaskProcessor;
+    return new Promise(resolve => {
+        tasker.add(() => __awaiter(this, void 0, void 0, function*() {
+            return yield task(resolve);
+        }), {
+            parallel: false
+        });
     });
 }
+
 function checkLazy(leaf) {
-    if (leaf.__.__needComputePaint)
-        leaf.__.__computePaint();
-    if (leaf.isBranch)
-        leaf.children.forEach(child => checkLazy(child));
+    if (leaf.__.__needComputePaint) leaf.__.__computePaint();
+    if (leaf.isBranch) leaf.children.forEach(child => checkLazy(child));
 }
 
 const canvas = draw.LeaferCanvasBase.prototype;
-const debug = draw.Debug.get('@leafer-in/export');
-canvas.export = function (filename, options) {
-    const { quality, blob } = draw.FileHelper.getExportOptions(options);
-    if (filename.includes('.'))
-        return this.saveAs(filename, quality);
-    else if (blob)
-        return this.toBlob(filename, quality);
-    else
-        return this.toDataURL(filename, quality);
+
+const debug = draw.Debug.get("@leafer-in/export");
+
+canvas.export = function(filename, options) {
+    const {quality: quality, blob: blob} = draw.FileHelper.getExportOptions(options);
+    if (filename.includes(".")) return this.saveAs(filename, quality); else if (blob) return this.toBlob(filename, quality); else return this.toDataURL(filename, quality);
 };
-canvas.toBlob = function (type, quality) {
-    return new Promise((resolve) => {
-        draw.Platform.origin.canvasToBolb(this.view, type, quality).then((blob) => {
+
+canvas.toBlob = function(type, quality) {
+    return new Promise(resolve => {
+        draw.Platform.origin.canvasToBolb(this.view, type, quality).then(blob => {
             resolve(blob);
-        }).catch((e) => {
+        }).catch(e => {
             debug.error(e);
             resolve(null);
         });
     });
 };
-canvas.toDataURL = function (type, quality) {
+
+canvas.toDataURL = function(type, quality) {
     return draw.Platform.origin.canvasToDataURL(this.view, type, quality);
 };
-canvas.saveAs = function (filename, quality) {
-    return new Promise((resolve) => {
+
+canvas.saveAs = function(filename, quality) {
+    return new Promise(resolve => {
         draw.Platform.origin.canvasSaveAs(this.view, filename, quality).then(() => {
             resolve(true);
-        }).catch((e) => {
+        }).catch(e => {
             debug.error(e);
             resolve(false);
         });
     });
 };
 
-draw.Plugin.add('export');
+draw.Plugin.add("export");
+
 Object.assign(draw.Export, ExportModule);
-draw.UI.prototype.export = function (filename, options) {
+
+draw.UI.prototype.export = function(filename, options) {
     return draw.Export.export(this, filename, options);
 };
-draw.UI.prototype.syncExport = function (filename, options) {
+
+draw.UI.prototype.syncExport = function(filename, options) {
     return draw.Export.syncExport(this, filename, options);
 };