vislite 0.5.2-alpha.0 → 0.5.2-alpha.2

package/lib/OralCanvas/index.es.js

@@ -0,0 +1,657 @@
+/*!
+* VISLite JavaScript Library v0.5.2-alpha.2
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+*
+* Publish Date:  Mon Oct 23 2023 22:21:10 GMT+0800 (中国标准时间)
+*/
+/******************************************************************************
+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 */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var rotate = function (cx, cy, deg, x, y) {
+    var cos = Math.cos(deg), sin = Math.sin(deg);
+    return [
+        +((x - cx) * cos - (y - cy) * sin + cx).toFixed(7),
+        +((x - cx) * sin + (y - cy) * cos + cy).toFixed(7)
+    ];
+};
+function arc (beginA, rotateA, cx, cy, r1, r2, doback) {
+    if (rotateA < 0) {
+        beginA += rotateA;
+        rotateA *= -1;
+    }
+    var temp = [], p;
+    p = rotate(0, 0, beginA, r1, 0);
+    temp[0] = p[0];
+    temp[1] = p[1];
+    p = rotate(0, 0, rotateA, p[0], p[1]);
+    temp[2] = p[0];
+    temp[3] = p[1];
+    p = rotate(0, 0, beginA, r2, 0);
+    temp[4] = p[0];
+    temp[5] = p[1];
+    p = rotate(0, 0, rotateA, p[0], p[1]);
+    temp[6] = p[0];
+    temp[7] = p[1];
+    doback(beginA, beginA + rotateA, temp[0] + cx, temp[1] + cy, temp[4] + cx, temp[5] + cy, temp[2] + cx, temp[3] + cy, temp[6] + cx, temp[7] + cy, (r2 - r1) * 0.5);
+}
+
+var initText = function (painter, config, x, y, deg) {
+    painter.beginPath();
+    painter.translate(x, y);
+    painter.rotate(deg);
+    painter.font =
+        config.fontStyle +
+            " " +
+            config.fontWeight +
+            " " +
+            config.fontSize +
+            "px " +
+            config.fontFamily;
+    return painter;
+};
+var initArc = function (painter, config, cx, cy, r1, r2, beginDeg, deg) {
+    if (r1 > r2) {
+        var temp = r1;
+        r1 = r2;
+        r2 = temp;
+    }
+    beginDeg = beginDeg % (Math.PI * 2);
+    if (deg >= Math.PI * 1.999999 || deg <= -Math.PI * 1.999999) {
+        deg = Math.PI * 2;
+    }
+    else {
+        deg = deg % (Math.PI * 2);
+    }
+    arc(beginDeg, deg, cx, cy, r1, r2, function (beginA, endA, begInnerX, begInnerY, begOuterX, begOuterY, endInnerX, endInnerY, endOuterX, endOuterY, r) {
+        if (r < 0)
+            r = -r;
+        painter.beginPath();
+        painter.moveTo(begInnerX, begInnerY);
+        painter.arc(cx, cy, r1, beginA, endA, false);
+        if (config.arcEndCap == "round")
+            painter.arc((endInnerX + endOuterX) * 0.5, (endInnerY + endOuterY) * 0.5, r, endA - Math.PI, endA, true);
+        else if (config.arcEndCap == "-round")
+            painter.arc((endInnerX + endOuterX) * 0.5, (endInnerY + endOuterY) * 0.5, r, endA - Math.PI, endA, false);
+        else
+            painter.lineTo(endOuterX, endOuterY);
+        painter.arc(cx, cy, r2, endA, beginA, true);
+        if (config.arcStartCap == "round")
+            painter.arc((begInnerX + begOuterX) * 0.5, (begInnerY + begOuterY) * 0.5, r, beginA, beginA - Math.PI, true);
+        else if (config.arcStartCap == "-round")
+            painter.arc((begInnerX + begOuterX) * 0.5, (begInnerY + begOuterY) * 0.5, r, beginA, beginA - Math.PI, false);
+        else
+            painter.lineTo(begInnerX, begInnerY);
+    });
+    if (config.arcStartCap == "butt")
+        painter.closePath();
+    return painter;
+};
+var initCircle = function (painter, cx, cy, r) {
+    painter.beginPath();
+    painter.moveTo(cx + r, cy);
+    painter.arc(cx, cy, r, 0, Math.PI * 2);
+    return painter;
+};
+var initRect = function (painter, x, y, width, height) {
+    painter.beginPath();
+    painter.rect(x, y, width, height);
+    return painter;
+};
+
+function texts (painter, contents, width, height, doback) {
+    var lineNumber = 0, content = "";
+    for (var i = 0; i < contents.length; i++) {
+        if (painter.measureText(content + contents[i]).width > width || /\n$/.test(content)) {
+            lineNumber += 1;
+            doback(content, (lineNumber - 0.5) * height);
+            content = contents[i];
+        }
+        else if (i == contents.length - 1) {
+            lineNumber += 1;
+            doback(content + contents[i], (lineNumber - 0.5) * height);
+        }
+        else {
+            content += contents[i];
+        }
+    }
+    return lineNumber * height;
+}
+
+var Painter = (function () {
+    function Painter(canvas, opts, region, isPainter) {
+        if (opts === void 0) { opts = {}; }
+        if (isPainter === void 0) { isPainter = false; }
+        this.__region = null;
+        this.__onlyRegion = false;
+        this.__specialConfig = {
+            "fontSize": 16,
+            "fontFamily": "sans-serif",
+            "fontWeight": 400,
+            "fontStyle": "normal",
+            "arcStartCap": 'butt',
+            "arcEndCap": 'butt'
+        };
+        this.__initConfig = {
+            "fillStyle": 'black',
+            "strokeStyle": 'black',
+            "lineWidth": 1,
+            "textAlign": 'left',
+            "textBaseline": 'middle',
+            "lineDash": [],
+            "shadowBlur": 0,
+            "shadowColor": "black"
+        };
+        this.painter = canvas.getContext("2d", opts);
+        this.__region = region;
+        this.__isPainter = isPainter;
+        this.painter.textBaseline = 'middle';
+        this.painter.textAlign = 'left';
+    }
+    Painter.prototype.useConfig = function (key, value) {
+        if (this.__region) {
+            if (['fillStyle', 'strokeStyle', 'shadowBlur', 'shadowColor'].indexOf(key) < 0) {
+                this.__region.useConfig(key, value);
+            }
+        }
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        if (key == 'lineDash') {
+            if (this.painter.setLineDash)
+                this.painter.setLineDash(value);
+        }
+        else if (key in this.__specialConfig) {
+            if (key == 'fontSize') {
+                value = Math.round(value);
+            }
+            this.__specialConfig[key] = value;
+        }
+        else if (key in this.__initConfig) {
+            this.painter[key] = value;
+        }
+        else {
+            throw new Error('Illegal configuration item of painter : ' + key + " !");
+        }
+        return this;
+    };
+    Painter.prototype.fillText = function (text, x, y, deg) {
+        if (deg === void 0) { deg = 0; }
+        if (this.__region)
+            this.__region.fillText(text, x, y, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.save();
+        initText(this.painter, this.__specialConfig, x, y, deg).fillText(text, 0, 0);
+        this.painter.restore();
+        return this;
+    };
+    Painter.prototype.strokeText = function (text, x, y, deg) {
+        if (deg === void 0) { deg = 0; }
+        if (this.__region)
+            this.__region.strokeText(text, x, y, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.save();
+        initText(this.painter, this.__specialConfig, x, y, deg).strokeText(text, 0, 0);
+        this.painter.restore();
+        return this;
+    };
+    Painter.prototype.fullText = function (text, x, y, deg) {
+        if (deg === void 0) { deg = 0; }
+        if (this.__region)
+            this.__region.fullText(text, x, y, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.save();
+        initText(this.painter, this.__specialConfig, x, y, deg);
+        this.painter.fillText(text, 0, 0);
+        this.painter.strokeText(text, 0, 0);
+        this.painter.restore();
+        return this;
+    };
+    Painter.prototype.fillTexts = function (contents, x, y, width, lineHeight, deg) {
+        var _this = this;
+        if (lineHeight === void 0) { lineHeight = 1.2; }
+        if (deg === void 0) { deg = 0; }
+        var h = 0;
+        if (this.__region)
+            h = this.__region.fillTexts(contents, x, y, width, lineHeight);
+        if (this.__isPainter && this.__onlyRegion)
+            return h;
+        this.painter.save();
+        initText(this.painter, this.__specialConfig, x, y, deg);
+        var height = texts(this.painter, contents, width, this.__specialConfig.fontSize * lineHeight, function (content, top) {
+            _this.painter.fillText(content, 0, top);
+        });
+        this.painter.restore();
+        return height;
+    };
+    Painter.prototype.strokeTexts = function (contents, x, y, width, lineHeight, deg) {
+        var _this = this;
+        if (lineHeight === void 0) { lineHeight = 1.2; }
+        if (deg === void 0) { deg = 0; }
+        var h = 0;
+        if (this.__region)
+            h = this.__region.fillTexts(contents, x, y, width, lineHeight);
+        if (this.__isPainter && this.__onlyRegion)
+            return h;
+        this.painter.save();
+        initText(this.painter, this.__specialConfig, x, y, deg);
+        var height = texts(this.painter, contents, width, this.__specialConfig.fontSize * lineHeight, function (content, top) {
+            _this.painter.strokeText(content, 0, top);
+        });
+        this.painter.restore();
+        return height;
+    };
+    Painter.prototype.fullTexts = function (contents, x, y, width, lineHeight, deg) {
+        var _this = this;
+        if (lineHeight === void 0) { lineHeight = 1.2; }
+        if (deg === void 0) { deg = 0; }
+        var h = 0;
+        if (this.__region)
+            h = this.__region.fillTexts(contents, x, y, width, lineHeight);
+        if (this.__isPainter && this.__onlyRegion)
+            return h;
+        this.painter.save();
+        initText(this.painter, this.__specialConfig, x, y, deg);
+        var height = texts(this.painter, contents, width, this.__specialConfig.fontSize * lineHeight, function (content, top) {
+            _this.painter.fillText(content, 0, top);
+            _this.painter.strokeText(content, 0, top);
+        });
+        this.painter.restore();
+        return height;
+    };
+    Painter.prototype.beginPath = function () {
+        if (this.__region)
+            this.__region.beginPath();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.beginPath();
+        return this;
+    };
+    Painter.prototype.closePath = function () {
+        if (this.__region)
+            this.__region.closePath();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.closePath();
+        return this;
+    };
+    Painter.prototype.moveTo = function (x, y) {
+        if (this.__region)
+            this.__region.moveTo(x, y);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.moveTo(Math.round(x) + 0.5, Math.round(y) + 0.5);
+        return this;
+    };
+    Painter.prototype.lineTo = function (x, y) {
+        if (this.__region)
+            this.__region.lineTo(x, y);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.lineTo(Math.round(x) + 0.5, Math.round(y) + 0.5);
+        return this;
+    };
+    Painter.prototype.arc = function (x, y, r, beginDeg, deg) {
+        if (this.__region)
+            this.__region.arc(x, y, r, beginDeg, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.arc(x, y, r, beginDeg, beginDeg + deg, deg < 0);
+        return this;
+    };
+    Painter.prototype.fill = function () {
+        if (this.__region)
+            this.__region.fill();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.fill();
+        return this;
+    };
+    Painter.prototype.stroke = function () {
+        if (this.__region)
+            this.__region.stroke();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.stroke();
+        return this;
+    };
+    Painter.prototype.full = function () {
+        if (this.__region)
+            this.__region.full();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.fill();
+        this.painter.stroke();
+        return this;
+    };
+    Painter.prototype.save = function () {
+        if (this.__region)
+            this.__region.save();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.save();
+        return this;
+    };
+    Painter.prototype.restore = function () {
+        if (this.__region)
+            this.__region.restore();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.restore();
+        return this;
+    };
+    Painter.prototype.clip = function () {
+        if (this.__region)
+            this.__region.clip();
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.clip();
+        return this;
+    };
+    Painter.prototype.quadraticCurveTo = function (cpx, cpy, x, y) {
+        if (this.__region)
+            this.__region.quadraticCurveTo(cpx, cpy, x, y);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.quadraticCurveTo(cpx, cpy, x, y);
+        return this;
+    };
+    Painter.prototype.bezierCurveTo = function (cp1x, cp1y, cp2x, cp2y, x, y) {
+        if (this.__region)
+            this.__region.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
+        return this;
+    };
+    Painter.prototype.clearRect = function (x, y, w, h) {
+        if (this.__region)
+            this.__region.clearRect(x, y, w, h);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        this.painter.clearRect(x, y, w, h);
+        return this;
+    };
+    Painter.prototype.fillArc = function (cx, cy, r1, r2, beginDeg, deg) {
+        if (this.__region)
+            this.__region.fillArc(cx, cy, r1, r2, beginDeg, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        initArc(this.painter, this.__specialConfig, cx, cy, r1, r2, beginDeg, deg).fill();
+        return this;
+    };
+    Painter.prototype.strokeArc = function (cx, cy, r1, r2, beginDeg, deg) {
+        if (this.__region)
+            this.__region.strokeArc(cx, cy, r1, r2, beginDeg, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        initArc(this.painter, this.__specialConfig, cx, cy, r1, r2, beginDeg, deg).stroke();
+        return this;
+    };
+    Painter.prototype.fullArc = function (cx, cy, r1, r2, beginDeg, deg) {
+        if (this.__region)
+            this.__region.fullArc(cx, cy, r1, r2, beginDeg, deg);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        initArc(this.painter, this.__specialConfig, cx, cy, r1, r2, beginDeg, deg);
+        this.painter.fill();
+        this.painter.stroke();
+        return this;
+    };
+    Painter.prototype.fillCircle = function (cx, cy, r) {
+        if (this.__region)
+            this.__region.fillCircle(cx, cy, r);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        initCircle(this.painter, cx, cy, r).fill();
+        return this;
+    };
+    Painter.prototype.strokeCircle = function (cx, cy, r) {
+        if (this.__region)
+            this.__region.strokeCircle(cx, cy, r);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        initCircle(this.painter, cx, cy, r).stroke();
+        return this;
+    };
+    Painter.prototype.fullCircle = function (cx, cy, r) {
+        if (this.__region)
+            this.__region.fullCircle(cx, cy, r);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        initCircle(this.painter, cx, cy, r);
+        this.painter.fill();
+        this.painter.stroke();
+        return this;
+    };
+    Painter.prototype.fillRect = function (x, y, width, height) {
+        if (this.__region)
+            this.__region.fillRect(x, y, width, height);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        initRect(this.painter, x, y, width, height).fill();
+        return this;
+    };
+    Painter.prototype.strokeRect = function (x, y, width, height) {
+        if (this.__region)
+            this.__region.strokeRect(x, y, width, height);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        initRect(this.painter, x, y, width, height).stroke();
+        return this;
+    };
+    Painter.prototype.fullRect = function (x, y, width, height) {
+        if (this.__region)
+            this.__region.fullRect(x, y, width, height);
+        if (this.__isPainter && this.__onlyRegion)
+            return this;
+        initRect(this.painter, x, y, width, height);
+        this.painter.fill();
+        this.painter.stroke();
+        return this;
+    };
+    Painter.prototype.draw = function () { };
+    return Painter;
+}());
+
+function assemble (begin, end, step, count) {
+    var val = [];
+    for (var index = 0; index < count; index++)
+        val[index] = begin;
+    return function () {
+        for (var i = 0; i < count; i++) {
+            if (val[i] + step < end) {
+                val[i] = +(val[i] + step).toFixed(7);
+                break;
+            }
+            else if (i < count - 1) {
+                val[i] = begin;
+            }
+        }
+        return val;
+    };
+}
+
+var linearGradient = function (painter, x0, y0, x1, y1) {
+    var gradient = painter.createLinearGradient(x0, y0, x1, y1);
+    var enhanceGradient = {
+        "value": function () {
+            return gradient;
+        },
+        "setColor": function (stop, color) {
+            gradient.addColorStop(stop, color);
+            return enhanceGradient;
+        }
+    };
+    return enhanceGradient;
+};
+var radialGradient = function (painter, cx, cy, r) {
+    var gradient = painter.createRadialGradient(cx, cy, 0, cx, cy, r);
+    var enhanceGradient = {
+        "value": function () {
+            return gradient;
+        },
+        "setColor": function (stop, color) {
+            gradient.addColorStop(stop, color);
+            return enhanceGradient;
+        }
+    };
+    return enhanceGradient;
+};
+
+var oldAttrName = {
+    "font-size": "fontSize",
+    "font-family": "fontFamily",
+    "font-weight": "fontWeight",
+    "font-style": "fontStyle",
+    "arc-start-cap": "arcStartCap",
+    "arc-end-cap": "arcEndCap",
+};
+var Canvas = (function (_super) {
+    __extends(Canvas, _super);
+    function Canvas(ViewCanvas, RegionCanvas) {
+        var _this = _super.call(this, ViewCanvas, {}, RegionCanvas ? new Painter(RegionCanvas, {
+            willReadFrequently: true,
+        }) : null, true) || this;
+        _this.name = "Canvas";
+        _this.__regionList = {};
+        _this.__regionAssemble = assemble(0, 255, 10, 3);
+        _this.setRegion("");
+        return _this;
+    }
+    Canvas.prototype.config = function (configs) {
+        for (var key in configs) {
+            var _key = oldAttrName[key] || key;
+            this.useConfig(_key, configs[key]);
+        }
+        return this;
+    };
+    Canvas.prototype.onlyRegion = function (flag) {
+        this.__onlyRegion = flag;
+        return this;
+    };
+    Canvas.prototype.setRegion = function (regionName) {
+        if (this.__region) {
+            if (regionName) {
+                if (this.__regionList[regionName] == void 0) {
+                    var tempColor = this.__regionAssemble();
+                    this.__regionList[regionName] =
+                        "rgb(" + tempColor[0] + "," + tempColor[1] + "," + tempColor[2] + ")";
+                }
+                this.__region.useConfig("fillStyle", this.__regionList[regionName]) &&
+                    this.__region.useConfig("strokeStyle", this.__regionList[regionName]);
+            }
+            else {
+                this.__region.useConfig("fillStyle", "#000000") &&
+                    this.__region.useConfig("strokeStyle", "#000000");
+            }
+        }
+        return this;
+    };
+    Canvas.prototype.getRegion = function (x, y) {
+        var _this = this;
+        return new Promise(function (resolve, reject) {
+            var imgData = _this.__region ? _this.__region.painter.getImageData(x - 0.5, y - 0.5, 1, 1) : {
+                data: [0, 0, 0, 0]
+            };
+            var currentRGBA = imgData.data;
+            var doit = function () {
+                if (_this.__region) {
+                    for (var key in _this.__regionList) {
+                        if ("rgb(" +
+                            currentRGBA[0] +
+                            "," +
+                            currentRGBA[1] +
+                            "," +
+                            currentRGBA[2] +
+                            ")" ==
+                            _this.__regionList[key]) {
+                            resolve(key);
+                            break;
+                        }
+                    }
+                }
+                resolve("");
+            };
+            if (currentRGBA) {
+                doit();
+            }
+            else {
+                imgData.then(function (data) {
+                    currentRGBA = data;
+                    doit();
+                });
+            }
+        });
+    };
+    Canvas.prototype.textWidth = function (text) {
+        this.painter.save();
+        initText(this.painter, this.__specialConfig, 0, 0, 0);
+        var width = this.painter.measureText(text + "").width;
+        this.painter.restore();
+        return width;
+    };
+    Canvas.prototype.getContext = function (isRegion) {
+        if (isRegion === void 0) { isRegion = false; }
+        return isRegion ? (this.__region ? this.__region.painter : null) : this.painter;
+    };
+    Canvas.prototype.createLinearGradient = function (x0, y0, x1, y1) {
+        return linearGradient(this.painter, x0, y0, x1, y1);
+    };
+    Canvas.prototype.createRadialGradient = function (cx, cy, r) {
+        return radialGradient(this.painter, cx, cy, r);
+    };
+    Canvas.prototype.getColor = function (x, y) {
+        var currentRGBA = this.painter.getImageData(x - 0.5, y - 0.5, 1, 1).data;
+        return ("rgba(" +
+            currentRGBA[0] +
+            "," +
+            currentRGBA[1] +
+            "," +
+            currentRGBA[2] +
+            "," +
+            currentRGBA[3] +
+            ")");
+    };
+    return Canvas;
+}(Painter));
+
+export { Canvas as default };

package/lib/OralCanvas/index.es.min.js

@@ -0,0 +1,11 @@
+/*!
+* VISLite JavaScript Library v0.5.2-alpha.2
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+*
+* Publish Date:  Mon Oct 23 2023 22:21:10 GMT+0800 (中国标准时间)
+*/
+var t=function(i,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])},t(i,e)};"function"==typeof SuppressedError&&SuppressedError;var i=function(t,i,e,n,r){var o=Math.cos(e),s=Math.sin(e);return[+((n-t)*o-(r-i)*s+t).toFixed(7),+((n-t)*s+(r-i)*o+i).toFixed(7)]};var e=function(t,i,e,n,r){return t.beginPath(),t.translate(e,n),t.rotate(r),t.font=i.fontStyle+" "+i.fontWeight+" "+i.fontSize+"px "+i.fontFamily,t},n=function(t,e,n,r,o,s,_,a){if(o>s){var h=o;o=s,s=h}return _%=2*Math.PI,a>=1.999999*Math.PI||a<=1.999999*-Math.PI?a=2*Math.PI:a%=2*Math.PI,function(t,e,n,r,o,s,_){e<0&&(t+=e,e*=-1);var a,h=[];a=i(0,0,t,o,0),h[0]=a[0],h[1]=a[1],a=i(0,0,e,a[0],a[1]),h[2]=a[0],h[3]=a[1],a=i(0,0,t,s,0),h[4]=a[0],h[5]=a[1],a=i(0,0,e,a[0],a[1]),h[6]=a[0],h[7]=a[1],_(t,t+e,h[0]+n,h[1]+r,h[4]+n,h[5]+r,h[2]+n,h[3]+r,h[6]+n,h[7]+r,.5*(s-o))}(_,a,n,r,o,s,(function(i,_,a,h,l,p,f,u,g,c,y){y<0&&(y=-y),t.beginPath(),t.moveTo(a,h),t.arc(n,r,o,i,_,!1),"round"==e.arcEndCap?t.arc(.5*(f+g),.5*(u+c),y,_-Math.PI,_,!0):"-round"==e.arcEndCap?t.arc(.5*(f+g),.5*(u+c),y,_-Math.PI,_,!1):t.lineTo(g,c),t.arc(n,r,s,_,i,!0),"round"==e.arcStartCap?t.arc(.5*(a+l),.5*(h+p),y,i,i-Math.PI,!0):"-round"==e.arcStartCap?t.arc(.5*(a+l),.5*(h+p),y,i,i-Math.PI,!1):t.lineTo(a,h)})),"butt"==e.arcStartCap&&t.closePath(),t},r=function(t,i,e,n){return t.beginPath(),t.moveTo(i+n,e),t.arc(i,e,n,0,2*Math.PI),t},o=function(t,i,e,n,r){return t.beginPath(),t.rect(i,e,n,r),t};function s(t,i,e,n,r){for(var o=0,s="",_=0;_<i.length;_++)t.measureText(s+i[_]).width>e||/\n$/.test(s)?(r(s,((o+=1)-.5)*n),s=i[_]):_==i.length-1?(o+=1,r(s+i[_],(o-.5)*n)):s+=i[_];return o*n}var _=function(){function t(t,i,e,n){void 0===i&&(i={}),void 0===n&&(n=!1),this.__region=null,this.__onlyRegion=!1,this.__specialConfig={fontSize:16,fontFamily:"sans-serif",fontWeight:400,fontStyle:"normal",arcStartCap:"butt",arcEndCap:"butt"},this.__initConfig={fillStyle:"black",strokeStyle:"black",lineWidth:1,textAlign:"left",textBaseline:"middle",lineDash:[],shadowBlur:0,shadowColor:"black"},this.painter=t.getContext("2d",i),this.__region=e,this.__isPainter=n,this.painter.textBaseline="middle",this.painter.textAlign="left"}return t.prototype.useConfig=function(t,i){if(this.__region&&["fillStyle","strokeStyle","shadowBlur","shadowColor"].indexOf(t)<0&&this.__region.useConfig(t,i),this.__isPainter&&this.__onlyRegion)return this;if("lineDash"==t)this.painter.setLineDash&&this.painter.setLineDash(i);else if(t in this.__specialConfig)"fontSize"==t&&(i=Math.round(i)),this.__specialConfig[t]=i;else{if(!(t in this.__initConfig))throw new Error("Illegal configuration item of painter : "+t+" !");this.painter[t]=i}return this},t.prototype.fillText=function(t,i,n,r){return void 0===r&&(r=0),this.__region&&this.__region.fillText(t,i,n,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),e(this.painter,this.__specialConfig,i,n,r).fillText(t,0,0),this.painter.restore()),this},t.prototype.strokeText=function(t,i,n,r){return void 0===r&&(r=0),this.__region&&this.__region.strokeText(t,i,n,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),e(this.painter,this.__specialConfig,i,n,r).strokeText(t,0,0),this.painter.restore()),this},t.prototype.fullText=function(t,i,n,r){return void 0===r&&(r=0),this.__region&&this.__region.fullText(t,i,n,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),e(this.painter,this.__specialConfig,i,n,r),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore()),this},t.prototype.fillTexts=function(t,i,n,r,o,_){var a=this;void 0===o&&(o=1.2),void 0===_&&(_=0);var h=0;if(this.__region&&(h=this.__region.fillTexts(t,i,n,r,o)),this.__isPainter&&this.__onlyRegion)return h;this.painter.save(),e(this.painter,this.__specialConfig,i,n,_);var l=s(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){a.painter.fillText(t,0,i)}));return this.painter.restore(),l},t.prototype.strokeTexts=function(t,i,n,r,o,_){var a=this;void 0===o&&(o=1.2),void 0===_&&(_=0);var h=0;if(this.__region&&(h=this.__region.fillTexts(t,i,n,r,o)),this.__isPainter&&this.__onlyRegion)return h;this.painter.save(),e(this.painter,this.__specialConfig,i,n,_);var l=s(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){a.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.fullTexts=function(t,i,n,r,o,_){var a=this;void 0===o&&(o=1.2),void 0===_&&(_=0);var h=0;if(this.__region&&(h=this.__region.fillTexts(t,i,n,r,o)),this.__isPainter&&this.__onlyRegion)return h;this.painter.save(),e(this.painter,this.__specialConfig,i,n,_);var l=s(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){a.painter.fillText(t,0,i),a.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.beginPath=function(){return this.__region&&this.__region.beginPath(),this.__isPainter&&this.__onlyRegion||this.painter.beginPath(),this},t.prototype.closePath=function(){return this.__region&&this.__region.closePath(),this.__isPainter&&this.__onlyRegion||this.painter.closePath(),this},t.prototype.moveTo=function(t,i){return this.__region&&this.__region.moveTo(t,i),this.__isPainter&&this.__onlyRegion||this.painter.moveTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.lineTo=function(t,i){return this.__region&&this.__region.lineTo(t,i),this.__isPainter&&this.__onlyRegion||this.painter.lineTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.arc=function(t,i,e,n,r){return this.__region&&this.__region.arc(t,i,e,n,r),this.__isPainter&&this.__onlyRegion||this.painter.arc(t,i,e,n,n+r,r<0),this},t.prototype.fill=function(){return this.__region&&this.__region.fill(),this.__isPainter&&this.__onlyRegion||this.painter.fill(),this},t.prototype.stroke=function(){return this.__region&&this.__region.stroke(),this.__isPainter&&this.__onlyRegion||this.painter.stroke(),this},t.prototype.full=function(){return this.__region&&this.__region.full(),this.__isPainter&&this.__onlyRegion||(this.painter.fill(),this.painter.stroke()),this},t.prototype.save=function(){return this.__region&&this.__region.save(),this.__isPainter&&this.__onlyRegion||this.painter.save(),this},t.prototype.restore=function(){return this.__region&&this.__region.restore(),this.__isPainter&&this.__onlyRegion||this.painter.restore(),this},t.prototype.clip=function(){return this.__region&&this.__region.clip(),this.__isPainter&&this.__onlyRegion||this.painter.clip(),this},t.prototype.quadraticCurveTo=function(t,i,e,n){return this.__region&&this.__region.quadraticCurveTo(t,i,e,n),this.__isPainter&&this.__onlyRegion||this.painter.quadraticCurveTo(t,i,e,n),this},t.prototype.bezierCurveTo=function(t,i,e,n,r,o){return this.__region&&this.__region.bezierCurveTo(t,i,e,n,r,o),this.__isPainter&&this.__onlyRegion||this.painter.bezierCurveTo(t,i,e,n,r,o),this},t.prototype.clearRect=function(t,i,e,n){return this.__region&&this.__region.clearRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||this.painter.clearRect(t,i,e,n),this},t.prototype.fillArc=function(t,i,e,r,o,s){return this.__region&&this.__region.fillArc(t,i,e,r,o,s),this.__isPainter&&this.__onlyRegion||n(this.painter,this.__specialConfig,t,i,e,r,o,s).fill(),this},t.prototype.strokeArc=function(t,i,e,r,o,s){return this.__region&&this.__region.strokeArc(t,i,e,r,o,s),this.__isPainter&&this.__onlyRegion||n(this.painter,this.__specialConfig,t,i,e,r,o,s).stroke(),this},t.prototype.fullArc=function(t,i,e,r,o,s){return this.__region&&this.__region.fullArc(t,i,e,r,o,s),this.__isPainter&&this.__onlyRegion||(n(this.painter,this.__specialConfig,t,i,e,r,o,s),this.painter.fill(),this.painter.stroke()),this},t.prototype.fillCircle=function(t,i,e){return this.__region&&this.__region.fillCircle(t,i,e),this.__isPainter&&this.__onlyRegion||r(this.painter,t,i,e).fill(),this},t.prototype.strokeCircle=function(t,i,e){return this.__region&&this.__region.strokeCircle(t,i,e),this.__isPainter&&this.__onlyRegion||r(this.painter,t,i,e).stroke(),this},t.prototype.fullCircle=function(t,i,e){return this.__region&&this.__region.fullCircle(t,i,e),this.__isPainter&&this.__onlyRegion||(r(this.painter,t,i,e),this.painter.fill(),this.painter.stroke()),this},t.prototype.fillRect=function(t,i,e,n){return this.__region&&this.__region.fillRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||o(this.painter,t,i,e,n).fill(),this},t.prototype.strokeRect=function(t,i,e,n){return this.__region&&this.__region.strokeRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||o(this.painter,t,i,e,n).stroke(),this},t.prototype.fullRect=function(t,i,e,n){return this.__region&&this.__region.fullRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||(o(this.painter,t,i,e,n),this.painter.fill(),this.painter.stroke()),this},t.prototype.draw=function(){},t}();var a={"font-size":"fontSize","font-family":"fontFamily","font-weight":"fontWeight","font-style":"fontStyle","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},h=function(i){function n(t,e){var n=i.call(this,t,{},e?new _(e,{willReadFrequently:!0}):null,!0)||this;return n.name="Canvas",n.__regionList={},n.__regionAssemble=function(t,i,e,n){for(var r=[],o=0;o<n;o++)r[o]=t;return function(){for(var o=0;o<n;o++){if(r[o]+e<i){r[o]=+(r[o]+e).toFixed(7);break}o<n-1&&(r[o]=t)}return r}}(0,255,10,3),n.setRegion(""),n}return function(i,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=i}t(i,e),i.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(n,i),n.prototype.config=function(t){for(var i in t){var e=a[i]||i;this.useConfig(e,t[i])}return this},n.prototype.onlyRegion=function(t){return this.__onlyRegion=t,this},n.prototype.setRegion=function(t){if(this.__region)if(t){if(null==this.__regionList[t]){var i=this.__regionAssemble();this.__regionList[t]="rgb("+i[0]+","+i[1]+","+i[2]+")"}this.__region.useConfig("fillStyle",this.__regionList[t])&&this.__region.useConfig("strokeStyle",this.__regionList[t])}else this.__region.useConfig("fillStyle","#000000")&&this.__region.useConfig("strokeStyle","#000000");return this},n.prototype.getRegion=function(t,i){var e=this;return new Promise((function(n,r){var o=e.__region?e.__region.painter.getImageData(t-.5,i-.5,1,1):{data:[0,0,0,0]},s=o.data,_=function(){if(e.__region)for(var t in e.__regionList)if("rgb("+s[0]+","+s[1]+","+s[2]+")"==e.__regionList[t]){n(t);break}n("")};s?_():o.then((function(t){s=t,_()}))}))},n.prototype.textWidth=function(t){this.painter.save(),e(this.painter,this.__specialConfig,0,0,0);var i=this.painter.measureText(t+"").width;return this.painter.restore(),i},n.prototype.getContext=function(t){return void 0===t&&(t=!1),t?this.__region?this.__region.painter:null:this.painter},n.prototype.createLinearGradient=function(t,i,e,n){return function(t,i,e,n,r){var o=t.createLinearGradient(i,e,n,r),s={value:function(){return o},setColor:function(t,i){return o.addColorStop(t,i),s}};return s}(this.painter,t,i,e,n)},n.prototype.createRadialGradient=function(t,i,e){return function(t,i,e,n){var r=t.createRadialGradient(i,e,0,i,e,n),o={value:function(){return r},setColor:function(t,i){return r.addColorStop(t,i),o}};return o}(this.painter,t,i,e)},n.prototype.getColor=function(t,i){var e=this.painter.getImageData(t-.5,i-.5,1,1).data;return"rgba("+e[0]+","+e[1]+","+e[2]+","+e[3]+")"},n}(_);export{h as default};