sun-card-design 1.1.37 → 1.1.39

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 (162) hide show
  1. package/README.md +114 -112
  2. package/dist/mobile/sun-card-design-mobile.es11.js +3 -3
  3. package/dist/mobile/sun-card-design-mobile.es3.js +4 -4
  4. package/dist/mobile/sun-card-design-mobile.es4.js +5 -5
  5. package/dist/mobile/sun-card-design-mobile.es56.js +3 -4
  6. package/dist/mobile/sun-card-design-mobile.es6.js +2 -10
  7. package/dist/pc/sun-card-design-pc.es11.js +3 -3
  8. package/dist/pc/sun-card-design-pc.es3.js +4 -4
  9. package/dist/pc/sun-card-design-pc.es4.js +5 -5
  10. package/dist/pc/sun-card-design-pc.es56.js +3 -4
  11. package/dist/pc/sun-card-design-pc.es6.js +2 -10
  12. package/dist/public/sun-card-design.css +1 -1
  13. package/package.json +98 -96
  14. package/dist/public/sun-card-designer.css +0 -1
  15. package/dist/sun-card-designer.es.js +0 -25
  16. package/dist/sun-card-designer.es10.js +0 -167
  17. package/dist/sun-card-designer.es11.js +0 -197
  18. package/dist/sun-card-designer.es12.js +0 -203
  19. package/dist/sun-card-designer.es13.js +0 -130
  20. package/dist/sun-card-designer.es14.js +0 -120
  21. package/dist/sun-card-designer.es151.js +0 -4
  22. package/dist/sun-card-designer.es152.js +0 -4
  23. package/dist/sun-card-designer.es153.js +0 -4
  24. package/dist/sun-card-designer.es154.js +0 -4
  25. package/dist/sun-card-designer.es155.js +0 -82
  26. package/dist/sun-card-designer.es156.js +0 -91
  27. package/dist/sun-card-designer.es157.js +0 -92
  28. package/dist/sun-card-designer.es158.js +0 -191
  29. package/dist/sun-card-designer.es159.js +0 -86
  30. package/dist/sun-card-designer.es16.js +0 -10
  31. package/dist/sun-card-designer.es160.js +0 -238
  32. package/dist/sun-card-designer.es161.js +0 -113
  33. package/dist/sun-card-designer.es162.js +0 -49
  34. package/dist/sun-card-designer.es163.js +0 -43
  35. package/dist/sun-card-designer.es164.js +0 -39
  36. package/dist/sun-card-designer.es165.js +0 -46
  37. package/dist/sun-card-designer.es166.js +0 -58
  38. package/dist/sun-card-designer.es167.js +0 -56
  39. package/dist/sun-card-designer.es168.js +0 -58
  40. package/dist/sun-card-designer.es169.js +0 -73
  41. package/dist/sun-card-designer.es17.js +0 -333
  42. package/dist/sun-card-designer.es170.js +0 -59
  43. package/dist/sun-card-designer.es171.js +0 -69
  44. package/dist/sun-card-designer.es172.js +0 -182
  45. package/dist/sun-card-designer.es173.js +0 -176
  46. package/dist/sun-card-designer.es174.js +0 -184
  47. package/dist/sun-card-designer.es175.js +0 -409
  48. package/dist/sun-card-designer.es176.js +0 -365
  49. package/dist/sun-card-designer.es177.js +0 -70
  50. package/dist/sun-card-designer.es178.js +0 -68
  51. package/dist/sun-card-designer.es179.js +0 -184
  52. package/dist/sun-card-designer.es18.js +0 -68
  53. package/dist/sun-card-designer.es180.js +0 -193
  54. package/dist/sun-card-designer.es181.js +0 -193
  55. package/dist/sun-card-designer.es182.js +0 -193
  56. package/dist/sun-card-designer.es184.js +0 -228
  57. package/dist/sun-card-designer.es185.js +0 -71
  58. package/dist/sun-card-designer.es19.js +0 -611
  59. package/dist/sun-card-designer.es196.js +0 -4
  60. package/dist/sun-card-designer.es20.js +0 -225
  61. package/dist/sun-card-designer.es201.js +0 -125
  62. package/dist/sun-card-designer.es21.js +0 -69
  63. package/dist/sun-card-designer.es22.js +0 -719
  64. package/dist/sun-card-designer.es220.js +0 -63
  65. package/dist/sun-card-designer.es221.js +0 -80
  66. package/dist/sun-card-designer.es222.js +0 -82
  67. package/dist/sun-card-designer.es223.js +0 -94
  68. package/dist/sun-card-designer.es224.js +0 -87
  69. package/dist/sun-card-designer.es225.js +0 -226
  70. package/dist/sun-card-designer.es226.js +0 -105
  71. package/dist/sun-card-designer.es227.js +0 -45
  72. package/dist/sun-card-designer.es228.js +0 -31
  73. package/dist/sun-card-designer.es229.js +0 -29
  74. package/dist/sun-card-designer.es23.js +0 -211
  75. package/dist/sun-card-designer.es230.js +0 -32
  76. package/dist/sun-card-designer.es231.js +0 -46
  77. package/dist/sun-card-designer.es232.js +0 -42
  78. package/dist/sun-card-designer.es233.js +0 -44
  79. package/dist/sun-card-designer.es234.js +0 -61
  80. package/dist/sun-card-designer.es235.js +0 -46
  81. package/dist/sun-card-designer.es236.js +0 -54
  82. package/dist/sun-card-designer.es237.js +0 -130
  83. package/dist/sun-card-designer.es238.js +0 -127
  84. package/dist/sun-card-designer.es239.js +0 -132
  85. package/dist/sun-card-designer.es24.js +0 -265
  86. package/dist/sun-card-designer.es240.js +0 -375
  87. package/dist/sun-card-designer.es241.js +0 -348
  88. package/dist/sun-card-designer.es242.js +0 -69
  89. package/dist/sun-card-designer.es243.js +0 -65
  90. package/dist/sun-card-designer.es244.js +0 -87
  91. package/dist/sun-card-designer.es245.js +0 -98
  92. package/dist/sun-card-designer.es246.js +0 -98
  93. package/dist/sun-card-designer.es247.js +0 -98
  94. package/dist/sun-card-designer.es25.js +0 -857
  95. package/dist/sun-card-designer.es26.js +0 -768
  96. package/dist/sun-card-designer.es260.js +0 -125
  97. package/dist/sun-card-designer.es27.js +0 -264
  98. package/dist/sun-card-designer.es273.js +0 -192
  99. package/dist/sun-card-designer.es28.js +0 -809
  100. package/dist/sun-card-designer.es29.js +0 -220
  101. package/dist/sun-card-designer.es3.js +0 -506
  102. package/dist/sun-card-designer.es30.js +0 -809
  103. package/dist/sun-card-designer.es31.js +0 -220
  104. package/dist/sun-card-designer.es32.js +0 -820
  105. package/dist/sun-card-designer.es33.js +0 -225
  106. package/dist/sun-card-designer.es34.js +0 -69
  107. package/dist/sun-card-designer.es35.js +0 -375
  108. package/dist/sun-card-designer.es36.js +0 -186
  109. package/dist/sun-card-designer.es37.js +0 -119
  110. package/dist/sun-card-designer.es38.js +0 -354
  111. package/dist/sun-card-designer.es39.js +0 -127
  112. package/dist/sun-card-designer.es4.js +0 -365
  113. package/dist/sun-card-designer.es40.js +0 -100
  114. package/dist/sun-card-designer.es41.js +0 -214
  115. package/dist/sun-card-designer.es42.js +0 -119
  116. package/dist/sun-card-designer.es43.js +0 -250
  117. package/dist/sun-card-designer.es44.js +0 -118
  118. package/dist/sun-card-designer.es45.js +0 -64
  119. package/dist/sun-card-designer.es46.js +0 -223
  120. package/dist/sun-card-designer.es47.js +0 -196
  121. package/dist/sun-card-designer.es48.js +0 -77
  122. package/dist/sun-card-designer.es49.js +0 -85
  123. package/dist/sun-card-designer.es5.js +0 -317
  124. package/dist/sun-card-designer.es50.js +0 -85
  125. package/dist/sun-card-designer.es51.js +0 -64
  126. package/dist/sun-card-designer.es52.js +0 -283
  127. package/dist/sun-card-designer.es53.js +0 -64
  128. package/dist/sun-card-designer.es54.js +0 -142
  129. package/dist/sun-card-designer.es55.js +0 -52
  130. package/dist/sun-card-designer.es56.js +0 -85
  131. package/dist/sun-card-designer.es57.js +0 -258
  132. package/dist/sun-card-designer.es58.js +0 -226
  133. package/dist/sun-card-designer.es59.js +0 -169
  134. package/dist/sun-card-designer.es6.js +0 -190
  135. package/dist/sun-card-designer.es60.js +0 -280
  136. package/dist/sun-card-designer.es61.js +0 -168
  137. package/dist/sun-card-designer.es62.js +0 -219
  138. package/dist/sun-card-designer.es63.js +0 -168
  139. package/dist/sun-card-designer.es64.js +0 -275
  140. package/dist/sun-card-designer.es65.js +0 -760
  141. package/dist/sun-card-designer.es66.js +0 -272
  142. package/dist/sun-card-designer.es67.js +0 -559
  143. package/dist/sun-card-designer.es68.js +0 -124
  144. package/dist/sun-card-designer.es69.js +0 -528
  145. package/dist/sun-card-designer.es7.js +0 -65
  146. package/dist/sun-card-designer.es70.js +0 -185
  147. package/dist/sun-card-designer.es71.js +0 -107
  148. package/dist/sun-card-designer.es72.js +0 -153
  149. package/dist/sun-card-designer.es73.js +0 -315
  150. package/dist/sun-card-designer.es74.js +0 -114
  151. package/dist/sun-card-designer.es76.js +0 -4211
  152. package/dist/sun-card-designer.es79.js +0 -4
  153. package/dist/sun-card-designer.es8.js +0 -171
  154. package/dist/sun-card-designer.es80.js +0 -4
  155. package/dist/sun-card-designer.es81.js +0 -4
  156. package/dist/sun-card-designer.es84.js +0 -228
  157. package/dist/sun-card-designer.es87.js +0 -52
  158. package/dist/sun-card-designer.es88.js +0 -52
  159. package/dist/sun-card-designer.es9.js +0 -207
  160. package/dist/sun-card-designer.es91.js +0 -344
  161. package/dist/sun-card-designer.es92.js +0 -199
  162. package/dist/sun-card-designer.es95.js +0 -180
