oipage 1.2.1 → 1.3.0-alpha.1

package/package.json

@@ -1,40 +1,40 @@
-{
-  "name": "oipage",
-  "version": "1.2.1",
-  "description": "前端网页或应用快速开发助手，包括开发服务器、辅助命令、实用API等",
-  "sideEffects": false,
-  "scripts": {
-    "dev": "node ./build/index.js watch",
-    "build": "node ./build/index.js",
-    "serve": "node ./bin/run serve --config ./oipage.config.js"
-  },
-  "bin": {
-    "oipage-cli": "bin/run"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/oi-contrib/OIPage.git"
-  },
-  "keywords": [
-    "dev",
-    "server",
-    "style",
-    "css",
-    "nodejs",
-    "core",
-    "oipage",
-    "browser"
-  ],
-  "author": {
-    "name": "zxl20070701",
-    "url": "https://zxl20070701.github.io/notebook/home.html"
-  },
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/oi-contrib/OIPage/issues"
-  },
-  "homepage": "https://oi-contrib.github.io/OIPage",
-  "dependencies": {
-    "vislite": "^1.3.0"
-  }
-}
+{
+  "name": "oipage",
+  "version": "1.3.0-alpha.1",
+  "description": "前端网页或应用快速开发助手，包括开发服务器、辅助命令、实用API等",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "node ./build/index.js watch",
+    "build": "node ./build/index.js",
+    "serve": "node ./bin/run serve --config ./oipage.config.js"
+  },
+  "bin": {
+    "oipage-cli": "bin/run"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/oi-contrib/OIPage.git"
+  },
+  "keywords": [
+    "dev",
+    "server",
+    "style",
+    "css",
+    "nodejs",
+    "core",
+    "oipage",
+    "browser"
+  ],
+  "author": {
+    "name": "zxl20070701",
+    "url": "https://zxl20070701.github.io/notebook/home.html"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/oi-contrib/OIPage/issues"
+  },
+  "homepage": "https://oi-contrib.github.io/OIPage",
+  "dependencies": {
+    "vislite": "^1.3.0"
+  }
+}

package/web/animation/index.d.ts

@@ -1,12 +1,12 @@
-interface animationFun {
-    (deep: number): void
-}
-
-/**
- * 轮询动画，返回一个函数，调用该函数，可以提前结束动画
- */
-export interface animationType {
-    (doback: animationFun, duration?: number, callback?: animationFun): Function
-}
-
+interface animationFun {
+    (deep: number): void
+}
+
+/**
+ * 轮询动画，返回一个函数，调用该函数，可以提前结束动画
+ */
+export interface animationType {
+    (doback: animationFun, duration?: number, callback?: animationFun): Function
+}
+
 export let animation: animationType

package/web/animation/index.js

@@ -1,109 +1,109 @@
 /*!
-* animation of OIPage v1.2.1
+* animation of OIPage v1.3.0-alpha.1
 * git+https://github.com/oi-contrib/OIPage.git
 */
 
