fast-vue-multi-pages 1.0.14 → 1.0.16

package/dist/cjs/FastVueMultiTool.d.ts

@@ -13,7 +13,7 @@ import { FastVueMultiFile } from "./other/FastVueMultiFile";
 import { FastVueMultiBase64 } from "./other/FastVueMultiBase64";
 import { FastVueMultiWatcher } from "./other/FastVueMultiWatcher";
 /**
- * FastBaseApp 手机APP功能工具类
+ * FastVueMultiTool 手机APP功能工具类
  */
 export declare class FastVueMultiTool {
     /**
@@ -44,6 +44,10 @@ export declare class FastVueMultiTool {
      * Lodash工具类 https://lodash.com/docs/
      */
     static Lodash: _.LoDashStatic;
+    /**
+     * crypto-js工具类 https://cryptojs.gitbook.io/docs/
+     */
+    static Crypto: any;
     /**
      * 日期类操作
      */

package/dist/cjs/FastVueMultiTool.js

@@ -17,7 +17,7 @@ const FastVueMultiFile_1 = require("./other/FastVueMultiFile");
 const FastVueMultiBase64_1 = require("./other/FastVueMultiBase64");
 const FastVueMultiWatcher_1 = require("./other/FastVueMultiWatcher");
 /**
- * FastBaseApp 手机APP功能工具类
+ * FastVueMultiTool 手机APP功能工具类
  */
 class FastVueMultiTool {
     /**
@@ -48,6 +48,10 @@ class FastVueMultiTool {
      * Lodash工具类 https://lodash.com/docs/
      */
     static Lodash = lodash_1.default;
+    /**
+     * crypto-js工具类 https://cryptojs.gitbook.io/docs/
+     */
+    static Crypto = require("crypto-js");
     /**
      * 日期类操作
      */

package/dist/cjs/http/FastVueMultiHttp.d.ts

@@ -119,7 +119,7 @@ export declare namespace FastVueMultiHttp {
          * @param config 请求配置
          * @param callBack 请求接口回调函数，在使用alwaysCache和alwaysBackRequest参数为true时，必须使用回调函数接收
          */
-        static request(method: string, url: string, params: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
+        static request(method: string, url: string, params?: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
         /**
          * post请求接口
          * @param url 接口地址 完整的地址，例如：http://loalhost:8080/user/login
@@ -127,7 +127,7 @@ export declare namespace FastVueMultiHttp {
          * @param config 请求配置
          * @param callBack 请求接口回调函数，在使用alwaysCache和alwaysBackRequest参数为true时，必须使用回调函数接收
          */
-        static post(url: string, params: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
+        static post(url: string, params?: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
         /**
          * get请求接口
          * @param url 接口地址 完整的地址，例如：http://loalhost:8080/user/login
@@ -135,6 +135,6 @@ export declare namespace FastVueMultiHttp {
          * @param config 请求配置
          * @param callBack 请求接口回调函数，在使用alwaysCache和alwaysBackRequest参数为true时，必须使用回调函数接收
          */
-        static get(url: string, params: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
+        static get(url: string, params?: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
     }
 }

package/dist/cjs/http/FastVueMultiHttp.js

@@ -340,6 +340,9 @@ var FastVueMultiHttp;
                         finalParams: true
                     };
                 }
+                if (!params) {
+                    params = {};
+                }
                 params = FastVueMultiHttp.Base.convertToFormData(params);
                 if (config.finalParams) {
                     let justFinalParams = FastVueMultiHttp.Base.getFinalParams();

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

@@ -5,30 +5,30 @@ export declare class FastVueMultiElement {
      * @param attrs 需要监听的属性集合
      * @param callBack 回调
      */
-    static onAttributesChange(source: Element, attrs: any[], callBack?: (event: MutationRecord) => void): MutationObserver | null;
+    static onAttributesChange(source: HTMLElement, attrs: any[], callBack?: (event: MutationRecord) => void): MutationObserver | null;
     /**
      * 绑定当前节点子节点的变动的监听
      * @param source 节点对象
      * @param callBack 回调
      */
-    static onChildrenChange(source: Element, callBack?: (event: MutationRecord) => void): MutationObserver | null;
+    static onChildrenChange(source: HTMLElement, callBack?: (event: MutationRecord) => void): MutationObserver | null;
     /**
      * 在目标节点后追加新的节点
      * @param targetEl 目标节点
      * @param newEl 新的节点
      */
-    static insertAfter(targetEl: Element, newEl: Element): void;
+    static insertAfter(targetEl: HTMLElement, newEl: HTMLElement): void;
     /**
      * 在目标节点前追加新的节点
      * @param targetEl 目标节点
      * @param newEl 新的节点
      */
-    static insertBefore(targetEl: Element, newEl: Element): void;
+    static insertBefore(targetEl: HTMLElement, newEl: HTMLElement): void;
     /**
      * 获取目标节点的实际占位空间，包含的内外边距
      * @param targetEl
      */
-    static getRealSize(targetEl: Element): {
+    static getRealSize(targetEl: HTMLElement): {
         width: number;
         height: number;
     };
@@ -36,11 +36,11 @@ export declare class FastVueMultiElement {
      * 获取目标节点的selector
      * @param targetEl
      */
-    static getPath(targetEl: Element): string;
+    static getPath(targetEl: HTMLElement): string;
     /**
      * 判断目标元素的滚动条 是否已滚动到底部
      * @param targetEl
      * @param scrollNimble 检测的灵敏度，越大越灵敏
      */
-    static isScrollBottom(targetEl: Element, scrollNimble: number): boolean;
+    static isScrollBottom(targetEl: HTMLElement, scrollNimble: number): boolean;
 }

package/dist/esm/FastVueMultiTool.d.ts

@@ -13,7 +13,7 @@ import { FastVueMultiFile } from "./other/FastVueMultiFile";
 import { FastVueMultiBase64 } from "./other/FastVueMultiBase64";
 import { FastVueMultiWatcher } from "./other/FastVueMultiWatcher";
 /**
- * FastBaseApp 手机APP功能工具类
+ * FastVueMultiTool 手机APP功能工具类
  */
 export declare class FastVueMultiTool {
     /**
@@ -44,6 +44,10 @@ export declare class FastVueMultiTool {
      * Lodash工具类 https://lodash.com/docs/
      */
     static Lodash: _.LoDashStatic;
+    /**
+     * crypto-js工具类 https://cryptojs.gitbook.io/docs/
+     */
+    static Crypto: any;
     /**
      * 日期类操作
      */

package/dist/esm/FastVueMultiTool.js

@@ -4,7 +4,7 @@ define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./o
     exports.FastVueMultiTool = void 0;
     lodash_1 = tslib_1.__importDefault(lodash_1);
     /**
-     * FastBaseApp 手机APP功能工具类
+     * FastVueMultiTool 手机APP功能工具类
      */
     var FastVueMultiTool = /** @class */ (function () {
         function FastVueMultiTool() {
@@ -37,6 +37,10 @@ define(["require", "exports", "tslib", "lodash", "./http/FastVueMultiHttp", "./o
          * Lodash工具类 https://lodash.com/docs/
          */
         FastVueMultiTool.Lodash = lodash_1.default;
+        /**
+         * crypto-js工具类 https://cryptojs.gitbook.io/docs/
+         */
+        FastVueMultiTool.Crypto = require("crypto-js");
         /**
          * 日期类操作
          */

package/dist/esm/http/FastVueMultiHttp.d.ts

@@ -119,7 +119,7 @@ export declare namespace FastVueMultiHttp {
          * @param config 请求配置
          * @param callBack 请求接口回调函数，在使用alwaysCache和alwaysBackRequest参数为true时，必须使用回调函数接收
          */
-        static request(method: string, url: string, params: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
+        static request(method: string, url: string, params?: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
         /**
          * post请求接口
          * @param url 接口地址 完整的地址，例如：http://loalhost:8080/user/login
@@ -127,7 +127,7 @@ export declare namespace FastVueMultiHttp {
          * @param config 请求配置
          * @param callBack 请求接口回调函数，在使用alwaysCache和alwaysBackRequest参数为true时，必须使用回调函数接收
          */
-        static post(url: string, params: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
+        static post(url: string, params?: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
         /**
          * get请求接口
          * @param url 接口地址 完整的地址，例如：http://loalhost:8080/user/login
@@ -135,6 +135,6 @@ export declare namespace FastVueMultiHttp {
          * @param config 请求配置
          * @param callBack 请求接口回调函数，在使用alwaysCache和alwaysBackRequest参数为true时，必须使用回调函数接收
          */
-        static get(url: string, params: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
+        static get(url: string, params?: any, config?: FastVueMultiSimpleRequestConfig, callBack?: (result: FastVueMultiSimpleJsonResponse) => void): Promise<FastVueMultiSimpleJsonResponse>;
     }
 }

package/dist/esm/http/FastVueMultiHttp.js

@@ -356,6 +356,9 @@ define(["require", "exports", "tslib", "axios", "lodash", "../vue/FastVueMultiCo
                                                 finalParams: true
                                             };
                                         }
+                                        if (!params) {
+                                            params = {};
+                                        }
                                         params = FastVueMultiHttp.Base.convertToFormData(params);
                                         if (config.finalParams) {
                                             justFinalParams = FastVueMultiHttp.Base.getFinalParams();

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

@@ -5,30 +5,30 @@ export declare class FastVueMultiElement {
      * @param attrs 需要监听的属性集合
      * @param callBack 回调
      */
-    static onAttributesChange(source: Element, attrs: any[], callBack?: (event: MutationRecord) => void): MutationObserver | null;
+    static onAttributesChange(source: HTMLElement, attrs: any[], callBack?: (event: MutationRecord) => void): MutationObserver | null;
     /**
      * 绑定当前节点子节点的变动的监听
      * @param source 节点对象
      * @param callBack 回调
      */
-    static onChildrenChange(source: Element, callBack?: (event: MutationRecord) => void): MutationObserver | null;
+    static onChildrenChange(source: HTMLElement, callBack?: (event: MutationRecord) => void): MutationObserver | null;
     /**
      * 在目标节点后追加新的节点
      * @param targetEl 目标节点
      * @param newEl 新的节点
      */
-    static insertAfter(targetEl: Element, newEl: Element): void;
+    static insertAfter(targetEl: HTMLElement, newEl: HTMLElement): void;
     /**
      * 在目标节点前追加新的节点
      * @param targetEl 目标节点
      * @param newEl 新的节点
      */
-    static insertBefore(targetEl: Element, newEl: Element): void;
+    static insertBefore(targetEl: HTMLElement, newEl: HTMLElement): void;
     /**
      * 获取目标节点的实际占位空间，包含的内外边距
      * @param targetEl
      */
-    static getRealSize(targetEl: Element): {
+    static getRealSize(targetEl: HTMLElement): {
         width: number;
         height: number;
     };
@@ -36,11 +36,11 @@ export declare class FastVueMultiElement {
      * 获取目标节点的selector
      * @param targetEl
      */
-    static getPath(targetEl: Element): string;
+    static getPath(targetEl: HTMLElement): string;
     /**
      * 判断目标元素的滚动条 是否已滚动到底部
      * @param targetEl
      * @param scrollNimble 检测的灵敏度，越大越灵敏
      */
-    static isScrollBottom(targetEl: Element, scrollNimble: number): boolean;
+    static isScrollBottom(targetEl: HTMLElement, scrollNimble: number): boolean;
 }

package/layout/fast-layout-fullscreen.vue

@@ -0,0 +1,32 @@
+<script>
+import {defineComponent} from 'vue'
+
+export default defineComponent({
+  name: "fast-layout-fullscreen",
+  props: {
+    scrollable: {
+      type: Boolean,
+      default: false,
+    }
+  }
+})
+</script>
+
+<template>
+  <!--suppress HtmlUnknownAttribute -->
+  <div fast-layout-fullscreen class="fast-layout-container-fullscreen" :style="{overflow:scrollable?'auto':'hidden'}">
+    <slot/>
+  </div>
+</template>
+
+<style scoped>
+.fast-layout-container-fullscreen {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100vw !important;
+  height: 100vh !important;
+  position: fixed;
+}
+</style>

package/layout/fast-layout-header-body-footer.vue

@@ -0,0 +1,100 @@
+<script>
+import {defineComponent} from 'vue'
+import {FastVueMultiTool} from "fast-vue-multi-pages";
+
+/**
+ * 浮动垂直 header-body-footer 布局，其中：header 与 footer 布局将悬浮在body中
+ */
+export default defineComponent({
+  name: "fast-layout-header-body-footer",
+  props: {
+    /**
+     * header默认高度
+     */
+    headerDefaultHeight: {
+      type: String,
+      default: "0px",
+    },
+    /**
+     * footer默认高度
+     */
+    footerDefaultHeight: {
+      type: String,
+      default: "0px",
+    },
+  },
+  data() {
+    return {
+      footerHeight: this.footerDefaultHeight,
+      headerHeight: this.headerDefaultHeight,
+    }
+  },
+  created() {
+    this.$nextTick(() => {
+      this.headerHeight = FastVueMultiTool.Element.getRealSize(this.$refs.header).height + "px";
+      this.footerHeight = FastVueMultiTool.Element.getRealSize(this.$refs.footer).height + "px";
+    });
+  }
+});
+
+</script>
+
+<template>
+
+  <!--suppress HtmlUnknownAttribute -->
+  <div fast-layout-float-v-header-body-footer class="fast-layout-float-layout-container">
+    <div ref="header" class="fast-layout-float-layout-header">
+      <slot name="header"></slot>
+    </div>
+
+    <div class="fast-layout-float-layout-body">
+      <div :style="{height:headerHeight}"></div>
+
+      <slot name="body"></slot>
+
+      <div :style="{height:footerHeight}"></div>
+    </div>
+
+    <div ref="footer" class="fast-layout-float-layout-footer">
+      <slot name="footer"></slot>
+    </div>
+
+  </div>
+
+</template>
+
+<style scoped>
+
+.fast-layout-float-layout-container {
+  position: relative;
+  height: 100vh;
+  width: 100vw;
+  overflow: hidden;
+}
+
+.fast-layout-float-layout-body {
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}
+
+.fast-layout-float-layout-header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+
+.fast-layout-float-layout-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fast-vue-multi-pages",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "author": "janesen",
   "description": "快速搭建VUE项目工具类的基本库，主要用于每个功能页面独立生成html",
   "main": "./dist/cjs/index.js",
@@ -32,7 +32,8 @@
     "@types/lodash": "^4.17.6",
     "copy-to-clipboard": "^3.3.3",
     "ip": "^2.0.1",
-    "file64": "^1.0.3"
+    "file64": "^1.0.3",
+    "crypto-js": "^4.2.0"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^7.16.0",
@@ -46,7 +47,8 @@
     "dist/cjs",
     "dist/esm",
     "vue",
-    "loader"
+    "loader",
+    "layout"
   ],
   "eslintConfig": {
     "root": true,

package/vue/FastVueMultiPages.d.ts

@@ -1,6 +1,6 @@
 import { FastBuildOption } from "./FastBuildOption";
 /**
- * 项目相关操作
+ * VUE项目快速配置
  * @author Janesen
  */
 export declare class FastVueMultiPages {

package/vue/FastVueMultiPages.js

@@ -5,7 +5,7 @@ const FastBuildOption_1 = require("./FastBuildOption");
 const FastPages_1 = require("./FastPages");
 const FastInjectJsPlugin_1 = require("./FastInjectJsPlugin");
 /**
- * 项目相关操作
+ * VUE项目快速配置
  * @author Janesen
  */
 class FastVueMultiPages {