vislite 0.5.0 → 0.5.2-alpha.0

package/.editorconfig

@@ -1,19 +1,19 @@
-# http://editorconfig.org
-
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 4
-end_of_line = cr
-insert_final_newline = false
-trim_trailing_whitespace = true
-
-[*.md]
-insert_final_newline = false
-trim_trailing_whitespace = false
-
-[*.json]
-indent_size = 2
+# http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+end_of_line = cr
+insert_final_newline = false
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
+
+[*.json]
+indent_size = 2
 insert_final_newline = true

package/AUTHORS.txt

@@ -1,6 +1,6 @@
-Authors ordered by first contribution.
-
-zxl20070701 <1904314465@qq.com> <https://github.com/zxl20070701>
-
------------------------------------------------------
-We thank all of them for their contributions!
+Authors ordered by first contribution.
+
+zxl20070701 <1904314465@qq.com> <https://github.com/zxl20070701>
+
+-----------------------------------------------------
+We thank all of them for their contributions!

package/CHANGELOG

@@ -130,3 +130,8 @@ v0.5.0:
         2、SVG画笔
             * bind 绑定事件
         3、布局的bind和use方法新增第二个可选参数noOpens，用于控制结点默认是否闭合
+v0.5.2:
+    date:
+    changes:
+      - 修复bug
+        1、修复ui-canvas在支付宝小程序模拟器中的错误

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) zxl20070701 走一步，再走一步
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) zxl20070701 走一步，再走一步
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,69 +1,69 @@
-- 开源不易，去 <i>[Github给个Star](https://github.com/oi-contrib/VISLite) </i>吧！
-
-<img src='https://oi-contrib.github.io/VISLite/images/logo.png' height='300px'/>
-
-<p>
-    <a href="https://zxl20070701.github.io/toolbox/#/npm-download?packages=vislite&interval=7">
-        <img src="https://img.shields.io/npm/dm/vislite.svg" alt="downloads">
-    </a>
-    <a href="https://www.npmjs.com/package/vislite">
-        <img src="https://img.shields.io/npm/v/vislite.svg" alt="Version">
-    </a>
-    <a href="https://github.com/oi-contrib/VISLite" target='_blank'>
-        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/oi-contrib/VISLite?style=social">
-    </a>
-</p>
-
-# VISLite
-
-```VISLite```是一个使用```TypeScript```开发的可视化库。官网地址：[https://oi-contrib.github.io/VISLite](https://oi-contrib.github.io/VISLite)
-
-主要提供了跨端的画布和计算，开发人员只需要按照文档的描述就可以非常简单的完成包括Web、uni-app、微信小程序等平台的可视化开发，除了必要的初始化差异，主要的业务代码部分不同端完全一致。
-
-## 特点
-
-- 灵活的引入方式：包括npm安装后按照```ES Module```或```CommonJS```规范引入或直接使用script标签的```CDN```方式。
-- 按需引入或全局引入：支持源码TS引入、按需JS引入或者全量引入等多种方式。
-- 简单与复杂共存：一方面我们提供了可视化需要的基础功能，你可以按照自己的需要组合使用；另一方面，为了加速开发，我们针对常见的可视化业务场景进行了封装，可以帮助你快速完成，你可以根据实际情况进行选择。
-- 向下兼容：我们向你保证，始终向下兼容```（alpha和beta版本为测试版本，不包括）```，因此，无论何时，最新版本总是最好的选择。
-
-> 版本说明：alpha为开发阶段、beta为发布前测试、无后缀的为正式版本。
-
-## 需求墙
-
-我们的目标是不断完善丰富可视化功能，非常希望获得你宝贵的建议和批评，无论任何想法，都可以给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们。
-
-你所提的任何建议我们都会在最长一周内进行反馈说明。
-
-## 更新日志
-
-详见[正式版更新日志](./CHANGELOG)，我们会在每次发布完正式版本后更新其内容。
-
-## 下一步
-
-我们会在这里列出接下来的工作重心：
-
-- Canvas、SVG和WebGL画笔功能丰富
-- 为加速开发，提供常用坐标系和布局
-- 文档优化（提高可读性、丰富用例、补充教程）
-
-给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们你希望快速扩展的功能，我们会优先你的建议考虑哦～
-
-## 参与贡献
-
-你可以选择下列一项或多项进行参与：
-
-- 代码维护：由于新功能或一些BUG的出现，对代码进行维护和升级。
-- 文档编辑：主要是接口文档和教程需要编辑，这很重要。
-- 用例开发和测试：在项目的test文件夹下有一些测试，而在docs文档中存在一些例子需要补充。
-- 参与讨论：主要是讨论未来如何发展，改造的方向等。
-
-如果有意向加入我们，你可以通过提 [issue](https://github.com/oi-contrib/VISLite/issues) 和我们取到联系，请简单说明一下情况，我们会尽快回复。
-
-你可以查看[VISLite 贡献指南](./.github/CONTRIBUTING.md)文件了解更多细节，查看[AUTHORS.txt](./AUTHORS.txt)了解所有的贡献者。
-
-## 版权
-
-MIT License
-
-Copyright (c) [zxl20070701](https://zxl20070701.github.io/notebook/home.html) 走一步，再走一步
+- 开源不易，去 <i>[Github给个Star](https://github.com/oi-contrib/VISLite) </i>吧！
+
+<img src='https://oi-contrib.github.io/VISLite/images/logo.png' height='300px'/>
+
+<p>
+    <a href="https://zxl20070701.github.io/toolbox/#/npm-download?packages=vislite&interval=7">
+        <img src="https://img.shields.io/npm/dm/vislite.svg" alt="downloads">
+    </a>
+    <a href="https://www.npmjs.com/package/vislite">
+        <img src="https://img.shields.io/npm/v/vislite.svg" alt="Version">
+    </a>
+    <a href="https://github.com/oi-contrib/VISLite" target='_blank'>
+        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/oi-contrib/VISLite?style=social">
+    </a>
+</p>
+
+# VISLite
+
+```VISLite```是一个使用```TypeScript```开发的可视化库。官网地址：[https://oi-contrib.github.io/VISLite](https://oi-contrib.github.io/VISLite)
+
+主要提供了跨端的画布和计算，开发人员只需要按照文档的描述就可以非常简单的完成包括Web、uni-app、微信小程序等平台的可视化开发，除了必要的初始化差异，主要的业务代码部分不同端完全一致。
+
+## 特点
+
+- 灵活的引入方式：包括npm安装后按照```ES Module```或```CommonJS```规范引入或直接使用script标签的```CDN```方式。
+- 按需引入或全局引入：支持源码TS引入、按需JS引入或者全量引入等多种方式。
+- 简单与复杂共存：一方面我们提供了可视化需要的基础功能，你可以按照自己的需要组合使用；另一方面，为了加速开发，我们针对常见的可视化业务场景进行了封装，可以帮助你快速完成，你可以根据实际情况进行选择。
+- 向下兼容：我们向你保证，始终向下兼容```（alpha和beta版本为测试版本，不包括）```，因此，无论何时，最新版本总是最好的选择。
+
+> 版本说明：alpha为开发阶段、beta为发布前测试、无后缀的为正式版本。
+
+## 需求墙
+
+我们的目标是不断完善丰富可视化功能，非常希望获得你宝贵的建议和批评，无论任何想法，都可以给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们。
+
+你所提的任何建议我们都会在最长一周内进行反馈说明。
+
+## 更新日志
+
+详见[正式版更新日志](./CHANGELOG)，我们会在每次发布完正式版本后更新其内容。
+
+## 下一步
+
+我们会在这里列出接下来的工作重心：
+
+- Canvas、SVG和WebGL画笔功能丰富
+- 为加速开发，提供常用坐标系和布局
+- 文档优化（提高可读性、丰富用例、补充教程）
+
+给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们你希望快速扩展的功能，我们会优先你的建议考虑哦～
+
+## 参与贡献
+
+你可以选择下列一项或多项进行参与：
+
+- 代码维护：由于新功能或一些BUG的出现，对代码进行维护和升级。
+- 文档编辑：主要是接口文档和教程需要编辑，这很重要。
+- 用例开发和测试：在项目的test文件夹下有一些测试，而在docs文档中存在一些例子需要补充。
+- 参与讨论：主要是讨论未来如何发展，改造的方向等。
+
+如果有意向加入我们，你可以通过提 [issue](https://github.com/oi-contrib/VISLite/issues) 和我们取到联系，请简单说明一下情况，我们会尽快回复。
+
+你可以查看[VISLite 贡献指南](./.github/CONTRIBUTING.md)文件了解更多细节，查看[AUTHORS.txt](./AUTHORS.txt)了解所有的贡献者。
+
+## 版权
+
+MIT License
+
+Copyright (c) [zxl20070701](https://zxl20070701.github.io/notebook/home.html) 走一步，再走一步

package/miniprogram/ui-canvas/index.js

@@ -1,107 +1,107 @@
-import OralCanvas from "../../lib/OralCanvas/index.es.js";
-
-let dpr = wx.getSystemInfoSync().pixelRatio;
-
-Component({
-    properties: {
-        width: {
-            type: Number,
-            default: 300
-        },
-        height: {
-            type: Number,
-            default: 150
-        },
-        region: {
-            type: Boolean,
-            default: true
-        },
-        touchstart: {
-            type: Function,
-            default: () => { }
-        }
-    },
-    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);
-                            });
-                    } else {
-                        doback(null);
-                    }
-                };
-
-                getCanvasContext("painter", painter => {
-                    getCanvasContext("region", region => {
-                        this.data.help.instance = new OralCanvas({
-                            getContext() {
-                                return painter;
-                            }
-                        }, this.data.region ? {
-                            getContext() {
-                                return region;
-                            }
-                        } : null);
-
-                        this.data.help.instance.toDataURL = () => {
-                            return new Promise((resolveUrl) => {
-                                wx.canvasToTempFilePath({
-                                    canvasId: "painter",
-                                    success: function (e) {
-                                        resolveUrl(e.tempFilePath);
-                                    },
-                                }, this);
-                            })
-                        };
-                        resolve(this.data.help.instance);
-                    });
-                });
-
-            });
-        },
-        doit(event, doback) {
-            let x = event.touches[0].x;
-            let y = event.touches[0].y;
-
-            this.data.help.instance.getRegion(x, y).then((regionName) => {
-                // 兼容旧语法
-                if (doback) doback(regionName);
-
-                this.triggerEvent('dotouchstart', {
-                    name: regionName,
-                    x: x,
-                    y: y
-                })
-            });
-        },
-        doitstart(event) {
-            this.doit(event, this.data.touchstart);
-        }
-    }
-
-});
+import OralCanvas from "../../lib/OralCanvas/index.es.js";
+
+let dpr = wx.getSystemInfoSync().pixelRatio;
+
+Component({
+    properties: {
+        width: {
+            type: Number,
+            default: 300
+        },
+        height: {
+            type: Number,
+            default: 150
+        },
+        region: {
+            type: Boolean,
+            default: true
+        },
+        touchstart: {
+            type: Function,
+            default: () => { }
+        }
+    },
+    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);
+                            });
+                    } else {
+                        doback(null);
+                    }
+                };
+
+                getCanvasContext("painter", painter => {
+                    getCanvasContext("region", region => {
+                        this.data.help.instance = new OralCanvas({
+                            getContext() {
+                                return painter;
+                            }
+                        }, this.data.region ? {
+                            getContext() {
+                                return region;
+                            }
+                        } : null);
+
+                        this.data.help.instance.toDataURL = () => {
+                            return new Promise((resolveUrl) => {
+                                wx.canvasToTempFilePath({
+                                    canvasId: "painter",
+                                    success: function (e) {
+                                        resolveUrl(e.tempFilePath);
+                                    },
+                                }, this);
+                            })
+                        };
+                        resolve(this.data.help.instance);
+                    });
+                });
+
+            });
+        },
+        doit(event, doback) {
+            let x = event.touches[0].x;
+            let y = event.touches[0].y;
+
+            this.data.help.instance.getRegion(x, y).then((regionName) => {
+                // 兼容旧语法
+                if (doback) doback(regionName);
+
+                this.triggerEvent('dotouchstart', {
+                    name: regionName,
+                    x: x,
+                    y: y
+                })
+            });
+        },
+        doitstart(event) {
+            this.doit(event, this.data.touchstart);
+        }
+    }
+
+});

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/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/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/OralCanvas/index.ts

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

