iss-library-form-designer 4.0.0-dev-2 → 4.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +61 -61
- package/css.worker.js +1 -1
- package/editor.worker.js +1 -1
- package/html.worker.js +1 -1
- package/img/{mobile_mode.eb6aa5a6.svg → mobile_mode.b0f971a9.svg} +8 -8
- package/img/{mobile_mode_active.ad983a76.svg → mobile_mode_active.d51896cb.svg} +8 -8
- package/img/{pad_mode.ee28875f.svg → pad_mode.c06b8ff8.svg} +8 -8
- package/img/{pad_mode_active.c6df1adf.svg → pad_mode_active.c0b6b7d0.svg} +8 -8
- package/img/{pc_mode.9f3421e7.svg → pc_mode.77b97717.svg} +11 -11
- package/img/{pc_mode_active.cc6d4ffc.svg → pc_mode_active.65273050.svg} +11 -11
- package/iss-library-form-designer.common.js +17 -17
- package/iss-library-form-designer.css +1 -1
- package/iss-library-form-designer.umd.js +17 -17
- package/iss-library-form-designer.umd.min.js +17 -17
- package/json.worker.js +1 -1
- package/package.json +26 -26
- package/ts.worker.js +2 -2
package/README.md
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
# iss-library-form-designer 可视化表单设计器
|
|
2
|
-
|
|
3
|
-
## 介绍
|
|
4
|
-
|
|
5
|
-
本项目使用 `vue-cli 4` 搭建，基于 `vue` 和 `element-ui` 实现。
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
### 可选参数
|
|
9
|
-
|
|
10
|
-
表单设计器（iss-library-form-designer）入参：
|
|
11
|
-
|
|
12
|
-
| 参数名 | 参数类型 | 描述 |
|
|
13
|
-
|----------------------|---------|-----------------------------------------|
|
|
14
|
-
| preview | Boolean | 是否为预览状态：true = 是；false（默认） = 否 |
|
|
15
|
-
| generateCode | Boolean | 是否输出表单代码：true = 是；false（默认） = 否 |
|
|
16
|
-
| generateJson | Boolean | 是否输出表单JSON结构数据：true = 是；false（默认） = 否 |
|
|
17
|
-
| importJson | Boolean | 是否允许导入JSON格式表单代码：true = 是；false（默认） = 否 |
|
|
18
|
-
| clearable | Boolean | 是否允许清空表单设计：true = 是（默认）；false = 否 |
|
|
19
|
-
| variables | Object | 引入变量：主要为当前登录用户信息 |
|
|
20
|
-
| appId | String | 应用ID |
|
|
21
|
-
| currentFormId | String | 表单ID |
|
|
22
|
-
| currentFormVersionId | String | 表单版本ID |
|
|
23
|
-
| systemConfig | Object | 系统参数 |
|
|
24
|
-
|
|
25
|
-
### 使用示例:
|
|
26
|
-
#### 1.安装:
|
|
27
|
-
```
|
|
28
|
-
$ npm install -s iss-library-form-designer@4.0.
|
|
29
|
-
```
|
|
30
|
-
#### 2.引入:
|
|
31
|
-
|
|
32
|
-
```
|
|
33
|
-
import Vue from 'vue';
|
|
34
|
-
import App from './App.vue';
|
|
35
|
-
import ElementUI from 'element-ui';
|
|
36
|
-
import issLibraryFormDesigner from 'iss-library-form-designer';
|
|
37
|
-
import './assets/styles/theme/element-variables.scss';
|
|
38
|
-
import 'remixicon/fonts/remixicon.css';
|
|
39
|
-
import Vant from 'vant';
|
|
40
|
-
import 'vant/lib/index.css';
|
|
41
|
-
Vue.use(Vant);
|
|
42
|
-
Vue.use(ElementUI, {zIndex: 2000});
|
|
43
|
-
issLibraryFormDesigner.install(Vue, {}, {});
|
|
44
|
-
Vue.config.productionTip = false;
|
|
45
|
-
new Vue({
|
|
46
|
-
router,
|
|
47
|
-
render: h => h(App)
|
|
48
|
-
}).$mount('#app');
|
|
49
|
-
```
|
|
50
|
-
#### 3.使用:
|
|
51
|
-
```
|
|
52
|
-
<template>
|
|
53
|
-
<iss-library-form-designer
|
|
54
|
-
clearable
|
|
55
|
-
generate-code
|
|
56
|
-
generate-json
|
|
57
|
-
preview
|
|
58
|
-
import-json>
|
|
59
|
-
</iss-library-form-designer>
|
|
60
|
-
</template>
|
|
61
|
-
```
|
|
1
|
+
# iss-library-form-designer 可视化表单设计器
|
|
2
|
+
|
|
3
|
+
## 介绍
|
|
4
|
+
|
|
5
|
+
本项目使用 `vue-cli 4` 搭建，基于 `vue` 和 `element-ui` 实现。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### 可选参数
|
|
9
|
+
|
|
10
|
+
表单设计器（iss-library-form-designer）入参：
|
|
11
|
+
|
|
12
|
+
| 参数名 | 参数类型 | 描述 |
|
|
13
|
+
|----------------------|---------|-----------------------------------------|
|
|
14
|
+
| preview | Boolean | 是否为预览状态：true = 是；false（默认） = 否 |
|
|
15
|
+
| generateCode | Boolean | 是否输出表单代码：true = 是；false（默认） = 否 |
|
|
16
|
+
| generateJson | Boolean | 是否输出表单JSON结构数据：true = 是；false（默认） = 否 |
|
|
17
|
+
| importJson | Boolean | 是否允许导入JSON格式表单代码：true = 是；false（默认） = 否 |
|
|
18
|
+
| clearable | Boolean | 是否允许清空表单设计：true = 是（默认）；false = 否 |
|
|
19
|
+
| variables | Object | 引入变量：主要为当前登录用户信息 |
|
|
20
|
+
| appId | String | 应用ID |
|
|
21
|
+
| currentFormId | String | 表单ID |
|
|
22
|
+
| currentFormVersionId | String | 表单版本ID |
|
|
23
|
+
| systemConfig | Object | 系统参数 |
|
|
24
|
+
|
|
25
|
+
### 使用示例:
|
|
26
|
+
#### 1.安装:
|
|
27
|
+
```
|
|
28
|
+
$ npm install -s iss-library-form-designer@4.0.1
|
|
29
|
+
```
|
|
30
|
+
#### 2.引入:
|
|
31
|
+
|
|
32
|
+
```
|
|
33
|
+
import Vue from 'vue';
|
|
34
|
+
import App from './App.vue';
|
|
35
|
+
import ElementUI from 'element-ui';
|
|
36
|
+
import issLibraryFormDesigner from 'iss-library-form-designer';
|
|
37
|
+
import './assets/styles/theme/element-variables.scss';
|
|
38
|
+
import 'remixicon/fonts/remixicon.css';
|
|
39
|
+
import Vant from 'vant';
|
|
40
|
+
import 'vant/lib/index.css';
|
|
41
|
+
Vue.use(Vant);
|
|
42
|
+
Vue.use(ElementUI, {zIndex: 2000});
|
|
43
|
+
issLibraryFormDesigner.install(Vue, {}, {});
|
|
44
|
+
Vue.config.productionTip = false;
|
|
45
|
+
new Vue({
|
|
46
|
+
router,
|
|
47
|
+
render: h => h(App)
|
|
48
|
+
}).$mount('#app');
|
|
49
|
+
```
|
|
50
|
+
#### 3.使用:
|
|
51
|
+
```
|
|
52
|
+
<template>
|
|
53
|
+
<iss-library-form-designer
|
|
54
|
+
clearable
|
|
55
|
+
generate-code
|
|
56
|
+
generate-json
|
|
57
|
+
preview
|
|
58
|
+
import-json>
|
|
59
|
+
</iss-library-form-designer>
|
|
60
|
+
</template>
|
|
61
|
+
```
|