From 836be13f11f3ce12f0d097b249173c1b25ff2d7a Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Thu, 3 Oct 2024 10:31:09 +0000
Subject: [PATCH] style: format code with Prettier and StandardJS

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

Details: None
---
 src/pages/layout/proContent/index.jsx | 14 ++---
 src/pages/layout/proTabs/index.jsx    | 74 ++++++++++++++-------------
 2 files changed, 46 insertions(+), 42 deletions(-)

diff --git a/src/pages/layout/proContent/index.jsx b/src/pages/layout/proContent/index.jsx
index e9d4fe0e..1593a685 100644
--- a/src/pages/layout/proContent/index.jsx
+++ b/src/pages/layout/proContent/index.jsx
@@ -19,13 +19,13 @@ const ProContent = () => {
     key: '',
     closable: false,
     path: '',
-    i18nKey: '',
+    i18nKey: ''
   })
 
   const pathRef = useRef('')
   const { pathname, search } = useLocation()
   const {
-    token: { colorBgContainer, colorBgLayout },
+    token: { colorBgContainer, colorBgLayout }
   } = theme.useToken()
   useEffect(() => {
     const { tabKey, title, element, i18nKey } = getKeyName(pathname)
@@ -38,21 +38,21 @@ const ProContent = () => {
       key: tabKey,
       closable: tabKey !== '/',
       path: newPath,
-      i18nKey,
+      i18nKey
     })
     setTabActiveKey(tabKey)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [pathname, search, panes, activeKey])
 
   return (
-    <Layout className={styles.layout} id="fullScreen">
-      <Header className="layout-header" style={{ background: colorBgLayout }}>
+    <Layout className={styles.layout} id='fullScreen'>
+      <Header className='layout-header' style={{ background: colorBgLayout }}>
         <ProBreadcrumb />
       </Header>
-      <Content className="layout-content" id="fullScreenContent" style={{ background: colorBgContainer }}>
+      <Content className='layout-content' id='fullScreenContent' 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 6d266751..8a1a66da 100644
--- a/src/pages/layout/proTabs/index.jsx
+++ b/src/pages/layout/proTabs/index.jsx
@@ -23,7 +23,7 @@ const ProTabs = (props) => {
   const fullPath = pathname + search
 
   const {
-    token: { colorBgContainer },
+    token: { colorBgContainer }
   } = theme.useToken()
 
   const renderTabBar = (_props, DefaultTabBar) => (
@@ -32,7 +32,7 @@ const ProTabs = (props) => {
         <DefaultTabBar
           key={nanoid()}
           {..._props}
-          className="pro-tabs"
+          className='pro-tabs'
           style={{ ...style, background: colorBgContainer }}
         />
       )}
@@ -43,7 +43,7 @@ const ProTabs = (props) => {
     document.querySelector('#container').scrollTo({
       top: 0,
       left: 0,
-      behavior: 'smooth',
+      behavior: 'smooth'
     })
   }, [pathname])
 
@@ -114,12 +114,12 @@ const ProTabs = (props) => {
   const tabRightMenu = [
     {
       label: '关闭其他',
-      key: 'other',
+      key: 'other'
     },
     {
       label: '全部关闭',
-      key: 'all',
-    },
+      key: 'all'
+    }
   ]
 
   const fixError = () => {
@@ -127,54 +127,56 @@ 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: (
             <>
               <Space style={{ padding: '0 5px' }}>
-                <Fullscreen ele="#fullScreenContent" placement="left" tips="主内容全屏" />
+                <Fullscreen ele='#fullScreenContent' placement='left' tips='主内容全屏' />
               </Space>
-              {panes.length > 2 ? (
-                <Dropdown
-                  menu={{
-                    items: tabRightMenu,
-                    onClick: ({ key }) => {
-                      onTabContextMenu(key)
-                    },
-                  }}
-                  trigger={['hover']}
-                >
-                  <Button type="link">
-                    More <DownOutlined />
-                  </Button>
-                </Dropdown>
-              ) : null}
+              {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 style={{ padding: '0 5px' }} onClick={refreshTab} title="刷新" spin={isReload} />
+                <SyncOutlined style={{ padding: '0 5px' }} onClick={refreshTab} title='刷新' spin={isReload} />
               )}
               {pane.i18nKey ? t(pane.i18nKey) : pane.title}
             </>
@@ -184,15 +186,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>