@dhccmobile/vue3-lo-form 2.0.0 → 2.0.2

package/src/filtres/generate-grid-column-end.filter.ts

@@ -1,22 +1,22 @@
-interface Config {
-  value: number;
-  order: number;
-}
-
-function transform(configs: Config[]): unknown {
-  if (configs != null && configs.length > 0) {
-    return configs.length + 1;
-  } else {
-    return 2;
-  }
-}
-/**
- * @description: 跨列计算
- * @author ChenRui
- * @date 2020/12/1 19:34
- */
-const generateGridColumnEnd = (configs: Config[]) => {
-  return transform(configs);
-};
-
-export default generateGridColumnEnd;
+interface Config {
+  value: number;
+  order: number;
+}
+
+function transform(configs: Config[]): unknown {
+  if (configs != null && configs.length > 0) {
+    return configs.length + 1;
+  } else {
+    return 2;
+  }
+}
+/**
+ * @description: 跨列计算
+ * @author ChenRui
+ * @date 2020/12/1 19:34
+ */
+const generateGridColumnEnd = (configs: Config[]) => {
+  return transform(configs);
+};
+
+export default generateGridColumnEnd;

package/src/filtres/generate-grid-template-columns.filter.ts

@@ -1,24 +1,24 @@
-interface Config {
-  value: number;
-  order: number;
-}
-
-function transform(configs: Config[]): unknown {
-  if (configs != null && configs.length > 0) {
-    const arr: string[] = [];
-    configs.sort((a: Config, b: Config) => a.order - b.order).forEach((item) => arr.push(item.value + "fr"));
-    return arr.join(" ");
-  } else {
-    return `1fr`;
-  }
-}
-/**
- * @description: 网格布局比例分配
- * @author ChenRui
- * @date 2020/12/1 19:32
- */
-const generateGridTemplateColumns = (configs: Config[]) => {
-  return transform(configs);
-};
-
-export default generateGridTemplateColumns;
+interface Config {
+  value: number;
+  order: number;
+}
+
+function transform(configs: Config[]): unknown {
+  if (configs != null && configs.length > 0) {
+    const arr: string[] = [];
+    configs.sort((a: Config, b: Config) => a.order - b.order).forEach((item) => arr.push(item.value + "fr"));
+    return arr.join(" ");
+  } else {
+    return `1fr`;
+  }
+}
+/**
+ * @description: 网格布局比例分配
+ * @author ChenRui
+ * @date 2020/12/1 19:32
+ */
+const generateGridTemplateColumns = (configs: Config[]) => {
+  return transform(configs);
+};
+
+export default generateGridTemplateColumns;

package/src/filtres/switch-enum-convert.filter.ts

@@ -1,18 +1,18 @@
-/**
- * @description: 通用字典转换
- * @author ChenRui
- * @date 2020/7/29 18:43
- */
-function encode(code: string, switchEnumFiled: any, attribute?: string, defaultVal?: any) {
-  if (switchEnumFiled != null && Object.values(switchEnumFiled).length > 0) {
-    for (const switchEnum of Object.values(switchEnumFiled) as any) {
-      return switchEnum[attribute || "name"] || defaultVal;
-    }
-  }
-  return defaultVal || "";
-}
-const switchEnumConvert = (code: string, switchEnumFiled: any, attribute?: string, defaultVal?: any) => {
-  return encode(code, switchEnumFiled, attribute, defaultVal);
-};
-
-export default switchEnumConvert;
+/**
+ * @description: 通用字典转换
+ * @author ChenRui
+ * @date 2020/7/29 18:43
+ */
+function encode(code: string, switchEnumFiled: any, attribute?: string, defaultVal?: any) {
+  if (switchEnumFiled != null && Object.values(switchEnumFiled).length > 0) {
+    for (const switchEnum of Object.values(switchEnumFiled) as any) {
+      return switchEnum[attribute || "name"] || defaultVal;
+    }
+  }
+  return defaultVal || "";
+}
+const switchEnumConvert = (code: string, switchEnumFiled: any, attribute?: string, defaultVal?: any) => {
+  return encode(code, switchEnumFiled, attribute, defaultVal);
+};
+
+export default switchEnumConvert;

package/src/filtres/zoom-multiple.filter.ts

