@opentiny/tiny-engine-canvas 1.0.0 → 1.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.
Files changed (51) hide show
  1. package/dist/index.js +24773 -26823
  2. package/package.json +15 -6
  3. package/.eslintrc.js +0 -42
  4. package/canvas.html +0 -212
  5. package/index.html +0 -13
  6. package/public/favicon.ico +0 -0
  7. package/src/Design.vue +0 -53
  8. package/src/assets/logo.png +0 -0
  9. package/src/canvas.js +0 -34
  10. package/src/components/builtin/CanvasBox.vue +0 -22
  11. package/src/components/builtin/CanvasCol.vue +0 -89
  12. package/src/components/builtin/CanvasCollection.js +0 -278
  13. package/src/components/builtin/CanvasCollection.vue +0 -106
  14. package/src/components/builtin/CanvasIcon.vue +0 -30
  15. package/src/components/builtin/CanvasImg.vue +0 -18
  16. package/src/components/builtin/CanvasPlaceholder.vue +0 -26
  17. package/src/components/builtin/CanvasRow.vue +0 -67
  18. package/src/components/builtin/CanvasRowColContainer.vue +0 -42
  19. package/src/components/builtin/CanvasSlot.vue +0 -22
  20. package/src/components/builtin/CanvasText.vue +0 -18
  21. package/src/components/builtin/builtin.json +0 -955
  22. package/src/components/builtin/helper.js +0 -46
  23. package/src/components/builtin/index.js +0 -33
  24. package/src/components/common/index.js +0 -158
  25. package/src/components/container/CanvasAction.vue +0 -554
  26. package/src/components/container/CanvasContainer.vue +0 -244
  27. package/src/components/container/CanvasDivider.vue +0 -246
  28. package/src/components/container/CanvasDragItem.vue +0 -38
  29. package/src/components/container/CanvasFooter.vue +0 -86
  30. package/src/components/container/CanvasMenu.vue +0 -214
  31. package/src/components/container/CanvasResize.vue +0 -195
  32. package/src/components/container/CanvasResizeBorder.vue +0 -219
  33. package/src/components/container/container.js +0 -791
  34. package/src/components/container/keyboard.js +0 -147
  35. package/src/components/container/shortCutPopover.vue +0 -181
  36. package/src/components/render/CanvasEmpty.vue +0 -14
  37. package/src/components/render/RenderMain.js +0 -408
  38. package/src/components/render/context.js +0 -53
  39. package/src/components/render/render.js +0 -689
  40. package/src/components/render/runner.js +0 -140
  41. package/src/i18n/en.json +0 -5
  42. package/src/i18n/zh.json +0 -5
  43. package/src/i18n.js +0 -21
  44. package/src/index.js +0 -96
  45. package/src/locale.js +0 -19
  46. package/src/lowcode.js +0 -104
  47. package/src/main.js +0 -17
  48. package/test/form.json +0 -690
  49. package/test/group.json +0 -99
  50. package/test/jsslot.json +0 -427
  51. package/vite.config.js +0 -73
