amis2/examples/components/EventAction/InputEvent.jsx

export default {
  type: 'page',
  title: '输入类组件事件',
  regions: ['body', 'toolbar', 'header'],
  body: [
    {
      type: 'tpl',
      tpl: 'InputText输入框',
      inline: false,
      wrapperComponent: 'h2'
    },
    {
      type: 'form',
      name: 'text-form',
      debug: true,
      api: '/api/mock2/form/saveForm',
      body: [
        {
          type: 'group',
          body: [
            {
              name: 'trigger1',
              id: 'trigger1',
              type: 'action',
              label: 'clear触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'clear',
                      componentId: 'clear-receiver',
                      description: '点击清空指定输入框的内容'
                    },
                    {
                      actionType: 'toast',
                      msgType: 'info',
                      msg: '派发clear事件'
                    }
                  ]
                }
              }
            },
            {
              name: 'clear-receiver',
              id: 'clear-receiver',
              type: 'input-text',
              clearable: true,
              label: 'clear动作测试',
              mode: 'row',
              value: 'chunk of text ready to be cleared.'
            }
          ]
        },
        {
          type: 'group',
          body: [
            {
              name: 'trigger2',
              id: 'trigger2',
              type: 'action',
              label: 'focus触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'focus',
                      componentId: 'focus-receiver',
                      description: '点击使指定输入框聚焦'
                    },
                    {
                      actionType: 'toast',
                      msgType: 'info',
                      msg: '派发focus事件'
                    }
                  ]
                }
              }
            },
            {
              name: 'focus-receiver',
              id: 'focus-receiver',
              type: 'input-text',
              label: 'focus动作测试',
              mode: 'row'
            }
          ]
        }
      ]
    },
    {
      type: 'divider'
    },
    {
      type: 'tpl',
      tpl: 'Textarea 多行文本输入框',
      inline: false,
      wrapperComponent: 'h2'
    },
    {
      type: 'form',
      name: 'textarea-form',
      debug: true,
      api: '/api/mock2/form/saveForm',
      body: [
        {
          type: 'group',
          body: [
            {
              name: 'textarea-trigger1',
              id: 'textarea-trigger1',
              type: 'action',
              label: 'clear触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'clear',
                      componentId: 'textarea-clear-receiver',
                      description: '点击清空指定输入框的内容'
                    },
                    {
                      actionType: 'toast',
                      msgType: 'info',
                      msg: '派发clear事件'
                    }
                  ]
                }
              }
            },
            {
              name: 'textarea-clear-receiver',
              id: 'textarea-clear-receiver',
              type: 'textarea',
              clearable: true,
              label: 'clear动作测试',
              mode: 'row',
              value: 'chunk of text ready to be cleared.'
            }
          ]
        },
        {
          type: 'group',
          body: [
            {
              name: 'textarea-trigger2',
              id: 'textarea-trigger2',
              type: 'action',
              label: 'focus触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'focus',
                      componentId: 'textarea-focus-receiver',
                      description: '点击使指定输入框聚焦'
                    },
                    {
                      actionType: 'toast',
                      msgType: 'info',
                      msg: '派发focus事件'
                    }
                  ]
                }
              }
            },
            {
              name: 'textarea-focus-receiver',
              id: 'textarea-focus-receiver',
              type: 'textarea',
              label: 'focus动作测试',
              mode: 'row'
            }
          ]
        }
      ]
    },
    {
      type: 'divider'
    },
    {
      type: 'tpl',
      tpl: 'InputNumber数字输入框',
      inline: false,
      wrapperComponent: 'h2'
    },
    {
      type: 'form',
      debug: true,
      body: [
        {
          type: 'group',
          body: [
            {
              name: 'trigger1',
              id: 'trigger1',
              type: 'action',
              label: 'clear触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'clear',
                      componentId: 'clear-input-number-receiver',
                      description: '点击清空指定输入框的内容'
                    },
                  ]
                }
              }
            },
            {
              name: 'clear-input-number-receiver',
              id: 'clear-input-number-receiver',
              type: 'input-number',
              label: 'clear动作测试',
              value: 1,
              onEvent: {
                blur: {
                  actions: [
                    {
                      actionType: 'toast',
                      msgType: 'info',
                      msg: '派发blur事件'
                    }
                  ]
                },
                focus: {
                  actions: [
                    {
                      actionType: 'toast',
                      msgType: 'info',
                      msg: '派发focus事件'
                    }
                  ]
                },
                change: {
                  actions: [
                    {
                      actionType: 'toast',
                      msgType: 'info',
                      msg: '派发change事件'
                    }
                  ]
                }
              }
            }
          ]
        }
      ]
    },
    {
      type: 'divider'
    },
    {
      type: 'tpl',
      tpl: 'Editor 编辑器',
      inline: false,
      wrapperComponent: 'h2'
    },
    {
      type: 'form',
      name: 'editor-form',
      debug: true,
      api: '/api/mock2/form/saveForm',
      body: [
        {
          type: 'group',
          mode: 'inline',
          body: [
            {
              name: 'editor-trigger2',
              id: 'editor-trigger2',
              type: 'action',
              label: '编辑器focus触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'focus',
                      componentId: 'editor-focus-receiver',
                      description: '点击使指定输入框聚焦'
                    },
                    {
                      actionType: 'toast',
                      msgType: 'info',
                      msg: '派发focus事件'
                    }
                  ]
                }
              }
            },
            {
              name: 'editor-focus-receiver',
              id: 'editor-focus-receiver',
              type: 'editor',
              language: 'javascript',
              label: '编辑器focus动作测试',
              value:
                "function HelloWorld() {\n    console.log('Hello World');\n}",
              mode: 'row'
            }
          ]
        },
        {
          type: 'group',
          mode: 'inline',
          body: [
            {
              name: 'diffeditor-trigger2',
              id: 'diffeditor-trigger2',
              type: 'action',
              label: '对比编辑器focus触发器',
              level: 'primary',
              onEvent: {
                click: {
                  actions: [
                    {
                      actionType: 'focus',
                      componentId: 'diffeditor-focus-receiver',
                      description: '点击使指定输入框聚焦'
                    },
                    {
                      actionType: 'toast',
                      msgType: 'info',
                      msg: '派发focus事件'
                    }
                  ]
                }
              }
            },
            {
              name: 'diffeditor-focus-receiver',
              id: 'diffeditor-focus-receiver',
              type: 'diff-editor',
              label: '对比编辑器focus动作测试',
              diffValue:
                "function HelloWorld() {\n    console.log('Hello World');\n}",
              value:
                "function HelloWorld() {\n    console.log('Hello World!');\n}",
              mode: 'row'
            }
          ]
        }
      ]
    }
  ]
};