From f9e28f4738c4eaaa1bc9ec5f769f89a385e1f3cb Mon Sep 17 00:00:00 2001 From: yombo Date: Thu, 2 Mar 2023 10:10:20 +0800 Subject: [PATCH] u: code format reset --- spug_web/src/pages/ssh/FileManager.js | 220 +++++++++++--------------- 1 file changed, 88 insertions(+), 132 deletions(-) diff --git a/spug_web/src/pages/ssh/FileManager.js b/spug_web/src/pages/ssh/FileManager.js index 4b1a964..9f999b7 100644 --- a/spug_web/src/pages/ssh/FileManager.js +++ b/spug_web/src/pages/ssh/FileManager.js @@ -46,7 +46,7 @@ class FileManager extends React.Component { componentDidUpdate(prevProps) { if (this.props.id !== prevProps.id) { this.fetchFiles() - this.setState({ objects: [] }) + this.setState({objects: []}) } } @@ -54,14 +54,14 @@ class FileManager extends React.Component { title: '名称', key: 'name', render: info => info.kind === 'd' ? ( -
this.handleChdir(info.name, '1')} style={{ cursor: 'pointer' }}> - - {info.name} +
this.handleChdir(info.name, '1')} style={{cursor: 'pointer'}}> + + {info.name}
) : ( - - {info.name} + + {info.name} ), ellipsis: true @@ -87,10 +87,10 @@ class FileManager extends React.Component { key: 'action', render: info => info.kind === '-' ? ( - } - onClick={() => this.handleDownload(info.name)} /> - } - onClick={() => this.handleDelete(info.name)} /> + } + onClick={() => this.handleDownload(info.name)}/> + } + onClick={() => this.handleDelete(info.name)}/> ) : null }]; @@ -108,176 +108,144 @@ class FileManager extends React.Component { pwd = pwdCache.filter(x => !!x) } const path = '/' + pwd.join('/'); - return http.get('/api/file/', { params: { id: this.props.id, path } }) + return http.get('/api/file/', {params: {id: this.props.id, path}}) .then(res => { const objects = lds.orderBy(res, [this._kindSort, 'name'], ['desc', 'asc']); - this.setState({ objects, pwd }) + this.setState({objects, pwd}) this.pwdHistoryCaches.set(this.props.id, pwd) - this.state.inputPath !== null && this.setState({ inputPath: path }) + this.state.inputPath !== null && this.setState({inputPath: path}) }) - .finally(() => this.setState({ fetching: false })) + .finally(() => this.setState({fetching: false})) }; handleChdir = (name, action) => { let pwd = this.state.pwd.map(x => x); if (action === '1') { pwd.push(name) - this.setState({ inputPath: null }) + this.setState({inputPath: null}) } else if (action === '2') { const index = pwd.indexOf(name); - pwd = pwd.splice(0, index + 1); + pwd = pwd.splice(0, index + 1) } else { - pwd = []; + pwd = [] } - this.fetchFiles(pwd); + this.fetchFiles(pwd) }; handleInputEnter = () => { if (this.state.inputPath === null) { if (this.state.pwd.length > 0) { - this.setState({ inputPath: `/${this.state.pwd.join("/")}/` }); + this.setState({inputPath: `/${this.state.pwd.join('/')}/`}) } else { - this.setState({ inputPath: "/" }); + this.setState({inputPath: '/'}) } - setTimeout(() => this.input2.focus(), 100); + setTimeout(() => this.input2.focus(), 100) } else { - let pwdStr = this.state.inputPath.replace(/^\/+/, ""); - pwdStr = pwdStr.replace(/\/+$/, ""); - this.fetchFiles(pwdStr.split("/")).then(() => - this.setState({ inputPath: null }) - ); + let pwdStr = this.state.inputPath.replace(/^\/+/, '') + pwdStr = pwdStr.replace(/\/+$/, '') + this.fetchFiles(pwdStr.split('/')) + .then(() => this.setState({inputPath: null})) } - }; + } handleUpload = () => { this.input.click(); - this.input.onchange = (e) => { - this.setState({ uploading: true, uploadStatus: "active", percent: 0 }); - const file = e.target["files"][0]; + this.input.onchange = e => { + this.setState({uploading: true, uploadStatus: 'active', percent: 0}); + const file = e.target['files'][0]; const formData = new FormData(); const token = uniqueId(); this._updatePercent(token); - formData.append("file", file); - formData.append("id", this.props.id); - formData.append("token", token); - formData.append("path", "/" + this.state.pwd.join("/")); - this.input.value = ""; - http - .post("/api/file/object/", formData, { - timeout: 600000, - onUploadProgress: this._updateLocal, - }) - .then( - () => { - this.setState({ uploadStatus: "success" }); - this.fetchFiles(); - }, - () => this.setState({ uploadStatus: "exception" }) - ) - .finally(() => - setTimeout(() => this.setState({ uploading: false }), 2000) - ); - }; + formData.append('file', file); + formData.append('id', this.props.id); + formData.append('token', token); + formData.append('path', '/' + this.state.pwd.join('/')); + this.input.value = ''; + http.post('/api/file/object/', formData, {timeout: 600000, onUploadProgress: this._updateLocal}) + .then(() => { + this.setState({uploadStatus: 'success'}); + this.fetchFiles() + }, () => this.setState({uploadStatus: 'exception'})) + .finally(() => setTimeout(() => this.setState({uploading: false}), 2000)) + } }; _updateLocal = (e) => { - const percent = ((e.loaded / e.total) * 100) / 2; - this.setState({ percent: Number(percent.toFixed(1)) }); - }; + const percent = e.loaded / e.total * 100 / 2 + this.setState({percent: Number(percent.toFixed(1))}) + } - _updatePercent = (token) => { - const protocol = window.location.protocol === "https:" ? "wss:" : "ws:"; - this.socket = new WebSocket( - `${protocol}//${window.location.host}/api/ws/subscribe/${token}/?x-token=${X_TOKEN}` - ); - this.socket.onopen = () => this.socket.send("ok"); - this.socket.onmessage = (e) => { - if (e.data === "pong") { - this.socket.send("ping"); + _updatePercent = token => { + const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'; + this.socket = new WebSocket(`${protocol}//${window.location.host}/api/ws/subscribe/${token}/?x-token=${X_TOKEN}`); + this.socket.onopen = () => this.socket.send('ok'); + this.socket.onmessage = e => { + if (e.data === 'pong') { + this.socket.send('ping') } else { const percent = this.state.percent + Number(e.data) / 2; - if (percent > this.state.percent) - this.setState({ percent: Number(percent.toFixed(1)) }); + if (percent > this.state.percent) this.setState({percent: Number(percent.toFixed(1))}); if (percent === 100) { - this.socket.close(); + this.socket.close() } } - }; + } }; handleDownload = (name) => { - const file = `/${this.state.pwd.join("/")}/${name}`; - const link = document.createElement("a"); + const file = `/${this.state.pwd.join('/')}/${name}`; + const link = document.createElement('a'); link.download = name; link.href = `/api/file/object/?id=${this.props.id}&file=${file}&x-token=${X_TOKEN}`; document.body.appendChild(link); link.click(); document.body.removeChild(link); - message.warning("即将开始下载，请勿重复点击。"); + message.warning('即将开始下载，请勿重复点击。') }; handleDelete = (name) => { - const file = `/${this.state.pwd.join("/")}/${name}`; + const file = `/${this.state.pwd.join('/')}/${name}`; Modal.confirm({ - title: "删除文件确认", + title: '删除文件确认', content: `确认删除文件：${file} ?`, onOk: () => { - return http - .delete("/api/file/object/", { params: { id: this.props.id, file } }) + return http.delete('/api/file/object/', {params: {id: this.props.id, file}}) .then(() => { - message.success("删除成功"); - this.fetchFiles(); - }); - }, - }); + message.success('删除成功'); + this.fetchFiles() + }) + } + }) }; render() { let objects = this.state.objects; if (!this.state.showDot) { - objects = objects.filter((x) => !x.name.startsWith(".")); + objects = objects.filter(x => !x.name.startsWith('.')) } const scrollY = document.body.clientHeight - 168; return ( - (this.input = ref)} - /> + this.input = ref}/>
{this.state.inputPath !== null ? ( - (this.input2 = ref)} - size="small" - className={styles.input} - suffix={ -
回车确认
- } - value={this.state.inputPath} - onChange={(e) => this.setState({ inputPath: e.target.value })} - onBlur={this.handleInputEnter} - onPressEnter={this.handleInputEnter} - /> + this.input2 = ref} size="small" className={styles.input} + suffix={
回车确认
} + value={this.state.inputPath} onChange={e => this.setState({inputPath: e.target.value})} + onBlur={this.handleInputEnter} + onPressEnter={this.handleInputEnter}/> ) : ( - this.handleChdir("", "0")} - > - + this.handleChdir('', '0')}> + - {this.state.pwd.map((item) => ( - this.handleChdir(item, "2")} - > + {this.state.pwd.map(item => ( + this.handleChdir(item, '2')}> {item} ))} - + )} @@ -288,26 +256,18 @@ class FileManager extends React.Component { checked={this.state.showDot} checkedChildren="开启" unCheckedChildren="关闭" - onChange={(v) => this.setState({ showDot: v })} - /> + onChange={v => this.setState({showDot: v})}/> {this.state.uploading ? ( - + ) : ( } - onClick={this.handleUpload} - > - 上传文件 - + icon={} + onClick={this.handleUpload}>上传文件 )}
@@ -317,16 +277,12 @@ class FileManager extends React.Component { loading={this.state.fetching} pagination={false} columns={this.columns} - scroll={{ y: scrollY }} - style={{ - fontFamily: - "Source Code Pro, Courier New, Courier, Monaco, monospace, PingFang SC, Microsoft YaHei", - }} - dataSource={objects} - /> + scroll={{y: scrollY}} + style={{fontFamily: 'Source Code Pro, Courier New, Courier, Monaco, monospace, PingFang SC, Microsoft YaHei'}} + dataSource={objects}/> - ); + ) } } -export default FileManager; +export default FileManager \ No newline at end of file