-//当前正在运动的动画的tick函数堆栈
-var $timers = [];
-//唯一定时器的定时间隔
-var $interval = 13;
-//定时器ID
-var $timerId;
-
-/**
- * 动画轮播
- * @param {function} doback 轮询函数，有一个形参deep，0-1，表示执行进度
- * @param {number} duration 动画时长，可选
- * @param {function} callback 动画结束回调，可选，有一个形参deep，0-1，表示执行进度
- *
- * @returns {function} 返回一个函数，调用该函数，可以提前结束动画
- */
-export function animation(doback, duration, callback) {
-    if (arguments.length < 2) duration = 400;
-    if (arguments.length < 3) callback = function () { };
-
-    var clock = {
-        //把tick函数推入堆栈
-        "timer": function (tick, duration, callback) {
-            if (!tick) {
-                throw new Error('Tick is required!');
-            }
-            var id = new Date().valueOf() + "_" + (Math.random() * 1000).toFixed(0);
-            $timers.push({
-                "id": id,
-                "createTime": new Date(),
-                "tick": tick,
-                "duration": duration,
-                "callback": callback
-            });
-            clock.start();
-            return id;
-        },
-
-        //开启唯一的定时器timerId
-        "start": function () {
-            if (!$timerId) {
-                $timerId = setInterval(clock.tick, $interval);
-            }
-        },
-
-        //被定时器调用，遍历timers堆栈
-        "tick": function () {
-            var createTime, flag, tick, callback, timer, duration, passTime, timers = $timers;
-
-            $timers = [];
-            $timers.length = 0;
-
-            for (flag = 0; flag < timers.length; flag++) {
-                //初始化数据
-                timer = timers[flag];
-                createTime = timer.createTime;
-                tick = timer.tick;
-                duration = timer.duration;
-                callback = timer.callback;
-
-                //执行
-                passTime = (+new Date().valueOf() - createTime.valueOf()) / duration;
-                passTime = passTime > 1 ? 1 : passTime;
-                tick(passTime);
-                if (passTime < 1 && timer.id) {
-                    //动画没有结束再添加
-                    $timers.push(timer);
-                } else {
-                    callback(passTime);
-                }
-            }
-            if ($timers.length <= 0) {
-                clock.stop();
-            }
-        },
-
-        //停止定时器，重置timerId=null
-        "stop": function () {
-            if ($timerId) {
-                clearInterval($timerId);
-                $timerId = null;
-            }
-        }
-    };
-
-    var id = clock.timer(function (deep) {
-        //其中deep为0-1，表示改变的程度
-        doback(deep);
-    }, duration, callback);
-
-    return {
-        // 一个函数
-        // 用于在动画结束前结束动画
-        stop: function () {
-            var i;
-            for (i in $timers) {
-                if ($timers[i].id == id) {
-                    $timers[i].id = void 0;
-                    return;
-                }
-            }
-        }
-    };
-
+//当前正在运动的动画的tick函数堆栈
+var $timers = [];
+//唯一定时器的定时间隔
+var $interval = 13;
+//定时器ID
+var $timerId;
+
+/**
+ * 动画轮播
+ * @param {function} doback 轮询函数，有一个形参deep，0-1，表示执行进度
+ * @param {number} duration 动画时长，可选
+ * @param {function} callback 动画结束回调，可选，有一个形参deep，0-1，表示执行进度
+ *
+ * @returns {function} 返回一个函数，调用该函数，可以提前结束动画
+ */
+export function animation(doback, duration, callback) {
+    if (arguments.length < 2) duration = 400;
+    if (arguments.length < 3) callback = function () { };
+
+    var clock = {
+        //把tick函数推入堆栈
+        "timer": function (tick, duration, callback) {
+            if (!tick) {
+                throw new Error('Tick is required!');
+            }
+            var id = new Date().valueOf() + "_" + (Math.random() * 1000).toFixed(0);
+            $timers.push({
+                "id": id,
+                "createTime": new Date(),
+                "tick": tick,
+                "duration": duration,
+                "callback": callback
+            });
+            clock.start();
+            return id;
+        },
+
+        //开启唯一的定时器timerId
+        "start": function () {
+            if (!$timerId) {
+                $timerId = setInterval(clock.tick, $interval);
+            }
+        },
+
+        //被定时器调用，遍历timers堆栈
+        "tick": function () {
+            var createTime, flag, tick, callback, timer, duration, passTime, timers = $timers;
+
+            $timers = [];
+            $timers.length = 0;
+
+            for (flag = 0; flag < timers.length; flag++) {
+                //初始化数据
+                timer = timers[flag];
+                createTime = timer.createTime;
+                tick = timer.tick;
+                duration = timer.duration;
+                callback = timer.callback;
+
+                //执行
+                passTime = (+new Date().valueOf() - createTime.valueOf()) / duration;
+                passTime = passTime > 1 ? 1 : passTime;
+                tick(passTime);
+                if (passTime < 1 && timer.id) {
+                    //动画没有结束再添加
+                    $timers.push(timer);
+                } else {
+                    callback(passTime);
+                }
+            }
+            if ($timers.length <= 0) {
+                clock.stop();
+            }
+        },
+
+        //停止定时器，重置timerId=null
+        "stop": function () {
+            if ($timerId) {
+                clearInterval($timerId);
+                $timerId = null;
+            }
+        }
+    };
+
+    var id = clock.timer(function (deep) {
+        //其中deep为0-1，表示改变的程度
+        doback(deep);
+    }, duration, callback);
+
+    return {
+        // 一个函数
+        // 用于在动画结束前结束动画
+        stop: function () {
+            var i;
+            for (i in $timers) {
+                if ($timers[i].id == id) {
+                    $timers[i].id = void 0;
+                    return;
+                }
+            }
+        }
+    };
+
 }

package/web/onReady/index.d.ts

@@ -1,8 +1,8 @@
-/**
- * 等待DOM加载完毕执行
- */
-export interface onReadyType {
-    (callback: Function): void
-}
-
+/**
+ * 等待DOM加载完毕执行
+ */
+export interface onReadyType {
+    (callback: Function): void
+}
+
 export let onReady: onReadyType

package/web/onReady/index.js

@@ -1,13 +1,13 @@
 /*!
-* onReady of OIPage v1.2.1
+* onReady of OIPage v1.3.0-alpha.1
 * git+https://github.com/oi-contrib/OIPage.git
 */
 
-export function onReady(callback) {
-    var readyState = document.readyState;
-    if (readyState === 'interactive' || readyState === 'complete') {
-        callback();
-    } else {
-        window.addEventListener("DOMContentLoaded", callback);
-    }
+export function onReady(callback) {
+    var readyState = document.readyState;
+    if (readyState === 'interactive' || readyState === 'complete') {
+        callback();
+    } else {
+        window.addEventListener("DOMContentLoaded", callback);
+    }
 }

package/web/reader/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 文本分析读取器
+ */
+
+export interface readerInstanceType {
+
+    /**
+     * 当前字符位置
+     */
+    index: number
+
+    /**
+     * 当前字符内容
+     */
+    value: string
+
+    /**
+     * 读取下一个字符
+     */
+    readNext(): string
+
+    /**
+     * 获取往后count个值
+     * @param count 
+     */
+    getNextN(count: number): string
+}
+
+export interface readerType {
+    (plain: string): readerInstanceType
+}
+
+export let reader: readerType

package/web/reader/index.js

@@ -0,0 +1,25 @@
+/*!
+* reader of OIPage v1.3.0-alpha.1
+* git+https://github.com/oi-contrib/OIPage.git
+*/
+
+export function reader(plain) {
+
+    let handler = {
+        index: -1,
+        value: null
+    };
+
+    // 读取下一个字符
+    handler.readNext = function () {
+        handler.value = handler.index++ < plain.length - 1 ? plain[handler.index] : null;
+        return handler.value;
+    };
+
+    // 获取往后num个值
+    handler.getNextN = function (num) {
+        return express.substring(handler.index, num + handler.index > plain.length ? plain.length : num + handler.index);
+    };
+
+    return handler;
+}

package/web/style/index.d.ts

@@ -1,22 +1,22 @@
-/**
- * 设置节点样式
- */
-export interface setStyleType {
-    (el: HTMLElement, styles: {
-        [key: string]: string | number
-    }): void
-}
-
-export let setStyle: setStyleType
-
-/**
- * 获取节点样式
- */
-export interface getStyleType {
-    (el: HTMLElement, name: string): string
-    (el: HTMLElement): {
-        [key: string]: string
-    }
-}
-
+/**
+ * 设置节点样式
+ */
+export interface setStyleType {
+    (el: HTMLElement, styles: {
+        [key: string]: string | number
+    }): void
+}
+
+export let setStyle: setStyleType
+
+/**
+ * 获取节点样式
+ */
+export interface getStyleType {
+    (el: HTMLElement, name: string): string
+    (el: HTMLElement): {
+        [key: string]: string
+    }
+}
+
 export let getStyle: getStyleType

package/web/style/index.js

@@ -1,24 +1,24 @@
 /*!
-* style of OIPage v1.2.1
+* style of OIPage v1.3.0-alpha.1
 * git+https://github.com/oi-contrib/OIPage.git
 */
 
-export function setStyle(el, styles) {
-    for (var key in styles) {
-        el.style[key] = styles[key];
-    }
-}
-
-export function getStyle(el, name) {
-
-    // 获取结点的全部样式
-    var allStyle = document.defaultView && document.defaultView.getComputedStyle ?
-        document.defaultView.getComputedStyle(el, null) :
-        el.currentStyle;
-
-    // 如果没有指定属性名称，返回全部样式
-    return typeof name === 'string' ?
-        allStyle.getPropertyValue(name) :
-        allStyle;
-
+export function setStyle(el, styles) {
+    for (var key in styles) {
+        el.style[key] = styles[key];
+    }
+}
+
+export function getStyle(el, name) {
+
+    // 获取结点的全部样式
+    var allStyle = document.defaultView && document.defaultView.getComputedStyle ?
+        document.defaultView.getComputedStyle(el, null) :
+        el.currentStyle;
+
+    // 如果没有指定属性名称，返回全部样式
+    return typeof name === 'string' ?
+        allStyle.getPropertyValue(name) :
+        allStyle;
+
 }

package/web/throttle/index.d.ts

@@ -1,31 +1,31 @@
-export type throttleOpportunityType = "begin" | "end" | "wide"
-
-export interface throttleOptionType {
-
-    /**
-     * 节流时长
-     */
-    time?: number
-
-    /**
-     * 是否持续节流
-     */
-    keep?: boolean
-
-    /**
-     * 执行时机
-     *
-     * begin（开始触发）、end（结束触发）、wide（第一次开始触发，其余结束触发）
-     */
-    opportunity?: throttleOpportunityType
-
-}
-
-/**
- * 节流函数
- */
-export interface throttleType {
-    (callback: Function, option?: throttleOptionType): Function
-}
-
+export type throttleOpportunityType = "begin" | "end" | "wide"
+
+export interface throttleOptionType {
+
+    /**
+     * 节流时长
+     */
+    time?: number
+
+    /**
+     * 是否持续节流
+     */
+    keep?: boolean
+
+    /**
+     * 执行时机
+     *
+     * begin（开始触发）、end（结束触发）、wide（第一次开始触发，其余结束触发）
+     */
+    opportunity?: throttleOpportunityType
+
+}
+
+/**
+ * 节流函数
+ */
+export interface throttleType {
+    (callback: Function, option?: throttleOptionType): Function
+}
+
 export let throttle: throttleType

package/web/throttle/index.js

@@ -1,55 +1,55 @@
 /*!
-* throttle of OIPage v1.2.1
+* throttle of OIPage v1.3.0-alpha.1
 * git+https://github.com/oi-contrib/OIPage.git
 */
 
-export function throttle(callback, _option) {
-
-    // 缺省值
-    var option = {
-        time: 200,
-        keep: false,
-        opportunity: "end"
-    };
-    
-    // 校对
-    if (_option) {
-        for (var key in _option) {
-            option[key] = _option[key];
-        }
-    }
-
-    var hadInterval = false, hadClick = false, oneClick = false, arg;
-    return function () {
-        const _this = this;
-        arg = arguments;
-
-        // 如果前置任务都完成了
-        if (!hadInterval) {
-            if (option.opportunity != 'end') {
-                callback.apply(_this, arg);
-            }
-            hadInterval = true;
-
-            var 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;
-        }
-
-    };
+export function throttle(callback, _option) {
+
+    // 缺省值
+    var option = {
+        time: 200,
+        keep: false,
+        opportunity: "end"
+    };
+    
+    // 校对
+    if (_option) {
+        for (var key in _option) {
+            option[key] = _option[key];
+        }
+    }
+
+    var hadInterval = false, hadClick = false, oneClick = false, arg;
+    return function () {
+        const _this = this;
+        arg = arguments;
+
+        // 如果前置任务都完成了
+        if (!hadInterval) {
+            if (option.opportunity != 'end') {
+                callback.apply(_this, arg);
+            }
+            hadInterval = true;
+
+            var 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;
+        }
+
+    };
 }