fast-vue-multi-pages 1.0.22 → 1.0.24

package/dist/cjs/FastVueMultiTool.d.ts

@@ -13,6 +13,8 @@ import { FastVueMultiFile } from "./other/FastVueMultiFile";
 import { FastVueMultiBase64 } from "./other/FastVueMultiBase64";
 import { FastVueMultiEventBus } from "./other/FastVueMultiEventBus";
 import { FastVueMultiObject } from "./other/FastVueMultiObject";
+import { FastVueMultiUUID } from "./other/FastVueMultiUUID";
+import { FastVueMultiAnimate } from "./other/FastVueMultiAnimate";
 /**
  * FastVueMultiTool 工具类
  */
@@ -89,4 +91,12 @@ export declare class FastVueMultiTool {
      * 对象相关操作
      */
     static Object: typeof FastVueMultiObject;
+    /**
+     * UUID操作
+     */
+    static UUID: typeof FastVueMultiUUID;
+    /**
+     * 数值动画类
+     */
+    static Animate: typeof FastVueMultiAnimate;
 }

package/dist/cjs/FastVueMultiTool.js

@@ -17,6 +17,8 @@ const FastVueMultiFile_1 = require("./other/FastVueMultiFile");
 const FastVueMultiBase64_1 = require("./other/FastVueMultiBase64");
 const FastVueMultiEventBus_1 = require("./other/FastVueMultiEventBus");
 const FastVueMultiObject_1 = require("./other/FastVueMultiObject");
+const FastVueMultiUUID_1 = require("./other/FastVueMultiUUID");
+const FastVueMultiAnimate_1 = require("./other/FastVueMultiAnimate");
 /**
  * FastVueMultiTool 工具类
  */
@@ -93,5 +95,13 @@ class FastVueMultiTool {
      * 对象相关操作
      */
     static Object = FastVueMultiObject_1.FastVueMultiObject;
+    /**
+     * UUID操作
+     */
+    static UUID = FastVueMultiUUID_1.FastVueMultiUUID;
+    /**
+     * 数值动画类
+     */
+    static Animate = FastVueMultiAnimate_1.FastVueMultiAnimate;
 }
 exports.FastVueMultiTool = FastVueMultiTool;

package/dist/cjs/other/FastVueMultiAnimate.d.ts

@@ -0,0 +1,29 @@
+export declare class FastVueMultiAnimate {
+    static animateMap: any;
+    /**
+     * 开启数值动画
+     * @param animateCode 动画唯一标识
+     * @param animateConfig 动画配置{@link ValueAnimateConfig}
+     */
+    static startValueAnimate(animateCode: string, animateConfig: ValueAnimateConfig): void;
+    /**
+     * 清除动画
+     * @param animateCode
+     */
+    static clearAnimate(animateCode: string): void;
+}
+/**
+ * 动画配置，参考文档：https://animejs.com/documentation
+ */
+export declare class ValueAnimateConfig {
+    static newParam(param: any): ValueAnimateConfig;
+    from: number;
+    to: number;
+    duration: number;
+    easing: string;
+    delay: number;
+    update: (value: number) => void;
+    begin: (anim: any) => void;
+    complete: (anim: any) => void;
+    changeBegin: (anim: any) => void;
+}

package/dist/cjs/other/FastVueMultiAnimate.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValueAnimateConfig = exports.FastVueMultiAnimate = void 0;
+class FastVueMultiAnimate {
+    static animateMap = {};
+    /**
+     * 开启数值动画
+     * @param animateCode 动画唯一标识
+     * @param animateConfig 动画配置{@link ValueAnimateConfig}
+     */
+    static startValueAnimate(animateCode, animateConfig) {
+        this.clearAnimate(animateCode);
+        let params = ValueAnimateConfig.newParam(animateConfig);
+        const anime = require('animejs');
+        this.animateMap[animateCode] = anime({
+            targets: {
+                value: params.from,
+            },
+            value: params.to,
+            easing: params.easing,
+            duration: params.duration,
+            delay: params.delay,
+            _params: params,
+            update: function () {
+                this._params.update(this.targets.value);
+            },
+            changeBegin: function (anim) {
+                this._params.changeBegin(anim);
+            },
+            begin: function (anim) {
+                this._params.begin(anim);
+            },
+            complete: function (anim) {
+                this._params.complete(anim);
+            }
+        });
+    }
+    /**
+     * 清除动画
+     * @param animateCode
+     */
+    static clearAnimate(animateCode) {
+        let animObj = FastVueMultiAnimate.animateMap[animateCode];
+        if (animObj) {
+            animObj.pause();
+            delete FastVueMultiAnimate.animateMap[animateCode];
+        }
+    }
+}
+exports.FastVueMultiAnimate = FastVueMultiAnimate;
+/**
+ * 动画配置，参考文档：https://animejs.com/documentation
+ */
+class ValueAnimateConfig {
+    static newParam(param) {
+        let newParam = new ValueAnimateConfig();
+        if (param) {
+            for (let paramKey in param) {
+                newParam[paramKey] = param[paramKey];
+            }
+        }
+        return newParam;
+    }
+    from = 0;
+    to = 1;
+    duration = 500;
+    easing = "linear";
+    delay = 0;
+    //更新时的函数
+    update = function (value) {
+    };
+    begin = function (anim) {
+    };
+    complete = function (anim) {
+    };
+    changeBegin = function (anim) {
+    };
+}
+exports.ValueAnimateConfig = ValueAnimateConfig;

