export default [
  {
    title: '表单容器',
    screenshot: require('../../assets/form-1.png'),
    schema: {
      componentName: 'AMForm',
      props: {
        layout: 'horizontal',
        onValuesChange: {
          type: 'JSFunction',
          value:
            "function onValuesChange(changedValues, allValues) {\n  console.log('onValuesChange', changedValues, allValues);\n}",
        },
        onFinish: {
          type: 'JSFunction',
          value: "function onFinish(values) {\n  console.log('onFinish', values);\n}",
        },
        onFinishFailed: {
          type: 'JSFunction',
          value:
            "function onFinishFailed({ values, errorFields, outOfDate }) {\n  console.log('onFinishFailed', values, errorFields, outOfDate);\n}",
        },
      },
      children: [
        {
          componentName: 'AMForm.Item',
          props: {
            label: '表单项',
            required: true,
            valuePropName: 'value',
            hasFeedback: true,
            name: 'a',
            requiredobj: {
              required: true,
              showMessage: false,
              message: '必填',
            },
            typeobj: {
              type: null,
              message: null,
            },
            lenobj: {
              max: null,
              min: null,
              message: null,
            },
            patternobj: {
              pattern: null,
              message: null,
            },
          },
          children: [
            {
              componentName: 'AMInput',
              props: {
                placeholder: '请输入',
                bordered: true,
                disabled: false,
                size: 'middle',
              },
            },
          ],
        },
        {
          componentName: 'AMForm.Item',
          props: {
            label: '表单项',
            required: false,
            noStyle: false,
            valuePropName: 'value',
            hasFeedback: true,
            requiredobj: {
              required: null,
              message: null,
            },
            typeobj: {
              type: null,
              message: null,
            },
            lenobj: {
              max: null,
              min: null,
              message: null,
            },
            patternobj: {
              pattern: null,
              message: null,
            },
            name: 'b',
          },
          children: [
            {
              componentName: 'AMInput',
              props: {
                placeholder: '请输入',
                autoFocus: false,
                disabled: false,
                size: 'middle',
              },
            },
          ],
        },
        {
          componentName: 'AMForm.Item',
          props: {
            label: '表单项',
            required: false,
            noStyle: false,
            valuePropName: 'value',
            hasFeedback: true,
            requiredobj: {
              required: null,
              message: null,
            },
            typeobj: {
              type: null,
              message: null,
            },
            lenobj: {
              max: null,
              min: null,
              message: null,
            },
            patternobj: {
              pattern: null,
              message: null,
            },
            name: 'c',
          },
          children: [
            {
              componentName: 'AMInput',
              props: {
                type: 'password',
                bordered: true,
                disabled: false,
                placeholder: '请输入',
                size: 'middle',
              },
            },
          ],
        },
        {
          componentName: 'AMForm.Item',
          props: {
            label: '表单项',
            required: false,
            noStyle: false,
            valuePropName: 'value',
            hasFeedback: true,
            requiredobj: {
              required: null,
              message: null,
            },
            typeobj: {
              type: null,
              message: null,
            },
            lenobj: {
              max: null,
              min: null,
              message: null,
            },
            patternobj: {
              pattern: null,
              message: null,
            },
            name: 'd',
          },
          children: [
            {
              componentName: 'AMTextArea',
              props: {
                autoSize: {
                  minRows: 3,
                  maxRows: 3,
                },
                placeholder: '请输入',
                bordered: true,
                disabled: false,
                showCount: false,
                size: 'middle',
              },
            },
          ],
        },
        {
          componentName: 'AMForm.Item',
          props: {
            label: '表单项',
            name: 'e',
            required: false,
            noStyle: false,
            valuePropName: 'value',
            hasFeedback: true,
            requiredobj: {
              required: null,
              message: null,
            },
            typeobj: {
              type: null,
              message: null,
            },
            lenobj: {
              max: null,
              min: null,
              message: null,
            },
            patternobj: {
              pattern: null,
              message: null,
            },
          },
          children: [
            {
              componentName: 'AMSelector',
              props: {
                style: {
                  width: 200,
                },
                options: [
                  {
                    label: 'A',
                    value: 'A',
                  },
                  {
                    label: 'B',
                    value: 'B',
                  },
                  {
                    label: 'C',
                    value: 'C',
                  },
                ],
                placeholder: '请输入',
              },
            },
          ],
        },
        {
          componentName: 'AMForm.Item',
          props: {
            label: '表单项',
            required: false,
            noStyle: false,
            valuePropName: 'checked',
            hasFeedback: true,
            requiredobj: {
              required: null,
              message: null,
            },
            typeobj: {
              type: null,
              message: null,
            },
            lenobj: {
              max: null,
              min: null,
              message: null,
            },
            patternobj: {
              pattern: null,
              message: null,
            },
            name: 'i',
          },
          children: [
            {
              componentName: 'AMSwitch',
              props: {
                defaultChecked: false,
                autoFocus: false,
                disabled: false,
                loading: false,
                size: 'default',
              },
            },
          ],
        },
      ],
    },
  },
];