fast-vue-multi-pages 1.0.0

package/dist/esm/other/FastVueMultiFunction.js

@@ -0,0 +1,97 @@
+define(["require", "exports", "tslib", "lodash", "./FastVueMultiBoolean"], function (require, exports, tslib_1, lodash_1, FastVueMultiBoolean_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FastVueMultiFunction = void 0;
+    lodash_1 = tslib_1.__importDefault(lodash_1);
+    var FastVueMultiFunction = /** @class */ (function () {
+        function FastVueMultiFunction() {
+        }
+        /**
+         * 判断目标类型是否为函数
+         * @param source
+         */
+        FastVueMultiFunction.isFunction = function (source) {
+            if (source == null) {
+                return false;
+            }
+            return !!source && typeof source === 'function';
+        };
+        /**
+         * 批量执行函数并获取返回值
+         * @param source 单个函数或函数数组
+         * @param params 执行函数携带的参数
+         */
+        FastVueMultiFunction.run = function (source) {
+            var params = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                params[_i - 1] = arguments[_i];
+            }
+            var result = [];
+            if (this.isFunction(source)) {
+                result.push(source.apply(this, params));
+            }
+            else if (lodash_1.default.isArray(source)) {
+                for (var i = 0; i < source.length; i++) {
+                    result.push(source[i].apply(this, params));
+                }
+            }
+            else if (lodash_1.default.isString(source)) {
+                result.push(eval(source));
+            }
+            if (result.length == 1) {
+                return result[0];
+            }
+            else if (result.length > 1) {
+                return result;
+            }
+            return null;
+        };
+        /**
+         * 按顺序同步执行函数，当其中一个函数返回false时，则终止后续执行
+         * @param source 单个函数或函数数组
+         * @param params 执行函数携带的参数
+         */
+        FastVueMultiFunction.syncRun = function (source) {
+            var params = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                params[_i - 1] = arguments[_i];
+            }
+            return tslib_1.__awaiter(this, void 0, void 0, function () {
+                var i, result;
+                return tslib_1.__generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!lodash_1.default.isArray(source)) return [3 /*break*/, 5];
+                            i = 0;
+                            _a.label = 1;
+                        case 1:
+                            if (!(i < source.length)) return [3 /*break*/, 4];
+                            if (!lodash_1.default.isFunction(source[i])) return [3 /*break*/, 3];
+                            return [4 /*yield*/, source[i].apply(this, params)];
+                        case 2:
+                            result = _a.sent();
+                            if (!FastVueMultiBoolean_1.FastVueMultiBoolean.parse(result, false)) {
+                                return [2 /*return*/];
+                            }
+                            _a.label = 3;
+                        case 3:
+                            i++;
+                            return [3 /*break*/, 1];
+                        case 4: return [3 /*break*/, 6];
+                        case 5:
+                            if (this.isFunction(source)) {
+                                source.apply(this, params);
+                            }
+                            else if (lodash_1.default.isString(source)) {
+                                eval(source);
+                            }
+                            _a.label = 6;
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return FastVueMultiFunction;
+    }());
+    exports.FastVueMultiFunction = FastVueMultiFunction;
+});

package/dist/esm/other/FastVueMultiStore.d.ts

@@ -0,0 +1,13 @@
+export declare class FastVueMultiStore {
+    /**
+     * 设置缓存的值
+     * @param key 键
+     * @param value 值
+     */
+    static setValue(key: string, value: any): void;
+    /**
+     * 获取缓存的值
+     * @param key 键
+     */
+    static getValue(key: string): any;
+}

package/dist/esm/other/FastVueMultiStore.js

@@ -0,0 +1,27 @@
+define(["require", "exports", "tslib", "store2"], function (require, exports, tslib_1, store2_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FastVueMultiStore = void 0;
+    store2_1 = tslib_1.__importDefault(store2_1);
+    var FastVueMultiStore = /** @class */ (function () {
+        function FastVueMultiStore() {
+        }
+        /**
+         * 设置缓存的值
+         * @param key 键
+         * @param value 值
+         */
+        FastVueMultiStore.setValue = function (key, value) {
+            store2_1.default.set(key, value, true);
+        };
+        /**
+         * 获取缓存的值
+         * @param key 键
+         */
+        FastVueMultiStore.getValue = function (key) {
+            return store2_1.default.get(key);
+        };
+        return FastVueMultiStore;
+    }());
+    exports.FastVueMultiStore = FastVueMultiStore;
+});

