vislite 0.6.0-alpha.2 → 0.6.0

package/src/interpolation/Hermite.ts

@@ -1,66 +1,66 @@
-import type HermiteType from '../../types/Hermite'
-
-class Hermite implements HermiteType {
-    readonly name: string = 'Hermite'
-
-    private __u: number // 张弛系数
-
-    private __MR: number[]
-    private __a: number
-    private __b: number
-
-    constructor(u: number = 0.5) {
-        this.__u = u
-    }
-
-    /**
-    * 设置点的位置
-    * @param {Number} x1 左边点的位置
-    * @param {Number} y1
-    * @param {Number} x2 右边点的位置
-    * @param {Number} y2
-    * @param {Number} s1 两个点的斜率
-    * @param {Number} s2
-    */
-    setP(x1: number, y1: number, x2: number, y2: number, s1: number, s2: number) {
-        if (x1 < x2) {
-            // 记录原始尺寸
-            this.__a = x1
-            this.__b = x2
-            const p3 = this.__u * s1,
-                p4 = this.__u * s2
-            // 缩放到[0,1]定义域
-            y1 /= (x2 - x1)
-            y2 /= (x2 - x1)
-            // MR是提前计算好的多项式通解矩阵
-            // 为了加速计算
-            // 如上面说的
-            // 统一在[0,1]上计算后再通过缩放和移动恢复
-            // 避免了动态求解矩阵的麻烦
-            this.__MR = [
-                2 * y1 - 2 * y2 + p3 + p4,
-                3 * y2 - 3 * y1 - 2 * p3 - p4,
-                p3,
-                y1
-            ]
-        } else throw new Error('The point x-position should be increamented!')
-        return this
-    }
-
-
-    /**
-     * 根据x值返回y值
-     * @param {Number} x
-     */
-    use(x: number) {
-        if (this.__MR) {
-            const sx = (x - this.__a) / (this.__b - this.__a),
-                sx2 = sx * sx,
-                sx3 = sx * sx2
-            const sResult = sx3 * this.__MR[0] + sx2 * this.__MR[1] + sx * this.__MR[2] + this.__MR[3]
-            return sResult * (this.__b - this.__a)
-        } else throw new Error('You shoud first set the position!')
-    }
-}
-
+import type HermiteType from '../../types/Hermite'
+
+class Hermite implements HermiteType {
+    readonly name: string = 'Hermite'
+
+    private __u: number // 张弛系数
+
+    private __MR: number[]
+    private __a: number
+    private __b: number
+
+    constructor(u: number = 0.5) {
+        this.__u = u
+    }
+
+    /**
+    * 设置点的位置
+    * @param {Number} x1 左边点的位置
+    * @param {Number} y1
+    * @param {Number} x2 右边点的位置
+    * @param {Number} y2
+    * @param {Number} s1 两个点的斜率
+    * @param {Number} s2
+    */
+    setP(x1: number, y1: number, x2: number, y2: number, s1: number, s2: number) {
+        if (x1 < x2) {
+            // 记录原始尺寸
+            this.__a = x1
+            this.__b = x2
+            const p3 = this.__u * s1,
+                p4 = this.__u * s2
+            // 缩放到[0,1]定义域
+            y1 /= (x2 - x1)
+            y2 /= (x2 - x1)
+            // MR是提前计算好的多项式通解矩阵
+            // 为了加速计算
+            // 如上面说的
+            // 统一在[0,1]上计算后再通过缩放和移动恢复
+            // 避免了动态求解矩阵的麻烦
+            this.__MR = [
+                2 * y1 - 2 * y2 + p3 + p4,
+                3 * y2 - 3 * y1 - 2 * p3 - p4,
+                p3,
+                y1
+            ]
+        } else throw new Error('The point x-position should be increamented!')
+        return this
+    }
+
+
+    /**
+     * 根据x值返回y值
+     * @param {Number} x
+     */
+    use(x: number) {
+        if (this.__MR) {
+            const sx = (x - this.__a) / (this.__b - this.__a),
+                sx2 = sx * sx,
+                sx3 = sx * sx2
+            const sResult = sx3 * this.__MR[0] + sx2 * this.__MR[1] + sx * this.__MR[2] + this.__MR[3]
+            return sResult * (this.__b - this.__a)
+        } else throw new Error('You shoud first set the position!')
+    }
+}
+
 export default Hermite

package/src/move.ts

