amis/examples/components/Form/Remote.jsx

export default {
  $schema: 'https://houtai.baidu.com/v2/schemas/page.json#',
  title: '动态拉取选项',
  name: 'page-form-remote',
  body: [
    {
      type: 'form',
      title: '动态表单元素示例',
      name: 'demo-form',
      api: '/api/mock2/form/saveForm?waitSeconds=2',
      mode: 'horizontal',
      actions: [
        {
          type: 'submit',
          label: '提交'
        }
      ],
      controls: [
        {
          name: 'select',
          type: 'select',
          label: '动态选项',
          source: '/api/mock2/form/getOptions?waitSeconds=1',
          description: '通过接口一口气拉取选项',
          clearable: true,
          searchable: true
        },
        {
          type: 'divider'
        },
        {
          name: 'select2',
          type: 'select',
          label: '选项自动补全',
          autoComplete: '/api/mock2/options/autoComplete?term=$term',
          placeholder: '请输入',
          description: '通过接口自动补全'
        },
        {
          type: 'divider'
        },
        {
          type: 'text',
          name: 'text',
          label: '文本提示',
          source: '/api/mock2/form/getOptions?waitSeconds=1',
          placeholder: '请选择',
          creatable: true
        },
        {
          type: 'divider'
        },
        {
          name: 'text2',
          type: 'text',
          label: '文本自动补全',
          clearable: true,
          autoComplete: '/api/mock2/options/autoComplete2?term=$term',
          description: '通过接口自动补全'
        },
        {
          name: 'chained',
          type: 'chained-select',
          label: '级联选项',
          source:
            '/api/mock2/options/chainedOptions?waitSeconds=1&parentId=$parentId&level=$level&maxLevel=4&waiSeconds=1',
          desc:
            '无限级别, 只要 api 返回数据就能继续往下选择. 当没有下级时请返回 null.',
          value: 'a,b'
        },
        {
          type: 'divider'
        },
        {
          name: 'tree',
          type: 'tree',
          label: '动态树',
          source: '/api/mock2/options/tree?waitSeconds=1'
        },
        {
          type: 'divider'
        },
        {
          name: 'matrix',
          type: 'matrix',
          label: '动态矩阵开关',
          source: '/api/mock2/options/matrix?waitSeconds=1'
        }
      ]
    }
  ]
};