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 |