oipage 1.7.0-rc.0 → 1.8.0-alpha.0

package/CHANGELOG

@@ -143,7 +143,7 @@ v1.6.1:
           1、修复run命令在Windows中运行错误
             （关联issue： https://github.com/oi-contrib/OIPage/issues/8 ）
 v1.7.0:
-    date:
+    date:2026-01-06
     changes:
         - 优化改造
           1、types定义模块，方便使用时代码提示
@@ -154,4 +154,12 @@ v1.7.0:
           3、修改types错误定义（intercept）
         - 新增功能
           1、开发服务器
-            * 转发功能 proxy
+            * 转发功能 proxy
+v1.8.0:
+    date:
+    changes:
+        - 优化改造
+          1、animation兼容对支付宝小程序等支持
+        - 新增功能
+          1、开发服务器
+            * 自动打开浏览器 open

package/README.md

@@ -1,95 +1,87 @@
--   💘 开源不易，去 <i>[Github给个Star](https://github.com/oi-contrib/OIPage) </i>吧！
-
-<img src='https://oi-contrib.github.io/OIPage/images/logo.png' height='100px'/>
-
-<p>
-    <a href="https://zxl20070701.github.io/toolbox/#/npm-download?packages=oipage&interval=7">
-        <img src="https://img.shields.io/npm/dm/oipage.svg" alt="downloads">
-    </a>
-    <a href="https://www.npmjs.com/package/oipage">
-        <img src="https://img.shields.io/npm/v/oipage.svg" alt="npm">
-    </a>
-    <a href="https://github.com/oi-contrib/OIPage/issues">
-        <img src="https://img.shields.io/github/issues/oi-contrib/OIPage" alt="issue">
-    </a>
-    <a href="https://github.com/oi-contrib/OIPage" target='_blank'>
-        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/oi-contrib/OIPage?style=social">
-    </a>
-    <a href="https://github.com/oi-contrib/OIPage">
-        <img src="https://img.shields.io/github/forks/oi-contrib/OIPage" alt="forks">
-    </a>
-     <a href="https://gitee.com/oi-contrib/OIPage" target='_blank'>
-        <img alt="Gitee repo stars" src="https://gitee.com/oi-contrib/OIPage/badge/star.svg">
-    </a>
-    <a href="https://gitee.com/oi-contrib/OIPage">
-        <img src="https://gitee.com/oi-contrib/OIPage/badge/fork.svg" alt="forks">
-    </a>
-</p>
-
-<img src="https://nodei.co/npm/oipage.png?downloads=true&amp;downloadRank=true&amp;stars=true" alt="NPM">
-
-# [OIPage](https://github.com/oi-contrib/OIPage)
-前端网页或应用快速开发助手，包括开发服务器、辅助命令、实用API等。官网地址：[https://oi-contrib.github.io/OIPage](https://oi-contrib.github.io/OIPage)
-
-## 如何使用？
-
-你可以作为一个命令行使用，那么你需要全局安装：
-
-```shell
-npm install -g oipage
-```
-
-也可以作为项目开发中的一个功能加强，在 package.json 中配置命令或nodejs文件中引入需要的模块使用，那么就在项目中执行安装命令：
-
-```shell
-npm install oipage --save
-```
-
-安装后，就可以直接作为命令行使用了。你可以打印帮助查看：
-
-```shell
-oipage-cli
-```
-
-比如会出现类似下列内容：
-
-```
-OIPage@v1.2.0
-
-可以使用的命令如下：
-
-【1】oipage-cli serve 开发服务器
-    --port|-p 端口号
-    --baseUrl 服务器根目录
-......
-```
-
-根据提示我们知道，比如第一个命令，其提供了一个快速访问本地资源服务器的功能，比如执行：
-
-```shell
-oipage-cli serve -p 8080
-```
-
-启动成功后，直接访问： http://localhost:8080/ 即可。
-
-如果你需要在项目中使用，我们也提供了一些有用的API，具体可以访问[ 在线文档 ](https://oi-contrib.github.io/OIPage)进行了解。
-
-## 应用市场
-
-为了方便日常使用，内置了一个应用市场网站，比如有如下功能：
-
-### 群聊天
-
-<img src="./snipping/chart.png" />
-
-### 图片编辑器
-
-<img src="./snipping/image-editor.png" />
-
-已有功能或更多功能我们将根据实际情况逐步完善和维护，当然，你可以通过 [issue](https://github.com/oi-contrib/OIPage/issues) 给我们留言，告诉我们你的改进意见。
-
-## 版权
-
-MIT License
-
-Copyright (c) [zxl20070701](https://zxl20070701.github.io/notebook/home.html) 走一步，再走一步
+-   💘 开源不易，去 <i>[Github给个Star](https://github.com/oi-contrib/OIPage) </i>吧！
+
+<img src='https://oi-contrib.github.io/OIPage/images/logo.png' height='100px'/>
+
+<p>
+    <a href="https://zxl20070701.github.io/toolbox/#/npm-download?packages=oipage&interval=7">
+        <img src="https://img.shields.io/npm/dm/oipage.svg" alt="downloads">
+    </a>
+    <a href="https://www.npmjs.com/package/oipage">
+        <img src="https://img.shields.io/npm/v/oipage.svg" alt="npm">
+    </a>
+    <a href="https://github.com/oi-contrib/OIPage/issues">
+        <img src="https://img.shields.io/github/issues/oi-contrib/OIPage" alt="issue">
+    </a>
+    <a href="https://github.com/oi-contrib/OIPage" target='_blank'>
+        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/oi-contrib/OIPage?style=social">
+    </a>
+    <a href="https://github.com/oi-contrib/OIPage">
+        <img src="https://img.shields.io/github/forks/oi-contrib/OIPage" alt="forks">
+    </a>
+     <a href="https://gitee.com/oi-contrib/OIPage" target='_blank'>
+        <img alt="Gitee repo stars" src="https://gitee.com/oi-contrib/OIPage/badge/star.svg">
+    </a>
+    <a href="https://gitee.com/oi-contrib/OIPage">
+        <img src="https://gitee.com/oi-contrib/OIPage/badge/fork.svg" alt="forks">
+    </a>
+</p>
+
+<img src="https://nodei.co/npm/oipage.png?downloads=true&amp;downloadRank=true&amp;stars=true" alt="NPM">
+
+# [OIPage](https://github.com/oi-contrib/OIPage)
+前端网页或应用快速开发助手，包括开发服务器、辅助命令、实用API等。官网地址：[https://oi-contrib.github.io/OIPage](https://oi-contrib.github.io/OIPage)
+
+## 如何使用？
+
+你可以作为一个命令行使用，那么你需要全局安装：
+
+```shell
+npm install -g oipage
+```
+
+也可以作为项目开发中的一个功能加强，在 package.json 中配置命令或nodejs文件中引入需要的模块使用，那么就在项目中执行安装命令：
+
+```shell
+npm install oipage --save
+```
+
+安装后，就可以直接作为命令行使用了。你可以打印帮助查看：
+
+```shell
+oipage-cli
+```
+
+比如会出现类似下列内容：
+
+```
+OIPage@v1.2.0
+
+可以使用的命令如下：
+
+【1】oipage-cli serve 开发服务器
+    --port|-p 端口号
+    --baseUrl 服务器根目录
+......
+```
+
+根据提示我们知道，比如第一个命令，其提供了一个快速访问本地资源服务器的功能，比如执行：
+
+```shell
+oipage-cli serve -p 8080
+```
+
+启动成功后，直接访问： http://localhost:8080/ 即可。
+
+如果你需要在项目中使用，我们也提供了一些有用的API，具体可以访问[ 在线文档 ](https://oi-contrib.github.io/OIPage)进行了解。
+
+## 应用市场
+
+为了方便日常使用，内置了一个应用市场网站，比如有如下功能：群聊天、图片编辑器等。
+
+已有功能或更多功能我们将根据实际情况逐步完善和维护，当然，你可以通过 [issue](https://github.com/oi-contrib/OIPage/issues) 给我们留言，告诉我们你的改进意见。
+
+## 版权
+
+MIT License
+
+Copyright (c) [zxl20070701](https://zxl20070701.github.io/notebook/home.html) 走一步，再走一步

package/bin/help.js

@@ -1,46 +1,49 @@
-const packageValue = require("../package.json");
-
-module.exports = function () {
-    console.log(`\x1b[36m
-OIPage@v${packageValue.version}
-
-可以使用的命令如下：
-
-【1】oipage-cli serve 开发服务器
-    --port|-p [端口号]
-        默认8080
-    --baseUrl [文件夹地址]
-        服务器根目录
-    --config|-c [配置文件地址]
-        设置配置文件，相对地址是相对当前命令行
-    --cache [true|false]
-        是否启用304（默认true表示开启）
-    （eg: oipage-cli serve -p 20000 ）
-    --proxy [转发前缀] [转发地址]
-    （注意：转发前缀会被替换为空，相当于设置了 pathRewrite: { '^/demo': '' }）
-
-【2】oipage-cli disk 磁盘操作
-    --force|-f 
-        强制执行，如果目标地址已有内容，会直接强制删除已有内容
-    --delete|-d [文件或文件夹地址]
-        删除文件或文件夹
-    --delempty [文件夹地址]
-        删除空文件夹
-    --move|-m [源地址] [软链接地址]
-        移动文件或文件夹
-    --copy|-c [源地址] [目标地址]
-        复制文件或文件夹
-    --link|-l [源地址] [软链接地址]
-        创建磁盘链接
-    （eg: oipage-cli disk -m ./test.js ~/test.js -f ）
-
-【3】oipage-cli run "任务一" "任务二" ... 运行多命令
-    ( 如果希望动态给任务传递参数，可以查看： https://github.com/oi-contrib/OIPage/issues/5 )
-
-【4】oipage-cli network 网络相关
-    --log 
-        打印网络信息
-    （eg: oipage-cli network --log ）
-\x1b[0m`);
-
+const packageValue = require("../package.json");
+
+module.exports = function () {
+    console.log(`\x1b[36m
+OIPage@v${packageValue.version}
+
+可以使用的命令如下：
+
+【1】oipage-cli serve 开发服务器
+    --port|-p [端口号]
+        默认8080
+    --baseUrl [文件夹地址]
+        服务器根目录
+    --open
+        自动打开浏览器
+    （也可以设置打开地址，比如 oipage-cli serve --open docs/index.html）
+    --config|-c [配置文件地址]
+        设置配置文件，相对地址是相对当前命令行
+    --cache [true|false]
+        是否启用304（默认true表示开启）
+    （eg: oipage-cli serve -p 20000 ）
+    --proxy [转发前缀] [转发地址]
+    （注意：转发前缀会被替换为空，相当于设置了 pathRewrite: { '^/demo': '' }）
+
+【2】oipage-cli disk 磁盘操作
+    --force|-f 
+        强制执行，如果目标地址已有内容，会直接强制删除已有内容
+    --delete|-d [文件或文件夹地址]
+        删除文件或文件夹
+    --delempty [文件夹地址]
+        删除空文件夹
+    --move|-m [源地址] [软链接地址]
+        移动文件或文件夹
+    --copy|-c [源地址] [目标地址]
+        复制文件或文件夹
+    --link|-l [源地址] [软链接地址]
+        创建磁盘链接
+    （eg: oipage-cli disk -m ./test.js ~/test.js -f ）
+
+【3】oipage-cli run "任务一" "任务二" ... 运行多命令
+    ( 如果希望动态给任务传递参数，可以查看： https://github.com/oi-contrib/OIPage/issues/5 )
+
+【4】oipage-cli network 网络相关
+    --log 
+        打印网络信息
+    （eg: oipage-cli network --log ）
+\x1b[0m`);
+
 };

package/bin/run

@@ -22,6 +22,7 @@ if (process.argv[2] === "serve") {
         devServer: {
             port: 8080,
             baseUrl: "./",
+            open: false,
             cache: true,
             proxy: {},
             intercept: []
@@ -50,9 +51,10 @@ if (process.argv[2] === "serve") {
         }
     }
 
-    if ((argvObj["--port"] || [])[0]) config.devServer.port = (argvObj["--port"] || [])[0];
-    if ((argvObj["--baseUrl"] || [])[0]) config.devServer.baseUrl = (argvObj["--baseUrl"] || [])[0];
-    if ((argvObj["--cache"] || [])[0]) config.devServer.cache = (argvObj["--cache"] || [])[0] === "true";
+    if (argvObj["--port"]) config.devServer.port = argvObj["--port"][0];
+    if (argvObj["--baseUrl"]) config.devServer.baseUrl = argvObj["--baseUrl"][0];
+    if (argvObj["--cache"]) config.devServer.cache = argvObj["--cache"][0] === "true";
+    if (argvObj["--open"]) config.devServer.open = argvObj["--open"][0] || true;
 
     require("./serve.js")(config);
 }

package/bin/serve.d.ts

@@ -1,65 +1,72 @@
-
-interface DevServerType {
-
-    /**
-     * 服务器端口号
-     */
-    port: number
-
-    /**
-     * 服务器根路径
-     */
-    baseUrl: string
-
-    /**
-     * 是否开启304缓存，默认开启
-     */
-    cache: boolean
-
-    intercept?: Array<InterceptType>
-
-    proxy?: {
-        [key: string]: {
-            target: string
-            pathRewrite?: {
-                [key: string]: string
-            }
-        }
-    }
-}
-
-interface InterceptType {
-    test: RegExp
-    handler(request: any, response: any): void
-}
-
-interface LoaderType {
-    (source: string): string
-}
-
-interface ConfigType {
-
-    /**
-     * 服务器名称
-     */
-    name?: string
-
-    /**
-     * 服务器版本
-     */
-    version?: string
-
-    /**
-     * 服务器运行配置
-     */
-    devServer: DevServerType
-
-    module?: {
-        rules: Array<{
-            test: RegExp
-            use: LoaderType
-        }>
-    }
-}
-
+
+interface DevServerType {
+
+    /**
+     * 是否自动打开浏览器，默认false，true表示打开
+     * 
+     * 也可以是一段地址，比如设置open=“docs/index.html”
+     */
+    open?: boolean | string
+
+    /**
+     * 服务器端口号
+     */
+    port: number
+
+    /**
+     * 服务器根路径
+     */
+    baseUrl: string
+
+    /**
+     * 是否开启304缓存，默认开启
+     */
+    cache: boolean
+
+    intercept?: Array<InterceptType>
+
+    proxy?: {
+        [key: string]: {
+            target: string
+            pathRewrite?: {
+                [key: string]: string
+            }
+        }
+    }
+}
+
+interface InterceptType {
+    test: RegExp
+    handler(request: any, response: any): void
+}
+
+interface LoaderType {
+    (source: string): string
+}
+
+interface ConfigType {
+
+    /**
+     * 服务器名称
+     */
+    name?: string
+
+    /**
+     * 服务器版本
+     */
+    version?: string
+
+    /**
+     * 服务器运行配置
+     */
+    devServer: DevServerType
+
+    module?: {
+        rules: Array<{
+            test: RegExp
+            use: LoaderType
+        }>
+    }
+}
+
 export default function (config?: ConfigType): void

package/bin/serve.js

@@ -6,6 +6,7 @@ const network = require("./tools/network.js");
 const mineTypes = require("./data/mineTypes.json");
 const resolve404 = require("./tools/resolve404.js");
 const resolveImportFactory = require("./tools/resolveImport.js");
+const openBrowser = require("./tools/openBrowser.js");
 const { doIntercept } = require("./intercept.js");
 const proxy = require("./proxy.js");
 
@@ -175,6 +176,13 @@ module.exports = function (config) {
     for (let ipv4Item of networkValue.IPv4) console.log('<i> \x1b[1m\x1b[32m[' + name + '] On Your Network (IPv4):\x1b[36m http://' + ipv4Item.address + ':' + port + '/\x1b[0m');
     for (let ipv6Item of networkValue.IPv6) console.log('<i> \x1b[1m\x1b[32m[' + name + '] On Your Network (IPv6): \x1b[36mhttp://[' + ipv6Item.address + ']:' + port + '/\x1b[0m');
     console.log('<i> \x1b[1m\x1b[32m[' + name + '] Content not from ' + (config.name || "OIPage") + ' is served from \x1b[36m"' + basePath + '" \x1b[0mdirectory');
+
+    if (typeof config.devServer.open === "string" || config.devServer.open) {
+        let url = 'http://localhost:' + port + "/" + (typeof config.devServer.open === "string" ? config.devServer.open : "");
+        openBrowser(url);
+        console.log('<i> \x1b[1m\x1b[32m[' + name + '] Open: \x1b[36m' + url + '\x1b[0m');
+    }
+
     if (!cache) console.log('<i> \x1b[1m\x1b[32m[' + name + '] Cancel 304 Cache!\x1b[0m');
-    console.log('\n' + (config.name || "OIPage") + ' ' + version + ' compiled \x1b[1m\x1b[32msuccessfully\x1b[0m in ' + (new Date().valueOf() - startTime) + ' ms\n')
+    console.log('\n' + (config.name || "OIPage") + ' ' + version + ' compiled \x1b[1m\x1b[32msuccessfully\x1b[0m in ' + (new Date().valueOf() - startTime) + ' ms\n');
 };

package/bin/tools/openBrowser.js

@@ -0,0 +1,26 @@
+const { exec } = require('child_process');
+const os = require('os');
+
+module.exports = function (url) {
+    const platform = os.platform();
+    let command;
+
+    switch (platform) {
+        case 'win32': // Windows
+            command = `start ${url}`;
+            break;
+        case 'darwin': // macOS
+            command = `open ${url}`;
+            break;
+        default: // Linux及其他
+            command = `xdg-open ${url}`;
+    }
+
+    exec(command, (error) => {
+        if (error) {
+            console.error(`无法打开浏览器: ${error}`);
+        } else {
+            // todo
+        }
+    });
+}

package/bin/website-htmls/pages/appStore/index.html

@@ -2,24 +2,5 @@
     <header>
         应用市场
     </header>
-    <ul>
-        <li z-on:click.prevent="goto" tag="chart">
-            <img src="./images/chart.png" />
-            <h2>
-                群聊天
-            </h2>
-        </li>
-        <li z-on:click="goto" tag="image-editor">
-            <img src="./images/image-editor.png" />
-            <h2>
-                图片编辑器
-            </h2>
-        </li>
-        <li z-on:click="goto" tag="img-to-pdf">
-            <img src="./images/img-to-pdf.svg" />
-            <h2>
-                图片转PDF
-            </h2>
-        </li>
-    </ul>
+    <router></router>
 </div>

package/bin/website-htmls/pages/appStore/index.scss

@@ -1,42 +1,44 @@
-.appstore-view {
-
-    header {
-        height: 50px;
-        line-height: 50px;
-        background-color: white;
-        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
-        background-image: url("./images/logo.png");
-        background-size: auto 90%;
-        background-repeat: no-repeat;
-        background-position-x: 5px;
-        padding-left: 50px;
-        font-size: 18px;
-        font-weight: 800;
-    }
-
-    ul {
-        text-align: center;
-        padding: 50px 0;
-
-        &>li {
-            display: inline-block;
-            margin: 0 10px;
-
-            &:hover {
-                text-decoration: underline;
-                cursor: pointer;
-            }
-
-            &>img {
-                border-radius: 10px;
-                width: 70px;
-            }
-
-            &>h2 {
-                font-size: 14px;
-                line-height: 2em;
-            }
-        }
-    }
-
+.appstore-view {
+
+    header {
+        height: 50px;
+        line-height: 50px;
+        background-color: white;
+        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
+        background-image: url("./images/logo.png");
+        background-size: auto 90%;
+        background-repeat: no-repeat;
+        background-position-x: 5px;
+        padding-left: 50px;
+        font-size: 18px;
+        font-weight: 800;
+    }
+
+    ul {
+        text-align: left;
+        padding: 20px 10px;
+
+        &>li {
+            text-align: center;
+            display: inline-block;
+            margin: 10px;
+            width: 90px;
+
+            &:hover {
+                text-decoration: underline;
+                cursor: pointer;
+            }
+
+            &>img {
+                border-radius: 10px;
+                width: 50px;
+            }
+
+            &>h2 {
+                font-size: 14px;
+                line-height: 2em;
+            }
+        }
+    }
+
 }

package/bin/website-htmls/pages/chart/index.scss

@@ -2,13 +2,14 @@
     &>.content {
         position: fixed;
         width: 350px;
-        height: calc(100% - 130px);
+        height: calc(100% - 150px);
         border: 2px solid #000000;
         left: 50%;
-        top: 50px;
+        top: 100px;
         transform: translateX(-50%);
         padding: 5px;
         overflow: auto;
+        border-radius: 10px 10px 0 0;
 
         &::-webkit-scrollbar {
             width: 0;

package/bin/website-htmls/pages/home/index.html

@@ -0,0 +1,22 @@
+<div class="home-view">
+    <ul>
+        <li z-on:click.prevent="goto" tag="chart">
+            <img src="./images/chart.png" />
+            <h2>
+                群聊天
+            </h2>
+        </li>
+        <li z-on:click="goto" tag="image-editor">
+            <img src="./images/image-editor.png" />
+            <h2>
+                图片编辑器
+            </h2>
+        </li>
+        <li z-on:click="goto" tag="img-to-pdf">
+            <img src="./images/img-to-pdf.svg" />
+            <h2>
+                图片转PDF
+            </h2>
+        </li>
+    </ul>
+</div>

package/bin/website-htmls/pages/home/index.js

@@ -0,0 +1,20 @@
+import { defineElement, ref } from "zipaper"
+import template from "./index.html"
+import style from "./index.scss"
+
+export default defineElement({
+    template,
+    data() {
+        return {
+
+        }
+    },
+    methods: {
+        goto(event, target) {
+            this.$goto("/appStore/" + target.getAttribute("tag"))
+        }
+    },
+    style: {
+        content: style
+    }
+})

package/bin/website-htmls/pages/home/index.scss

@@ -0,0 +1,29 @@
+.home-view {
+    ul {
+        text-align: left;
+        padding: 20px 10px;
+
+        &>li {
+            text-align: center;
+            display: inline-block;
+            margin: 10px;
+            width: 90px;
+
+            &:hover {
+                text-decoration: underline;
+                cursor: pointer;
+            }
+
+            &>img {
+                border-radius: 10px;
+                width: 50px;
+            }
+
+            &>h2 {
+                font-size: 14px;
+                line-height: 2em;
+            }
+        }
+    }
+
+}

package/bin/website-htmls/pages/image-editor/index.scss

@@ -1,6 +1,9 @@
 .image-editor-view {
+    position: relative;
+    padding-top: 100px;
+
     &>.menu {
-        position: fixed;
+        position: absolute;
         left: 50%;
         top: 5px;
         transform: translateX(-50%);
@@ -28,7 +31,6 @@
 
     &>.content {
         text-align: center;
-        margin-top: 100px;
 
         #drawId {
             display: inline-block;

package/bin/website-htmls/router.config.js

@@ -7,14 +7,21 @@ export default defineRouter({
     }, {
         path: "/appStore",
         component: () => import("./pages/appStore/index.js"),
-    }, {
-        path: "/chart",
-        component: () => import("./pages/chart/index.js"),
-    }, {
-        path: "/image-editor",
-        component: () => import("./pages/image-editor/index.js"),
-    }, {
-        path: "/img-to-pdf",
-        component: () => import("./pages/img-to-pdf/index.js"),
+        children: [{
+            path: "/",
+            redirect: "/home"
+        }, {
+            path: "/home",
+            component: () => import("./pages/home/index.js"),
+        }, {
+            path: "/chart",
+            component: () => import("./pages/chart/index.js"),
+        }, {
+            path: "/image-editor",
+            component: () => import("./pages/image-editor/index.js"),
+        }, {
+            path: "/img-to-pdf",
+            component: () => import("./pages/img-to-pdf/index.js"),
+        }]
     }]
 })

package/nodejs/animation/index.js

@@ -1,5 +1,5 @@
 /*!
-* animation of OIPage v1.7.0-rc.0
+* animation of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 
@@ -43,13 +43,13 @@ function animation(doback, duration, callback) {
         //开启唯一的定时器timerId
         "start": function () {
             if (!$timerId) {
-                if (!globalThis.requestAnimationFrame) {
-                    $timerId = setInterval(clock.tick, $interval);
-                } else {
+                if (globalThis && globalThis.requestAnimationFrame) {
                     $timerId = globalThis.requestAnimationFrame(function step() {
                         clock.tick();
                         if ($timerId) $timerId = globalThis.requestAnimationFrame(step);
                     });
+                } else {
+                    $timerId = setInterval(clock.tick, $interval);
                 }
             }
         },
@@ -88,8 +88,8 @@ function animation(doback, duration, callback) {
         //停止定时器，重置timerId=null
         "stop": function () {
             if ($timerId) {
-                if (!globalThis.requestAnimationFrame) clearInterval($timerId);
-                else globalThis.cancelAnimationFrame($timerId);
+                if (globalThis && globalThis.requestAnimationFrame) globalThis.cancelAnimationFrame($timerId);
+                else clearInterval($timerId);
                 $timerId = null;
             }
         }

package/nodejs/cmdlog/index.js

@@ -1,5 +1,5 @@
 /*!
-* cmdlog of OIPage v1.7.0-rc.0
+* cmdlog of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/disk/index.js

@@ -1,5 +1,5 @@
 /*!
-* disk of OIPage v1.7.0-rc.0
+* disk of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/format/index.js

@@ -1,5 +1,5 @@
 /*!
-* format of OIPage v1.7.0-rc.0
+* format of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/json/index.js

@@ -1,5 +1,5 @@
 /*!
-* json of OIPage v1.7.0-rc.0
+* json of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 const {reader} = require("../reader/index.js");

package/nodejs/logform/index.js

@@ -1,5 +1,5 @@
 /*!
-* logform of OIPage v1.7.0-rc.0
+* logform of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 const {linelog} = require("../cmdlog/index.js");

package/nodejs/reader/index.js

@@ -1,5 +1,5 @@
 /*!
-* reader of OIPage v1.7.0-rc.0
+* reader of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/throttle/index.js

@@ -1,5 +1,5 @@
 /*!
-* throttle of OIPage v1.7.0-rc.0
+* throttle of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oipage",
-  "version": "1.7.0-rc.0",
+  "version": "1.8.0-alpha.0",
   "description": "前端网页或应用快速开发助手，包括开发服务器、辅助命令、实用API等",
   "sideEffects": false,
   "typings": "./types/index.d.ts",

package/web/XMLHttpRequest/index.js

@@ -1,5 +1,5 @@
 /*!
-* XMLHttpRequest of OIPage v1.7.0-rc.0
+* XMLHttpRequest of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/animation/index.js

@@ -1,5 +1,5 @@
 /*!
-* animation of OIPage v1.7.0-rc.0
+* animation of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 
@@ -43,13 +43,13 @@ export function animation(doback, duration, callback) {
         //开启唯一的定时器timerId
         "start": function () {
             if (!$timerId) {
-                if (!globalThis.requestAnimationFrame) {
-                    $timerId = setInterval(clock.tick, $interval);
-                } else {
+                if (globalThis && globalThis.requestAnimationFrame) {
                     $timerId = globalThis.requestAnimationFrame(function step() {
                         clock.tick();
                         if ($timerId) $timerId = globalThis.requestAnimationFrame(step);
                     });
+                } else {
+                    $timerId = setInterval(clock.tick, $interval);
                 }
             }
         },
@@ -88,8 +88,8 @@ export function animation(doback, duration, callback) {
         //停止定时器，重置timerId=null
         "stop": function () {
             if ($timerId) {
-                if (!globalThis.requestAnimationFrame) clearInterval($timerId);
-                else globalThis.cancelAnimationFrame($timerId);
+                if (globalThis && globalThis.requestAnimationFrame) globalThis.cancelAnimationFrame($timerId);
+                else clearInterval($timerId);
                 $timerId = null;
             }
         }

package/web/format/index.js

@@ -1,5 +1,5 @@
 /*!
-* format of OIPage v1.7.0-rc.0
+* format of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/json/index.js

@@ -1,5 +1,5 @@
 /*!
-* json of OIPage v1.7.0-rc.0
+* json of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 import {reader} from "../reader/index.js";

package/web/onReady/index.js

@@ -1,5 +1,5 @@
 /*!
-* onReady of OIPage v1.7.0-rc.0
+* onReady of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/performChunk/index.js

@@ -1,5 +1,5 @@
 /*!
-* performChunk of OIPage v1.7.0-rc.0
+* performChunk of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/reader/index.js

@@ -1,5 +1,5 @@
 /*!
-* reader of OIPage v1.7.0-rc.0
+* reader of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/style/index.js

@@ -1,5 +1,5 @@
 /*!
-* style of OIPage v1.7.0-rc.0
+* style of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/throttle/index.js

@@ -1,5 +1,5 @@
 /*!
-* throttle of OIPage v1.7.0-rc.0
+* throttle of OIPage v1.8.0-alpha.0
 * git+https://github.com/oi-contrib/OIPage.git
 */