package/dist/esm/other/FastVueMultiWindow.d.ts

@@ -0,0 +1,21 @@
+export declare class FastVueMultiWindow {
+    /**
+     * 添加window的onLoad事件，如果存在onLoad函数名则进行合并
+     * @param callBack
+     */
+    static addOnLoad(callBack: () => void): void;
+    /**
+     * 添加window的函数，如果存在相同的函数名则进行合并
+     * @param functionName 函数名
+     * @param functionBody 函数执行的代码
+     */
+    static addFunction(functionName: string, functionBody: (params: any) => void): void;
+    /**
+     * 安全的获取窗口宽度，有的手机渲染后document.body.clientWidth 莫明会返回0
+     */
+    static safeGetClientWidth(): number;
+    /**
+     * 安全的获取窗口高度，有的手机渲染后document.body.clientHeight 莫明会返回0
+     */
+    static safeGetClientHeight(): number;
+}

package/dist/esm/other/FastVueMultiWindow.js

@@ -0,0 +1,57 @@
+define(["require", "exports", "tslib", "lodash"], function (require, exports, tslib_1, lodash_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FastVueMultiWindow = void 0;
+    lodash_1 = tslib_1.__importDefault(lodash_1);
+    var FastVueMultiWindow = /** @class */ (function () {
+        function FastVueMultiWindow() {
+        }
+        /**
+         * 添加window的onLoad事件，如果存在onLoad函数名则进行合并
+         * @param callBack
+         */
+        FastVueMultiWindow.addOnLoad = function (callBack) {
+            var oldOnload = window.onload;
+            if (lodash_1.default.isFunction(oldOnload)) {
+                window.onload = function () {
+                    oldOnload();
+                    callBack();
+                };
+            }
+            else {
+                window.onload = callBack;
+            }
+        };
+        /**
+         * 添加window的函数，如果存在相同的函数名则进行合并
+         * @param functionName 函数名
+         * @param functionBody 函数执行的代码
+         */
+        FastVueMultiWindow.addFunction = function (functionName, functionBody) {
+            var targetFunction = window[functionName];
+            if (lodash_1.default.isFunction(targetFunction)) {
+                window[functionName] = function () {
+                    targetFunction.apply(this, arguments);
+                    functionBody.apply(this, arguments);
+                };
+            }
+            else {
+                window[functionName] = functionBody;
+            }
+        };
+        /**
+         * 安全的获取窗口宽度，有的手机渲染后document.body.clientWidth 莫明会返回0
+         */
+        FastVueMultiWindow.safeGetClientWidth = function () {
+            return Math.max(document.documentElement.clientWidth, document.body.clientWidth);
+        };
+        /**
+         * 安全的获取窗口高度，有的手机渲染后document.body.clientHeight 莫明会返回0
+         */
+        FastVueMultiWindow.safeGetClientHeight = function () {
+            return Math.max(document.documentElement.clientHeight, document.body.clientHeight);
+        };
+        return FastVueMultiWindow;
+    }());
+    exports.FastVueMultiWindow = FastVueMultiWindow;
+});

package/dist/esm/store/FastVueMultiStore.d.ts

@@ -0,0 +1,13 @@
+export declare class FastVueMultiStore {
+    /**
+     * 设置缓存的值
+     * @param key 键
+     * @param value 值
+     */
+    static setValue(key: string, value: any): void;
+    /**
+     * 获取缓存的值
+     * @param key 键
+     */
+    static getValue(key: string): any;
+}

package/dist/esm/store/FastVueMultiStore.js

@@ -0,0 +1,27 @@
+define(["require", "exports", "tslib", "store2"], function (require, exports, tslib_1, store2_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FastVueMultiStore = void 0;
+    store2_1 = tslib_1.__importDefault(store2_1);
+    var FastVueMultiStore = /** @class */ (function () {
+        function FastVueMultiStore() {
+        }
+        /**
+         * 设置缓存的值
+         * @param key 键
+         * @param value 值
+         */
+        FastVueMultiStore.setValue = function (key, value) {
+            store2_1.default.set(key, value, true);
+        };
+        /**
+         * 获取缓存的值
+         * @param key 键
+         */
+        FastVueMultiStore.getValue = function (key) {
+            return store2_1.default.get(key);
+        };
+        return FastVueMultiStore;
+    }());
+    exports.FastVueMultiStore = FastVueMultiStore;
+});

package/dist/esm/vue/FastVueMultiConfig.d.ts

@@ -0,0 +1,18 @@
+export declare class FastVueMultiConfig {
+    private static getGlobalConfigObj;
+    /**
+     * 获取系统全局变量值
+     */
+    static getGlobalConfig(configKey: string): any;
+    /**
+     * 设置系统全局变量值
+     * @param configKey 变量名称
+     * @param configValue 变量值
+     */
+    static setGlobalConfig(configKey: string, configValue: any): void;
+    /**
+     * 判断目标级别是否在项目配置的编译级别内
+     * @param targetLevel
+     */
+    static isBuildLevel(targetLevel: number): boolean;
+}

package/dist/esm/vue/FastVueMultiConfig.js

@@ -0,0 +1,48 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FastVueMultiConfig = void 0;
+    var FastVueMultiConfig = /** @class */ (function () {
+        function FastVueMultiConfig() {
+        }
+        FastVueMultiConfig.getGlobalConfigObj = function () {
+            // @ts-ignore
+            if (!window["__SystemGlobalConfig"]) {
+                //注意：此处变量 SystemGlobalConfig 在 webpack.DefinePlugin  编译后会替换成原始值，所以需要用window对象存储一下
+                // @ts-ignore
+                window["__SystemGlobalConfig"] = SystemGlobalConfig;
+            }
+            // @ts-ignore
+            return window["__SystemGlobalConfig"];
+        };
+        /**
+         * 获取系统全局变量值
+         */
+        FastVueMultiConfig.getGlobalConfig = function (configKey) {
+            try {
+                return this.getGlobalConfigObj()[configKey];
+            }
+            catch (e) {
+                console.error("获取全局变量配置异常！", e);
+                return null;
+            }
+        };
+        /**
+         * 设置系统全局变量值
+         * @param configKey 变量名称
+         * @param configValue 变量值
+         */
+        FastVueMultiConfig.setGlobalConfig = function (configKey, configValue) {
+            this.getGlobalConfigObj()[configKey] = configValue;
+        };
+        /**
+         * 判断目标级别是否在项目配置的编译级别内
+         * @param targetLevel
+         */
+        FastVueMultiConfig.isBuildLevel = function (targetLevel) {
+            return BuildLevel >= targetLevel;
+        };
+        return FastVueMultiConfig;
+    }());
+    exports.FastVueMultiConfig = FastVueMultiConfig;
+});

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "fast-vue-multi-pages",
+  "version": "1.0.0",
+  "author": "janesen",
+  "description": "快速搭建VUE项目工具类的基本库，主要用于每个功能页面独立生成html",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "scripts": {
+    "tsc": "tsc -p tsconfig.json && tsc -p tsconfig-cjs.json && tsc -p ./src/vue/tsconfig-cjs.json",
+    "login": "npm login",
+    "buildLocal": "npm run tsc",
+    "push-fastchar-appjs": "npm run buildLocal && npm publish"
+  },
+  "keywords": [
+    "vue",
+    "multi",
+    "page"
+  ],
+  "license": "ISC",
+  "dependencies": {
+    "axios": "^1.7.2",
+    "lodash": "^4.17.21",
+    "js-base64": "^3.7.7",
+    "md5": "^2.3.0",
+    "htmlparser2": "^9.1.0",
+    "vconsole-webpack-plugin": "^1.8.0",
+    "image-webpack-loader": "^8.1.0",
+    "uuid": "^10.0.0",
+    "store2": "^2.14.3",
+    "moment": "^2.30.1",
+    "@types/js-cookie": "^3.0.6",
+    "clipboard-polyfill": "^4.1.0",
+    "@types/lodash": "^4.17.6"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^7.16.0",
+    "@typescript-eslint/parser": "^7.16.0",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.5.3",
+    "webpack": "^5.92.1",
+    "webpack-cli": "^5.1.4"
+  },
+  "files": [
+    "dist/cjs",
+    "dist/esm",
+    "vue"
+  ],
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@typescript-eslint/parser"
+    },
+    "rules": {}
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/vue/FastBuildOption.d.ts

