iss-library-form-designer
iss-library-form-designer 可视化表单设计器
介绍
本项目使用 vue-cli 4 搭建,基于 vue 和 element-ui 实现。
可选参数
表单设计器(iss-library-form-designer)入参:
| 参数名 | 参数类型 | 描述 |
|---|---|---|
| preview | Boolean | 是否为预览状态:true = 是;false(默认) = 否 |
| generateCode | Boolean | 是否输出表单代码:true = 是;false(默认) = 否 |
| generateJson | Boolean | 是否输出表单JSON结构数据:true = 是;false(默认) = 否 |
| importJson | Boolean | 是否允许导入JSON格式表单代码:true = 是;false(默认) = 否 |
| clearable | Boolean | 是否允许清空表单设计:true = 是(默认);false = 否 |
| variables | Object | 引入变量:主要为当前登录用户信息 |
| appId | String | 应用ID |
| currentFormId | String | 表单ID |
| currentFormVersionId | String | 表单版本ID |
| systemConfig | Object | 系统参数 |
使用示例:
1.安装:
$ npm install -s iss-library-form-designer@5.1.0-dev-14
2.引入:
import Vue from 'vue';
import App from './App.vue';
import ElementUI from 'element-ui';
import issLibraryFormDesigner from 'iss-library-form-designer';
import './assets/styles/theme/element-variables.scss';
import 'remixicon/fonts/remixicon.css';
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);
Vue.use(ElementUI, {zIndex: 2000});
issLibraryFormDesigner.install(Vue, {}, {});
Vue.config.productionTip = false;
new Vue({
router,
render: h => h(App)
}).$mount('#app');
3.使用:
<template>
<iss-library-form-designer
clearable
generate-code
generate-json
preview
import-json>
</iss-library-form-designer>
</template>
Related Packages
iss-library-form-renderer
ISS FETC LIBRARY: FORM RENDERER BASE ON VUE.JS, MAKE FORM DEVELOPMENT SIMPLE AND...
21,497
asset-form-making
A designer and generator of form base on Vue.js, make form development simple an...
19,949
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 5.0.14 | 2.6.14 | ||
| 5.0.13 | 2.6.14 | ||
| 5.0.12 | 2.6.14 | ||
| 5.0.11 | 2.6.14 | ||
| 5.0.10 | 2.6.14 | ||
| 5.0.9 | 2.6.14 | ||
| 5.0.8 | 2.6.14 | ||
| 5.0.7 | 2.6.14 | ||
| 5.0.6 | 2.6.14 | ||
| 5.0.5 | 2.6.14 | ||
| 5.0.4 | 2.6.14 | ||
| 5.0.3 | 2.6.14 | ||
| 5.0.2 | 2.6.14 | ||
| 5.0.1 | 2.6.14 | ||
| 5.0.0 | 2.6.14 | ||
| 4.2.19 | 2.6.14 | ||
| 4.2.18 | 2.6.14 | ||
| 4.2.17 | 2.6.14 | ||
| 4.2.16 | 2.6.14 | ||
| 4.2.15 | 2.6.14 | ||
| 4.2.14 | 2.6.14 | ||
| 4.2.13 | 2.6.14 | ||
| 4.2.12 | 2.6.14 | ||
| 4.2.11 | 2.6.14 | ||
| 4.2.10 | 2.6.14 | ||
| 4.2.9 | 2.6.14 | ||
| 4.2.8 | 2.6.14 | ||
| 4.2.7 | 2.6.14 | ||
| 4.2.6 | 2.6.14 | ||
| 4.2.5 | 2.6.14 |
Showing the latest 30 of 351. See every release on npm
Pre-releases (262)
| Version | Released | Vue | License |
|---|---|---|---|
| 5.1.0-dev-14 | 2.6.14 | ||
| 5.1.0-dev-13 | 2.6.14 | ||
| 5.1.0-dev-12 | 2.6.14 | ||
| 5.1.0-dev-11 | 2.6.14 | ||
| 5.1.0-dev-9 | 2.6.14 | ||
| 5.1.0-dev-8 | 2.6.14 | ||
| 5.1.0-dev-6 | 2.6.14 | ||
| 5.1.0-dev-5 | 2.6.14 | ||
| 5.1.0-dev-4 | 2.6.14 | ||
| 5.1.0-dev-3 | 2.6.14 | ||
| 5.1.0-dev-1 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.18 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.17 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.16 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.15 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.13 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.11 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.9 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.7 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.6 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.5 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.4 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.3 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.2 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.1 | 2.6.14 | ||
| 4.0.1-PROJECT-YC-GZFC-1.0 | 2.6.14 | ||
| 4.0.0-YC-GZFC | 2.6.14 | ||
| 4.0.0-dev-2 | 2.6.14 | ||
| 4.0.0-dev-1 | 2.6.14 | ||
| 3.12.0-dev-1 | 2.6.14 |
Showing the latest 30 of 262. See every release on npm