From 3457dfcba63bbb3b2c1fc39b8a2fd77a52bbabcd Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Sun, 25 Jun 2023 08:32:00 +0000
Subject: [PATCH] style: format code with prettier and standardjs

Format code with prettier and standardjs

This commit fixes the style issues introduced in 85472dc according to the output
from Prettier and StandardJS.

Details: https://app.deepsource.com/gh/wkylin/pro-react-admin/transform/4f9939ed-608c-4565-96c1-7fa0f138e22a/
---
 src/pages/layout/proContent/index.jsx | 12 ++---
 src/pages/layout/proTabs/index.jsx    | 74 ++++++++++++++-------------
 2 files changed, 45 insertions(+), 41 deletions(-)

diff --git a/src/pages/layout/proContent/index.jsx b/src/pages/layout/proContent/index.jsx
index 5a2b0301..798aef8c 100644
--- a/src/pages/layout/proContent/index.jsx
+++ b/src/pages/layout/proContent/index.jsx
@@ -18,13 +18,13 @@ const ProContent = () => {
     content: null,
     key: '',
     closable: false,
-    path: '',
+    path: ''
   })
 
   const pathRef = useRef('')
   const { pathname, search } = useLocation()
   const {
-    token: { colorBgContainer, colorBgLayout },
+    token: { colorBgContainer, colorBgLayout }
   } = theme.useToken()
   useEffect(() => {
     const { tabKey, title, element } = getKeyName(pathname)
@@ -36,7 +36,7 @@ const ProContent = () => {
       content: element,
       key: tabKey,
       closable: tabKey !== '/',
-      path: newPath,
+      path: newPath
     })
     setTabActiveKey(tabKey)
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -44,13 +44,13 @@ const ProContent = () => {
 
   return (
     <Layout className={styles.layout}>
-      <Header className="layout-header" style={{ background: colorBgLayout }}>
+      <Header className='layout-header' style={{ background: colorBgLayout }}>
         <ProBreadcrumb />
       </Header>
-      <Content className="layout-content" id="fullScreen" style={{ background: colorBgContainer }}>
+      <Content className='layout-content' id='fullScreen' style={{ background: colorBgContainer }}>
         <ProTabs panesItem={panesItem} tabActiveKey={tabActiveKey} />
       </Content>
-      <Footer className="layout-footer">
+      <Footer className='layout-footer'>
         <FloatButton.BackTop target={() => document.querySelector('#container')}>
           <VerticalAlignTopOutlined style={{ fontSize: 20 }} />
         </FloatButton.BackTop>
diff --git a/src/pages/layout/proTabs/index.jsx b/src/pages/layout/proTabs/index.jsx
index c7e3824c..d0d331d2 100644
--- a/src/pages/layout/proTabs/index.jsx
+++ b/src/pages/layout/proTabs/index.jsx
@@ -22,7 +22,7 @@ const ProTabs = (props) => {
   const fullPath = pathname + search
 
   const {
-    token: { colorBgContainer },
+    token: { colorBgContainer }
   } = theme.useToken()
 
   const renderTabBar = (_props, DefaultTabBar) => (
@@ -31,7 +31,7 @@ const ProTabs = (props) => {
         <DefaultTabBar
           key={nanoid()}
           {..._props}
-          className="pro-tabs"
+          className='pro-tabs'
           style={{ ...style, background: colorBgContainer }}
         />
       )}
@@ -42,7 +42,7 @@ const ProTabs = (props) => {
     document.querySelector('#container').scrollTo({
       top: 0,
       left: 0,
-      behavior: 'smooth',
+      behavior: 'smooth'
     })
   }, [pathname])
 
@@ -113,12 +113,12 @@ const ProTabs = (props) => {
   const tabRightMenu = [
     {
       label: '关闭其他',
-      key: 'other',
+      key: 'other'
     },
     {
       label: '全部关闭',
-      key: 'all',
-    },
+      key: 'all'
+    }
   ]
 
   const fixError = () => {
@@ -126,52 +126,54 @@ const ProTabs = (props) => {
   }
 
   return (
-    <StickyContainer className="layout-container" id="container">
+    <StickyContainer className='layout-container' id='container'>
       <Tabs
         hideAdd
-        type="editable-card"
+        type='editable-card'
         onChange={onChange}
         onTabClick={onTabClick}
         onTabScroll={onTabScroll}
         onEdit={onEdit}
         renderTabBar={renderTabBar}
         tabBarStyle={{
-          zIndex: 2,
+          zIndex: 2
         }}
         activeKey={activeKey}
         destroyInactiveTabPane={false}
         tabBarExtraContent={{
           left: (
-            <Space align="center" size={30} style={{ margin: '0 25px' }}>
+            <Space align='center' size={30} style={{ margin: '0 25px' }}>
               <FireOutlined style={{ color: '#eb2f96', fontSize: 16 }} />
             </Space>
           ),
           right: (
             <>
-              <Fullscreen ele="#fullScreen" placement="left" tips="主内容全屏" />
-              {panes.length > 2 ? (
-                <Dropdown
-                  menu={{
-                    items: tabRightMenu,
-                    onClick: ({ key }) => {
-                      onTabContextMenu(key)
-                    },
-                  }}
-                  trigger={['hover']}
-                >
-                  <Button type="link">
-                    More <DownOutlined />
-                  </Button>
-                </Dropdown>
-              ) : null}
+              <Fullscreen ele='#fullScreen' placement='left' tips='主内容全屏' />
+              {panes.length > 2
+                ? (
+                  <Dropdown
+                    menu={{
+                      items: tabRightMenu,
+                      onClick: ({ key }) => {
+                        onTabContextMenu(key)
+                      }
+                    }}
+                    trigger={['hover']}
+                  >
+                    <Button type='link'>
+                      More <DownOutlined />
+                    </Button>
+                  </Dropdown>
+                  )
+                : null}
             </>
-          ),
+          )
         }}
         items={panes.map((pane) => ({
           label: (
             <>
               {pane.key === fullPath && pane.key !== '/404' && (
-                <SyncOutlined onClick={refreshTab} title="刷新" spin={isReload} />
+                <SyncOutlined onClick={refreshTab} title='刷新' spin={isReload} />
               )}
               {pane.title}
             </>
@@ -181,15 +183,17 @@ const ProTabs = (props) => {
           forceRender: true,
           children: (
             <MyErrorBoundary fixError={fixError}>
-              <div className="layout-tabpanel">
-                {isReload && pane.key === fullPath && pane.key !== '/404' ? (
-                  <Loading tip="刷新中..." />
-                ) : (
-                  <>{pane.content}</>
-                )}
+              <div className='layout-tabpanel'>
+                {isReload && pane.key === fullPath && pane.key !== '/404'
+                  ? (
+                    <Loading tip='刷新中...' />
+                    )
+                  : (
+                    <>{pane.content}</>
+                    )}
               </div>
             </MyErrorBoundary>
-          ),
+          )
         }))}
       />
     </StickyContainer>