@@ -1,8 +1,8 @@
-// 点（x,y）沿着向量（ax,ay）方向移动距离d
-export default function (ax: number, ay: number, d: number, x: number, y: number): [number, number] {
-    const sqrt = Math.sqrt(ax * ax + ay * ay)
-    return [
-        ax * d / sqrt + x,
-        ay * d / sqrt + y
-    ]
+// 点（x,y）沿着向量（ax,ay）方向移动距离d
+export default function (ax: number, ay: number, d: number, x: number, y: number): [number, number] {
+    const sqrt = Math.sqrt(ax * ax + ay * ay)
+    return [
+        ax * d / sqrt + x,
+        ay * d / sqrt + y
+    ]
 }

package/src/resizeObserver.ts

@@ -1,38 +1,38 @@
-let observer: ResizeObserver
-
-const attrValueToCallback = {}
-let uniqueid = 0
-
-export default function (el: HTMLElement | null, callback: Function) {
-
-    try {
-
-        if (!observer) {
-            observer = new ResizeObserver(entries => {
-                for (const entry of entries) {
-                    attrValueToCallback[(entry.target as any)._resize_observer_]()
-                }
-            })
-        }
-
-        uniqueid++
-
-        (el as any)._resize_observer_ = uniqueid
-        attrValueToCallback[uniqueid] = callback
-
-        observer.observe(el)
-
-        return function () {
-            if (observer) {
-                observer.unobserve(el)
-                delete attrValueToCallback[(el as any)._resize_observer_]
-            }
-        }
-
-    } catch (e) {
-        callback()
-
-        // 如果浏览器不支持此接口
-        console.error('ResizeObserver undefined!')
-    }
+let observer: ResizeObserver
+
+const attrValueToCallback = {}
+let uniqueid = 0
+
+export default function (el: HTMLElement | null, callback: Function) {
+
+    try {
+
+        if (!observer) {
+            observer = new ResizeObserver(entries => {
+                for (const entry of entries) {
+                    attrValueToCallback[(entry.target as any)._resize_observer_]()
+                }
+            })
+        }
+
+        uniqueid++
+
+        (el as any)._resize_observer_ = uniqueid
+        attrValueToCallback[uniqueid] = callback
+
+        observer.observe(el)
+
+        return function () {
+            if (observer) {
+                observer.unobserve(el)
+                delete attrValueToCallback[(el as any)._resize_observer_]
+            }
+        }
+
+    } catch (e) {
+        callback()
+
+        // 如果浏览器不支持此接口
+        console.error('ResizeObserver undefined!')
+    }
 }

package/src/rotate.ts

@@ -1,8 +1,8 @@
-// 点（x,y）围绕中心（cx,cy）旋转deg度
-export default function (cx: number, cy: number, deg: number, x: number, y: number): [number, number] {
-    const cos = Math.cos(deg), sin = Math.sin(deg)
-    return [
-        (x - cx) * cos - (y - cy) * sin + cx,
-        (x - cx) * sin + (y - cy) * cos + cy
-    ]
+// 点（x,y）围绕中心（cx,cy）旋转deg度
+export default function (cx: number, cy: number, deg: number, x: number, y: number): [number, number] {
+    const cos = Math.cos(deg), sin = Math.sin(deg)
+    return [
+        (x - cx) * cos - (y - cy) * sin + cx,
+        (x - cx) * sin + (y - cy) * cos + cy
+    ]
 }

package/src/throttle.ts

@@ -1,53 +1,53 @@
-import type throttleOptionType from '../types/throttleOption'
-
-import mergeOption from './common/mergeOption'
-
-export default function (callback: Function, option: throttleOptionType = {}) {
-
-    // 校对缺省值
-    option = mergeOption(option, <throttleOptionType>{
-        time: 200,
-        keep: false,
-        opportunity: "end"
-    })
-
-    let hadInterval = false
-    let hadClick = false
-    let oneClick = false
-
-    let arg: any
-    return function () {
-        const _this = this
-        // eslint-disable-next-line prefer-rest-params
-        arg = arguments
-
-        // 如果前置任务都完成了
-        if (!hadInterval) {
-            if (option.opportunity != 'end') {
-                callback.apply(_this, arg)
-            }
-            hadInterval = true
-
-            const interval = setInterval(() => {
-                if (hadClick) {
-                    if (!option.keep) {
-                        callback.apply(_this, arg)
-                    }
-                } else {
-                    if (option.opportunity != 'begin') {
-                        if (oneClick || option.opportunity == 'end') callback.apply(_this, arg)
-                    }
-                    hadInterval = false
-                    oneClick = false
-                    clearInterval(interval)
-                }
-                hadClick = false
-            }, option.time)
-        } else {
-            hadClick = true
-            oneClick = true
-        }
-
-    }
-
+import type throttleOptionType from '../types/throttleOption'
+
+import mergeOption from './common/mergeOption'
+
+export default function (callback: Function, option: throttleOptionType = {}) {
+
+    // 校对缺省值
+    option = mergeOption(option, <throttleOptionType>{
+        time: 200,
+        keep: false,
+        opportunity: "end"
+    })
+
+    let hadInterval = false
+    let hadClick = false
+    let oneClick = false
+
+    let arg: any
+    return function () {
+        const _this = this
+        // eslint-disable-next-line prefer-rest-params
+        arg = arguments
+
+        // 如果前置任务都完成了
+        if (!hadInterval) {
+            if (option.opportunity != 'end') {
+                callback.apply(_this, arg)
+            }
+            hadInterval = true
+
+            const interval = setInterval(() => {
+                if (hadClick) {
+                    if (!option.keep) {
+                        callback.apply(_this, arg)
+                    }
+                } else {
+                    if (option.opportunity != 'begin') {
+                        if (oneClick || option.opportunity == 'end') callback.apply(_this, arg)
+                    }
+                    hadInterval = false
+                    oneClick = false
+                    clearInterval(interval)
+                }
+                hadClick = false
+            }, option.time)
+        } else {
+            hadClick = true
+            oneClick = true
+        }
+
+    }
+
 }

package/src/viewHandler.ts

@@ -1,159 +1,159 @@
-import type { callbackFun } from '../types/viewHandler'
-
-const mousePosition = (el: HTMLElement, event: any) => {
-    const bounding = el.getBoundingClientRect()
-    return {
-        "x": event.clientX - bounding.left,
-        "y": event.clientY - bounding.top
-    }
-}
-
-const getKeyString = (event: any) => {
-    return {
-        37: "left",
-        38: "up",
-        39: "right",
-        40: "down",
-    }[event.keyCode || event.which]
-}
-
-export default function (callback: callbackFun) {
-
-    const el = document.getElementsByTagName('body')[0]
-
-    // 键盘控制
-    el.addEventListener("keydown", function (event) {
-        const keyCode = getKeyString(event)
-
-        // 视角向上
-        if (keyCode == 'up') {
-            callback({
-                type: "lookUp",
-                normal: [],
-                value: 0.1,
-                event
-            })
-        }
-
-        // 视角向下
-        else if (keyCode == 'down') {
-            callback({
-                type: "lookDown",
-                normal: [],
-                value: 0.1,
-                event
-            })
-        }
-
-        // 视角向左
-        else if (keyCode == 'left') {
-            callback({
-                type: "lookLeft",
-                normal: [],
-                value: 0.1,
-                event
-            })
-        }
-
-        // 视角向右
-        else if (keyCode == 'right') {
-            callback({
-                type: "lookRight",
-                normal: [],
-                value: 0.1,
-                event
-            })
-        }
-
-    })
-
-    // 鼠标控制
-    let mouseP = null;
-    const doMove = function (event) {
-
-        // 单纯移动
-        if (mouseP == null) {
-            callback({
-                type: "hover",
-                normal: [],
-                value: 0,
-                event
-            })
-        }
-
-        // 按下移动
-        else {
-
-            const tempMouseP = mousePosition(el, event)
-
-            // 先求解出轨迹向量
-            const normal = [tempMouseP.x - mouseP.x, tempMouseP.y - mouseP.y]
-
-            // 方向向量旋转90deg得到旋转向量
-            const rotateNormal = [
-                normal[1],
-                normal[0],
-                0
-            ]
-
-            // 非法射线忽略
-            if (rotateNormal[0] == 0 && rotateNormal[1] == 0) return
-
-            callback({
-                type: "rotate",
-                normal: rotateNormal,
-                value: (Math.abs(tempMouseP.x - mouseP.x) + Math.abs(tempMouseP.y - mouseP.y)) * 0.01,
-                event
-            })
-
-            mouseP = tempMouseP
-        }
-    }
-
-    el.addEventListener("mousedown", (event) => {
-        mouseP = mousePosition(el, event)
-    })
-    el.addEventListener("mouseup", () => {
-        mouseP = null
-    })
-    el.addEventListener("mousemove", (event) => {
-        doMove(event)
-    })
-
-    // 手指控制
-    el.addEventListener("touchend", () => {
-        mouseP = null;
-    })
-    el.addEventListener("touchstart", (event) => {
-        mouseP = mousePosition(el, event)
-    })
-    el.addEventListener("touchmove", (event) => {
-        doMove(event.touches[0])
-    })
-
-    const doScale = function (value: number, event: Event) {
-        if (value == 0) return
-
-        const baseTimes = 0.899
-        callback({
-            type: "scale",
-            value: value < 0 ? baseTimes : 2 - baseTimes,
-            normal: [],
-            event
-        })
-    }
-
-    // 滚轮控制
-    el.addEventListener("mousewheel", function (event: any) {
-        doScale(event.wheelDelta, event)
-    })
-
-    if (window.addEventListener) {
-
-        // 针对火狐浏览器
-        window.addEventListener('DOMMouseScroll', function (event: any) {
-            doScale(-1 * event.detail, event)
-        }, false)
-    }
-
+import type { callbackFun } from '../types/viewHandler'
+
+const mousePosition = (el: HTMLElement, event: any) => {
+    const bounding = el.getBoundingClientRect()
+    return {
+        "x": event.clientX - bounding.left,
+        "y": event.clientY - bounding.top
+    }
+}
+
+const getKeyString = (event: any) => {
+    return {
+        37: "left",
+        38: "up",
+        39: "right",
+        40: "down",
+    }[event.keyCode || event.which]
+}
+
+export default function (callback: callbackFun) {
+
+    const el = document.getElementsByTagName('body')[0]
+
+    // 键盘控制
+    el.addEventListener("keydown", function (event) {
+        const keyCode = getKeyString(event)
+
+        // 视角向上
+        if (keyCode == 'up') {
+            callback({
+                type: "lookUp",
+                normal: [],
+                value: 0.1,
+                event
+            })
+        }
+
+        // 视角向下
+        else if (keyCode == 'down') {
+            callback({
+                type: "lookDown",
+                normal: [],
+                value: 0.1,
+                event
+            })
+        }
+
+        // 视角向左
+        else if (keyCode == 'left') {
+            callback({
+                type: "lookLeft",
+                normal: [],
+                value: 0.1,
+                event
+            })
+        }
+
+        // 视角向右
+        else if (keyCode == 'right') {
+            callback({
+                type: "lookRight",
+                normal: [],
+                value: 0.1,
+                event
+            })
+        }
+
+    })
+
+    // 鼠标控制
+    let mouseP = null;
+    const doMove = function (event) {
+
+        // 单纯移动
+        if (mouseP == null) {
+            callback({
+                type: "hover",
+                normal: [],
+                value: 0,
+                event
+            })
+        }
+
+        // 按下移动
+        else {
+
+            const tempMouseP = mousePosition(el, event)
+
+            // 先求解出轨迹向量
+            const normal = [tempMouseP.x - mouseP.x, tempMouseP.y - mouseP.y]
+
+            // 方向向量旋转90deg得到旋转向量
+            const rotateNormal = [
+                normal[1],
+                normal[0],
+                0
+            ]
+
+            // 非法射线忽略
+            if (rotateNormal[0] == 0 && rotateNormal[1] == 0) return
+
+            callback({
+                type: "rotate",
+                normal: rotateNormal,
+                value: (Math.abs(tempMouseP.x - mouseP.x) + Math.abs(tempMouseP.y - mouseP.y)) * 0.01,
+                event
+            })
+
+            mouseP = tempMouseP
+        }
+    }
+
+    el.addEventListener("mousedown", (event) => {
+        mouseP = mousePosition(el, event)
+    })
+    el.addEventListener("mouseup", () => {
+        mouseP = null
+    })
+    el.addEventListener("mousemove", (event) => {
+        doMove(event)
+    })
+
+    // 手指控制
+    el.addEventListener("touchend", () => {
+        mouseP = null;
+    })
+    el.addEventListener("touchstart", (event) => {
+        mouseP = mousePosition(el, event)
+    })
+    el.addEventListener("touchmove", (event) => {
+        doMove(event.touches[0])
+    })
+
+    const doScale = function (value: number, event: Event) {
+        if (value == 0) return
+
+        const baseTimes = 0.899
+        callback({
+            type: "scale",
+            value: value < 0 ? baseTimes : 2 - baseTimes,
+            normal: [],
+            event
+        })
+    }
+
+    // 滚轮控制
+    el.addEventListener("mousewheel", function (event: any) {
+        doScale(event.wheelDelta, event)
+    })
+
+    if (window.addEventListener) {
+
+        // 针对火狐浏览器
+        window.addEventListener('DOMMouseScroll', function (event: any) {
+            doScale(-1 * event.detail, event)
+        }, false)
+    }
+
 }