@dhccmobile/vue3-lo-form 0.1.0

package/types/services/form-tools.service.d.ts

@@ -0,0 +1,109 @@
+import { FormConfig } from "../domain/FormConfig";
+import { FormRestfulResponse } from "../domain/FormRestfulResponse";
+import { DesForm } from "../domain/DesForm";
+import { MapNodeOptions, NzTreeNodeOptions } from "./form-tree-node-convert.service";
+import { SysDictInfo } from "../domain/SysDictInfo";
+import { FormApi } from "../core/FormApi";
+interface DictionaryFormatCollection {
+    sysDictDetailOptions?: NzTreeNodeOptions[];
+    sysDictTreeDetailOptions?: NzTreeNodeOptions[];
+    mapSysDictDetailOptions?: MapNodeOptions;
+    mapSysDictTreeDetailOptions?: MapNodeOptions;
+}
+declare class FormToolsService {
+    private static readonly LOAD_SUCCESS;
+    private static readonly LOAD_FAIL;
+    private static IS_FIRST_LOADED;
+    private nodeContrast;
+    private dictDetailsContrast;
+    private nzDictDetailsContrastContrast;
+    private dictTreeDetailsContrast;
+    private nzDictTreeDetailsContrastContrast;
+    private desForms;
+    sysDictDetailOptions: NzTreeNodeOptions[];
+    sysDictTreeDetailOptions: NzTreeNodeOptions[];
+    mapSysDictDetailOptions: MapNodeOptions | undefined;
+    mapSysDictTreeDetailOptions: MapNodeOptions | undefined;
+    constructor();
+    get formConfig(): Partial<FormConfig>;
+    /**
+     * @description: 检查是否经过首次初始化并初始化
+     * @author ChenRui
+     * @date 2021/1/5 23:04
+     */
+    checkFirstLoadAndInitDesign(): Promise<FormRestfulResponse>;
+    /**
+     * @description: 初始化
+     * @author ChenRui
+     * @date 2021/3/12 11:02
+     */
+    init(): Promise<FormRestfulResponse>;
+    /**
+     * @description: 初始化表单设计
+     * @author ChenRui
+     * @date 2020/11/20 10:55
+     */
+    initDesign(): Promise<FormRestfulResponse>;
+    /**
+     * @description: 加载远程表单配置
+     * @author ChenRui
+     * @date 2020/11/20 17:30
+     */
+    private loadDesign;
+    /**
+     * @description: 初始化字典
+     * @author ChenRui
+     * @date 2021/3/11 14:32
+     */
+    initDict(): Promise<FormRestfulResponse>;
+    /**
+     * @description: 加载远程字典配置
+     * @author ChenRui
+     * @date 2020/11/20 17:30
+     */
+    private loadDict;
+    /**
+     * @description: 初始化字典可选项
+     * @author ChenRui
+     * @date 2020/11/10 20:38
+     */
+    inidDictOptions(sysDictInfos: SysDictInfo[]): DictionaryFormatCollection;
+    /**
+     * @description: 格式化表单
+     * @author ChenRui
+     * @date 2020/11/30 15:48
+     */
+    formatDesForm(sourceDesForm: DesForm): DesForm | undefined;
+    /**
+     * @description: 递归格式化
+     * @author ChenRui
+     * @date 2020/11/17 10:16
+     */
+    private recursionFormatForm;
+    /**
+     * @description: 控件排序
+     * @author ChenRui
+     * @date 2020/11/17 11:59
+     */
+    private sortControls;
+    /**
+     * @description: 加载资源
+     * @author ChenRui
+     * @date 2020/11/23 11:00
+     */
+    loadResource(formId: string): DesForm;
+    /**
+     * @description: rest客户端
+     * @author ChenRui
+     * @date 2020/11/19 21:02
+     */
+    private fetch;
+    /**
+     * @description: 校验提示
+     * @author ChenRui
+     * @date 2021/8/18 17:14
+     */
+    validateTips(formApis: FormApi | FormApi[], scrollView?: any): boolean;
+}
+declare const formToolsService: FormToolsService;
+export { formToolsService, FormToolsService, DictionaryFormatCollection };

package/types/services/form-tree-node-convert.service.d.ts

