@dhccmobile/vue3-lo-form

内部

简介

动态表单-支持Vue3.0版-PC端-插件

更新日志

• 2.1.8 优化setFormData函数，解决表单加载慢，赋值快时的报错问题
• 2.1.7 全面优化构建物体积，助力宿主包首屏加载效率
• 2.1.5 解决label宽度样式问题
• 2.1.4
  1. 新增下拉框、日期、树形选择框、级联选择框脱敏功能 2026年7月8日 20:54:11
• 2.1.3
  1. 调用脱敏接口时追加参数，字段的中文含义 2026年6月1日 13:47:24
• 2.1.2
  1. 新增字段脱敏展示和点击小眼睛展示原文功能
  2. 修改之前版本发现的缺陷 2026年5月18日 09:29:36
• 2.0.55 解决自定义组件的样式问题
• 2.0.53 优化表单加载逻辑
• 2.0.5 ~ 2.0.52 新增了label换行展示的主题样式，theme4，主要满足某润客户需求

更新日志

• 2.0.4

1. dy-form添加表单权限控制属性formLimits

/** 字段权限示例
 * - id: 表单字段
 * - isHide: 0-显示 1-隐藏
 * - isNotEdit: 0-可编辑 1-不可编辑
 * - isMustFill: 0-可为空 1-必填
 */
formLimits: [{ id: 'deptNm', isHide: 0, isNotEdit: 0, isMustFill: 0 }]

• 2.0.3

• 2.0.2
  1.适配移动端单行展示

• 2.0.1
  1.新增 contextPath 参数； 默认 /ms-loong

• 2.0.0
  1.优化打包，减小打包后的体积
  2.添加节假日查询开关,默认 false。 formToolsService.setSupHoliday(true)
  3.添加表单disabled自定义背景色, 默认 #f0f0f0。 formToolsService.setFormDisabledColor("#eee")

• 1.1.42 修复金额转大写逻辑错误问题

目录结构

├── build // 构建相关
├── src // 源代码
│ ├── assets // 资源目录，这里的资源会被wabpack构建
│ │ ├── css // 全局样式
│ │ ├── icons // 项目所有 svg icons
│ │ │ ├── iconfont // 阿里巴巴矢量图标库
│ │ │ └── font-awesome // font-awesom矢量图标库
│ │ ├── img // 图片
│ │ ├── json // json数据文件
│ │ ├── lang // 国际化 language
│ │ └── plugins // 离线插件
│ ├── components // 小组件，公共组件
│ ├── constants // 全局常量
│ │ ├── api // 后端接口资源文件
│ │ ├── config // 配置常量
│ │ ├── enum // 枚举类
│ │ └── types // 类型声明文件
│ ├── directives // 全局指令
│ ├── filtres // 全局过滤器
│ ├── model // 模型
│ │ ├── domain // 自定义模型
│ │ └── entity // 实体模型，和后端数据交互对象一致
│ ├── router // 路由
│ ├── service // 服务/工具类
│ ├── store // 数据缓存工具类
│ ├── views // 页面级组件
│ │ │ ├── app-management // 应用管理
│ │ │ ├── ...... // 其他业务模块
│ │ │ └── user-management // 用户管理
│ ├── App.vue // 根组件
│ └── main.ts // 入口js文件 加载组件 初始化等
├── public // 纯静态资源，不会被wabpack构建
│ ├── favicon.ico // favicon图标
│ └── index.html // 入口页面
├── .browserslistrc // 目标浏览器配置表
├── .env.* // 多环境配置
├── eslintrc.js // eslint 配置项
├── .gitignore // git 忽略项
├── babel.config.js // babel编译配置
├── package.json // npm包配置文件，里面定义了项目的npm脚本，依赖包等信息
├── package-lock.json // 描述 node_modules 文件中所有模块的版本信息，模块来源及依赖的小版本信息
├── README.md // 项目介绍
├── tsconfig.json // typescript编译配置
└── vue.config.js // vue 编译配置

引入插件

延伸阅读

• 风格指南
• 类风格组件语法
• Vue CLI