Snowy-form-design NPM

表单设计器 snowy-form-design

npm.io

简介

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

特性

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

组件

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

安装

# 使用yarn 
yarn add snowy-form-design

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

引入组件

// 在main.js引入

import 'snowy-form-design/dist/style.css'
import SnowyFormDesign from 'snowy-form-design'
Vue.use(SnowyFormDesign)

使用组件

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

License

ant-design-vue form snowy-form-design 表单设计器表单设计可视化工作流

@ant-design/icons-vue @vueup/vue-quill ant-design-vue clipboard codemirror-editor-vue3 dayjs default-passive-events lodash-es vue vue-router vue3-colorpicker vuedraggable-es

@everything-registry/sub-chunk-2790 dongxiflowplugin

1 month ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

10 months ago

11 months ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago