itsm-form-design

基于vue、ant-design-vue的表单设计器,可视化开发表单
1,859 1
form 可视化 表单设计器 表单设计 工作流 ant-design k-form-design
Install
npm install itsm-form-design
Latest Version:1.5.27
Vue:2
License:MIT
Last Updated:Jan 5, 2023
Links: GitHub  ·  npm
Maintainer: wangkq

表单设计器 k-form-design

vue ant-design-vue license

简介

参考项目vue-form-making，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速

特性

  • 可视化配置页面
  • 提供栅格、表格等布局
  • 布局嵌套使用
  • 提供预览、保存、生成json、生成可执行代码等操作
  • 支持表单验证
  • 快速获取表单数据
  • 自定义组件插入
  • 自定义主题色

组件

  • KFormDesign 表单设计器（基于可视化操作快速设计出表单页面，生成配置json或页面）
  • KFormBuild 表单构建器（根据设计器中获取的配置json数据，快速构建出表单页面）

安装

# 使用yarn 
yarn add k-form-design

# 使用npm 
npm i k-form-design --save

引入组件

// 在main.js引入

import KFormDesign from 'k-form-design'
import 'k-form-design/lib/k-form-design.css'
Vue.use(KFormDesign)

使用组件

<template>
  <div>
   <k-form-design />
  </div>
</template>

交流

点击链接加入qq群聊，可以直接提问及反馈bug 【k-form-desgin交流群：1020643215】

License

MIT Copyright (c) 2019 Kchengz

基于以上 做二次开发

Related Packages

zxzy-form

基于vue、ant-design-vue的表单设计器,可视化开发表单，修改自定义组件

1,475 1,248
ant-design form k-form-design 可视化 工作流 表单设计 表单设计器
com-leadal-cis-form

基于vue、ant-design-vue的表单设计器,可视化开发表单

760
ant-design form k-form-design 可视化 工作流 表单设计 表单设计器
lifeng-page-design

基于vue、k-form-design(version3.8.14)的页面设计器,可视化开发模板页面

521
ant-design form k-form-design 可视化 工作流 表单设计 表单设计器 lifeng-page-design
mk-form-design

基于vue、ant-design-vue的表单设计器,可视化开发表单

3,712
ant-design form 可视化 工作流 表单设计 表单设计器 mk-form-design
k-form-designs-gy

基于vue、ant-design-vue的表单设计器,可视化开发表单

1,668
ant-design form 可视化 工作流 表单设计 表单设计器 k-form-designs

Version History

Version Released Vue License
1.5.27 ^2.6.10 MIT
1.5.26 ^2.6.10 MIT
1.5.24 ^2.6.10 MIT
1.5.23 ^2.6.10 MIT
1.5.22 ^2.6.10 MIT
Pre-releases (1)
Version Released Vue License
1.5.0-0 ^2.6.10 MIT