@opentiny/tiny-engine-canvas 1.0.0

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 (52) hide show
  1. package/.eslintrc.js +42 -0
  2. package/README.md +7 -0
  3. package/canvas.html +212 -0
  4. package/dist/index.js +48919 -0
  5. package/index.html +13 -0
  6. package/package.json +30 -0
  7. package/public/favicon.ico +0 -0
  8. package/src/Design.vue +53 -0
  9. package/src/assets/logo.png +0 -0
  10. package/src/canvas.js +34 -0
  11. package/src/components/builtin/CanvasBox.vue +22 -0
  12. package/src/components/builtin/CanvasCol.vue +89 -0
  13. package/src/components/builtin/CanvasCollection.js +278 -0
  14. package/src/components/builtin/CanvasCollection.vue +106 -0
  15. package/src/components/builtin/CanvasIcon.vue +30 -0
  16. package/src/components/builtin/CanvasImg.vue +18 -0
  17. package/src/components/builtin/CanvasPlaceholder.vue +26 -0
  18. package/src/components/builtin/CanvasRow.vue +67 -0
  19. package/src/components/builtin/CanvasRowColContainer.vue +42 -0
  20. package/src/components/builtin/CanvasSlot.vue +22 -0
  21. package/src/components/builtin/CanvasText.vue +18 -0
  22. package/src/components/builtin/builtin.json +955 -0
  23. package/src/components/builtin/helper.js +46 -0
  24. package/src/components/builtin/index.js +33 -0
  25. package/src/components/common/index.js +158 -0
  26. package/src/components/container/CanvasAction.vue +554 -0
  27. package/src/components/container/CanvasContainer.vue +244 -0
  28. package/src/components/container/CanvasDivider.vue +246 -0
  29. package/src/components/container/CanvasDragItem.vue +38 -0
  30. package/src/components/container/CanvasFooter.vue +86 -0
  31. package/src/components/container/CanvasMenu.vue +214 -0
  32. package/src/components/container/CanvasResize.vue +195 -0
  33. package/src/components/container/CanvasResizeBorder.vue +219 -0
  34. package/src/components/container/container.js +791 -0
  35. package/src/components/container/keyboard.js +147 -0
  36. package/src/components/container/shortCutPopover.vue +181 -0
  37. package/src/components/render/CanvasEmpty.vue +14 -0
  38. package/src/components/render/RenderMain.js +408 -0
  39. package/src/components/render/context.js +53 -0
  40. package/src/components/render/render.js +689 -0
  41. package/src/components/render/runner.js +140 -0
  42. package/src/i18n/en.json +5 -0
  43. package/src/i18n/zh.json +5 -0
  44. package/src/i18n.js +21 -0
  45. package/src/index.js +96 -0
  46. package/src/locale.js +19 -0
  47. package/src/lowcode.js +104 -0
  48. package/src/main.js +17 -0
  49. package/test/form.json +690 -0
  50. package/test/group.json +99 -0
  51. package/test/jsslot.json +427 -0
  52. package/vite.config.js +73 -0
package/src/components/builtin/builtin.json ADDED
@@ -0,0 +1,955 @@
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
+ }