@@ -1,32 +1,32 @@
-import { ZoomType } from "@/constants/enum/zoom-type";
-import { FormControl } from "@/domain/FormControl";
-import { MathJsStatic } from "mathjs";
-import { getCurrentInstance } from "vue";
-
-/**
- * @description: 通用字典转换
- * @author ChenRui
- * @date 2020/7/29 18:43
- */
-function encode(data: any, formControl: FormControl) {
-  const proxy: any = getCurrentInstance()?.proxy;
-  const mathjs: MathJsStatic = proxy?.$mathjs as MathJsStatic;
-  if (data && formControl.controlAttr.zoomMultiple) {
-    if (formControl.controlAttr.zoomType === ZoomType.enlarge.code) {
-      data = mathjs.format(mathjs.evaluate(`${data} * ${formControl.controlAttr.zoomMultiple}`), { notation: "fixed" });
-    } else if (formControl.controlAttr.zoomType === ZoomType.narrow.code) {
-      data = mathjs.format(mathjs.evaluate(`${data} / ${formControl.controlAttr.zoomMultiple}`), { notation: "fixed" });
-    } else if (formControl.controlAttr.zoomType === ZoomType.automatic.code) {
-      data = mathjs.format(mathjs.evaluate(`${data} * ${formControl.controlAttr.zoomMultiple}`), { notation: "fixed" });
-    }
-  }
-  if (String(formControl.value) === "0") {
-    data = 0;
-  }
-  return data;
-}
-const zoomMultiple = (code: any, formControl: FormControl) => {
-  return encode(code, formControl);
-};
-
-export default zoomMultiple;
+import { ZoomType } from "@/constants/enum/zoom-type";
+import { FormControl } from "@/domain/FormControl";
+import { MathJsStatic } from "mathjs";
+import { getCurrentInstance } from "vue";
+
+/**
+ * @description: 通用字典转换
+ * @author ChenRui
+ * @date 2020/7/29 18:43
+ */
+function encode(data: any, formControl: FormControl) {
+  const proxy: any = getCurrentInstance()?.proxy;
+  const mathjs: MathJsStatic = proxy?.$mathjs as MathJsStatic;
+  if (data && formControl.controlAttr.zoomMultiple) {
+    if (formControl.controlAttr.zoomType === ZoomType.enlarge.code) {
+      data = mathjs.format(mathjs.evaluate(`${data} * ${formControl.controlAttr.zoomMultiple}`), { notation: "fixed" });
+    } else if (formControl.controlAttr.zoomType === ZoomType.narrow.code) {
+      data = mathjs.format(mathjs.evaluate(`${data} / ${formControl.controlAttr.zoomMultiple}`), { notation: "fixed" });
+    } else if (formControl.controlAttr.zoomType === ZoomType.automatic.code) {
+      data = mathjs.format(mathjs.evaluate(`${data} * ${formControl.controlAttr.zoomMultiple}`), { notation: "fixed" });
+    }
+  }
+  if (String(formControl.value) === "0") {
+    data = 0;
+  }
+  return data;
+}
+const zoomMultiple = (code: any, formControl: FormControl) => {
+  return encode(code, formControl);
+};
+
+export default zoomMultiple;

package/src/index.ts

