feat:增加http options

platform/example/src/App.css

@@ -1,5 +1,4 @@
-.box{
+*{
- height: 50px;
+ margin: 0;
- width: 50px;
+ padding: 0;
- overflow: hidden;
 }

platform/example/src/component/step/http/Http.module.less

@@ -21,3 +21,19 @@
 .HttpTab{
  margin-top: 10px;
 }
+.HttpContentFlex{
+ width: 100%;
+ display: flex;
+ flex-wrap: wrap;
+}
+.HttpTitle{
+ font-size: 17px;
+ font-weight: 600;
+}
+.HttpOptionFlex{
+ width: 100%;
+ padding: 0 15px;
+ display: flex;
+ justify-content: space-between;
+ margin-top: 20px;
+}

platform/example/src/component/step/http/Options.tsx

@@ -1,10 +1,70 @@
 import {Component} from "react";
+import {Input, InputNumber, Switch} from "antd";
+import style from "./Http.module.less"
+const defaultData:OptionsData = {
+ code: "UTF-8",
+ redirect: false,
+ requestSwitch: true,
+ timeout: 5000,
+ uploadType: "HttpClient4"
+
+}
+
+class Options extends Component<HttpOptionsProps,any>{
+ constructor(props:HttpOptionsProps) {
+ super(props);
+ this.state = {
+ options:Object.assign({},defaultData,this.props.data)
+ }
+ }
 
-class Options extends Component<any,any>{
  render() {
- return <div>
+ return <div className={style.HttpContentFlex}>
-
+ <div className={style.HttpOptionFlex}>
- Options
+ <div>
+ <div className={style.HttpTitle}>内容编码</div>
+ <p>通常用于在发送请求时对指定内容的字符集，以防止请求出现乱码或服务器无法正确处理请求</p>
+ </div>
+ <div>
+ <Input value={this.state.options.code} defaultValue="UTF-8" />
+ </div>
+ </div>
+ <div className={style.HttpOptionFlex}>
+ <div>
+ <div className={style.HttpTitle}>上传类型</div>
+ <p>所上传文件的文件类型</p>
+ </div>
+ <div>
+ <Input value={this.state.options.code} defaultValue="UTF-8" />
+ </div>
+ </div>
+ <div className={style.HttpOptionFlex}>
+ <div>
+ <div className={style.HttpTitle}>请求开关</div>
+ <p>对POST使用multipart/from-data</p>
+ </div>
+ <div>
+ <Switch checkedChildren="开启" unCheckedChildren="关闭" defaultChecked checked={this.state.options.requestSwitch} />
+ </div>
+ </div>
+ <div className={style.HttpOptionFlex}>
+ <div>
+ <div className={style.HttpTitle}>超时时间</div>
+ <p>所上传文件的文件类型</p>
+ </div>
+ <div>
+ <InputNumber addonAfter="ms" defaultValue={5000} value={this.state.options.timeout} />
+ </div>
+ </div>
+ <div className={style.HttpOptionFlex}>
+ <div>
+ <div className={style.HttpTitle}>跟随重定向</div>
+ <p>跟随重定向，会详细记录重定向的过程，可以卡电脑多个重定向的请求</p>
+ </div>
+ <div>
+ <Switch checkedChildren="开启" unCheckedChildren="关闭" defaultChecked checked={this.state.options.redirect} />
+ </div>
+ </div>
  </div>;
  }
 }

platform/example/src/component/step/http/edit.tsx

@@ -77,8 +77,9 @@ const defaultMetod = ["GET","POST","PUT","DELETE","PATCH","HEAD","OPTIONS"].map(
 class HttpEditComponent extends Component<stepProps, any> {
  constructor(props: stepProps) {
  super(props);
+ const content = props.data.content||"{}"
  this.state = {
- data:JSON.parse(props.data.content)
+ data:JSON.parse(content)
  }
  }
  updateData(){

platform/example/src/component/step/http/type.d.ts

@@ -9,9 +9,13 @@ interface HttpMethod{
  data:allData
 }
 interface HttpChilProps{
+ data:allData
+ onchange:(data:HttpMethod)=>void
+}
+interface HttpOptionsProps{
+ data:OptionsData
  onchange:(data:HttpMethod)=>void
 }
-
 
 interface HttpData {
  host:HostData
@@ -42,7 +46,11 @@ interface ResponseData {
 
 }
 interface OptionsData {
-
+ code:string
+ uploadType:string
+ requestSwitch:boolean
+ timeout:number
+ redirect:boolean
 }
 interface ExtractData {