兼容Modal属性

package.json

@@ -72,7 +72,7 @@
   "devDependencies": {
     "@ant-design/icons": "^4.7.0",
     "@ant-design/pro-layout": "^6.33.1",
-    "@monaco-editor/react": "^4.3.1",
+    "@monaco-editor/react": "4.2.1",
     "@sentry/react": "^7.12.1",
     "@types/body-parser": "^1.19.2",
     "@types/cors": "^2.8.12",

src/layouts/index.less

@@ -326,10 +326,6 @@
   background-color: #373739;
 }
 
-.ant-layout-sider {
-  border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
-}
-
 .ant-pro-sider-logo {
   padding: 16px 8px !important;
 

src/layouts/index.tsx

@@ -136,7 +136,7 @@ export default function (props: any) {
   }, []);
 
   useEffect(() => {
-    if (!user) return;
+    if (!user || !user.username) return;
     ws.current = new SockJS(
       `${location.origin}/api/ws?token=${localStorage.getItem(config.authKey)}`,
     );
@@ -146,9 +146,9 @@ export default function (props: any) {
         const data = JSON.parse(e.data);
         if (data.type === 'ping') {
           if (data && data.message === 'hanhh') {
-            console.log('websocket连接成功', e);
+            console.log('WS connection succeeded !!!');
           } else {
-            console.log('websocket连接失败', e);
+            console.log('WS connection Failed !!!', e);
           }
         }
         setSocketMessage(data);
@@ -186,7 +186,8 @@ export default function (props: any) {
   if (
     ['/login', '/initialization', '/error'].includes(props.location.pathname)
   ) {
-    document.title = `${(config.documentTitleMap as any)[props.location.pathname]
+    document.title = `${
+      (config.documentTitleMap as any)[props.location.pathname]
     } - 控制面板`;
     if (
       systemInfo?.isInitialized &&

src/pages/crontab/detail.tsx

@@ -445,7 +445,7 @@ const CronDetailModal = ({
         </div>
       }
       centered
-      visible={visible}
+      open={visible}
       forceRender
       footer={false}
       onCancel={() => handleCancel()}

src/pages/crontab/logModal.tsx

@@ -119,7 +119,7 @@ const CronLogModal = ({
   return (
     <Modal
       title={titleElement()}
-      visible={visible}
+      open={visible}
       centered
       className="log-modal"
       bodyStyle={{

src/pages/crontab/modal.tsx

@@ -48,7 +48,7 @@ const CronModal = ({
   return (
     <Modal
       title={cron ? '编辑任务' : '新建任务'}
-      visible={visible}
+      open={visible}
       forceRender
       centered
       maskClosable={false}
@@ -172,7 +172,7 @@ const CronLabelModal = ({
   return (
     <Modal
       title="批量修改标签"
-      visible={visible}
+      open={visible}
       footer={buttons}
       centered
       maskClosable={false}

src/pages/crontab/viewCreateModal.tsx

@@ -138,7 +138,7 @@ const ViewCreateModal = ({
   return (
     <Modal
       title={view ? '编辑视图' : '新建视图'}
-      visible={visible}
+      open={visible}
       forceRender
       width={580}
       centered

src/pages/crontab/viewManageModal.tsx

@@ -212,7 +212,7 @@ const ViewManageModal = ({
   return (
     <Modal
       title="视图管理"
-      visible={visible}
+      open={visible}
       centered
       width={620}
       onCancel={() => handleCancel()}

src/pages/dependence/index.tsx

@@ -498,17 +498,24 @@ const Dependence = ({ headerStyle, isPhone, socketMessage }: any) => {
         size="small"
         tabPosition="top"
         onChange={onTabChange}
-      >
+        items={[
-        <Tabs.TabPane tab="NodeJs" key="nodejs">
+          {
-          {panelContent()}
+            key: 'nodejs',
-        </Tabs.TabPane>
+            label: 'NodeJs',
-        <Tabs.TabPane tab="Python3" key="python3">
+            children: panelContent(),
-          {panelContent()}
+          },
-        </Tabs.TabPane>
+          {
-        <Tabs.TabPane tab="Linux" key="linux">
+            key: 'python3',
-          {panelContent()}
+            label: 'Python3',
-        </Tabs.TabPane>
+            children: panelContent(),
-      </Tabs>
+          },
+          {
+            key: 'linux',
+            label: 'Linux',
+            children: panelContent(),
+          },
+        ]}
+      />
       <DependenceModal
         visible={isModalVisible}
         handleCancel={handleCancel}

src/pages/dependence/logModal.tsx

@@ -112,7 +112,7 @@ const DependenceLogModal = ({
   return (
     <Modal
       title={titleElement()}
-      visible={visible}
+      open={visible}
       centered
       className="log-modal"
       bodyStyle={{

src/pages/dependence/modal.tsx

@@ -71,7 +71,7 @@ const DependenceModal = ({
   return (
     <Modal
       title={dependence ? '编辑依赖' : '新建依赖'}
-      visible={visible}
+      open={visible}
       forceRender
       centered
       maskClosable={false}

src/pages/env/editNameModal.tsx

@@ -44,7 +44,7 @@ const EditNameModal = ({
   return (
     <Modal
       title="修改环境变量名称"
-      visible={visible}
+      open={visible}
       forceRender
       centered
       maskClosable={false}

src/pages/env/modal.tsx

@@ -60,7 +60,7 @@ const EnvModal = ({
   return (
     <Modal
       title={env ? '编辑变量' : '新建变量'}
-      visible={visible}
+      open={visible}
       forceRender
       centered
       maskClosable={false}

src/pages/script/editModal.tsx

@@ -214,7 +214,7 @@ const EditModal = ({
       width={'100%'}
       headerStyle={{ padding: '11px 24px' }}
       onClose={cancel}
-      visible={visible}
+      open={visible}
     >
       <SplitPane
         split="vertical"

src/pages/script/editNameModal.tsx

@@ -101,7 +101,7 @@ const EditScriptNameModal = ({
   return (
     <Modal
       title="新建"
-      visible={visible}
+      open={visible}
       forceRender
       centered
       maskClosable={false}

src/pages/script/saveModal.tsx

@@ -41,7 +41,7 @@ const SaveModal = ({
   return (
     <Modal
       title="保存文件"
-      visible={visible}
+      open={visible}
       forceRender
       centered
       maskClosable={false}

src/pages/script/setting.tsx

@@ -41,7 +41,7 @@ const SettingModal = ({
   return (
     <Modal
       title="运行设置"
-      visible={visible}
+      open={visible}
       forceRender
       centered
       onCancel={() => handleCancel()}

src/pages/setting/appModal.tsx

@@ -46,7 +46,7 @@ const AppModal = ({
   return (
     <Modal
       title={app ? '编辑应用' : '新建应用'}
-      visible={visible}
+      open={visible}
       forceRender
       centered
       maskClosable={false}

src/pages/setting/index.tsx

@@ -333,11 +333,16 @@ const Setting = ({
         size="small"
         tabPosition="top"
         onChange={tabChange}
-      >
+        items={[
-        <Tabs.TabPane tab="安全设置" key="security">
+          {
-          <SecuritySettings user={user} userChange={reloadUser} />
+            key: 'security',
-        </Tabs.TabPane>
+            label: '安全设置',
-        <Tabs.TabPane tab="应用设置" key="app">
+            children: <SecuritySettings user={user} userChange={reloadUser} />,
+          },
+          {
+            key: 'app',
+            label: '应用设置',
+            children: (
               <Table
                 columns={columns}
                 pagination={false}
@@ -347,14 +352,22 @@ const Setting = ({
                 scroll={{ x: 768 }}
                 loading={loading}
               />
-        </Tabs.TabPane>
+            ),
-        <Tabs.TabPane tab="通知设置" key="notification">
+          },
-          <NotificationSetting data={notificationInfo} />
+          {
-        </Tabs.TabPane>
+            key: 'notification',
-        <Tabs.TabPane tab="登录日志" key="login">
+            label: '通知设置',
-          <LoginLog data={loginLogData} />
+            children: <NotificationSetting data={notificationInfo} />,
-        </Tabs.TabPane>
+          },
-        <Tabs.TabPane tab="其他设置" key="other">
+          {
+            key: 'login',
+            label: '登录日志',
+            children: <LoginLog data={loginLogData} />,
+          },
+          {
+            key: 'other',
+            label: '其他设置',
+            children: (
               <Form layout="vertical" form={form}>
                 <Form.Item
                   label="主题设置"
@@ -392,11 +405,15 @@ const Setting = ({
                   <CheckUpdate socketMessage={socketMessage} />
                 </Form.Item>
               </Form>
-        </Tabs.TabPane>
+            ),
-        <Tabs.TabPane tab="关于" key="about">
+          },
-          <About />
+          {
-        </Tabs.TabPane>
+            key: 'about',
-      </Tabs>
+            label: '关于',
+            children: <About />,
+          },
+        ]}
+      ></Tabs>
       <AppModal
         visible={isModalVisible}
         handleCancel={handleCancel}

src/pages/subscription/logModal.tsx

@@ -93,7 +93,7 @@ const SubscriptionLogModal = ({
   return (
     <Modal
       title={titleElement()}
-      visible={visible}
+      open={visible}
       centered
       className="log-modal"
       bodyStyle={{

src/pages/subscription/modal.tsx

@@ -272,7 +272,7 @@ const SubscriptionModal = ({
           </span>
         )
       }
-      visible={visible}
+      open={visible}
       forceRender
       centered
       maskClosable={false}