@@ -1,73 +1,74 @@
-import { App } from "vue";
-import DyForm from "./components/form/DvForm.vue";
-import { formToolsService } from "@/services";
-import { DEFAULT_FORM_FILE_NAME } from "./constants/config/form.config";
-import { formLocalForageService } from "@/services";
-import { dictLocalForageService } from "@/services";
-import { create, subtractDependencies, addDependencies, multiplyDependencies, divideDependencies, formatDependencies, evaluateDependencies, MathJsStatic } from "mathjs";
-import { cleanLocalForageService } from "@/services";
-
-export * from "./components/index";
-export * from "./constants/index";
-export * from "./core/index";
-export * from "./domain/index";
-export * from "./services/index";
-export * from "./store/index";
-export * from "./types/vfForm";
-import "./styles/index.scss";
-
-import "dayjs/locale/zh-cn";
-import dayjs from "dayjs";
-
-const components: any = {
-  DyForm,
-};
-
-const install: any = function (app: App, options: any) {
-  if (install.installed) return;
-  install.installed = true;
-  // Modal.install(vue);
-  Object.keys(components).forEach((key) => {
-    app.component(key, components[key]);
-  });
-  dayjs.locale("zh-cn");
-
-  const url: string = options && options.url ? options.url : "./resources/json/" + DEFAULT_FORM_FILE_NAME;
-  app.config.globalProperties.$qlForm = {
-    url: url,
-    dictUrl: options && options.dictUrl ? options.dictUrl : "",
-    dictRestLoadMode: options && options.dictRestLoadMode ? options.dictRestLoadMode : "GET",
-    dictRestLoadBody: options && options.dictRestLoadBody ? options.dictRestLoadBody : undefined,
-    dictRestLoadHeaders: options && options.dictRestLoadHeaders ? options.dictRestLoadHeaders : undefined,
-    dictRestLoadOnlyBody: options && options.dictRestLoadOnlyBody ? options.dictRestLoadOnlyBody : false,
-    loadMode: options && options.loadMode ? options.loadMode : "static",
-    appId: options && options.appId ? options.appId : "",
-    onlySimpleLoadConfig: options && options.onlySimpleLoadConfig ? options.onlySimpleLoadConfig : false,
-    urls: options?.urls,
-    dictUrls: options?.dictUrls,
-  };
-  app.config.globalProperties.$formToolsService = formToolsService;
-  (window as any).$app = app;
-  cleanLocalForageService.init();
-  formLocalForageService.init();
-  dictLocalForageService.init();
-
-  const mathjsDependencies: any = {
-    formatDependencies,
-    subtractDependencies,
-    multiplyDependencies,
-    evaluateDependencies,
-    addDependencies,
-    divideDependencies,
-  };
-  const mathjs: Partial<MathJsStatic> = create(mathjsDependencies, {
-    number: "BigNumber",
-    precision: 20,
-  });
-  app.config.globalProperties.$mathjs = mathjs;
-};
-
-const VueLoForm = {
-  install,
-};
-export default VueLoForm;
+import { App } from "vue";
+import DyForm from "./components/form/DvForm.vue";
+import { formToolsService } from "@/services";
+import { DEFAULT_FORM_FILE_NAME } from "./constants/config/form.config";
+import { formLocalForageService } from "@/services";
+import { dictLocalForageService } from "@/services";
+import { create, subtractDependencies, addDependencies, multiplyDependencies, divideDependencies, formatDependencies, evaluateDependencies, MathJsStatic } from "mathjs";
+import { cleanLocalForageService } from "@/services";
+
+export * from "./components/index";
+export * from "./constants/index";
+export * from "./core/index";
+export * from "./domain/index";
+export * from "./services/index";
+export * from "./store/index";
+export * from "./types/vfForm";
+import "./styles/index.scss";
+
+import "dayjs/locale/zh-cn";
+import dayjs from "dayjs";
+
+const components: any = {
+  DyForm,
+};
+
+const install: any = function (app: App, options: any) {
+  if (install.installed) return;
+  install.installed = true;
+  // Modal.install(vue);
+  Object.keys(components).forEach((key) => {
+    app.component(key, components[key]);
+  });
+  dayjs.locale("zh-cn");
+
+  const url: string = options && options.url ? options.url : "./resources/json/" + DEFAULT_FORM_FILE_NAME;
+  app.config.globalProperties.$qlForm = {
+    url: url,
+    contextPath: options.contextPath || "/ms-loong",
+    dictUrl: options && options.dictUrl ? options.dictUrl : "",
+    dictRestLoadMode: options && options.dictRestLoadMode ? options.dictRestLoadMode : "GET",
+    dictRestLoadBody: options && options.dictRestLoadBody ? options.dictRestLoadBody : undefined,
+    dictRestLoadHeaders: options && options.dictRestLoadHeaders ? options.dictRestLoadHeaders : undefined,
+    dictRestLoadOnlyBody: options && options.dictRestLoadOnlyBody ? options.dictRestLoadOnlyBody : false,
+    loadMode: options && options.loadMode ? options.loadMode : "static",
+    appId: options && options.appId ? options.appId : "",
+    onlySimpleLoadConfig: options && options.onlySimpleLoadConfig ? options.onlySimpleLoadConfig : false,
+    urls: options?.urls,
+    dictUrls: options?.dictUrls,
+  };
+  app.config.globalProperties.$formToolsService = formToolsService;
+  (window as any).$app = app;
+  cleanLocalForageService.init();
+  formLocalForageService.init();
+  dictLocalForageService.init();
+
+  const mathjsDependencies: any = {
+    formatDependencies,
+    subtractDependencies,
+    multiplyDependencies,
+    evaluateDependencies,
+    addDependencies,
+    divideDependencies,
+  };
+  const mathjs: Partial<MathJsStatic> = create(mathjsDependencies, {
+    number: "BigNumber",
+    precision: 20,
+  });
+  app.config.globalProperties.$mathjs = mathjs;
+};
+
+const VueLoForm = {
+  install,
+};
+export default VueLoForm;

package/src/main.ts