@@ -0,0 +1,94 @@
+interface NodeContrast {
+    id: string;
+    parentId: string;
+    children: string;
+}
+interface NzNodeContrast {
+    title: string;
+    key: string;
+    icon?: string;
+    isLeaf?: string;
+    checked?: string;
+    selected?: string;
+    selectable?: string;
+    disabled?: string;
+    disableCheckbox?: string;
+    expanded?: string;
+    children: string;
+    [key: string]: any;
+}
+interface NzCascaderOptionContrast {
+    value: string;
+    label: string;
+    title?: string;
+    disabled?: string;
+    loading?: string;
+    isLeaf?: string;
+    parent?: string;
+    children: string;
+    [key: string]: any;
+}
+interface NzTreeNodeOptions {
+    title: string;
+    key: string;
+    icon?: string;
+    isLeaf?: boolean;
+    checked?: boolean;
+    selected?: boolean;
+    selectable?: boolean;
+    disabled?: boolean;
+    disableCheckbox?: boolean;
+    expanded?: boolean;
+    children?: NzTreeNodeOptions[];
+    [key: string]: any;
+}
+interface MapNodeItem {
+    key?: string;
+    title?: string;
+    value?: string;
+    children?: MapNodeOptions;
+}
+interface MapNodeOptions {
+    [key: string]: MapNodeItem;
+}
+declare class FormTreeNodeConvertService {
+    constructor();
+    /**
+     * @description: 数组转换为树形结构
+     * @author ChenRui
+     * @date 2020/10/30 10:18
+     */
+    arrayConvertToTreeNode(data: any[], nodeContrast: NodeContrast, parentId?: string): any[];
+    /**
+     * @description: 树形结构转换为Nz树形结构
+     * @author ChenRui
+     * @date 2020/10/30 10:21
+     */
+    treeNodeConvertToNzTreeNode(data: any[], nzNodeContrast: NzNodeContrast, isDisabledLeaf?: boolean): any[];
+    /**
+     * @description: 数组转换为Nz树形结构
+     * @author ChenRui
+     * @date 2020/10/30 10:41
+     */
+    arrayConvertToNzTreeNode(data: any[], nodeContrast: NodeContrast, nzNodeContrast: NzNodeContrast, isDisabledLeaf?: boolean): any[];
+    /**
+     * @description: 树形结构转换为Nz树形结构
+     * @author ChenRui
+     * @date 2020/10/30 10:21
+     */
+    treeNodeConvertToCascaderOption(data: any[], nzCascaderOptionContrast: NzCascaderOptionContrast, isDisabledLeaf?: boolean): any[];
+    /**
+     * @description: 插件树结构转map
+     * @author ChenRui
+     * @date 2022/1/18 19:19
+     */
+    nzTreeNodeConvertToMap(data: NzTreeNodeOptions[]): MapNodeOptions | undefined;
+    /**
+     * @description: 数组转换为Nz树形结构
+     * @author ChenRui
+     * @date 2020/10/30 10:41
+     */
+    arrayConvertToCascaderOption(data: any[], nodeContrast: NodeContrast, nzCascaderOptionContrast: NzCascaderOptionContrast, isDisabledLeaf?: boolean): any[];
+}
+declare const formTreeNodeConvertService: FormTreeNodeConvertService;
+export { NodeContrast, NzNodeContrast, NzCascaderOptionContrast, NzTreeNodeOptions, MapNodeItem, MapNodeOptions, formTreeNodeConvertService };

package/types/services/form-validate.service.d.ts

@@ -0,0 +1,32 @@
+import { FormApi } from "../core/FormApi";
+import { ValidateReport } from "../domain/FormControl";
+/**
+ * @description: 表单校验窗口提示
+ * @author ChenRui
+ * @date 2021/8/19 12:58
+ */
+declare class FormValidateService {
+    /**
+     * @description: 校验并进行窗口提示
+     * @author ChenRui
+     * @date 2021/8/19 12:58
+     */
+    validateTips(formApis: FormApi | FormApi[], scrollView?: any): boolean;
+    /**
+     * @Description: 滚动到错误位置-闪烁提示
+     * @author LiuBo
+     * @date 2021/2/25
+     * @time 21:35
+     */
+    showErrorModal(formApis: FormApi[], allError: ValidateReport[], scrollView?: any): void;
+    /**
+     * @Description: 闪烁显示校验不通过的输入框
+     * @author LiuBo
+     * @date 2019/6/3
+     * @time 22:01
+     * @param el 出错的输入框html对象
+     */
+    private showErrInput;
+}
+declare const formValidateService: FormValidateService;
+export { formValidateService };

package/types/services/index.d.ts

@@ -0,0 +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";

package/types/services/router.service.d.ts

