# formDesigner-vue3

**Repository Path**: fanzifeng/formDesigner3

## Basic Information

- **Project Name**: formDesigner-vue3
- **Description**: formDesigner表单设计器的vue3版本,这个版本，你将会看到更多的改变。O(∩_∩)O哈哈~
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 21
- **Created**: 2023-11-03
- **Last Updated**: 2023-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## vue3 版本(vue2 主体迁移完毕，修复兼容性 bug 中)

修复完 bug 就准备开始慢慢往 vue3 上迁移啦。

## 如果这个项目对您有帮助，麻烦给个 star，谢谢！

## 简介

基于 vue3+Element-Plus 的表单设计器。让表单拖拽更加简单方便.

# gitee 地址

[formDesigner2-github](https://github.com/wison-wu/formDesigner)

## 交流一下

QQ 群：816204482

## 预览地址

[formdesigner](http://wurong19870715.gitee.io/formdesigner3)

## 捐赠

如果你觉得项目对你有帮助，欢迎赞助作者一杯咖啡/奶茶/快乐水
微信

![Image text](https://gitee.com/wurong19870715/formDesigner/raw/master/public/img/weixin.png)

支付宝

![Image text](https://gitee.com/wurong19870715/formDesigner/raw/master/public/img/zhifubao.png)

## 开源协议

[MIT]

#升级调整
去除 scss，采用 css，降低学习成本
element-plus 升级从属性从 value 变为 modelValue
组件完成情况
| 组件名称 | 完成情况 | 备注 |
| :---- | :---- | ---- |
| 单行文本 | ✅ | |
| 下拉框 | ✅ | |
| 单选框 | ✅ | |
| 复选框 | ✅ | |
| 开关 | ✅ | |
| 计数器 | ✅ | |
| 多行文本 | ✅ | |
| 滑块 | ✅ | |
| 评分 | ✅ | |
| 日期 | 🔨 | https://day.js.org/docs/en/display/format#list-of-all-available-formats 日期格式改动参考这里,<br>时间切换类型似乎有问题，后期考虑直接固定类型，多来几个组件|
| 时间 | 🔨 | |
| 编辑器 | ✅ | |
| 颜色选择器 | 🔨 | |
| 级联选择器 | ✅ | |
| 附件 | 🔨 | |
| 选择列表 | ✅ | |
| 条码 | ✅ | |
| 动态表格 | 🔨 | |
| 栅格布局 | ✅ | |
| 表格布局 | ✅ | |
| 按钮 | ✅ | |
| 分割线 | ✅ | |
| 提示 | ✅ | |
| 文字链接 | ✅ | |
| 文本 | ✅| |