matrix_components 2.0.382 → 2.0.385

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.
Files changed (19) hide show
  1. package/dist/ComponentDemo/DialogDemo.vue +210 -0
  2. package/dist/ComponentDemo/ExampleFormConfig.js +270 -0
  3. package/dist/ComponentDemo/ExcelDemo.vue +263 -0
  4. package/dist/ComponentDemo/FormDemo.vue +476 -0
  5. package/dist/ComponentDemo/ImageDemo.vue +27 -0
  6. package/dist/ComponentDemo/MDDemo.vue +20 -0
  7. package/dist/ComponentDemo/OfficeDemo.vue +189 -0
  8. package/dist/ComponentDemo/PdfDemo.vue +207 -0
  9. package/dist/ComponentDemo/SaturationLineDemo.vue +592 -0
  10. package/dist/ComponentDemo/SimpleFormConfig.json +97 -0
  11. package/dist/ComponentDemo/Test.vue +437 -0
  12. package/dist/ComponentDemo/TestFormConfig.js +129 -0
  13. package/dist/ComponentDemo/VideoDemo.vue +303 -0
  14. package/dist/ComponentDemo/WordDemo.vue +191 -0
  15. package/dist/api/types.d.ts +117 -0
  16. package/dist/matrix-components.d.ts +229 -0
  17. package/dist/matrix_components.js +6 -4
  18. package/dist/matrix_components.umd.cjs +1 -1
  19. package/package.json +5 -1
