@electerm/electerm-react 1.72.26 → 1.72.36

package/client/components/ai/ai-chat.jsx

@@ -97,7 +97,7 @@ export default function AIChat (props) {
     return (
       <SendOutlined
         onClick={handleSubmit}
-        className='mg1l pointer icon-hover'
+        className='mg1l pointer icon-hover send-to-ai-icon'
         title='Ctrl+Enter'
       />
     )

package/client/components/bookmark-form/form-tabs.jsx

@@ -34,7 +34,7 @@ export default function renderTabs (props) {
           {props.renderEnableSftp()}
           {props.uis}
           {props.renderProxy(props)}
-          {props.renderX11()}
+          {props.renderX11(props.form)}
         </>
       )
     },

package/client/components/bookmark-form/local-form-ui.jsx

@@ -147,7 +147,7 @@ export default function LocalFormUi (props) {
       initialValues={initialValues}
       name='local-form'
     >
-      {renderTabs()}
+      {renderTabs({ form })}
       {submitUi}
     </Form>
   )

package/client/components/bookmark-form/ssh-form-ui.jsx

@@ -69,7 +69,9 @@ export default function BookmarkFormUI (props) {
     sshTunnels: [],
     runScripts: [{}],
     category: initBookmarkGroupId,
-    connectionHoppings: []
+    connectionHoppings: [],
+    serverHostKey: [],
+    cipher: []
   }
   initialValues = defaultsDeep(initialValues, defaultValues)
   function onChangeAuthType (e) {

package/client/components/bookmark-form/x11.jsx

@@ -4,6 +4,7 @@
 import {
   Switch,
   Form,
+  Button,
   Select
 } from 'antd'
 import { formItemLayout } from '../../common/form-layout'
@@ -46,7 +47,48 @@ const serverHostKeyOptions = [
   'rsa-sha2-256'
 ]
 
-export default function renderX11 () {
+const defaultCipherOptions = [
+  'aes128-ctr',
+  'aes192-ctr',
+  'aes256-ctr',
+  'aes128-gcm',
+  'aes128-gcm@openssh.com',
+  'aes256-gcm',
+  'aes256-gcm@openssh.com',
+  'aes256-cbc',
+  'aes192-cbc',
+  'aes128-cbc',
+  'blowfish-cbc',
+  '3des-cbc',
+  'arcfour256',
+  'arcfour128',
+  'cast128-cbc',
+  'arcfour'
+]
+
+const defaultServerHostKeyOptions = [
+  'ssh-rsa',
+  'ssh-ed25519',
+  'ecdsa-sha2-nistp256',
+  'ecdsa-sha2-nistp384',
+  'ecdsa-sha2-nistp521',
+  'ssh-dss',
+  'rsa-sha2-512',
+  'rsa-sha2-256'
+]
+
+export default function renderX11 (form) {
+  function setDefaults () {
+    // form.setFieldsValue({
+    //   cipher: defaultCipherOptions
+    // })
+
+    // form.setFieldsValue({
+    //   serverHostKey: defaultServerHostKeyOptions
+    // })
+    form.setFieldValue('cipher', defaultCipherOptions)
+    form.setFieldValue('serverHostKey', defaultServerHostKeyOptions)
+  }
   return (
     <>
       <FormItem
@@ -67,17 +109,31 @@ export default function renderX11 () {
       <FormItem
         {...formItemLayout}
         label='serverHostKey'
-        name='serverHostKey'
       >
-        <Select
-          mode='multiple'
+        <FormItem
+          {...formItemLayout}
+          noStyle
+          name='serverHostKey'
         >
-          {serverHostKeyOptions.map(key => (
-            <Option key={key} value={key}>
-              {key}
-            </Option>
-          ))}
-        </Select>
+          <Select
+            mode='multiple'
+          >
+            {serverHostKeyOptions.map(key => (
+              <Option key={key} value={key}>
+                {key}
+              </Option>
+            ))}
+          </Select>
+        </FormItem>
+        <div className='mg1t'>
+          <Button
+            type='dashed'
+            onClick={setDefaults}
+            size='small'
+          >
+            Set default cipher and serverHostKey
+          </Button>
+        </div>
       </FormItem>
       <FormItem
         {...formItemLayout}

package/client/components/setting-panel/number-config.jsx

@@ -0,0 +1,48 @@
+import {
+  InputNumber
+} from 'antd'
+import { isNumber, isNaN } from 'lodash-es'
+
+export default function NumberConfig ({
+  min,
+  max,
+  cls,
+  title = '',
+  value,
+  defaultValue,
+  onChange,
+  step,
+  extraDesc,
+  width = 136
+}) {
+  const opts = {
+    step,
+    value,
+    min,
+    max,
+    onChange,
+    placeholder: defaultValue
+  }
+  if (title) {
+    opts.formatter = v => `${title}${extraDesc || ''}: ${v}`
+    opts.parser = (v) => {
+      let vv = isNumber(v)
+        ? v
+        : Number(v.split(': ')[1], 10)
+      if (isNaN(vv)) {
+        vv = defaultValue
+      }
+      return vv
+    }
+    opts.style = {
+      width: width + 'px'
+    }
+  }
+  return (
+    <div className={`pd2b ${cls || ''}`}>
+      <InputNumber
+        {...opts}
+      />
+    </div>
+  )
+}

package/client/components/setting-panel/setting-terminal.jsx

@@ -9,7 +9,6 @@ import {
   Switch,
   Input,
   Upload,
-  InputNumber,
   Button,
   AutoComplete,
   Tooltip,
@@ -26,7 +25,6 @@ import defaultSettings from '../../common/default-setting'
 import ShowItem from '../common/show-item'
 import { osResolve } from '../../common/resolve'
 import { chooseSaveDirectory } from '../../common/choose-save-folder'
-import { isNumber, isNaN } from 'lodash-es'
 import mapper from '../../common/auto-complete-data-mapper'
 import KeywordForm from './keywords-form'
 import Link from '../common/external-link'
@@ -35,6 +33,8 @@ import KeywordsTransport from './keywords-transport'
 import fs from '../../common/fs'
 import uid from '../../common/uid'
 import createDefaultSessionLogPath from '../../common/default-log-path'
+import TerminalBackgroundConfig from './terminal-bg-config'
+import NumberConfig from './number-config'
 import './setting.styl'
 
 const { Option } = Select
@@ -211,40 +211,23 @@ export default class SettingTerminal extends Component {
       step = 1,
       min,
       max,
-      cls,
-      onChange = (v) => {
-        this.onChangeValue(v, name)
-      }
+      cls
     } = options
     const opts = {
-      step,
       value,
       min,
       max,
-      onChange,
-      placeholder: defaultValue
-    }
-    if (title) {
-      opts.formatter = v => `${title}${options.extraDesc || ''}: ${v}`
-      opts.parser = (v) => {
-        let vv = isNumber(v)
-          ? v
-          : Number(v.split(': ')[1], 10)
-        if (isNaN(vv)) {
-          vv = defaultValue
-        }
-        return vv
-      }
-      opts.style = {
-        width: width + 'px'
-      }
+      onChange: (v) => {
+        this.onChangeValue(v, name)
+      },
+      defaultValue,
+      title,
+      width,
+      step,
+      cls
     }
     return (
-      <div className={`pd2b ${cls || ''}`}>
-        <InputNumber
-          {...opts}
-        />
-      </div>
+      <NumberConfig {...opts} />
     )
   }
 
@@ -499,6 +482,11 @@ export default class SettingTerminal extends Component {
       submit: this.handleSubmitKeywords,
       themeConfig: getThemeConfig()
     }
+    const bgProps = {
+      onChangeValue: this.onChangeValue,
+      name: 'terminalBackgroundImagePath',
+      config: this.props.config
+    }
     const tip = (
       <div>
         <span className='mg1r'>{e('supportRegexp')}</span>
@@ -569,9 +557,7 @@ export default class SettingTerminal extends Component {
           }
         </div>
         <div className='pd1b'>{e('terminalBackgroundImage')}</div>
-        {
-          this.renderTerminalBgSelect('terminalBackgroundImagePath')
-        }
+        <TerminalBackgroundConfig {...bgProps} />
         <div className='pd1b'>{e('terminalWordSeparator')}</div>
         {
           this.renderText('terminalWordSeparator', e('terminalWordSeparator'))

package/client/components/setting-panel/terminal-bg-config.jsx

@@ -0,0 +1,152 @@
+import React from 'react'
+import {
+  AutoComplete,
+  Upload,
+  Tooltip,
+  Input
+} from 'antd'
+import {
+  noTerminalBgValue
+} from '../../common/constants'
+import defaultSettings from '../../common/default-setting'
+import NumberConfig from './number-config'
+
+const e = window.translate
+
+export default function TerminalBackgroundConfig ({
+  onChangeValue,
+  name,
+  config
+}) {
+  const value = config[name]
+  const defaultValue = defaultSettings[name]
+  const onChange = (v) => onChangeValue(v, name)
+  const after = (
+    <Upload
+      beforeUpload={(file) => {
+        onChangeValue(file.path, name)
+        return false
+      }}
+      showUploadList={false}
+    >
+      <span>{e('chooseFile')}</span>
+    </Upload>
+  )
+  const dataSource = [
+    {
+      value: '',
+      desc: e('default')
+    },
+    {
+      value: noTerminalBgValue,
+      desc: e('noTerminalBg')
+    }
+  ]
+  const numberOpts = { step: 0.05, min: 0, max: 1, cls: 'bg-img-setting' }
+
+  function renderNumber (name, options, title = '', width = 136) {
+    let value = config[name]
+    if (options.valueParser) {
+      value = options.valueParser(value)
+    }
+    const defaultValue = defaultSettings[name]
+    const {
+      step = 1,
+      min,
+      max,
+      cls
+    } = options
+    const opts = {
+      value,
+      min,
+      max,
+      onChange: (v) => {
+        onChangeValue(v, name)
+      },
+      defaultValue,
+      title,
+      width,
+      step,
+      cls
+    }
+    return (
+      <NumberConfig {...opts} />
+    )
+  }
+
+  const renderFilter = () => {
+    if (config[name] === noTerminalBgValue) return
+
+    return (
+      <div>
+        {
+          renderNumber(
+            'terminalBackgroundFilterOpacity',
+            numberOpts,
+            e('Opacity')
+          )
+        }
+        {
+          renderNumber(
+            'terminalBackgroundFilterBlur',
+            { ...numberOpts, min: 0, max: 50, step: 0.5 },
+            e('Blur')
+          )
+        }
+        {
+          renderNumber(
+            'terminalBackgroundFilterBrightness',
+            { ...numberOpts, min: 0, max: 10, step: 0.1 },
+            e('Brightness')
+          )
+        }
+        {
+          renderNumber(
+            'terminalBackgroundFilterGrayscale',
+            numberOpts,
+            e('Grayscale')
+          )
+        }
+        {
+          renderNumber(
+            'terminalBackgroundFilterContrast',
+            { ...numberOpts, min: 0, max: 10, step: 0.1 },
+            e('Contrast')
+          )
+        }
+      </div>
+    )
+  }
+
+  const renderBgOption = item => {
+    return {
+      value: item.value,
+      label: item.desc
+    }
+  }
+  return (
+    <div className='pd2b'>
+      <div className='pd1b'>
+        <Tooltip
+          title='eg: https://xx.com/xx.png or /path/to/xx.png'
+        >
+          <AutoComplete
+            value={value}
+            onChange={onChange}
+            placeholder={defaultValue}
+            className='width-100'
+            options={dataSource.map(renderBgOption)}
+          >
+            <Input
+              addonAfter={after}
+            />
+          </AutoComplete>
+        </Tooltip>
+      </div>
+
+      {
+        renderFilter()
+      }
+    </div>
+  )
+}

package/client/components/sftp/file-item.jsx

@@ -614,6 +614,7 @@ export default class FileSection extends React.Component {
     if (this.watchingFile) {
       window.pre.ipcOffEvent('file-change', this.onFileChange)
       window.pre.runGlobalAsync('unwatchFile', this.watchingFile)
+      fs.unlink(this.watchingFile).catch(console.log)
       delete this.watchingFile
     }
   }

package/client/components/sftp/sftp.styl

@@ -1,7 +1,10 @@
 @require '../../css/includes/theme-default'
 
+.sftp-wrap
+  display flex
+  flex-direction row
 .sftp-section
-  position absolute
+  flex 1
 .sftp-title-wrap
   position relative
 .sftp-item

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@electerm/electerm-react",
-  "version": "1.72.26",
+  "version": "1.72.36",
   "description": "react components src for electerm",
   "main": "./client/components/main/main.jsx",
   "license": "MIT",