@dhccmobile/vue3-lo-form 2.0.0 → 2.0.2

package/src/services/form-validate.service.ts

@@ -1,103 +1,103 @@
-import { FormApi } from "../core/FormApi";
-import { ValidateReport } from "../domain/FormControl";
-import { Modal } from "ant-design-vue";
-import { FORM_ERROR_MODAL_SVG_XML } from "../constants/encode-assets/svg";
-import { h, createVNode } from "vue";
-/**
- * @description: 表单校验窗口提示
- * @author ChenRui
- * @date 2021/8/19 12:58
- */
-class FormValidateService {
-  /**
-   * @description: 校验并进行窗口提示
-   * @author ChenRui
-   * @date 2021/8/19 12:58
-   */
-  validateTips(formApis: FormApi | FormApi[], scrollView?: any): boolean {
-    if (formApis != null) {
-      if (!Array.isArray(formApis)) {
-        formApis = [formApis];
-      }
-      const actualFormApis: FormApi[] = [];
-      let allError: ValidateReport[] = [];
-      let errMessage = "";
-      formApis.forEach((formApi) => {
-        const errors: ValidateReport[] = formApi.validateReport(); // 获取校验报告
-        if (errors && errors.length > 0) {
-          actualFormApis.push(formApi);
-          allError = allError.concat(errors);
-        }
-      });
-      if (allError && allError.length > 0) {
-        // 显示错误的输入框
-        allError.forEach((err) => {
-          console.log(err);
-          errMessage += `<div class="lo-error-item d-flex"><div class="lo-error-describe">${err.name}</div>&nbsp;${err.errorMsg}；</div>`;
-        });
-
-        Modal.confirm({
-          width: 380,
-          title: h("div", { class: "d-flex", innerHTML: `<img src="${FORM_ERROR_MODAL_SVG_XML}" /><div style="font-size: 18px">校验提示</div>` }),
-          content: h("div", { innerHTML: errMessage }),
-          onOk: () => {
-            this.showErrorModal(actualFormApis as any, allError, scrollView);
-          },
-          okText: "确认",
-          cancelText: "取消",
-          class: "lo-form-error-modal",
-        });
-        return false;
-      }
-    }
-    return true;
-  }
-
-  /**
-   * @Description: 滚动到错误位置-闪烁提示
-   * @author LiuBo
-   * @date 2021/2/25
-   * @time 21:35
-   */
-  public showErrorModal(formApis: FormApi[], allError: ValidateReport[], scrollView?: any) {
-    const errorEl: any = formApis[0]?.getControlEl(allError[0]?.key);
-    if (errorEl != null) {
-      if (scrollView && typeof scrollView === "string") {
-        scrollView = document.getElementById(scrollView);
-      }
-      if (scrollView) {
-        scrollView.scrollTo({ top: errorEl.offsetTop, behavior: "smooth" });
-        const running = (event: any) => {
-          const scrollTop = scrollView.window != null && scrollView.window === scrollView.window.window ? document.documentElement.scrollTop || document.body.scrollTop : scrollView.scrollTop;
-          const calculationError = errorEl.offsetTop - scrollTop;
-          if (calculationError > -20 && calculationError < 20) {
-            scrollView.removeEventListener("scroll", running);
-            this.showErrInput(errorEl);
-          }
-        };
-        scrollView.addEventListener("scroll", running, false);
-      } else {
-        this.showErrInput(errorEl);
-      }
-    }
-  }
-
-  /**
-   * @Description: 闪烁显示校验不通过的输入框
-   * @author LiuBo
-   * @date 2019/6/3
-   * @time 22:01
-   * @param el 出错的输入框html对象
-   */
-  private showErrInput(el: any) {
-    let count = 0;
-    const interval = setInterval(() => {
-      el.style.opacity = count++ % 2 === 0 ? ".3" : "1";
-      if (count > 5) {
-        clearInterval(interval);
-      }
-    }, 400);
-  }
-}
-const formValidateService = new FormValidateService();
-export { formValidateService };
+import { FormApi } from "../core/FormApi";
+import { ValidateReport } from "../domain/FormControl";
+import { Modal } from "ant-design-vue";
+import { FORM_ERROR_MODAL_SVG_XML } from "../constants/encode-assets/svg";
+import { h, createVNode } from "vue";
+/**
+ * @description: 表单校验窗口提示
+ * @author ChenRui
+ * @date 2021/8/19 12:58
+ */
+class FormValidateService {
+  /**
+   * @description: 校验并进行窗口提示
+   * @author ChenRui
+   * @date 2021/8/19 12:58
+   */
+  validateTips(formApis: FormApi | FormApi[], scrollView?: any): boolean {
+    if (formApis != null) {
+      if (!Array.isArray(formApis)) {
+        formApis = [formApis];
+      }
+      const actualFormApis: FormApi[] = [];
+      let allError: ValidateReport[] = [];
+      let errMessage = "";
+      formApis.forEach((formApi) => {
+        const errors: ValidateReport[] = formApi.validateReport(); // 获取校验报告
+        if (errors && errors.length > 0) {
+          actualFormApis.push(formApi);
+          allError = allError.concat(errors);
+        }
+      });
+      if (allError && allError.length > 0) {
+        // 显示错误的输入框
+        allError.forEach((err) => {
+          console.log(err);
+          errMessage += `<div class="lo-error-item d-flex"><div class="lo-error-describe">${err.name}</div>&nbsp;${err.errorMsg}；</div>`;
+        });
+
+        Modal.confirm({
+          width: 380,
+          title: h("div", { class: "d-flex", innerHTML: `<img src="${FORM_ERROR_MODAL_SVG_XML}" /><div style="font-size: 18px">校验提示</div>` }),
+          content: h("div", { innerHTML: errMessage }),
+          onOk: () => {
+            this.showErrorModal(actualFormApis as any, allError, scrollView);
+          },
+          okText: "确认",
+          cancelText: "取消",
+          class: "lo-form-error-modal",
+        });
+        return false;
+      }
+    }
+    return true;
+  }
+
+  /**
+   * @Description: 滚动到错误位置-闪烁提示
+   * @author LiuBo
+   * @date 2021/2/25
+   * @time 21:35
+   */
+  public showErrorModal(formApis: FormApi[], allError: ValidateReport[], scrollView?: any) {
+    const errorEl: any = formApis[0]?.getControlEl(allError[0]?.key);
+    if (errorEl != null) {
+      if (scrollView && typeof scrollView === "string") {
+        scrollView = document.getElementById(scrollView);
+      }
+      if (scrollView) {
+        scrollView.scrollTo({ top: errorEl.offsetTop, behavior: "smooth" });
+        const running = (event: any) => {
+          const scrollTop = scrollView.window != null && scrollView.window === scrollView.window.window ? document.documentElement.scrollTop || document.body.scrollTop : scrollView.scrollTop;
+          const calculationError = errorEl.offsetTop - scrollTop;
+          if (calculationError > -20 && calculationError < 20) {
+            scrollView.removeEventListener("scroll", running);
+            this.showErrInput(errorEl);
+          }
+        };
+        scrollView.addEventListener("scroll", running, false);
+      } else {
+        this.showErrInput(errorEl);
+      }
+    }
+  }
+
+  /**
+   * @Description: 闪烁显示校验不通过的输入框
+   * @author LiuBo
+   * @date 2019/6/3
+   * @time 22:01
+   * @param el 出错的输入框html对象
+   */
+  private showErrInput(el: any) {
+    let count = 0;
+    const interval = setInterval(() => {
+      el.style.opacity = count++ % 2 === 0 ? ".3" : "1";
+      if (count > 5) {
+        clearInterval(interval);
+      }
+    }, 400);
+  }
+}
+const formValidateService = new FormValidateService();
+export { formValidateService };

