| | |
| | | import React, {Component} from 'react' |
| | | import { Icon, Tabs } from 'antd' |
| | | import { Tabs } from 'antd' |
| | | import { PlusOutlined, CloseOutlined } from '@ant-design/icons' |
| | | |
| | | import Utils from '@/utils/utils.js' |
| | | import MKEmitter from '@/utils/events.js' |
| | |
| | | |
| | | useInterface = (item) => { |
| | | item.uuid = Utils.getuuid() |
| | | this.setState({tabviews: [...this.state.tabviews, item]}) |
| | | |
| | | this.setState({tabviews: [...this.state.tabviews, item]}, () => { |
| | | let div = document.getElementById(item.uuid) |
| | | div && div.click && div.click() |
| | | }) |
| | | } |
| | | |
| | | handleTabview = (view) => { |
| | |
| | | } |
| | | |
| | | handleAdd = () => { |
| | | this.setState({tabviews: [...this.state.tabviews, { |
| | | let item = { |
| | | uuid: Utils.getuuid(), |
| | | createDate: '', |
| | | method: 'POST', |
| | |
| | | active: 'raw', |
| | | raw: '', |
| | | formData: [] |
| | | }]}) |
| | | } |
| | | this.setState({tabviews: [...this.state.tabviews, item]}, () => { |
| | | let div = document.getElementById(item.uuid) |
| | | div && div.click && div.click() |
| | | }) |
| | | } |
| | | |
| | | render () { |
| | |
| | | |
| | | return ( |
| | | <div className="workspace-wrap"> |
| | | <Icon className="add-view" type="plus" onClick={this.handleAdd} /> |
| | | <PlusOutlined className="add-view" onClick={this.handleAdd} /> |
| | | <Tabs type="card"> |
| | | {tabviews.map(view => { |
| | | return ( |
| | | <Tabs.TabPane |
| | | tab={ |
| | | <span className="control"> |
| | | <span className="control" id={view.uuid || ''}> |
| | | <span className="method"> |
| | | {view.method || 'POST'} |
| | | </span> |
| | | <span className="interface"> |
| | | {view.interface || 'Untitled Request'} |
| | | </span> |
| | | <Icon type="close" onClick={() => this.handleTabview(view)}/> |
| | | <CloseOutlined onClick={() => this.handleTabview(view)}/> |
| | | </span> |
| | | } |
| | | key={view.uuid} |