@electerm/electerm-react 1.37.58 → 1.37.66

package/client/common/{create-title.js → create-title.jsx}

@@ -9,7 +9,10 @@ import {
 const { prefix } = window
 const p = prefix('sftp')
 
-export default (res = {}) => {
+export default function createTitle (res) {
+  if (!res) {
+    return ''
+  }
   const {
     host, port, username, title, type,
     path, connectionHoppings
@@ -27,3 +30,21 @@ export default (res = {}) => {
   }
   return f || p(terminalLocalType)
 }
+
+export function createTitleTag (obj) {
+  const { color } = obj
+  const styleTag = color
+    ? { color }
+    : {}
+  return (
+    <span style={styleTag}>♦</span>
+  )
+}
+
+export function createTitleWithTag (obj) {
+  return (
+    <span className='tab-title'>
+      {createTitleTag(obj)} {createTitle(obj)}
+    </span>
+  )
+}

package/client/common/promise-timeout.js

@@ -3,7 +3,7 @@
  */
 
 export class NewPromise extends Promise {
-  constructor (executor, timeout = 30000) {
+  constructor (executor, timeout = 120000) {
     let timeoutId
 
     super((resolve, reject) => {

package/client/components/batch-op/batch-op.jsx

@@ -632,8 +632,10 @@ export default class BatchOp extends Component {
       width: innerWidth - sidebarWidth,
       zIndex: 888,
       placement: 'left',
-      headerStyle: {
-        display: 'none'
+      styles: {
+        header: {
+          display: 'none'
+        }
       }
     }
     return (

package/client/components/bookmark-form/color-picker.jsx

@@ -75,9 +75,9 @@ export const ColorPicker = React.forwardRef((props, ref) => {
     <Popover
       content={renderContent()}
       trigger='click'
-      visible={visible}
+      open={visible}
       placement='bottomLeft'
-      onVisibleChange={handleVisibleChange}
+      onOpenChange={handleVisibleChange}
     >
       <div
         ref={ref}

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

@@ -17,7 +17,7 @@ import SshForm from './ssh-form'
 import SerialForm from './serial-form'
 import LocalForm from './local-form'
 import TelnetForm from './telnet-form'
-import createTitle from '../../common/create-title'
+import { createTitleWithTag } from '../../common/create-title'
 import {
   LoadingOutlined,
   BookOutlined
@@ -104,7 +104,7 @@ export default class BookmarkIndex extends Component {
     }
     return (
       <b className='mg1x'>
-        {createTitle(formData)}
+        {createTitleWithTag(formData)}
       </b>
     )
   }

package/client/components/bookmark-form/render-auth-ssh.jsx

@@ -26,7 +26,7 @@ export default function renderAuth (props) {
   if (authType === 'password') {
     const opts = {
       options: uniqBy(
-        store.getBookmarks()
+        store.bookmarks
           .filter(d => d.password),
         (d) => d.password
       )

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

@@ -71,7 +71,7 @@ export default function TelnetFormUI (props) {
   function renderAuth () {
     const opts = {
       options: uniqBy(
-        props.store.getBookmarks()
+        props.store.bookmarks
           .filter(d => d.password),
         (d) => d.password
       )

package/client/components/context-menu/history.jsx

@@ -1,5 +1,5 @@
 import { Component } from '../common/react-subx'
-import createTitle from '../../common/create-title'
+import { createTitleWithTag } from '../../common/create-title'
 
 export default class HistorySubMenu extends Component {
   render () {
@@ -8,7 +8,7 @@ export default class HistorySubMenu extends Component {
       <div className='sub-context-menu'>
         {
           store.history.map(item => {
-            const title = createTitle(item)
+            const title = createTitleWithTag(item)
             return (
               <div
                 className='sub-context-menu-item'

package/client/components/context-menu/sub-tab-menu.jsx

@@ -1,5 +1,5 @@
 import { PureComponent } from 'react'
-import createTitle from '../../common/create-title'
+import { createTitleWithTag } from '../../common/create-title'
 
 export default class TabsSubMenuChild extends PureComponent {
   handleClick = () => {
@@ -8,7 +8,7 @@ export default class TabsSubMenuChild extends PureComponent {
 
   render () {
     const { item } = this.props
-    const title = createTitle(item)
+    const title = createTitleWithTag(item)
     return (
       <div
         className='sub-context-menu-item'

package/client/components/main/upgrade.jsx

@@ -202,9 +202,13 @@ export default class Upgrade extends PureComponent {
   renderError = (err) => {
     return (
       <div className='upgrade-panel'>
-        <div className='upgrade-panel-title'>
-          <CloseOutlined className='pointer font16 close-upgrade-panel' onClick={this.handleClose} />
-          {e('fail')}: {err}
+        <div className='upgrade-panel-title fix'>
+          <span className='fleft'>
+            {e('fail')}: {err}
+          </span>
+          <span className='fright'>
+            <CloseOutlined className='pointer font16 close-upgrade-panel' onClick={this.handleClose} />
+          </span>
         </div>
         <div className='upgrade-panel-body'>
           You can visit
@@ -225,9 +229,13 @@ export default class Upgrade extends PureComponent {
     const cls = `animate upgrade-panel${showUpgradeModal ? '' : ' upgrade-panel-hide'}`
     return (
       <div className={cls}>
-        <div className='upgrade-panel-title'>
-          <CloseOutlined className='pointer font16 close-upgrade-panel' onClick={this.handleClose} />
-          {e('noNeed')}
+        <div className='upgrade-panel-title fix'>
+          <span className='fleft'>
+            {e('noNeed')}
+          </span>
+          <span className='fright'>
+            <CloseOutlined className='pointer font16 close-upgrade-panel' onClick={this.handleClose} />
+          </span>
         </div>
         <div className='upgrade-panel-body'>
           {e('noNeedDesc')}
@@ -316,9 +324,13 @@ export default class Upgrade extends PureComponent {
     const skip = srcsSkipUpgradeCheck.includes(installSrc)
     return (
       <div className={cls}>
-        <div className='upgrade-panel-title'>
-          <MinusSquareOutlined className='pointer font16 close-upgrade-panel' onClick={this.handleMinimize} />
-          {e('newVersion')} <b>{remoteVersion} [{releaseInfo.date}]</b>
+        <div className='upgrade-panel-title fix'>
+          <span className='fleft'>
+            {e('newVersion')} <b>{remoteVersion} [{releaseInfo.date}]</b>
+          </span>
+          <span className='fright'>
+            <MinusSquareOutlined className='pointer font16 close-upgrade-panel' onClick={this.handleMinimize} />
+          </span>
         </div>
         <div className='upgrade-panel-body'>
           {

package/client/components/main/upgrade.styl

@@ -6,7 +6,8 @@
   z-index 9999
   background main
   color text
-  box-shadow 0px 0px 5px 5px alpha(main, .25)
+  border-radius 5px
+  border 1px solid darken(main, 30%)
   padding 0
   width 440px
 .upgrade-panel-hide
@@ -15,13 +16,10 @@
   right auto
   bottom auto
 .close-upgrade-panel
-  position absolute
-  right 5px
-  top 8px
   &:hover
     color success
 .upgrade-panel-title
 .upgrade-panel-body
   padding 10px 15px
 .upgrade-panel-title
-  border-bottom 1px solid main-dark
+  border-bottom 1px solid darken(main, 30%)

package/client/components/quick-commands/quick-commands-list.jsx

@@ -34,6 +34,9 @@ export default class QuickCommandsList extends List {
   }
 
   renderItem = (item, i) => {
+    if (!item) {
+      return null
+    }
     const { activeItemId } = this.props
     const { name, id } = item
     const cls = classnames(

package/client/components/setting-panel/bookmark-transport.jsx

@@ -30,8 +30,8 @@ export default class BookmarkTransport extends Component {
         bookmarkGroups: bookmarkGroups1,
         bookmarks: bookmarks1
       } = content
-      const bookmarkGroups = copy(store.getBookmarkGroups())
-      const bookmarks = copy(store.getBookmarks())
+      const bookmarkGroups = copy(store.bookmarkGroups)
+      const bookmarks = copy(store.bookmarks)
       const bmTree = bookmarks.reduce((p, v) => {
         return {
           ...p,
@@ -99,8 +99,8 @@ export default class BookmarkTransport extends Component {
 
   handleDownload = () => {
     const { store } = this.props
-    const bookmarkGroups = store.getBookmarkGroups()
-    const bookmarks = store.getBookmarks()
+    const bookmarkGroups = store.bookmarkGroups
+    const bookmarks = store.bookmarks
     const txt = JSON.stringify({
       bookmarkGroups: copy(bookmarkGroups),
       bookmarks: copy(bookmarks)

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

@@ -5,7 +5,7 @@ import React from 'react'
 import { CloseOutlined, EditOutlined, LoadingOutlined } from '@ant-design/icons'
 import { Popconfirm } from 'antd'
 import Search from '../common/search'
-import createName from '../../common/create-title'
+import createName, { createTitleTag } from '../../common/create-title'
 import classnames from 'classnames'
 import { noop } from 'lodash-es'
 import highlight from '../common/highlight'
@@ -102,6 +102,7 @@ export default class ItemList extends React.PureComponent {
     const { onClickItem, type, activeItemId } = this.props
     const { id } = item
     const title = createName(item)
+    const tag = createTitleTag(item)
     const cls = classnames(
       'item-list-unit',
       {
@@ -122,7 +123,8 @@ export default class ItemList extends React.PureComponent {
         <div
           title={title}
           className='elli pd1y pd2x list-item-title'
-        >{titleHighlight || s('new')}
+        >
+          {tag}{titleHighlight || s('new')}
         </div>
         {this.renderDelBtn(item)}
         {this.renderEditBtn(item, isGroup)}

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

@@ -51,16 +51,16 @@ export default class SettingModalWrap extends Component {
         'currentBookmarkGroupId',
         'config'
       ]),
-      bookmarkGroups: store.getBookmarkGroups(),
-      bookmarks: store.getBookmarks(),
+      bookmarkGroups: store.bookmarkGroups,
+      bookmarks: store.bookmarks,
       serials: store.serials,
       loaddingSerials: store.loaddingSerials
     }
     const treeProps = {
       ...props0,
       bookmarkSelectMode,
-      bookmarkGroups: store.getBookmarkGroups(),
-      bookmarks: store.getBookmarks(),
+      bookmarkGroups: store.bookmarkGroups,
+      bookmarks: store.bookmarks,
       ...pick(store, [
         'currentBookmarkGroupId',
         'autofocustrigger',

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

@@ -361,8 +361,9 @@ export default class SettingTerminal extends Component {
     const { fontFamily } = this.props.config
     const props = {
       mode: 'multiple',
+      className: 'font-sel',
       onChange: this.handleChangeFont,
-      value: fontFamily.split(/, */g)
+      value: fontFamily.split(/, */g).filter(d => d.trim())
     }
     return (
       <Select
@@ -373,10 +374,13 @@ export default class SettingTerminal extends Component {
           fonts.map(f => {
             return (
               <Option value={f} key={f}>
-                <span style={{
-                  fontFamily: f
-                }}
-                >{f}
+                <span
+                  className='font-option'
+                  style={{
+                    fontFamily: f
+                  }}
+                >
+                  {f}
                 </span>
               </Option>
             )

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

@@ -18,8 +18,10 @@ export default class SettingWrap extends Component {
       zIndex: 888,
       placement: 'left',
       destroyOnClose: true,
-      headerStyle: {
-        display: 'none'
+      styles: {
+        header: {
+          display: 'none'
+        }
       }
     }
     return (

package/client/components/setting-panel/setting.styl

@@ -1,4 +1,6 @@
 .pd2b.bg-img-setting
   display inline-block
   padding 0
-  margin 5px 5px 0 0
+  margin 5px 5px 0 0
+.font-sel
+  min-width 200px

package/client/components/setting-panel/start-session-select.jsx

@@ -1,7 +1,7 @@
 import { TreeSelect } from 'antd'
 import { Component } from '../common/react-subx'
 import copy from 'json-deep-copy'
-import createTitle from '../../common/create-title'
+import { createTitleWithTag } from '../../common/create-title'
 
 const { prefix } = window
 const e = prefix('setting')
@@ -9,8 +9,8 @@ const { SHOW_CHILD } = TreeSelect
 
 export default class StartSessionSelect extends Component {
   buildData = () => {
-    const cats = this.props.store.getBookmarkGroups()
-    const tree = this.props.store.getBookmarks()
+    const cats = this.props.store.bookmarkGroups
+    const tree = this.props.store.bookmarks
       .reduce((p, k) => {
         return {
           ...p,
@@ -50,7 +50,7 @@ export default class StartSessionSelect extends Component {
       return {
         value: x.id,
         key: x.id,
-        title: createTitle(x)
+        title: createTitleWithTag(x)
       }
     }
     const level1 = cats.filter(d => d.level !== 2)

package/client/components/setting-panel/tree-list.jsx

@@ -27,7 +27,7 @@ import {
   Tooltip,
   Space
 } from 'antd'
-import createName from '../../common/create-title'
+import createName, { createTitleTag } from '../../common/create-title'
 import classnames from 'classnames'
 import InputAutoFocus from '../common/input-auto-focus'
 import { find, uniq, findIndex, isEqual, filter } from 'lodash-es'
@@ -319,7 +319,7 @@ export default class ItemListTree extends Component {
       })
     } else {
       this.props.store.storeAssign({
-        currentBookmarkGroupId: findBookmarkGroupId(this.props.store.getBookmarkGroups(), id)
+        currentBookmarkGroupId: findBookmarkGroupId(this.props.store.bookmarkGroups, id)
       })
     }
     const bookmarks = copy(this.props.bookmarks)
@@ -712,6 +712,7 @@ export default class ItemListTree extends Component {
         level2: item.level === 2
       }
     )
+    const tag = isGroup ? '' : createTitleTag(item)
     const title = isGroup
       ? item.title
       : createName(item)
@@ -732,7 +733,7 @@ export default class ItemListTree extends Component {
         <div
           className='tree-item-title elli'
         >
-          {titleHighlight}
+          {tag}{titleHighlight}
         </div>
         {
           isGroup

package/client/components/sidebar/bookmark-select.jsx

@@ -24,7 +24,7 @@ export default class BookmarkSelect extends Component {
     }
     const base = {
       store,
-      bookmarks: store.getBookmarks() || [],
+      bookmarks: store.bookmarks || [],
       type: 'bookmarks',
       onClickItem,
       listStyle,

package/client/components/sidebar/side-panel.jsx

@@ -3,8 +3,8 @@ export default class SidePanel extends PureComponent {
   handleMousedown = (e) => {
     this.dragStart = true
     this.clientX = e.clientX
-    document.body.addEventListener('mouseup', this.handleMouseup)
-    document.body.addEventListener('mousemove', this.handleMousemove)
+    window.addEventListener('mouseup', this.handleMouseup)
+    window.addEventListener('mousemove', this.handleMousemove)
   }
 
   handleMouseup = (e) => {
@@ -12,15 +12,15 @@ export default class SidePanel extends PureComponent {
     const {
       clientX
     } = e
-    let nw = clientX - this.clientX + 300
+    let nw = clientX - this.clientX + this.props.leftSidebarWidth
     if (nw < 343) {
       nw = 343
     } else if (nw > 600) {
       nw = 600
     }
     this.props.setLeftSidePanelWidth(nw)
-    document.body.removeEventListener('mouseup', this.handleMouseup)
-    document.body.removeEventListener('mousemove', this.handleMousemove)
+    window.removeEventListener('mouseup', this.handleMouseup)
+    window.removeEventListener('mousemove', this.handleMousemove)
   }
 
   handleMousemove = (e) => {
@@ -28,8 +28,17 @@ export default class SidePanel extends PureComponent {
       clientX
     } = e
     const el = document.getElementById('side-panel')
-    const nw = clientX - this.clientX + this.props.leftSidebarWidth
+    let nw = clientX - this.clientX + this.props.leftSidebarWidth
+    if (nw < 343) {
+      nw = 343
+    } else if (nw > 600) {
+      nw = 600
+    }
     el.style.width = nw + 'px'
+    const el1 = document.querySelector('.sessions')
+    if (el1) {
+      el1.style.marginLeft = (nw + 43) + 'px'
+    }
   }
 
   render () {

package/client/components/sidebar/sidebar.styl

@@ -9,7 +9,7 @@
   z-index 200
   width 0
   overflow-y scroll
-  background main-light
+  background main
   color text
   .item-list-unit:hover
     .list-item-remove
@@ -51,14 +51,12 @@
   position absolute
   left 43px
   top 45px
-  bottom 36px
+  bottom 0
   z-index 200
   width 0
-  border-top 5px solid main
+  border-right 1px solid darken(main, 30%)
 
 .pinned
-  .sidebar-list
-    bottom 0
   .drag-handle
     display block
   .sidebar-panel .pinned

package/client/components/terminal-info/content.jsx

@@ -67,8 +67,12 @@ export default class TerminalInfoContent extends PureComponent {
       clientX
     } = e
     const el = document.getElementById('info-panel-wrap')
-    const nw = this.clientX - clientX + this.props.rightSidebarWidth
-    console.log(nw, this.clientX, clientX, this.props.rightSidebarWidth)
+    let nw = this.clientX - clientX + this.props.rightSidebarWidth
+    if (nw < 400) {
+      nw = 400
+    } else if (nw > 1000) {
+      nw = 1000
+    }
     el.style.width = nw + 'px'
   }
 

package/client/components/terminal-info/terminal-info.styl

@@ -9,7 +9,10 @@
   top 100px
   bottom 0
   width 500px
-  background main-light
+  background main
+  border 1px solid darken(main, 30%)
+  border-radius 5px 0 0 5px
+  border-right none
   color text
   z-index 100
   overflow-y scroll

package/client/store/bookmark-group.js

@@ -10,21 +10,18 @@ import {
 } from '../common/constants'
 
 export default Store => {
-  Store.prototype.getBookmarkGroups = function () {
-    return window.store.getItems(settingMap.bookmarkGroups)
-  }
   Store.prototype.getBookmarkGroupsTotal = function () {
     const { store } = window
     return store.sshConfigItems.length && !store.config.hideSshConfig
       ? [
-          ...store.getBookmarkGroups(),
+          ...store.bookmarkGroups,
           {
             title: terminalSshConfigType,
             id: terminalSshConfigType,
             bookmarkIds: store.sshConfigItems.map(d => d.id)
           }
         ]
-      : store.getBookmarkGroups()
+      : store.bookmarkGroups
   }
 
   Store.prototype.setBookmarkGroups = function (items) {
@@ -43,7 +40,7 @@ export default Store => {
     const { store } = window
     let ids = item.bookmarkIds
     const gids = item.bookmarkGroupIds || []
-    const bookmarkGroups = store.getBookmarkGroups()
+    const bookmarkGroups = store.bookmarkGroups
     for (const gid of gids) {
       const g = find(bookmarkGroups, g => g.id === gid)
       if (g && g.bookmarkIds && g.bookmarkIds.length) {
@@ -63,7 +60,7 @@ export default Store => {
     if (id === defaultBookmarkGroupId) {
       return
     }
-    let bookmarkGroups = store.getBookmarkGroups()
+    let bookmarkGroups = store.bookmarkGroups
     const tobeDel = find(bookmarkGroups, bg => bg.id === id)
     if (!tobeDel) {
       return

package/client/store/bookmark.js

@@ -13,9 +13,6 @@ export default Store => {
     }
     store.loaddingSerials = false
   }
-  Store.prototype.getBookmarks = function () {
-    return window.store.getItems('bookmarks')
-  }
   Store.prototype.setBookmarks = function (items) {
     return window.store.setItems('bookmarks', items)
   }

package/client/store/index.js

@@ -99,7 +99,7 @@ class Store {
 
   get currentQuickCommands () {
     const { currentTab } = this
-    const quickCommands = window.store.getQuickCommands()
+    const { quickCommands } = window.store
     const currentTabQuickCommands = (
       currentTab.quickCommands || []
     ).map((d, i) => {
@@ -138,7 +138,7 @@ class Store {
   }
 
   get quickCommandTags () {
-    const quickCommands = window.store.getQuickCommands()
+    const { quickCommands } = window.store
     return uniq(
       quickCommands.reduce((p, q) => {
         return [
@@ -149,26 +149,10 @@ class Store {
     )
   }
 
-  get expandedKeys () {
-    return JSON.parse(window.store._expandedKeys || '[]')
-  }
-
-  get checkedKeys () {
-    return JSON.parse(window.store._checkedKeys || '[]')
-  }
-
   get isTransporting () {
     return window.store.getTabs().some(t => t.isTransporting)
   }
 
-  get addressBookmarks () {
-    return JSON.parse(window.store._addressBookmarks || '[]')
-  }
-
-  get addressBookmarksLocal () {
-    return JSON.parse(window.store._addressBookmarksLocal || '[]')
-  }
-
   get settingSidebarList () {
     const {
       settingTab
@@ -203,50 +187,6 @@ class Store {
     return window.store.getTabs().map(d => d.title).join('#')
   }
 
-  get sshConfigItems () {
-    return JSON.parse(window.store._sshConfigItems || '[]')
-  }
-
-  get itermThemes () {
-    return JSON.parse(window.store._itermThemes || '[]')
-  }
-
-  get history () {
-    return JSON.parse(window.store._history || '[]')
-  }
-
-  get bookmarks () {
-    return JSON.parse(window.store._bookmarks || '[]')
-  }
-
-  get bookmarkGroups () {
-    return JSON.parse(window.store._bookmarkGroups || '[]')
-  }
-
-  get tabs () {
-    return JSON.parse(window.store._tabs || '[]')
-  }
-
-  get fileTransfers () {
-    return JSON.parse(window.store._fileTransfers || '[]')
-  }
-
-  get transferHistory () {
-    return JSON.parse(window.store._transferHistory || '[]')
-  }
-
-  get quickCommands () {
-    return JSON.parse(window.store._quickCommands || '[]')
-  }
-
-  get terminalThemes () {
-    return JSON.parse(window.store._terminalThemes || '[]')
-  }
-
-  get serials () {
-    return JSON.parse(window.store._serials || '[]')
-  }
-
   get setting () {
     return [
       {
@@ -272,10 +212,6 @@ class Store {
     return JSON.parse(window.store._sftpSortSetting)
   }
 
-  get fonts () {
-    return JSON.parse(window.store._fonts || '[]')
-  }
-
   get onOperation () {
     const {
       store
@@ -327,6 +263,33 @@ class Store {
   }
 }
 
+const getterProps = [
+  'expandedKeys',
+  'checkedKeys',
+  'addressBookmarks',
+  'addressBookmarksLocal',
+  'sshConfigItems',
+  'itermThemes',
+  'history',
+  'bookmarks',
+  'bookmarkGroups',
+  'tabs',
+  'fileTransfers',
+  'transferHistory',
+  'quickCommands',
+  'terminalThemes',
+  'serials',
+  'fonts'
+]
+
+for (const prop of getterProps) {
+  Object.defineProperty(Store.prototype, prop, {
+    get: function () {
+      return JSON.parse(window.store[`_${prop}`] || '[]').filter(d => d)
+    }
+  })
+}
+
 loadDataExtend(Store)
 eventExtend(Store)
 dbUpgradeExtend(Store)

package/client/store/load-data.js

@@ -154,7 +154,7 @@ export default (Store) => {
       globs.langs
     )
     store.zoom(store.config.zoom, false, true)
-    initWsCommon()
+    await initWsCommon()
   }
   Store.prototype.initData = async function () {
     const { store } = window

package/client/store/quick-command.js

@@ -9,10 +9,6 @@ import {
 import postMessage from '../common/post-msg'
 
 export default Store => {
-  Store.prototype.getQuickCommands = function () {
-    return window.store.getItems(settingMap.quickCommands)
-  }
-
   Store.prototype.setQuickCommands = function (list) {
     return window.store.setItems(settingMap.quickCommands, list)
   }

package/client/store/setting.js

@@ -2,7 +2,7 @@
  * setting modal
  */
 
-import { find, isEqual, pick, without } from 'lodash-es'
+import { find } from 'lodash-es'
 import {
   message
 } from 'antd'
@@ -43,7 +43,7 @@ export default Store => {
   }
   Store.prototype.handleEditHistory = function () {
     const { store } = window
-    const all = store.getItems('history')
+    const all = store.history
     store.storeAssign({
       settingTab: settingMap.history,
       autofocustrigger: Date.now()
@@ -74,7 +74,7 @@ export default Store => {
 
   Store.prototype.onSelectHistory = function (id) {
     const { store } = window
-    const history = store.getItems('history')
+    const history = store.history
     const item = find(history, it => it.id === id)
     store.addTab({
       ...copy(item),
@@ -86,8 +86,8 @@ export default Store => {
 
   Store.prototype.onSelectBookmark = function (id) {
     const { store } = window
-    const history = store.getItems('history')
-    const bookmarks = store.getBookmarks()
+    const history = store.history
+    const bookmarks = store.bookmarks
     const item = copy(
       find(bookmarks, it => it.id === id) ||
       find(store.sshConfigItems, it => it.id === id)
@@ -105,15 +105,7 @@ export default Store => {
     if (store.config.disableSshHistory) {
       return
     }
-    const existItem = find(history, j => {
-      const keysj = Object.keys(j)
-      const keysi = Object.keys(item)
-      return isEqual(
-        pick(item, without(keysi, 'id')),
-        pick(j, without(keysj, 'id'))
-      )
-    })
-    history.unshift(existItem)
+    history.unshift(item)
     store.setItems('history', history)
   }
 

package/client/store/watch.js

@@ -14,7 +14,7 @@ import {
 } from '../common/constants'
 import postMsg from '../common/post-msg'
 import * as ls from '../common/safe-local-storage'
-import { debounce } from 'lodash-es'
+import { debounce, isEmpty } from 'lodash-es'
 
 export default store => {
   autoRun(store, () => {
@@ -65,7 +65,7 @@ export default store => {
   }).start()
 
   autoRun(store, () => {
-    if (store.config) {
+    if (!isEmpty(store.config)) {
       window.pre.runGlobalAsync('saveUserConfig', store.config)
     }
     return store._config

package/package.json

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