oipage 0.1.0-alpha.1 → 0.1.0-alpha.2

package/stylecss/rasterize.css

@@ -0,0 +1,318 @@
+.container .row {
+    font-size: 0;
+}
+
+.container .row>.col-size-1,
+.container .row>.col-xs-1,
+.container .row>.col-sm-1,
+.container .row>.col-md-1,
+.container .row>.col-lg-1,
+.container .row>.col-size-2,
+.container .row>.col-xs-2,
+.container .row>.col-sm-2,
+.container .row>.col-md-2,
+.container .row>.col-lg-2,
+.container .row>.col-size-3,
+.container .row>.col-xs-3,
+.container .row>.col-sm-3,
+.container .row>.col-md-3,
+.container .row>.col-lg-3,
+.container .row>.col-size-4,
+.container .row>.col-xs-4,
+.container .row>.col-sm-4,
+.container .row>.col-md-4,
+.container .row>.col-lg-4,
+.container .row>.col-size-5,
+.container .row>.col-xs-5,
+.container .row>.col-sm-5,
+.container .row>.col-md-5,
+.container .row>.col-lg-5,
+.container .row>.col-size-6,
+.container .row>.col-xs-6,
+.container .row>.col-sm-6,
+.container .row>.col-md-6,
+.container .row>.col-lg-6,
+.container .row>.col-size-7,
+.container .row>.col-xs-7,
+.container .row>.col-sm-7,
+.container .row>.col-md-7,
+.container .row>.col-lg-7,
+.container .row>.col-size-8,
+.container .row>.col-xs-8,
+.container .row>.col-sm-8,
+.container .row>.col-md-8,
+.container .row>.col-lg-8,
+.container .row>.col-size-9,
+.container .row>.col-xs-9,
+.container .row>.col-sm-9,
+.container .row>.col-md-9,
+.container .row>.col-lg-9,
+.container .row>.col-size-10,
+.container .row>.col-xs-10,
+.container .row>.col-sm-10,
+.container .row>.col-md-10,
+.container .row>.col-lg-10,
+.container .row>.col-size-11,
+.container .row>.col-xs-11,
+.container .row>.col-sm-11,
+.container .row>.col-md-11,
+.container .row>.col-lg-11,
+.container .row>.col-size-12,
+.container .row>.col-xs-12,
+.container .row>.col-sm-12,
+.container .row>.col-md-12,
+.container .row>.col-lg-12 {
+    vertical-align: top;
+    display: inline-block;
+    width: 100%;
+    font-size: 16px;
+    position: relative;
+}
+
+.container .row>.col-size-12 {
+    width: 100%;
+}
+
+.container .row>.col-size-11 {
+    width: 91.66666667%;
+}
+
+.container .row>.col-size-10 {
+    width: 83.33333333%;
+}
+
+.container .row>.col-size-9 {
+    width: 75%;
+}
+
+.container .row>.col-size-8 {
+    width: 66.66666667%;
+}
+
+.container .row>.col-size-7 {
+    width: 58.33333333%;
+}
+
+.container .row>.col-size-6 {
+    width: 50%;
+}
+
+.container .row>.col-size-5 {
+    width: 41.66666667%;
+}
+
+.container .row>.col-size-4 {
+    width: 33.33333333%;
+}
+
+.container .row>.col-size-3 {
+    width: 25%;
+}
+
+.container .row>.col-size-2 {
+    width: 16.66666667%;
+}
+
+.container .row>.col-size-1 {
+    width: 8.33333333%;
+}
+
+@media (max-width: 768px) {
+    .container .row>.col-xs-12 {
+        width: 100%;
+    }
+
+    .container .row>.col-xs-11 {
+        width: 91.66666667%;
+    }
+
+    .container .row>.col-xs-10 {
+        width: 83.33333333%;
+    }
+
+    .container .row>.col-xs-9 {
+        width: 75%;
+    }
+
+    .container .row>.col-xs-8 {
+        width: 66.66666667%;
+    }
+
+    .container .row>.col-xs-7 {
+        width: 58.33333333%;
+    }
+
+    .container .row>.col-xs-6 {
+        width: 50%;
+    }
+
+    .container .row>.col-xs-5 {
+        width: 41.66666667%;
+    }
+
+    .container .row>.col-xs-4 {
+        width: 33.33333333%;
+    }
+
+    .container .row>.col-xs-3 {
+        width: 25%;
+    }
+
+    .container .row>.col-xs-2 {
+        width: 16.66666667%;
+    }
+
+    .container .row>.col-xs-1 {
+        width: 8.33333333%;
+    }
+}
+
+@media (min-width: 768px) {
+    .container .row>.col-sm-12 {
+        width: 100%;
+    }
+
+    .container .row>.col-sm-11 {
+        width: 91.66666667%;
+    }
+
+    .container .row>.col-sm-10 {
+        width: 83.33333333%;
+    }
+
+    .container .row>.col-sm-9 {
+        width: 75%;
+    }
+
+    .container .row>.col-sm-8 {
+        width: 66.66666667%;
+    }
+
+    .container .row>.col-sm-7 {
+        width: 58.33333333%;
+    }
+
+    .container .row>.col-sm-6 {
+        width: 50%;
+    }
+
+    .container .row>.col-sm-5 {
+        width: 41.66666667%;
+    }
+
+    .container .row>.col-sm-4 {
+        width: 33.33333333%;
+    }
+
+    .container .row>.col-sm-3 {
+        width: 25%;
+    }
+
+    .container .row>.col-sm-2 {
+        width: 16.66666667%;
+    }
+
+    .container .row>.col-sm-1 {
+        width: 8.33333333%;
+    }
+}
+
+@media (min-width: 992px) {
+    .container .row>.col-md-12 {
+        width: 100%;
+    }
+
+    .container .row>.col-md-11 {
+        width: 91.66666667%;
+    }
+
+    .container .row>.col-md-10 {
+        width: 83.33333333%;
+    }
+
+    .container .row>.col-md-9 {
+        width: 75%;
+    }
+
+    .container .row>.col-md-8 {
+        width: 66.66666667%;
+    }
+
+    .container .row>.col-md-7 {
+        width: 58.33333333%;
+    }
+
+    .container .row>.col-md-6 {
+        width: 50%;
+    }
+
+    .container .row>.col-md-5 {
+        width: 41.66666667%;
+    }
+
+    .container .row>.col-md-4 {
+        width: 33.33333333%;
+    }
+
+    .container .row>.col-md-3 {
+        width: 25%;
+    }
+
+    .container .row>.col-md-2 {
+        width: 16.66666667%;
+    }
+
+    .container .row>.col-md-1 {
+        width: 8.33333333%;
+    }
+}
+
+@media (min-width: 1200px) {
+    .container .row>.col-lg-12 {
+        width: 100%;
+    }
+
+    .container .row>.col-lg-11 {
+        width: 91.66666667%;
+    }
+
+    .container .row>.col-lg-10 {
+        width: 83.33333333%;
+    }
+
+    .container .row>.col-lg-9 {
+        width: 75%;
+    }
+
+    .container .row>.col-lg-8 {
+        width: 66.66666667%;
+    }
+
+    .container .row>.col-lg-7 {
+        width: 58.33333333%;
+    }
+
+    .container .row>.col-lg-6 {
+        width: 50%;
+    }
+
+    .container .row>.col-lg-5 {
+        width: 41.66666667%;
+    }
+
+    .container .row>.col-lg-4 {
+        width: 33.33333333%;
+    }
+
+    .container .row>.col-lg-3 {
+        width: 25%;
+    }
+
+    .container .row>.col-lg-2 {
+        width: 16.66666667%;
+    }
+
+    .container .row>.col-lg-1 {
+        width: 8.33333333%;
+    }
+}

