bytesforce-form-render/lib/mapping.js

通过 JSON Schema 生成标准 Form，常用于自定义搭建配置界面生成

// 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";