!2436 还原:底部状态栏可隐藏,进度条回归

src/UI/Components/Panel.tsx

@@ -1,4 +1,4 @@
-import { Alignment, Button, Classes, HTMLSelect, Intent, Navbar, Position, Switch, Tooltip } from '@blueprintjs/core';
+import { Alignment, Button, Classes, HTMLSelect, Intent, Navbar, Position, ProgressBar, Switch, Tooltip } from '@blueprintjs/core';
 import { action, observable } from 'mobx';
 import { inject, observer } from 'mobx-react';
 import * as React from 'react';
@@ -413,19 +413,34 @@ export class DownPanel extends React.Component<{ store: DownPanelStore; }, {}>
         };
 
         return (
-            <div style={{
+            <div className='DownPanelCoordinateAndRadios' style={{
-                display: "flex",
+                display: (this.downStore.isSmallScreen ? this.downStore.isBottomToolBarShowMin : this.downStore.isBottomToolBarShow) ? "flex" : "none",
+                position: "relative",
                 alignItems: "center",
                 minHeight: "20px",
             }}>
+                <div style={{ width: 180 }}>
+                    <span
+                        style={{
+                            display: this.props.store.progress !== 1 ? "none" : "block",
+                            height: 16,
+                            overflow: "hidden",//避免宽度变换时重绘 闪烁
+                            textOverflow: "ellipsis"
+                        }}
+                        ref={el => this.props.store.posEl = el}
+                    >0,0,0</span>
                     <div style={{
-                    minWidth: "250px",
+                        position: 'absolute',
+                        height: '15px',
+                        top: "50%",
+                        marginTop: '-7px',
+                        zIndex: 5000,
+                        alignItems: "center",
+                        display: this.props.store.progress === 1 ? "none" : "flex"
                     }}>
-                    <span ref={el => this.props.store.posEl = el}>0,0,0</span>
+                        <span style={{ display: this.props.store.progress === 1 ? "none" : "block" }}>{this.props.store.progressName}</span>
-                    {/* <div>
-                        <span>{this.props.store.progressName}</span>
                         <ProgressBar intent={"primary"} value={this.props.store.progress}></ProgressBar>
-                    </div> */}
+                    </div>
                 </div>
                 <div style={{
                     display: "flex",