package/package/OralWebGL/index.ts

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

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,40 +1,40 @@
-import type ShaderType from '../../types/Shader'
-
-import OralShader from '../../src/common/webgl/shader'
-
-import vsColor from '../../src/shader/vsColor.c'
-import vsColors from '../../src/shader/vsColors.c'
-import vsImage from '../../src/shader/vsImage.c'
-import vsCube from '../../src/shader/vsCube.c'
-
-import fsColor from '../../src/shader/fsColor.c'
-import fsColors from '../../src/shader/fsColors.c'
-import fsImage from '../../src/shader/fsImage.c'
-import fsCube from '../../src/shader/fsCube.c'
-
-class Shader extends OralShader implements ShaderType {
-
-    compile(vshaderSource: string, fshaderSource: string): this
-    compile(shaderName: string): this
-    compile(arg1: string, arg2?: string) {
-        if (arg2) {
-            super.compile(arg1, arg2)
-        } else {
-            super.compile({
-                "color": vsColor,
-                "colors": vsColors,
-                "image": vsImage,
-                "cube": vsCube
-            }[arg1], {
-                "color": fsColor,
-                "colors": fsColors,
-                "image": fsImage,
-                "cube": fsCube
-            }[arg1])
-        }
-        return this
-    }
-
-}
-
+import type ShaderType from '../../types/Shader'
+
+import OralShader from '../../src/common/webgl/shader'
+
+import vsColor from '../../src/shader/vsColor.c'
+import vsColors from '../../src/shader/vsColors.c'
+import vsImage from '../../src/shader/vsImage.c'
+import vsCube from '../../src/shader/vsCube.c'
+
+import fsColor from '../../src/shader/fsColor.c'
+import fsColors from '../../src/shader/fsColors.c'
+import fsImage from '../../src/shader/fsImage.c'
+import fsCube from '../../src/shader/fsCube.c'
+
+class Shader extends OralShader implements ShaderType {
+
+    compile(vshaderSource: string, fshaderSource: string): this
+    compile(shaderName: string): this
+    compile(arg1: string, arg2?: string) {
+        if (arg2) {
+            super.compile(arg1, arg2)
+        } else {
+            super.compile({
+                "color": vsColor,
+                "colors": vsColors,
+                "image": vsImage,
+                "cube": vsCube
+            }[arg1], {
+                "color": fsColor,
+                "colors": fsColors,
+                "image": fsImage,
+                "cube": fsCube
+            }[arg1])
+        }
+        return this
+    }
+
+}
+
 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