fast-vue-multi-pages 1.0.28 → 1.0.29

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

@@ -12,6 +12,12 @@ export declare class FastVueMultiElement {
      * @param callBack 回调
      */
     static onChildrenChange(source: HTMLElement, callBack?: (event: MutationRecord) => void): MutationObserver | null;
+    /**
+     * 绑定当前节点子节点的宽高的监听
+     * @param source 节点对象
+     * @param callBack 回调
+     */
+    static onResizeChange(source: HTMLElement, callBack?: (event: ResizeObserverEntry) => void): ResizeObserver | null;
     /**
      * 在目标节点后追加新的节点
      * @param targetEl 目标节点

package/dist/cjs/other/FastVueMultiElement.js

@@ -49,6 +49,25 @@ class FastVueMultiElement {
         }
         return null;
     }
+    /**
+     * 绑定当前节点子节点的宽高的监听
+     * @param source 节点对象
+     * @param callBack 回调
+     */
+    static onResizeChange(source, callBack) {
+        if (source) {
+            const observe = new ResizeObserver(mutationsList => {
+                mutationsList.forEach((item, index) => {
+                    if (callBack) {
+                        callBack(item);
+                    }
+                });
+            });
+            observe.observe(source);
+            return observe;
+        }
+        return null;
+    }
     /**
      * 在目标节点后追加新的节点
      * @param targetEl 目标节点

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

@@ -12,6 +12,12 @@ export declare class FastVueMultiElement {
      * @param callBack 回调
      */
     static onChildrenChange(source: HTMLElement, callBack?: (event: MutationRecord) => void): MutationObserver | null;
+    /**
+     * 绑定当前节点子节点的宽高的监听
+     * @param source 节点对象
+     * @param callBack 回调
+     */
+    static onResizeChange(source: HTMLElement, callBack?: (event: ResizeObserverEntry) => void): ResizeObserver | null;
     /**
      * 在目标节点后追加新的节点
      * @param targetEl 目标节点

package/dist/esm/other/FastVueMultiElement.js

@@ -51,6 +51,25 @@ define(["require", "exports", "tslib", "lodash"], function (require, exports, ts
             }
             return null;
         };
+        /**
+         * 绑定当前节点子节点的宽高的监听
+         * @param source 节点对象
+         * @param callBack 回调
+         */
+        FastVueMultiElement.onResizeChange = function (source, callBack) {
+            if (source) {
+                var observe = new ResizeObserver(function (mutationsList) {
+                    mutationsList.forEach(function (item, index) {
+                        if (callBack) {
+                            callBack(item);
+                        }
+                    });
+                });
+                observe.observe(source);
+                return observe;
+            }
+            return null;
+        };
         /**
          * 在目标节点后追加新的节点
          * @param targetEl 目标节点

package/package.json

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

package/vue/FastPages.js

@@ -136,8 +136,7 @@ export default defineComponent({
         else {
             options = new FastBuildOption_1.FastBuildOption();
         }
-        let projectPagesDir = options.projectPagesDir;
-        let baseDir = path.join(dirName, projectPagesDir, "index");
+        let baseDir = path.join(dirName, "_auto", "index");
         if (!fs.existsSync(baseDir)) {
             fs.mkdirSync(baseDir);
         }