package/src/components/builtin/builtin.json DELETED
@@ -1,955 +0,0 @@
1
- {
2
- "data": {
3
- "materials": {
4
- "components": [
5
- {
6
- "group": "内置组件",
7
- "children": [
8
- {
9
- "icon": "Box",
10
- "name": {
11
- "zh_CN": "Box"
12
- },
13
- "component": "div",
14
- "schema": {
15
- "slots": {},
16
- "properties": [
17
- {
18
- "label": {
19
- "zh_CN": "基础信息"
20
- },
21
- "description": {
22
- "zh_CN": "基础信息"
23
- },
24
- "collapse": {
25
- "number": 6,
26
- "text": {
27
- "zh_CN": "显示更多"
28
- }
29
- },
30
- "content": []
31
- }
32
- ],
33
- "events": {
34
- "onClick": {
35
- "label": {
36
- "zh_CN": "点击事件"
37
- },
38
- "description": {
39
- "zh_CN": "点击时触发的回调函数"
40
- },
41
- "type": "event",
42
- "functionInfo": {
43
- "params": [],
44
- "returns": {}
45
- },
46
- "defaultValue": ""
47
- }
48
- },
49
- "shortcuts": {
50
- "properties": []
51
- },
52
- "contentMenu": {
53
- "actions": []
54
- }
55
- },
56
- "configure": {
57
- "loop": true,
58
- "isContainer": true,
59
- "nestingRule": {
60
- "childWhitelist": [],
61
- "descendantBlacklist": []
62
- }
63
- }
64
- },
65
- {
66
- "icon": "slot",
67
- "name": {
68
- "zh_CN": "Slot"
69
- },
70
- "component": "Slot",
71
- "schema": {
72
- "properties": [
73
- {
74
- "label": {
75
- "zh_CN": "基础信息"
76
- },
77
- "description": {
78
- "zh_CN": "基础信息"
79
- },
80
- "collapse": {
81
- "number": 6,
82
- "text": {
83
- "zh_CN": "显示更多"
84
- }
85
- },
86
- "content": [
87
- {
88
- "property": "name",
89
- "type": "String",
90
- "label": {
91
- "text": {
92
- "zh_CN": "插槽名称"
93
- }
94
- },
95
- "cols": 12,
96
- "widget": {
97
- "component": "MetaInput",
98
- "props": {}
99
- }
100
- },
101
- {
102
- "property": "params",
103
- "type": "String",
104
- "defaultValue": "",
105
- "label": {
106
- "text": {
107
- "zh_CN": "作用域参数"
108
- }
109
- },
110
- "widget": {
111
- "component": "MetaCodeEditor",
112
- "props": {
113
- "language": "json",
114
- "tips": {
115
- "title": { "zh_CN": "提示：数据为数组类型" },
116
- "demo": {
117
- "zh_CN": "示例：\n[\n {\n \"name\": \"text\",\n \"value\": {\n \"type\": \"JSExpression\",\n \"value\": \"this.state.greetingMessage\"\n }\n },\n {\n \"name\": \"count\",\n \"value\": 1\n }\n]"
118
- }
119
- }
120
- }
121
- }
122
- }
123
- ]
124
- }
125
- ],
126
- "events": {},
127
- "shortcuts": {
128
- "properties": []
129
- },
130
- "contentMenu": {
131
- "actions": []
132
- }
133
- },
134
- "configure": {
135
- "isContainer": true
136
- }
137
- },
138
- {
139
- "icon": "Collection",
140
- "name": {
141
- "zh_CN": "Collection"
142
- },
143
- "component": "Collection",
144
- "schema": {
145
- "slots": {},
146
- "properties": [
147
- {
148
- "label": {
149
- "zh_CN": "基础信息"
150
- },
151
- "description": {
152
- "zh_CN": "基础信息"
153
- },
154
- "collapse": {
155
- "number": 6,
156
- "text": {
157
- "zh_CN": "显示更多"
158
- }
159
- },
160
- "content": [
161
- {
162
- "property": "condition",
163
- "type": "Boolean",
164
- "defaultValue": true,
165
- "label": {
166
- "text": {
167
- "zh_CN": "是否渲染"
168
- }
169
- },
170
- "cols": 12,
171
- "rules": [],
172
- "widget": {
173
- "component": "MetaSwitch",
174
- "props": {}
175
- }
176
- },
177
- {
178
- "property": "style",
179
- "type": "String",
180
- "defaultValue": "",
181
- "label": {
182
- "text": {
183
- "zh_CN": "样式"
184
- }
185
- },
186
- "cols": 12,
187
- "rules": [],
188
- "widget": {
189
- "component": "MetaCodeEditor",
190
- "props": {}
191
- }
192
- },
193
- {
194
- "property": "dataSource",
195
- "type": "String",
196
- "defaultValue": "",
197
- "bindState": false,
198
- "label": {
199
- "text": {
200
- "zh_CN": "数据源"
201
- }
202
- },
203
- "cols": 12,
204
- "rules": [],
205
- "widget": {
206
- "component": "MetaCollection",
207
- "props": {}
208
- }
209
- }
210
- ]
211
- }
212
- ],
213
- "events": {},
214
- "shortcuts": {
215
- "properties": []
216
- },
217
- "contentMenu": {
218
- "actions": []
219
- }
220
- },
221
- "configure": {
222
- "isContainer": true
223
- }
224
- },
225
- {
226
- "icon": "Text",
227
- "name": {
228
- "zh_CN": "Text"
229
- },
230
- "component": "Text",
231
- "schema": {
232
- "properties": [
233
- {
234
- "label": {
235
- "zh_CN": "基础信息"
236
- },
237
- "description": {
238
- "zh_CN": "基础信息"
239
- },
240
- "collapse": {
241
- "number": 6,
242
- "text": {
243
- "zh_CN": "显示更多"
244
- }
245
- },
246
- "content": [
247
- {
248
- "property": "text",
249
- "type": "String",
250
- "defaultValue": "TinyEngine 前端可视化设计器，为设计器开发者提供定制服务，在线构建出自己专属的设计器。",
251
- "label": {
252
- "text": {
253
- "zh_CN": "文本内容"
254
- }
255
- },
256
- "cols": 12,
257
- "rules": [],
258
- "widget": {
259
- "component": "MetaInput",
260
- "props": {
261
- "type": "textarea",
262
- "autosize": true
263
- }
264
- }
265
- }
266
- ]
267
- }
268
- ],
269
- "events": {
270
- "onClick": {
271
- "label": {
272
- "zh_CN": "点击事件"
273
- },
274
- "description": {
275
- "zh_CN": "点击时触发的回调函数"
276
- },
277
- "type": "event",
278
- "functionInfo": {
279
- "params": [],
280
- "returns": {}
281
- },
282
- "defaultValue": ""
283
- }
284
- },
285
- "shortcuts": {
286
- "properties": ["text"]
287
- },
288
- "contentMenu": {
289
- "actions": []
290
- }
291
- },
292
- "configure": {
293
- "loop": true
294
- }
295
- },
296
- {
297
- "icon": "icon",
298
- "name": {
299
- "zh_CN": "Icon"
300
- },
301
- "component": "Icon",
302
- "container": false,
303
- "schema": {
304
- "properties": [
305
- {
306
- "label": {
307
- "zh_CN": "基础信息"
308
- },
309
- "description": {
310
- "zh_CN": "基础信息"
311
- },
312
- "collapse": {
313
- "number": 6,
314
- "text": {
315
- "zh_CN": "显示更多"
316
- }
317
- },
318
- "content": [
319
- {
320
- "property": "name",
321
- "type": "String",
322
- "defaultValue": "IconDel",
323
- "bindState": true,
324
- "label": {
325
- "text": {
326
- "zh_CN": "图标类型"
327
- }
328
- },
329
- "cols": 12,
330
- "rules": [],
331
- "widget": {
332
- "component": "MetaSelectIcon",
333
- "props": {}
334
- }
335
- }
336
- ]
337
- }
338
- ],
339
- "events": {
340
- "onClick": {
341
- "label": {
342
- "zh_CN": "点击事件"
343
- },
344
- "description": {
345
- "zh_CN": "点击时触发的回调函数"
346
- },
347
- "type": "event",
348
- "functionInfo": {
349
- "params": [],
350
- "returns": {}
351
- },
352
- "defaultValue": ""
353
- }
354
- },
355
- "shortcuts": {
356
- "properties": ["name"]
357
- },
358
- "contentMenu": {
359
- "actions": []
360
- }
361
- },
362
- "configure": {
363
- "loop": true
364
- }
365
- },
366
- {
367
- "icon": "Image",
368
- "name": {
369
- "zh_CN": "Img"
370
- },
371
- "component": "Img",
372
- "container": false,
373
- "schema": {
374
- "properties": [
375
- {
376
- "label": {
377
- "zh_CN": "基础信息"
378
- },
379
- "description": {
380
- "zh_CN": "基础信息"
381
- },
382
- "collapse": {
383
- "number": 6,
384
- "text": {
385
- "zh_CN": "显示更多"
386
- }
387
- },
388
- "content": [
389
- {
390
- "property": "src",
391
- "type": "String",
392
- "defaultValue": "",
393
- "bindState": true,
394
- "label": {
395
- "text": {
396
- "zh_CN": "src路径"
397
- }
398
- },
399
- "cols": 12,
400
- "rules": [],
401
- "widget": {
402
- "component": "MetaInput",
403
- "props": {}
404
- }
405
- }
406
- ]
407
- }
408
- ],
409
- "events": {
410
- "onClick": {
411
- "label": {
412
- "zh_CN": "点击事件"
413
- },
414
- "description": {
415
- "zh_CN": "点击时触发的回调函数"
416
- },
417
- "type": "event",
418
- "functionInfo": {
419
- "params": [],
420
- "returns": {}
421
- },
422
- "defaultValue": ""
423
- }
424
- },
425
- "shortcuts": {
426
- "properties": ["src"]
427
- },
428
- "contentMenu": {
429
- "actions": []
430
- }
431
- },
432
- "configure": {
433
- "loop": true
434
- }
435
- },
436
- {
437
- "icon": "Box",
438
- "name": {
439
- "zh_CN": "CanvasRow"
440
- },
441
- "component": "CanvasRow",
442
- "schema": {
443
- "slots": {},
444
- "properties": [
445
- {
446
- "label": {
447
- "zh_CN": "基础信息"
448
- },
449
- "description": {
450
- "zh_CN": "基础信息"
451
- },
452
- "collapse": {
453
- "number": 6,
454
- "text": {
455
- "zh_CN": "显示更多"
456
- }
457
- },
458
- "content": [
459
- {
460
- "property": "minHeight",
461
- "type": "String",
462
- "defaultValue": "",
463
- "label": {
464
- "text": {
465
- "zh_CN": "最小高度"
466
- }
467
- },
468
- "cols": 12,
469
- "rules": [],
470
- "widget": {
471
- "component": "MetaInput",
472
- "props": {}
473
- }
474
- },
475
- {
476
- "property": "rowGap",
477
- "type": "String",
478
- "defaultValue": "",
479
- "label": {
480
- "text": {
481
- "zh_CN": "行间距"
482
- }
483
- },
484
- "cols": 12,
485
- "rules": [],
486
- "widget": {
487
- "component": "MetaInput",
488
- "props": {}
489
- }
490
- },
491
- {
492
- "property": "colGap",
493
- "type": "String",
494
- "defaultValue": "",
495
- "label": {
496
- "text": {
497
- "zh_CN": "列间距"
498
- }
499
- },
500
- "cols": 12,
501
- "rules": [],
502
- "widget": {
503
- "component": "MetaInput",
504
- "props": {}
505
- }
506
- },
507
- {
508
- "property": "align",
509
- "type": "String",
510
- "defaultValue": "",
511
- "label": {
512
- "text": {
513
- "zh_CN": "副轴对齐"
514
- }
515
- },
516
- "cols": 12,
517
- "rules": [],
518
- "widget": {
519
- "component": "MetaSelect",
520
- "props": {
521
- "options": [
522
- { "value": "flex-start", "label": "头部对齐" },
523
- { "value": "center", "label": "中间对齐" },
524
- { "value": "flex-end", "label": "尾端对齐" },
525
- { "value": "stretch", "label": "拉伸对齐" }
526
- ],
527
- "type": "button"
528
- }
529
- }
530
- },
531
- {
532
- "property": "justAlign",
533
- "type": "String",
534
- "defaultValue": "",
535
- "label": {
536
- "text": {
537
- "zh_CN": "主轴对齐"
538
- }
539
- },
540
- "cols": 12,
541
- "rules": [],
542
- "widget": {
543
- "component": "MetaSelect",
544
- "props": {
545
- "options": [
546
- { "value": "flex-start", "label": "头部对齐" },
547
- { "value": "center", "label": "中间对齐" },
548
- { "value": "flex-end", "label": "尾端对齐" },
549
- { "value": "space-between", "label": "两端对齐" },
550
- { "value": "space-evenly", "label": "均分对齐" }
551
- ],
552
- "type": "button"
553
- }
554
- }
555
- }
556
- ]
557
- }
558
- ],
559
- "events": {},
560
- "shortcuts": {
561
- "properties": []
562
- },
563
- "contentMenu": {
564
- "actions": []
565
- }
566
- },
567
- "configure": {
568
- "loop": true,
569
- "isContainer": true,
570
- "nestingRule": {
571
- "childWhitelist": [],
572
- "descendantBlacklist": []
573
- }
574
- }
575
- },
576
- {
577
- "icon": "Box",
578
- "name": {
579
- "zh_CN": "CanvasCol"
580
- },
581
- "component": "CanvasCol",
582
- "schema": {
583
- "slots": {},
584
- "properties": [
585
- {
586
- "label": {
587
- "zh_CN": "基础信息"
588
- },
589
- "description": {
590
- "zh_CN": "基础信息"
591
- },
592
- "collapse": {
593
- "number": 6,
594
- "text": {
595
- "zh_CN": "显示更多"
596
- }
597
- },
598
- "content": [
599
- {
600
- "property": "widthType",
601
- "type": "String",
602
- "defaultValue": "auto",
603
- "label": {
604
- "text": {
605
- "zh_CN": "宽度类型"
606
- }
607
- },
608
- "cols": 12,
609
- "rules": [],
610
- "widget": {
611
- "component": "MetaRadioGroup",
612
- "props": {
613
- "options": [
614
- { "label": "auto", "text": "自适应" },
615
- { "label": "fixed", "text": "固定" }
616
- ],
617
- "type": "button"
618
- }
619
- }
620
- },
621
- {
622
- "property": "flexBasis",
623
- "type": "String",
624
- "defaultValue": "",
625
- "label": {
626
- "text": {
627
- "zh_CN": "固定宽度"
628
- }
629
- },
630
- "cols": 12,
631
- "rules": [],
632
- "widget": {
633
- "component": "MetaInput",
634
- "props": {}
635
- }
636
- },
637
- {
638
- "property": "rowGap",
639
- "type": "String",
640
- "defaultValue": "",
641
- "label": {
642
- "text": {
643
- "zh_CN": "行间距"
644
- }
645
- },
646
- "cols": 12,
647
- "rules": [],
648
- "widget": {
649
- "component": "MetaInput",
650
- "props": {}
651
- }
652
- },
653
- {
654
- "property": "colGap",
655
- "type": "String",
656
- "defaultValue": "",
657
- "label": {
658
- "text": {
659
- "zh_CN": "列间距"
660
- }
661
- },
662
- "cols": 12,
663
- "rules": [],
664
- "widget": {
665
- "component": "MetaInput",
666
- "props": {}
667
- }
668
- },
669
- {
670
- "property": "align",
671
- "type": "String",
672
- "defaultValue": "",
673
- "label": {
674
- "text": {
675
- "zh_CN": "副轴对齐"
676
- }
677
- },
678
- "cols": 12,
679
- "rules": [],
680
- "widget": {
681
- "component": "MetaSelect",
682
- "props": {
683
- "options": [
684
- { "value": "flex-start", "label": "头部对齐" },
685
- { "value": "center", "label": "中间对齐" },
686
- { "value": "flex-end", "label": "尾端对齐" },
687
- { "value": "stretch", "label": "拉伸对齐" }
688
- ],
689
- "type": "button"
690
- }
691
- }
692
- },
693
- {
694
- "property": "justAlign",
695
- "type": "String",
696
- "defaultValue": "",
697
- "label": {
698
- "text": {
699
- "zh_CN": "主轴对齐"
700
- }
701
- },
702
- "cols": 12,
703
- "rules": [],
704
- "widget": {
705
- "component": "MetaSelect",
706
- "props": {
707
- "options": [
708
- { "value": "flex-start", "label": "头部对齐" },
709
- { "value": "center", "label": "中间对齐" },
710
- { "value": "flex-end", "label": "尾端对齐" },
711
- { "value": "space-between", "label": "两端对齐" },
712
- { "value": "space-evenly", "label": "均分对齐" }
713
- ],
714
- "type": "button"
715
- }
716
- }
717
- },
718
- {
719
- "property": "grow",
720
- "type": "String",
721
- "defaultValue": "",
722
- "label": {
723
- "text": {
724
- "zh_CN": "增长"
725
- }
726
- },
727
- "cols": 12,
728
- "rules": [],
729
- "widget": {
730
- "component": "MetaSwitch",
731
- "props": {}
732
- }
733
- },
734
- {
735
- "property": "shrink",
736
- "type": "String",
737
- "defaultValue": "",
738
- "label": {
739
- "text": {
740
- "zh_CN": "收缩"
741
- }
742
- },
743
- "cols": 12,
744
- "rules": [],
745
- "widget": {
746
- "component": "MetaSwitch",
747
- "props": {}
748
- }
749
- }
750
- ]
751
- }
752
- ],
753
- "events": {},
754
- "shortcuts": {
755
- "properties": []
756
- },
757
- "contentMenu": {
758
- "actions": []
759
- }
760
- },
761
- "configure": {
762
- "loop": true,
763
- "isContainer": true,
764
- "nestingRule": {
765
- "childWhitelist": [],
766
- "descendantBlacklist": []
767
- }
768
- }
769
- },
770
- {
771
- "icon": "Box",
772
- "name": {
773
- "zh_CN": "行列容器"
774
- },
775
- "component": "CanvasRowColContainer",
776
- "schema": {
777
- "slots": {},
778
- "properties": [
779
- {
780
- "label": {
781
- "zh_CN": "基础信息"
782
- },
783
- "description": {
784
- "zh_CN": "基础信息"
785
- },
786
- "collapse": {
787
- "number": 6,
788
- "text": {
789
- "zh_CN": "显示更多"
790
- }
791
- },
792
- "content": [
793
- {
794
- "property": "rowGap",
795
- "type": "String",
796
- "defaultValue": "",
797
- "label": {
798
- "text": {
799
- "zh_CN": "行间距"
800
- }
801
- },
802
- "cols": 12,
803
- "rules": [],
804
- "widget": {
805
- "component": "MetaInput",
806
- "props": {}
807
- }
808
- }
809
- ]
810
- }
811
- ],
812
- "events": {},
813
- "shortcuts": {
814
- "properties": []
815
- },
816
- "contentMenu": {
817
- "actions": []
818
- }
819
- },
820
- "configure": {
821
- "loop": true,
822
- "isContainer": true,
823
- "nestingRule": {
824
- "childWhitelist": [],
825
- "descendantBlacklist": []
826
- }
827
- }
828
- }
829
- ]
830
- }
831
- ],
832
- "snippets": [
833
- {
834
- "group": "内置组件",
835
- "children": [
836
- {
837
- "name": {
838
- "zh_CN": "Box"
839
- },
840
- "screenshot": "",
841
- "snippetName": "Box",
842
- "icon": "Box",
843
- "schema": {
844
- "componentName": "div",
845
- "props": {}
846
- }
847
- },
848
- {
849
- "name": {
850
- "zh_CN": "Slot"
851
- },
852
- "screenshot": "",
853
- "snippetName": "Slot",
854
- "icon": "slot",
855
- "schema": {
856
- "componentName": "Slot",
857
- "props": {}
858
- }
859
- },
860
- {
861
- "name": {
862
- "zh_CN": "Collection"
863
- },
864
- "screenshot": "",
865
- "snippetName": "Collection",
866
- "icon": "Collection",
867
- "schema": {
868
- "componentName": "Collection",
869
- "props": {}
870
- }
871
- },
872
- {
873
- "name": {
874
- "zh_CN": "Text"
875
- },
876
- "screenshot": "",
877
- "snippetName": "Text",
878
- "icon": "Text",
879
- "schema": {
880
- "componentName": "Text",
881
- "props": {
882
- "text": "TinyEngine 前端可视化设计器，为设计器开发者提供定制服务，在线构建出自己专属的设计器。"
883
- }
884
- }
885
- },
886
- {
887
- "name": {
888
- "zh_CN": "Icon"
889
- },
890
- "screenshot": "",
891
- "snippetName": "Icon",
892
- "icon": "icon",
893
- "schema": {
894
- "componentName": "Icon",
895
- "props": {
896
- "name": "IconDel"
897
- }
898
- }
899
- },
900
- {
901
- "name": {
902
- "zh_CN": "Img"
903
- },
904
- "screenshot": "",
905
- "snippetName": "Img",
906
- "icon": "Image",
907
- "schema": {
908
- "componentName": "Img",
909
- "props": {
910
- "src": "img/webNova.jpg",
911
- "style": "width: 200px; height: 200px"
912
- }
913
- }
914
- },
915
- {
916
- "name": {
917
- "zh_CN": "行列容器"
918
- },
919
- "screenshot": "",
920
- "snippetName": "CanvasRowColContainer",
921
- "icon": "Box",
922
- "schema": {
923
- "componentName": "CanvasRowColContainer",
924
- "props": {
925
- "rowGap": "20px"
926
- },
927
- "children": [
928
- {
929
- "componentName": "CanvasRow",
930
- "props": {
931
- "rowGap": "20px",
932
- "colGap": "20px"
933
- },
934
- "children": [
935
- {
936
- "componentName": "CanvasCol",
937
- "props": {
938
- "rowGap": "20px",
939
- "colGap": "20px",
940
- "grow": true,
941
- "shrink": true,
942
- "widthType": "auto"
943
- }
944
- }
945
- ]
946
- }
947
- ]
948
- }
949
- }
950
- ]
951
- }
952
- ]
953
- }
954
- }
955
- }