1.2.60 • Published 27 days ago

jumper-form v1.2.60

Weekly downloads
-
License
-
Repository
-
Last release
27 days ago

建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

npm install --registry=https://registry.npm.taobao.org

Variant Form

一款高效的Vue低代码表单，可视化设计，一键生成源码，享受更多摸鱼时间。

image

立即体验

在线Demo

友情链接

Fantastic-admin —— 一款开箱即用的 Vue 中后台管理系统框架（支持Vue2/Vue3）

功能一览

> 拖拽式表单设计；
> 支持PC、H5两种布局；
> 支持运行时动态加载表单；
> 支持表单复杂交互控制；
> 支持自定义CSS样式；
> 支持历史撤销、重做功能；
> 可导出Vue组件、HTML源码；
> 可导出Vue的SFC单文件组件；
> 更多功能等你探究...；

安装依赖

npm install --registry=https://registry.npm.taobao.org

开发调试

npm run serve

生产打包

npm run build

表单设计器 + 表单渲染器打包

npm run lib

表单渲染器打包

npm run lib-render

浏览器兼容性

Chrome（及同内核的浏览器如QQ浏览器、360浏览器等等），Edge, Firefox，Safari，IE 11

跟Vue项目集成

1. 安装包

npm i vform-builds

或

yarn add vform-builds

2. 引入并全局注册VForm组件

import Vue from 'vue'
import App from './App.vue'

import ElementUI from 'element-ui'  //引入element-ui库
import VForm from 'vform-builds'  //引入VForm库

import 'element-ui/lib/theme-chalk/index.css'  //引入element-ui样式
import 'vform-builds/dist/VFormDesigner.css'  //引入VForm样式

Vue.config.productionTip = false

Vue.use(ElementUI)  //全局注册element-ui
Vue.use(VForm)  //全局注册VForm(同时注册了v-form-designer和v-form-render组件)

new Vue({
  render: h => h(App),
}).$mount('#app')

3. 在Vue模板中使用表单设计器组件

<template>
  <v-form-designer></v-form-designer>
</template>

<script>
  export default {
    data() {
      return {
      }
    }
  }
</script>

<style lang="scss">
body {
  margin: 0;  /* 如果页面出现垂直滚动条，则加入此行CSS以消除之 */
}
</style>

4. 在Vue模板中使用表单渲染器组件

<template>
  <div>
    <v-form-render :form-json="formJson" :form-data="formData" :option-data="optionData" ref="vFormRef">
    </v-form-render>
    <el-button type="primary" @click="submitForm">Submit</el-button>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        formJson: {"widgetList":[],"formConfig":{"labelWidth":80,"labelPosition":"left","size":"","labelAlign":"label-left-align","cssCode":"","customClass":"","functions":"","layoutType":"PC","onFormCreated":"","onFormMounted":"","onFormDataChange":""}},
        formData: {},
        optionData: {}
      }
    },
    methods: {
      submitForm() {
        this.$refs.vFormRef.getFormData().then(formData => {
          // Form Validation OK
          alert( JSON.stringify(formData) )
        }).catch(error => {
          // Form Validation failed
          this.$message.error(error)
        })
      }
    }
  }
</script>

资源链接

文档官网：http://www.vform666.com/

在线演示：http://demo.vform666.com/

VS Code插件：http://www.vform666.com/pages/plugin/

Github仓库：https://github.com/vform666/variant-form

Gitee备份仓库：https://gitee.com/vdpadmin/variant-form

更新日志：https://www.vform666.com/changelog.html

技术交流群：微信搜索“vformAdmin”，或者扫如下二维码加群

image

如何发布到私有库

0.配置 npm config set registry https://registry.npmjs.org/

NPM的账号密码邮箱： jumper-npm qazwsx#@!321 610248668@qq.com

执行lib编译成dist的包，然后进入dist目录。在lib目录执行如下命令

  1. 登录 npm login --registry https://registry.npmjs.org/
  2. 发布 npm publish --registry https://registry.npmjs.org
  3. 账号密码 jumper-npm qazwsx#@!321 610248668@qq.com

最后还要去淘宝镜像仓库同步 https://npmmirror.com/package/jumper-form

@babel/polyfill@riophae/vue-treeselect@vant/area-dataaxiosbabel-polyfillclipboardcore-jsdayjselement-uies6-promisefile-saverjquerylodashmomentnprogresspinyin-matchsimditorvantvuevuedraggablexlsx
@everything-registry/sub-chunk-1994@zalastax/nolb-jum
1.2.60

27 days ago

1.2.58

4 months ago

1.2.59

4 months ago

1.2.57

4 months ago

1.2.56

4 months ago

1.2.55

5 months ago

1.2.54

5 months ago

1.2.53

5 months ago

1.2.52

5 months ago

1.2.50

5 months ago

1.2.51

5 months ago

1.2.42

6 months ago

1.2.46

6 months ago

1.2.43

6 months ago

1.2.44

6 months ago

1.2.49

5 months ago

1.2.47

6 months ago

1.2.48

5 months ago

1.2.41

6 months ago

1.2.40

6 months ago

1.2.34

6 months ago

1.2.35

6 months ago

1.2.33

6 months ago

1.2.38

6 months ago

1.2.39

6 months ago

1.2.36

6 months ago

1.2.27

8 months ago

1.2.28

7 months ago

1.2.29

7 months ago

1.2.30

7 months ago

1.2.31

7 months ago

1.2.32

7 months ago

1.2.20

8 months ago

1.2.23

8 months ago

1.2.24

8 months ago

1.2.21

8 months ago

1.2.22

8 months ago