package/dist/cjs/other/FastVueMultiUUID.d.ts

@@ -0,0 +1,29 @@
+export declare class FastVueMultiUUID {
+    static onlyIterator: number;
+    /**
+     * 构建唯一标识符号
+     * @param prefix 唯一标识的前缀
+     */
+    static buildOnlyCode(prefix: string): string;
+    /**
+     * 构建唯一标识符号
+     * @param prefix 唯一标识的前缀
+     */
+    static buildOnlyNumber(prefix: string): string;
+    /**
+     * 构建uuid4的唯一编号
+     */
+    static buildUUID4(): string;
+    /**
+     * 构建uuid8的唯一编号
+     */
+    static buildUUID8(): string;
+    /**
+     * 构建uuid12的唯一编号
+     */
+    static buildUUID12(): string;
+    /**
+     * 构建uuid16的唯一编号
+     */
+    static buildUUID16(): string;
+}

package/dist/cjs/other/FastVueMultiUUID.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FastVueMultiUUID = void 0;
+class FastVueMultiUUID {
+    static onlyIterator = 1;
+    /**
+     * 构建唯一标识符号
+     * @param prefix 唯一标识的前缀
+     */
+    static buildOnlyCode(prefix) {
+        let crypto = require("crypto-js");
+        return prefix + crypto.MD5(this.buildUUID8()).toString();
+    }
+    /**
+     * 构建唯一标识符号
+     * @param prefix 唯一标识的前缀
+     */
+    static buildOnlyNumber(prefix) {
+        if (FastVueMultiUUID.onlyIterator > 99) {
+            FastVueMultiUUID.onlyIterator = 1;
+        }
+        return prefix + new Date().getTime() + (FastVueMultiUUID.onlyIterator++);
+    }
+    /**
+     * 构建uuid4的唯一编号
+     */
+    static buildUUID4() {
+        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+    }
+    /**
+     * 构建uuid8的唯一编号
+     */
+    static buildUUID8() {
+        return (((1 + Math.random()) * 0x100000000) | 0).toString(16).substring(1);
+    }
+    /**
+     * 构建uuid12的唯一编号
+     */
+    static buildUUID12() {
+        return FastVueMultiUUID.buildUUID4() + FastVueMultiUUID.buildUUID8();
+    }
+    /**
+     * 构建uuid16的唯一编号
+     */
+    static buildUUID16() {
+        return FastVueMultiUUID.buildUUID8() + FastVueMultiUUID.buildUUID8();
+    }
+}
+exports.FastVueMultiUUID = FastVueMultiUUID;

package/dist/esm/FastVueMultiTool.d.ts

@@ -13,6 +13,8 @@ import { FastVueMultiFile } from "./other/FastVueMultiFile";
 import { FastVueMultiBase64 } from "./other/FastVueMultiBase64";
 import { FastVueMultiEventBus } from "./other/FastVueMultiEventBus";
 import { FastVueMultiObject } from "./other/FastVueMultiObject";
+import { FastVueMultiUUID } from "./other/FastVueMultiUUID";
+import { FastVueMultiAnimate } from "./other/FastVueMultiAnimate";
 /**
  * FastVueMultiTool 工具类
  */
@@ -89,4 +91,12 @@ export declare class FastVueMultiTool {
      * 对象相关操作
      */
     static Object: typeof FastVueMultiObject;
+    /**
+     * UUID操作
+     */
+    static UUID: typeof FastVueMultiUUID;
+    /**
+     * 数值动画类
+     */
+    static Animate: typeof FastVueMultiAnimate;
 }