package/dist/ComponentDemo/SaturationLineDemo.vue ADDED
@@ -0,0 +1,592 @@
1
+ <template>
2
+ <div class="saturation-line-view">
3
+ <span>浸润线</span>
4
+ <!-- 方案1（推荐，支持sort按照x坐标从小到大排序）：fullData -->
5
+ <NsSaturationline ref="canvasRef" class="saturationline-canvas" :fullData="fullData" :isSortX="true">
6
+ <span>无数据</span>
7
+ </NsSaturationline>
8
+ <!-- 方案2（兼容老的调用方式） -->
9
+ <!-- <NsSaturationline ref="canvasRef" class="saturationline-canvas" :data="state.damData" :waterLevel="state.waterLevel">
10
+ <span>无数据</span>
11
+ </NsSaturationline> -->
12
+ </div>
13
+ </template>
14
+ <script setup lang="ts" name="">
15
+ import { onMounted, reactive, ref } from 'vue';
16
+
17
+ const fullData = ref({
18
+ "isDelete": 0,
19
+ "damCode": "dam_1996484649555202048",
20
+ "updateTime": "2025-12-04 17:19:29",
21
+ "sectionId": 41,
22
+ "projectCodeDesc": "象山水库",
23
+ "sjsw": null,
24
+ "ksw": 47.85,
25
+ "createBy": 1,
26
+ "pointList": [
27
+ {
28
+ "pointCode": "xiangshanup1",
29
+ "isDelete": 0,
30
+ "pointName": "UP1",
31
+ "damCode": "dam_1996484649555202048",
32
+ "updateTime": "2025-12-04 17:19:29",
33
+ "sectionId": 41,
34
+ "createBy": 1,
35
+ "createTime": "2025-12-04 16:16:41",
36
+ "updateBy": 1,
37
+ "x": "-2.5",
38
+ "y": "52.8",
39
+ "id": 77,
40
+ "time": "2025-12-04 19:37:17",
41
+ "value": 44.19,
42
+ "height": "25"
43
+
44
+ },
45
+ {
46
+ "pointCode": "xsUP2",
47
+ "isDelete": 0,
48
+ "pointName": "UP2",
49
+ "damCode": "dam_1996484649555202048",
50
+ "updateTime": "2025-12-04 17:19:29",
51
+ "sectionId": 41,
52
+ "createBy": 1,
53
+ "createTime": "2025-12-04 16:16:41",
54
+ "updateBy": 1,
55
+ "x": "2.5",
56
+ "y": "52.8",
57
+ "id": 78,
58
+ "time": "2025-12-04 19:37:17",
59
+ "value": 41.8,
60
+ "height": "25"
61
+ },
62
+ {
63
+ "pointCode": "xsup3",
64
+ "isDelete": 0,
65
+ "pointName": "UP3",
66
+ "damCode": "dam_1996484649555202048",
67
+ "updateTime": "2025-12-04 17:19:29",
68
+ "sectionId": 41,
69
+ "createBy": 1,
70
+ "createTime": "2025-12-04 16:16:41",
71
+ "updateBy": 1,
72
+ "x": "8",
73
+ "y": "49.5",
74
+ "id": 79,
75
+ "time": "2025-12-04 19:37:17",
76
+ "value": 41.14,
77
+ "height": "22"
78
+ },
79
+ ],
80
+ "jhsw": null,
81
+ "createTime": "2025-12-04 16:50:00",
82
+ "updateBy": 1,
83
+ "projectCode": "reservoir_1996484060796555264",
84
+ "x": "0",
85
+ "y": "20",
86
+ "id": 57,
87
+ "sectionList": [
88
+ {
89
+ "createBy": 1,
90
+ "createTime": "2025-12-04 16:50:00",
91
+ "updateBy": 1,
92
+ "isTop": false,
93
+ "isDelete": 0,
94
+ "damCode": "dam_1996484649555202048",
95
+ "x": "-14.24",
96
+ "y": "46",
97
+ "updateTime": "2025-12-04 16:55:54",
98
+ "id": 209,
99
+ "sectionId": 41
100
+ },
101
+ {
102
+ "createBy": 1,
103
+ "createTime": "2025-12-04 16:50:00",
104
+ "updateBy": 1,
105
+ "isTop": false,
106
+ "isDelete": 0,
107
+ "damCode": "dam_1996484649555202048",
108
+ "x": "-7.12",
109
+ "y": "48",
110
+ "updateTime": "2025-12-04 16:56:46",
111
+ "id": 210,
112
+ "sectionId": 41
113
+ },
114
+ {
115
+ "createBy": 1,
116
+ "createTime": "2025-12-04 16:50:00",
117
+ "updateBy": 1,
118
+ "isTop": true,
119
+ "isDelete": 0,
120
+ "damCode": "dam_1996484649555202048",
121
+ "x": "-2.5",
122
+ "y": "52.8",
123
+ "updateTime": "2025-12-04 16:56:47",
124
+ "id": 211,
125
+ "sectionId": 41
126
+ },
127
+ {
128
+ "createBy": 1,
129
+ "createTime": "2025-12-04 16:50:00",
130
+ "updateBy": 1,
131
+ "isTop": true,
132
+ "isDelete": 0,
133
+ "damCode": "dam_1996484649555202048",
134
+ "x": "2.5",
135
+ "y": "52.8",
136
+ "updateTime": "2025-12-04 16:57:18",
137
+ "id": 212,
138
+ "sectionId": 41
139
+ },
140
+ {
141
+ "createBy": 1,
142
+ "createTime": "2025-12-04 16:50:00",
143
+ "updateBy": 1,
144
+ "isTop": false,
145
+ "isDelete": 0,
146
+ "damCode": "dam_1996484649555202048",
147
+ "x": "19",
148
+ "y": "44",
149
+ "updateTime": "2025-12-04 16:57:53",
150
+ "id": 213,
151
+ "sectionId": 41
152
+ },
153
+ {
154
+ "createBy": 1,
155
+ "createTime": "2025-12-04 17:16:46",
156
+ "updateBy": 1,
157
+ "isTop": false,
158
+ "isDelete": 0,
159
+ "damCode": "dam_1996484649555202048",
160
+ "x": "22",
161
+ "y": "44",
162
+ "updateTime": "2025-12-04 16:57:51",
163
+ "id": 214,
164
+ "sectionId": 41
165
+ },
166
+ {
167
+ "createBy": 1,
168
+ "createTime": "2025-12-04 16:50:00",
169
+ "updateBy": 1,
170
+ "isTop": false,
171
+ "isDelete": 0,
172
+ "damCode": "dam_1996484649555202048",
173
+ "x": "42.85",
174
+ "y": "36",
175
+ "updateTime": "2025-12-04 16:55:54",
176
+ "id": 215,
177
+ "sectionId": 41
178
+ },
179
+ {
180
+ "createBy": 1,
181
+ "createTime": "2025-12-04 16:50:00",
182
+ "updateBy": 1,
183
+ "isTop": false,
184
+ "isDelete": 0,
185
+ "damCode": "dam_1996484649555202048",
186
+ "x": "51.45",
187
+ "y": "36",
188
+ "updateTime": "2025-12-04 16:55:54",
189
+ "id": 216,
190
+ "sectionId": 41
191
+ },
192
+ {
193
+ "createBy": 1,
194
+ "createTime": "2025-12-04 16:50:00",
195
+ "updateBy": 1,
196
+ "isTop": false,
197
+ "isDelete": 0,
198
+ "damCode": "dam_1996484649555202048",
199
+ "x": "71.2",
200
+ "y": "30",
201
+ "updateTime": "2025-12-04 16:55:54",
202
+ "id": 217,
203
+ "sectionId": 41
204
+ },
205
+ {
206
+ "createBy": 1,
207
+ "createTime": "2025-12-04 16:50:00",
208
+ "updateBy": 1,
209
+ "isTop": false,
210
+ "isDelete": 0,
211
+ "damCode": "dam_1996484649555202048",
212
+ "x": "78.67",
213
+ "y": "30",
214
+ "updateTime": "2025-12-04 16:55:54",
215
+ "id": 218,
216
+ "sectionId": 41
217
+ }
218
+ ],
219
+ "xxsw": null,
220
+ "isWall": false
221
+ })
222
+
223
+ const state = reactive({
224
+ damData: {
225
+ // 坝体
226
+ sectionTableList: [
227
+ {
228
+ xPoint: "-44",
229
+ yPoint: "17",
230
+ isTop: false,
231
+ },
232
+ {
233
+ xPoint: "-26",
234
+ yPoint: "24",
235
+ isTop: false,
236
+ },
237
+ {
238
+ xPoint: "-16",
239
+ yPoint: "24",
240
+ isTop: false,
241
+ },
242
+ {
243
+ xPoint: "-8",
244
+ yPoint: "29",
245
+ isTop: true,
246
+ },
247
+ {
248
+ xPoint: "8",
249
+ yPoint: "29",
250
+ isTop: true,
251
+ },
252
+ {
253
+ xPoint: "22",
254
+ yPoint: "25",
255
+ isTop: false,
256
+ },
257
+ {
258
+ xPoint: "40",
259
+ yPoint: "22",
260
+ isTop: false,
261
+ },
262
+ {
263
+ xPoint: "47",
264
+ yPoint: "22",
265
+ isTop: false,
266
+ },
267
+ {
268
+ xPoint: "62",
269
+ yPoint: "17",
270
+ isTop: false,
271
+ },
272
+ {
273
+ xPoint: "70",
274
+ yPoint: "17",
275
+ isTop: false,
276
+ },
277
+ ],
278
+ // 测压管
279
+ pipelineTableList: [
280
+ {
281
+ xPoint: "-8",
282
+ yPoint: "29",
283
+ height: "15",
284
+ pointCode: "UP1-1",
285
+ pointName: "测试名字很长很长很长很长测试名字很长很长很长很长",
286
+ },
287
+ {
288
+ xPoint: "8",
289
+ yPoint: "29",
290
+ height: "17",
291
+ pointCode: "UP1-2",
292
+ pointName: "-1-1-1--1-1----1",
293
+ },
294
+ {
295
+ xPoint: "17",
296
+ yPoint: "26.3",
297
+ height: "15",
298
+ pointCode: "UP1-3",
299
+ pointName: "测试",
300
+ },
301
+ ],
302
+ // y/x偏移
303
+ isWall: "1",
304
+ yStart: "10",
305
+ wallXpoint: "-2",
306
+ },
307
+ waterLevel: {
308
+ map: [
309
+ {
310
+ id: null,
311
+ projectCode: null,
312
+ transectName: "0+155",
313
+ pointCode: "UP1-3",
314
+ waterLevel: 14.8,
315
+ date: "2025-05-20T05:00:00",
316
+ createBy: null,
317
+ createTime: null,
318
+ updateBy: null,
319
+ updateTime: null,
320
+ isDelete: null,
321
+ code: null,
322
+ },
323
+ {
324
+ id: null,
325
+ projectCode: null,
326
+ transectName: "0+155",
327
+ pointCode: "UP1-2",
328
+ waterLevel: 16.0,
329
+ date: "2025-05-20T05:00:00",
330
+ createBy: null,
331
+ createTime: null,
332
+ updateBy: null,
333
+ updateTime: null,
334
+ isDelete: null,
335
+ code: null,
336
+ },
337
+ {
338
+ id: null,
339
+ projectCode: null,
340
+ transectName: "0+155",
341
+ pointCode: "UP1-1",
342
+ waterLevel: 18.3,
343
+ date: "2025-05-20T00:00:00",
344
+ createBy: null,
345
+ createTime: null,
346
+ updateBy: null,
347
+ updateTime: null,
348
+ isDelete: null,
349
+ code: null,
350
+ },
351
+ ],
352
+ kssw: 22,
353
+ xxsw: 15,
354
+ sjsw: 24,
355
+ jhsw: 26,
356
+ },
357
+ });
358
+
359
+ onMounted(()=>{
360
+ setTimeout(()=>{
361
+ // 方案2修改数据
362
+ /* state.damData = {}
363
+ state.waterLevel = {}
364
+ return */
365
+ // 方案1修改数据
366
+ fullData.value = {
367
+ "isDelete": 0,
368
+ "damCode": "dam_1996484649555202048",
369
+ "updateTime": "2025-12-04 17:19:29",
370
+ "sectionId": 41,
371
+ "projectCodeDesc": "象山水库",
372
+ "sjsw": null,
373
+ "ksw": 47.85,
374
+ "createBy": 1,
375
+ "pointList": [
376
+ {
377
+ "pointCode": "xsUP2",
378
+ "isDelete": 0,
379
+ "pointName": "UP2",
380
+ "damCode": "dam_1996484649555202048",
381
+ "updateTime": "2025-12-04 17:19:29",
382
+ "sectionId": 41,
383
+ "createBy": 1,
384
+ "createTime": "2025-12-04 16:16:41",
385
+ "updateBy": 1,
386
+ "x": "2.5",
387
+ "y": "52.8",
388
+ "id": 78,
389
+ "time": "2025-12-04 19:37:17",
390
+ "value": 41.8,
391
+ "height": "25",
392
+ "xPoint": "2.5",
393
+ "yPoint": "52.8"
394
+ },
395
+ {
396
+ "pointCode": "xsup3",
397
+ "isDelete": 0,
398
+ "pointName": "UP3",
399
+ "damCode": "dam_1996484649555202048",
400
+ "updateTime": "2025-12-04 17:19:29",
401
+ "sectionId": 41,
402
+ "createBy": 1,
403
+ "createTime": "2025-12-04 16:16:41",
404
+ "updateBy": 1,
405
+ "x": "8",
406
+ "y": "49.5",
407
+ "id": 79,
408
+ "time": "2025-12-04 19:37:17",
409
+ "value": 25.14,
410
+ "height": "22",
411
+ "xPoint": "8",
412
+ "yPoint": "49.5"
413
+ },
414
+ {
415
+ "pointCode": "xiangshanup1",
416
+ "isDelete": 0,
417
+ "pointName": "UP1",
418
+ "damCode": "dam_1996484649555202048",
419
+ "updateTime": "2025-12-04 17:19:29",
420
+ "sectionId": 41,
421
+ "createBy": 1,
422
+ "createTime": "2025-12-04 16:16:41",
423
+ "updateBy": 1,
424
+ "x": "-2.5",
425
+ "y": "52.8",
426
+ "id": 77,
427
+ "time": "2025-12-04 19:37:17",
428
+ "value": 35.19,
429
+ "height": "25",
430
+ "xPoint": "-2.5",
431
+ "yPoint": "52.8"
432
+ }
433
+ ],
434
+ "jhsw": null,
435
+ "createTime": "2025-12-04 16:50:00",
436
+ "updateBy": 1,
437
+ "projectCode": "reservoir_1996484060796555264",
438
+ "x": "0",
439
+ "y": "20",
440
+ "id": 57,
441
+ "sectionList": [
442
+ {
443
+ "createBy": 1,
444
+ "createTime": "2025-12-04 16:50:00",
445
+ "updateBy": 1,
446
+ "isTop": false,
447
+ "isDelete": 0,
448
+ "damCode": "dam_1996484649555202048",
449
+ "x": "-14.24",
450
+ "y": "46",
451
+ "updateTime": "2025-12-04 16:55:54",
452
+ "id": 209,
453
+ "sectionId": 41
454
+ },
455
+ {
456
+ "createBy": 1,
457
+ "createTime": "2025-12-04 16:50:00",
458
+ "updateBy": 1,
459
+ "isTop": false,
460
+ "isDelete": 0,
461
+ "damCode": "dam_1996484649555202048",
462
+ "x": "-7.12",
463
+ "y": "48",
464
+ "updateTime": "2025-12-04 16:56:46",
465
+ "id": 210,
466
+ "sectionId": 41
467
+ },
468
+ {
469
+ "createBy": 1,
470
+ "createTime": "2025-12-04 16:50:00",
471
+ "updateBy": 1,
472
+ "isTop": true,
473
+ "isDelete": 0,
474
+ "damCode": "dam_1996484649555202048",
475
+ "x": "-2.5",
476
+ "y": "52.8",
477
+ "updateTime": "2025-12-04 16:56:47",
478
+ "id": 211,
479
+ "sectionId": 41
480
+ },
481
+ {
482
+ "createBy": 1,
483
+ "createTime": "2025-12-04 16:50:00",
484
+ "updateBy": 1,
485
+ "isTop": true,
486
+ "isDelete": 0,
487
+ "damCode": "dam_1996484649555202048",
488
+ "x": "2.5",
489
+ "y": "52.8",
490
+ "updateTime": "2025-12-04 16:57:18",
491
+ "id": 212,
492
+ "sectionId": 41
493
+ },
494
+ {
495
+ "createBy": 1,
496
+ "createTime": "2025-12-04 16:50:00",
497
+ "updateBy": 1,
498
+ "isTop": false,
499
+ "isDelete": 0,
500
+ "damCode": "dam_1996484649555202048",
501
+ "x": "19",
502
+ "y": "44",
503
+ "updateTime": "2025-12-04 16:57:53",
504
+ "id": 213,
505
+ "sectionId": 41
506
+ },
507
+ {
508
+ "createBy": 1,
509
+ "createTime": "2025-12-04 17:16:46",
510
+ "updateBy": 1,
511
+ "isTop": false,
512
+ "isDelete": 0,
513
+ "damCode": "dam_1996484649555202048",
514
+ "x": "22",
515
+ "y": "44",
516
+ "updateTime": "2025-12-04 16:57:51",
517
+ "id": 214,
518
+ "sectionId": 41
519
+ },
520
+ {
521
+ "createBy": 1,
522
+ "createTime": "2025-12-04 16:50:00",
523
+ "updateBy": 1,
524
+ "isTop": false,
525
+ "isDelete": 0,
526
+ "damCode": "dam_1996484649555202048",
527
+ "x": "42.85",
528
+ "y": "36",
529
+ "updateTime": "2025-12-04 16:55:54",
530
+ "id": 215,
531
+ "sectionId": 41
532
+ },
533
+ {
534
+ "createBy": 1,
535
+ "createTime": "2025-12-04 16:50:00",
536
+ "updateBy": 1,
537
+ "isTop": false,
538
+ "isDelete": 0,
539
+ "damCode": "dam_1996484649555202048",
540
+ "x": "51.45",
541
+ "y": "36",
542
+ "updateTime": "2025-12-04 16:55:54",
543
+ "id": 216,
544
+ "sectionId": 41
545
+ },
546
+ {
547
+ "createBy": 1,
548
+ "createTime": "2025-12-04 16:50:00",
549
+ "updateBy": 1,
550
+ "isTop": false,
551
+ "isDelete": 0,
552
+ "damCode": "dam_1996484649555202048",
553
+ "x": "71.2",
554
+ "y": "30",
555
+ "updateTime": "2025-12-04 16:55:54",
556
+ "id": 217,
557
+ "sectionId": 41
558
+ },
559
+ {
560
+ "createBy": 1,
561
+ "createTime": "2025-12-04 16:50:00",
562
+ "updateBy": 1,
563
+ "isTop": false,
564
+ "isDelete": 0,
565
+ "damCode": "dam_1996484649555202048",
566
+ "x": "78.67",
567
+ "y": "30",
568
+ "updateTime": "2025-12-04 16:55:54",
569
+ "id": 218,
570
+ "sectionId": 41
571
+ }
572
+ ],
573
+ "xxsw": null,
574
+ "isWall": false
575
+ }
576
+ }, 2000)
577
+ })
578
+
579
+ </script>
580
+ <style lang="scss" scoped>
581
+ .saturation-line-view {
582
+ width: calc(100% - 40px);
583
+ height: calc(100% - 20px);
584
+ padding: 20px;
585
+ display: flex;
586
+ flex-direction: column;
587
+ .saturationline-canvas {
588
+ flex: 1;
589
+ height: 100%;
590
+ }
591
+ }
592
+ </style>
package/dist/ComponentDemo/SimpleFormConfig.json ADDED
@@ -0,0 +1,97 @@
1
+ {
2
+ "formData": {
3
+ "name": "xx",
4
+ "email": "yy@zz.com",
5
+ "age": null,
6
+ "city": "",
7
+ "description": ""
8
+ },
9
+ "formItems": [
10
+ {
11
+ "label": "姓名",
12
+ "prop": "name",
13
+ "component": "input",
14
+ "span": 24,
15
+ "required": true,
16
+ "placeholder": "请输入姓名",
17
+ "props": {
18
+ "clearable": true
19
+ }
20
+ },
21
+ {
22
+ "label": "邮箱",
23
+ "prop": "email",
24
+ "component": "input",
25
+ "span": 24,
26
+ "required": true,
27
+ "placeholder": "请输入邮箱",
28
+ "props": {
29
+ "clearable": true
30
+ },
31
+ "rules": [
32
+ {
33
+ "type": "email",
34
+ "message": "请输入正确的邮箱地址",
35
+ "trigger": "blur"
36
+ }
37
+ ]
38
+ },
39
+ {
40
+ "label": "年龄",
41
+ "prop": "age",
42
+ "component": "number",
43
+ "span": 24,
44
+ "placeholder": "请输入年龄",
45
+ "props": {
46
+ "min": 1,
47
+ "max": 120,
48
+ "controlsPosition": "right"
49
+ }
50
+ },
51
+ {
52
+ "label": "城市",
53
+ "prop": "city",
54
+ "component": "select",
55
+ "span": 24,
56
+ "placeholder": "请选择城市",
57
+ "options": [
58
+ { "label": "北京", "value": "beijing" },
59
+ { "label": "上海", "value": "shanghai" },
60
+ { "label": "广州", "value": "guangzhou" },
61
+ { "label": "深圳", "value": "shenzhen" }
62
+ ],
63
+ "props": {
64
+ "clearable": true
65
+ }
66
+ },
67
+ {
68
+ "label": "描述",
69
+ "prop": "description",
70
+ "component": "textarea",
71
+ "span": 24,
72
+ "placeholder": "请输入描述",
73
+ "props": {
74
+ "rows": 3,
75
+ "maxlength": 200,
76
+ "showWordLimit": true
77
+ }
78
+ }
79
+ ],
80
+ "formRules": {
81
+ "name": [
82
+ {
83
+ "required": true,
84
+ "message": "请输入姓名",
85
+ "trigger": "blur"
86
+ }
87
+ ],
88
+ "email": [
89
+ {
90
+ "required": true,
91
+ "message": "请输入邮箱地址",
92
+ "trigger": "blur"
93
+ }
94
+ ]
95
+ },
96
+ "optionsData": {}
97
+ }