mapping.js
2.33 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
// export const mapping = {
// default: 'input',
// string: 'input',
// array: 'list',
// boolean: 'checkbox',
// integer: 'number',
// number: 'number',
// object: 'map',
// html: 'html',
// 'string:upload': 'upload',
// 'string:url': 'url',
// 'string:dateTime': 'date',
// 'string:date': 'date',
// 'string:year': 'date',
// 'string:month': 'date',
// 'string:week': 'date',
// 'string:quarter': 'date',
// 'string:time': 'time',
// 'string:textarea': 'textarea',
// 'string:color': 'color',
// 'string:image': 'imageInput',
// 'range:time': 'timeRange',
// 'range:dateTime': 'dateRange',
// 'range:date': 'dateRange',
// 'range:year': 'dateRange',
// 'range:month': 'dateRange',
// 'range:week': 'dateRange',
// 'range:quarter': 'dateRange',
// '*?enum': 'radio',
// '*?enum_long': 'select',
// 'array?enum': 'checkboxes',
// 'array?enum_long': 'multiSelect',
// '*?readOnly': 'html', // TODO: html widgets for list / object
// };
// export function getWidgetName(schema, _mapping = mapping) {
// const { type, format, enum: enums, readOnly, widget } = schema;
// // 如果已经注明了渲染widget，那最好
// // if (schema['ui:widget']) {
// // return schema['ui:widget'];
// // }
// const list = [];
// if (readOnly) {
// list.push(`${type}?readOnly`);
// list.push('*?readOnly');
// }
// if (enums) {
// // 根据enum长度来智能选择控件
// if (
// Array.isArray(enums) &&
// ((type === 'array' && enums.length > 6) ||
// (type !== 'array' && enums.length > 2))
// ) {
// list.push(`${type}?enum_long`);
// list.push('*?enum_long');
// } else {
// list.push(`${type}?enum`);
// // array 默认使用list，array?enum 默认使用checkboxes，*?enum 默认使用select
// list.push('*?enum');
// }
// }
// const _widget = widget || format;
// if (_widget) {
// list.push(`${type}:${_widget}`);
// }
// list.push(type); // 放在最后兜底，其他都不match时使用type默认的组件
// let found = '';
// list.some(item => {
// found = _mapping[item];
// return !!found;
// });
// return found;
// }
// export const extraSchemaList = {
// checkbox: {
// valuePropName: 'checked',
// },
// switch: {
// valuePropName: 'checked',
// },
// };
"use strict";