1.2.25

8 months ago

1.2.26

8 months ago

1.1.92

12 months ago

1.1.91

12 months ago

1.1.90

12 months ago

1.1.96

12 months ago

1.1.95

12 months ago

1.1.94

12 months ago

1.1.93

12 months ago

1.1.99

10 months ago

1.1.98

10 months ago

1.1.97

12 months ago

1.1.85

12 months ago

1.1.84

12 months ago

1.1.83

12 months ago

1.1.89

12 months ago

1.1.88

12 months ago

1.1.87

12 months ago

1.1.86

12 months ago

1.2.18

9 months ago

1.2.19

9 months ago

1.2.0

10 months ago

1.2.8

9 months ago

1.2.7

9 months ago

1.2.6

9 months ago

1.2.5

10 months ago

1.2.4

10 months ago

1.2.3

10 months ago

1.2.2

10 months ago

1.2.1

10 months ago

1.2.12

9 months ago

1.2.13

9 months ago

1.2.10

9 months ago

1.2.11

9 months ago

1.2.16

9 months ago

1.2.17

9 months ago

1.2.14

9 months ago

1.2.15

9 months ago

1.2.9

9 months ago

1.1.70

1 year ago

1.1.74

1 year ago

1.1.73

1 year ago

1.1.72

1 year ago

1.1.71

1 year ago

1.1.78

1 year ago

1.1.77

1 year ago

1.1.76

1 year ago

1.1.75

1 year ago

1.1.79

1 year ago

1.1.81

1 year ago

1.1.80

1 year ago

1.1.82

12 months ago

1.1.67

1 year ago

1.1.66

1 year ago

1.1.65

1 year ago

1.1.69

1 year ago

1.1.68

1 year ago

1.1.29

1 year ago

1.1.28

1 year ago

1.1.30

1 year ago

1.1.34

1 year ago

1.1.33

1 year ago

1.1.32

1 year ago

1.1.31

1 year ago

1.1.38

1 year ago

1.1.37

1 year ago

1.1.36

1 year ago

1.1.35

1 year ago

1.1.39

1 year ago

1.1.41

1 year ago

1.1.40

1 year ago

1.1.45

1 year ago

1.1.44

1 year ago

1.1.43

1 year ago

1.1.42

1 year ago

1.1.49

1 year ago

1.1.48

1 year ago

1.1.47

1 year ago

1.1.46

1 year ago

1.1.9

1 year ago

1.1.12

1 year ago

1.1.11

1 year ago

1.1.10

1 year ago

1.1.16

1 year ago

1.1.15

1 year ago

1.1.14

1 year ago

1.1.13

1 year ago

1.1.19

1 year ago

1.1.18

1 year ago

1.1.17

1 year ago

1.1.23

1 year ago

1.1.22

1 year ago

1.1.21

1 year ago

1.1.20

1 year ago

1.1.27

1 year ago

1.1.26

1 year ago

1.1.25

1 year ago

1.1.24

1 year ago

1.1.52

1 year ago

1.1.51

1 year ago

1.1.50

1 year ago

1.1.56

1 year ago

1.1.55

1 year ago

1.1.54

1 year ago

1.1.53

1 year ago

1.1.59

1 year ago

1.1.58

1 year ago

1.1.57

1 year ago

1.1.63

1 year ago

1.1.62

1 year ago

1.1.61

1 year ago

1.1.60

1 year ago

1.1.64

1 year ago

1.0.62

1 year ago

1.0.61

1 year ago

1.0.60

1 year ago

1.0.66

1 year ago

1.0.65

1 year ago

1.0.64

1 year ago

1.0.63

1 year ago

1.0.69

1 year ago

1.0.68

1 year ago

1.0.67

1 year ago

1.0.73

1 year ago

1.0.72

1 year ago

1.0.71

1 year ago

1.0.70

1 year ago

1.0.77

1 year ago

1.0.75

1 year ago

1.0.74

1 year ago

1.0.79

1 year ago

1.0.78

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.39

2 years ago

1.0.38

2 years ago

1.1.8

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

1.0.40

2 years ago

1.0.44

2 years ago

1.0.43

2 years ago

1.0.42

2 years ago

1.0.41

2 years ago

1.0.48

2 years ago

1.0.47

2 years ago

1.0.46

2 years ago

1.0.45

2 years ago

1.0.49

2 years ago

1.0.51

2 years ago

1.0.50

2 years ago

1.0.55

1 year ago

1.0.54

1 year ago

1.0.53

1 year ago

1.0.52

1 year ago

1.0.59

1 year ago

1.0.58

1 year ago

1.0.57

1 year ago

1.0.56

1 year ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.9

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.20

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.29

2 years ago

1.0.28

2 years ago

1.0.27

2 years ago

1.0.33

2 years ago

1.0.32

2 years ago

1.0.31

2 years ago

1.0.30

2 years ago

1.0.37

2 years ago

1.0.36

2 years ago

1.0.35

2 years ago

1.0.34

2 years ago

1.0.80

1 year ago

1.0.84

1 year ago

1.0.83

1 year ago

1.0.82

1 year ago

1.0.81

1 year ago

1.0.88

1 year ago

1.0.87

1 year ago

1.0.86

1 year ago

1.0.85

1 year ago

1.0.89

1 year ago

1.0.91

1 year ago

1.0.90

1 year ago

1.0.95

1 year ago

1.0.94

1 year ago

1.0.93

1 year ago

1.0.92

1 year ago

1.0.99

1 year ago

1.0.11

2 years ago

1.0.98

1 year ago

1.0.97

1 year ago

1.0.96

1 year ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago