vue2-client 1.8.200 → 1.8.201

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/docs/lowcode.md CHANGED
@@ -1,161 +1,161 @@
1
- # 奥枫低代码平台
2
-
3
- > 低代码平台在使用时分为两个大部分
4
- >
5
- > 1. 插件
6
- > 2. 渲染器
7
- >
8
- > 所以在使用时要将这两个配置好,才可以正确的在编辑器中显示并编辑
9
-
10
- > ---------------- **注意** ----------------
11
- >
12
- > 所有文件中引用其他文件,请使用@vue2-client,而不是@。
13
- > 不然琉璃中会将@符解析到自己的src下
14
-
15
-
16
- ## 组件注册使用
17
-
18
- > 组件要想在低代码平台中展示,并可编辑需要完成一下几点
19
-
20
- ### 插件
21
-
22
- > 插件的用途是,在编辑器中定义该组件有哪些**事件**,哪些可以编辑的**属性**
23
-
24
- #### 插件定义
25
-
26
- > 以下是一个简单的插件声明示例
27
- ```js
28
- export const XFormTableConfig = {
29
- type: 'XFormTable',
30
- properties: {
31
- queryParamsName: {
32
- type: 'string'
33
- }
34
- },
35
- selfEvent: ['action']
36
- }
37
- ```
38
-
39
- > `type`
40
- >
41
- > 该字段用于描述本组件使用渲染器的类型,如type: '111'
42
- > 这个组件就会去找名称为'111'的渲染器,来将配置渲染为页面
43
-
44
- > `properties`
45
- >
46
- > 该字段用于描述本组件右侧属性编辑栏中,可以展示哪些属性供编辑,
47
- > 通常所有的props都需要在这里声明
48
-
49
- > `selfEvent`
50
- >
51
- > 该字段用于描述该组件中有哪些事件会交给编辑器统一调用
52
-
53
- #### 插件注册
54
-
55
- > 定义完成后的插件,需要注册,才会被低代码平台识别
56
- >
57
- > 在src/utils/lowcode/registerComponentForEditor.js文件中注册插件
58
- >
59
- > 以下是一个简单的实例,导入刚刚定义好的插件js文件,并将其暴露
60
- >
61
- > 低代码平台会自动来扫描该文件中的定义
62
-
63
-
64
- ```js
65
- import { XFormTableConfig } from '@vue2-client/base-client/components/common/XFormTable/lowcodeEditorRegister'
66
-
67
- export {
68
- XFormTableConfig
69
- }
70
- ```
71
-
72
- ### 渲染器
73
-
74
- > 渲染器决定了配置中的每一个组件,该用哪个VUE对象来渲染
75
- >
76
- > 渲染器不需要配置文件,只需要注册
77
- >
78
- > 在src/utils/lowcode/registerComponentForRender.js文件中
79
- >
80
- > 导入vue对象,并将其暴露即可
81
- >
82
- > vue组件名,就是插件中的type类型
83
- ```js
84
- import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
85
-
86
- export {
87
- XFormTable
88
- }
89
- ```
90
-
91
- ### 组件本身修改
92
-
93
- > 在组件中有些内容需要做出修改以适配低代码平台
94
- >
95
- > 1. mixin
96
- > 2. 事件emit
97
- > 3. props的定义
98
-
99
- #### mixin
100
-
101
- > 在低代码平台中,所有组件注册,组件通信都要依赖于mixin。
102
- >
103
- > 在渲染器中,必须引入mixin
104
- >
105
- > mixin所在位置为:src/utils/lowcode/lowcodeComponentMixin.js
106
-
107
- ```js
108
- import lowcodeComponentMixin from '@vue2-client/utils/lowcode/lowcodeComponentMixin'
109
-
110
- export default {
111
- ...
112
- mixins: [lowcodeComponentMixin],
113
- ...
114
- ```
115
- #### 事件emit
116
-
117
- > 在低代码平台中,如果需要与其他组件进行通信,
118
- > 则必须使用低代码平台指定的传递事件的方式
119
- >
120
- > 该方法已在mixin中定义,只需要调用即可
121
-
122
- ```js
123
- action (record, id, actionType, fun = 'action') {
124
- this.$emit(fun, record, id, actionType)
125
- this.$lowCodeEmit('action', record)
126
- }
127
- ```
128
-
129
- #### props
130
-
131
- > require不能为true
132
- >
133
- > 如果require为true会导致组件无法正确初始化,要么给props一个默认值,
134
- > 要么从propsData中取值
135
- >
136
- > 所有在插件中定义的properties,都会通过propsData传递,其格式为
137
- > { a: aValue, b: bValue}
138
-
139
- ## 功能新增
140
-
141
- ### 事件处理新增
142
- > 在mixin中,handleComponentCommunication函数新增新的case
143
- ```js
144
- handleComponentCommunication (actionType, data, targetKey = undefined, eventOriginalVM = undefined) {
145
- ...
146
- switch (actionType) {
147
- case ...
148
- case 'log':
149
- this.handleComponentLog(data)
150
- break
151
- }
152
- ...
153
- }
154
- > ```
155
- > 将新增的处理方法,声明在supportedEventType数组中
156
- ```js
157
- supportedEventType: [
158
- ...
159
- 'log'
160
- ]
161
- ```
1
+ # 奥枫低代码平台
2
+
3
+ > 低代码平台在使用时分为两个大部分
4
+ >
5
+ > 1. 插件
6
+ > 2. 渲染器
7
+ >
8
+ > 所以在使用时要将这两个配置好,才可以正确的在编辑器中显示并编辑
9
+
10
+ > ---------------- **注意** ----------------
11
+ >
12
+ > 所有文件中引用其他文件,请使用@vue2-client,而不是@。
13
+ > 不然琉璃中会将@符解析到自己的src下
14
+
15
+
16
+ ## 组件注册使用
17
+
18
+ > 组件要想在低代码平台中展示,并可编辑需要完成一下几点
19
+
20
+ ### 插件
21
+
22
+ > 插件的用途是,在编辑器中定义该组件有哪些**事件**,哪些可以编辑的**属性**
23
+
24
+ #### 插件定义
25
+
26
+ > 以下是一个简单的插件声明示例
27
+ ```js
28
+ export const XFormTableConfig = {
29
+ type: 'XFormTable',
30
+ properties: {
31
+ queryParamsName: {
32
+ type: 'string'
33
+ }
34
+ },
35
+ selfEvent: ['action']
36
+ }
37
+ ```
38
+
39
+ > `type`
40
+ >
41
+ > 该字段用于描述本组件使用渲染器的类型,如type: '111'
42
+ > 这个组件就会去找名称为'111'的渲染器,来将配置渲染为页面
43
+
44
+ > `properties`
45
+ >
46
+ > 该字段用于描述本组件右侧属性编辑栏中,可以展示哪些属性供编辑,
47
+ > 通常所有的props都需要在这里声明
48
+
49
+ > `selfEvent`
50
+ >
51
+ > 该字段用于描述该组件中有哪些事件会交给编辑器统一调用
52
+
53
+ #### 插件注册
54
+
55
+ > 定义完成后的插件,需要注册,才会被低代码平台识别
56
+ >
57
+ > 在src/utils/lowcode/registerComponentForEditor.js文件中注册插件
58
+ >
59
+ > 以下是一个简单的实例,导入刚刚定义好的插件js文件,并将其暴露
60
+ >
61
+ > 低代码平台会自动来扫描该文件中的定义
62
+
63
+
64
+ ```js
65
+ import { XFormTableConfig } from '@vue2-client/base-client/components/common/XFormTable/lowcodeEditorRegister'
66
+
67
+ export {
68
+ XFormTableConfig
69
+ }
70
+ ```
71
+
72
+ ### 渲染器
73
+
74
+ > 渲染器决定了配置中的每一个组件,该用哪个VUE对象来渲染
75
+ >
76
+ > 渲染器不需要配置文件,只需要注册
77
+ >
78
+ > 在src/utils/lowcode/registerComponentForRender.js文件中
79
+ >
80
+ > 导入vue对象,并将其暴露即可
81
+ >
82
+ > vue组件名,就是插件中的type类型
83
+ ```js
84
+ import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
85
+
86
+ export {
87
+ XFormTable
88
+ }
89
+ ```
90
+
91
+ ### 组件本身修改
92
+
93
+ > 在组件中有些内容需要做出修改以适配低代码平台
94
+ >
95
+ > 1. mixin
96
+ > 2. 事件emit
97
+ > 3. props的定义
98
+
99
+ #### mixin
100
+
101
+ > 在低代码平台中,所有组件注册,组件通信都要依赖于mixin。
102
+ >
103
+ > 在渲染器中,必须引入mixin
104
+ >
105
+ > mixin所在位置为:src/utils/lowcode/lowcodeComponentMixin.js
106
+
107
+ ```js
108
+ import lowcodeComponentMixin from '@vue2-client/utils/lowcode/lowcodeComponentMixin'
109
+
110
+ export default {
111
+ ...
112
+ mixins: [lowcodeComponentMixin],
113
+ ...
114
+ ```
115
+ #### 事件emit
116
+
117
+ > 在低代码平台中,如果需要与其他组件进行通信,
118
+ > 则必须使用低代码平台指定的传递事件的方式
119
+ >
120
+ > 该方法已在mixin中定义,只需要调用即可
121
+
122
+ ```js
123
+ action (record, id, actionType, fun = 'action') {
124
+ this.$emit(fun, record, id, actionType)
125
+ this.$lowCodeEmit('action', record)
126
+ }
127
+ ```
128
+
129
+ #### props
130
+
131
+ > require不能为true
132
+ >
133
+ > 如果require为true会导致组件无法正确初始化,要么给props一个默认值,
134
+ > 要么从propsData中取值
135
+ >
136
+ > 所有在插件中定义的properties,都会通过propsData传递,其格式为
137
+ > { a: aValue, b: bValue}
138
+
139
+ ## 功能新增
140
+
141
+ ### 事件处理新增
142
+ > 在mixin中,handleComponentCommunication函数新增新的case
143
+ ```js
144
+ handleComponentCommunication (actionType, data, targetKey = undefined, eventOriginalVM = undefined) {
145
+ ...
146
+ switch (actionType) {
147
+ case ...
148
+ case 'log':
149
+ this.handleComponentLog(data)
150
+ break
151
+ }
152
+ ...
153
+ }
154
+ > ```
155
+ > 将新增的处理方法,声明在supportedEventType数组中
156
+ ```js
157
+ supportedEventType: [
158
+ ...
159
+ 'log'
160
+ ]
161
+ ```
package/package.json CHANGED
@@ -1,98 +1,98 @@
1
- {
2
- "name": "vue2-client",
3
- "version": "1.8.200",
4
- "private": false,
5
- "scripts": {
6
- "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",
7
- "mac-serve": "vue-cli-service serve --no-eslint --mode mac",
8
- "build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
9
- "test:unit": "vue-cli-service test:unit",
10
- "lint": "vue-cli-service lint",
11
- "build:preview": "vue-cli-service build --mode preview",
12
- "lint:nofix": "vue-cli-service lint --no-fix",
13
- "test": "jest"
14
- },
15
- "dependencies": {
16
- "@amap/amap-jsapi-loader": "^1.0.1",
17
- "@antv/data-set": "^0.11.8",
18
- "@antv/g2plot": "^2.4.31",
19
- "@vue/babel-preset-jsx": "^1.4.0",
20
- "amis": "^3.4.3",
21
- "animate.css": "^4.1.1",
22
- "ant-design-vue": "^1.7.8",
23
- "axios": "^0.27.2",
24
- "clipboard": "^2.0.11",
25
- "core-js": "^3.33.0",
26
- "crypto-js": "^4.1.1",
27
- "date-fns": "^2.29.3",
28
- "default-passive-events": "^2.0.0",
29
- "dotenv": "^16.3.1",
30
- "echarts": "^5.5.0",
31
- "enquire.js": "^2.1.6",
32
- "file-saver": "^2.0.5",
33
- "highlight.js": "^11.7.0",
34
- "html2canvas": "^1.4.1",
35
- "js-base64": "^3.7.5",
36
- "js-cookie": "^2.2.1",
37
- "jsencrypt": "^3.3.2",
38
- "jspdf": "^2.5.1",
39
- "lodash.clonedeep": "^4.5.0",
40
- "lodash.get": "^4.4.2",
41
- "lodash.debounce": "^4",
42
- "mockjs": "^1.1.0",
43
- "nprogress": "^0.2.0",
44
- "qs": "^6.11.2",
45
- "regenerator-runtime": "^0.14.0",
46
- "videojs-contrib-hls": "^5.15.0",
47
- "viser-vue": "^2.4.8",
48
- "vue": "^2.7.14",
49
- "vue-codemirror": "4.0.6",
50
- "vue-i18n": "^8.28.2",
51
- "vue-json-viewer": "^2.2.22",
52
- "vue-router": "^3.6.5",
53
- "vue-video-player": "^5.0.2",
54
- "vue-virtual-scroller": "^1.1.2",
55
- "vuedraggable": "^2.24.3",
56
- "vuex": "^3.6.2",
57
- "xlsx": "0.18.5"
58
- },
59
- "devDependencies": {
60
- "@ant-design/colors": "^7.0.0",
61
- "@babel/core": "^7.22.20",
62
- "@babel/eslint-parser": "^7.22.15",
63
- "@babel/preset-env": "^7.22.20",
64
- "@vue/cli-plugin-babel": "^5.0.8",
65
- "@vue/cli-plugin-eslint": "^5.0.8",
66
- "@vue/cli-service": "^5.0.8",
67
- "@vue/eslint-config-standard": "^8.0.1",
68
- "@vue/test-utils": "^1.3.6",
69
- "babel-jest": "^26.6.3",
70
- "babel-plugin-transform-remove-console": "^6.9.4",
71
- "compression-webpack-plugin": "^10.0.0",
72
- "copy-webpack-plugin": "^11.0.0",
73
- "css-minimizer-webpack-plugin": "^5.0.1",
74
- "deepmerge": "^4.3.1",
75
- "eslint": "^8.51.0",
76
- "eslint-plugin-vue": "^9.17.0",
77
- "fast-deep-equal": "^3.1.3",
78
- "ignore-loader": "^0.1.2",
79
- "jest": "^26.6.3",
80
- "jest-environment-jsdom": "^26.6.2",
81
- "jest-transform-stub": "^2.0.0",
82
- "less-loader": "^6.2.0",
83
- "script-loader": "^0.7.2",
84
- "style-resources-loader": "^1.5.0",
85
- "vue-cli-plugin-style-resources-loader": "^0.1.5",
86
- "vue-jest": "^4.0.1",
87
- "vue-template-compiler": "^2.7.14",
88
- "webpack": "^5.88.2",
89
- "webpack-theme-color-replacer": "^1.4.7",
90
- "whatwg-fetch": "^3.6.19"
91
- },
92
- "browserslist": [
93
- "> 1%",
94
- "last 2 versions",
95
- "not dead",
96
- "not ie 11"
97
- ]
98
- }
1
+ {
2
+ "name": "vue2-client",
3
+ "version": "1.8.201",
4
+ "private": false,
5
+ "scripts": {
6
+ "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",
7
+ "mac-serve": "vue-cli-service serve --no-eslint --mode mac",
8
+ "build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
9
+ "test:unit": "vue-cli-service test:unit",
10
+ "lint": "vue-cli-service lint",
11
+ "build:preview": "vue-cli-service build --mode preview",
12
+ "lint:nofix": "vue-cli-service lint --no-fix",
13
+ "test": "jest"
14
+ },
15
+ "dependencies": {
16
+ "@amap/amap-jsapi-loader": "^1.0.1",
17
+ "@antv/data-set": "^0.11.8",
18
+ "@antv/g2plot": "^2.4.31",
19
+ "@vue/babel-preset-jsx": "^1.4.0",
20
+ "amis": "^3.4.3",
21
+ "animate.css": "^4.1.1",
22
+ "ant-design-vue": "^1.7.8",
23
+ "axios": "^0.27.2",
24
+ "clipboard": "^2.0.11",
25
+ "core-js": "^3.33.0",
26
+ "crypto-js": "^4.1.1",
27
+ "date-fns": "^2.29.3",
28
+ "default-passive-events": "^2.0.0",
29
+ "dotenv": "^16.3.1",
30
+ "echarts": "^5.5.0",
31
+ "enquire.js": "^2.1.6",
32
+ "file-saver": "^2.0.5",
33
+ "highlight.js": "^11.7.0",
34
+ "html2canvas": "^1.4.1",
35
+ "js-base64": "^3.7.5",
36
+ "js-cookie": "^2.2.1",
37
+ "jsencrypt": "^3.3.2",
38
+ "jspdf": "^2.5.1",
39
+ "lodash.clonedeep": "^4.5.0",
40
+ "lodash.get": "^4.4.2",
41
+ "lodash.debounce": "^4",
42
+ "mockjs": "^1.1.0",
43
+ "nprogress": "^0.2.0",
44
+ "qs": "^6.11.2",
45
+ "regenerator-runtime": "^0.14.0",
46
+ "videojs-contrib-hls": "^5.15.0",
47
+ "viser-vue": "^2.4.8",
48
+ "vue": "^2.7.14",
49
+ "vue-codemirror": "4.0.6",
50
+ "vue-i18n": "^8.28.2",
51
+ "vue-json-viewer": "^2.2.22",
52
+ "vue-router": "^3.6.5",
53
+ "vue-video-player": "^5.0.2",
54
+ "vue-virtual-scroller": "^1.1.2",
55
+ "vuedraggable": "^2.24.3",
56
+ "vuex": "^3.6.2",
57
+ "xlsx": "0.18.5"
58
+ },
59
+ "devDependencies": {
60
+ "@ant-design/colors": "^7.0.0",
61
+ "@babel/core": "^7.22.20",
62
+ "@babel/eslint-parser": "^7.22.15",
63
+ "@babel/preset-env": "^7.22.20",
64
+ "@vue/cli-plugin-babel": "^5.0.8",
65
+ "@vue/cli-plugin-eslint": "^5.0.8",
66
+ "@vue/cli-service": "^5.0.8",
67
+ "@vue/eslint-config-standard": "^8.0.1",
68
+ "@vue/test-utils": "^1.3.6",
69
+ "babel-jest": "^26.6.3",
70
+ "babel-plugin-transform-remove-console": "^6.9.4",
71
+ "compression-webpack-plugin": "^10.0.0",
72
+ "copy-webpack-plugin": "^11.0.0",
73
+ "css-minimizer-webpack-plugin": "^5.0.1",
74
+ "deepmerge": "^4.3.1",
75
+ "eslint": "^8.51.0",
76
+ "eslint-plugin-vue": "^9.17.0",
77
+ "fast-deep-equal": "^3.1.3",
78
+ "ignore-loader": "^0.1.2",
79
+ "jest": "^26.6.3",
80
+ "jest-environment-jsdom": "^26.6.2",
81
+ "jest-transform-stub": "^2.0.0",
82
+ "less-loader": "^6.2.0",
83
+ "script-loader": "^0.7.2",
84
+ "style-resources-loader": "^1.5.0",
85
+ "vue-cli-plugin-style-resources-loader": "^0.1.5",
86
+ "vue-jest": "^4.0.1",
87
+ "vue-template-compiler": "^2.7.14",
88
+ "webpack": "^5.88.2",
89
+ "webpack-theme-color-replacer": "^1.4.7",
90
+ "whatwg-fetch": "^3.6.19"
91
+ },
92
+ "browserslist": [
93
+ "> 1%",
94
+ "last 2 versions",
95
+ "not dead",
96
+ "not ie 11"
97
+ ]
98
+ }
@@ -1,3 +1,3 @@
1
- import AmapPointRendering from './AmapPointRendering'
2
-
3
- export default AmapPointRendering
1
+ import AmapPointRendering from './AmapPointRendering'
2
+
3
+ export default AmapPointRendering