package/stylecss/skeleton.css

@@ -0,0 +1,16 @@
+@keyframes stylecss-skeleton_animation {
+    0% {
+        background-position: 100% 50%
+    }
+
+    to {
+        background-position: 0 50%
+    }
+}
+
+.stylecss-skeleton_item,
+.stylecss-skeleton * {
+    background: linear-gradient(to right, #F3F3F6 8%, #cdcecf 18%, #F3F3F6 33%);
+    background-size: 400% 100%;
+    animation: stylecss-skeleton_animation 2s ease infinite;
+}

package/types/get-options.d.ts

@@ -0,0 +1,6 @@
+export default interface getOptionsType {
+
+    // 返回数据是否是json
+    json?: boolean
+
+}

package/types/index.d.ts

@@ -0,0 +1,187 @@
+import getOptionsType from './get-options'
+
+export default class OIPage {
+
+    /**
+     * 命令行参数解析
+     * @param shortHands 
+     * @param argv 
+     */
+    static options(shortHands: any, argv: any): any
+
+    /**
+     * 删除文件或文件夹
+     * @param target 
+     */
+    static deleteSync(target: string): void
+
+    /**
+     * 复制文件或文件夹
+     * @param source 
+     * @param target 
+     */
+    static copySync(source: string, target: string): void
+
+    /**
+     * 移动文件或文件夹
+     * @param source 
+     * @param target 
+     */
+    static moveSync(source: string, target: string): void
+
+    /**
+     * 遍历当前文件或文件夹中所有文件
+     * @param source 
+     * @param callback 
+     */
+    static listFileSync(source: string, callback: (fileInfo: {
+        name: string,
+        path: string,
+        folder: string
+    }) => void): void
+
+    /**
+     * 获取文件或文件夹的全路径
+     * @param pathString 需要变成全路径的路径
+     * @param contextPath 拼接上下文路径，可选，默认当前命令行路径
+     * @returns {path} 返回拼接的全路径
+     */
+    static fullPathSync(pathString: string, contextPath?: string): string
+
+    /**
+     * 图片变成base64字符串
+     * @param filepath 图片地址
+     */
+    static toBase64(filepath: string): string
+
+    /**
+     * 日志打印
+     * @param txt 
+     */
+    static log(txt: string): void
+
+    /**
+     * 提醒打印
+     * @param txt 
+     */
+    static warn(txt: string): void
+
+    /**
+     * 警告打印
+     * @param txt 
+     */
+    static error(txt: string): void
+
+    /**
+     * 单行打印
+     * @param txt 
+     */
+    static linelog(txt: string): void
+
+    /**
+     * 进度打印
+     * @param percentum 
+     * @param txt 
+     */
+    static deeplog(percentum: number, txt?: string): void
+
+    /**
+     * 进度打印（已废弃，请用deeplog代替）
+     * @param percentum 
+     * @param txt 
+     */
+    static process(percentum: number, txt?: string): void
+
+    /**
+     * Get 请求
+     * @param url 
+     * @param options 
+     */
+    static get(url: string, options?: getOptionsType): Promise<any>
+
+    /**
+     * Post 请求
+     * @param url 
+     * @param options 
+     */
+    static post(url: string, options?: getOptionsType): Promise<any>
+
+    /**
+     * 获取本机网络信息
+     */
+    static network(): any
+
+    /**
+     * 文件类型
+     */
+    static mimeTypes(): { [name: string]: string }
+
+    /**
+     * 服务器
+     */
+    static server(config: {
+
+        /**
+         * 端口号
+         * 
+         * 默认值：20000
+         */
+        port?: number
+
+        /**
+         * 服务器根地址
+         * 
+         * 默认值：./
+         */
+        basePath?:string
+
+        /**
+         * 配置转发，可以任意多个
+         */
+        proxy?: Array<any>
+
+        /**
+         * 自定义拦截，如果返回true表示此次请求自定义处理
+         */
+        handler?: (request, response) => boolean
+
+        /**
+         * 表示缺省后缀
+         * 
+         * 默认值：[".html",".htm",".js",".json"]
+         */
+        suffixs?: Array<string>
+    }): void
+
+    /**
+     * scss文件转css（只支持部分scss语法）
+     * @param source 
+     */
+    static simpleScss(source: string): string
+
+    /**
+     * xhtml文件解析成json对象
+     * @param source 
+     */
+    static xhtml(source: string): Array<{
+        type: string,
+        name: string,
+        attrs: {
+            [key: string]: string
+        },
+        __deep__: number,
+        __tagType__: string,
+        childNodes: Array<number>,
+        preNode: null | number,
+        nextNode: null | number,
+        parentNode: null | number
+    } | {
+        type: string,
+        content: string,
+        __deep__: number,
+        childNodes: Array<number>,
+        preNode: null | number,
+        nextNode: null | number,
+        parentNode: null | number
+    }>
+}

package/public/index.html

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-cn">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-</head>
-
-<body>
-
-</body>
-
-</html>

package/script/command/build.js

@@ -1,22 +0,0 @@
-const Webpack = require("webpack");
-const { log } = require("devby");
-
-const getWebpackConfig = require("../config/webpack");
-
-module.exports = function (parsed) {
-    const webpackConfig = getWebpackConfig(parsed);
-
-    // https://webpack.docschina.org/api/node/#webpack
-    const compiler = Webpack(webpackConfig);
-
-    compiler.run((err, stats) => {
-        if (err || stats.hasErrors()) {
-            console.error(err || stats.toJson().errors);
-        }
-
-        log("<日志> [OIPage] 打包完成：" + webpackConfig.output.path.replace(process.cwd(), '.') + "\n")
-        compiler.close((closeErr) => {
-            if (closeErr) console.error(closeErr);
-        });
-    });
-};

package/script/command/dev.js

@@ -1,38 +0,0 @@
-const Webpack = require("webpack");
-const WebpackDevServer = require("webpack-dev-server");
-const { log } = require("devby");
-
-const getWebpackConfig = require("../config/webpack");
-
-module.exports = function (parsed) {
-    const webpackConfig = getWebpackConfig(parsed);
-
-    if (parsed.platform == "h5") {
-        const compiler = Webpack(webpackConfig);
-
-        // https://webpack.docschina.org/api/webpack-dev-server
-        const server = new WebpackDevServer(webpackConfig.devServer, compiler);
-
-        server.start().then(function () {
-            // todo
-        });
-    } else {
-        const compiler = Webpack(webpackConfig);
-
-        const watching = compiler.watch(webpackConfig.watchOptions, (err, stats) => {
-            if (err || stats.hasErrors()) {
-                console.error(err || stats.toJson().errors);
-            }
-
-            // 编译成功后的逻辑
-            console.log(stats.toString({ colors: true }));
-        });
-
-        watching.close((closeErr) => {
-            if (closeErr) console.error(closeErr);
-            log("<日志> [OIPage] 退出监听：" + parsed.platform + "\n");
-        });
-
-    }
-
-};

package/script/config/alignment.js

@@ -1,15 +0,0 @@
-
-// 对齐命令行解析后的参数
-exports.command = function (parsed) {
-    return {
-
-        // 生产还是开发
-        mode: Array.isArray(parsed.build) ? "production" : "development",
-
-        // 平台
-        platform: (Array.isArray(parsed.build) ? parsed.build[0] : parsed.dev[0]) || "h5",
-
-        // 项目根目录
-        root: (Array.isArray(parsed.root) && parsed.root[0]) ? parsed.root[0] : "./"
-    };
-};

package/script/config/webpack.js

@@ -1,60 +0,0 @@
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
-module.exports = function (parsed) {
-
-    const config = {
-        entry: path.resolve(process.cwd(), parsed.root, "./src/app.js"),
-        mode: parsed.mode,
-        plugins: []
-    };
-
-    // 开发模式
-    if (parsed.mode == "development") {
-
-        // H5环境
-        if (parsed.platform == "h5") {
-            config.devServer = {
-                open: false,
-                host: '0.0.0.0',
-                port: 8080,
-                hot: true,
-                compress: false,
-                historyApiFallback: true
-            };
-        }
-
-        // 其它环境
-        else {
-            config.output = {
-                path: path.resolve(process.cwd(), parsed.root, "./dist/dev/" + parsed.platform),
-                clean: false
-            };
-
-            config.watchOptions = {
-                aggregateTimeout: 600, // 当第一个文件更改，会在重新构建前增加延迟
-                poll: 5007, // 指定毫秒为单位进行轮询
-                ignored: ['**/node_modules'], // 排除像 node_modules 如此庞大的文件夹
-            };
-        }
-
-    }
-
-    // 生产模式
-    else {
-        config.output = {
-            path: path.resolve(process.cwd(), parsed.root, "./dist/build/" + parsed.platform),
-            clean: true
-        };
-    }
-
-    // H5环境
-    if (parsed.platform == "h5") {
-        config.plugins.push(new HtmlWebpackPlugin({
-            template: path.resolve(__dirname, '../../public/index.html'),
-            title: "OIPage"
-        }));
-    }
-
-    return config;
-};