release v0.3.3 优化前端页面弹窗不再居中

web/src/components/Login.js

@@ -128,7 +128,7 @@ class LoginForm extends Component {
 
                 <Modal title="双因素认证" visible={this.state.totpModalVisible} confirmLoading={this.state.confirmLoading}
                        maskClosable={false}
-                       centered={true}
+
                        onOk={() => {
                            this.formRef.current
                                .validateFields()

web/src/components/access/Access.js

@@ -652,7 +652,7 @@ class Access extends Component {
                             title="剪贴板"
                             maskClosable={false}
                             visible={this.state.clipboardVisible}
-                            centered={true}
+
                             onOk={() => {
                                 this.clipboardFormRef.current
                                     .validateFields()

web/src/components/access/FileSystem.js

@@ -457,7 +457,7 @@ class FileSystem extends Component {
                 <Modal
                     title="上传文件"
                     visible={this.state.uploadVisible}
-                    centered={true}
+
                     onOk={() => {
                         this.setState({
                             uploadVisible: false
@@ -483,7 +483,7 @@ class FileSystem extends Component {
                         <Modal
                             title="创建文件夹"
                             visible={this.state.mkdirVisible}
-                            centered={true}
+
                             onOk={() => {
                                 this.mkdirFormRef.current
                                     .validateFields()
@@ -535,7 +535,7 @@ class FileSystem extends Component {
                         <Modal
                             title="重命名"
                             visible={this.state.renameVisible}
-                            centered={true}
+
                             onOk={() => {
                                 this.renameFormRef.current
                                     .validateFields()

web/src/components/asset/Asset.js

@@ -926,7 +926,7 @@ class Asset extends Component {
                     </Text>}
                            visible={this.state.changeOwnerModalVisible}
                            confirmLoading={this.state.changeOwnerConfirmLoading}
-                           centered={true}
+
                            onOk={() => {
                                this.setState({
                                    changeOwnerConfirmLoading: true
@@ -989,7 +989,7 @@ class Asset extends Component {
                             </Text>}
                                    visible={this.state.changeSharerModalVisible}
                                    confirmLoading={this.state.changeSharerConfirmLoading}
-                                   centered={true}
+
                                    onOk={async () => {
                                        this.setState({
                                            changeSharerConfirmLoading: true

web/src/components/asset/AssetModal.js

@@ -131,7 +131,6 @@ const AssetModal = function ({title, visible, handleOk, handleCancel, confirmLoa
             title={title}
             visible={visible}
             maskClosable={false}
-            centered={true}
             onOk={() => {
                 form
                     .validateFields()

web/src/components/command/DynamicCommand.js

@@ -663,7 +663,7 @@ class DynamicCommand extends Component {
                     <Modal
                         title="选择资产"
                         visible={this.state.assetsVisible}
-                        centered={true}
+
                         onOk={this.executeCommand}
                         onCancel={() => {
                             this.setState({
@@ -691,7 +691,7 @@ class DynamicCommand extends Component {
                     </Text>}
                            visible={this.state.changeOwnerModalVisible}
                            confirmLoading={this.state.changeOwnerConfirmLoading}
-                           centered={true}
+
                            onOk={() => {
                                this.setState({
                                    changeOwnerConfirmLoading: true
@@ -752,7 +752,7 @@ class DynamicCommand extends Component {
                                 style={{color: '#1890ff'}}>{this.state.selected['name']}</strong>」的授权人
                             </Text>}
                                    visible={this.state.changeSharerModalVisible}
-                                   centered={true}
+
                                    confirmLoading={this.state.changeSharerConfirmLoading}
                                    onOk={async () => {
                                        this.setState({

web/src/components/command/DynamicCommandModal.js

@@ -21,7 +21,6 @@ const DynamicCommandModal = ({title, visible, handleOk, handleCancel, confirmLoa
             title={title}
             visible={visible}
             maskClosable={false}
-            centered={true}
             onOk={() => {
                 form
                     .validateFields()

web/src/components/credential/Credential.js

@@ -606,7 +606,7 @@ class Credential extends Component {
                     </Text>}
                            visible={this.state.changeOwnerModalVisible}
                            confirmLoading={this.state.changeOwnerConfirmLoading}
-                           centered={true}
+
                            onOk={() => {
                                this.setState({
                                    changeOwnerConfirmLoading: true
@@ -665,7 +665,7 @@ class Credential extends Component {
                             </Text>}
                                    visible={this.state.changeSharerModalVisible}
                                    confirmLoading={this.state.changeSharerConfirmLoading}
-                                   centered={true}
+
                                    onOk={async () => {
                                        this.setState({
                                            changeSharerConfirmLoading: true

web/src/components/credential/CredentialModal.js

@@ -47,7 +47,6 @@ const CredentialModal = ({title, visible, handleOk, handleCancel, confirmLoading
             title={title}
             visible={visible}
             maskClosable={false}
-            centered={true}
             onOk={() => {
                 form
                     .validateFields()

web/src/components/devops/Job.js

@@ -566,7 +566,7 @@ class Job extends Component {
                                 title={'日志'}
                                 visible={true}
                                 maskClosable={false}
-                                centered={true}
+
                                 onOk={async () => {
                                     let result = await request.delete(`/jobs/${this.state.selectedRow['id']}/logs`);
                                     if (result['code'] === 1) {

web/src/components/devops/JobModal.js

@@ -47,7 +47,6 @@ const JobModal = ({title, visible, handleOk, handleCancel, confirmLoading, model
             title={title}
             visible={visible}
             maskClosable={false}
-            centered={true}
             onOk={() => {
                 form
                     .validateFields()

web/src/components/devops/SecurityModal.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import {Form, Input, InputNumber, Modal, Radio} from "antd/lib/index";
+import {Form, Input, InputNumber, Modal, Radio, Tooltip} from "antd/lib/index";
+import {ExclamationCircleOutlined} from "@ant-design/icons";
 
 const formItemLayout = {
     labelCol: {span: 6},
@@ -19,7 +20,6 @@ const SecurityModal = ({title, visible, handleOk, handleCancel, confirmLoading,
             title={title}
             visible={visible}
             maskClosable={false}
-            centered={true}
             onOk={() => {
                 form
                     .validateFields()
@@ -54,7 +54,9 @@ const SecurityModal = ({title, visible, handleOk, handleCancel, confirmLoading,
                     </Radio.Group>
                 </Form.Item>
 
-                <Form.Item label="优先级" name='priority' rules={[{required: true, message: '请输入优先级'}]}>
+                <Form.Item label={<Tooltip
+                    title="数字越小代表优先级越高。">优先级&nbsp;
+                    <ExclamationCircleOutlined/></Tooltip>} name='priority' rules={[{required: true, message: '请输入优先级'}]}>
                     <InputNumber min={0} max={100}/>
                 </Form.Item>
 

web/src/components/session/OfflineSession.js

@@ -502,7 +502,7 @@ class OfflineSession extends Component {
                             <Modal
                                 className='modal-no-padding'
                                 title={`会话回放 来源IP：${this.state.selectedRow['clientIp']} 用户昵称：${this.state.selectedRow['creatorName']} 资产名称：${this.state.selectedRow['assetName']} 网络：${this.state.selectedRow['username']}@${this.state.selectedRow['ip']}:${this.state.selectedRow['port']}`}
-                                centered={true}
+
                                 visible={this.state.playbackVisible}
                                 onCancel={this.hidePlayback}
                                 width={window.innerWidth * 0.8}

web/src/components/session/OnlineSession.js

@@ -474,7 +474,7 @@ class OnlineSession extends Component {
                             <Modal
                                 className='modal-no-padding'
                                 title={this.state.sessionTitle}
-                                centered={true}
+
                                 maskClosable={false}
                                 visible={this.state.accessVisible}
                                 footer={null}

web/src/components/user/User.js

@@ -653,7 +653,7 @@ class User extends Component {
                         width={window.innerWidth * 0.8}
                         title='已授权资产'
                         visible={this.state.assetVisible}
-                        centered={true}
+
                         maskClosable={false}
                         destroyOnClose={true}
                         onOk={() => {
@@ -674,7 +674,7 @@ class User extends Component {
                             <Modal title="修改密码" visible={this.state.changePasswordVisible}
                                    confirmLoading={this.state.changePasswordConfirmLoading}
                                    maskClosable={false}
-                                   centered={true}
+
                                    onOk={() => {
                                        this.changePasswordFormRef.current
                                            .validateFields()

web/src/components/user/UserGroup.js

@@ -453,7 +453,7 @@ class UserGroup extends Component {
                         title='已授权资产'
                         visible={this.state.assetVisible}
                         maskClosable={false}
-                        centered={true}
+
                         destroyOnClose={true}
                         onOk={() => {
 

web/src/components/user/UserGroupModal.js

@@ -24,7 +24,6 @@ const UserGroupModal = ({
             visible={visible}
             maskClosable={false}
             destroyOnClose={true}
-            centered={true}
             onOk={() => {
                 form
                     .validateFields()

web/src/components/user/UserModal.js

@@ -15,7 +15,6 @@ const UserModal = ({title, visible, handleOk, handleCancel, confirmLoading, mode
             title={title}
             visible={visible}
             maskClosable={false}
-            centered={true}
             onOk={() => {
                 form
                     .validateFields()