vislite 0.6.0-alpha.0 → 0.6.0-alpha.2

package/src/common/geometry/prism-vertical.ts

@@ -3,7 +3,7 @@ import rotate from '../../rotate'
 // 棱柱垂直部分
 
 export default function (normal: boolean, x: number, y: number, z: number, radius: number, height: number, num: number) {
-    let points = []
+    const points = []
     let beginPosition: [number, number]
 
     if (num == 4) {
@@ -12,7 +12,7 @@ export default function (normal: boolean, x: number, y: number, z: number, radiu
         beginPosition = [x + radius, z]
     }
 
-    let deg = Math.PI * 2 / num, degHalf = Math.PI * 2 / (num * 2)
+    const deg = Math.PI * 2 / num, degHalf = Math.PI * 2 / (num * 2)
 
     let endPosition: [number, number], normalPosition = []
     for (let i = 0; i < num; i++) {
@@ -20,7 +20,7 @@ export default function (normal: boolean, x: number, y: number, z: number, radiu
         endPosition = rotate(x, z, deg, ...beginPosition)
 
         if (normal) {
-            let halfPosition = rotate(x, z, degHalf, ...beginPosition)
+            const halfPosition = rotate(x, z, degHalf, ...beginPosition)
             normalPosition = [halfPosition[0], 0, halfPosition[1]]
         }
 

package/src/common/geometry/sphere-fragment.ts

@@ -3,11 +3,12 @@ import rotate from '../../rotate'
 // 球体中的一瓣子
 
 export default function (normal: boolean, cx: number, cy: number, cz: number, radius: number, num: number, index: number) {
-    let points = [cx, cy + radius, cz], deg = Math.PI * 2 / num, point: [number, number]
+    const points = [cx, cy + radius, cz], deg = Math.PI * 2 / num
+    let point: [number, number]
 
     if (normal) points.push(0, radius, 0)
 
-    let copy2 = () => {
+    const copy2 = () => {
         points.push(...points.slice(points.length - (normal ? 12 : 6)))
     }
 
@@ -17,7 +18,7 @@ export default function (normal: boolean, cx: number, cy: number, cz: number, ra
         if (i > 1) copy2()
 
         // 第一个点
-        let point1 = rotate(cx, cz, deg * index, point[0], cz)
+        const point1 = rotate(cx, cz, deg * index, point[0], cz)
         points.push(point1[0], point[1], point1[1])
 
         if (normal) points.push(point1[0] - cx, point[1] - cy, point1[1] - cz)
@@ -25,7 +26,7 @@ export default function (normal: boolean, cx: number, cy: number, cz: number, ra
         if (i > 1) copy2()
 
         // 下一个点
-        let point2 = rotate(cx, cz, deg * (index + 1), point[0], cz)
+        const point2 = rotate(cx, cz, deg * (index + 1), point[0], cz)
         points.push(point2[0], point[1], point2[1])
 
         if (normal) points.push(point2[0] - cx, point2[1] - cy, point2[1] - cz)

package/src/common/geometry/tool/circle.ts

@@ -1,8 +1,8 @@
 // 计算切割份数
-export let splitNum = function (precision: number, radius: number) {
+export const splitNum = function (precision: number, radius: number) {
 
     // 根据切割弧度得出切割块数目
-    let num = Math.ceil(Math.PI * 2 /
+    const num = Math.ceil(Math.PI * 2 /
 
         // 为了满足最小精度而得出的切割弧度
         Math.asin(precision / radius) * 2)

package/src/common/mergeOption.ts

@@ -1,5 +1,5 @@
 export default function (option: any, defaultOption: any) {
-    for (let key in option) {
+    for (const key in option) {
         defaultOption[key] = option[key]
     }
 

package/src/common/setStyle.ts

@@ -1,6 +1,6 @@
 // 修改样式
 export default function (el: HTMLElement | SVGElement, styles: any) {
-    for (let key in styles) {
+    for (const key in styles) {
         el.style[key] = styles[key]
     }
 }

package/src/common/svg/config.ts

@@ -5,10 +5,10 @@ import setStyle from "../setStyle"
 import arc from "../canvas/arc"
 import { toNode } from "./tool"
 
-export let initDefs = (el: SVGElement) => {
-    let defs = el.getElementsByTagName('defs')
+export const initDefs = (el: SVGElement) => {
+    const defs = el.getElementsByTagName('defs')
     if (defs.length <= 0) {
-        let newDefs = toNode("defs")
+        const newDefs = toNode("defs")
         el.appendChild(newDefs)
         return newDefs
     } else {
@@ -17,7 +17,7 @@ export let initDefs = (el: SVGElement) => {
 }
 
 // 文字统一设置方法
-export let initText = (
+export const initText = (
     el: SVGElement,
     config: SVGConfigType,
     x: number,
@@ -63,7 +63,7 @@ export let initText = (
 }
 
 // 画圆统一设置方法
-export let initCircle = (el: SVGElement, cx: number, cy: number, r: number) => {
+export const initCircle = (el: SVGElement, cx: number, cy: number, r: number) => {
     if (el.nodeName.toLowerCase() !== "circle")
         throw new Error("Need a <circle> !")
     setAttribute(el, "cx", cx)
@@ -72,13 +72,13 @@ export let initCircle = (el: SVGElement, cx: number, cy: number, r: number) => {
 }
 
 // 路径统一设置方法
-export let initPath = (el: SVGElement, path: string) => {
+export const initPath = (el: SVGElement, path: string) => {
     if (el.nodeName.toLowerCase() !== "path") throw new Error("Need a <path> !")
     setAttribute(el, "d", path)
 }
 
 // 画矩形统一设置方法
-export let initRect = (
+export const initRect = (
     el: SVGElement,
     x: number,
     y: number,
@@ -104,7 +104,7 @@ export let initRect = (
 }
 
 // 画弧统一设置方法
-export let initArc = (
+export const initArc = (
     el: SVGElement,
     config: SVGConfigType,
     cx: number,
@@ -122,7 +122,7 @@ export let initArc = (
     beginDeg = beginDeg % (Math.PI * 2)
 
     if (r1 > r2) {
-        let temp = r1
+        const temp = r1
         r1 = r2
         r2 = temp
     }
@@ -154,8 +154,8 @@ export let initArc = (
             endOuterY: number,
             r: number
         ) {
-            let f = endA - beginA > Math.PI ? 1 : 0,
-                d = "M" + begInnerX + " " + begInnerY
+            const f = endA - beginA > Math.PI ? 1 : 0
+            let d = "M" + begInnerX + " " + begInnerY
             if (r < 0) r = -r
 
             d +=

package/src/common/svg/dictionary.ts

@@ -1 +1 @@
-export let XLINK_ATTRIBUTE = ["href", "title", "show", "type", "role", "actuate"]
+export const XLINK_ATTRIBUTE = ["href", "title", "show", "type", "role", "actuate"]

package/src/common/svg/gradient.ts

@@ -2,12 +2,12 @@ import { initDefs } from './config'
 import { toNode, setAttribute } from "./tool"
 
 // 线性渐变
-export let linearGradient = function (el: SVGElement, x0: number, y0: number, x1: number, y1: number) {
+export const linearGradient = function (el: SVGElement, x0: number, y0: number, x1: number, y1: number) {
 
-    let defs = initDefs(el)
-    let gradientId = "vislite-lg-" + new Date().valueOf() + "-" + Math.random()
+    const defs = initDefs(el)
+    const gradientId = "vislite-lg-" + new Date().valueOf() + "-" + Math.random()
 
-    let linearGradient = toNode("linearGradient")
+    const linearGradient = toNode("linearGradient")
     defs.appendChild(linearGradient)
     setAttribute(linearGradient, "id", gradientId)
     setAttribute(linearGradient, "x1", x0 + "%")
@@ -15,13 +15,13 @@ export let linearGradient = function (el: SVGElement, x0: number, y0: number, x1
     setAttribute(linearGradient, "x2", x1 + "%")
     setAttribute(linearGradient, "y2", y1 + "%")
 
-    let enhanceGradient = {
+    const enhanceGradient = {
         "value": function () {
             return "url(#" + gradientId + ")";
         },
         "setColor": function (stop: number, color: string) {
 
-            let stopEl = toNode("stop")
+            const stopEl = toNode("stop")
             linearGradient.appendChild(stopEl)
             setAttribute(stopEl, "offset", (stop * 100) + "%")
             setAttribute(stopEl, "style", "stop-color:" + color + ";")
@@ -33,25 +33,25 @@ export let linearGradient = function (el: SVGElement, x0: number, y0: number, x1
 }
 
 // 环形渐变
-export let radialGradient = function (el: SVGElement, cx: number, cy: number, r: number) {
+export const radialGradient = function (el: SVGElement, cx: number, cy: number, r: number) {
 
-    let defs = initDefs(el)
-    let gradientId = "vislite-rg-" + new Date().valueOf() + "-" + Math.random()
+    const defs = initDefs(el)
+    const gradientId = "vislite-rg-" + new Date().valueOf() + "-" + Math.random()
 
-    let radialGradient = toNode("radialGradient")
+    const radialGradient = toNode("radialGradient")
     defs.appendChild(radialGradient)
     setAttribute(radialGradient, "id", gradientId)
     setAttribute(radialGradient, "cx", cx + "%")
     setAttribute(radialGradient, "cy", cy + "%")
     setAttribute(radialGradient, "r", r + "%")
 
-    let enhanceGradient = {
+    const enhanceGradient = {
         "value": function () {
             return "url(#" + gradientId + ")";
         },
         "setColor": function (stop: number, color: string) {
 
-            let stopEl = toNode("stop")
+            const stopEl = toNode("stop")
             radialGradient.appendChild(stopEl)
             setAttribute(stopEl, "offset", (stop * 100) + "%")
             setAttribute(stopEl, "style", "stop-color:" + color + ";")

package/src/common/svg/index.ts

@@ -7,7 +7,7 @@ import rotate from "../../rotate"
 import { linearGradient, radialGradient } from "./gradient"
 
 // 属性名向下兼容
-let oldAttrName = {
+const oldAttrName = {
     "font-size": "fontSize",
     "font-family": "fontFamily",
     "arc-start-cap": "arcStartCap",
@@ -57,8 +57,8 @@ class SVG {
         if (typeof params !== "object") {
             return this.__config[oldAttrName[params] || params]
         } else {
-            for (let key in params) {
-                let _key = oldAttrName[key] || key
+            for (const key in params) {
+                const _key = oldAttrName[key] || key
                 this.__config[_key] = params[key]
             }
         }
@@ -136,7 +136,7 @@ class SVG {
         if (typeof params !== "object") {
             return getAttribute(this.__useEl, params)
         } else {
-            for (let key in params) {
+            for (const key in params) {
                 setAttribute(this.__useEl, key, params[key])
             }
             return this
@@ -280,8 +280,8 @@ class SVG {
     }
 
     arc(x: number, y: number, r: number, beginDeg: number, deg: number) {
-        let begPosition = rotate(x, y, (beginDeg / 180) * Math.PI, x + r, y)
-        let endPosition = rotate(
+        const begPosition = rotate(x, y, (beginDeg / 180) * Math.PI, x + r, y)
+        const endPosition = rotate(
             x,
             y,
             ((beginDeg + deg) / 180) * Math.PI,

package/src/common/svg/tool.ts

@@ -8,7 +8,7 @@ export function toNode(tagname: string) {
 }
 
 // 设置属性
-let _setAttribute = function (el: SVGElement, key: string, value: string | number) {
+const _setAttribute = function (el: SVGElement, key: string, value: string | number) {
 
     // 需要使用xlink命名空间的xml属性
     if (XLINK_ATTRIBUTE.indexOf(key) > -1) {
@@ -20,7 +20,7 @@ let _setAttribute = function (el: SVGElement, key: string, value: string | numbe
         el.setAttribute(key, value + "")
     }
 }
-export let setAttribute = _setAttribute
+export const setAttribute = _setAttribute
 
 // 获取属性
 export function getAttribute(el: SVGElement, key: string) {

package/src/common/tree/toInnerTree.ts

@@ -13,10 +13,11 @@ import type TreeConfigType from '../../../types/TreeConfig'
  * }
  */
 export default (initTree: any, config: TreeConfigType) => {
-    let tempTree = {}
+    const tempTree = {}
 
     // 根结点
-    let temp = config.root(initTree), id: number | string, rid: number | string
+    const temp = config.root(initTree)
+    let id: number | string, rid: number | string
     id = rid = config.id(temp)
     tempTree[id] = {
         "data": temp,
@@ -31,7 +32,7 @@ export default (initTree: any, config: TreeConfigType) => {
 
         // 根据传递的原始数据，生成内部统一结构
         ; (function createTree(pdata: any, pid: number | string) {
-            var children = config.children(pdata, initTree)
+            const children = config.children(pdata, initTree)
             num += children ? children.length : 0
             for (let flag = 0; children && flag < children.length; flag++) {
                 id = config.id(children[flag])

package/src/common/tree/toPlainTree.ts

@@ -5,10 +5,10 @@ import toInnerTree from './toInnerTree'
 // 可以传递任意格式的树原始数据
 // 只要配置对应的解析方法即可
 export default function (initTree: any, config: TreeConfigType, noOpens: {}) {
-    let treeData = toInnerTree(initTree, config)
+    const treeData = toInnerTree(initTree, config)
 
-    let alltreedata = treeData.value // 维护的树
-    let rootid = treeData.rid // 根结点ID
+    const alltreedata = treeData.value // 维护的树
+    const rootid = treeData.rid // 根结点ID
 
     if (treeData.num == 1) {
         alltreedata[rootid].left = 0.5
@@ -22,7 +22,8 @@ export default function (initTree: any, config: TreeConfigType, noOpens: {}) {
         }
     } else {
 
-        let beforeDis = [], size = 0, maxDeep = 0
+        const beforeDis = []
+        let size = 0, maxDeep = 0
 
         if (noOpens[rootid]) {
             alltreedata[rootid].left = 0.5
@@ -62,7 +63,7 @@ export default function (initTree: any, config: TreeConfigType, noOpens: {}) {
                     // 添加的新结点top值第一种求法：本层上边缘+1（比如上边缘是-0.5，那么top最小是top=-0.5+1=0.5）
                     alltreedata[pNode.id].top = beforeDis[deep] + 1
 
-                    let pTop = beforeDis[deep] + 1 + (alltreedata[pNode.pid].children.length - 1) * 0.5
+                    const pTop = beforeDis[deep] + 1 + (alltreedata[pNode.pid].children.length - 1) * 0.5
                     // 计算的原则是：如果第一种可行，选择第一种，否则必须选择第二种
                     // 判断第一种是否可行的方法就是：如果第一种计算后确定的孩子上边缘不对导致孩子和孩子的前兄弟重合就是可行的
                     if (pTop - 1 < beforeDis[deep - 1])
@@ -82,7 +83,7 @@ export default function (initTree: any, config: TreeConfigType, noOpens: {}) {
                 // 无法掌握父辈兄弟的情况
                 // 可能会出现父亲和兄弟重叠问题
                 if (alltreedata[pNode.id].top <= beforeDis[deep]) {
-                    let needUp = beforeDis[deep] + 1 - alltreedata[pNode.id].top
+                    const needUp = beforeDis[deep] + 1 - alltreedata[pNode.id].top
                         (function doUp(_pid: number | string, _deep: number) {
                             alltreedata[_pid].top += needUp;
                             if (beforeDis[_deep] < alltreedata[_pid].top) beforeDis[_deep] = alltreedata[_pid].top
@@ -103,7 +104,7 @@ export default function (initTree: any, config: TreeConfigType, noOpens: {}) {
 
         }
         // 对于不显示的，需要标记一下
-        for (let key in noOpens) {
+        for (const key in noOpens) {
             if (noOpens[key]) {
                 alltreedata[key].isOpen = false
                     ; (function updateHidden(pid, left, top) {

package/src/common/webgl/buffer.ts

@@ -4,15 +4,15 @@
 
 // 获取一个新的缓冲区
 // isElement默认false，创建第一种缓冲区，为true创建第二种
-let newBuffer = (painter: WebGLRenderingContext) => {
+const newBuffer = (painter: WebGLRenderingContext) => {
     return painter.createBuffer()
 }
 
 // 数据写入缓冲区
 // data是一个类型化数组，表示写入的数据
 // usage表示程序如何使用存储在缓冲区的数据
-let writeBuffer = (painter: WebGLRenderingContext, data: ArrayBuffer, isElement: boolean, usage: number) => {
-    let TYPE = isElement ? painter.ELEMENT_ARRAY_BUFFER : painter.ARRAY_BUFFER
+const writeBuffer = (painter: WebGLRenderingContext, data: ArrayBuffer, isElement: boolean, usage: number) => {
+    const TYPE = isElement ? painter.ELEMENT_ARRAY_BUFFER : painter.ARRAY_BUFFER
     painter.bufferData(TYPE, data, usage)
 }
 
@@ -29,7 +29,7 @@ let writeBuffer = (painter: WebGLRenderingContext, data: ArrayBuffer, isElement:
 // stride相邻两个数据项的字节数
 // offset数据的起点字节位置
 // normalized是否把非浮点型的数据归一化到[0,1]或[-1,1]区间
-let useBuffer = (painter: WebGLRenderingContext, location: number, size: number, type: number, stride: number, offset: number, normalized: boolean) => {
+const useBuffer = (painter: WebGLRenderingContext, location: number, size: number, type: number, stride: number, offset: number, normalized: boolean) => {
 
     // 把缓冲区对象分配给目标变量
     painter.vertexAttribPointer(location, size, type, normalized, stride, offset)

package/src/common/webgl/doDraw.ts

@@ -15,7 +15,7 @@ interface GlobalWorldType {
 import { meshType } from '../../../types/Object3D'
 
 export default function (type: string, painter: WebGLRenderingContext, mesh: meshType, meshWorld: MeshWorldType, globalWorld: GlobalWorldType) {
-    let shader = getShader(type, painter, mesh)
+    const shader = getShader(type, painter, mesh)
 
     // 点数据写入缓冲区
     new BufferObject(painter).use()
@@ -58,7 +58,7 @@ export default function (type: string, painter: WebGLRenderingContext, mesh: mes
     // 立方纹理
     else if ("cube" in mesh.material) {
 
-        let size = (mesh.material.cube.right.image.value as any).width
+        const size = (mesh.material.cube.right.image.value as any).width
 
         painter.uniform1i(painter.getUniformLocation(shader.program, "u_texture"), 0)
 

package/src/common/webgl/getColorFactory.ts

@@ -1,7 +1,7 @@
 export default function (painter: WebGLRenderingContext) {
-    let width = painter.drawingBufferWidth, height = painter.drawingBufferHeight
+    const width = painter.drawingBufferWidth, height = painter.drawingBufferHeight
 
-    let pixels = new Uint8Array(
+    const pixels = new Uint8Array(
         4 * width * height
     )
     painter.readPixels(
@@ -17,10 +17,10 @@ export default function (painter: WebGLRenderingContext) {
     return function (x: number, y: number): string {
         y = height - y
 
-        let pixelR = pixels[4 * (y * width + x)]
-        let pixelG = pixels[4 * (y * width + x) + 1]
-        let pixelB = pixels[4 * (y * width + x) + 2]
-        let pixelA = pixels[4 * (y * width + x) + 3]
+        const pixelR = pixels[4 * (y * width + x)]
+        const pixelG = pixels[4 * (y * width + x) + 1]
+        const pixelB = pixels[4 * (y * width + x) + 2]
+        const pixelA = pixels[4 * (y * width + x) + 3]
 
         return "rgba(" + pixelR + "," + pixelG + "," + pixelB + "," + pixelA + ")"
     }

package/src/common/webgl/getShader.ts

@@ -12,10 +12,10 @@ import fsColors from '../../shader/fsColors.c'
 import fsImage from '../../shader/fsImage.c'
 import fsCube from '../../shader/fsCube.c'
 
-let shaders = {}
+const shaders = {}
 export default function (type: string, painter: WebGLRenderingContext, mesh: meshType) {
 
-    let uniqueName = type +
+    const uniqueName = type +
         (mesh.material.color ? "1" : "0") +
         (mesh.material.colors ? "1" : "0") +
         (mesh.material.image ? "1" : "0") +
@@ -23,7 +23,7 @@ export default function (type: string, painter: WebGLRenderingContext, mesh: mes
     if (shaders[uniqueName]) return shaders[uniqueName].use()
 
     // 顶点着色器
-    let vertexShader = {
+    const vertexShader = {
         [type + "1000"]: vsColor,
         [type + "0100"]: vsColors,
         [type + "0010"]: vsImage,
@@ -34,7 +34,7 @@ export default function (type: string, painter: WebGLRenderingContext, mesh: mes
     uniform mat4 u_matrix_proporion;`).replace(/u_matrix +\* +a_position/, "u_matrix_proporion * u_matrix_world * u_matrix_mesh * a_position")
 
     // 片段（元）着色器
-    let fragmentShader = {
+    const fragmentShader = {
         [type + "1000"]: fsColor,
         [type + "0100"]: fsColors,
         [type + "0010"]: fsImage,
@@ -42,7 +42,7 @@ export default function (type: string, painter: WebGLRenderingContext, mesh: mes
     }[uniqueName]
 
     // 启用着色器
-    let shader = new ShaderObject(painter).compile(vertexShader, fragmentShader).use()
+    const shader = new ShaderObject(painter).compile(vertexShader, fragmentShader).use()
 
     shaders[uniqueName] = shader
     return shader

package/src/common/webgl/getTexture.ts

@@ -1,8 +1,8 @@
 import TextureObject from './texture'
 
-let textures = {}
+const textures = {}
 export default function (type: string, painter: WebGLRenderingContext, kind: string) {
-    let uniqueName = type + "-" + kind
+    const uniqueName = type + "-" + kind
 
     if (!textures[uniqueName]) {
         textures[uniqueName] = new TextureObject(painter, kind)

package/src/common/webgl/getWebGLContext.ts

@@ -2,7 +2,8 @@ interface OptsType {
     preserveDrawingBuffer?: boolean
 }
 export default function (canvas: HTMLCanvasElement, scale: number, opts: OptsType = {}) {
-    let names = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"], painter = null
+    const names = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"]
+    let painter = null
     for (let i = 0; i < names.length; i++) {
         try {
             painter = canvas.getContext(names[i], opts)
@@ -11,10 +12,10 @@ export default function (canvas: HTMLCanvasElement, scale: number, opts: OptsTyp
     }
     if (!painter) throw new Error('Non canvas or browser does not support webgl.')
 
-    let width = painter.canvas.width, height = painter.canvas.height
+    const width = painter.canvas.width, height = painter.canvas.height
 
-    let viewWidth = width * scale
-    let viewHeight = height * scale
+    const viewWidth = width * scale
+    const viewHeight = height * scale
 
     painter.viewport((width - viewWidth) * 0.5, (height - viewHeight) * 0.5, viewWidth, viewHeight)
 

package/src/common/webgl/index.ts

@@ -10,7 +10,7 @@ import assemble from '../assemble'
 // 获取区域信息前是否需要刷新区域
 let needUpdate = false
 
-let scale = 10
+const scale = 10
 class WebGL {
 
     readonly name: string = "WebGL"
@@ -18,6 +18,7 @@ class WebGL {
     painter: WebGLRenderingContext
     private __regionPainter: WebGLRenderingContext
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     private __getColor = (x: number, y: number) => "rgba(0,0,0,1)"
 
     private __regionList = {} //区域映射表
@@ -54,7 +55,7 @@ class WebGL {
             })
         }
 
-        let proportion = this.painter.canvas.width / this.painter.canvas.height
+        const proportion = this.painter.canvas.width / this.painter.canvas.height
 
         let xProportion = 1
         let yProportion = 1
@@ -65,7 +66,7 @@ class WebGL {
             yProportion = proportion
         }
 
-        let zProportion = Math.min(xProportion, yProportion)
+        const zProportion = Math.min(xProportion, yProportion)
 
         this.__proporion = [
             xProportion, 0, 0, 0,
@@ -109,11 +110,11 @@ class WebGL {
     private draw(object3D: Object3DType, isUpdateRegion = false) {
         if (!isUpdateRegion) needUpdate = true
 
-        let meshWorld = {
+        const meshWorld = {
             matrix: object3D.matrix.value()
         }
 
-        let globalWorld = {
+        const globalWorld = {
             matrix: this.__scene.matrix.value(),
             proporion: this.__proporion
         }
@@ -154,7 +155,7 @@ class WebGL {
 
         // 对数据进行校对
         for (let index = 0; index < object3D.mesh.length; index++) {
-            let mesh = object3D.mesh[index]
+            const mesh = object3D.mesh[index]
 
             if (mesh.geometry.attributes.normal && Array.isArray(mesh.geometry.attributes.normal.array)) {
                 mesh.geometry.attributes.normal.array = new Float32Array(mesh.geometry.attributes.normal.array)
@@ -202,13 +203,13 @@ class WebGL {
         if (needUpdate) this.review(true)
 
         needUpdate = false
-        return new Promise((resolve, reject) => {
+        return new Promise((resolve) => {
 
-            let rgba = this.__getColor(x, y)
+            const rgba = this.__getColor(x, y)
 
             // 查找当前点击的区域
-            for (let key in this.__regionList) {
-                let currentRGBA = this.__regionList[key]
+            for (const key in this.__regionList) {
+                const currentRGBA = this.__regionList[key]
                 if ("rgba(" + currentRGBA[0] * 255 + "," + currentRGBA[1] * 255 + "," + currentRGBA[2] * 255 + "," + currentRGBA[3] * 255 + ")" == rgba) {
                     resolve(key)
                     break

package/src/common/webgl/shader.ts

@@ -5,10 +5,10 @@
 // 着色器采用的语言是：GLSL ES语言
 
 // 把着色器字符串加载成着色器对象
-let loadShader = (painter: WebGLRenderingContext, type: number, source: string) => {
+const loadShader = (painter: WebGLRenderingContext, type: number, source: string) => {
 
     // 创建着色器对象
-    let shader = painter.createShader(type)
+    const shader = painter.createShader(type)
     if (shader == null) throw new Error('Unable to create shader!')
 
     // 绑定资源
@@ -25,14 +25,14 @@ let loadShader = (painter: WebGLRenderingContext, type: number, source: string)
 }
 
 //  建立着色器
-let useShader = (painter: WebGLRenderingContext, vshaderSource: string, fshaderSource: string) => {
+const useShader = (painter: WebGLRenderingContext, vshaderSource: string, fshaderSource: string) => {
 
     // 分别加载顶点着色器对象和片段着色器对象
-    let vertexShader = loadShader(painter, painter.VERTEX_SHADER, vshaderSource)
-    let fragmentShader = loadShader(painter, painter.FRAGMENT_SHADER, fshaderSource)
+    const vertexShader = loadShader(painter, painter.VERTEX_SHADER, vshaderSource)
+    const fragmentShader = loadShader(painter, painter.FRAGMENT_SHADER, fshaderSource)
 
     // 创建一个着色器程序
-    let glProgram = painter.createProgram()
+    const glProgram = painter.createProgram()
 
     // 把前面创建的两个着色器对象添加到着色器程序中
     painter.attachShader(glProgram, vertexShader)