matrix_components 2.0.501 → 2.0.502
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 +7 -0
- package/dist/ComponentDemo/Test.vue +16 -1
- package/dist/matrix_components.css +1 -1
- package/dist/matrix_components.js +71 -25
- package/dist/matrix_components.umd.cjs +1 -1
- package/package.json +2 -2
- package/dist/ComponentDemo/ExampleFormConfig.js +0 -270
- package/dist/ComponentDemo/SaturationLineDemo copy 2.vue +0 -1516
- package/dist/ComponentDemo/SaturationLineDemo copy 3.vue +0 -1546
- package/dist/ComponentDemo/SaturationLineDemo copy 4.vue +0 -1557
- package/dist/ComponentDemo/SaturationLineDemo copy.vue +0 -1366
- package/dist/ComponentDemo/SimpleFormConfig.json +0 -97
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "matrix_components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.502",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
"publishConfig": {
|
|
24
|
+
"ps": "https://registry.npmjs.org/ 为共享仓库地址; http://199.10.9.178:8081/repository/npm-hosted/ 为Nexus私仓地址",
|
|
24
25
|
"registry": "https://registry.npmjs.org/",
|
|
25
26
|
"access": "public"
|
|
26
27
|
},
|
|
@@ -42,7 +43,6 @@
|
|
|
42
43
|
"dependencies": {
|
|
43
44
|
"docx-preview": "^0.3.7",
|
|
44
45
|
"konva": "^10.0.2",
|
|
45
|
-
"matrix_components": "^2.0.500",
|
|
46
46
|
"vue-konva": "^3.2.6",
|
|
47
47
|
"vue3-markdown": "^1.2.17",
|
|
48
48
|
"vue3-pdf-app": "^1.0.3",
|
|
@@ -1,270 +0,0 @@
|
|
|
1
|
-
// 动态表单配置文件
|
|
2
|
-
export const formConfig = {
|
|
3
|
-
// 表单数据初始值
|
|
4
|
-
formData: {
|
|
5
|
-
name: "",
|
|
6
|
-
email: "",
|
|
7
|
-
age: null,
|
|
8
|
-
gender: "",
|
|
9
|
-
hobbies: [],
|
|
10
|
-
isVip: false,
|
|
11
|
-
score: 0,
|
|
12
|
-
birthday: null,
|
|
13
|
-
city: [],
|
|
14
|
-
description: "",
|
|
15
|
-
customField: "",
|
|
16
|
-
province: "",
|
|
17
|
-
citySelect: "",
|
|
18
|
-
district: "",
|
|
19
|
-
category: "",
|
|
20
|
-
subcategory: "",
|
|
21
|
-
},
|
|
22
|
-
|
|
23
|
-
// 表单配置项
|
|
24
|
-
formItems: [
|
|
25
|
-
{
|
|
26
|
-
label: "输入框",
|
|
27
|
-
prop: "name",
|
|
28
|
-
component: "input",
|
|
29
|
-
span: 12,
|
|
30
|
-
required: true,
|
|
31
|
-
placeholder: "请输入输入框",
|
|
32
|
-
props: {
|
|
33
|
-
clearable: true,
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
label: "邮箱",
|
|
38
|
-
prop: "email",
|
|
39
|
-
component: "input",
|
|
40
|
-
span: 12,
|
|
41
|
-
required: true,
|
|
42
|
-
props: {
|
|
43
|
-
clearable: true,
|
|
44
|
-
},
|
|
45
|
-
rules: [
|
|
46
|
-
{ type: "email", message: "请输入正确的邮箱地址", trigger: "blur" },
|
|
47
|
-
],
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
label: "数值输入",
|
|
51
|
-
prop: "age",
|
|
52
|
-
component: "number",
|
|
53
|
-
span: 12,
|
|
54
|
-
props: {
|
|
55
|
-
min: 1,
|
|
56
|
-
max: 120,
|
|
57
|
-
controlsPosition: "right",
|
|
58
|
-
},
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
label: "单选",
|
|
62
|
-
prop: "gender",
|
|
63
|
-
component: "radio-group",
|
|
64
|
-
span: 12,
|
|
65
|
-
options: [
|
|
66
|
-
{ label: "AAA", value: "male" },
|
|
67
|
-
{ label: "BBB", value: "female" },
|
|
68
|
-
],
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
label: "多选",
|
|
72
|
-
prop: "hobbies",
|
|
73
|
-
component: "checkbox-group",
|
|
74
|
-
span: 24,
|
|
75
|
-
options: [
|
|
76
|
-
{ label: "读书", value: "reading" },
|
|
77
|
-
{ label: "运动", value: "sports" },
|
|
78
|
-
{ label: "音乐", value: "music" },
|
|
79
|
-
{ label: "旅行", value: "travel" },
|
|
80
|
-
],
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
label: "滑块",
|
|
84
|
-
prop: "isVip",
|
|
85
|
-
component: "switch",
|
|
86
|
-
span: 12,
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
label: "评分",
|
|
90
|
-
prop: "score",
|
|
91
|
-
component: "el-slider",
|
|
92
|
-
span: 12,
|
|
93
|
-
props: {
|
|
94
|
-
min: 0,
|
|
95
|
-
max: 100,
|
|
96
|
-
showStops: true,
|
|
97
|
-
showTooltip: false,
|
|
98
|
-
},
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
label: "日期选择",
|
|
102
|
-
prop: "birthday",
|
|
103
|
-
component: "date-picker",
|
|
104
|
-
span: 12,
|
|
105
|
-
props: {
|
|
106
|
-
type: "date",
|
|
107
|
-
format: "YYYY-MM-DD",
|
|
108
|
-
valueFormat: "YYYY-MM-DD",
|
|
109
|
-
},
|
|
110
|
-
},
|
|
111
|
-
{
|
|
112
|
-
label: "城市",
|
|
113
|
-
prop: "city",
|
|
114
|
-
component: "cascader",
|
|
115
|
-
span: 12,
|
|
116
|
-
options: [
|
|
117
|
-
{
|
|
118
|
-
value: "jiangsu",
|
|
119
|
-
label: "江苏省",
|
|
120
|
-
children: [
|
|
121
|
-
{ value: "nanjing", label: "南京市" },
|
|
122
|
-
{ value: "suzhou", label: "苏州市" },
|
|
123
|
-
],
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
value: "zhejiang",
|
|
127
|
-
label: "浙江省",
|
|
128
|
-
children: [
|
|
129
|
-
{ value: "hangzhou", label: "杭州市" },
|
|
130
|
-
{ value: "ningbo", label: "宁波市" },
|
|
131
|
-
],
|
|
132
|
-
},
|
|
133
|
-
],
|
|
134
|
-
props: {
|
|
135
|
-
clearable: true,
|
|
136
|
-
filterable: true,
|
|
137
|
-
},
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
label: "长文本",
|
|
141
|
-
prop: "description",
|
|
142
|
-
component: "textarea",
|
|
143
|
-
span: 24,
|
|
144
|
-
props: {
|
|
145
|
-
rows: 4,
|
|
146
|
-
maxlength: 200,
|
|
147
|
-
showWordLimit: true,
|
|
148
|
-
},
|
|
149
|
-
},
|
|
150
|
-
{
|
|
151
|
-
label: "关联字段",
|
|
152
|
-
prop: "customField",
|
|
153
|
-
component: "input",
|
|
154
|
-
span: 24,
|
|
155
|
-
slot: "customSlot",
|
|
156
|
-
},
|
|
157
|
-
{
|
|
158
|
-
label: "级联A",
|
|
159
|
-
prop: "province",
|
|
160
|
-
component: "select",
|
|
161
|
-
span: 8,
|
|
162
|
-
optionsKey: "provinces",
|
|
163
|
-
props: {
|
|
164
|
-
clearable: true,
|
|
165
|
-
},
|
|
166
|
-
},
|
|
167
|
-
{
|
|
168
|
-
label: "城市",
|
|
169
|
-
prop: "citySelect",
|
|
170
|
-
component: "select",
|
|
171
|
-
span: 8,
|
|
172
|
-
dependsOn: {
|
|
173
|
-
field: "province",
|
|
174
|
-
optionsKey: "cities",
|
|
175
|
-
},
|
|
176
|
-
props: {
|
|
177
|
-
clearable: true,
|
|
178
|
-
},
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
label: "区县",
|
|
182
|
-
prop: "district",
|
|
183
|
-
component: "select",
|
|
184
|
-
span: 8,
|
|
185
|
-
dependsOn: {
|
|
186
|
-
field: "citySelect",
|
|
187
|
-
optionsKey: "districts",
|
|
188
|
-
},
|
|
189
|
-
props: {
|
|
190
|
-
clearable: true,
|
|
191
|
-
},
|
|
192
|
-
},
|
|
193
|
-
],
|
|
194
|
-
|
|
195
|
-
// 表单验证规则
|
|
196
|
-
formRules: {
|
|
197
|
-
name: [
|
|
198
|
-
{ required: true, message: "请输入输入框", trigger: "blur" },
|
|
199
|
-
{ min: 2, max: 20, message: "长度在 2 到 20 个字符", trigger: "blur" },
|
|
200
|
-
],
|
|
201
|
-
email: [{ required: true, message: "请输入邮箱地址", trigger: "blur" }],
|
|
202
|
-
},
|
|
203
|
-
|
|
204
|
-
// 下拉框选项数据源
|
|
205
|
-
optionsData: {
|
|
206
|
-
provinces: [
|
|
207
|
-
{ label: "江苏省", value: "jiangsu" },
|
|
208
|
-
{ label: "浙江省", value: "zhejiang" },
|
|
209
|
-
{ label: "上海市", value: "shanghai" },
|
|
210
|
-
],
|
|
211
|
-
cities: {
|
|
212
|
-
jiangsu: [
|
|
213
|
-
{ label: "南京市", value: "nanjing" },
|
|
214
|
-
{ label: "苏州市", value: "suzhou" },
|
|
215
|
-
{ label: "无锡市", value: "wuxi" },
|
|
216
|
-
],
|
|
217
|
-
zhejiang: [
|
|
218
|
-
{ label: "杭州市", value: "hangzhou" },
|
|
219
|
-
{ label: "宁波市", value: "ningbo" },
|
|
220
|
-
{ label: "温州市", value: "wenzhou" },
|
|
221
|
-
],
|
|
222
|
-
shanghai: [
|
|
223
|
-
{ label: "黄浦区", value: "huangpu" },
|
|
224
|
-
{ label: "徐汇区", value: "xuhui" },
|
|
225
|
-
{ label: "长宁区", value: "changning" },
|
|
226
|
-
],
|
|
227
|
-
},
|
|
228
|
-
districts: {
|
|
229
|
-
nanjing: [
|
|
230
|
-
{ label: "玄武区", value: "xuanwu" },
|
|
231
|
-
{ label: "秦淮区", value: "qinhuai" },
|
|
232
|
-
{ label: "建邺区", value: "jianye" },
|
|
233
|
-
],
|
|
234
|
-
suzhou: [
|
|
235
|
-
{ label: "姑苏区", value: "gusu" },
|
|
236
|
-
{ label: "虎丘区", value: "huqiu" },
|
|
237
|
-
{ label: "吴中区", value: "wuzhong" },
|
|
238
|
-
],
|
|
239
|
-
hangzhou: [
|
|
240
|
-
{ label: "西湖区", value: "xihu" },
|
|
241
|
-
{ label: "拱墅区", value: "gongshu" },
|
|
242
|
-
{ label: "江干区", value: "jianggan" },
|
|
243
|
-
],
|
|
244
|
-
},
|
|
245
|
-
categories: [
|
|
246
|
-
{ label: "电子产品", value: "electronics" },
|
|
247
|
-
{ label: "服装鞋帽", value: "clothing" },
|
|
248
|
-
{ label: "图书音像", value: "books" },
|
|
249
|
-
],
|
|
250
|
-
subcategories: {
|
|
251
|
-
electronics: [
|
|
252
|
-
{ label: "手机", value: "phone" },
|
|
253
|
-
{ label: "电脑", value: "computer" },
|
|
254
|
-
{ label: "平板", value: "tablet" },
|
|
255
|
-
],
|
|
256
|
-
clothing: [
|
|
257
|
-
{ label: "男装", value: "mens" },
|
|
258
|
-
{ label: "女装", value: "womens" },
|
|
259
|
-
{ label: "童装", value: "kids" },
|
|
260
|
-
],
|
|
261
|
-
books: [
|
|
262
|
-
{ label: "小说", value: "novel" },
|
|
263
|
-
{ label: "技术书籍", value: "tech" },
|
|
264
|
-
{ label: "教育", value: "education" },
|
|
265
|
-
],
|
|
266
|
-
},
|
|
267
|
-
},
|
|
268
|
-
};
|
|
269
|
-
|
|
270
|
-
export default formConfig;
|