import React from 'react';
import { Form, Select, Input } from 'antd'

// 使用API方式的配置表单
const HttpPropsEditor: React.FC<any> = () => {
  return <>
    <Form.Item name={["dataCfg","apiUrl"]} label="API地址" rules={[{ required: true }]}>
      <Input addonBefore="http://" />
    </Form.Item>
    <Form.Item name={["dataCfg","sendWay"]} label="提交方式" initialValue="POST">
      <Select allowClear disabled>
        <Select.Option value="POST">post</Select.Option>
        {/* <Select.Option value="GET">get</Select.Option> */}
      </Select>
    </Form.Item>
    <Form.Item name={["dataCfg","requestParams"]} label="请求参数" rules={[{ required: true }]}>
      <Input.TextArea allowClear autoSize={{ minRows: 6, maxRows: 10 }} />
    </Form.Item>
  </>
}

export default HttpPropsEditor;