@@ -1,4211 +0,0 @@
1
- import { gridSvg, singleColumnSvg, multipleColumnSvg, multipleLineSvg, girdListSvg, titleSvg, textSvg, buttonSvg, fileSvg, pictureSvg, tagSvg, rateSvg, dividerSvg, audioSvg, videoSvg, uploadSvg, generateSvg, iconSvg, inputSvg, selectSvg, qiyeSvg, tableSvg, barChartSvg, barChartSvg3D, pieChartSvg, pieChartSvg3D, lineChartSvg, panoramaSvg3d } from "./sun-card-designer.es6.js";
2
- import Song from "./sun-card-designer.es151.js";
3
- import Video from "./sun-card-designer.es152.js";
4
- import Picsl1 from "./sun-card-designer.es153.js";
5
- import Pic1 from "./sun-card-designer.es154.js";
6
- const BasicsList = [
7
- {
8
- type: "title",
9
- // 组件类型
10
- label: "标题",
11
- icon: titleSvg(),
12
- uuid: "title",
13
- options: {
14
- defaultValue: "The title",
15
- // 组件默认值
16
- style: {
17
- colorMode: "static",
18
- // 颜色模式: static dynamic
19
- size: 16,
20
- // 文字大小
21
- color: "#000000",
22
- // 文字颜色
23
- align: "left",
24
- // 文字对齐方式
25
- tbPadding: 2,
26
- // 上下内边距
27
- lrPadding: 2
28
- // 左右内边距
29
- },
30
- hasLine: false,
31
- // 是否显示标线
32
- hasLineStyle: {
33
- background: "#0066ff",
34
- // 标记背景颜色
35
- width: 5,
36
- // 宽
37
- height: 16,
38
- // 高
39
- borderRadius: 1,
40
- // 圆角
41
- marginRight: 6
42
- // 右边距
43
- },
44
- clickEvent: false,
45
- // 是否启用点击事件
46
- clickEventConfig: {
47
- type: "url",
48
- // url event agent tool 点击事件类型
49
- value: "",
50
- // 点击事件值,url event agent
51
- toolItem: null,
52
- // 调用工具值 tool
53
- tooltemParams: [
54
- // 调用工具参数
55
- // {
56
- // name: '', // 参数名称
57
- // type: 'constant', // 常量:constant 变量:variable 组件:component
58
- // value: null // 常量值,变量值,组件值
59
- // }
60
- ],
61
- modalComponent: null
62
- // 弹窗modal类型下的组件
63
- }
64
- }
65
- },
66
- {
67
- type: "text",
68
- // 组件类型
69
- label: "文本",
70
- icon: textSvg(),
71
- uuid: "text",
72
- options: {
73
- defaultValue: "This is the plain text",
74
- // 组件默认值
75
- style: {
76
- colorMode: "static",
77
- // 颜色模式: static dynamic
78
- textSize: "14px",
79
- // 文字大小
80
- textColor: "#000000",
81
- // 文字颜色
82
- textAlign: "left",
83
- // 文字对齐方式
84
- underline: "auto",
85
- // 是否显示下划线
86
- textIndent: 0,
87
- // 缩进
88
- tbPadding: 2,
89
- // 上下内边距
90
- lrPadding: 2
91
- // 左右内边距
92
- },
93
- hasLine: false,
94
- // 是否显示标线
95
- hasLineStyle: {
96
- background: "#0066ff",
97
- // 标记背景颜色
98
- width: 4,
99
- // 宽
100
- height: 14,
101
- // 高
102
- borderRadius: 1,
103
- // 圆角
104
- marginRight: 6
105
- // 右边距
106
- },
107
- hasTitle: false,
108
- // 是否显示标题
109
- titleValue: "",
110
- // 标题值
111
- clickEvent: false,
112
- // 是否启用点击事件
113
- clickEventConfig: {
114
- type: "url",
115
- // url event agent tool 点击事件类型
116
- value: "",
117
- // 点击事件值,url event agent
118
- toolItem: null,
119
- // 调用工具值 tool
120
- tooltemParams: [
121
- // 调用工具参数
122
- // {
123
- // name: '', // 参数名称
124
- // type: 'constant', // 常量:constant 变量:variable 组件:component
125
- // value: null // 常量值,变量值,组件值
126
- // }
127
- ],
128
- modalComponent: null
129
- // 弹窗modal类型下的组件
130
- }
131
- }
132
- },
133
- {
134
- type: "button",
135
- // 组件类型
136
- label: "按钮",
137
- icon: buttonSvg(),
138
- uuid: "button",
139
- options: {
140
- defaultValue: "Button",
141
- // 组件默认值
142
- style: {
143
- type: "primary",
144
- // 按钮类型
145
- background: "#0066ff",
146
- // 按钮背景颜色
147
- color: "#fff",
148
- // 按钮文字颜色
149
- borderRadius: 6,
150
- // 按钮圆角
151
- typeColor: {
152
- // 用不上
153
- primary: "#0066ff",
154
- default: "#fff",
155
- unimportant: "#f0f0f0",
156
- important: "#4e40e5"
157
- },
158
- size: "middle",
159
- // 按钮尺寸
160
- align: "left",
161
- // 按钮对齐方式
162
- widthType: "auto",
163
- //宽度 auto all fixed
164
- widthValue: null,
165
- // 宽度值:fixed
166
- textType: "center",
167
- //用不上 left center right
168
- iconName: "",
169
- // icon名称
170
- tbPadding: 5,
171
- // 上下内边距
172
- lrPadding: 2
173
- // 左右内边距
174
- },
175
- clickEventConfig: {
176
- // 同text
177
- type: "url",
178
- // urlevent agent tool
179
- value: "",
180
- toolItem: null,
181
- tooltemParams: [
182
- // {
183
- // name: '',
184
- // type: 'constant', // constant variable component
185
- // value: null
186
- // }
187
- ],
188
- modalComponent: null
189
- // 弹窗modal类型下的组件
190
- }
191
- }
192
- },
193
- {
194
- type: "file",
195
- // 组件类型
196
- label: "文件",
197
- icon: fileSvg(),
198
- uuid: "file",
199
- options: {
200
- defaultValue: "File name",
201
- // 文件默认名称
202
- subtitle: "subtitle text",
203
- // 文件副标题
204
- content: "file content",
205
- // 文件内容
206
- link: "",
207
- // 点击打开的链接
208
- style: {
209
- nameSize: "16px",
210
- // 名称大小
211
- subtitleSize: "14px",
212
- // 副标题大小
213
- contentSize: "14px",
214
- // 文件内容大小
215
- nameWeight: 600,
216
- // 名称字体厚度
217
- tbPadding: 5,
218
- // 上下内边距
219
- lrPadding: 2,
220
- // 左右内边距
221
- iconColor: "#0066ff",
222
- // 图标颜色
223
- nameColor: "#000000",
224
- // 名称颜色
225
- subtitleColor: "#000000",
226
- // 副标题颜色
227
- contentColor: "#000000"
228
- // 文件内容颜色
229
- },
230
- isUpdate: false,
231
- // 是否重新生成
232
- isAddMaterial: false,
233
- // 是否补充材料
234
- updateText: "重新生成",
235
- // 文案名称
236
- promptParams: null
237
- // 提示参数
238
- }
239
- },
240
- {
241
- type: "picture",
242
- // 组件类型
243
- label: "图片",
244
- icon: pictureSvg(),
245
- uuid: "picture",
246
- options: {
247
- defaultValue: "https://img.yzcdn.cn/vant/cat.jpeg",
248
- // 图片默认地址
249
- style: {
250
- mode: "fixed",
251
- // 宽度固定fixed,宽度铺满auto
252
- size: "middle",
253
- //图片大小 small 40, middle 72, large 200 custom
254
- sizeOptions: [
255
- // 大小映射
256
- {
257
- label: "small",
258
- value: 40
259
- },
260
- {
261
- label: "middle",
262
- value: 72
263
- },
264
- {
265
- label: "large",
266
- value: 200
267
- }
268
- ],
269
- width: 72,
270
- // 宽度固定:fixed,定义:custom同时满足 宽
271
- height: 72,
272
- // 高
273
- cuttingMode: "cover",
274
- //裁剪模式 铺满:cover 填充:contain
275
- cuttingRatio: "1",
276
- // 裁剪比例
277
- ratioOptions: [
278
- // 比例映射
279
- {
280
- label: "1:1",
281
- value: "1"
282
- },
283
- {
284
- label: "16:9",
285
- value: "2"
286
- },
287
- {
288
- label: "3:2",
289
- value: "3"
290
- },
291
- {
292
- label: "4:3",
293
- value: "4"
294
- }
295
- ],
296
- align: "left",
297
- // 对齐方式
298
- borderRadius: 6,
299
- // 圆角
300
- tbPadding: 2,
301
- // 上下内边距
302
- lrPadding: 2
303
- // 左右内边距
304
- },
305
- clickEvent: false,
306
- // 是否启用点击
307
- clickEventConfig: {
308
- type: "url",
309
- //点击类型 打开链接:url 打开原图:view
310
- value: "",
311
- // 打开链接:url值
312
- typeOptions: [
313
- // 类型映射
314
- {
315
- label: "打开 URL",
316
- value: "url"
317
- },
318
- {
319
- label: "查看原图",
320
- value: "view"
321
- }
322
- ]
323
- }
324
- }
325
- },
326
- {
327
- type: "tag",
328
- // 组件类型
329
- label: "标签",
330
- icon: tagSvg(),
331
- uuid: "tag",
332
- options: {
333
- defaultValue: "Tag",
334
- style: {
335
- size: "12px",
336
- // 尺寸
337
- color: "#1677ff",
338
- // 文字颜色
339
- backgroundColor: "#e5f5ff",
340
- // 背景颜色
341
- tbPadding: 2,
342
- // 上下内边距
343
- lrPadding: 2
344
- // 左右内边距
345
- },
346
- clickEvent: false,
347
- // 是否启用点击
348
- clickEventConfig: {
349
- // 同text
350
- type: "url",
351
- // url event agent tool
352
- value: "",
353
- toolItem: null,
354
- tooltemParams: [
355
- // {
356
- // name: '',
357
- // type: 'constant', // constant variable component
358
- // value: null
359
- // }
360
- ],
361
- modalComponent: null
362
- // 弹窗modal类型下的组件
363
- }
364
- }
365
- },
366
- {
367
- type: "rate",
368
- // 组件类型
369
- label: "评分",
370
- icon: rateSvg(),
371
- uuid: "rate",
372
- options: {
373
- defaultValue: 4,
374
- // 默认评分数
375
- count: 5,
376
- // 总评分数
377
- style: {
378
- tbPadding: 2,
379
- // 上下内边距
380
- lrPadding: 2
381
- // 左右内边距
382
- }
383
- }
384
- },
385
- {
386
- type: "divider",
387
- // 组件类型
388
- label: "分割线",
389
- icon: dividerSvg(),
390
- uuid: "divider",
391
- options: {
392
- style: {
393
- marginTop: 2,
394
- // 上边距
395
- marginBottom: 2
396
- // 下边距
397
- }
398
- }
399
- },
400
- {
401
- type: "audio",
402
- // 组件类型
403
- label: "音乐",
404
- icon: audioSvg(),
405
- uuid: "audio",
406
- options: {
407
- src: Song,
408
- // 播放地址
409
- style: {
410
- playBtnColor: "#4a6bff",
411
- // 播放按钮颜色
412
- progressColor: "linear-gradient(90deg, #ff4d4d, #f9cb28)",
413
- // 进度条颜色
414
- tbPadding: 2,
415
- // 上下内边距
416
- lrPadding: 2
417
- // 左右内边距
418
- }
419
- }
420
- },
421
- {
422
- type: "video",
423
- // 组件类型
424
- label: "视频",
425
- icon: videoSvg(),
426
- uuid: "video",
427
- options: {
428
- src: Video,
429
- // 播放地址
430
- style: {
431
- mode: "fixed",
432
- //大小模式 宽度固定fixed,宽度铺满auto
433
- size: "middle",
434
- // small, middle, large custom
435
- sizeOptions: [
436
- // 大小映射
437
- {
438
- label: "small",
439
- value: 200
440
- },
441
- {
442
- label: "middle",
443
- value: 300
444
- },
445
- {
446
- label: "large",
447
- value: 400
448
- }
449
- ],
450
- width: 300,
451
- // 自定义下大小
452
- height: "auto",
453
- tbPadding: 2,
454
- // 上下内边距
455
- lrPadding: 2
456
- // 左右内边距
457
- }
458
- }
459
- },
460
- {
461
- type: "upload",
462
- // 组件类型
463
- label: "上传",
464
- icon: uploadSvg(),
465
- uuid: "upload",
466
- options: {
467
- format: ["pdf", "word", "excle"],
468
- // 默认支持上传类型,全部:'pdf', 'word', 'excle', 'txt', 'ppt'
469
- completeParsefastParsekvParse: "lightweight",
470
- //解析方式: 轻量化解忻(推荐)lightweight、精细化解析 refinement、Excel KV解析 excelKv
471
- style: {
472
- buttonText: "上传",
473
- // 按钮文案
474
- buttonColor: "#0066ff",
475
- // 按钮颜色
476
- buttonSize: 14,
477
- // 按钮文字大小
478
- tbPadding: 5,
479
- // 上下内边距
480
- lrPadding: 2
481
- // 左右内边距
482
- }
483
- }
484
- },
485
- {
486
- type: "generateImg",
487
- // 组件类型
488
- label: "生成图片",
489
- icon: generateSvg(),
490
- uuid: "generateImg",
491
- options: {
492
- defaultValue: "生成图片",
493
- // 默认文案
494
- style: {
495
- tbPadding: 5,
496
- // 上下内边距
497
- lrPadding: 2
498
- // 左右内边距
499
- }
500
- }
501
- },
502
- {
503
- type: "sunIcon",
504
- // 组件类型
505
- label: "图标",
506
- icon: iconSvg(),
507
- uuid: "sunIcon",
508
- options: {
509
- style: {
510
- iconName: "LikeOutlined",
511
- // icon名称
512
- color: "#000000",
513
- // 颜色
514
- align: "left",
515
- // 对齐方式: left center right
516
- tbPadding: 2,
517
- // 上下内边距
518
- lrPadding: 2
519
- // 左右内边距
520
- },
521
- clickEvent: false,
522
- // 是否启用点击
523
- clickEventConfig: {
524
- // 同text
525
- type: "url",
526
- // url event agent tool modal
527
- value: "",
528
- toolItem: null,
529
- tooltemParams: [
530
- // {
531
- // name: '',
532
- // type: 'constant', // constant variable component
533
- // value: null
534
- // }
535
- ],
536
- modalComponent: null
537
- // 弹窗modal类型下的组件
538
- }
539
- }
540
- }
541
- ];
542
- const LayoutList = [
543
- {
544
- type: "grid",
545
- // 组件类型
546
- label: "栅格布局",
547
- icon: gridSvg(),
548
- uuid: "grid",
549
- columns: [
550
- // 栅格数
551
- {
552
- list: [],
553
- // 栅格中组件列表
554
- flex: 1,
555
- // 占位
556
- type: "columns",
557
- uuid: "grid1",
558
- options: {
559
- clickEvent: false,
560
- // 是否启用点击事件
561
- clickEventConfig: {
562
- type: "url",
563
- // url event agent tool 点击事件类型
564
- value: "",
565
- // 点击事件值,url event agent
566
- toolItem: null,
567
- // 调用工具值 tool
568
- tooltemParams: [
569
- // 调用工具参数
570
- // {
571
- // name: '', // 参数名称
572
- // type: 'constant', // 常量:constant 变量:variable 组件:component
573
- // value: null // 常量值,变量值,组件值
574
- // }
575
- ],
576
- modalComponent: null
577
- // 弹窗modal类型下的组件
578
- }
579
- }
580
- },
581
- {
582
- list: [],
583
- // 栅格中组件列表
584
- flex: 1,
585
- // 占位
586
- type: "columns",
587
- uuid: "grid2",
588
- options: {
589
- clickEvent: false,
590
- // 是否启用点击事件
591
- clickEventConfig: {
592
- type: "url",
593
- // url event agent tool 点击事件类型
594
- value: "",
595
- // 点击事件值,url event agent
596
- toolItem: null,
597
- // 调用工具值 tool
598
- tooltemParams: [
599
- // 调用工具参数
600
- // {
601
- // name: '', // 参数名称
602
- // type: 'constant', // 常量:constant 变量:variable 组件:component
603
- // value: null // 常量值,变量值,组件值
604
- // }
605
- ],
606
- modalComponent: null
607
- // 弹窗modal类型下的组件
608
- }
609
- }
610
- },
611
- {
612
- list: [],
613
- // 栅格中组件列表
614
- flex: 1,
615
- // 占位
616
- type: "columns",
617
- uuid: "grid3",
618
- options: {
619
- clickEvent: false,
620
- // 是否启用点击事件
621
- clickEventConfig: {
622
- type: "url",
623
- // url event agent tool 点击事件类型
624
- value: "",
625
- // 点击事件值,url event agent
626
- toolItem: null,
627
- // 调用工具值 tool
628
- tooltemParams: [
629
- // 调用工具参数
630
- // {
631
- // name: '', // 参数名称
632
- // type: 'constant', // 常量:constant 变量:variable 组件:component
633
- // value: null // 常量值,变量值,组件值
634
- // }
635
- ],
636
- modalComponent: null
637
- // 弹窗modal类型下的组件
638
- }
639
- }
640
- }
641
- ],
642
- options: {
643
- dataType: "固定格数",
644
- // 数据类型: 固定格数, 动态格数
645
- mode: "vertical",
646
- // 列表布局:horizontal, 多列布局: vertical, 网格布局: auto,
647
- autoNumber: 2,
648
- // 网格布局,默认列数
649
- autoNumberOptions: [
650
- // 网格布局,默认列数映射
651
- {
652
- value: 2,
653
- label: "二列"
654
- },
655
- {
656
- value: 3,
657
- label: "三列"
658
- },
659
- {
660
- value: 4,
661
- label: "四列"
662
- }
663
- ],
664
- style: {
665
- background: "#f7f7fc",
666
- // 背景颜色
667
- borderColor: "#ffffff",
668
- // 边框颜色
669
- borderRadius: 6,
670
- // 圆角
671
- tbPadding: 0,
672
- // 上下边距
673
- lrPadding: 0,
674
- // 左右边距
675
- alignItems: "start",
676
- // 垂直对齐 start center end
677
- lrGutter: 12,
678
- tbGutter: 12,
679
- minHeight: 48,
680
- boxShadow: null
681
- }
682
- }
683
- },
684
- {
685
- type: "singleColumn",
686
- // 组件类型
687
- label: "单列布局",
688
- icon: singleColumnSvg(),
689
- uuid: "singleColumn",
690
- columns: [
691
- // 栅格数
692
- {
693
- list: [],
694
- // 栅格中组件列表
695
- flex: 1,
696
- // 占位
697
- type: "columns",
698
- uuid: "singleColumn1",
699
- options: {
700
- clickEvent: false,
701
- // 是否启用点击事件
702
- clickEventConfig: {
703
- type: "url",
704
- // url event agent tool 点击事件类型
705
- value: "",
706
- // 点击事件值,url event agent
707
- toolItem: null,
708
- // 调用工具值 tool
709
- tooltemParams: [
710
- // 调用工具参数
711
- // {
712
- // name: '', // 参数名称
713
- // type: 'constant', // 常量:constant 变量:variable 组件:component
714
- // value: null // 常量值,变量值,组件值
715
- // }
716
- ],
717
- modalComponent: null
718
- // 弹窗modal类型下的组件
719
- }
720
- }
721
- }
722
- ],
723
- options: {
724
- style: {
725
- background: "#f7f7fc",
726
- // 背景颜色
727
- borderColor: "#ffffff",
728
- // 边框颜色
729
- borderRadius: 6,
730
- // 圆角
731
- tbPadding: 0,
732
- // 上下边距
733
- lrPadding: 0,
734
- // 左右边距
735
- alignItems: "start",
736
- // 垂直对齐 start center end
737
- lrGutter: 0,
738
- tbGutter: 0,
739
- minHeight: 48,
740
- boxShadow: null
741
- }
742
- }
743
- },
744
- {
745
- type: "multipleColumn",
746
- // 组件类型
747
- label: "多列布局",
748
- icon: multipleColumnSvg(),
749
- uuid: "multipleColumn",
750
- columns: [
751
- // 栅格数
752
- {
753
- list: [],
754
- // 栅格中组件列表
755
- flex: 1,
756
- // 占位
757
- type: "columns",
758
- uuid: "multipleColumn1",
759
- options: {
760
- clickEvent: false,
761
- // 是否启用点击事件
762
- clickEventConfig: {
763
- type: "url",
764
- // url event agent tool 点击事件类型
765
- value: "",
766
- // 点击事件值,url event agent
767
- toolItem: null,
768
- // 调用工具值 tool
769
- tooltemParams: [
770
- // 调用工具参数
771
- // {
772
- // name: '', // 参数名称
773
- // type: 'constant', // 常量:constant 变量:variable 组件:component
774
- // value: null // 常量值,变量值,组件值
775
- // }
776
- ],
777
- modalComponent: null
778
- // 弹窗modal类型下的组件
779
- }
780
- }
781
- },
782
- {
783
- list: [],
784
- // 栅格中组件列表
785
- flex: 1,
786
- // 占位
787
- type: "columns",
788
- uuid: "multipleColumn2",
789
- options: {
790
- clickEvent: false,
791
- // 是否启用点击事件
792
- clickEventConfig: {
793
- type: "url",
794
- // url event agent tool 点击事件类型
795
- value: "",
796
- // 点击事件值,url event agent
797
- toolItem: null,
798
- // 调用工具值 tool
799
- tooltemParams: [
800
- // 调用工具参数
801
- // {
802
- // name: '', // 参数名称
803
- // type: 'constant', // 常量:constant 变量:variable 组件:component
804
- // value: null // 常量值,变量值,组件值
805
- // }
806
- ],
807
- modalComponent: null
808
- // 弹窗modal类型下的组件
809
- }
810
- }
811
- },
812
- {
813
- list: [],
814
- // 栅格中组件列表
815
- flex: 1,
816
- // 占位
817
- type: "columns",
818
- uuid: "multipleColumn3",
819
- options: {
820
- clickEvent: false,
821
- // 是否启用点击事件
822
- clickEventConfig: {
823
- type: "url",
824
- // url event agent tool 点击事件类型
825
- value: "",
826
- // 点击事件值,url event agent
827
- toolItem: null,
828
- // 调用工具值 tool
829
- tooltemParams: [
830
- // 调用工具参数
831
- // {
832
- // name: '', // 参数名称
833
- // type: 'constant', // 常量:constant 变量:variable 组件:component
834
- // value: null // 常量值,变量值,组件值
835
- // }
836
- ],
837
- modalComponent: null
838
- // 弹窗modal类型下的组件
839
- }
840
- }
841
- }
842
- ],
843
- options: {
844
- dataType: "固定格数",
845
- // 数据类型: 固定格数, 动态格数
846
- style: {
847
- background: "#f7f7fc",
848
- // 背景颜色
849
- borderColor: "#ffffff",
850
- // 边框颜色
851
- borderRadius: 6,
852
- // 圆角
853
- tbPadding: 0,
854
- // 上下边距
855
- lrPadding: 0,
856
- // 左右边距
857
- alignItems: "start",
858
- // 垂直对齐 start center end
859
- lrGutter: 12,
860
- tbGutter: 12,
861
- minHeight: 48,
862
- boxShadow: null
863
- }
864
- }
865
- },
866
- {
867
- type: "multipleLine",
868
- // 组件类型
869
- label: "列表布局",
870
- icon: multipleLineSvg(),
871
- uuid: "multipleLine",
872
- columns: [
873
- // 栅格数
874
- {
875
- list: [],
876
- // 栅格中组件列表
877
- flex: 1,
878
- // 占位
879
- type: "columns",
880
- uuid: "multipleLine1",
881
- options: {
882
- clickEvent: false,
883
- // 是否启用点击事件
884
- clickEventConfig: {
885
- type: "url",
886
- // url event agent tool 点击事件类型
887
- value: "",
888
- // 点击事件值,url event agent
889
- toolItem: null,
890
- // 调用工具值 tool
891
- tooltemParams: [
892
- // 调用工具参数
893
- // {
894
- // name: '', // 参数名称
895
- // type: 'constant', // 常量:constant 变量:variable 组件:component
896
- // value: null // 常量值,变量值,组件值
897
- // }
898
- ],
899
- modalComponent: null
900
- // 弹窗modal类型下的组件
901
- }
902
- }
903
- },
904
- {
905
- list: [],
906
- // 栅格中组件列表
907
- flex: 1,
908
- // 占位
909
- type: "columns",
910
- uuid: "multipleLine2",
911
- options: {
912
- clickEvent: false,
913
- // 是否启用点击事件
914
- clickEventConfig: {
915
- type: "url",
916
- // url event agent tool 点击事件类型
917
- value: "",
918
- // 点击事件值,url event agent
919
- toolItem: null,
920
- // 调用工具值 tool
921
- tooltemParams: [
922
- // 调用工具参数
923
- // {
924
- // name: '', // 参数名称
925
- // type: 'constant', // 常量:constant 变量:variable 组件:component
926
- // value: null // 常量值,变量值,组件值
927
- // }
928
- ],
929
- modalComponent: null
930
- // 弹窗modal类型下的组件
931
- }
932
- }
933
- }
934
- ],
935
- options: {
936
- dataType: "固定格数",
937
- // 数据类型: 固定格数, 动态格数
938
- style: {
939
- background: "#f7f7fc",
940
- // 背景颜色
941
- borderColor: "#ffffff",
942
- // 边框颜色
943
- borderRadius: 6,
944
- // 圆角
945
- tbPadding: 0,
946
- // 上下边距
947
- lrPadding: 0,
948
- // 左右边距
949
- alignItems: "start",
950
- // 垂直对齐 start center end
951
- lrGutter: 12,
952
- tbGutter: 12,
953
- minHeight: 48,
954
- boxShadow: null
955
- }
956
- }
957
- },
958
- {
959
- type: "gridList",
960
- // 组件类型
961
- label: "宫格布局",
962
- icon: girdListSvg(),
963
- uuid: "gridList",
964
- columns: [
965
- // 栅格数
966
- {
967
- list: [],
968
- // 栅格中组件列表
969
- flex: 1,
970
- // 占位
971
- type: "columns",
972
- uuid: "gridList1",
973
- options: {
974
- clickEvent: false,
975
- // 是否启用点击事件
976
- clickEventConfig: {
977
- type: "url",
978
- // url event agent tool 点击事件类型
979
- value: "",
980
- // 点击事件值,url event agent
981
- toolItem: null,
982
- // 调用工具值 tool
983
- tooltemParams: [
984
- // 调用工具参数
985
- // {
986
- // name: '', // 参数名称
987
- // type: 'constant', // 常量:constant 变量:variable 组件:component
988
- // value: null // 常量值,变量值,组件值
989
- // }
990
- ],
991
- modalComponent: null
992
- // 弹窗modal类型下的组件
993
- }
994
- }
995
- },
996
- {
997
- list: [],
998
- // 栅格中组件列表
999
- flex: 1,
1000
- // 占位
1001
- type: "columns",
1002
- uuid: "gridList2",
1003
- options: {
1004
- clickEvent: false,
1005
- // 是否启用点击事件
1006
- clickEventConfig: {
1007
- type: "url",
1008
- // url event agent tool 点击事件类型
1009
- value: "",
1010
- // 点击事件值,url event agent
1011
- toolItem: null,
1012
- // 调用工具值 tool
1013
- tooltemParams: [
1014
- // 调用工具参数
1015
- // {
1016
- // name: '', // 参数名称
1017
- // type: 'constant', // 常量:constant 变量:variable 组件:component
1018
- // value: null // 常量值,变量值,组件值
1019
- // }
1020
- ],
1021
- modalComponent: null
1022
- // 弹窗modal类型下的组件
1023
- }
1024
- }
1025
- },
1026
- {
1027
- list: [],
1028
- // 栅格中组件列表
1029
- flex: 1,
1030
- // 占位
1031
- type: "columns",
1032
- uuid: "gridList3",
1033
- options: {
1034
- clickEvent: false,
1035
- // 是否启用点击事件
1036
- clickEventConfig: {
1037
- type: "url",
1038
- // url event agent tool 点击事件类型
1039
- value: "",
1040
- // 点击事件值,url event agent
1041
- toolItem: null,
1042
- // 调用工具值 tool
1043
- tooltemParams: [
1044
- // 调用工具参数
1045
- // {
1046
- // name: '', // 参数名称
1047
- // type: 'constant', // 常量:constant 变量:variable 组件:component
1048
- // value: null // 常量值,变量值,组件值
1049
- // }
1050
- ],
1051
- modalComponent: null
1052
- // 弹窗modal类型下的组件
1053
- }
1054
- }
1055
- },
1056
- {
1057
- list: [],
1058
- // 栅格中组件列表
1059
- flex: 1,
1060
- // 占位
1061
- type: "columns",
1062
- uuid: "gridList4",
1063
- options: {
1064
- clickEvent: false,
1065
- // 是否启用点击事件
1066
- clickEventConfig: {
1067
- type: "url",
1068
- // url event agent tool 点击事件类型
1069
- value: "",
1070
- // 点击事件值,url event agent
1071
- toolItem: null,
1072
- // 调用工具值 tool
1073
- tooltemParams: [
1074
- // 调用工具参数
1075
- // {
1076
- // name: '', // 参数名称
1077
- // type: 'constant', // 常量:constant 变量:variable 组件:component
1078
- // value: null // 常量值,变量值,组件值
1079
- // }
1080
- ],
1081
- modalComponent: null
1082
- // 弹窗modal类型下的组件
1083
- }
1084
- }
1085
- }
1086
- ],
1087
- options: {
1088
- dataType: "固定格数",
1089
- // 数据类型: 固定格数, 动态格数
1090
- autoNumber: 2,
1091
- // 网格布局,默认列数
1092
- autoNumberOptions: [
1093
- // 网格布局,默认列数映射
1094
- {
1095
- value: 2,
1096
- label: "二列"
1097
- },
1098
- {
1099
- value: 3,
1100
- label: "三列"
1101
- },
1102
- {
1103
- value: 4,
1104
- label: "四列"
1105
- }
1106
- ],
1107
- style: {
1108
- background: "#f7f7fc",
1109
- // 背景颜色
1110
- borderColor: "#ffffff",
1111
- // 边框颜色
1112
- borderRadius: 6,
1113
- // 圆角
1114
- tbPadding: 0,
1115
- // 上下边距
1116
- lrPadding: 0,
1117
- // 左右边距
1118
- alignItems: "start",
1119
- // 垂直对齐 start center end
1120
- lrGutter: 12,
1121
- tbGutter: 12,
1122
- minHeight: 48,
1123
- boxShadow: null
1124
- }
1125
- }
1126
- }
1127
- ];
1128
- const FormList = [
1129
- {
1130
- type: "input",
1131
- // 组件类型
1132
- label: "输入框",
1133
- icon: inputSvg(),
1134
- uuid: "input",
1135
- options: {
1136
- flex: "vertical",
1137
- // 标签布局类型:垂直 vertical, 水平 horizontal
1138
- defaultValue: "",
1139
- // 默认值
1140
- label: "Input label",
1141
- // 标签值
1142
- placeholder: "Please enter content",
1143
- // 默认占位值
1144
- style: {
1145
- tbPadding: 2,
1146
- // 上下内边距
1147
- lrPadding: 2
1148
- // 左右内边距
1149
- }
1150
- }
1151
- },
1152
- {
1153
- type: "select",
1154
- // 组件类型
1155
- label: "下拉框",
1156
- icon: selectSvg(),
1157
- uuid: "select",
1158
- options: {
1159
- flex: "vertical",
1160
- // 标签布局类型:垂直 vertical, 水平 horizontal
1161
- defaultValue: null,
1162
- // 默认值
1163
- label: "Select label",
1164
- // 标签值
1165
- placeholder: "Please select",
1166
- // 默认占位值
1167
- optionsMode: "fixed",
1168
- // 数据源模式: 固定fixed, 动态auto
1169
- optionsFixed: [],
1170
- // 固定模式数据
1171
- optionsAuto: null,
1172
- // 动态模式变量数据
1173
- style: {
1174
- tbPadding: 2,
1175
- // 上下内边距
1176
- lrPadding: 2
1177
- // 左右内边距
1178
- }
1179
- }
1180
- },
1181
- {
1182
- type: "enterpriseSearch",
1183
- // 组件类型
1184
- label: "企业查询",
1185
- icon: qiyeSvg(),
1186
- uuid: "enterpriseSearch",
1187
- options: {
1188
- flex: "vertical",
1189
- // 标签布局类型:垂直 vertical, 水平 horizontal
1190
- defaultValue: "",
1191
- // 默认值
1192
- placeholder: "Please select content.",
1193
- // 默认占位值
1194
- label: "Search",
1195
- // 标签值
1196
- style: {
1197
- tbPadding: 2,
1198
- // 上下内边距
1199
- lrPadding: 2
1200
- // 左右内边距
1201
- }
1202
- }
1203
- },
1204
- {
1205
- type: "table",
1206
- // 组件类型
1207
- label: "表格",
1208
- icon: tableSvg(),
1209
- uuid: "table",
1210
- options: {
1211
- mode: "static",
1212
- // 数据模式: 静态static, 动态dynamic
1213
- defaultValue: [
1214
- // 默认数据源
1215
- {
1216
- now1: "now1",
1217
- now2: "now2"
1218
- }
1219
- ],
1220
- columns: [
1221
- // 列配置数据
1222
- {
1223
- title: "列1",
1224
- dataIndex: "now1",
1225
- align: "left"
1226
- // 对齐方式
1227
- },
1228
- {
1229
- title: "列2",
1230
- dataIndex: "now2",
1231
- align: "left"
1232
- }
1233
- ],
1234
- style: {
1235
- bordered: true,
1236
- // 是否显示边框
1237
- padding: 8,
1238
- // 内边距
1239
- fontSize: 14,
1240
- // 文字大小
1241
- tbPadding: 2,
1242
- // 上下内边距
1243
- lrPadding: 2
1244
- // 左右内边距
1245
- }
1246
- }
1247
- }
1248
- ];
1249
- const ChartList = [
1250
- {
1251
- type: "barChart",
1252
- // 组件类型
1253
- label: "柱状图",
1254
- icon: barChartSvg(),
1255
- uuid: "barChart",
1256
- options: {
1257
- mode: "static",
1258
- //数据模式: 静态static, 动态dynamic
1259
- titleConfig: {
1260
- // 标题配置
1261
- text: "标题",
1262
- // 标题
1263
- subtext: "副标题",
1264
- // 副标题
1265
- show: false,
1266
- // 标题是否显示
1267
- align: "auto",
1268
- // 标题对齐方式 'auto'、'left'、'right'、'center',弃用
1269
- textStyle: {
1270
- color: "#333",
1271
- // 标题颜色
1272
- fontSize: 18
1273
- // 文字大小
1274
- },
1275
- subtextStyle: {
1276
- color: "#aaa",
1277
- // 副标题颜色
1278
- fontSize: 12
1279
- // 文字大小
1280
- }
1281
- },
1282
- gridConfig: {
1283
- // 布局配置
1284
- left: "3%",
1285
- right: "4%",
1286
- bottom: "3%",
1287
- containLabel: true
1288
- },
1289
- xAxisConfig: [
1290
- // x轴配置
1291
- {
1292
- data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
1293
- // 数据
1294
- show: true,
1295
- // 是否显示
1296
- type: "category",
1297
- //类型 value category time
1298
- name: "",
1299
- // 名称
1300
- nameLocation: "start"
1301
- // start center end
1302
- }
1303
- ],
1304
- yAxisConfig: [
1305
- // y轴配置
1306
- {
1307
- show: true,
1308
- // 是否显示
1309
- type: "value"
1310
- // 类型 value category time
1311
- }
1312
- ],
1313
- tooltipConfig: {
1314
- axisPointer: {
1315
- type: "shadow"
1316
- // 鼠标点击类型 line shadow cross
1317
- }
1318
- },
1319
- legendConfig: {
1320
- // 标签配置
1321
- orient: "horizontal",
1322
- //方向 horizontal vertical
1323
- left: "center",
1324
- top: "top",
1325
- show: true
1326
- },
1327
- seriesConfig: [
1328
- // 数据源配置
1329
- {
1330
- name: "chart1",
1331
- // 名称
1332
- data: [120, 200, 150, 80, 70, 110, 130],
1333
- // 数据值
1334
- type: "bar",
1335
- // 图形类型默认柱状图
1336
- showBackground: false,
1337
- // 暂不用
1338
- itemStyle: {
1339
- colorType: "solid",
1340
- // 图形颜色类型 纯色solid 渐变gradient
1341
- color: "auto",
1342
- // 颜色
1343
- borderColor: "#000",
1344
- // 边框颜色
1345
- borderRadius: [0, 0, 0, 0],
1346
- // 圆角
1347
- borderWidth: 0
1348
- // 边框宽度
1349
- }
1350
- }
1351
- ],
1352
- style: {
1353
- width: "100%",
1354
- // 图形宽
1355
- height: "200px",
1356
- // 高
1357
- tbPadding: 2,
1358
- // 上下内边距
1359
- lrPadding: 2
1360
- // 左右内边距
1361
- }
1362
- }
1363
- },
1364
- {
1365
- type: "barChart3D",
1366
- // 组件类型
1367
- label: "3D柱状图",
1368
- icon: barChartSvg3D(),
1369
- uuid: "barChart3D",
1370
- options: {
1371
- mode: "static",
1372
- //模式: 静态static 动态dynamic
1373
- xAxisConfig: [
1374
- {
1375
- data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
1376
- // x轴坐标
1377
- }
1378
- ],
1379
- seriesConfig: [
1380
- {
1381
- name: "chart1",
1382
- // 名称
1383
- data: [120, 200, 150, 80, 70, 110, 130],
1384
- // y轴数据
1385
- itemStyle: {
1386
- color: "auto",
1387
- // 颜色
1388
- colorType: "solid"
1389
- //颜色类型 纯色solid 渐变gradient
1390
- }
1391
- }
1392
- ],
1393
- style: {
1394
- // 图形大小
1395
- width: "100%",
1396
- height: "300px",
1397
- tbPadding: 2,
1398
- // 上下内边距
1399
- lrPadding: 2
1400
- // 左右内边距
1401
- }
1402
- }
1403
- },
1404
- {
1405
- type: "pieChart",
1406
- // 组件类型
1407
- label: "饼图",
1408
- icon: pieChartSvg(),
1409
- uuid: "pieChart",
1410
- options: {
1411
- mode: "static",
1412
- //模式 静态static 动态dynamic
1413
- titleConfig: {
1414
- // 标题配置同barChart
1415
- text: "标题",
1416
- subtext: "副标题",
1417
- show: true,
1418
- left: "left",
1419
- // 'auto'、'left'、'right'、'center'
1420
- textStyle: {
1421
- color: "#333",
1422
- fontSize: 16
1423
- },
1424
- subtextStyle: {
1425
- color: "#aaa",
1426
- fontSize: 12
1427
- }
1428
- },
1429
- tooltipConfig: {
1430
- trigger: "item"
1431
- // 固定触发方式
1432
- },
1433
- legendConfig: {
1434
- // 标签配置
1435
- orient: "horizontal",
1436
- //方向 horizontal vertical
1437
- left: "center",
1438
- top: "bottom",
1439
- show: true
1440
- },
1441
- seriesConfig: [
1442
- {
1443
- name: "chart1",
1444
- // 名称
1445
- type: "pie",
1446
- // 类型
1447
- radius: ["0%", "70%"],
1448
- // 大小比例配置
1449
- roseType: false,
1450
- //玫瑰图类型默认不开启, 围绕radius 面积area
1451
- data: [
1452
- // 数据
1453
- { value: 1048, name: "饼图" },
1454
- { value: 735, name: "柱状图" },
1455
- { value: 580, name: "折线图" },
1456
- { value: 484, name: "路径图" },
1457
- { value: 300, name: "关系图" }
1458
- ],
1459
- label: {
1460
- // 饼图中文案配置
1461
- show: true,
1462
- // 默认显示
1463
- position: "outside"
1464
- //标签位置 outside center inside
1465
- },
1466
- itemStyle: {
1467
- borderRadius: 6,
1468
- // 圆角
1469
- borderColor: "#fff",
1470
- // 边框颜色
1471
- borderWidth: 2
1472
- // 边框宽度
1473
- },
1474
- emphasis: {
1475
- // 默认,不支持修改配置
1476
- itemStyle: {
1477
- shadowBlur: 10,
1478
- shadowOffsetX: 0,
1479
- shadowColor: "rgba(0, 0, 0, 0.5)"
1480
- }
1481
- }
1482
- }
1483
- ],
1484
- style: {
1485
- // 图形大小
1486
- width: "100%",
1487
- height: "260px",
1488
- tbPadding: 2,
1489
- // 上下内边距
1490
- lrPadding: 2
1491
- // 左右内边距
1492
- }
1493
- }
1494
- },
1495
- {
1496
- type: "pieChart3D",
1497
- // 组件类型
1498
- label: "3D饼图",
1499
- icon: pieChartSvg3D(),
1500
- uuid: "pieChart3D",
1501
- options: {
1502
- mode: "static",
1503
- //模式 静态static 动态dynamic
1504
- seriesConfig: [
1505
- {
1506
- name: "chart1",
1507
- // 名称
1508
- radius: "40%",
1509
- // 大小
1510
- data: [
1511
- // 数据
1512
- { value: 1048, name: "饼图" },
1513
- { value: 735, name: "柱状图" },
1514
- { value: 580, name: "折线图" },
1515
- { value: 484, name: "路径图" },
1516
- { value: 300, name: "关系图" }
1517
- ],
1518
- colors: ["#ff8904", "#7ccf35", "#21bcff", "#8e51ff", "#ff2056"]
1519
- // 颜色
1520
- }
1521
- ],
1522
- style: {
1523
- // 大小
1524
- width: "100%",
1525
- height: "260px",
1526
- tbPadding: 2,
1527
- // 上下内边距
1528
- lrPadding: 2
1529
- // 左右内边距
1530
- }
1531
- }
1532
- },
1533
- {
1534
- type: "lineChart",
1535
- // 组件类型
1536
- label: "折线图",
1537
- icon: lineChartSvg(),
1538
- uuid: "lineChart",
1539
- options: {
1540
- mode: "static",
1541
- //模式 静态static 动态dynamic
1542
- titleConfig: {
1543
- // 标题配置
1544
- text: "标题",
1545
- subtext: "副标题",
1546
- show: false,
1547
- left: "left",
1548
- // 'auto'、'left'、'right'、'center'
1549
- textStyle: {
1550
- color: "#333",
1551
- fontSize: 16
1552
- },
1553
- subtextStyle: {
1554
- color: "#aaa",
1555
- fontSize: 12
1556
- }
1557
- },
1558
- tooltipConfig: {
1559
- trigger: "item"
1560
- // 触发类型
1561
- },
1562
- legendConfig: {
1563
- // 默认标签, 不修改
1564
- orient: "horizontal",
1565
- // horizontal vertical
1566
- left: "center",
1567
- top: "top",
1568
- show: true
1569
- },
1570
- gridConfig: {
1571
- // 默认布局配置,不修改
1572
- left: "3%",
1573
- right: "4%",
1574
- bottom: "3%",
1575
- containLabel: true
1576
- },
1577
- xAxisConfig: [
1578
- // x轴配置
1579
- {
1580
- type: "category",
1581
- data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
1582
- }
1583
- ],
1584
- yAxisConfig: [
1585
- // y轴配置
1586
- {
1587
- type: "value"
1588
- }
1589
- ],
1590
- seriesConfig: [
1591
- {
1592
- name: "chart1",
1593
- data: [150, 230, 224, 218, 135, 147, 260],
1594
- // 数据
1595
- type: "line",
1596
- // 类型
1597
- itemStyle: {
1598
- color: "#2b7fff"
1599
- // 数据点颜色
1600
- },
1601
- lineStyle: {
1602
- color: "#2b7fff",
1603
- // 线条颜色
1604
- type: "solid",
1605
- // 线条类型
1606
- width: 2
1607
- // 线条宽度
1608
- },
1609
- smooth: false,
1610
- // 是否开启平滑曲线
1611
- symbolSize: 8
1612
- // 数据点大小
1613
- }
1614
- ],
1615
- style: {
1616
- // 大小
1617
- width: "100%",
1618
- height: "260px",
1619
- tbPadding: 2,
1620
- // 上下内边距
1621
- lrPadding: 2
1622
- // 左右内边距
1623
- }
1624
- }
1625
- },
1626
- {
1627
- type: "panorama",
1628
- // 组件类型
1629
- label: "全景图",
1630
- icon: panoramaSvg3d(),
1631
- uuid: "panorama",
1632
- options: {
1633
- src: Pic1,
1634
- // 全景图地址
1635
- briefSrc: Picsl1,
1636
- // 默认背景图地址
1637
- style: {
1638
- // 大小
1639
- width: "200px",
1640
- height: "200px",
1641
- borderRadius: 6,
1642
- // 圆角
1643
- tbPadding: 2,
1644
- // 上下内边距
1645
- lrPadding: 2
1646
- // 左右内边距
1647
- }
1648
- }
1649
- }
1650
- ];
1651
- const ColorList = [
1652
- "#ffffff",
1653
- "#f5f5f5",
1654
- "#d9d9d9",
1655
- "#bfbfbf",
1656
- "#8c8c8c",
1657
- "#595959",
1658
- "#262626",
1659
- "#000000",
1660
- "#FEF2F2",
1661
- "#FFE2E2",
1662
- "#FFC9C9",
1663
- "#FFA2A2",
1664
- "#FF6467",
1665
- "#FB2C36",
1666
- "#E7180B",
1667
- "#C11007",
1668
- "#FFF7ED",
1669
- "#FFEDD4",
1670
- "#FFD6A7",
1671
- "#FFB86A",
1672
- "#FF8904",
1673
- "#FF692A",
1674
- "#F54927",
1675
- "#CA3519",
1676
- "#FFFBEB",
1677
- "#FEF3C6",
1678
- "#FEE685",
1679
- "#FFD230",
1680
- "#FFB93B",
1681
- "#FE9A37",
1682
- "#E1712B",
1683
- "#BB4D1A",
1684
- "#FEFCE8",
1685
- "#FEF9C2",
1686
- "#FFF085",
1687
- "#FFDF20",
1688
- "#FDC745",
1689
- "#F0B13B",
1690
- "#D0872E",
1691
- "#A65F1B",
1692
- "#F7FEE7",
1693
- "#ECFCCA",
1694
- "#D8F999",
1695
- "#BBF451",
1696
- "#9AE630",
1697
- "#7CCF35",
1698
- "#5EA529",
1699
- "#497D15",
1700
- "#F0FDF4",
1701
- "#DCFCE7",
1702
- "#B9F8CF",
1703
- "#7BF1A8",
1704
- "#05DF72",
1705
- "#31C950",
1706
- "#2AA63E",
1707
- "#178236",
1708
- "#ECFDF5",
1709
- "#D0FAE5",
1710
- "#A4F4CF",
1711
- "#5EE9B5",
1712
- "#31D492",
1713
- "#37BC7D",
1714
- "#2D9966",
1715
- "#1F7A55",
1716
- "#F0FDFA",
1717
- "#CBFBF1",
1718
- "#96F7E4",
1719
- "#46ECD5",
1720
- "#38D5BE",
1721
- "#36BBA7",
1722
- "#2A9689",
1723
- "#18786F",
1724
- "#ECFEFF",
1725
- "#CEFAFE",
1726
- "#A2F4FD",
1727
- "#53EAFD",
1728
- "#42D3F2",
1729
- "#3BB8DB",
1730
- "#2C92B8",
1731
- "#1A7595",
1732
- "#F0F9FF",
1733
- "#DFF2FE",
1734
- "#B8E6FE",
1735
- "#74D4FF",
1736
- "#21BCFF",
1737
- "#34A6F4",
1738
- "#2984D1",
1739
- "#1C69A8",
1740
- "#EFF6FF",
1741
- "#DBEAFE",
1742
- "#BEDBFF",
1743
- "#8EC5FF",
1744
- "#51A2FF",
1745
- "#2B7FFF",
1746
- "#155DFC",
1747
- "#1447E6",
1748
- "#EEF2FF",
1749
- "#E0E7FF",
1750
- "#C6D2FF",
1751
- "#A3B3FF",
1752
- "#7C86FF",
1753
- "#615FFF",
1754
- "#4F39F6",
1755
- "#432DD7",
1756
- "#F5F3FF",
1757
- "#EDE9FE",
1758
- "#DDD6FF",
1759
- "#C4B4FF",
1760
- "#A684FF",
1761
- "#8E51FF",
1762
- "#7F22FE",
1763
- "#7008E7",
1764
- "#FAF5FF",
1765
- "#F3E8FF",
1766
- "#E9D4FF",
1767
- "#DAB2FF",
1768
- "#C27AFF",
1769
- "#AD46FF",
1770
- "#9810FA",
1771
- "#8207DB",
1772
- "#FDF4FF",
1773
- "#FAE8FF",
1774
- "#F6CFFF",
1775
- "#F4A8FF",
1776
- "#ED6AFF",
1777
- "#E12AFB",
1778
- "#C81CDE",
1779
- "#A813B7",
1780
- "#FDF2F8",
1781
- "#FCE7F3",
1782
- "#FCCEE8",
1783
- "#FDA5D5",
1784
- "#FB64B6",
1785
- "#F6339A",
1786
- "#E61876",
1787
- "#C6185C",
1788
- "#FFF1F2",
1789
- "#FFE4E6",
1790
- "#FFCCD3",
1791
- "#FFA1AD",
1792
- "#FF637E",
1793
- "#FF2056",
1794
- "#EC253F",
1795
- "#C71D36"
1796
- ];
1797
- const ColorNameMap = {
1798
- // 灰色系
1799
- "#ffffff": "纯白",
1800
- "#f5f5f5": "浅灰",
1801
- "#d9d9d9": "中灰",
1802
- "#bfbfbf": "浅灰1",
1803
- "#8c8c8c": "灰3",
1804
- "#595959": "灰2",
1805
- "#262626": "深灰",
1806
- "#000000": "纯黑",
1807
- // 红色系
1808
- "#FEF2F2": "粉红浅",
1809
- "#FFE2E2": "粉红",
1810
- "#FFC9C9": "粉红中",
1811
- "#FFA2A2": "粉红深",
1812
- "#FF6467": "珊瑚红",
1813
- "#FB2C36": "鲜红",
1814
- "#E7180B": "深红",
1815
- "#C11007": "暗红",
1816
- // 橙色系
1817
- "#FFF7ED": "橙黄浅",
1818
- "#FFEDD4": "橙黄",
1819
- "#FFD6A7": "橙黄中",
1820
- "#FFB86A": "橙黄深",
1821
- "#FF8904": "橙",
1822
- "#FF692A": "橙红",
1823
- "#F54927": "深橙",
1824
- "#CA3519": "暗橙",
1825
- // 黄色系
1826
- "#FFFBEB": "黄浅",
1827
- "#FEF3C6": "黄",
1828
- "#FEE685": "黄中",
1829
- "#FFD230": "黄深",
1830
- "#FFB93B": "金黄",
1831
- "#FE9A37": "深黄",
1832
- "#E1712B": "橙黄",
1833
- "#BB4D1A": "暗橙黄",
1834
- // 黄绿色系
1835
- "#FEFCE8": "黄绿浅",
1836
- "#FEF9C2": "黄绿",
1837
- "#FFF085": "黄绿中",
1838
- "#FFDF20": "黄绿深",
1839
- "#FDC745": "柠檬",
1840
- "#F0B13B": "柠檬深",
1841
- "#D0872E": "深柠檬",
1842
- "#A65F1B": "暗柠檬",
1843
- // 绿色系
1844
- "#F7FEE7": "绿浅",
1845
- "#ECFCCA": "绿",
1846
- "#D8F999": "绿中",
1847
- "#BBF451": "绿深",
1848
- "#9AE630": "鲜绿",
1849
- "#7CCF35": "深绿",
1850
- "#5EA529": "深绿1",
1851
- "#497D15": "暗绿",
1852
- // 青绿色系
1853
- "#F0FDF4": "青绿浅",
1854
- "#DCFCE7": "青绿",
1855
- "#B9F8CF": "青绿中",
1856
- "#7BF1A8": "青绿深",
1857
- "#05DF72": "青绿",
1858
- "#31C950": "深青绿",
1859
- "#2AA63E": "深青绿1",
1860
- "#178236": "暗青绿",
1861
- // 青色系
1862
- "#ECFDF5": "青浅",
1863
- "#D0FAE5": "青",
1864
- "#A4F4CF": "青中",
1865
- "#5EE9B5": "青深",
1866
- "#31D492": "青",
1867
- "#37BC7D": "深青",
1868
- "#2D9966": "深青1",
1869
- "#1F7A55": "暗青",
1870
- // 蓝青色系
1871
- "#F0FDFA": "蓝青浅",
1872
- "#CBFBF1": "蓝青",
1873
- "#96F7E4": "蓝青中",
1874
- "#46ECD5": "蓝青深",
1875
- "#38D5BE": "蓝青",
1876
- "#36BBA7": "深蓝青",
1877
- "#2A9689": "深蓝青1",
1878
- "#18786F": "暗蓝青",
1879
- // 蓝色系
1880
- "#ECFEFF": "蓝浅",
1881
- "#CEFAFE": "蓝",
1882
- "#A2F4FD": "蓝中",
1883
- "#53EAFD": "蓝深",
1884
- "#42D3F2": "天蓝",
1885
- "#3BB8DB": "深天蓝",
1886
- "#2C92B8": "深天蓝1",
1887
- "#1A7595": "暗天蓝",
1888
- // 深蓝色系
1889
- "#F0F9FF": "深蓝浅",
1890
- "#DFF2FE": "深蓝",
1891
- "#B8E6FE": "深蓝中",
1892
- "#74D4FF": "深蓝深",
1893
- "#21BCFF": "深蓝",
1894
- "#34A6F4": "深蓝1",
1895
- "#2984D1": "深蓝2",
1896
- "#1C69A8": "暗深蓝",
1897
- // 蓝色系
1898
- "#EFF6FF": "蓝浅1",
1899
- "#DBEAFE": "蓝1",
1900
- "#BEDBFF": "蓝中1",
1901
- "#8EC5FF": "蓝深1",
1902
- "#51A2FF": "蓝1",
1903
- "#2B7FFF": "深蓝1",
1904
- "#155DFC": "深蓝2",
1905
- "#1447E6": "暗蓝1",
1906
- // 紫蓝色系
1907
- "#EEF2FF": "紫蓝浅",
1908
- "#E0E7FF": "紫蓝",
1909
- "#C6D2FF": "紫蓝中",
1910
- "#A3B3FF": "紫蓝深",
1911
- "#7C86FF": "紫蓝",
1912
- "#615FFF": "深紫蓝",
1913
- "#4F39F6": "深紫蓝1",
1914
- "#432DD7": "暗紫蓝",
1915
- // 紫色系
1916
- "#F5F3FF": "紫浅",
1917
- "#EDE9FE": "紫",
1918
- "#DDD6FF": "紫中",
1919
- "#C4B4FF": "紫深",
1920
- "#A684FF": "紫",
1921
- "#8E51FF": "深紫",
1922
- "#7F22FE": "深紫1",
1923
- "#7008E7": "暗紫",
1924
- // 深紫色系
1925
- "#FAF5FF": "深紫浅",
1926
- "#F3E8FF": "深紫",
1927
- "#E9D4FF": "深紫中",
1928
- "#DAB2FF": "深紫深",
1929
- "#C27AFF": "深紫",
1930
- "#AD46FF": "深紫1",
1931
- "#9810FA": "深紫2",
1932
- "#8207DB": "暗深紫",
1933
- // 粉紫色系
1934
- "#FDF4FF": "粉紫浅",
1935
- "#FAE8FF": "粉紫",
1936
- "#F6CFFF": "粉紫中",
1937
- "#F4A8FF": "粉紫深",
1938
- "#ED6AFF": "粉紫",
1939
- "#E12AFB": "深粉紫",
1940
- "#C81CDE": "深粉紫1",
1941
- "#A813B7": "暗粉紫",
1942
- // 粉红色系
1943
- "#FDF2F8": "粉红浅1",
1944
- "#FCE7F3": "粉红1",
1945
- "#FCCEE8": "粉红中1",
1946
- "#FDA5D5": "粉红深1",
1947
- "#FB64B6": "粉红1",
1948
- "#F6339A": "深粉红",
1949
- "#E61876": "深粉红1",
1950
- "#C6185C": "暗粉红",
1951
- // 红色系
1952
- "#FFF1F2": "红浅",
1953
- "#FFE4E6": "红",
1954
- "#FFCCD3": "红中",
1955
- "#FFA1AD": "红深",
1956
- "#FF637E": "红",
1957
- "#FF2056": "深红",
1958
- "#EC253F": "深红1",
1959
- "#C71D36": "暗红"
1960
- };
1961
- const customIcon = {
1962
- CustomCircle: '<svg t="1761895748746" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15657" width="18" height="18"><path d="M510.691191 64.567551c-246.548232 0-447.125457 200.578248-447.125457 447.125457 0 246.543116 200.578248 447.125457 447.125457 447.125457 246.543116 0 447.125457-200.582341 447.125457-447.125457C957.816648 265.144776 757.234307 64.567551 510.691191 64.567551zM510.691191 863.489306c-193.982016 0-351.796298-157.814282-351.796298-351.796298s157.814282-351.796298 351.796298-351.796298S862.487489 317.710992 862.487489 511.693008 704.673208 863.489306 510.691191 863.489306z" p-id="15658" fill="#000000"></path><path d="M510.691191 511.693008m-214.491119 0a209.606 209.606 0 1 0 428.982238 0 209.606 209.606 0 1 0-428.982238 0Z" p-id="15659" fill="#000000"></path></svg>',
1963
- CustomFlag: '<svg t="1761899018840" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23325" width="18" height="18"><path d="M859.311776 37.52632a31.103801 31.103801 0 0 0-19.487875-2.847982c-6.879956 1.135993-13.007917 4.383972-18.351882 9.743937-0.767995 1.51999-10.719931 9.35994-29.823809 23.51985-19.119878 14.143909-45.503708 27.711822-79.151493 40.719739-87.167442 30.575804-172.814893 21.023865-256.942354-28.687816-44.351716-26.751829-93.6634-47.023699-147.967052-60.799611-43.583721-10.687932-89.471427-16.799892-137.647119-18.335882-41.279736-1.53599-74.735521-0.959994-100.367357 1.711989-25.599836 2.671983-39.183749 4.399972-40.719739 5.167967a41.071737 41.071737 0 0 0-20.639867 12.607919 31.999795 31.999795 0 0 0-8.031949 21.80786v946.297938c0 9.951936 3.247979 18.351882 9.759937 25.231838 6.495958 6.879956 14.719906 10.335934 24.639843 10.335934 9.951936 0 18.367882-3.439978 25.247838-10.335934 6.879956-6.879956 10.319934-15.279902 10.319934-25.231838v-341.82181c9.183941-3.039981 22.751854-6.687957 40.719739-10.879931 17.983885-4.207973 39.199749-7.087955 63.679592-8.607945a489.020867 489.020867 0 0 1 125.007199 6.879956c51.247672 9.935936 101.327351 27.903821 150.271037 53.919655 53.535657 28.287819 107.439312 47.023699 161.726964 56.19164 44.351716 6.879956 87.951437 7.647951 130.767163 2.303985 37.47176-5.359966 66.719573-12.239922 87.743438-20.639868 21.039865-8.431946 32.319793-13.391914 33.839783-14.927904 11.471927-6.879956 17.21589-17.19989 17.215889-30.975801v-610.220091c0-6.879956-1.919988-13.375914-5.743963-19.503875a29.311812 29.311812 0 0 0-16.063897-12.60792z m-48.159691 620.556024c-8.415946 3.07198-19.519875 6.511958-33.279787 10.335934-13.759912 3.823976-29.823809 6.879956-48.159692 9.167941-35.199775 3.839975-71.519542 2.671983-108.975301-3.439978-45.887706-8.415946-91.759412-24.479843-137.647119-48.175691-55.823642-29.823809-113.551273-50.463677-173.19889-61.935603a563.196392 563.196392 0 0 0-100.959353-9.183942c-14.511907 0-28.655816 0.767995-42.431728 2.303986-40.52774 3.823976-72.639535 9.167941-96.351383 16.047897v-500.108796c11.471927-0.767995 25.615836-1.51999 42.447728-2.287986a687.003599 687.003599 0 0 1 56.20764 0c34.39978 0.767995 73.791527 6.111961 118.143243 16.063897 44.351716 9.919936 88.319434 27.519824 131.903155 52.751663 35.95177 20.639868 70.159551 35.359773 102.671342 44.159717 32.479792 8.799944 63.279595 13.199915 92.319409 13.199915a414.317346 414.317346 0 0 0 68.255562-7.455952 390.989495 390.989495 0 0 0 56.783637-15.487901c28.287819-10.719931 52.383664-22.175858 72.255537-34.39978z" p-id="23326" fill="#000000"></path></svg>',
1964
- CustomShopping: '<svg t="1761899971075" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="64876" width="18" height="18"><path d="M790.6304 917.6576H231.936a146.944 146.944 0 0 1-146.3808-158.72L128 237.312A147.6608 147.6608 0 0 1 274.432 102.4h473.7024a147.6608 147.6608 0 0 1 146.3808 134.9632L936.96 758.8352a146.944 146.944 0 0 1-146.3808 158.72zM274.432 163.84A85.8624 85.8624 0 0 0 189.44 242.2784l-42.496 521.5232a85.4528 85.4528 0 0 0 85.1456 92.16h558.5408a85.4528 85.4528 0 0 0 85.1456-92.16l-42.496-521.5232A85.8624 85.8624 0 0 0 748.1344 163.84z" fill="#000000" p-id="64877"></path><path d="M511.2832 615.1168A193.536 193.536 0 0 1 317.952 421.7856V331.8272a30.72 30.72 0 0 1 61.44 0v89.9584a131.8912 131.8912 0 0 0 263.7824 0V331.8272a30.72 30.72 0 0 1 61.44 0v89.9584a193.536 193.536 0 0 1-193.3312 193.3312z" fill="#000000" p-id="64878"></path></svg>'
1965
- };
1966
- const sunIcons = {
1967
- CheckCircleOutlined: "正确",
1968
- CloseCircleOutlined: "错误",
1969
- CameraOutlined: "相机",
1970
- BarsOutlined: "条形",
1971
- AppstoreOutlined: "应用",
1972
- CoffeeOutlined: "咖啡",
1973
- DownloadOutlined: "下载",
1974
- EnvironmentOutlined: "环境/定位",
1975
- HeartOutlined: "心形",
1976
- HomeOutlined: "主页",
1977
- LikeOutlined: "点赞",
1978
- DislikeOutlined: "点踩",
1979
- MessageOutlined: "消息",
1980
- PhoneOutlined: "电话",
1981
- MenuOutlined: "菜单",
1982
- PoweroffOutlined: "电源",
1983
- ReadOutlined: "阅读",
1984
- ReloadOutlined: "刷新",
1985
- SearchOutlined: "搜索",
1986
- SettingOutlined: "设置",
1987
- SendOutlined: "发送",
1988
- ShoppingCartOutlined: "购物车",
1989
- SmileOutlined: "笑脸",
1990
- StarOutlined: "星标",
1991
- TagOutlined: "标签",
1992
- TeamOutlined: "团队",
1993
- EditOutlined: "书写",
1994
- GiftOutlined: "礼物",
1995
- FileDoneOutlined: "文件",
1996
- CustomCircle: "圆圈",
1997
- CustomFlag: "旗子",
1998
- CustomShopping: "购物"
1999
- };
2000
- const VariableList = [
2001
- {
2002
- id: "-1",
2003
- name: "数组-Test1",
2004
- type: "Array",
2005
- defaultValue: JSON.stringify([
2006
- {
2007
- title: "标题一",
2008
- content: "列表正文,组件整体绑定 Array 类型数据后,可在此文本上绑定 item.文本。",
2009
- src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid0.png"
2010
- },
2011
- {
2012
- title: "标题二",
2013
- content: "列表正文,组件整体绑定 Array 类型数据后,可在此文本上绑定 item.文本。",
2014
- src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid1.png"
2015
- },
2016
- {
2017
- title: "标题三",
2018
- content: "列表正文,组件整体绑定 Array 类型数据后,可在此文本上绑定 item.文本。",
2019
- src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid2.png"
2020
- }
2021
- ])
2022
- },
2023
- {
2024
- id: "-2",
2025
- name: "数组-Test2",
2026
- type: "Array",
2027
- defaultValue: JSON.stringify([
2028
- {
2029
- title: "标题一",
2030
- content: "列表正文,组件整体绑定 Array 类型数据后,可在此文本上绑定 item.文本。",
2031
- src: "https://p3-card-sign.byteimg.com/tos-cn-i-xdt3xczzd3/4418314581863347_1732602585813000796.jpg~tplv-xdt3xczzd3-image.image?rk3s=886be006&x-expires=1769328834&x-signature=vMMCc%2FwlDQ3VuKobNwY%2BTxDCyi8%3D"
2032
- },
2033
- {
2034
- title: "标题二",
2035
- content: "列表正文,组件整体绑定 Array 类型数据后,可在此文本上绑定 item.文本。",
2036
- src: "https://p3-card-sign.byteimg.com/tos-cn-i-xdt3xczzd3/4418314581863347_1732602595678562905.jpg~tplv-xdt3xczzd3-image.image?rk3s=886be006&x-expires=1769328834&x-signature=xKW6RP0HPDQOFsjKE6y7BhO78Lg%3D"
2037
- },
2038
- {
2039
- title: "标题三",
2040
- content: "列表正文,组件整体绑定 Array 类型数据后,可在此文本上绑定 item.文本。",
2041
- src: "https://p3-card-sign.byteimg.com/tos-cn-i-xdt3xczzd3/4418314581863347_1732602614071957770.jpg~tplv-xdt3xczzd3-image.image?rk3s=886be006&x-expires=1769328834&x-signature=UMKGwqp8s6qviF1gKDaRVjRRURw%3D"
2042
- }
2043
- ])
2044
- },
2045
- {
2046
- id: "-3",
2047
- name: "数组-Test3",
2048
- type: "Array",
2049
- defaultValue: JSON.stringify([
2050
- {
2051
- title: "标题一",
2052
- content: "列表正文,组件整体绑定 Array 类型数据。",
2053
- src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid0.png"
2054
- },
2055
- {
2056
- title: "标题二",
2057
- content: "列表正文,组件整体绑定 Array 类型数据。",
2058
- src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid1.png"
2059
- },
2060
- {
2061
- title: "标题三",
2062
- content: "列表正文,组件整体绑定 Array 类型数据。",
2063
- src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid2.png"
2064
- },
2065
- {
2066
- title: "标题一",
2067
- content: "列表正文,组件整体绑定 Array 类型数据。",
2068
- src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid0.png"
2069
- },
2070
- {
2071
- title: "标题二",
2072
- content: "列表正文,组件整体绑定 Array 类型数据。",
2073
- src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid1.png"
2074
- },
2075
- {
2076
- title: "标题三",
2077
- content: "列表正文,组件整体绑定 Array 类型数据。",
2078
- src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid2.png"
2079
- }
2080
- ])
2081
- }
2082
- ];
2083
- const listTemplate = [
2084
- {
2085
- "type": "multipleLine",
2086
- "label": "列表布局",
2087
- "icon": "",
2088
- "uuid": "pqrq4vuqf8wy5ldxdamf",
2089
- "columns": [
2090
- {
2091
- "list": [
2092
- {
2093
- "type": "multipleColumn",
2094
- "label": "多列布局",
2095
- "icon": "",
2096
- "uuid": "qasjc668n3fygjd039l8lb",
2097
- "columns": [
2098
- {
2099
- "list": [
2100
- {
2101
- "type": "picture",
2102
- "label": "图片",
2103
- "icon": "",
2104
- "uuid": "xu7yyvciezk408fp51ip0l",
2105
- "options": {
2106
- "defaultValue": "{数组-Test1#item.src}",
2107
- "style": {
2108
- "mode": "fixed",
2109
- "size": "custom",
2110
- "sizeOptions": [
2111
- {
2112
- "label": "small",
2113
- "value": 40
2114
- },
2115
- {
2116
- "label": "middle",
2117
- "value": 72
2118
- },
2119
- {
2120
- "label": "large",
2121
- "value": 200
2122
- }
2123
- ],
2124
- "width": 60,
2125
- "height": 60,
2126
- "cuttingMode": "cover",
2127
- "cuttingRatio": "1",
2128
- "ratioOptions": [
2129
- {
2130
- "label": "1:1",
2131
- "value": "1"
2132
- },
2133
- {
2134
- "label": "16:9",
2135
- "value": "2"
2136
- },
2137
- {
2138
- "label": "3:2",
2139
- "value": "3"
2140
- },
2141
- {
2142
- "label": "4:3",
2143
- "value": "4"
2144
- }
2145
- ],
2146
- "align": "left",
2147
- "borderRadius": 6,
2148
- "tbPadding": 2,
2149
- "lrPadding": 2
2150
- },
2151
- "clickEvent": false,
2152
- "clickEventConfig": {
2153
- "type": "url",
2154
- "value": "",
2155
- "typeOptions": [
2156
- {
2157
- "label": "打开 URL",
2158
- "value": "url"
2159
- },
2160
- {
2161
- "label": "查看原图",
2162
- "value": "view"
2163
- }
2164
- ]
2165
- }
2166
- }
2167
- }
2168
- ],
2169
- "flex": 1,
2170
- "type": "columns",
2171
- "uuid": "6cz7zcahwgstbm7fjrqz0s",
2172
- "options": {
2173
- "clickEvent": false,
2174
- "clickEventConfig": {
2175
- "type": "url",
2176
- "value": "",
2177
- "toolItem": null,
2178
- "tooltemParams": [],
2179
- "modalComponent": null
2180
- }
2181
- }
2182
- },
2183
- {
2184
- "list": [
2185
- {
2186
- "type": "title",
2187
- "label": "标题",
2188
- "icon": "",
2189
- "uuid": "ffyp630m4wqgi8et8ah0oh",
2190
- "options": {
2191
- "defaultValue": "{数组-Test1#item.title}",
2192
- "style": {
2193
- "colorMode": "static",
2194
- "size": 14,
2195
- "color": "#000000",
2196
- "align": "left",
2197
- "tbPadding": 2,
2198
- "lrPadding": 2
2199
- },
2200
- "hasLine": false,
2201
- "hasLineStyle": {
2202
- "background": "#0066ff",
2203
- "width": 5,
2204
- "height": 16,
2205
- "borderRadius": 1,
2206
- "marginRight": 6
2207
- },
2208
- "clickEvent": false,
2209
- "clickEventConfig": {
2210
- "type": "url",
2211
- "value": "",
2212
- "toolItem": null,
2213
- "tooltemParams": [],
2214
- "modalComponent": null
2215
- }
2216
- }
2217
- },
2218
- {
2219
- "type": "text",
2220
- "label": "文本",
2221
- "icon": "",
2222
- "uuid": "2ki5fa83q4h233q9hxanx",
2223
- "options": {
2224
- "defaultValue": "{数组-Test1#item.content}",
2225
- "style": {
2226
- "colorMode": "static",
2227
- "textSize": "12px",
2228
- "textColor": "#8c8c8c",
2229
- "textAlign": "left",
2230
- "underline": "auto",
2231
- "textIndent": 0,
2232
- "tbPadding": 2,
2233
- "lrPadding": 2
2234
- },
2235
- "hasLine": false,
2236
- "hasLineStyle": {
2237
- "background": "#0066ff",
2238
- "width": 4,
2239
- "height": 14,
2240
- "borderRadius": 1,
2241
- "marginRight": 6
2242
- },
2243
- "hasTitle": false,
2244
- "titleValue": "",
2245
- "clickEvent": false,
2246
- "clickEventConfig": {
2247
- "type": "url",
2248
- "value": "",
2249
- "toolItem": null,
2250
- "tooltemParams": [],
2251
- "modalComponent": null
2252
- }
2253
- }
2254
- }
2255
- ],
2256
- "flex": 12,
2257
- "type": "columns",
2258
- "uuid": "d1gjjqd2hxmin9e0a1eo4a",
2259
- "options": {
2260
- "clickEvent": false,
2261
- "clickEventConfig": {
2262
- "type": "url",
2263
- "value": "",
2264
- "toolItem": null,
2265
- "tooltemParams": [],
2266
- "modalComponent": null
2267
- }
2268
- }
2269
- }
2270
- ],
2271
- "options": {
2272
- "dataType": "固定格数",
2273
- "style": {
2274
- "background": "#ffffff",
2275
- "borderColor": "#ffffff",
2276
- "borderRadius": 6,
2277
- "tbPadding": 0,
2278
- "lrPadding": 0,
2279
- "alignItems": "start",
2280
- "lrGutter": 12,
2281
- "tbGutter": 12
2282
- }
2283
- },
2284
- "config": {}
2285
- }
2286
- ],
2287
- "flex": 1,
2288
- "type": "columns",
2289
- "uuid": "9gqnkkbpmxm2rfz8jk8cdc",
2290
- "options": {
2291
- "clickEvent": false,
2292
- "clickEventConfig": {
2293
- "type": "url",
2294
- "value": "",
2295
- "toolItem": null,
2296
- "tooltemParams": []
2297
- }
2298
- },
2299
- "index": 0
2300
- },
2301
- {
2302
- "list": [
2303
- {
2304
- "type": "multipleColumn",
2305
- "label": "多列布局",
2306
- "icon": "",
2307
- "uuid": "qasjc668n3fygjd039l8lb",
2308
- "columns": [
2309
- {
2310
- "list": [
2311
- {
2312
- "type": "picture",
2313
- "label": "图片",
2314
- "icon": "",
2315
- "uuid": "xu7yyvciezk408fp51ip0l",
2316
- "options": {
2317
- "defaultValue": "{数组-Test1#item.src}",
2318
- "style": {
2319
- "mode": "fixed",
2320
- "size": "custom",
2321
- "sizeOptions": [
2322
- {
2323
- "label": "small",
2324
- "value": 40
2325
- },
2326
- {
2327
- "label": "middle",
2328
- "value": 72
2329
- },
2330
- {
2331
- "label": "large",
2332
- "value": 200
2333
- }
2334
- ],
2335
- "width": 60,
2336
- "height": 60,
2337
- "cuttingMode": "cover",
2338
- "cuttingRatio": "1",
2339
- "ratioOptions": [
2340
- {
2341
- "label": "1:1",
2342
- "value": "1"
2343
- },
2344
- {
2345
- "label": "16:9",
2346
- "value": "2"
2347
- },
2348
- {
2349
- "label": "3:2",
2350
- "value": "3"
2351
- },
2352
- {
2353
- "label": "4:3",
2354
- "value": "4"
2355
- }
2356
- ],
2357
- "align": "left",
2358
- "borderRadius": 6,
2359
- "tbPadding": 2,
2360
- "lrPadding": 2
2361
- },
2362
- "clickEvent": false,
2363
- "clickEventConfig": {
2364
- "type": "url",
2365
- "value": "",
2366
- "typeOptions": [
2367
- {
2368
- "label": "打开 URL",
2369
- "value": "url"
2370
- },
2371
- {
2372
- "label": "查看原图",
2373
- "value": "view"
2374
- }
2375
- ]
2376
- }
2377
- }
2378
- }
2379
- ],
2380
- "flex": 1,
2381
- "type": "columns",
2382
- "uuid": "6cz7zcahwgstbm7fjrqz0s",
2383
- "options": {
2384
- "clickEvent": false,
2385
- "clickEventConfig": {
2386
- "type": "url",
2387
- "value": "",
2388
- "toolItem": null,
2389
- "tooltemParams": [],
2390
- "modalComponent": null
2391
- }
2392
- }
2393
- },
2394
- {
2395
- "list": [
2396
- {
2397
- "type": "title",
2398
- "label": "标题",
2399
- "icon": "",
2400
- "uuid": "ffyp630m4wqgi8et8ah0oh",
2401
- "options": {
2402
- "defaultValue": "{数组-Test1#item.title}",
2403
- "style": {
2404
- "colorMode": "static",
2405
- "size": 14,
2406
- "color": "#000000",
2407
- "align": "left",
2408
- "tbPadding": 2,
2409
- "lrPadding": 2
2410
- },
2411
- "hasLine": false,
2412
- "hasLineStyle": {
2413
- "background": "#0066ff",
2414
- "width": 5,
2415
- "height": 16,
2416
- "borderRadius": 1,
2417
- "marginRight": 6
2418
- },
2419
- "clickEvent": false,
2420
- "clickEventConfig": {
2421
- "type": "url",
2422
- "value": "",
2423
- "toolItem": null,
2424
- "tooltemParams": [],
2425
- "modalComponent": null
2426
- }
2427
- }
2428
- },
2429
- {
2430
- "type": "text",
2431
- "label": "文本",
2432
- "icon": "",
2433
- "uuid": "2ki5fa83q4h233q9hxanx",
2434
- "options": {
2435
- "defaultValue": "{数组-Test1#item.content}",
2436
- "style": {
2437
- "colorMode": "static",
2438
- "textSize": "12px",
2439
- "textColor": "#8c8c8c",
2440
- "textAlign": "left",
2441
- "underline": "auto",
2442
- "textIndent": 0,
2443
- "tbPadding": 2,
2444
- "lrPadding": 2
2445
- },
2446
- "hasLine": false,
2447
- "hasLineStyle": {
2448
- "background": "#0066ff",
2449
- "width": 4,
2450
- "height": 14,
2451
- "borderRadius": 1,
2452
- "marginRight": 6
2453
- },
2454
- "hasTitle": false,
2455
- "titleValue": "",
2456
- "clickEvent": false,
2457
- "clickEventConfig": {
2458
- "type": "url",
2459
- "value": "",
2460
- "toolItem": null,
2461
- "tooltemParams": [],
2462
- "modalComponent": null
2463
- }
2464
- }
2465
- }
2466
- ],
2467
- "flex": 12,
2468
- "type": "columns",
2469
- "uuid": "d1gjjqd2hxmin9e0a1eo4a",
2470
- "options": {
2471
- "clickEvent": false,
2472
- "clickEventConfig": {
2473
- "type": "url",
2474
- "value": "",
2475
- "toolItem": null,
2476
- "tooltemParams": [],
2477
- "modalComponent": null
2478
- }
2479
- }
2480
- }
2481
- ],
2482
- "options": {
2483
- "dataType": "固定格数",
2484
- "style": {
2485
- "background": "#ffffff",
2486
- "borderColor": "#ffffff",
2487
- "borderRadius": 6,
2488
- "tbPadding": 0,
2489
- "lrPadding": 0,
2490
- "alignItems": "start",
2491
- "lrGutter": 12,
2492
- "tbGutter": 12
2493
- }
2494
- },
2495
- "config": {}
2496
- }
2497
- ],
2498
- "flex": 1,
2499
- "type": "columns",
2500
- "uuid": "9gqnkkbpmxm2rfz8jk8cdc",
2501
- "options": {
2502
- "clickEvent": false,
2503
- "clickEventConfig": {
2504
- "type": "url",
2505
- "value": "",
2506
- "toolItem": null,
2507
- "tooltemParams": []
2508
- }
2509
- },
2510
- "index": 1
2511
- },
2512
- {
2513
- "list": [
2514
- {
2515
- "type": "multipleColumn",
2516
- "label": "多列布局",
2517
- "icon": "",
2518
- "uuid": "qasjc668n3fygjd039l8lb",
2519
- "columns": [
2520
- {
2521
- "list": [
2522
- {
2523
- "type": "picture",
2524
- "label": "图片",
2525
- "icon": "",
2526
- "uuid": "xu7yyvciezk408fp51ip0l",
2527
- "options": {
2528
- "defaultValue": "{数组-Test1#item.src}",
2529
- "style": {
2530
- "mode": "fixed",
2531
- "size": "custom",
2532
- "sizeOptions": [
2533
- {
2534
- "label": "small",
2535
- "value": 40
2536
- },
2537
- {
2538
- "label": "middle",
2539
- "value": 72
2540
- },
2541
- {
2542
- "label": "large",
2543
- "value": 200
2544
- }
2545
- ],
2546
- "width": 60,
2547
- "height": 60,
2548
- "cuttingMode": "cover",
2549
- "cuttingRatio": "1",
2550
- "ratioOptions": [
2551
- {
2552
- "label": "1:1",
2553
- "value": "1"
2554
- },
2555
- {
2556
- "label": "16:9",
2557
- "value": "2"
2558
- },
2559
- {
2560
- "label": "3:2",
2561
- "value": "3"
2562
- },
2563
- {
2564
- "label": "4:3",
2565
- "value": "4"
2566
- }
2567
- ],
2568
- "align": "left",
2569
- "borderRadius": 6,
2570
- "tbPadding": 2,
2571
- "lrPadding": 2
2572
- },
2573
- "clickEvent": false,
2574
- "clickEventConfig": {
2575
- "type": "url",
2576
- "value": "",
2577
- "typeOptions": [
2578
- {
2579
- "label": "打开 URL",
2580
- "value": "url"
2581
- },
2582
- {
2583
- "label": "查看原图",
2584
- "value": "view"
2585
- }
2586
- ]
2587
- }
2588
- }
2589
- }
2590
- ],
2591
- "flex": 1,
2592
- "type": "columns",
2593
- "uuid": "6cz7zcahwgstbm7fjrqz0s",
2594
- "options": {
2595
- "clickEvent": false,
2596
- "clickEventConfig": {
2597
- "type": "url",
2598
- "value": "",
2599
- "toolItem": null,
2600
- "tooltemParams": [],
2601
- "modalComponent": null
2602
- }
2603
- }
2604
- },
2605
- {
2606
- "list": [
2607
- {
2608
- "type": "title",
2609
- "label": "标题",
2610
- "icon": "",
2611
- "uuid": "ffyp630m4wqgi8et8ah0oh",
2612
- "options": {
2613
- "defaultValue": "{数组-Test1#item.title}",
2614
- "style": {
2615
- "colorMode": "static",
2616
- "size": 14,
2617
- "color": "#000000",
2618
- "align": "left",
2619
- "tbPadding": 2,
2620
- "lrPadding": 2
2621
- },
2622
- "hasLine": false,
2623
- "hasLineStyle": {
2624
- "background": "#0066ff",
2625
- "width": 5,
2626
- "height": 16,
2627
- "borderRadius": 1,
2628
- "marginRight": 6
2629
- },
2630
- "clickEvent": false,
2631
- "clickEventConfig": {
2632
- "type": "url",
2633
- "value": "",
2634
- "toolItem": null,
2635
- "tooltemParams": [],
2636
- "modalComponent": null
2637
- }
2638
- }
2639
- },
2640
- {
2641
- "type": "text",
2642
- "label": "文本",
2643
- "icon": "",
2644
- "uuid": "2ki5fa83q4h233q9hxanx",
2645
- "options": {
2646
- "defaultValue": "{数组-Test1#item.content}",
2647
- "style": {
2648
- "colorMode": "static",
2649
- "textSize": "12px",
2650
- "textColor": "#8c8c8c",
2651
- "textAlign": "left",
2652
- "underline": "auto",
2653
- "textIndent": 0,
2654
- "tbPadding": 2,
2655
- "lrPadding": 2
2656
- },
2657
- "hasLine": false,
2658
- "hasLineStyle": {
2659
- "background": "#0066ff",
2660
- "width": 4,
2661
- "height": 14,
2662
- "borderRadius": 1,
2663
- "marginRight": 6
2664
- },
2665
- "hasTitle": false,
2666
- "titleValue": "",
2667
- "clickEvent": false,
2668
- "clickEventConfig": {
2669
- "type": "url",
2670
- "value": "",
2671
- "toolItem": null,
2672
- "tooltemParams": [],
2673
- "modalComponent": null
2674
- }
2675
- }
2676
- }
2677
- ],
2678
- "flex": 12,
2679
- "type": "columns",
2680
- "uuid": "d1gjjqd2hxmin9e0a1eo4a",
2681
- "options": {
2682
- "clickEvent": false,
2683
- "clickEventConfig": {
2684
- "type": "url",
2685
- "value": "",
2686
- "toolItem": null,
2687
- "tooltemParams": [],
2688
- "modalComponent": null
2689
- }
2690
- }
2691
- }
2692
- ],
2693
- "options": {
2694
- "dataType": "固定格数",
2695
- "style": {
2696
- "background": "#ffffff",
2697
- "borderColor": "#ffffff",
2698
- "borderRadius": 6,
2699
- "tbPadding": 0,
2700
- "lrPadding": 0,
2701
- "alignItems": "start",
2702
- "lrGutter": 12,
2703
- "tbGutter": 12
2704
- }
2705
- },
2706
- "config": {}
2707
- }
2708
- ],
2709
- "flex": 1,
2710
- "type": "columns",
2711
- "uuid": "9gqnkkbpmxm2rfz8jk8cdc",
2712
- "options": {
2713
- "clickEvent": false,
2714
- "clickEventConfig": {
2715
- "type": "url",
2716
- "value": "",
2717
- "toolItem": null,
2718
- "tooltemParams": []
2719
- }
2720
- },
2721
- "index": 2
2722
- }
2723
- ],
2724
- "options": {
2725
- "dataType": "动态格数",
2726
- "style": {
2727
- "background": "#ffffff",
2728
- "borderColor": "#ffffff",
2729
- "borderRadius": 6,
2730
- "tbPadding": 0,
2731
- "lrPadding": 0,
2732
- "alignItems": "start",
2733
- "lrGutter": 12,
2734
- "tbGutter": 12
2735
- },
2736
- "variableName": "数组-Test1"
2737
- },
2738
- "config": {}
2739
- }
2740
- ];
2741
- const cardTemplate = [
2742
- {
2743
- "type": "multipleColumn",
2744
- "label": "多列布局",
2745
- "icon": "",
2746
- "uuid": "39pkb2fldtmk18i55v4o3e",
2747
- "columns": [
2748
- {
2749
- "list": [
2750
- {
2751
- "type": "picture",
2752
- "label": "图片",
2753
- "icon": "",
2754
- "uuid": "rpb9cnq82d4hfwehx4sid",
2755
- "options": {
2756
- "defaultValue": "{数组-Test2#item.src}",
2757
- "style": {
2758
- "mode": "auto",
2759
- "size": "middle",
2760
- "sizeOptions": [
2761
- {
2762
- "label": "small",
2763
- "value": 40
2764
- },
2765
- {
2766
- "label": "middle",
2767
- "value": 72
2768
- },
2769
- {
2770
- "label": "large",
2771
- "value": 200
2772
- }
2773
- ],
2774
- "width": 72,
2775
- "height": 72,
2776
- "cuttingMode": "cover",
2777
- "cuttingRatio": "1",
2778
- "ratioOptions": [
2779
- {
2780
- "label": "1:1",
2781
- "value": "1"
2782
- },
2783
- {
2784
- "label": "16:9",
2785
- "value": "2"
2786
- },
2787
- {
2788
- "label": "3:2",
2789
- "value": "3"
2790
- },
2791
- {
2792
- "label": "4:3",
2793
- "value": "4"
2794
- }
2795
- ],
2796
- "align": "left",
2797
- "borderRadius": 6,
2798
- "tbPadding": 2,
2799
- "lrPadding": 2
2800
- },
2801
- "clickEvent": false,
2802
- "clickEventConfig": {
2803
- "type": "url",
2804
- "value": "",
2805
- "typeOptions": [
2806
- {
2807
- "label": "打开 URL",
2808
- "value": "url"
2809
- },
2810
- {
2811
- "label": "查看原图",
2812
- "value": "view"
2813
- }
2814
- ]
2815
- }
2816
- }
2817
- },
2818
- {
2819
- "type": "title",
2820
- "label": "标题",
2821
- "icon": "",
2822
- "uuid": "66fh4c0q6yxrlyihh4tpl",
2823
- "options": {
2824
- "defaultValue": "{数组-Test2#item.title}",
2825
- "style": {
2826
- "colorMode": "static",
2827
- "size": 14,
2828
- "color": "#000000",
2829
- "align": "left",
2830
- "tbPadding": 2,
2831
- "lrPadding": 2
2832
- },
2833
- "hasLine": false,
2834
- "hasLineStyle": {
2835
- "background": "#0066ff",
2836
- "width": 5,
2837
- "height": 16,
2838
- "borderRadius": 1,
2839
- "marginRight": 6
2840
- },
2841
- "clickEvent": false,
2842
- "clickEventConfig": {
2843
- "type": "url",
2844
- "value": "",
2845
- "toolItem": null,
2846
- "tooltemParams": [],
2847
- "modalComponent": null
2848
- }
2849
- }
2850
- },
2851
- {
2852
- "type": "text",
2853
- "label": "文本",
2854
- "icon": "",
2855
- "uuid": "02hif6o3xwjc7dn6vy3sz4n",
2856
- "options": {
2857
- "defaultValue": "{数组-Test2#item.content}",
2858
- "style": {
2859
- "colorMode": "static",
2860
- "textSize": "12px",
2861
- "textColor": "#8c8c8c",
2862
- "textAlign": "left",
2863
- "underline": "auto",
2864
- "textIndent": 0,
2865
- "tbPadding": 2,
2866
- "lrPadding": 2
2867
- },
2868
- "hasLine": false,
2869
- "hasLineStyle": {
2870
- "background": "#0066ff",
2871
- "width": 4,
2872
- "height": 14,
2873
- "borderRadius": 1,
2874
- "marginRight": 6
2875
- },
2876
- "hasTitle": false,
2877
- "titleValue": "",
2878
- "clickEvent": false,
2879
- "clickEventConfig": {
2880
- "type": "url",
2881
- "value": "",
2882
- "toolItem": null,
2883
- "tooltemParams": [],
2884
- "modalComponent": null
2885
- }
2886
- }
2887
- }
2888
- ],
2889
- "flex": 1,
2890
- "type": "columns",
2891
- "uuid": "rwdc9b41xkrf4i854tn2e",
2892
- "options": {
2893
- "clickEvent": false,
2894
- "clickEventConfig": {
2895
- "type": "url",
2896
- "value": "",
2897
- "toolItem": null,
2898
- "tooltemParams": []
2899
- }
2900
- },
2901
- "index": 0
2902
- },
2903
- {
2904
- "list": [
2905
- {
2906
- "type": "picture",
2907
- "label": "图片",
2908
- "icon": "",
2909
- "uuid": "rpb9cnq82d4hfwehx4sid",
2910
- "options": {
2911
- "defaultValue": "{数组-Test2#item.src}",
2912
- "style": {
2913
- "mode": "auto",
2914
- "size": "middle",
2915
- "sizeOptions": [
2916
- {
2917
- "label": "small",
2918
- "value": 40
2919
- },
2920
- {
2921
- "label": "middle",
2922
- "value": 72
2923
- },
2924
- {
2925
- "label": "large",
2926
- "value": 200
2927
- }
2928
- ],
2929
- "width": 72,
2930
- "height": 72,
2931
- "cuttingMode": "cover",
2932
- "cuttingRatio": "1",
2933
- "ratioOptions": [
2934
- {
2935
- "label": "1:1",
2936
- "value": "1"
2937
- },
2938
- {
2939
- "label": "16:9",
2940
- "value": "2"
2941
- },
2942
- {
2943
- "label": "3:2",
2944
- "value": "3"
2945
- },
2946
- {
2947
- "label": "4:3",
2948
- "value": "4"
2949
- }
2950
- ],
2951
- "align": "left",
2952
- "borderRadius": 6,
2953
- "tbPadding": 2,
2954
- "lrPadding": 2
2955
- },
2956
- "clickEvent": false,
2957
- "clickEventConfig": {
2958
- "type": "url",
2959
- "value": "",
2960
- "typeOptions": [
2961
- {
2962
- "label": "打开 URL",
2963
- "value": "url"
2964
- },
2965
- {
2966
- "label": "查看原图",
2967
- "value": "view"
2968
- }
2969
- ]
2970
- }
2971
- }
2972
- },
2973
- {
2974
- "type": "title",
2975
- "label": "标题",
2976
- "icon": "",
2977
- "uuid": "66fh4c0q6yxrlyihh4tpl",
2978
- "options": {
2979
- "defaultValue": "{数组-Test2#item.title}",
2980
- "style": {
2981
- "colorMode": "static",
2982
- "size": 14,
2983
- "color": "#000000",
2984
- "align": "left",
2985
- "tbPadding": 2,
2986
- "lrPadding": 2
2987
- },
2988
- "hasLine": false,
2989
- "hasLineStyle": {
2990
- "background": "#0066ff",
2991
- "width": 5,
2992
- "height": 16,
2993
- "borderRadius": 1,
2994
- "marginRight": 6
2995
- },
2996
- "clickEvent": false,
2997
- "clickEventConfig": {
2998
- "type": "url",
2999
- "value": "",
3000
- "toolItem": null,
3001
- "tooltemParams": [],
3002
- "modalComponent": null
3003
- }
3004
- }
3005
- },
3006
- {
3007
- "type": "text",
3008
- "label": "文本",
3009
- "icon": "",
3010
- "uuid": "02hif6o3xwjc7dn6vy3sz4n",
3011
- "options": {
3012
- "defaultValue": "{数组-Test2#item.content}",
3013
- "style": {
3014
- "colorMode": "static",
3015
- "textSize": "12px",
3016
- "textColor": "#8c8c8c",
3017
- "textAlign": "left",
3018
- "underline": "auto",
3019
- "textIndent": 0,
3020
- "tbPadding": 2,
3021
- "lrPadding": 2
3022
- },
3023
- "hasLine": false,
3024
- "hasLineStyle": {
3025
- "background": "#0066ff",
3026
- "width": 4,
3027
- "height": 14,
3028
- "borderRadius": 1,
3029
- "marginRight": 6
3030
- },
3031
- "hasTitle": false,
3032
- "titleValue": "",
3033
- "clickEvent": false,
3034
- "clickEventConfig": {
3035
- "type": "url",
3036
- "value": "",
3037
- "toolItem": null,
3038
- "tooltemParams": [],
3039
- "modalComponent": null
3040
- }
3041
- }
3042
- }
3043
- ],
3044
- "flex": 1,
3045
- "type": "columns",
3046
- "uuid": "rwdc9b41xkrf4i854tn2e",
3047
- "options": {
3048
- "clickEvent": false,
3049
- "clickEventConfig": {
3050
- "type": "url",
3051
- "value": "",
3052
- "toolItem": null,
3053
- "tooltemParams": []
3054
- }
3055
- },
3056
- "index": 1
3057
- },
3058
- {
3059
- "list": [
3060
- {
3061
- "type": "picture",
3062
- "label": "图片",
3063
- "icon": "",
3064
- "uuid": "rpb9cnq82d4hfwehx4sid",
3065
- "options": {
3066
- "defaultValue": "{数组-Test2#item.src}",
3067
- "style": {
3068
- "mode": "auto",
3069
- "size": "middle",
3070
- "sizeOptions": [
3071
- {
3072
- "label": "small",
3073
- "value": 40
3074
- },
3075
- {
3076
- "label": "middle",
3077
- "value": 72
3078
- },
3079
- {
3080
- "label": "large",
3081
- "value": 200
3082
- }
3083
- ],
3084
- "width": 72,
3085
- "height": 72,
3086
- "cuttingMode": "cover",
3087
- "cuttingRatio": "1",
3088
- "ratioOptions": [
3089
- {
3090
- "label": "1:1",
3091
- "value": "1"
3092
- },
3093
- {
3094
- "label": "16:9",
3095
- "value": "2"
3096
- },
3097
- {
3098
- "label": "3:2",
3099
- "value": "3"
3100
- },
3101
- {
3102
- "label": "4:3",
3103
- "value": "4"
3104
- }
3105
- ],
3106
- "align": "left",
3107
- "borderRadius": 6,
3108
- "tbPadding": 2,
3109
- "lrPadding": 2
3110
- },
3111
- "clickEvent": false,
3112
- "clickEventConfig": {
3113
- "type": "url",
3114
- "value": "",
3115
- "typeOptions": [
3116
- {
3117
- "label": "打开 URL",
3118
- "value": "url"
3119
- },
3120
- {
3121
- "label": "查看原图",
3122
- "value": "view"
3123
- }
3124
- ]
3125
- }
3126
- }
3127
- },
3128
- {
3129
- "type": "title",
3130
- "label": "标题",
3131
- "icon": "",
3132
- "uuid": "66fh4c0q6yxrlyihh4tpl",
3133
- "options": {
3134
- "defaultValue": "{数组-Test2#item.title}",
3135
- "style": {
3136
- "colorMode": "static",
3137
- "size": 14,
3138
- "color": "#000000",
3139
- "align": "left",
3140
- "tbPadding": 2,
3141
- "lrPadding": 2
3142
- },
3143
- "hasLine": false,
3144
- "hasLineStyle": {
3145
- "background": "#0066ff",
3146
- "width": 5,
3147
- "height": 16,
3148
- "borderRadius": 1,
3149
- "marginRight": 6
3150
- },
3151
- "clickEvent": false,
3152
- "clickEventConfig": {
3153
- "type": "url",
3154
- "value": "",
3155
- "toolItem": null,
3156
- "tooltemParams": [],
3157
- "modalComponent": null
3158
- }
3159
- }
3160
- },
3161
- {
3162
- "type": "text",
3163
- "label": "文本",
3164
- "icon": "",
3165
- "uuid": "02hif6o3xwjc7dn6vy3sz4n",
3166
- "options": {
3167
- "defaultValue": "{数组-Test2#item.content}",
3168
- "style": {
3169
- "colorMode": "static",
3170
- "textSize": "12px",
3171
- "textColor": "#8c8c8c",
3172
- "textAlign": "left",
3173
- "underline": "auto",
3174
- "textIndent": 0,
3175
- "tbPadding": 2,
3176
- "lrPadding": 2
3177
- },
3178
- "hasLine": false,
3179
- "hasLineStyle": {
3180
- "background": "#0066ff",
3181
- "width": 4,
3182
- "height": 14,
3183
- "borderRadius": 1,
3184
- "marginRight": 6
3185
- },
3186
- "hasTitle": false,
3187
- "titleValue": "",
3188
- "clickEvent": false,
3189
- "clickEventConfig": {
3190
- "type": "url",
3191
- "value": "",
3192
- "toolItem": null,
3193
- "tooltemParams": [],
3194
- "modalComponent": null
3195
- }
3196
- }
3197
- }
3198
- ],
3199
- "flex": 1,
3200
- "type": "columns",
3201
- "uuid": "rwdc9b41xkrf4i854tn2e",
3202
- "options": {
3203
- "clickEvent": false,
3204
- "clickEventConfig": {
3205
- "type": "url",
3206
- "value": "",
3207
- "toolItem": null,
3208
- "tooltemParams": []
3209
- }
3210
- },
3211
- "index": 2
3212
- }
3213
- ],
3214
- "options": {
3215
- "dataType": "动态格数",
3216
- "style": {
3217
- "background": "#ffffff",
3218
- "borderColor": "#ffffff",
3219
- "borderRadius": 6,
3220
- "tbPadding": 0,
3221
- "lrPadding": 0,
3222
- "alignItems": "start",
3223
- "lrGutter": 12,
3224
- "tbGutter": 12
3225
- },
3226
- "variableName": "数组-Test2"
3227
- },
3228
- "config": {}
3229
- },
3230
- {
3231
- "type": "gridList",
3232
- "label": "宫格布局",
3233
- "icon": "",
3234
- "uuid": "cw7tkd7z9hlpnw4raxm5gh",
3235
- "columns": [
3236
- {
3237
- "list": [
3238
- {
3239
- "type": "picture",
3240
- "label": "图片",
3241
- "icon": "",
3242
- "uuid": "louqe587zebfd30l9qez",
3243
- "options": {
3244
- "defaultValue": "{数组-Test3#item.src}",
3245
- "style": {
3246
- "mode": "auto",
3247
- "size": "middle",
3248
- "sizeOptions": [
3249
- {
3250
- "label": "small",
3251
- "value": 40
3252
- },
3253
- {
3254
- "label": "middle",
3255
- "value": 72
3256
- },
3257
- {
3258
- "label": "large",
3259
- "value": 200
3260
- }
3261
- ],
3262
- "width": 72,
3263
- "height": 72,
3264
- "cuttingMode": "cover",
3265
- "cuttingRatio": "1",
3266
- "ratioOptions": [
3267
- {
3268
- "label": "1:1",
3269
- "value": "1"
3270
- },
3271
- {
3272
- "label": "16:9",
3273
- "value": "2"
3274
- },
3275
- {
3276
- "label": "3:2",
3277
- "value": "3"
3278
- },
3279
- {
3280
- "label": "4:3",
3281
- "value": "4"
3282
- }
3283
- ],
3284
- "align": "left",
3285
- "borderRadius": 6,
3286
- "tbPadding": 2,
3287
- "lrPadding": 2
3288
- },
3289
- "clickEvent": false,
3290
- "clickEventConfig": {
3291
- "type": "url",
3292
- "value": "",
3293
- "typeOptions": [
3294
- {
3295
- "label": "打开 URL",
3296
- "value": "url"
3297
- },
3298
- {
3299
- "label": "查看原图",
3300
- "value": "view"
3301
- }
3302
- ]
3303
- }
3304
- }
3305
- },
3306
- {
3307
- "type": "title",
3308
- "label": "标题",
3309
- "icon": "",
3310
- "uuid": "uubqt37jv5zzm5xhtxru",
3311
- "options": {
3312
- "defaultValue": "{数组-Test3#item.title}",
3313
- "style": {
3314
- "colorMode": "static",
3315
- "size": 14,
3316
- "color": "#000000",
3317
- "align": "left",
3318
- "tbPadding": 2,
3319
- "lrPadding": 2
3320
- },
3321
- "hasLine": false,
3322
- "hasLineStyle": {
3323
- "background": "#0066ff",
3324
- "width": 5,
3325
- "height": 16,
3326
- "borderRadius": 1,
3327
- "marginRight": 6
3328
- },
3329
- "clickEvent": false,
3330
- "clickEventConfig": {
3331
- "type": "url",
3332
- "value": "",
3333
- "toolItem": null,
3334
- "tooltemParams": [],
3335
- "modalComponent": null
3336
- }
3337
- }
3338
- },
3339
- {
3340
- "type": "text",
3341
- "label": "文本",
3342
- "icon": "",
3343
- "uuid": "tk3w12buvu7s6vuv5q1tc",
3344
- "options": {
3345
- "defaultValue": "{数组-Test3#item.content}",
3346
- "style": {
3347
- "colorMode": "static",
3348
- "textSize": "12px",
3349
- "textColor": "#8c8c8c",
3350
- "textAlign": "left",
3351
- "underline": "auto",
3352
- "textIndent": 0,
3353
- "tbPadding": 2,
3354
- "lrPadding": 2
3355
- },
3356
- "hasLine": false,
3357
- "hasLineStyle": {
3358
- "background": "#0066ff",
3359
- "width": 4,
3360
- "height": 14,
3361
- "borderRadius": 1,
3362
- "marginRight": 6
3363
- },
3364
- "hasTitle": false,
3365
- "titleValue": "",
3366
- "clickEvent": false,
3367
- "clickEventConfig": {
3368
- "type": "url",
3369
- "value": "",
3370
- "toolItem": null,
3371
- "tooltemParams": [],
3372
- "modalComponent": null
3373
- }
3374
- }
3375
- }
3376
- ],
3377
- "flex": 1,
3378
- "type": "columns",
3379
- "uuid": "8y81tsj321jclesy1u2a14",
3380
- "options": {
3381
- "clickEvent": false,
3382
- "clickEventConfig": {
3383
- "type": "url",
3384
- "value": "",
3385
- "toolItem": null,
3386
- "tooltemParams": []
3387
- }
3388
- },
3389
- "index": 0
3390
- },
3391
- {
3392
- "list": [
3393
- {
3394
- "type": "picture",
3395
- "label": "图片",
3396
- "icon": "",
3397
- "uuid": "louqe587zebfd30l9qez",
3398
- "options": {
3399
- "defaultValue": "{数组-Test3#item.src}",
3400
- "style": {
3401
- "mode": "auto",
3402
- "size": "middle",
3403
- "sizeOptions": [
3404
- {
3405
- "label": "small",
3406
- "value": 40
3407
- },
3408
- {
3409
- "label": "middle",
3410
- "value": 72
3411
- },
3412
- {
3413
- "label": "large",
3414
- "value": 200
3415
- }
3416
- ],
3417
- "width": 72,
3418
- "height": 72,
3419
- "cuttingMode": "cover",
3420
- "cuttingRatio": "1",
3421
- "ratioOptions": [
3422
- {
3423
- "label": "1:1",
3424
- "value": "1"
3425
- },
3426
- {
3427
- "label": "16:9",
3428
- "value": "2"
3429
- },
3430
- {
3431
- "label": "3:2",
3432
- "value": "3"
3433
- },
3434
- {
3435
- "label": "4:3",
3436
- "value": "4"
3437
- }
3438
- ],
3439
- "align": "left",
3440
- "borderRadius": 6,
3441
- "tbPadding": 2,
3442
- "lrPadding": 2
3443
- },
3444
- "clickEvent": false,
3445
- "clickEventConfig": {
3446
- "type": "url",
3447
- "value": "",
3448
- "typeOptions": [
3449
- {
3450
- "label": "打开 URL",
3451
- "value": "url"
3452
- },
3453
- {
3454
- "label": "查看原图",
3455
- "value": "view"
3456
- }
3457
- ]
3458
- }
3459
- }
3460
- },
3461
- {
3462
- "type": "title",
3463
- "label": "标题",
3464
- "icon": "",
3465
- "uuid": "uubqt37jv5zzm5xhtxru",
3466
- "options": {
3467
- "defaultValue": "{数组-Test3#item.title}",
3468
- "style": {
3469
- "colorMode": "static",
3470
- "size": 14,
3471
- "color": "#000000",
3472
- "align": "left",
3473
- "tbPadding": 2,
3474
- "lrPadding": 2
3475
- },
3476
- "hasLine": false,
3477
- "hasLineStyle": {
3478
- "background": "#0066ff",
3479
- "width": 5,
3480
- "height": 16,
3481
- "borderRadius": 1,
3482
- "marginRight": 6
3483
- },
3484
- "clickEvent": false,
3485
- "clickEventConfig": {
3486
- "type": "url",
3487
- "value": "",
3488
- "toolItem": null,
3489
- "tooltemParams": [],
3490
- "modalComponent": null
3491
- }
3492
- }
3493
- },
3494
- {
3495
- "type": "text",
3496
- "label": "文本",
3497
- "icon": "",
3498
- "uuid": "tk3w12buvu7s6vuv5q1tc",
3499
- "options": {
3500
- "defaultValue": "{数组-Test3#item.content}",
3501
- "style": {
3502
- "colorMode": "static",
3503
- "textSize": "12px",
3504
- "textColor": "#8c8c8c",
3505
- "textAlign": "left",
3506
- "underline": "auto",
3507
- "textIndent": 0,
3508
- "tbPadding": 2,
3509
- "lrPadding": 2
3510
- },
3511
- "hasLine": false,
3512
- "hasLineStyle": {
3513
- "background": "#0066ff",
3514
- "width": 4,
3515
- "height": 14,
3516
- "borderRadius": 1,
3517
- "marginRight": 6
3518
- },
3519
- "hasTitle": false,
3520
- "titleValue": "",
3521
- "clickEvent": false,
3522
- "clickEventConfig": {
3523
- "type": "url",
3524
- "value": "",
3525
- "toolItem": null,
3526
- "tooltemParams": [],
3527
- "modalComponent": null
3528
- }
3529
- }
3530
- }
3531
- ],
3532
- "flex": 1,
3533
- "type": "columns",
3534
- "uuid": "8y81tsj321jclesy1u2a14",
3535
- "options": {
3536
- "clickEvent": false,
3537
- "clickEventConfig": {
3538
- "type": "url",
3539
- "value": "",
3540
- "toolItem": null,
3541
- "tooltemParams": []
3542
- }
3543
- },
3544
- "index": 1
3545
- },
3546
- {
3547
- "list": [
3548
- {
3549
- "type": "picture",
3550
- "label": "图片",
3551
- "icon": "",
3552
- "uuid": "louqe587zebfd30l9qez",
3553
- "options": {
3554
- "defaultValue": "{数组-Test3#item.src}",
3555
- "style": {
3556
- "mode": "auto",
3557
- "size": "middle",
3558
- "sizeOptions": [
3559
- {
3560
- "label": "small",
3561
- "value": 40
3562
- },
3563
- {
3564
- "label": "middle",
3565
- "value": 72
3566
- },
3567
- {
3568
- "label": "large",
3569
- "value": 200
3570
- }
3571
- ],
3572
- "width": 72,
3573
- "height": 72,
3574
- "cuttingMode": "cover",
3575
- "cuttingRatio": "1",
3576
- "ratioOptions": [
3577
- {
3578
- "label": "1:1",
3579
- "value": "1"
3580
- },
3581
- {
3582
- "label": "16:9",
3583
- "value": "2"
3584
- },
3585
- {
3586
- "label": "3:2",
3587
- "value": "3"
3588
- },
3589
- {
3590
- "label": "4:3",
3591
- "value": "4"
3592
- }
3593
- ],
3594
- "align": "left",
3595
- "borderRadius": 6,
3596
- "tbPadding": 2,
3597
- "lrPadding": 2
3598
- },
3599
- "clickEvent": false,
3600
- "clickEventConfig": {
3601
- "type": "url",
3602
- "value": "",
3603
- "typeOptions": [
3604
- {
3605
- "label": "打开 URL",
3606
- "value": "url"
3607
- },
3608
- {
3609
- "label": "查看原图",
3610
- "value": "view"
3611
- }
3612
- ]
3613
- }
3614
- }
3615
- },
3616
- {
3617
- "type": "title",
3618
- "label": "标题",
3619
- "icon": "",
3620
- "uuid": "uubqt37jv5zzm5xhtxru",
3621
- "options": {
3622
- "defaultValue": "{数组-Test3#item.title}",
3623
- "style": {
3624
- "colorMode": "static",
3625
- "size": 14,
3626
- "color": "#000000",
3627
- "align": "left",
3628
- "tbPadding": 2,
3629
- "lrPadding": 2
3630
- },
3631
- "hasLine": false,
3632
- "hasLineStyle": {
3633
- "background": "#0066ff",
3634
- "width": 5,
3635
- "height": 16,
3636
- "borderRadius": 1,
3637
- "marginRight": 6
3638
- },
3639
- "clickEvent": false,
3640
- "clickEventConfig": {
3641
- "type": "url",
3642
- "value": "",
3643
- "toolItem": null,
3644
- "tooltemParams": [],
3645
- "modalComponent": null
3646
- }
3647
- }
3648
- },
3649
- {
3650
- "type": "text",
3651
- "label": "文本",
3652
- "icon": "",
3653
- "uuid": "tk3w12buvu7s6vuv5q1tc",
3654
- "options": {
3655
- "defaultValue": "{数组-Test3#item.content}",
3656
- "style": {
3657
- "colorMode": "static",
3658
- "textSize": "12px",
3659
- "textColor": "#8c8c8c",
3660
- "textAlign": "left",
3661
- "underline": "auto",
3662
- "textIndent": 0,
3663
- "tbPadding": 2,
3664
- "lrPadding": 2
3665
- },
3666
- "hasLine": false,
3667
- "hasLineStyle": {
3668
- "background": "#0066ff",
3669
- "width": 4,
3670
- "height": 14,
3671
- "borderRadius": 1,
3672
- "marginRight": 6
3673
- },
3674
- "hasTitle": false,
3675
- "titleValue": "",
3676
- "clickEvent": false,
3677
- "clickEventConfig": {
3678
- "type": "url",
3679
- "value": "",
3680
- "toolItem": null,
3681
- "tooltemParams": [],
3682
- "modalComponent": null
3683
- }
3684
- }
3685
- }
3686
- ],
3687
- "flex": 1,
3688
- "type": "columns",
3689
- "uuid": "8y81tsj321jclesy1u2a14",
3690
- "options": {
3691
- "clickEvent": false,
3692
- "clickEventConfig": {
3693
- "type": "url",
3694
- "value": "",
3695
- "toolItem": null,
3696
- "tooltemParams": []
3697
- }
3698
- },
3699
- "index": 2
3700
- },
3701
- {
3702
- "list": [
3703
- {
3704
- "type": "picture",
3705
- "label": "图片",
3706
- "icon": "",
3707
- "uuid": "louqe587zebfd30l9qez",
3708
- "options": {
3709
- "defaultValue": "{数组-Test3#item.src}",
3710
- "style": {
3711
- "mode": "auto",
3712
- "size": "middle",
3713
- "sizeOptions": [
3714
- {
3715
- "label": "small",
3716
- "value": 40
3717
- },
3718
- {
3719
- "label": "middle",
3720
- "value": 72
3721
- },
3722
- {
3723
- "label": "large",
3724
- "value": 200
3725
- }
3726
- ],
3727
- "width": 72,
3728
- "height": 72,
3729
- "cuttingMode": "cover",
3730
- "cuttingRatio": "1",
3731
- "ratioOptions": [
3732
- {
3733
- "label": "1:1",
3734
- "value": "1"
3735
- },
3736
- {
3737
- "label": "16:9",
3738
- "value": "2"
3739
- },
3740
- {
3741
- "label": "3:2",
3742
- "value": "3"
3743
- },
3744
- {
3745
- "label": "4:3",
3746
- "value": "4"
3747
- }
3748
- ],
3749
- "align": "left",
3750
- "borderRadius": 6,
3751
- "tbPadding": 2,
3752
- "lrPadding": 2
3753
- },
3754
- "clickEvent": false,
3755
- "clickEventConfig": {
3756
- "type": "url",
3757
- "value": "",
3758
- "typeOptions": [
3759
- {
3760
- "label": "打开 URL",
3761
- "value": "url"
3762
- },
3763
- {
3764
- "label": "查看原图",
3765
- "value": "view"
3766
- }
3767
- ]
3768
- }
3769
- }
3770
- },
3771
- {
3772
- "type": "title",
3773
- "label": "标题",
3774
- "icon": "",
3775
- "uuid": "uubqt37jv5zzm5xhtxru",
3776
- "options": {
3777
- "defaultValue": "{数组-Test3#item.title}",
3778
- "style": {
3779
- "colorMode": "static",
3780
- "size": 14,
3781
- "color": "#000000",
3782
- "align": "left",
3783
- "tbPadding": 2,
3784
- "lrPadding": 2
3785
- },
3786
- "hasLine": false,
3787
- "hasLineStyle": {
3788
- "background": "#0066ff",
3789
- "width": 5,
3790
- "height": 16,
3791
- "borderRadius": 1,
3792
- "marginRight": 6
3793
- },
3794
- "clickEvent": false,
3795
- "clickEventConfig": {
3796
- "type": "url",
3797
- "value": "",
3798
- "toolItem": null,
3799
- "tooltemParams": [],
3800
- "modalComponent": null
3801
- }
3802
- }
3803
- },
3804
- {
3805
- "type": "text",
3806
- "label": "文本",
3807
- "icon": "",
3808
- "uuid": "tk3w12buvu7s6vuv5q1tc",
3809
- "options": {
3810
- "defaultValue": "{数组-Test3#item.content}",
3811
- "style": {
3812
- "colorMode": "static",
3813
- "textSize": "12px",
3814
- "textColor": "#8c8c8c",
3815
- "textAlign": "left",
3816
- "underline": "auto",
3817
- "textIndent": 0,
3818
- "tbPadding": 2,
3819
- "lrPadding": 2
3820
- },
3821
- "hasLine": false,
3822
- "hasLineStyle": {
3823
- "background": "#0066ff",
3824
- "width": 4,
3825
- "height": 14,
3826
- "borderRadius": 1,
3827
- "marginRight": 6
3828
- },
3829
- "hasTitle": false,
3830
- "titleValue": "",
3831
- "clickEvent": false,
3832
- "clickEventConfig": {
3833
- "type": "url",
3834
- "value": "",
3835
- "toolItem": null,
3836
- "tooltemParams": [],
3837
- "modalComponent": null
3838
- }
3839
- }
3840
- }
3841
- ],
3842
- "flex": 1,
3843
- "type": "columns",
3844
- "uuid": "8y81tsj321jclesy1u2a14",
3845
- "options": {
3846
- "clickEvent": false,
3847
- "clickEventConfig": {
3848
- "type": "url",
3849
- "value": "",
3850
- "toolItem": null,
3851
- "tooltemParams": []
3852
- }
3853
- },
3854
- "index": 3
3855
- },
3856
- {
3857
- "list": [
3858
- {
3859
- "type": "picture",
3860
- "label": "图片",
3861
- "icon": "",
3862
- "uuid": "louqe587zebfd30l9qez",
3863
- "options": {
3864
- "defaultValue": "{数组-Test3#item.src}",
3865
- "style": {
3866
- "mode": "auto",
3867
- "size": "middle",
3868
- "sizeOptions": [
3869
- {
3870
- "label": "small",
3871
- "value": 40
3872
- },
3873
- {
3874
- "label": "middle",
3875
- "value": 72
3876
- },
3877
- {
3878
- "label": "large",
3879
- "value": 200
3880
- }
3881
- ],
3882
- "width": 72,
3883
- "height": 72,
3884
- "cuttingMode": "cover",
3885
- "cuttingRatio": "1",
3886
- "ratioOptions": [
3887
- {
3888
- "label": "1:1",
3889
- "value": "1"
3890
- },
3891
- {
3892
- "label": "16:9",
3893
- "value": "2"
3894
- },
3895
- {
3896
- "label": "3:2",
3897
- "value": "3"
3898
- },
3899
- {
3900
- "label": "4:3",
3901
- "value": "4"
3902
- }
3903
- ],
3904
- "align": "left",
3905
- "borderRadius": 6,
3906
- "tbPadding": 2,
3907
- "lrPadding": 2
3908
- },
3909
- "clickEvent": false,
3910
- "clickEventConfig": {
3911
- "type": "url",
3912
- "value": "",
3913
- "typeOptions": [
3914
- {
3915
- "label": "打开 URL",
3916
- "value": "url"
3917
- },
3918
- {
3919
- "label": "查看原图",
3920
- "value": "view"
3921
- }
3922
- ]
3923
- }
3924
- }
3925
- },
3926
- {
3927
- "type": "title",
3928
- "label": "标题",
3929
- "icon": "",
3930
- "uuid": "uubqt37jv5zzm5xhtxru",
3931
- "options": {
3932
- "defaultValue": "{数组-Test3#item.title}",
3933
- "style": {
3934
- "colorMode": "static",
3935
- "size": 14,
3936
- "color": "#000000",
3937
- "align": "left",
3938
- "tbPadding": 2,
3939
- "lrPadding": 2
3940
- },
3941
- "hasLine": false,
3942
- "hasLineStyle": {
3943
- "background": "#0066ff",
3944
- "width": 5,
3945
- "height": 16,
3946
- "borderRadius": 1,
3947
- "marginRight": 6
3948
- },
3949
- "clickEvent": false,
3950
- "clickEventConfig": {
3951
- "type": "url",
3952
- "value": "",
3953
- "toolItem": null,
3954
- "tooltemParams": [],
3955
- "modalComponent": null
3956
- }
3957
- }
3958
- },
3959
- {
3960
- "type": "text",
3961
- "label": "文本",
3962
- "icon": "",
3963
- "uuid": "tk3w12buvu7s6vuv5q1tc",
3964
- "options": {
3965
- "defaultValue": "{数组-Test3#item.content}",
3966
- "style": {
3967
- "colorMode": "static",
3968
- "textSize": "12px",
3969
- "textColor": "#8c8c8c",
3970
- "textAlign": "left",
3971
- "underline": "auto",
3972
- "textIndent": 0,
3973
- "tbPadding": 2,
3974
- "lrPadding": 2
3975
- },
3976
- "hasLine": false,
3977
- "hasLineStyle": {
3978
- "background": "#0066ff",
3979
- "width": 4,
3980
- "height": 14,
3981
- "borderRadius": 1,
3982
- "marginRight": 6
3983
- },
3984
- "hasTitle": false,
3985
- "titleValue": "",
3986
- "clickEvent": false,
3987
- "clickEventConfig": {
3988
- "type": "url",
3989
- "value": "",
3990
- "toolItem": null,
3991
- "tooltemParams": [],
3992
- "modalComponent": null
3993
- }
3994
- }
3995
- }
3996
- ],
3997
- "flex": 1,
3998
- "type": "columns",
3999
- "uuid": "8y81tsj321jclesy1u2a14",
4000
- "options": {
4001
- "clickEvent": false,
4002
- "clickEventConfig": {
4003
- "type": "url",
4004
- "value": "",
4005
- "toolItem": null,
4006
- "tooltemParams": []
4007
- }
4008
- },
4009
- "index": 4
4010
- },
4011
- {
4012
- "list": [
4013
- {
4014
- "type": "picture",
4015
- "label": "图片",
4016
- "icon": "",
4017
- "uuid": "louqe587zebfd30l9qez",
4018
- "options": {
4019
- "defaultValue": "{数组-Test3#item.src}",
4020
- "style": {
4021
- "mode": "auto",
4022
- "size": "middle",
4023
- "sizeOptions": [
4024
- {
4025
- "label": "small",
4026
- "value": 40
4027
- },
4028
- {
4029
- "label": "middle",
4030
- "value": 72
4031
- },
4032
- {
4033
- "label": "large",
4034
- "value": 200
4035
- }
4036
- ],
4037
- "width": 72,
4038
- "height": 72,
4039
- "cuttingMode": "cover",
4040
- "cuttingRatio": "1",
4041
- "ratioOptions": [
4042
- {
4043
- "label": "1:1",
4044
- "value": "1"
4045
- },
4046
- {
4047
- "label": "16:9",
4048
- "value": "2"
4049
- },
4050
- {
4051
- "label": "3:2",
4052
- "value": "3"
4053
- },
4054
- {
4055
- "label": "4:3",
4056
- "value": "4"
4057
- }
4058
- ],
4059
- "align": "left",
4060
- "borderRadius": 6,
4061
- "tbPadding": 2,
4062
- "lrPadding": 2
4063
- },
4064
- "clickEvent": false,
4065
- "clickEventConfig": {
4066
- "type": "url",
4067
- "value": "",
4068
- "typeOptions": [
4069
- {
4070
- "label": "打开 URL",
4071
- "value": "url"
4072
- },
4073
- {
4074
- "label": "查看原图",
4075
- "value": "view"
4076
- }
4077
- ]
4078
- }
4079
- }
4080
- },
4081
- {
4082
- "type": "title",
4083
- "label": "标题",
4084
- "icon": "",
4085
- "uuid": "uubqt37jv5zzm5xhtxru",
4086
- "options": {
4087
- "defaultValue": "{数组-Test3#item.title}",
4088
- "style": {
4089
- "colorMode": "static",
4090
- "size": 14,
4091
- "color": "#000000",
4092
- "align": "left",
4093
- "tbPadding": 2,
4094
- "lrPadding": 2
4095
- },
4096
- "hasLine": false,
4097
- "hasLineStyle": {
4098
- "background": "#0066ff",
4099
- "width": 5,
4100
- "height": 16,
4101
- "borderRadius": 1,
4102
- "marginRight": 6
4103
- },
4104
- "clickEvent": false,
4105
- "clickEventConfig": {
4106
- "type": "url",
4107
- "value": "",
4108
- "toolItem": null,
4109
- "tooltemParams": [],
4110
- "modalComponent": null
4111
- }
4112
- }
4113
- },
4114
- {
4115
- "type": "text",
4116
- "label": "文本",
4117
- "icon": "",
4118
- "uuid": "tk3w12buvu7s6vuv5q1tc",
4119
- "options": {
4120
- "defaultValue": "{数组-Test3#item.content}",
4121
- "style": {
4122
- "colorMode": "static",
4123
- "textSize": "12px",
4124
- "textColor": "#8c8c8c",
4125
- "textAlign": "left",
4126
- "underline": "auto",
4127
- "textIndent": 0,
4128
- "tbPadding": 2,
4129
- "lrPadding": 2
4130
- },
4131
- "hasLine": false,
4132
- "hasLineStyle": {
4133
- "background": "#0066ff",
4134
- "width": 4,
4135
- "height": 14,
4136
- "borderRadius": 1,
4137
- "marginRight": 6
4138
- },
4139
- "hasTitle": false,
4140
- "titleValue": "",
4141
- "clickEvent": false,
4142
- "clickEventConfig": {
4143
- "type": "url",
4144
- "value": "",
4145
- "toolItem": null,
4146
- "tooltemParams": [],
4147
- "modalComponent": null
4148
- }
4149
- }
4150
- }
4151
- ],
4152
- "flex": 1,
4153
- "type": "columns",
4154
- "uuid": "8y81tsj321jclesy1u2a14",
4155
- "options": {
4156
- "clickEvent": false,
4157
- "clickEventConfig": {
4158
- "type": "url",
4159
- "value": "",
4160
- "toolItem": null,
4161
- "tooltemParams": []
4162
- }
4163
- },
4164
- "index": 5
4165
- }
4166
- ],
4167
- "options": {
4168
- "dataType": "动态格数",
4169
- "autoNumber": 4,
4170
- "autoNumberOptions": [
4171
- {
4172
- "value": 2,
4173
- "label": "二列"
4174
- },
4175
- {
4176
- "value": 3,
4177
- "label": "三列"
4178
- },
4179
- {
4180
- "value": 4,
4181
- "label": "四列"
4182
- }
4183
- ],
4184
- "style": {
4185
- "background": "#ffffff",
4186
- "borderColor": "#ffffff",
4187
- "borderRadius": 6,
4188
- "tbPadding": 0,
4189
- "lrPadding": 0,
4190
- "alignItems": "start",
4191
- "lrGutter": 12,
4192
- "tbGutter": 12
4193
- },
4194
- "variableName": "数组-Test3"
4195
- },
4196
- "config": {}
4197
- }
4198
- ];
4199
- export {
4200
- BasicsList,
4201
- ChartList,
4202
- ColorList,
4203
- ColorNameMap,
4204
- FormList,
4205
- LayoutList,
4206
- VariableList,
4207
- cardTemplate,
4208
- customIcon,
4209
- listTemplate,
4210
- sunIcons
4211
- };