@@ -1,17 +1,17 @@
-import { createApp } from "vue";
-import App from "./App.vue";
-import "ant-design-vue/dist/antd.css";
-import "@dhccmobile/common-style/css/common-style.css";
-import VueLoForm from "@/index";
-
-const app = createApp(App);
-// 设置为 true 以在浏览器开发工具的 performance/timeline 面板中启用对组件初始化、编译、渲染和更新的性能追踪。
-app.config.performance = true;
-app
-  .use(VueLoForm, {
-    url: "http://10.7.114.81:30570",
-    appId: "1009549605007003648,1014269796445605888,1015215693289242624,1028015525370548224",
-    onlySimpleLoadConfig: false,
-    loadMode: "dynamic",
-  })
-  .mount("#app");
+import { createApp } from "vue";
+import App from "./App.vue";
+import "ant-design-vue/dist/antd.css";
+import "@dhccmobile/common-style/css/common-style.css";
+import VueLoForm from "@/index";
+
+const app = createApp(App);
+// 设置为 true 以在浏览器开发工具的 performance/timeline 面板中启用对组件初始化、编译、渲染和更新的性能追踪。
+app.config.performance = true;
+app
+  .use(VueLoForm, {
+    url: "http://http://82.156.213.34:8080/",
+    appId: "1009549605007003648",
+    onlySimpleLoadConfig: false,
+    loadMode: "dynamic",
+  })
+  .mount("#app");

package/src/services/api.service.ts

@@ -1,73 +1,73 @@
-class ApiService {
-  createBasicHeaders() {
-    return {
-      "Content-Type": "application/json",
-      Accept: "application/json",
-    };
-  }
-
-  createAuthHeaders(accessToken: string, jti: string) {
-    return {
-      Authorization: "bearer " + accessToken,
-      "user-identity": jti,
-      "Content-Type": "application/json",
-      Accept: "application/json",
-    };
-  }
-
-  fetch(path: string, query: { [key: string]: any }, body: any, method: string, header: any) {
-    path = query != null ? this.urlQueryConvert(path, query) : path;
-    return fetch(path, {
-      method: method ? method : "GET",
-      headers: header,
-      body: body,
-    }).then(
-      function (response) {
-        response.status; //=> number 100–599
-        response.statusText; //=> String
-        response.headers; //=> Headers
-        response.url; //=> String
-
-        return response.json();
-      },
-      function (error) {
-        error.message; //=> String
-      }
-    );
-  }
-
-  /**
-   * @description: url请求参数组装
-   * @author ChenRui
-   * @date 2020/8/28 15:21
-   */
-  urlQueryConvert(url: string, query: { [key: string]: any }) {
-    let connectiveSymbol = "";
-    if (url.indexOf("?") !== -1) {
-      connectiveSymbol = "&";
-    } else {
-      connectiveSymbol = "?";
-    }
-    if (query) {
-      Object.keys(query).forEach((key, idx) => {
-        const val = query[key];
-        if (idx === 0) {
-          if (val != null && val !== "null" && val !== "undefined") {
-            url += connectiveSymbol + key + "=" + val;
-          } else {
-            url += connectiveSymbol + key + "=";
-          }
-        } else {
-          if (val != null && val !== "null" && val !== "undefined") {
-            url += "&" + key + "=" + val;
-          } else {
-            url += "&" + key + "=";
-          }
-        }
-      });
-    }
-    return url;
-  }
-}
-const apiService = new ApiService();
-export { apiService };
+class ApiService {
+  createBasicHeaders() {
+    return {
+      "Content-Type": "application/json",
+      Accept: "application/json",
+    };
+  }
+
+  createAuthHeaders(accessToken: string, jti: string) {
+    return {
+      Authorization: "bearer " + accessToken,
+      "user-identity": jti,
+      "Content-Type": "application/json",
+      Accept: "application/json",
+    };
+  }
+
+  fetch(path: string, query: { [key: string]: any }, body: any, method: string, header: any) {
+    path = query != null ? this.urlQueryConvert(path, query) : path;
+    return fetch(path, {
+      method: method ? method : "GET",
+      headers: header,
+      body: body,
+    }).then(
+      function (response) {
+        response.status; //=> number 100–599
+        response.statusText; //=> String
+        response.headers; //=> Headers
+        response.url; //=> String
+
+        return response.json();
+      },
+      function (error) {
+        error.message; //=> String
+      }
+    );
+  }
+
+  /**
+   * @description: url请求参数组装
+   * @author ChenRui
+   * @date 2020/8/28 15:21
+   */
+  urlQueryConvert(url: string, query: { [key: string]: any }) {
+    let connectiveSymbol = "";
+    if (url.indexOf("?") !== -1) {
+      connectiveSymbol = "&";
+    } else {
+      connectiveSymbol = "?";
+    }
+    if (query) {
+      Object.keys(query).forEach((key, idx) => {
+        const val = query[key];
+        if (idx === 0) {
+          if (val != null && val !== "null" && val !== "undefined") {
+            url += connectiveSymbol + key + "=" + val;
+          } else {
+            url += connectiveSymbol + key + "=";
+          }
+        } else {
+          if (val != null && val !== "null" && val !== "undefined") {
+            url += "&" + key + "=" + val;
+          } else {
+            url += "&" + key + "=";
+          }
+        }
+      });
+    }
+    return url;
+  }
+}
+const apiService = new ApiService();
+export { apiService };

