@electerm/electerm-react 2.3.75 → 2.3.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client/components/sidebar/transfer-history-modal.jsx +8 -2
- package/client/components/sidebar/transfer.styl +8 -1
- package/client/components/tabs/tab.jsx +4 -2
- package/client/components/tabs/tabs.styl +5 -0
- package/client/components/tree-list/tree-list-item.jsx +2 -5
- package/client/components/tree-list/tree-list.styl +4 -2
- package/package.json +1 -1
|
@@ -61,7 +61,10 @@ export default memo(function TransferHistoryModal (props) {
|
|
|
61
61
|
dataIndex: 'fromPath',
|
|
62
62
|
key: 'fromPath',
|
|
63
63
|
render: (txt, inst) => {
|
|
64
|
-
|
|
64
|
+
const t = inst.fromPathReal || txt
|
|
65
|
+
return (
|
|
66
|
+
<div className='sftp-file history-file' title={t}>{t}</div>
|
|
67
|
+
)
|
|
65
68
|
},
|
|
66
69
|
sorter: sorterFactory('fromPath')
|
|
67
70
|
}, {
|
|
@@ -69,7 +72,10 @@ export default memo(function TransferHistoryModal (props) {
|
|
|
69
72
|
dataIndex: 'toPath',
|
|
70
73
|
key: 'toPath',
|
|
71
74
|
render: (txt, inst) => {
|
|
72
|
-
|
|
75
|
+
const t = inst.toPathReal || txt
|
|
76
|
+
return (
|
|
77
|
+
<div className='sftp-file history-file' title={t}>{t}</div>
|
|
78
|
+
)
|
|
73
79
|
},
|
|
74
80
|
sorter: sorterFactory('toPath')
|
|
75
81
|
}, {
|
|
@@ -4,4 +4,11 @@
|
|
|
4
4
|
.ant-badge-multiple-words
|
|
5
5
|
padding 0 3px
|
|
6
6
|
.transfer-list-card
|
|
7
|
-
width calc(
|
|
7
|
+
width calc(100vw - 48px)
|
|
8
|
+
.sftp-file
|
|
9
|
+
max-width calc(50vw - 250px)
|
|
10
|
+
overflow hidden
|
|
11
|
+
text-overflow ellipsis
|
|
12
|
+
white-space nowrap
|
|
13
|
+
&.history-file
|
|
14
|
+
max-width calc(50vw - 440px)
|
|
@@ -367,12 +367,14 @@ class Tab extends Component {
|
|
|
367
367
|
if (name) {
|
|
368
368
|
tunnel = `[${name}] ${tunnel}`
|
|
369
369
|
}
|
|
370
|
-
return <div key={tunnel}>{tunnel}</div>
|
|
370
|
+
return <div key={tunnel + '-' + i} className='ssh-tunnel-item'>{tunnel}</div>
|
|
371
371
|
})
|
|
372
372
|
return (
|
|
373
373
|
<>
|
|
374
374
|
<div>{title}</div>
|
|
375
|
-
|
|
375
|
+
<div className='ssh-tunnel-list-wrapper'>
|
|
376
|
+
{list}
|
|
377
|
+
</div>
|
|
376
378
|
</>
|
|
377
379
|
)
|
|
378
380
|
}
|
|
@@ -188,7 +188,7 @@ export default function TreeListItem (props) {
|
|
|
188
188
|
{
|
|
189
189
|
selected: selectedItemId === item.id
|
|
190
190
|
},
|
|
191
|
-
'tree-item
|
|
191
|
+
'tree-item',
|
|
192
192
|
{
|
|
193
193
|
'is-category': isGroup,
|
|
194
194
|
level2: item.level === 2
|
|
@@ -232,10 +232,7 @@ export default function TreeListItem (props) {
|
|
|
232
232
|
onClick: onSelect,
|
|
233
233
|
'data-item-id': item.id,
|
|
234
234
|
'data-is-group': isGroup ? 'true' : 'false',
|
|
235
|
-
'data-parent-id': props.parentId
|
|
236
|
-
style: props.staticList
|
|
237
|
-
? { maxWidth: (props.leftSidebarWidth - 110) + 'px' }
|
|
238
|
-
: undefined
|
|
235
|
+
'data-parent-id': props.parentId
|
|
239
236
|
}
|
|
240
237
|
const key = item.id || uid()
|
|
241
238
|
return (
|
|
@@ -11,6 +11,9 @@
|
|
|
11
11
|
line-height 26px
|
|
12
12
|
padding-left 5px
|
|
13
13
|
border-radius 3px
|
|
14
|
+
overflow hidden
|
|
15
|
+
white-space nowrap
|
|
16
|
+
text-overflow ellipsis
|
|
14
17
|
&.is-category
|
|
15
18
|
.tree-item-title
|
|
16
19
|
font-weight bold
|
|
@@ -30,13 +33,12 @@
|
|
|
30
33
|
.tree-item-title
|
|
31
34
|
flex-grow 1
|
|
32
35
|
line-height 26px
|
|
33
|
-
max-width 300px
|
|
34
36
|
overflow hidden
|
|
35
37
|
white-space nowrap
|
|
36
38
|
text-overflow ellipsis
|
|
37
39
|
|
|
38
40
|
.sidebar-panel .tree-item-title
|
|
39
|
-
|
|
41
|
+
max-width calc(100% - 40px)
|
|
40
42
|
.with-plus
|
|
41
43
|
&:after
|
|
42
44
|
content '+'
|