@@ -0,0 +1,241 @@
+/**
+ * 获取编译配置的选项配置，配置选项如下：
+ * <br/>
+ * {@link projectTitle } 项目名称
+ * <br/>
+ * {@link projectPagesDir } 项目存储页面的目录地址 默认：src/pages
+ * <br/>
+ * {@link projectOutDir } 项目默认编译输出地址 默认：dist
+ * <br/>
+ * {@link projectAssetsDir } 项目资源路径，默认：assets
+ * <br/>
+ * {@link pageTemplateFileDir } 页面的入口文件模板地址，默认：public/index.html
+ * <br/>
+ * {@link pageMainFileName }页面目录下的入口文件名，默认：index.js
+ * <br/>
+ * {@link pageConfigHtmlNamePrefix }页面生成html文件时文件命名携带的前缀
+ * <br/>
+ * {@link pageConfigFileName } 页面目录下的配置文件名，默认：config.json
+ * <br/>
+ * {@link autoCreatePageConfigFile } 是否在每个页面目录下自动创建config.json文件
+ * <br/>
+ * {@link autoCreateProjectIndexPage } 是否自动创建项目的index页面
+ * <br/>
+ * {@link nodeModulesDir } 第三方插件存放目录文件夹，默认：node_modules
+ * <br/>
+ * {@link globalConfig } 系统的全局配置
+ * <br/>
+ * {@link httpFinalParams } FastVueMultiTool.Http请求接口全局请求参数。
+ * <br/>
+ * {@link httpFinalHeaders } FastVueMultiTool.Http请求接口全局请求头参数。
+ * <br/>
+ * {@link httpBeforeRequest } FastVueMultiTool.Http请求前的拦截。
+ * <br/>
+ * {@link httpAfterRequest } FastVueMultiTool.Http请求后的拦截。
+ * <br/>
+ * {@link injectJsFiles } 所有页面全局注入的js文件
+ * <br/>
+ * {@link injectJsFilter } 所有页面全局注入js文件过滤器
+ * <br/>
+ * {@link injectVariable } 所有页面全局注入js变量
+ * <br/>
+ * {@link cacheVueLoader } 是否使用vue默认的cache-loader，默认使用
+ * <br/>
+ * {@link vConsole } 开启vConsole插件的方式，默认：auto。可选值：auto(自动根据编辑的类型追加，server模式或debug模式开启)，true（强制开启），false（不开启）
+ * <br/>
+ * {@link splitChunks } 将公共js代码，进行分割，默认：true
+ * <br/>
+ * {@link buildLevel} 项目编译级别，与 标签 build-level 对应
+ * <br/>
+ * {@link buildLevelTagName} 项目编译级别标签名，默认： build-level
+ * <br/>
+ * {@link chainWebpack} 配置Webpack函数function (config){};
+ * <br/>
+ * {@link configureWebpack} 配置Webpack函数function (config){};
+ */
+export declare class FastBuildOption {
+    /**
+     * 合并options
+     * @param options
+     */
+    static merge(...options: FastBuildOption[]): FastBuildOption;
+    /**
+     * 项目名称
+     */
+    projectTitle: string;
+    /**
+     * 项目存储页面的目录地址，默认src/pages 或者数组：["默认src/pages","默认src/pages2"]
+     */
+    projectPagesDir: any;
+    /**
+     * 项目编译输出地址，默认：dist
+     */
+    projectOutDir: string;
+    /**
+     * 项目资源路径，默认：assets
+     */
+    projectAssetsDir: string;
+    /**
+     * 页面的入口文件模板地址，默认：public/index.html
+     */
+    pageTemplateFileDir: string;
+    /**
+     * 页面目录下的入口文件名，默认：index.js
+     */
+    pageMainFileName: string;
+    /**
+     * 页面目录下的配置文件名，默认：config.json
+     */
+    pageConfigFileName: string;
+    /**
+     * 页面目录下的渲染模板html，如果存在则以这个模板进行渲染，默认：index.html
+     */
+    pageMainTemplateFileName: string;
+    /**
+     * 页面生成html文件时文件命名携带的前缀
+     */
+    pageConfigHtmlNamePrefix: string;
+    /**
+     * 是否在每个页面目录下自动创建config.json文件
+     */
+    autoCreatePageConfigFile: boolean;
+    /**
+     * 是否自动创建项目的index页面
+     */
+    autoCreateProjectIndexPage: boolean;
+    /**
+     * 第三方插件存放目录文件夹，默认：node_modules
+     */
+    nodeModulesDir: string;
+    /**
+     * vue挂载的目标节点选择器
+     */
+    mountSelector: string;
+    /**
+     * 系统的全局配置，
+     * @example
+     * globalConfig:{
+     *     mainUrl:"http://192.168.0.1:8080/test"
+     * }
+     * 可通过 ：FastBaseApp.Config.getGlobalConfig("mainUrl") 在任意js中获取配置
+     */
+    globalConfig: object | undefined;
+    /**
+     * FastVueMultiTool.Http请求接口全局请求参数.
+     * @example
+     * httpFinalParams:{
+     *     userId:2,
+     *     userName:undefined //当配置undefined值时，将排除此参数属性名
+     * }
+     */
+    httpFinalParams: any | undefined;
+    /**
+     * FastVueMultiTool.Http请求接口全局请求头参数.
+     * @example
+     * httpFinalHeaders:{
+     *     userId:2,
+     *     userName:undefined //当配置undefined值时，将排除此参数属性名
+     * }
+     */
+    httpFinalHeaders: any | undefined;
+    /**
+     * FastVueMultiTool.Http请求前的拦截
+     * @example
+     * httpBeforeRequest:function(config){
+     *     //do something
+     * }
+     */
+    httpBeforeRequest: any | undefined;
+    /**
+     * FastVueMultiTool.Http请求后的拦截
+     * @example
+     * httpAfterRequest:function(response){
+     *     //do something
+     * }
+     */
+    httpAfterRequest: any | undefined;
+    /**
+     * 所有页面全局注入的js文件
+     * @example
+     * injectJsFiles:["src/js/test.js","src/js/icon.js"]
+     * 或
+     * injectJsFiles:{
+     *     "src/js/test.js":{
+     *         exclude:["user","set"] //排除注入页面的名称，例如：user.html，set.html
+     *     },
+     *      "src/js/icon.js":{
+     *         include:["user","set"] //指定注入页面的名称，例如：user.html，set.html
+     *     }
+     * }
+     * 或
+     * injectJsFiles:[
+     *      "src/js/test.js",
+     *      {
+     *          "src/js/icon.js":{
+     *              exclude:["user","set"] //排除注入页面的名称，例如：user.html，set.html
+     *          }
+     *      }
+     * ]
+     */
+    injectJsFiles: string[] | object | undefined;
+    /**
+     * 所有页面全局注入js文件过滤器，当 {@link injectJsFiles} 为数组时生效！
+     * @example
+     * injectJsFilter:{
+     *     include:["user","set"] //指定注入页面的名称，例如：user.html，set.html
+     * }
+     * 或
+     * injectJsFilter:{
+     *     exclude:["user","set"] //排除注入页面的名称，例如：user.html，set.html
+     * }
+     */
+    injectJsFilter: {
+        /**
+         * 包含指定的页面，例如：user.html，set.html 则传入["user","set"]
+         */
+        include?: string[];
+        /**
+         * 排除指定页面，例如：user.html，set.html 则传入["user","set"]
+         */
+        exclude?: string[];
+    } | undefined;
+    /**
+     * 所有页面全局js变量注入
+     * @example
+     * injectVariable:{
+     *     getUserId:function(){
+     *         return 1;
+     *     },
+     *     server:"……"
+     * }
+     */
+    injectVariable: any | undefined;
+    /**
+     * 是否使用vue默认的cache-loader缓存vue-loader，如果不使用，则在build版本前将删除缓存的目录.cache/vue-loader
+     */
+    cacheVueLoader: boolean;
+    /**
+     * 开启vConsole插件的方式，默认：auto。可选值：auto(自动根据编辑的类型追加，server模式或debug模式开启)，true（强制开启），false（不开启）
+     */
+    vConsole: string;
+    /**
+     * 将公共js代码，进行分割，默认：true
+     */
+    splitChunks: boolean;
+    /**
+     * 项目编译级别，与 标签 build-level 对应
+     */
+    buildLevel: number;
+    /**
+     * 编译级别的标签名，默认 build-level
+     */
+    buildLevelTagName: string;
+    /**
+     * 插入Webpack函数function (config){};
+     */
+    chainWebpack: ((config: any) => void);
+    /**
+     * 配置Webpack函数function (config){};
+     */
+    configureWebpack: ((config: any) => void);
+}