amis2/examples/components/EventAction/cmpt-event-action/InputTreeEvent.jsx

export default {
  type: 'page',
  title: '树形选择框',
  regions: ['body', 'toolbar', 'header'],
  body: [
    {
      type: 'form',
      debug: true,
      body: [
        {
          name: 'input-tree-clear',
          type: 'action',
          label: 'clear触发器',
          level: 'primary',
          className: 'mr-3',
          onEvent: {
            click: {
              actions: [
                {
                  actionType: 'clear',
                  componentId: 'input-tree-action',
                  description: '点击清空内容'
                }
              ]
            }
          }
        },
        {
          name: 'input-tree-reset',
          type: 'action',
          label: 'reset触发器',
          level: 'primary',
          className: 'mr-3',
          onEvent: {
            click: {
              actions: [
                {
                  actionType: 'clear',
                  componentId: 'input-tree-action',
                  description: '点击清空内容'
                }
              ]
            }
          }
        },
        {
          name: 'input-tree-expand',
          type: 'action',
          label: 'expand触发器（openLevel: 2）',
          level: 'primary',
          className: 'mr-3',
          onEvent: {
            click: {
              actions: [
                {
                  actionType: 'expand',
                  componentId: 'input-tree-action',
                  description: '点击展开',
                  args: {
                    openLevel: 2
                  }
                }
              ]
            }
          }
        },
        {
          name: 'input-tree-collapse',
          type: 'action',
          label: 'collapse触发器',
          level: 'primary',
          className: 'mr-3',
          onEvent: {
            click: {
              actions: [
                {
                  actionType: 'collapse',
                  componentId: 'input-tree-action',
                  description: '点击收起'
                }
              ]
            }
          }
        },
        {
          type: 'input-tree',
          id: 'input-tree-action',
          name: 'tree',
          label: 'Tree',
          creatable: true,
          removable: true,
          editable: true,
          initiallyOpen: false,
          unfoldedLevel: 1,
          deferApi: '/api/mock2/form/deferOptions?label=${label}&waitSeconds=2',
          options: [
            {
              label: 'Folder A',
              value: 1,
              children: [
                {
                  label: 'file A(懒加载)',
                  defer: true,
                  value: 2
                },
                {
                  label: 'Folder B',
                  value: 3,
                  children: [
                    {
                      label: 'file b1',
                      value: 3.1
                    },
                    {
                      label: 'file b2',
                      value: 3.2
                    }
                  ]
                }
              ]
            },
            {
              label: 'file C',
              value: 4
            },
            {
              label: 'file D',
              value: 5
            }
          ],
          onEvent: {
            change: {
              actions: [
                {
                  actionType: 'toast',
                  args: {
                    msgType: 'info',
                    msg: '派发change事件${tree}'
                  }
                }
              ]
            },
            add: {
              actions: [
                {
                  actionType: 'toast',
                  args: {
                    msgType: 'info',
                    msg: '派发add事件${tree|json}'
                  }
                },
                {
                  actionType: 'toast',
                  args: {
                    msgType: 'info',
                    msg: '派发add事件${items|json}'
                  }
                }
              ]
            },
            edit: {
              actions: [
                {
                  actionType: 'toast',
                  args: {
                    msgType: 'info',
                    msg: '派发edit事件${tree|json}'
                  }
                },
                {
                  actionType: 'toast',
                  args: {
                    msgType: 'info',
                    msg: '派发edit事件${items|json}'
                  }
                }
              ]
            },
            delete: {
              actions: [
                {
                  actionType: 'toast',
                  args: {
                    msgType: 'info',
                    msg: '派发delete事件${tree|json}'
                  }
                },
                {
                  actionType: 'toast',
                  args: {
                    msgType: 'info',
                    msg: '派发delete事件${items|json}'
                  }
                }
              ]
            },
            loadFinished: {
              actions: [
                {
                  actionType: 'toast',
                  args: {
                    msgType: 'info',
                    msg: '派发loadFinished事件${tree|json}'
                  }
                }
              ]
            }
          }
        }
      ]
    }
  ]
};