package/dist/esm/FastVueMultiTool.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./other/FastVueMultiStore", "./vue/FastVueMultiConfig", "./http/FastVueMultiCookie", "./other/FastVueMultiClipboard", "./other/FastVueMultiDate", "./other/FastVueMultiBoolean", "./other/FastVueMultiFunction", "./other/FastVueMultiElement", "./other/FastVueMultiWindow", "./other/FastVueMultiFile", "./other/FastVueMultiBase64", "./other/FastVueMultiEventBus", "./other/FastVueMultiObject"], function (require, exports, tslib_1, lodash_1, FastVueMultiHttp_1, FastVueMultiStore_1, FastVueMultiConfig_1, FastVueMultiCookie_1, FastVueMultiClipboard_1, FastVueMultiDate_1, FastVueMultiBoolean_1, FastVueMultiFunction_1, FastVueMultiElement_1, FastVueMultiWindow_1, FastVueMultiFile_1, FastVueMultiBase64_1, FastVueMultiEventBus_1, FastVueMultiObject_1) {
+define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./other/FastVueMultiStore", "./vue/FastVueMultiConfig", "./http/FastVueMultiCookie", "./other/FastVueMultiClipboard", "./other/FastVueMultiDate", "./other/FastVueMultiBoolean", "./other/FastVueMultiFunction", "./other/FastVueMultiElement", "./other/FastVueMultiWindow", "./other/FastVueMultiFile", "./other/FastVueMultiBase64", "./other/FastVueMultiEventBus", "./other/FastVueMultiObject", "./other/FastVueMultiUUID", "./other/FastVueMultiAnimate"], function (require, exports, tslib_1, lodash_1, FastVueMultiHttp_1, FastVueMultiStore_1, FastVueMultiConfig_1, FastVueMultiCookie_1, FastVueMultiClipboard_1, FastVueMultiDate_1, FastVueMultiBoolean_1, FastVueMultiFunction_1, FastVueMultiElement_1, FastVueMultiWindow_1, FastVueMultiFile_1, FastVueMultiBase64_1, FastVueMultiEventBus_1, FastVueMultiObject_1, FastVueMultiUUID_1, FastVueMultiAnimate_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.FastVueMultiTool = void 0;
@@ -81,6 +81,14 @@ define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./o
          * 对象相关操作
          */
         FastVueMultiTool.Object = FastVueMultiObject_1.FastVueMultiObject;
+        /**
+         * UUID操作
+         */
+        FastVueMultiTool.UUID = FastVueMultiUUID_1.FastVueMultiUUID;
+        /**
+         * 数值动画类
+         */
+        FastVueMultiTool.Animate = FastVueMultiAnimate_1.FastVueMultiAnimate;
         return FastVueMultiTool;
     }());
     exports.FastVueMultiTool = FastVueMultiTool;

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

@@ -0,0 +1,29 @@
+export declare class FastVueMultiAnimate {
+    static animateMap: any;
+    /**
+     * 开启数值动画
+     * @param animateCode 动画唯一标识
+     * @param animateConfig 动画配置{@link ValueAnimateConfig}
+     */
+    static startValueAnimate(animateCode: string, animateConfig: ValueAnimateConfig): void;
+    /**
+     * 清除动画
+     * @param animateCode
+     */
+    static clearAnimate(animateCode: string): void;
+}
+/**
+ * 动画配置，参考文档：https://animejs.com/documentation
+ */
+export declare class ValueAnimateConfig {
+    static newParam(param: any): ValueAnimateConfig;
+    from: number;
+    to: number;
+    duration: number;
+    easing: string;
+    delay: number;
+    update: (value: number) => void;
+    begin: (anim: any) => void;
+    complete: (anim: any) => void;
+    changeBegin: (anim: any) => void;
+}

package/dist/esm/other/FastVueMultiAnimate.js

