/*
 * @Author: llx
 * @Date: 2024-09-03 17:55:23
 * @LastEditors: llx
 * @LastEditTime: 2024-09-04 10:39:05
 * @Description: file content
 */
export default [
  {
    title: '表单容器',
    isH5Mode: true,
    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/form-1.png',
    schema: {
      componentName: 'Form',
      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}",
        },
        name: 'basic',
      },
      children: [
        {
          componentName: 'Form.Item',
          props: {
            label: '表单项',
            required: true,
            noStyle: false,
            valuePropName: 'value',
            name: 'a',
          },
          children: [
            {
              componentName: 'Input',
              props: {
                placeholder: '请输入',
                bordered: true,
                disabled: false,
                size: 'middle',
              },
            },
          ],
        },
        {
          componentName: 'Form.Item',
          props: {
            label: '表单项',
            required: false,
            noStyle: false,
            valuePropName: 'value',
            name: 'b',
          },
          children: [
            {
              componentName: 'TextArea',
              props: {
                placeholder: '请输入',
                maxLength: 100,
                rows: 2,
                showCount: true,
              },
            },
          ],
        },
        {
          componentName: 'Form.Item',
          props: {
            label: '表单项',
            required: false,
            noStyle: false,
            valuePropName: 'value',
            name: 'c',
          },
          children: [
            {
              componentName: 'Stepper',
              props: {},
            },
          ],
        },
        {
          componentName: 'Form.Item',
          props: {
            label: '表单项',
            required: false,
            noStyle: false,
            valuePropName: 'value',
            name: 'd',
          },
          children: [
            {
              componentName: 'Switch',
              props: {},
            },
          ],
        },
        {
          componentName: 'Form.Item',
          props: {
            label: '表单项',
            name: 'e',
            required: false,
            noStyle: false,
            valuePropName: 'value',
          },
          children: [
            {
              componentName: 'DatePicker',
              props: {},
            },
          ],
        },
        {
          componentName: 'Form.Item',
          props: {
            label: '表单项',
            required: false,
            noStyle: false,
            valuePropName: 'value',
            name: 'f',
          },
          children: [
            {
              componentName: 'Slider',
              props: {
                step: 10,
                ticks: true,
              },
            },
          ],
        },
        {
          componentName: 'Form.Item',
          props: {
            label: '表单项',
            name: 'g',
            initialValue: 'A',
            required: false,
            noStyle: false,
            valuePropName: 'value',
          },
          children: [
            {
              componentName: 'Stepper',
              props: {},
            },
          ],
        },
        {
          componentName: 'Form.Item',
          props: {
            label: '表单项',
            required: false,
            noStyle: false,
            valuePropName: 'checked',
            name: 'i',
          },
          children: [
            {
              componentName: 'Selector',
              props: {
                columns: 3,
                multiple: true,
                options: [
                  {
                    label: '苹果',
                    value: 'apple',
                  },
                  {
                    label: '橘子',
                    value: 'orange',
                  },
                  {
                    label: '香蕉',
                    value: 'banana',
                  },
                ],
              },
            },
          ],
        },
        {
          componentName: 'Form.Item',
          props: {},
          children: [
            {
              componentName: 'Button',
              props: {
                type: 'primary',
                children: '提交',
                htmlType: 'submit',
              },
            },
            {
              componentName: 'Button',
              props: {
                style: {
                  marginLeft: 20,
                },
                children: '取消',
              },
            },
          ],
        },
      ],
    },
  },
];