1 Star 0 Fork 15

岳豪 / naiveui-form-generate

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

naiveui-form-generate

基于naiveui、typescript的表单生成器,支持复杂表格Tree等常用组件

简介

NaiveUi Form Generate,一个基于 Vue3.0、Vite、Naive UI 表单生成器。

预览

预览地址

特别提示

推荐从Gitee仓库拉取代码,NaiveUi Form Generate,GitHub提交老是被墙,代码也许不是最新的

功能/计划

🕙筹划 🔲筹备 🚧进行中 ✅完成

支持组件常用事件(组件可在线设计的属性都可在事件内动态修改,如:动态显隐、必填、校验规则、样式等等)

  • ✅ click事件
  • ✅ change事件
  • 🔲 focus事件
  • 🔲 hover事件
  • 🔲 blur事件
  • 🚧 select事件
  • 🔲 update事件
  • 🔲 form提交前事件
  • 🔲 form保存后事件

基础组件

  • ✅ 单行/多行/密码输入组件
  • ✅ 数字组件
  • ✅ 单选
  • ✅ 多选
  • ✅ 时间选择
  • ✅ 日期选择(年份、月份、季度等)
  • ✅ 评分
  • ✅ 开关
  • ✅ 滑块(横向、竖向)
  • ✅ 颜色选择器

高级组件

  • ✅ 树形选择
  • ✅ 文件上传
  • ✅ 穿梭框
  • ✅ 级联选择
  • ✅ 树形组件
  • ✅ 富文本编辑器
  • ✅ 动态标签
  • 🕙 动态表格(主要用作子表的使用,支持弹窗/抽屉/行内编辑等多种样式)

布局组件

  • ✅ naiveui的新版栅格布局
  • 🚧 静态表格(可启用原生样式,实现线上、线下合同表单的一比一样式)
  • 🕙 标签页

其它组件

  • ✅ 普通文本
  • ✅ Alert组件
  • ✅ Divider分割线
  • ✅ 按钮

其它优化

  • 🚀 单个组件化封装(typescript)
  • 🚀 细节优化
  • 更多......

文档

  • 待编写

构建

# 克隆项目
#github
git clone https://github.com/LvHuaiSheng/naiveui-form-generate.git

#gitee
git clone https://gitee.com/sourcenet/naiveui-form-generate.git

# 进入项目目录
cd naiveui-form-generate

# 安装依赖(建议使用pnpm: https://pnpm.io/zh/installation)
pnpm i # 或者 npm i

# 启动
npm run dev

发布

# 构建测试环境
npm run build:test

# 构建github pages环境
npm run build:github

# 构建生产环境
npm run build

其他指令

规范

git commit 规范

  • feat 增加新功能
  • fix 修复问题/BUG
  • style 代码风格相关无影响运行结果的
  • perf 优化/性能提升
  • refactor 重构
  • revert 撤销修改
  • test 测试相关
  • docs 文档/注释
  • chore 依赖更新/脚手架配置修改等
  • workflow 工作流改进
  • ci 持续集成
  • types 类型定义文件更改
  • wip 开发中
  • mod 不确定分类的修改
  • release 发布
MIT License Copyright (c) 2022 LvHuaiSheng Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

🚀一个基于 Vue3、Vite、Naive UI 的表单设计器 展开 收起
TypeScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
TypeScript
1
https://gitee.com/yuehaohu/naiveui-form-generate.git
git@gitee.com:yuehaohu/naiveui-form-generate.git
yuehaohu
naiveui-form-generate
naiveui-form-generate
master

搜索帮助