@@ -0,0 +1,40 @@
+interface Params {
+    [key: string]: any;
+}
+export declare class RouterService {
+    constructor();
+    /**
+     * @description: 跨应用跳转
+     * @author ChenRui
+     * @date 2020/9/28 14:23
+     */
+    push(subapp: string): void;
+    /**
+     * @description: 获取纯路劲
+     * @author ChenRui
+     * @date 2020/10/12 21:06
+     */
+    getPathFromUrl(url: string): string;
+    /**
+     * @description: 获取请求参数
+     * @author ChenRui
+     * @date 2020/10/12 21:06
+     */
+    getParamsFromUrl(url: string): Params | undefined;
+    /**
+     * @description: url地址参数转换成路由参数对象
+     * @author ChenRui
+     * @date 2020/10/12 21:07
+     */
+    urlParameterToParams(parameter: string): Params | undefined;
+    /**
+     * @description: 地址参数拼接
+     * @author ChenRui
+     * @date 2021/2/19 11:40
+     */
+    getParameterOfUrl(url: string, parameter?: {
+        [key: string]: any;
+    }): string;
+}
+declare const routerService: RouterService;
+export { routerService, Params };

package/types/services/validate-generator.service.d.ts

@@ -0,0 +1,154 @@
+import { DesFormControl, FormControl, Validate } from "../domain";
+interface Rule {
+    ruleType?: any;
+    ruleContent?: any;
+    describe?: any;
+}
+declare class ValidateGeneratorService {
+    /**
+     * @description: 填充校验规则
+     * @author ChenRui
+     * @date 2021/1/27 15:07
+     */
+    fillCheckRule(formControl: FormControl, controlAttr: DesFormControl): void;
+    /**
+     * @description: 获取校验规则
+     * @author ChenRui
+     * @date 2021/7/19 17:55
+     */
+    getBuiltInValidationRules(item: Rule, controlAttr: DesFormControl): Validate | undefined;
+    /**
+     * @description: 相同的值
+     * @author ChenRui
+     * @date 2021/1/27 15:12
+     */
+    genSameValue(item: Rule): Validate;
+    /**
+     * @description: 电子邮箱
+     * @author ChenRui
+     * @date 2021/1/27 15:15
+     */
+    genMailBox(item: Rule): Validate;
+    /**
+     * @description: 正则匹配
+     * @author ChenRui
+     * @date 2021/1/27 15:17
+     */
+    genRegEx(item: Rule): Validate;
+    /**
+     * @description: 最小文本长度
+     * @author ChenRui
+     * @date 2021/1/27 15:18
+     */
+    genMinTextLength(item: Rule): Validate;
+    /**
+     * @description: 最大文本长度
+     * @author ChenRui
+     * @date 2021/1/27 15:21
+     */
+    genMaxTextLength(item: Rule): Validate;
+    /**
+     * @description: 最小值
+     * @author ChenRui
+     * @date 2021/1/27 15:24
+     */
+    genMinValue(item: Rule): Validate;
+    /**
+     * @description: 最大值
+     * @author ChenRui
+     * @date 2021/1/27 15:25
+     */
+    genMaxValue(item: Rule): Validate;
+    /**
+     * @description: 指定的值
+     * @author ChenRui
+     * @date 2021/1/27 15:27
+     */
+    genSpecifiedValue(item: Rule): Validate;
+    /**
+     * @description: 指定位数数字
+     * @author ChenRui
+     * @date 2021/1/27 15:31
+     */
+    genSpecifiedDigitsNumber(item: Rule): Validate;
+    /**
+     * @description: 自动补位
+     * @author ChenRui
+     * @date 2021/1/27 15:59
+     */
+    roundNumber(number: any, decimals: any): any;
+    /**
+     * @description: 日期不早于
+     * @author ChenRui
+     * @date 2021/1/27 16:06
+     */
+    genDateNotEarlierThan(item: Rule): Validate;
+    /**
+     * @description: 日期不晚于
+     * @author ChenRui
+     * @date 2021/1/27 16:08
+     */
+    genDateNoLaterThan(item: Rule): Validate;
+    /**
+     * @description: 指定范围的数字
+     * @author ChenRui
+     * @date 2021/1/27 16:35
+     */
+    genSpecifiedRangeNumber(item: Rule): Validate;
+    /**
+     * @description: 手机号
+     * @author ChenRui
+     * @date 2021/1/27 16:55
+     */
+    genPhoneNumber(item: Rule): Validate;
+    /**
+     * @description: 必填
+     * @author ChenRui
+     * @date 2021/1/27 15:28
+     */
+    genRequired(item: Rule, controlType: string): Validate;
+    /**
+     * @description: 唯一行
+     * @author ChenRui
+     * @date 2021/1/27 17:16
+     */
+    genLineUnique(item: Rule): Validate;
+    /**
+     * @description: 仅包含字母空格
+     * @author ChenRui
+     * @date 2021/1/27 17:21
+     */
+    genLetterSpace(item: Rule): Validate;
+    /**
+     * @description: 数字字母下划线
+     * @author ChenRui
+     * @date 2021/1/27 17:28
+     */
+    genAlphanumericUnderline(item: Rule): Validate;
+    /**
+     * @description: 字母数字
+     * @author ChenRui
+     * @date 2021/1/27 17:32
+     */
+    genAlphanumeric(item: Rule): Validate;
+    /**
+     * @description: JS方法校验
+     * @author ChenRui
+     * @date 2021/1/27 17:42
+     */
+    genJsMethodVerification(item: Rule): Validate;
+    /**
+     * @description: 后端校验
+     * @author ChenRui
+     * @date 2021/1/27 17:43
+     */
+    genBackEndVerification(item: Rule): Validate;
+    /**
+     * @description: 座机号校验
+     * @author ChenRui
+     * @date 2021/4/14 11:40
+     */
+    genLandlineNumber(item: Rule): Validate;
+}
+declare const validateGeneratorService: ValidateGeneratorService;
+export { Rule, validateGeneratorService };

