From d59f518f466274b2caeb2e01c10c92deafe7c93b Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 09 二月 2022 11:48:29 +0800
Subject: [PATCH] 2022-02-09

---
 src/views/interface/workspace/index.jsx |   23 ++++++++++++++++-------
 1 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/views/interface/workspace/index.jsx b/src/views/interface/workspace/index.jsx
index 2f60d6b..58c0b71 100644
--- a/src/views/interface/workspace/index.jsx
+++ b/src/views/interface/workspace/index.jsx
@@ -1,5 +1,6 @@
 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'
@@ -39,7 +40,11 @@
 
   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) => {
@@ -66,7 +71,7 @@
   }
 
   handleAdd = () => {
-    this.setState({tabviews: [...this.state.tabviews, {
+    let item = {
       uuid: Utils.getuuid(),
       createDate: '',
       method: 'POST',
@@ -76,7 +81,11 @@
       active: 'raw',
       raw: '',
       formData: []
-    }]})
+    }
+    this.setState({tabviews: [...this.state.tabviews, item]}, () => {
+      let div = document.getElementById(item.uuid)
+      div && div.click && div.click()
+    })
   }
 
   render () {
@@ -84,20 +93,20 @@
 
     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}

--
Gitblit v1.8.0