@pisell/materials 1.0.111 → 1.0.112
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/designer.html +2 -2
- package/build/lowcode/index.html +2 -2
- package/build/lowcode/index.js +1 -1
- package/build/lowcode/meta.js +2 -2
- package/build/lowcode/preview.js +12 -12
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +4 -4
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +12 -12
- package/lowcode/classic-layout/meta.ts +115 -0
- package/lowcode/classic-layout/snippets.ts +65 -0
- package/lowcode/list/meta.ts +89 -4
- package/lowcode/list/snippets.ts +241 -60
- package/package.json +3 -3
package/lowcode/list/snippets.ts
CHANGED
|
@@ -1,45 +1,46 @@
|
|
|
1
1
|
export default [
|
|
2
2
|
{
|
|
3
|
-
title:
|
|
4
|
-
screenshot:
|
|
3
|
+
title: "简单列表",
|
|
4
|
+
screenshot:
|
|
5
|
+
"https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png",
|
|
5
6
|
schema: {
|
|
6
|
-
componentName:
|
|
7
|
+
componentName: "List",
|
|
7
8
|
props: {
|
|
8
9
|
dataSource: [
|
|
9
10
|
{
|
|
10
11
|
id: 1,
|
|
11
|
-
text:
|
|
12
|
+
text: "Racing car sprays burning fuel into crowd.",
|
|
12
13
|
},
|
|
13
14
|
{
|
|
14
15
|
id: 2,
|
|
15
|
-
text:
|
|
16
|
+
text: "Japanese princess to wed commoner.",
|
|
16
17
|
},
|
|
17
18
|
{
|
|
18
19
|
id: 3,
|
|
19
|
-
text:
|
|
20
|
+
text: "Australian walks 100km after outback crash.",
|
|
20
21
|
},
|
|
21
22
|
{
|
|
22
23
|
id: 4,
|
|
23
|
-
text:
|
|
24
|
+
text: "Man charged over missing wedding girl.",
|
|
24
25
|
},
|
|
25
26
|
{
|
|
26
27
|
id: 5,
|
|
27
|
-
text:
|
|
28
|
+
text: "Los Angeles battles huge wildfires.",
|
|
28
29
|
},
|
|
29
30
|
],
|
|
30
31
|
renderItem: {
|
|
31
|
-
type:
|
|
32
|
-
params: [
|
|
32
|
+
type: "JSSlot",
|
|
33
|
+
params: ["item"],
|
|
33
34
|
value: [
|
|
34
35
|
{
|
|
35
|
-
componentName:
|
|
36
|
+
componentName: "List.Item",
|
|
36
37
|
props: {},
|
|
37
38
|
children: {
|
|
38
|
-
componentName:
|
|
39
|
+
componentName: "Typography.Text",
|
|
39
40
|
props: {
|
|
40
41
|
children: {
|
|
41
|
-
type:
|
|
42
|
-
value:
|
|
42
|
+
type: "JSExpression",
|
|
43
|
+
value: "this.item.text",
|
|
43
44
|
},
|
|
44
45
|
},
|
|
45
46
|
},
|
|
@@ -47,29 +48,29 @@ export default [
|
|
|
47
48
|
],
|
|
48
49
|
},
|
|
49
50
|
header: {
|
|
50
|
-
type:
|
|
51
|
+
type: "JSSlot",
|
|
51
52
|
value: [
|
|
52
53
|
{
|
|
53
|
-
componentName:
|
|
54
|
+
componentName: "Typography.Text",
|
|
54
55
|
props: {
|
|
55
|
-
children:
|
|
56
|
+
children: "列表头部",
|
|
56
57
|
},
|
|
57
58
|
},
|
|
58
59
|
],
|
|
59
60
|
},
|
|
60
61
|
footer: {
|
|
61
|
-
type:
|
|
62
|
+
type: "JSSlot",
|
|
62
63
|
value: [
|
|
63
64
|
{
|
|
64
|
-
componentName:
|
|
65
|
+
componentName: "Typography.Text",
|
|
65
66
|
props: {
|
|
66
|
-
children:
|
|
67
|
+
children: "列表底部",
|
|
67
68
|
},
|
|
68
69
|
},
|
|
69
70
|
],
|
|
70
71
|
},
|
|
71
|
-
itemLayout:
|
|
72
|
-
size:
|
|
72
|
+
itemLayout: "horizontal",
|
|
73
|
+
size: "default",
|
|
73
74
|
bordered: true,
|
|
74
75
|
split: true,
|
|
75
76
|
pagination: {
|
|
@@ -81,101 +82,107 @@ export default [
|
|
|
81
82
|
},
|
|
82
83
|
},
|
|
83
84
|
{
|
|
84
|
-
title:
|
|
85
|
-
screenshot:
|
|
85
|
+
title: "基础列表",
|
|
86
|
+
screenshot:
|
|
87
|
+
"https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png",
|
|
86
88
|
schema: {
|
|
87
|
-
componentName:
|
|
89
|
+
componentName: "List",
|
|
88
90
|
props: {
|
|
89
91
|
dataSource: [
|
|
90
92
|
{
|
|
91
93
|
id: 1,
|
|
92
|
-
title:
|
|
93
|
-
avatar:
|
|
94
|
+
title: "Ant Design Title 1",
|
|
95
|
+
avatar:
|
|
96
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
94
97
|
description:
|
|
95
|
-
|
|
98
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
96
99
|
},
|
|
97
100
|
{
|
|
98
101
|
id: 2,
|
|
99
|
-
title:
|
|
100
|
-
avatar:
|
|
102
|
+
title: "Ant Design Title 2",
|
|
103
|
+
avatar:
|
|
104
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
101
105
|
description:
|
|
102
|
-
|
|
106
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
103
107
|
},
|
|
104
108
|
{
|
|
105
109
|
id: 3,
|
|
106
|
-
title:
|
|
107
|
-
avatar:
|
|
110
|
+
title: "Ant Design Title 3",
|
|
111
|
+
avatar:
|
|
112
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
108
113
|
description:
|
|
109
|
-
|
|
114
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
110
115
|
},
|
|
111
116
|
{
|
|
112
117
|
id: 4,
|
|
113
|
-
title:
|
|
114
|
-
avatar:
|
|
118
|
+
title: "Ant Design Title 4",
|
|
119
|
+
avatar:
|
|
120
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
115
121
|
description:
|
|
116
|
-
|
|
122
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
117
123
|
},
|
|
118
124
|
{
|
|
119
125
|
id: 5,
|
|
120
|
-
title:
|
|
121
|
-
avatar:
|
|
126
|
+
title: "Ant Design Title 5",
|
|
127
|
+
avatar:
|
|
128
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
122
129
|
description:
|
|
123
|
-
|
|
130
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
124
131
|
},
|
|
125
132
|
],
|
|
126
133
|
renderItem: {
|
|
127
|
-
type:
|
|
128
|
-
params: [
|
|
134
|
+
type: "JSSlot",
|
|
135
|
+
params: ["item"],
|
|
129
136
|
value: [
|
|
130
137
|
{
|
|
131
|
-
componentName:
|
|
138
|
+
componentName: "List.Item",
|
|
132
139
|
props: {},
|
|
133
140
|
children: {
|
|
134
|
-
componentName:
|
|
141
|
+
componentName: "List.Item.Meta",
|
|
135
142
|
props: {
|
|
136
143
|
avatar: {
|
|
137
|
-
type:
|
|
144
|
+
type: "JSSlot",
|
|
138
145
|
value: [
|
|
139
146
|
{
|
|
140
|
-
componentName:
|
|
147
|
+
componentName: "Avatar",
|
|
141
148
|
props: {
|
|
142
149
|
icon: {
|
|
143
|
-
componentName:
|
|
150
|
+
componentName: "Icon",
|
|
144
151
|
props: {
|
|
145
|
-
type:
|
|
152
|
+
type: "UserOutlined",
|
|
146
153
|
},
|
|
147
154
|
},
|
|
148
155
|
src: {
|
|
149
|
-
type:
|
|
150
|
-
value:
|
|
156
|
+
type: "JSExpression",
|
|
157
|
+
value: "this.item.avatar",
|
|
151
158
|
},
|
|
152
159
|
},
|
|
153
160
|
},
|
|
154
161
|
],
|
|
155
162
|
},
|
|
156
163
|
title: {
|
|
157
|
-
type:
|
|
164
|
+
type: "JSSlot",
|
|
158
165
|
value: [
|
|
159
166
|
{
|
|
160
|
-
componentName:
|
|
167
|
+
componentName: "Typography.Link",
|
|
161
168
|
props: {
|
|
162
169
|
children: {
|
|
163
|
-
type:
|
|
164
|
-
value:
|
|
170
|
+
type: "JSExpression",
|
|
171
|
+
value: "this.item.title",
|
|
165
172
|
},
|
|
166
173
|
},
|
|
167
174
|
},
|
|
168
175
|
],
|
|
169
176
|
},
|
|
170
177
|
description: {
|
|
171
|
-
type:
|
|
178
|
+
type: "JSSlot",
|
|
172
179
|
value: [
|
|
173
180
|
{
|
|
174
|
-
componentName:
|
|
181
|
+
componentName: "Typography.Text",
|
|
175
182
|
props: {
|
|
176
183
|
children: {
|
|
177
|
-
type:
|
|
178
|
-
value:
|
|
184
|
+
type: "JSExpression",
|
|
185
|
+
value: "this.item.description",
|
|
179
186
|
},
|
|
180
187
|
},
|
|
181
188
|
},
|
|
@@ -186,8 +193,8 @@ export default [
|
|
|
186
193
|
},
|
|
187
194
|
],
|
|
188
195
|
},
|
|
189
|
-
itemLayout:
|
|
190
|
-
size:
|
|
196
|
+
itemLayout: "horizontal",
|
|
197
|
+
size: "default",
|
|
191
198
|
bordered: true,
|
|
192
199
|
split: true,
|
|
193
200
|
pagination: {
|
|
@@ -198,4 +205,178 @@ export default [
|
|
|
198
205
|
},
|
|
199
206
|
},
|
|
200
207
|
},
|
|
208
|
+
{
|
|
209
|
+
title: "Gallery",
|
|
210
|
+
screenshot:
|
|
211
|
+
"https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png",
|
|
212
|
+
schema: {
|
|
213
|
+
componentName: "List",
|
|
214
|
+
props: {
|
|
215
|
+
dataSource: [
|
|
216
|
+
{
|
|
217
|
+
id: 1,
|
|
218
|
+
title: "Ant Design Title 1",
|
|
219
|
+
avatar:
|
|
220
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
221
|
+
description:
|
|
222
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
id: 2,
|
|
226
|
+
title: "Ant Design Title 2",
|
|
227
|
+
avatar:
|
|
228
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
229
|
+
description:
|
|
230
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
id: 3,
|
|
234
|
+
title: "Ant Design Title 3",
|
|
235
|
+
avatar:
|
|
236
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
237
|
+
description:
|
|
238
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
id: 4,
|
|
242
|
+
title: "Ant Design Title 4",
|
|
243
|
+
avatar:
|
|
244
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
245
|
+
description:
|
|
246
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
id: 5,
|
|
250
|
+
title: "Ant Design Title 5",
|
|
251
|
+
avatar:
|
|
252
|
+
"https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
|
|
253
|
+
description:
|
|
254
|
+
"Ant Design, a design language for background applications, is refined by Ant UED Team",
|
|
255
|
+
},
|
|
256
|
+
],
|
|
257
|
+
renderItem: {
|
|
258
|
+
type: "JSSlot",
|
|
259
|
+
params: ["item"],
|
|
260
|
+
value: [
|
|
261
|
+
{
|
|
262
|
+
componentName: "List.Item",
|
|
263
|
+
props: {
|
|
264
|
+
style: {
|
|
265
|
+
padding: 0,
|
|
266
|
+
margin: 0,
|
|
267
|
+
},
|
|
268
|
+
},
|
|
269
|
+
children: [
|
|
270
|
+
{
|
|
271
|
+
componentName: "ClassicLayout",
|
|
272
|
+
id: "node_oclo5iy2upp",
|
|
273
|
+
props: {
|
|
274
|
+
header: {
|
|
275
|
+
type: "JSSlot",
|
|
276
|
+
value: [
|
|
277
|
+
{
|
|
278
|
+
componentName: "Div",
|
|
279
|
+
id: "node_oclo5iy2upw",
|
|
280
|
+
props: {
|
|
281
|
+
style: {
|
|
282
|
+
textAlign: "center",
|
|
283
|
+
color: "#fff",
|
|
284
|
+
height: 64,
|
|
285
|
+
paddingInline: 50,
|
|
286
|
+
lineHeight: "64px",
|
|
287
|
+
backgroundColor: "#7dbcea",
|
|
288
|
+
},
|
|
289
|
+
children: "Header",
|
|
290
|
+
},
|
|
291
|
+
hidden: false,
|
|
292
|
+
title: "",
|
|
293
|
+
isLocked: false,
|
|
294
|
+
condition: true,
|
|
295
|
+
conditionGroup: "",
|
|
296
|
+
},
|
|
297
|
+
],
|
|
298
|
+
id: "node_oclo5iy2upq",
|
|
299
|
+
},
|
|
300
|
+
content: {
|
|
301
|
+
type: "JSSlot",
|
|
302
|
+
value: [
|
|
303
|
+
{
|
|
304
|
+
componentName: "Div",
|
|
305
|
+
id: "node_oclo5iy2upx",
|
|
306
|
+
props: {
|
|
307
|
+
style: {
|
|
308
|
+
textAlign: "center",
|
|
309
|
+
minHeight: 120,
|
|
310
|
+
lineHeight: "120px",
|
|
311
|
+
color: "#fff",
|
|
312
|
+
backgroundColor: "#108ee9",
|
|
313
|
+
},
|
|
314
|
+
children: "Content",
|
|
315
|
+
},
|
|
316
|
+
hidden: false,
|
|
317
|
+
title: "",
|
|
318
|
+
isLocked: false,
|
|
319
|
+
condition: true,
|
|
320
|
+
conditionGroup: "",
|
|
321
|
+
},
|
|
322
|
+
],
|
|
323
|
+
id: "node_oclo5iy2ups",
|
|
324
|
+
},
|
|
325
|
+
footer: {
|
|
326
|
+
type: "JSSlot",
|
|
327
|
+
value: [
|
|
328
|
+
{
|
|
329
|
+
componentName: "Div",
|
|
330
|
+
id: "node_oclo5iy2upy",
|
|
331
|
+
props: {
|
|
332
|
+
style: {
|
|
333
|
+
textAlign: "center",
|
|
334
|
+
color: "#fff",
|
|
335
|
+
backgroundColor: "#7dbcea",
|
|
336
|
+
height: 70,
|
|
337
|
+
lineHeight: "70px",
|
|
338
|
+
},
|
|
339
|
+
children: "Footer",
|
|
340
|
+
},
|
|
341
|
+
hidden: false,
|
|
342
|
+
title: "",
|
|
343
|
+
isLocked: false,
|
|
344
|
+
condition: true,
|
|
345
|
+
conditionGroup: "",
|
|
346
|
+
},
|
|
347
|
+
],
|
|
348
|
+
id: "node_oclo5iy2upu",
|
|
349
|
+
},
|
|
350
|
+
},
|
|
351
|
+
hidden: false,
|
|
352
|
+
title: "",
|
|
353
|
+
isLocked: false,
|
|
354
|
+
condition: true,
|
|
355
|
+
conditionGroup: "",
|
|
356
|
+
},
|
|
357
|
+
],
|
|
358
|
+
},
|
|
359
|
+
],
|
|
360
|
+
},
|
|
361
|
+
itemLayout: "horizontal",
|
|
362
|
+
size: "default",
|
|
363
|
+
bordered: true,
|
|
364
|
+
split: true,
|
|
365
|
+
gridEnable: true,
|
|
366
|
+
grid: {
|
|
367
|
+
column: 4,
|
|
368
|
+
oneLine: false,
|
|
369
|
+
gutter: [10, 10],
|
|
370
|
+
},
|
|
371
|
+
header: false,
|
|
372
|
+
footer: false,
|
|
373
|
+
loadMore: false,
|
|
374
|
+
pagination: {
|
|
375
|
+
pageSize: 10,
|
|
376
|
+
total: 15,
|
|
377
|
+
current: 1,
|
|
378
|
+
},
|
|
379
|
+
},
|
|
380
|
+
},
|
|
381
|
+
},
|
|
201
382
|
];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pisell/materials",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.112",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"module": "./es/index.js",
|
|
6
6
|
"types": "./lib/index.d.ts",
|
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
"ahooks": "^3.7.6",
|
|
57
57
|
"react-infinite-scroll-component": "^6.1.0",
|
|
58
58
|
"@pisell/utils": "1.0.6",
|
|
59
|
-
"@pisell/
|
|
60
|
-
"@pisell/
|
|
59
|
+
"@pisell/date-picker": "1.0.35",
|
|
60
|
+
"@pisell/icon": "0.0.8"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"react": "^18.0.0",
|