vislite 1.12.0-alpha.0 → 1.12.0

package/miniprogram/ui-canvas/drawImage.js

@@ -1,36 +1,36 @@
-export default function (_this, drawImage, canvas) {
-    return function (imgUrl, x, y, w, h) {
-        return new Promise((resolve) => {
-
-            let doit = (imgsrc) => {
-                if (canvas.createImage) {
-                    let img = canvas.createImage();
-                    img.onload = function () {
-                        drawImage.call(_this, img, x, y, w, h, true).then(() => {
-                            resolve({});
-                        });
-                    };
-                    img.src = imgsrc;
-                }
-
-                // 低版本兼容
-                else {
-                    drawImage.call(_this, imgsrc, x, y, w, h, true).then(() => {
-                        resolve({});
-                    });
-                }
-            };
-
-            if (/^http/.test(imgUrl)) {
-                wx.downloadFile({
-                    url: imgUrl,
-                    success: function (res) {
-                        doit(res.tempFilePath);
-                    },
-                })
-            } else {
-                doit(imgUrl);
-            }
-        });
-    };
+export default function (_this, drawImage, canvas) {
+    return function (imgUrl, x, y, w, h) {
+        return new Promise((resolve) => {
+
+            let doit = (imgsrc) => {
+                if (canvas.createImage) {
+                    let img = canvas.createImage();
+                    img.onload = function () {
+                        drawImage.call(_this, img, x, y, w, h, true).then(() => {
+                            resolve({});
+                        });
+                    };
+                    img.src = imgsrc;
+                }
+
+                // 低版本兼容
+                else {
+                    drawImage.call(_this, imgsrc, x, y, w, h, true).then(() => {
+                        resolve({});
+                    });
+                }
+            };
+
+            if (/^http/.test(imgUrl)) {
+                wx.downloadFile({
+                    url: imgUrl,
+                    success: function (res) {
+                        doit(res.tempFilePath);
+                    },
+                })
+            } else {
+                doit(imgUrl);
+            }
+        });
+    };
 };

package/miniprogram/ui-canvas/index.js

@@ -1,125 +1,125 @@
-import RawCanvas from "../../lib/RawCanvas/index.es.min.js";
-import drawImage from "./drawImage.js";
-
-let dpr = wx.getSystemInfoSync().pixelRatio;
-
-// https://developers.weixin.qq.com/miniprogram/dev/reference/api/Component.html
-
-Component({
-    properties: {
-        width: {
-            type: Number,
-            value: 300
-        },
-        height: {
-            type: Number,
-            value: 150
-        },
-        region: {
-            type: Boolean,
-            value: true
-        }
-    },
-    data: {
-        help: {}
-    },
-    lifetimes: {
-        ready() {
-
-        }
-    },
-    methods: {
-        fetch() {
-            return new Promise((resolve, reject) => {
-
-                let getCanvasContext = (idName, doback) => {
-                    if (idName != 'region' || this.data.region) {
-                        const query = wx.createSelectorQuery().in(this);
-                        query.select('#' + idName)
-                            .fields({ node: true, size: true })
-                            .exec((res) => {
-                                const canvas = res[0].node;
-                                const ctx = canvas.getContext('2d');
-
-                                canvas.width = res[0].width * (idName == "region" ? 1 : dpr);
-                                canvas.height = res[0].height * (idName == "region" ? 1 : dpr);
-
-                                if (idName != "region") {
-                                    ctx.scale(dpr, dpr);
-                                }
-
-                                doback(ctx, idName != 'region' ? canvas : null);
-                            });
-                    } else {
-                        doback(null);
-                    }
-                };
-
-                getCanvasContext("painter", (painter, panvas) => {
-                    getCanvasContext("region", region => {
-                        this.data.help.instance = new RawCanvas({
-                            getContext() {
-                                return painter;
-                            }
-                        }, this.data.region ? {
-                            getContext() {
-                                return region;
-                            }
-                        } : null);
-
-                        this.data.help.instance.toDataURL = () => {
-                            return new Promise((resolveUrl) => {
-                                if (panvas.toDataURL) {
-                                    resolveUrl(panvas.toDataURL());
-                                } else {
-                                    wx.canvasToTempFilePath({
-                                        canvasId: "painter",
-                                        success: function (e) {
-                                             wx.getFileSystemManager().readFile({
-                                                filePath: e.tempFilePath,
-                                                encoding: 'base64',
-                                                success: function (res) {
-                                                    resolveUrl('data:image/png;base64,' + res.data);
-                                                }
-                                            });
-                                            // resolveUrl(e.tempFilePath);
-
-                                        },
-                                        fail: function (e) {
-                                            console.log(e)
-                                        }
-                                    }, this);
-                                }
-                            });
-                        };
-
-                        this.data.help.instance.drawImage = drawImage(
-                            this.data.help.instance,
-                            this.data.help.instance.drawImage,
-                            panvas
-                        );
-
-                        resolve(this.data.help.instance);
-                    });
-                });
-
-            });
-        },
-        doit(event) {
-            let x = event.touches[0].x;
-            let y = event.touches[0].y;
-
-            this.data.help.instance.getRegion(x, y).then((regionName) => {
-                this.triggerEvent('dotouchstart', {
-                    name: regionName,
-                    x: x,
-                    y: y
-                })
-            });
-        },
-        doitstart(event) {
-            this.doit(event);
-        }
-    }
-
-});
+import RawCanvas from "../../lib/RawCanvas/index.es.min.js";
+import drawImage from "./drawImage.js";
+
+let dpr = wx.getSystemInfoSync().pixelRatio;
+
+// https://developers.weixin.qq.com/miniprogram/dev/reference/api/Component.html
+
+Component({
+    properties: {
+        width: {
+            type: Number,
+            value: 300
+        },
+        height: {
+            type: Number,
+            value: 150
+        },
+        region: {
+            type: Boolean,
+            value: true
+        }
+    },
+    data: {
+        help: {}
+    },
+    lifetimes: {
+        ready() {
+
+        }
+    },
+    methods: {
+        fetch() {
+            return new Promise((resolve, reject) => {
+
+                let getCanvasContext = (idName, doback) => {
+                    if (idName != 'region' || this.data.region) {
+                        const query = wx.createSelectorQuery().in(this);
+                        query.select('#' + idName)
+                            .fields({ node: true, size: true })
+                            .exec((res) => {
+                                const canvas = res[0].node;
+                                const ctx = canvas.getContext('2d');
+
+                                canvas.width = res[0].width * (idName == "region" ? 1 : dpr);
+                                canvas.height = res[0].height * (idName == "region" ? 1 : dpr);
+
+                                if (idName != "region") {
+                                    ctx.scale(dpr, dpr);
+                                }
+
+                                doback(ctx, idName != 'region' ? canvas : null);
+                            });
+                    } else {
+                        doback(null);
+                    }
+                };
+
+                getCanvasContext("painter", (painter, panvas) => {
+                    getCanvasContext("region", region => {
+                        this.data.help.instance = new RawCanvas({
+                            getContext() {
+                                return painter;
+                            }
+                        }, this.data.region ? {
+                            getContext() {
+                                return region;
+                            }
+                        } : null);
+
+                        this.data.help.instance.toDataURL = () => {
+                            return new Promise((resolveUrl) => {
+                                if (panvas.toDataURL) {
+                                    resolveUrl(panvas.toDataURL());
+                                } else {
+                                    wx.canvasToTempFilePath({
+                                        canvasId: "painter",
+                                        success: function (e) {
+                                             wx.getFileSystemManager().readFile({
+                                                filePath: e.tempFilePath,
+                                                encoding: 'base64',
+                                                success: function (res) {
+                                                    resolveUrl('data:image/png;base64,' + res.data);
+                                                }
+                                            });
+                                            // resolveUrl(e.tempFilePath);
+
+                                        },
+                                        fail: function (e) {
+                                            console.log(e)
+                                        }
+                                    }, this);
+                                }
+                            });
+                        };
+
+                        this.data.help.instance.drawImage = drawImage(
+                            this.data.help.instance,
+                            this.data.help.instance.drawImage,
+                            panvas
+                        );
+
+                        resolve(this.data.help.instance);
+                    });
+                });
+
+            });
+        },
+        doit(event) {
+            let x = event.touches[0].x;
+            let y = event.touches[0].y;
+
+            this.data.help.instance.getRegion(x, y).then((regionName) => {
+                this.triggerEvent('dotouchstart', {
+                    name: regionName,
+                    x: x,
+                    y: y
+                })
+            });
+        },
+        doitstart(event) {
+            this.doit(event);
+        }
+    }
+
+});

package/miniprogram/ui-canvas/index.json

@@ -1,4 +1,4 @@
-{
-    "usingComponents": {},
-    "component": true
-  }
+{
+    "usingComponents": {},
+    "component": true
+  }

package/miniprogram/ui-canvas/index.wxml

@@ -1,4 +1,4 @@
-<view>
-    <canvas type="2d" id="painter" style='width:{{width}}px;height:{{height}}px;' bindtouchstart="doitstart"></canvas>
-    <canvas wx:if="{{region}}" type="2d" id="region" style='width:{{width}}px;height:{{height}}px;' class="region"></canvas>
-</view>
+<view>
+    <canvas type="2d" id="painter" style='width:{{width}}px;height:{{height}}px;' bindtouchstart="doitstart"></canvas>
+    <canvas wx:if="{{region}}" type="2d" id="region" style='width:{{width}}px;height:{{height}}px;' class="region"></canvas>
+</view>

package/miniprogram/ui-canvas/index.wxss

@@ -1,5 +1,5 @@
-/* 辅助的区域不应该可以看见 */
-.region {
-  position: fixed;
-  left: 50000px;
-}
+/* 辅助的区域不应该可以看见 */
+.region {
+  position: fixed;
+  left: 50000px;
+}

package/package/BarLayout/index.ts

@@ -1,3 +1,3 @@
-import BarLayout from "../../src/layout/BarLayout"
-
+import BarLayout from "../../src/layout/BarLayout"
+
 export default BarLayout

package/package/Buffer/index.ts

@@ -1,3 +1,3 @@
-import Buffer from '../../src/common/webgl/buffer'
-
+import Buffer from '../../src/common/webgl/buffer'
+
 export default Buffer

package/package/Canvas/index.ts

@@ -1,3 +1,3 @@
-import Canvas from "../../src/Canvas"
-
+import Canvas from "../../src/Canvas"
+
 export default Canvas

package/package/Cardinal/index.ts

@@ -1,3 +1,3 @@
-import Cardinal from "../../src/interpolation/Cardinal"
-
+import Cardinal from "../../src/interpolation/Cardinal"
+
 export default Cardinal

package/package/Eoap/index.ts

@@ -1,3 +1,3 @@
-import Eoap from "../../src/Eoap"
-
+import Eoap from "../../src/Eoap"
+
 export default Eoap

package/package/Hermite/index.ts

@@ -1,3 +1,3 @@
-import Hermite from "../../src/interpolation/Hermite"
-
+import Hermite from "../../src/interpolation/Hermite"
+
 export default Hermite

package/package/MapCoordinate/index.ts

@@ -1,3 +1,3 @@
-import MapCoordinate from "../../src/coordinate/MapCoordinate"
-
+import MapCoordinate from "../../src/coordinate/MapCoordinate"
+
 export default MapCoordinate

package/package/Matrix4/index.ts

@@ -1,3 +1,3 @@
-import Matrix4 from "../../src/Matrix4/index"
-
+import Matrix4 from "../../src/Matrix4/index"
+
 export default Matrix4

package/package/Mercator/index.ts

@@ -1,3 +1,3 @@
-import Mercator from "../../src/Mercator"
-
+import Mercator from "../../src/Mercator"
+
 export default Mercator

package/package/PieLayout/index.ts

@@ -1,3 +1,3 @@
-import PieLayout from "../../src/layout/PieLayout"
-
+import PieLayout from "../../src/layout/PieLayout"
+
 export default PieLayout

package/package/RawCanvas/index.ts

@@ -1,3 +1,3 @@
-import RawCanvas from "../../src/common/canvas/index"
-
+import RawCanvas from "../../src/common/canvas/index"
+
 export default RawCanvas

package/package/SVG/index.ts

@@ -1,3 +1,3 @@
-import SVG from "../../src/SVG"
-
+import SVG from "../../src/SVG"
+
 export default SVG

package/package/Shader/index.ts

@@ -1,3 +1,3 @@
-import Shader from '../../src/common/webgl/shader'
-
+import Shader from '../../src/common/webgl/shader'
+
 export default Shader

package/package/Texture/index.ts

@@ -1,3 +1,3 @@
-import Texture from '../../src/common/webgl/texture'
-
+import Texture from '../../src/common/webgl/texture'
+
 export default Texture

package/package/TreeLayout/index.ts

@@ -1,3 +1,3 @@
-import TreeLayout from "../../src/layout/TreeLayout"
-
+import TreeLayout from "../../src/layout/TreeLayout"
+
 export default TreeLayout

package/package/animation/index.ts

@@ -1,6 +1,6 @@
-import type { animationFun } from "oipage/web/animation/index"
-import { animation } from "oipage/web/animation/index"
-
-export default function (doback: animationFun, duration?: number, callback?: animationFun) {
-    return animation(doback, duration || 400, callback || function () { }).stop
+import type { animationFun } from "oipage/web/animation/index"
+import { animation } from "oipage/web/animation/index"
+
+export default function (doback: animationFun, duration?: number, callback?: animationFun) {
+    return animation(doback, duration || 400, callback || function () { }).stop
 }

package/package/assemble/index.ts

@@ -1,3 +1,3 @@
-import assemble from "../../src/common/assemble"
-
+import assemble from "../../src/common/assemble"
+
 export default assemble

package/package/getLoopColors/index.ts

@@ -1,3 +1,3 @@
-import getLoopColors from "../../src/getLoopColors"
-
+import getLoopColors from "../../src/getLoopColors"
+
 export default getLoopColors

package/package/getWebGLContext/index.ts

@@ -1,41 +1,41 @@
-import getWebGLContext from "../../src/common/webgl/getWebGLContext"
-import type { WebGLmodeType } from "../../types/getWebGLContext"
-
-export default (el: HTMLElement | null, scale: number = 1, mode?: WebGLmodeType) => {
-    if (!el) {
-        throw new Error("VISLite getWebGLContext:The mount point requires an HTMLElement type but encountered null.")
-    }
-
-    let width = el.clientWidth, height = el.clientHeight
-
-    let ViewCanvas: HTMLCanvasElement
-
-    let _el = el as any
-
-    // 如果已经初始化过了
-    if (_el._vislite_canvas_) {
-        ViewCanvas = _el._vislite_canvas_
-    }
-
-    // 否则就初始化
-    else {
-
-        ViewCanvas = document.createElement('canvas')
-        el.appendChild(ViewCanvas)
-
-        _el._vislite_canvas_ = ViewCanvas
-
-        el.setAttribute('vislite', 'WebGL')
-
-    }
-
-    // 设置画布大小
-
-    ViewCanvas.style.width = width + "px"
-    ViewCanvas.setAttribute('width', width + "")
-
-    ViewCanvas.style.height = height + "px"
-    ViewCanvas.setAttribute('height', height + "")
-
-    return getWebGLContext(ViewCanvas, scale, {}, mode)
+import getWebGLContext from "../../src/common/webgl/getWebGLContext"
+import type { WebGLmodeType } from "../../types/getWebGLContext"
+
+export default (el: HTMLElement | null, scale: number = 1, mode?: WebGLmodeType) => {
+    if (!el) {
+        throw new Error("VISLite getWebGLContext:The mount point requires an HTMLElement type but encountered null.")
+    }
+
+    let width = el.clientWidth, height = el.clientHeight
+
+    let ViewCanvas: HTMLCanvasElement
+
+    let _el = el as any
+
+    // 如果已经初始化过了
+    if (_el._vislite_canvas_) {
+        ViewCanvas = _el._vislite_canvas_
+    }
+
+    // 否则就初始化
+    else {
+
+        ViewCanvas = document.createElement('canvas')
+        el.appendChild(ViewCanvas)
+
+        _el._vislite_canvas_ = ViewCanvas
+
+        el.setAttribute('vislite', 'WebGL')
+
+    }
+
+    // 设置画布大小
+
+    ViewCanvas.style.width = width + "px"
+    ViewCanvas.setAttribute('width', width + "")
+
+    ViewCanvas.style.height = height + "px"
+    ViewCanvas.setAttribute('height', height + "")
+
+    return getWebGLContext(ViewCanvas, scale, {}, mode)
 }