package/src/services/index.ts

@@ -1,9 +1,9 @@
-export * from "./api.service";
-export * from "./clean-local-forage.service";
-export * from "./dict-local-forage.service";
-export * from "./form-bean-utils.service";
-export * from "./form-local-forage.service";
-export * from "./form-tools.service";
-export * from "./form-tree-node-convert.service";
-export * from "./form-validate.service";
-export * from "./validate-generator.service";
+export * from "./api.service";
+export * from "./clean-local-forage.service";
+export * from "./dict-local-forage.service";
+export * from "./form-bean-utils.service";
+export * from "./form-local-forage.service";
+export * from "./form-tools.service";
+export * from "./form-tree-node-convert.service";
+export * from "./form-validate.service";
+export * from "./validate-generator.service";

package/src/services/router.service.ts

@@ -1,96 +1,96 @@
-interface Params {
-  [key: string]: any;
-}
-export class RouterService {
-  constructor() {}
-
-  /**
-   * @description: 跨应用跳转
-   * @author ChenRui
-   * @date 2020/9/28 14:23
-   */
-  push(subapp: string): void {
-    history.pushState(null, subapp, subapp);
-  }
-
-  /**
-   * @description: 获取纯路劲
-   * @author ChenRui
-   * @date 2020/10/12 21:06
-   */
-  getPathFromUrl(url: string): string {
-    let path = url;
-    if (url.indexOf("?") !== -1) {
-      path = url.split("?")[0];
-    }
-    return path;
-  }
-
-  /**
-   * @description: 获取请求参数
-   * @author ChenRui
-   * @date 2020/10/12 21:06
-   */
-  getParamsFromUrl(url: string): Params | undefined {
-    let parameter: Params | undefined;
-    if (url.indexOf("?") !== -1) {
-      parameter = this.urlParameterToParams(url.split("?")[1]);
-    }
-    return parameter;
-  }
-
-  /**
-   * @description: url地址参数转换成路由参数对象
-   * @author ChenRui
-   * @date 2020/10/12 21:07
-   */
-  urlParameterToParams(parameter: string): Params | undefined {
-    const params: Params = {};
-    const arr: string[] = parameter.split("&");
-    arr.forEach((val, idx, array) => {
-      const kv: string[] = val.split("=");
-      if (kv.length > 1) {
-        params[kv[0]] = decodeURIComponent(kv[1]);
-      } else {
-        params[kv[0]] = "";
-      }
-    });
-    return params;
-  }
-
-  /**
-   * @description: 地址参数拼接
-   * @author ChenRui
-   * @date 2021/2/19 11:40
-   */
-  getParameterOfUrl(url: string, parameter?: { [key: string]: any }): string {
-    let connectiveSymbol = "";
-    if (url.indexOf("?") !== -1) {
-      connectiveSymbol = "&";
-    } else {
-      connectiveSymbol = "?";
-    }
-    if (parameter && Object.keys(parameter).length > 0) {
-      let mark = 0;
-      Object.keys(parameter).forEach((item) => {
-        if (mark === 0) {
-          if (parameter[item] != null && parameter[item] !== "null" && parameter[item] !== "undefined") {
-            url += connectiveSymbol + item + "=" + parameter[item];
-          } else {
-            url += connectiveSymbol + item + "=";
-          }
-        } else {
-          if (parameter[item] != null && parameter[item] !== "null" && parameter[item] !== "undefined") {
-            url += "&" + item + "=" + parameter[item];
-          } else {
-            url += "&" + item + "=";
-          }
-        }
-        mark++;
-      });
-    }
-    return url;
-  }
-}
-const routerService: RouterService = new RouterService();
-export { routerService, Params };
+interface Params {
+  [key: string]: any;
+}
+export class RouterService {
+  constructor() {}
+
+  /**
+   * @description: 跨应用跳转
+   * @author ChenRui
+   * @date 2020/9/28 14:23
+   */
+  push(subapp: string): void {
+    history.pushState(null, subapp, subapp);
+  }
+
+  /**
+   * @description: 获取纯路劲
+   * @author ChenRui
+   * @date 2020/10/12 21:06
+   */
+  getPathFromUrl(url: string): string {
+    let path = url;
+    if (url.indexOf("?") !== -1) {
+      path = url.split("?")[0];
+    }
+    return path;
+  }
+
+  /**
+   * @description: 获取请求参数
+   * @author ChenRui
+   * @date 2020/10/12 21:06
+   */
+  getParamsFromUrl(url: string): Params | undefined {
+    let parameter: Params | undefined;
+    if (url.indexOf("?") !== -1) {
+      parameter = this.urlParameterToParams(url.split("?")[1]);
+    }
+    return parameter;
+  }
+
+  /**
+   * @description: url地址参数转换成路由参数对象
+   * @author ChenRui
+   * @date 2020/10/12 21:07
+   */
+  urlParameterToParams(parameter: string): Params | undefined {
+    const params: Params = {};
+    const arr: string[] = parameter.split("&");
+    arr.forEach((val, idx, array) => {
+      const kv: string[] = val.split("=");
+      if (kv.length > 1) {
+        params[kv[0]] = decodeURIComponent(kv[1]);
+      } else {
+        params[kv[0]] = "";
+      }
+    });
+    return params;
+  }
+
+  /**
+   * @description: 地址参数拼接
+   * @author ChenRui
+   * @date 2021/2/19 11:40
+   */
+  getParameterOfUrl(url: string, parameter?: { [key: string]: any }): string {
+    let connectiveSymbol = "";
+    if (url.indexOf("?") !== -1) {
+      connectiveSymbol = "&";
+    } else {
+      connectiveSymbol = "?";
+    }
+    if (parameter && Object.keys(parameter).length > 0) {
+      let mark = 0;
+      Object.keys(parameter).forEach((item) => {
+        if (mark === 0) {
+          if (parameter[item] != null && parameter[item] !== "null" && parameter[item] !== "undefined") {
+            url += connectiveSymbol + item + "=" + parameter[item];
+          } else {
+            url += connectiveSymbol + item + "=";
+          }
+        } else {
+          if (parameter[item] != null && parameter[item] !== "null" && parameter[item] !== "undefined") {
+            url += "&" + item + "=" + parameter[item];
+          } else {
+            url += "&" + item + "=";
+          }
+        }
+        mark++;
+      });
+    }
+    return url;
+  }
+}
+const routerService: RouterService = new RouterService();
+export { routerService, Params };