package/types/store/dict.store.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @description: 表单版本管理
+ * @author ChenRui
+ * @date 2020/12/30 11:17
+ */
+declare class DictStore {
+    private static readonly DICTS;
+    private static readonly TREE_DICTS;
+    private static readonly MAP_DICTS;
+    private static readonly MAP_TREE_DICTS;
+    private static readonly VERSION;
+    constructor();
+    /**常规字典存储*/
+    setDicts(nzTreeNodeOptions: any[]): void;
+    getDicts(): Promise<any[]>;
+    /**树形字典存储*/
+    setTreeDicts(nzTreeNodeOptions: any[]): void;
+    getTreeDicts(): Promise<any[]>;
+    /**map型常规字典存储*/
+    setMapDicts(nzTreeNodeOptions: any): void;
+    getMapDicts(): Promise<any>;
+    /**map型树形字典存储*/
+    setMapTreeDicts(nzTreeNodeOptions: any): void;
+    getMapTreeDicts(): Promise<any>;
+    setVersion(value: string): void;
+    getVersion(): Promise<any>;
+}
+declare const dictStore: DictStore;
+export { dictStore };

package/types/store/form.store.d.ts

@@ -0,0 +1,17 @@
+import { DesForm } from "../domain/DesForm";
+/**
+ * @description: 表单存储服务
+ * @author ChenRui
+ * @date 2020/12/30 11:17
+ */
+declare class FormStore {
+    private static readonly FORMS;
+    private static readonly VERSION;
+    constructor();
+    setForms(desForm: DesForm[]): void;
+    getForms(): Promise<DesForm[]>;
+    setVersion(value: string): void;
+    getVersion(): Promise<any>;
+}
+declare const formStore: FormStore;
+export { formStore };

package/types/store/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./form.store";
+export * from "./dict.store";

package/types/types/vfForm.d.ts

@@ -0,0 +1,10 @@
+import { FormConfig } from "@/domain";
+import { FormToolsService } from "@/services";
+import { MathJsStatic } from "mathjs";
+declare module "@vue/runtime-core" {
+    interface ComponentCustomProperties {
+        $qlForm: FormConfig;
+        $formToolsService: FormToolsService;
+        $mathjs: Partial<MathJsStatic>;
+    }
+}

package/vue.config.js

@@ -0,0 +1,29 @@
+// const path = require("path");
+const webpack = require("webpack");
+// function resolve(dir) {
+//   // path.join()方法用于连接路径
+//   return path.join(__dirname, dir);
+// }
+// vue.config.js
+module.exports = {
+  configureWebpack: {
+    plugins: [
+      // 忽略 moment.js的所有本地文件
+      new webpack.IgnorePlugin(/\.\/locale/, /moment/),
+    ],
+    resolve: {
+      alias: {
+        // "@ant-design/icons/lib/dist$": resolve("./src/constants/encode-assets/icons.ts"),
+      },
+    },
+  },
+  css: {
+    loaderOptions: {
+      less: {
+        lessOptions: {
+          javascriptEnabled: true,
+        },
+      },
+    },
+  },
+};