@electerm/electerm-react 2.2.0 → 2.3.18
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/common/constants.js +1 -1
- package/client/common/ui-theme.js +25 -12
- package/client/components/ai/ai.styl +1 -3
- package/client/components/bg/custom-css.jsx +2 -2
- package/client/components/bookmark-form/common/serial-path-selector.jsx +1 -1
- package/client/components/common/highlight.styl +1 -2
- package/client/components/common/input-context-menu.jsx +294 -0
- package/client/components/common/opacity.jsx +66 -0
- package/client/components/file-transfer/transfer.styl +6 -9
- package/client/components/footer/footer.styl +2 -5
- package/client/components/layout/layout.styl +2 -3
- package/client/components/main/error-wrapper.jsx +3 -3
- package/client/components/main/main.jsx +4 -7
- package/client/components/main/term-fullscreen.styl +1 -1
- package/client/components/main/ui-theme.jsx +46 -6
- package/client/components/main/upgrade.styl +4 -6
- package/client/components/main/wrapper.styl +5 -27
- package/client/components/quick-commands/qm.styl +3 -6
- package/client/components/session/session.styl +11 -13
- package/client/components/setting-panel/list.styl +5 -5
- package/client/components/setting-panel/setting-wrap.styl +1 -6
- package/client/components/setting-panel/terminal-bg-config.jsx +3 -0
- package/client/components/setting-sync/setting-sync-form.jsx +0 -1
- package/client/components/sftp/file-item.jsx +3 -0
- package/client/components/sftp/sftp-entry.jsx +50 -9
- package/client/components/sftp/sftp.styl +21 -34
- package/client/components/sftp/transfer-tag.styl +3 -5
- package/client/components/side-panel-r/right-side-panel.styl +7 -9
- package/client/components/sidebar/info.styl +1 -14
- package/client/components/sidebar/sidebar.styl +16 -18
- package/client/components/sys-menu/sys-menu.styl +8 -11
- package/client/components/tabs/tabs.styl +34 -35
- package/client/components/terminal/term-search.styl +3 -3
- package/client/components/terminal/terminal-search-bar.jsx +1 -1
- package/client/components/terminal/terminal.jsx +2 -2
- package/client/components/terminal/terminal.styl +22 -27
- package/client/components/terminal-info/terminal-info.styl +8 -8
- package/client/components/theme/terminal-theme-list.styl +2 -2
- package/client/components/theme/theme-list-item.jsx +62 -20
- package/client/components/tree-list/tree-list.styl +1 -1
- package/client/css/basic.styl +6 -12
- package/client/css/includes/theme.styl +16 -0
- package/client/store/ui-theme.js +0 -35
- package/client/views/index.pug +8 -1
- package/package.json +1 -1
- package/client/components/common/native-input.styl +0 -7
- package/client/components/setting-sync/sync.styl +0 -7
- package/client/components/terminal/zmodem.styl +0 -14
- package/client/css/antd-overwrite.styl +0 -10
- package/client/css/includes/theme-default.styl +0 -20
package/client/store/ui-theme.js
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
* ui theme functions
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
import { escapeRegExp } from 'lodash-es'
|
|
6
5
|
import {
|
|
7
6
|
defaultTheme,
|
|
8
7
|
settingMap
|
|
@@ -10,40 +9,6 @@ import {
|
|
|
10
9
|
import copy from 'json-deep-copy'
|
|
11
10
|
|
|
12
11
|
export default Store => {
|
|
13
|
-
Store.prototype.getDefaultUiThemeConfig = function (stylus) {
|
|
14
|
-
const reg = /[^\n]+ = [^\n]+\n/g
|
|
15
|
-
const arr = stylus.match(reg)
|
|
16
|
-
const sep = ' = '
|
|
17
|
-
return arr.reduce((p, x) => {
|
|
18
|
-
if (!x.includes(sep)) {
|
|
19
|
-
return p
|
|
20
|
-
}
|
|
21
|
-
const [k, v] = x.split(sep)
|
|
22
|
-
return {
|
|
23
|
-
...p,
|
|
24
|
-
[k.trim()]: v.trim()
|
|
25
|
-
}
|
|
26
|
-
}, {})
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
Store.prototype.buildTheme = function (config) {
|
|
30
|
-
let { stylus } = window.et
|
|
31
|
-
const keys = Object.keys(config)
|
|
32
|
-
for (const key of keys) {
|
|
33
|
-
const reg = new RegExp(escapeRegExp(key) + ' = [^\\n]+\\n')
|
|
34
|
-
const v = config[key]
|
|
35
|
-
stylus = stylus.replace(reg, `${key} = ${v}\n`)
|
|
36
|
-
}
|
|
37
|
-
return window.pre.runGlobalAsync('toCss', stylus)
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// Store.prototype.sortTheme = function (a, b) {
|
|
41
|
-
// const theme = window.originalTheme || window.store.config.theme
|
|
42
|
-
// const ax = a.id === theme ? -1 : 1
|
|
43
|
-
// const bx = b.id === theme ? -1 : 1
|
|
44
|
-
// return ax > bx ? 1 : -1
|
|
45
|
-
// }
|
|
46
|
-
|
|
47
12
|
Store.prototype.getUiThemeConfig = function () {
|
|
48
13
|
const { store } = window
|
|
49
14
|
const theme = store.getSidebarList(settingMap.terminalThemes)
|
package/client/views/index.pug
CHANGED
|
@@ -16,7 +16,6 @@ html
|
|
|
16
16
|
top: 0;
|
|
17
17
|
width: 100%;
|
|
18
18
|
height: 100%;
|
|
19
|
-
background: #141314 50% 50% no-repeat url("./images/electerm-watermark.png");
|
|
20
19
|
display: flex;
|
|
21
20
|
flex-direction: column;
|
|
22
21
|
justify-content: center;
|
|
@@ -25,6 +24,14 @@ html
|
|
|
25
24
|
.electerm-logo-bg {
|
|
26
25
|
background: transparent 50% 50% no-repeat url("./images/electerm-watermark.png");
|
|
27
26
|
}
|
|
27
|
+
.morph-shape {
|
|
28
|
+
background: linear-gradient(45deg, #08c 0%, #09c 100%);
|
|
29
|
+
animation: morph 8s ease-in-out infinite;
|
|
30
|
+
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
|
|
31
|
+
transition: all 1s ease-in-out;
|
|
32
|
+
z-index: 5;
|
|
33
|
+
}
|
|
34
|
+
|
|
28
35
|
- if (!isDev)
|
|
29
36
|
link(rel='stylesheet', href='css/' + version + '-basic.css')
|
|
30
37
|
link(rel='stylesheet', href='css/' + version + '-electerm.css')
|
package/package.json
CHANGED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
@require '../../css/includes/theme-default'
|
|
2
|
-
.zmodem-transfer
|
|
3
|
-
position absolute
|
|
4
|
-
left 0
|
|
5
|
-
right 0
|
|
6
|
-
height 100%
|
|
7
|
-
width 100%
|
|
8
|
-
background alpha(main-dark, .95)
|
|
9
|
-
display flex
|
|
10
|
-
flex-direction column
|
|
11
|
-
align-items center
|
|
12
|
-
justify-content center
|
|
13
|
-
z-index 20
|
|
14
|
-
padding 20px 180px 20px 20px
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Function to determine font color based on background color
|
|
3
|
-
contrastColor(color)
|
|
4
|
-
if (luminance(color) > 0.5)
|
|
5
|
-
return #000000 // Black font for bright colors
|
|
6
|
-
else
|
|
7
|
-
return #ffffff // White font for dark colors
|
|
8
|
-
|
|
9
|
-
main = #141314
|
|
10
|
-
main-dark = #000
|
|
11
|
-
main-light = #2E3338
|
|
12
|
-
text = #ddd
|
|
13
|
-
text-light = #fff
|
|
14
|
-
text-dark = #888
|
|
15
|
-
text-disabled = #777
|
|
16
|
-
primary = #08c
|
|
17
|
-
info = #FFD166
|
|
18
|
-
success = #06D6A0
|
|
19
|
-
error = #EF476F
|
|
20
|
-
warn = #E55934
|