UNPKG

18.1 kBJSONView Raw
1{
2 "name": "Grid",
3 "subComponents": [
4 {
5 "name": "Row",
6 "props": {
7 "children": {
8 "type": {
9 "name": "node"
10 },
11 "required": false,
12 "description": "行内容",
13 "docblock": "行内容"
14 },
15 "gutter": {
16 "type": {
17 "name": "union",
18 "value": [
19 {
20 "name": "string"
21 },
22 {
23 "name": "number"
24 }
25 ]
26 },
27 "required": false,
28 "description": "列间隔",
29 "defaultValue": {
30 "value": "0",
31 "computed": false
32 },
33 "docblock": "列间隔"
34 },
35 "wrap": {
36 "type": {
37 "name": "bool"
38 },
39 "required": false,
40 "description": "列在行中宽度溢出后是否换行",
41 "defaultValue": {
42 "value": "false",
43 "computed": false
44 },
45 "docblock": "列在行中宽度溢出后是否换行"
46 },
47 "fixed": {
48 "type": {
49 "name": "bool"
50 },
51 "required": false,
52 "description": "行在某一断点下宽度是否保持不变(默认行宽度随视口变化而变化)",
53 "defaultValue": {
54 "value": "false",
55 "computed": false
56 },
57 "docblock": "行在某一断点下宽度是否保持不变(默认行宽度随视口变化而变化)"
58 },
59 "fixedWidth": {
60 "type": {
61 "name": "enum",
62 "value": [
63 {
64 "value": "'xxs'",
65 "computed": false,
66 "description": "320px"
67 },
68 {
69 "value": "'xs'",
70 "computed": false,
71 "description": "480px"
72 },
73 {
74 "value": "'s'",
75 "computed": false,
76 "description": "720px"
77 },
78 {
79 "value": "'m'",
80 "computed": false,
81 "description": "990px"
82 },
83 {
84 "value": "'l'",
85 "computed": false,
86 "description": "1200px"
87 },
88 {
89 "value": "'xl'",
90 "computed": false,
91 "description": "1500px"
92 }
93 ]
94 },
95 "required": false,
96 "description": "固定行的宽度为某一断点的宽度,不受视口影响而变动",
97 "docblock": "固定行的宽度为某一断点的宽度,不受视口影响而变动\n@enumdesc 320px, 480px, 720px, 990px, 1200px, 1500px",
98 "value": [
99 {
100 "value": "'xxs'",
101 "computed": false,
102 "description": "320px"
103 },
104 {
105 "value": "'xs'",
106 "computed": false,
107 "description": "480px"
108 },
109 {
110 "value": "'s'",
111 "computed": false,
112 "description": "720px"
113 },
114 {
115 "value": "'m'",
116 "computed": false,
117 "description": "990px"
118 },
119 {
120 "value": "'l'",
121 "computed": false,
122 "description": "1200px"
123 },
124 {
125 "value": "'xl'",
126 "computed": false,
127 "description": "1500px"
128 }
129 ]
130 },
131 "align": {
132 "type": {
133 "name": "enum",
134 "value": [
135 {
136 "value": "'top'",
137 "computed": false,
138 "description": "顶部对齐"
139 },
140 {
141 "value": "'center'",
142 "computed": false,
143 "description": "居中对齐"
144 },
145 {
146 "value": "'bottom'",
147 "computed": false,
148 "description": "底部对齐"
149 },
150 {
151 "value": "'baseline'",
152 "computed": false,
153 "description": "按第一行文字基线对齐"
154 },
155 {
156 "value": "'stretch'",
157 "computed": false,
158 "description": "未设置高度或设为 auto,将占满整个容器的高度"
159 }
160 ]
161 },
162 "required": false,
163 "description": "(不支持IE9浏览器)多列垂直方向对齐方式",
164 "docblock": "(不支持IE9浏览器)多列垂直方向对齐方式\n@enumdesc 顶部对齐, 居中对齐, 底部对齐, 按第一行文字基线对齐, 未设置高度或设为 auto,将占满整个容器的高度",
165 "value": [
166 {
167 "value": "'top'",
168 "computed": false,
169 "description": "顶部对齐"
170 },
171 {
172 "value": "'center'",
173 "computed": false,
174 "description": "居中对齐"
175 },
176 {
177 "value": "'bottom'",
178 "computed": false,
179 "description": "底部对齐"
180 },
181 {
182 "value": "'baseline'",
183 "computed": false,
184 "description": "按第一行文字基线对齐"
185 },
186 {
187 "value": "'stretch'",
188 "computed": false,
189 "description": "未设置高度或设为 auto,将占满整个容器的高度"
190 }
191 ]
192 },
193 "justify": {
194 "type": {
195 "name": "enum",
196 "value": [
197 {
198 "value": "'start'",
199 "computed": false,
200 "description": "左对齐"
201 },
202 {
203 "value": "'center'",
204 "computed": false,
205 "description": "居中对齐"
206 },
207 {
208 "value": "'end'",
209 "computed": false,
210 "description": "右对齐"
211 },
212 {
213 "value": "'space-between'",
214 "computed": false,
215 "description": "两端对齐,列之间间距相等"
216 },
217 {
218 "value": "'space-around'",
219 "computed": false,
220 "description": "每列具有相同的左右间距,行两端间距是列间距的二分之一"
221 }
222 ]
223 },
224 "required": false,
225 "description": "(不支持IE9浏览器)行内具有多余空间时的布局方式",
226 "docblock": "(不支持IE9浏览器)行内具有多余空间时的布局方式\n@enumdesc 左对齐, 居中对齐, 右对齐, 两端对齐,列之间间距相等, 每列具有相同的左右间距,行两端间距是列间距的二分之一",
227 "value": [
228 {
229 "value": "'start'",
230 "computed": false,
231 "description": "左对齐"
232 },
233 {
234 "value": "'center'",
235 "computed": false,
236 "description": "居中对齐"
237 },
238 {
239 "value": "'end'",
240 "computed": false,
241 "description": "右对齐"
242 },
243 {
244 "value": "'space-between'",
245 "computed": false,
246 "description": "两端对齐,列之间间距相等"
247 },
248 {
249 "value": "'space-around'",
250 "computed": false,
251 "description": "每列具有相同的左右间距,行两端间距是列间距的二分之一"
252 }
253 ]
254 },
255 "hidden": {
256 "type": {
257 "name": "union",
258 "value": [
259 {
260 "name": "bool"
261 },
262 {
263 "name": "string"
264 },
265 {
266 "name": "array"
267 }
268 ]
269 },
270 "required": false,
271 "description": "行在不同断点下的显示与隐藏<br><br>**可选值**:<br>true(在所有断点下隐藏)<br>false(在所有断点下显示)<br>'xs'(在 xs 断点下隐藏)<br>['xxs', 'xs', 's', 'm', 'l', 'xl'](在 xxs, xs, s, m, l, xl 断点下隐藏)",
272 "docblock": "行在不同断点下的显示与隐藏<br><br>**可选值**:<br>true(在所有断点下隐藏)<br>false(在所有断点下显示)<br>'xs'(在 xs 断点下隐藏)<br>['xxs', 'xs', 's', 'm', 'l', 'xl'](在 xxs, xs, s, m, l, xl 断点下隐藏)"
273 },
274 "component": {
275 "type": {
276 "name": "union",
277 "value": [
278 {
279 "name": "string"
280 },
281 {
282 "name": "func"
283 }
284 ]
285 },
286 "required": false,
287 "description": "指定以何种元素渲染该节点\n- 默认为 'div'",
288 "defaultValue": {
289 "value": "'div'",
290 "computed": false
291 },
292 "docblock": "指定以何种元素渲染该节点\n- 默认为 'div'"
293 }
294 },
295 "methods": [],
296 "order": 1
297 },
298 {
299 "name": "Col",
300 "props": {
301 "children": {
302 "type": {
303 "name": "node"
304 },
305 "required": false,
306 "description": "列内容",
307 "docblock": "列内容"
308 },
309 "span": {
310 "type": {
311 "name": "union",
312 "value": [
313 {
314 "name": "string"
315 },
316 {
317 "name": "number"
318 }
319 ]
320 },
321 "required": false,
322 "description": "列宽度<br><br>**可选值**:<br>1, 2, 3, ..., 22, 23, 24",
323 "docblock": "列宽度<br><br>**可选值**:<br>1, 2, 3, ..., 22, 23, 24"
324 },
325 "fixedSpan": {
326 "type": {
327 "name": "union",
328 "value": [
329 {
330 "name": "string"
331 },
332 {
333 "name": "number"
334 }
335 ]
336 },
337 "required": false,
338 "description": "固定列宽度,宽度值为20 * 栅格数<br><br>**可选值**:<br>1, 2, 3, ..., 28, 29, 30",
339 "docblock": "固定列宽度,宽度值为20 * 栅格数<br><br>**可选值**:<br>1, 2, 3, ..., 28, 29, 30"
340 },
341 "offset": {
342 "type": {
343 "name": "union",
344 "value": [
345 {
346 "name": "string"
347 },
348 {
349 "name": "number"
350 }
351 ]
352 },
353 "required": false,
354 "description": "(不支持IE9浏览器)列偏移<br><br>**可选值**:<br>1, 2, 3, ..., 22, 23, 24",
355 "docblock": "(不支持IE9浏览器)列偏移<br><br>**可选值**:<br>1, 2, 3, ..., 22, 23, 24"
356 },
357 "fixedOffset": {
358 "type": {
359 "name": "union",
360 "value": [
361 {
362 "name": "string"
363 },
364 {
365 "name": "number"
366 }
367 ]
368 },
369 "required": false,
370 "description": "(不支持IE9浏览器)固定列偏移,宽度值为20 * 栅格数<br><br>**可选值**:<br>1, 2, 3, ..., 28, 29, 30",
371 "docblock": "(不支持IE9浏览器)固定列偏移,宽度值为20 * 栅格数<br><br>**可选值**:<br>1, 2, 3, ..., 28, 29, 30"
372 },
373 "align": {
374 "type": {
375 "name": "enum",
376 "value": [
377 {
378 "value": "'top'",
379 "computed": false
380 },
381 {
382 "value": "'center'",
383 "computed": false
384 },
385 {
386 "value": "'bottom'",
387 "computed": false
388 },
389 {
390 "value": "'baseline'",
391 "computed": false
392 },
393 {
394 "value": "'stretch'",
395 "computed": false
396 }
397 ]
398 },
399 "required": false,
400 "description": "(不支持IE9浏览器)多列垂直方向对齐方式,可覆盖Row的align属性",
401 "docblock": "(不支持IE9浏览器)多列垂直方向对齐方式,可覆盖Row的align属性"
402 },
403 "hidden": {
404 "type": {
405 "name": "union",
406 "value": [
407 {
408 "name": "bool"
409 },
410 {
411 "name": "string"
412 },
413 {
414 "name": "array"
415 }
416 ]
417 },
418 "required": false,
419 "description": "列在不同断点下的显示与隐藏<br><br>**可选值**:<br>true(在所有断点下隐藏)<br>false(在所有断点下显示)<br>'xs'(在 xs 断点下隐藏)<br>['xxs', 'xs', 's', 'm', 'l', 'xl'](在 xxs, xs, s, m, l, xl 断点下隐藏)",
420 "docblock": "列在不同断点下的显示与隐藏<br><br>**可选值**:<br>true(在所有断点下隐藏)<br>false(在所有断点下显示)<br>'xs'(在 xs 断点下隐藏)<br>['xxs', 'xs', 's', 'm', 'l', 'xl'](在 xxs, xs, s, m, l, xl 断点下隐藏)"
421 },
422 "xxs": {
423 "type": {
424 "name": "union",
425 "value": [
426 {
427 "name": "string"
428 },
429 {
430 "name": "number"
431 },
432 {
433 "name": "object"
434 }
435 ]
436 },
437 "required": false,
438 "description": ">=320px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象",
439 "docblock": ">=320px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象"
440 },
441 "xs": {
442 "type": {
443 "name": "union",
444 "value": [
445 {
446 "name": "string"
447 },
448 {
449 "name": "number"
450 },
451 {
452 "name": "object"
453 }
454 ]
455 },
456 "required": false,
457 "description": ">=480px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象",
458 "docblock": ">=480px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象"
459 },
460 "s": {
461 "type": {
462 "name": "union",
463 "value": [
464 {
465 "name": "string"
466 },
467 {
468 "name": "number"
469 },
470 {
471 "name": "object"
472 }
473 ]
474 },
475 "required": false,
476 "description": ">=720px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象",
477 "docblock": ">=720px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象"
478 },
479 "m": {
480 "type": {
481 "name": "union",
482 "value": [
483 {
484 "name": "string"
485 },
486 {
487 "name": "number"
488 },
489 {
490 "name": "object"
491 }
492 ]
493 },
494 "required": false,
495 "description": ">=990px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象",
496 "docblock": ">=990px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象"
497 },
498 "l": {
499 "type": {
500 "name": "union",
501 "value": [
502 {
503 "name": "string"
504 },
505 {
506 "name": "number"
507 },
508 {
509 "name": "object"
510 }
511 ]
512 },
513 "required": false,
514 "description": ">=1200px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象",
515 "docblock": ">=1200px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象"
516 },
517 "xl": {
518 "type": {
519 "name": "union",
520 "value": [
521 {
522 "name": "string"
523 },
524 {
525 "name": "number"
526 },
527 {
528 "name": "object"
529 }
530 ]
531 },
532 "required": false,
533 "description": ">=1500px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象",
534 "docblock": ">=1500px,响应式栅格,可为栅格数(span)或一个包含栅格数(span)和偏移栅格数(offset)对象"
535 },
536 "component": {
537 "type": {
538 "name": "union",
539 "value": [
540 {
541 "name": "string"
542 },
543 {
544 "name": "func"
545 }
546 ]
547 },
548 "required": false,
549 "description": "指定以何种元素渲染该节点,默认为 'div'",
550 "defaultValue": {
551 "value": "'div'",
552 "computed": false
553 },
554 "docblock": "指定以何种元素渲染该节点,默认为 'div'"
555 }
556 },
557 "methods": [],
558 "order": 2
559 }
560 ],
561 "methods": []
562}
\No newline at end of file