package/src/services/clean-local-forage.service.ts

@@ -1,58 +1,58 @@
-import { FormConfig } from "../domain/FormConfig";
-import * as sourceLocalForage from "localforage";
-import { NAME } from "../constants/config/storage.config";
-class CleanLocalForageService {
-  localForage: any;
-  config: any;
-  get formConfig(): Partial<FormConfig> {
-    if ((window as any).$app.config.globalProperties.$qlForm) {
-      return (window as any).$app.config.globalProperties.$qlForm;
-    }
-    return {};
-  }
-
-  constructor() {}
-
-  init(): void {
-    const appId: string = this.formConfig.appId ? this.formConfig.appId : "";
-    this.config = {
-      driver: sourceLocalForage.INDEXEDDB, // Force WebSQL; same as using setDriver()
-      name: NAME,
-      version: 1.0,
-      storeName: "clean:" + appId, // Should be alphanumeric, with underscores.
-      description: "用于清理实例的缓存对象",
-    };
-    this.localForage = sourceLocalForage.createInstance(this.config);
-  }
-
-  /**
-   * @description: 设值
-   * @author ChenRui
-   * @date 2021/3/12 16:31
-   */
-  setItem(key: string, value: any): any {
-    this.localForage.setItem(key, value);
-  }
-
-  /**
-   * @description: 取值
-   * @author ChenRui
-   * @date 2021/3/12 16:31
-   */
-  getItem(key: string): Promise<any> {
-    return this.localForage.getItem(key);
-  }
-
-  /**
-   * @description: 删除实例
-   * @author ChenRui
-   * @date 2021/6/22 11:08
-   */
-  dropInstance(): void {
-    if (this.localForage != null) {
-      this.localForage.dropInstance().then();
-    }
-  }
-}
-const cleanLocalForageService: CleanLocalForageService = new CleanLocalForageService();
-export { CleanLocalForageService, cleanLocalForageService };
+import { FormConfig } from "../domain/FormConfig";
+import * as sourceLocalForage from "localforage";
+import { NAME } from "../constants/config/storage.config";
+class CleanLocalForageService {
+  localForage: any;
+  config: any;
+  get formConfig(): Partial<FormConfig> {
+    if ((window as any).$app.config.globalProperties.$qlForm) {
+      return (window as any).$app.config.globalProperties.$qlForm;
+    }
+    return {};
+  }
+
+  constructor() {}
+
+  init(): void {
+    const appId: string = this.formConfig.appId ? this.formConfig.appId : "";
+    this.config = {
+      driver: sourceLocalForage.INDEXEDDB, // Force WebSQL; same as using setDriver()
+      name: NAME,
+      version: 1.0,
+      storeName: "clean:" + appId, // Should be alphanumeric, with underscores.
+      description: "用于清理实例的缓存对象",
+    };
+    this.localForage = sourceLocalForage.createInstance(this.config);
+  }
+
+  /**
+   * @description: 设值
+   * @author ChenRui
+   * @date 2021/3/12 16:31
+   */
+  setItem(key: string, value: any): any {
+    this.localForage.setItem(key, value);
+  }
+
+  /**
+   * @description: 取值
+   * @author ChenRui
+   * @date 2021/3/12 16:31
+   */
+  getItem(key: string): Promise<any> {
+    return this.localForage.getItem(key);
+  }
+
+  /**
+   * @description: 删除实例
+   * @author ChenRui
+   * @date 2021/6/22 11:08
+   */
+  dropInstance(): void {
+    if (this.localForage != null) {
+      this.localForage.dropInstance().then();
+    }
+  }
+}
+const cleanLocalForageService: CleanLocalForageService = new CleanLocalForageService();
+export { CleanLocalForageService, cleanLocalForageService };