JSONSchema

基本用法

1.10.0 及以上版本

此组件还在实验阶段，很多 json-schema 属性没有对应实现，使用前请先确认你要的功能满足了需求

基于 json-schema 定义生成表单输入项。

```schema: scope=”body” { “type”: “form”, “api”: “/api/mock2/form/saveForm”, debug: true, “body”: [ { “type”: “json-schema”, “name”: “value”, “label”: “字段值”, “schema”: { type: ‘object’, properties: { id: { type: ‘number’, title: ‘ID’ }, name: { type: ‘string’, title: ‘名称’ }, description: { type: ‘string’, title: ‘描述’ } } } } ] }

  2. ## 复杂 case
  4. ```schema: scope="body"
  5. {
  6.     "type": "form",
  7.     "api": "/api/mock2/form/saveForm",
  8.     debug: true,
  9.     "body": [
  10.         {
  11.             "type": "json-schema",
  12.             "name": "value",
  13.             "label": "字段值",
  14.             "schema": {
  15.               type: 'object',
  16.               additionalProperties: false,
  17.               required: ['id', 'name'],
  18.               properties: {
  19.                 id: {
  20.                   type: 'number',
  21.                   title: 'ID'
  22.                 },
  23.                 name: {
  24.                   type: 'string',
  25.                   title: '名称'
  26.                 },
  27.                 description: {
  28.                   type: 'string',
  29.                   title: '描述'
  30.                 },
  31.                 date: {
  32.                   type: 'object',
  33.                   title: '日期',
  34.                   additionalProperties: false,
  35.                   required: ['year', 'month', 'day'],
  36.                   properties: {
  37.                     year: {
  38.                       type: 'number',
  39.                       title: '年'
  40.                     },
  41.                     month: {
  42.                       type: 'number',
  43.                       title: '月'
  44.                     },
  45.                     day: {
  46.                       type: 'number',
  47.                       title: '日'
  48.                     }
  49.                   }
  50.                 },
  51.                 tag: {
  52.                   type: 'array',
  53.                   title: '个人标签',
  54.                   items: {
  55.                     type: 'string'
  56.                   },
  57.                   minContains: 2,
  58.                   maxContains: 10
  59.                 }
  60.               }
  61.             }
  62.         }
  63.     ]
  64. }

远程获取 schema

schema: scope="body" { "type": "form", debug: true, "body": [ { "type": "json-schema", "name": "value", "label": "字段值", "schema": "/api/mock2/json-schema" } ] }

属性表

属性名 类型 默认值 说明
schema object \ string 指定 json-schema