image.png
projectSchema

  1. {
  2.   "type": "object",
  3.   "properties": {
  4.     "name": {
  5.       "type": "string",
  6.       "title": "项目名称",
  7.       "x-decorator": "FormItem",
  8.       "x-component": "Input",
  9.       "x-validator": [],
  10.       "x-component-props": {
  11.         "maxLength": 30,
  12.         "placeholder": "请输入项目名称",
  13.         "showCount": true
  14.       },
  15.       "x-decorator-props": {},
  16.       "name": "name",
  17.       "required": true,
  18.       "x-designable-id": "e9m2s5wzdy5",
  19.       "x-index": 0
  20.     },
  21.     "description": {
  22.       "type": "string",
  23.       "title": "项目描述",
  24.       "x-decorator": "FormItem",
  25.       "x-component": "Input.TextArea",
  26.       "x-validator": [],
  27.       "x-component-props": {
  28.         "maxLength": 100,
  29.         "placeholder": "请输入项目描述",
  30.         "showCount": true
  31.       },
  32.       "x-decorator-props": {},
  33.       "name": "description",
  34.       "required": true,
  35.       "x-designable-id": "ypbli99rn6u",
  36.       "x-index": 1
  37.     },
  38.     "type": {
  39.       "type": "string | number",
  40.       "title": "项目类型",
  41.       "x-decorator": "FormItem",
  42.       "x-component": "Radio.Group",
  43.       "enum": [
  44.         {
  45.           "children": [],
  46.           "label": "PC",
  47.           "value": 1
  48.         },
  49.         {
  50.           "children": [],
  51.           "label": "移动端",
  52.           "value": 2
  53.         }
  54.       ],
  55.       "x-validator": [],
  56.       "x-component-props": {},
  57.       "x-decorator-props": {},
  58.       "name": "type",
  59.       "default": 1,
  60.       "x-designable-id": "8783w8030pj",
  61.       "x-index": 2
  62.     },
  63.     "scene": {
  64.       "type": "string | number",
  65.       "title": "场景类型",
  66.       "x-decorator": "FormItem",
  67.       "x-component": "Radio.Group",
  68.       "enum": [
  69.         {
  70.           "children": [],
  71.           "label": "通用",
  72.           "value": 1
  73.         },
  74.         {
  75.           "children": [],
  76.           "label": "场景表单",
  77.           "value": 2
  78.         }
  79.       ],
  80.       "x-validator": [],
  81.       "x-component-props": {},
  82.       "x-decorator-props": {},
  83.       "name": "scene",
  84.       "default": 1,
  85.       "x-designable-id": "mv8a7rt0pf4",
  86.       "x-index": 3
  87.     },
  88.     "member": {
  89.       "title": "成员",
  90.       "x-decorator": "FormItem",
  91.       "x-component": "Select",
  92.       "x-validator": [],
  93.       "x-component-props": {},
  94.       "x-decorator-props": {},
  95.       "name": "member",
  96.       "x-designable-id": "rcvdec03f81",
  97.       "x-index": 4,
  98.       "enum": [
  99.         {
  100.           "children": [],
  101.           "label": "王重阳",
  102.           "value": "1"
  103.         },
  104.         {
  105.           "children": [],
  106.           "label": "李慕白",
  107.           "value": "2"
  108.         }
  109.       ]
  110.     }
  111.   },
  112.   "x-designable-id": "0908elk8jzy"
  113. }

驾驶证积分查询

image.png

image.png
image.png

designer�

  1. import { useDesigner } from '@designable/react'
  2. import {
  3.   transformToSchema,
  4.   transformToTreeNode,
  5. } from '@designable/formily-transformer'
  7. const designer = useDesigner()
  9. const json = transformToSchema(designer.getCurrentTree())

image.png