一个基于 Vue3 和 Typescript 开发的表单产品 所有代码完全开源

源码资源网

一个基于 Vue3 和 Typescript 开发的表单产品 所有代码完全开源
一个基于 Vue3 和 Typescript 开发的表单产品，作为一个 重前端产品形态，表单编辑器和表单组件库所有代码完全开源。
功能概述

• 使用简单拖拉拽的交互方式，降低上手成本
• 动态表单渲染轻松创建动态表单，所需配置极少。
• 完全开源表单编辑器核心代码完全开源，对表单研发拥有完全的自主权
• 扩展能力柠檬表单提供了扩展能力，同时官方也提供低代码出码能力，无缝具备【无码】研发能力
  

技术选型安装

通过 npm 或 yarn 安装表单：

1. git clone lemon-form
   
2. cd lemon-form
   
3. yarn
   
4. npm run dev

复制代码

开发文档代码结构1. 编辑器模块

1. src/
   
2. ├── views/                # 编辑器模块
   
3. │   ├── FormEditor/       # 主编辑器容器
   
4. │   │   ├── comp-address-data.ts  # 地址组件配置
   
5. │   │   ├── comp-data.ts        # 组件库元数据
   
6. │   │   ├── comp-icon.ts        # 图标管理系统
   
7. │   │   ├── form-sidebar.vue    # 侧边栏配置项
   
8. │   │   └── form-setting.vue    # 属性配置面板
   
9. │   └── index.vue           # 编辑器入口
   
10. │
    
11. ├── components-form/      # 表单组件库
    
12. │   ├── advanced/         # 高级组件（如动态表单）
    
13. │   ├── base/             # 基础表单元素
    
14. │   ├── business/         # 业务专用组件
    
15. │   └── contact-info/     # 联系方式组件
    
16. │
    
17. └── components-form-setting/ # 表单配置项
    
18.     ├── base/              # 基础属性配置
    
19.     ├── global/            # 全局配置项
    
20.     ├── validation/        # 校验规则配置
    
21.     └── logic/             # 逻辑控制配置

复制代码

一个基于 Vue3 和 Typescript 开发的表单产品 所有代码完全开源

一个基于 Vue3 和 Typescript 开发的表单产品 所有代码完全开源

一个基于 Vue3 和 Typescript 开发的表单产品 所有代码完全开源

链接: https://pan.baidu.com/s/1dJzciPs-5wnvX5Or4HfdiQ
提取码下载：

文件名称:提取码下载.txt 
下载次数:0  文件大小:17 Bytes  售价:29金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员6折；永久VIP4折】

安全检测，请放心下载