@@ -0,0 +1,87 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ValueAnimateConfig = exports.FastVueMultiAnimate = void 0;
+    var FastVueMultiAnimate = /** @class */ (function () {
+        function FastVueMultiAnimate() {
+        }
+        /**
+         * 开启数值动画
+         * @param animateCode 动画唯一标识
+         * @param animateConfig 动画配置{@link ValueAnimateConfig}
+         */
+        FastVueMultiAnimate.startValueAnimate = function (animateCode, animateConfig) {
+            this.clearAnimate(animateCode);
+            var params = ValueAnimateConfig.newParam(animateConfig);
+            var anime = require('animejs');
+            this.animateMap[animateCode] = anime({
+                targets: {
+                    value: params.from,
+                },
+                value: params.to,
+                easing: params.easing,
+                duration: params.duration,
+                delay: params.delay,
+                _params: params,
+                update: function () {
+                    this._params.update(this.targets.value);
+                },
+                changeBegin: function (anim) {
+                    this._params.changeBegin(anim);
+                },
+                begin: function (anim) {
+                    this._params.begin(anim);
+                },
+                complete: function (anim) {
+                    this._params.complete(anim);
+                }
+            });
+        };
+        /**
+         * 清除动画
+         * @param animateCode
+         */
+        FastVueMultiAnimate.clearAnimate = function (animateCode) {
+            var animObj = FastVueMultiAnimate.animateMap[animateCode];
+            if (animObj) {
+                animObj.pause();
+                delete FastVueMultiAnimate.animateMap[animateCode];
+            }
+        };
+        FastVueMultiAnimate.animateMap = {};
+        return FastVueMultiAnimate;
+    }());
+    exports.FastVueMultiAnimate = FastVueMultiAnimate;
+    /**
+     * 动画配置，参考文档：https://animejs.com/documentation
+     */
+    var ValueAnimateConfig = /** @class */ (function () {
+        function ValueAnimateConfig() {
+            this.from = 0;
+            this.to = 1;
+            this.duration = 500;
+            this.easing = "linear";
+            this.delay = 0;
+            //更新时的函数
+            this.update = function (value) {
+            };
+            this.begin = function (anim) {
+            };
+            this.complete = function (anim) {
+            };
+            this.changeBegin = function (anim) {
+            };
+        }
+        ValueAnimateConfig.newParam = function (param) {
+            var newParam = new ValueAnimateConfig();
+            if (param) {
+                for (var paramKey in param) {
+                    newParam[paramKey] = param[paramKey];
+                }
+            }
+            return newParam;
+        };
+        return ValueAnimateConfig;
+    }());
+    exports.ValueAnimateConfig = ValueAnimateConfig;
+});

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

@@ -0,0 +1,29 @@
+export declare class FastVueMultiUUID {
+    static onlyIterator: number;
+    /**
+     * 构建唯一标识符号
+     * @param prefix 唯一标识的前缀
+     */
+    static buildOnlyCode(prefix: string): string;
+    /**
+     * 构建唯一标识符号
+     * @param prefix 唯一标识的前缀
+     */
+    static buildOnlyNumber(prefix: string): string;
+    /**
+     * 构建uuid4的唯一编号
+     */
+    static buildUUID4(): string;
+    /**
+     * 构建uuid8的唯一编号
+     */
+    static buildUUID8(): string;
+    /**
+     * 构建uuid12的唯一编号
+     */
+    static buildUUID12(): string;
+    /**
+     * 构建uuid16的唯一编号
+     */
+    static buildUUID16(): string;
+}

package/dist/esm/other/FastVueMultiUUID.js

@@ -0,0 +1,54 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.FastVueMultiUUID = void 0;
+    var FastVueMultiUUID = /** @class */ (function () {
+        function FastVueMultiUUID() {
+        }
+        /**
+         * 构建唯一标识符号
+         * @param prefix 唯一标识的前缀
+         */
+        FastVueMultiUUID.buildOnlyCode = function (prefix) {
+            var crypto = require("crypto-js");
+            return prefix + crypto.MD5(this.buildUUID8()).toString();
+        };
+        /**
+         * 构建唯一标识符号
+         * @param prefix 唯一标识的前缀
+         */
+        FastVueMultiUUID.buildOnlyNumber = function (prefix) {
+            if (FastVueMultiUUID.onlyIterator > 99) {
+                FastVueMultiUUID.onlyIterator = 1;
+            }
+            return prefix + new Date().getTime() + (FastVueMultiUUID.onlyIterator++);
+        };
+        /**
+         * 构建uuid4的唯一编号
+         */
+        FastVueMultiUUID.buildUUID4 = function () {
+            return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        };
+        /**
+         * 构建uuid8的唯一编号
+         */
+        FastVueMultiUUID.buildUUID8 = function () {
+            return (((1 + Math.random()) * 0x100000000) | 0).toString(16).substring(1);
+        };
+        /**
+         * 构建uuid12的唯一编号
+         */
+        FastVueMultiUUID.buildUUID12 = function () {
+            return FastVueMultiUUID.buildUUID4() + FastVueMultiUUID.buildUUID8();
+        };
+        /**
+         * 构建uuid16的唯一编号
+         */
+        FastVueMultiUUID.buildUUID16 = function () {
+            return FastVueMultiUUID.buildUUID8() + FastVueMultiUUID.buildUUID8();
+        };
+        FastVueMultiUUID.onlyIterator = 1;
+        return FastVueMultiUUID;
+    }());
+    exports.FastVueMultiUUID = FastVueMultiUUID;
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fast-vue-multi-pages",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "author": "janesen",
   "description": "快速搭建VUE项目工具类的基本库，主要用于每个功能页面独立生成html",
   "main": "./dist/cjs/index.js",
@@ -36,7 +36,8 @@
     "file64": "^1.0.3",
     "crypto-js": "^4.2.0",
     "vue": "^3.2.13",
-    "js-cookie": "^3.0.5"
+    "js-cookie": "^3.0.5",
+    "animejs": "^3.2.2"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^7.16.0",