@electerm/electerm-react 1.100.56 → 1.101.10

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

@@ -1,179 +0,0 @@
-/**
- * web form
- */
-
-import { useEffect } from 'react'
-import {
-  Input,
-  Form,
-  InputNumber,
-  Alert
-} from 'antd'
-import { formItemLayout } from '../../common/form-layout'
-import {
-  newBookmarkIdPrefix,
-  terminalRdpType,
-  rdpWikiLink
-} from '../../common/constants'
-import useSubmit from './use-submit'
-import copy from 'json-deep-copy'
-import { defaults, isEmpty } from 'lodash-es'
-import Password from '../common/password'
-import { ColorPickerItem } from './color-picker-item.jsx'
-import { getColorFromCategory } from '../../common/get-category-color.js'
-import findBookmarkGroupId from '../../common/find-bookmark-group-id'
-import ProfileItem from './profile-form-item'
-import Link from '../common/external-link'
-import BookmarkCategorySelect from './bookmark-category-select.jsx'
-
-const FormItem = Form.Item
-const e = window.translate
-
-export default function RdpFormUi (props) {
-  const [
-    form,
-    handleFinish,
-    submitUi
-  ] = useSubmit(props)
-  useEffect(() => {
-    if (props.formData.id.startsWith(newBookmarkIdPrefix)) {
-      form.setFieldsValue({
-        category: props.currentBookmarkGroupId
-      })
-    }
-  }, [props.currentBookmarkGroupId])
-  const {
-    id = ''
-  } = props.formData
-  const {
-    bookmarkGroups = [],
-    currentBookmarkGroupId
-  } = props
-  let initialValues = copy(props.formData)
-  const initBookmarkGroupId = !id.startsWith(newBookmarkIdPrefix)
-    ? findBookmarkGroupId(bookmarkGroups, id)
-    : currentBookmarkGroupId
-  const defaultValues = {
-    type: terminalRdpType,
-    port: 3389,
-    category: initBookmarkGroupId,
-    color: getColorFromCategory(bookmarkGroups, currentBookmarkGroupId)
-
-  }
-  initialValues = defaults(initialValues, defaultValues)
-  function renderCommon () {
-    const {
-      bookmarkGroups = []
-    } = props
-    const alertProps = {
-      message: (
-        <Link to={rdpWikiLink}>WIKI: {rdpWikiLink}</Link>
-      ),
-      type: 'warning',
-      className: 'mg2y'
-    }
-    return (
-      <div className='pd1x'>
-        <Alert
-          {...alertProps}
-        />
-        <FormItem
-          {...formItemLayout}
-          label={e('title')}
-          hasFeedback
-        >
-          <FormItem noStyle name='title'>
-            <Input addonBefore={<ColorPickerItem />} />
-          </FormItem>
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('host')}
-          hasFeedback
-          name='host'
-          required
-        >
-          <Input />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('port')}
-          hasFeedback
-          name='port'
-          rules={[{
-            required: true, message: 'port required'
-          }]}
-        >
-          <InputNumber
-            placeholder={e('port')}
-            min={1}
-            max={65535}
-            step={1}
-          />
-        </FormItem>
-        <ProfileItem
-          store={props.store}
-          profileFilter={d => !isEmpty(d.rdp)}
-        />
-        <FormItem
-          {...formItemLayout}
-          label={e('username')}
-          hasFeedback
-          name='userName'
-          required
-        >
-          <Input />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('password')}
-          hasFeedback
-          name='password'
-          required
-        >
-          <Password />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('description')}
-          name='description'
-          hasFeedback
-        >
-          <Input.TextArea autoSize={{ minRows: 1 }} />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('domain')}
-          hasFeedback
-          name='domain'
-        >
-          <Input />
-        </FormItem>
-        <BookmarkCategorySelect
-          bookmarkGroups={bookmarkGroups}
-          form={form}
-        />
-        <FormItem
-          {...formItemLayout}
-          label='type'
-          name='type'
-          className='hide'
-        >
-          <Input />
-        </FormItem>
-      </div>
-    )
-  }
-
-  return (
-    <Form
-      form={form}
-      onFinish={handleFinish}
-      initialValues={initialValues}
-      name='rdp-form'
-    >
-      {renderCommon()}
-      {submitUi}
-    </Form>
-  )
-}

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

@@ -1,16 +0,0 @@
-/**
- * bookmark form
- */
-import BookmarkForm from './ssh-form'
-import RdpFormUi from './rdp-form-ui'
-
-export default class RdpForm extends BookmarkForm {
-  render () {
-    return (
-      <RdpFormUi
-        {...this.props}
-        {...this.getProps()}
-      />
-    )
-  }
-}

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

@@ -1,309 +0,0 @@
-/**
- * bookmark form
- */
-
-import { useEffect } from 'react'
-import { ReloadOutlined } from '@ant-design/icons'
-import {
-  Tabs,
-  Spin,
-  Input,
-  Select,
-  Switch,
-  AutoComplete,
-  Form
-} from 'antd'
-import { formItemLayout } from '../../common/form-layout'
-import parseInt10 from '../../common/parse-int10'
-import {
-  commonBaudRates,
-  commonDataBits,
-  commonStopBits,
-  commonParities,
-  terminalSerialType,
-  newBookmarkIdPrefix
-} from '../../common/constants'
-import defaultSettings from '../../common/default-setting'
-import findBookmarkGroupId from '../../common/find-bookmark-group-id'
-import useSubmit from './use-submit'
-import useUI from './use-ui'
-import useQm from './use-quick-commands'
-import copy from 'json-deep-copy'
-import renderTermBg from './render-bg'
-import { defaults } from 'lodash-es'
-import { getColorFromCategory } from '../../common/get-category-color.js'
-import { ColorPickerItem } from './color-picker-item.jsx'
-import BookmarkCategorySelect from './bookmark-category-select.jsx'
-
-const FormItem = Form.Item
-const { Option } = Select
-const e = window.translate
-
-export default function SerialFormUi (props) {
-  const [
-    form,
-    handleFinish,
-    submitUi
-  ] = useSubmit(props)
-  useEffect(() => {
-    if (props.formData.id.startsWith(newBookmarkIdPrefix)) {
-      form.setFieldsValue({
-        category: props.currentBookmarkGroupId
-      })
-    }
-  }, [props.currentBookmarkGroupId])
-  const qms = useQm(form, props.formData)
-  const uis = useUI(props)
-  const {
-    id = ''
-  } = props.formData
-  const {
-    bookmarkGroups = [],
-    currentBookmarkGroupId
-  } = props
-  const initBookmarkGroupId = !id.startsWith(newBookmarkIdPrefix)
-    ? findBookmarkGroupId(bookmarkGroups, id)
-    : currentBookmarkGroupId
-  let initialValues = copy(props.formData)
-  const defaultValues = {
-    color: getColorFromCategory(bookmarkGroups, currentBookmarkGroupId),
-    baudRate: 9600,
-    dataBits: 8,
-    lock: true,
-    stopBits: 1,
-    parity: 'none',
-    rtscts: false,
-    xon: false,
-    xoff: false,
-    xany: false,
-    type: terminalSerialType,
-    term: defaultSettings.terminalType,
-    displayRaw: false,
-    category: initBookmarkGroupId,
-    runScripts: [{}],
-    ignoreKeyboardInteractive: false
-  }
-  initialValues = defaults(initialValues, defaultValues)
-  function renderCommon () {
-    const {
-      bookmarkGroups = [],
-      serials = [],
-      loaddingSerials
-    } = props
-    return (
-      <div className='pd1x'>
-        <FormItem
-          {...formItemLayout}
-          label={e('title')}
-          name='title'
-          hasFeedback
-        >
-          <Input addonBefore={<ColorPickerItem />} />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='path'
-          rules={[{
-            required: true, message: 'path required'
-          }]}
-          normalize={props.trim}
-        >
-          <FormItem noStyle name='path'>
-            <AutoComplete
-              options={serials.map(d => {
-                return {
-                  value: d.path
-                }
-              })}
-            />
-          </FormItem>
-          <Spin spinning={loaddingSerials}>
-            <span onClick={props.store.handleGetSerials}>
-              <ReloadOutlined /> {e('reload')} serials
-            </span>
-          </Spin>
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='baudRate'
-          name='baudRate'
-          normalize={parseInt10}
-        >
-          <AutoComplete
-            options={commonBaudRates.map(d => {
-              return {
-                value: d + ''
-              }
-            })}
-          />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='dataBits'
-          name='dataBits'
-          normalize={parseInt10}
-        >
-          <Select>
-            {
-              commonDataBits.map(s => {
-                return (
-                  <Option
-                    value={s}
-                    key={s}
-                  >
-                    {s}
-                  </Option>
-                )
-              })
-            }
-          </Select>
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='stopBits'
-          name='stopBits'
-          normalize={parseInt}
-        >
-          <Select>
-            {
-              commonStopBits.map(s => {
-                return (
-                  <Option
-                    value={s}
-                    key={s}
-                  >
-                    {s}
-                  </Option>
-                )
-              })
-            }
-          </Select>
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='parity'
-          name='parity'
-        >
-          <Select>
-            {
-              commonParities.map(s => {
-                return (
-                  <Option
-                    value={s}
-                    key={s}
-                  >
-                    {s}
-                  </Option>
-                )
-              })
-            }
-          </Select>
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='lock'
-          name='lock'
-          valuePropName='checked'
-        >
-          <Switch />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='rtscts'
-          name='rtscts'
-          valuePropName='checked'
-        >
-          <Switch />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='xon'
-          name='xon'
-          valuePropName='checked'
-        >
-          <Switch />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='xoff'
-          name='xoff'
-          valuePropName='checked'
-        >
-          <Switch />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label='xany'
-          name='xany'
-          valuePropName='checked'
-        >
-          <Switch />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('description')}
-          name='description'
-          hasFeedback
-        >
-          <Input.TextArea autoSize={{ minRows: 1 }} />
-        </FormItem>
-        <FormItem
-          {...formItemLayout}
-          label={e('type')}
-          name='type'
-          className='hide'
-        >
-          <Input />
-        </FormItem>
-        <BookmarkCategorySelect
-          bookmarkGroups={bookmarkGroups}
-          form={form}
-          formItemLayout={formItemLayout}
-        />
-      </div>
-    )
-  }
-
-  function renderTabs () {
-    const items = [
-      {
-        key: 'auth',
-        label: e('auth'),
-        forceRender: true,
-        children: renderCommon()
-      },
-      {
-        key: 'settings',
-        label: e('settings'),
-        forceRender: true,
-        children: (
-          <>
-            {uis}
-            {renderTermBg(form)}
-          </>
-        )
-      },
-      {
-        key: 'quickCommands',
-        label: e('quickCommands'),
-        forceRender: true,
-        children: qms
-      }
-    ]
-    return (
-      <Tabs items={items} />
-    )
-  }
-
-  return (
-    <Form
-      form={form}
-      onFinish={handleFinish}
-      initialValues={initialValues}
-      name='serial-form'
-    >
-      {renderTabs()}
-      {submitUi}
-    </Form>
-  )
-}

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

@@ -1,20 +0,0 @@
-/**
- * bookmark form
- */
-import BookmarkForm from './ssh-form'
-import SerialFormUi from './serial-form-ui'
-
-export default class SerialForm extends BookmarkForm {
-  componentDidMount () {
-    this.props.store.handleGetSerials()
-  }
-
-  render () {
-    return (
-      <SerialFormUi
-        {...this.props}
-        {...this.getProps()}
-      />
-    )
-  }
-}

package/client/components/bookmark-form/sftp-enable.jsx

@@ -1,41 +0,0 @@
-import {
-  Form,
-  Switch
-} from 'antd'
-
-import { formItemLayout } from '../../common/form-layout'
-
-const FormItem = Form.Item
-const e = window.translate
-
-export default function renderEnableSftp () {
-  return [
-    <FormItem
-      {...formItemLayout}
-      label='SSH'
-      name='enableSsh'
-      key='ssh'
-      valuePropName='checked'
-    >
-      <Switch />
-    </FormItem>,
-    <FormItem
-      {...formItemLayout}
-      label='SFTP'
-      name='enableSftp'
-      key='sftp'
-      valuePropName='checked'
-    >
-      <Switch />
-    </FormItem>,
-    <FormItem
-      {...formItemLayout}
-      label={e('ignoreKeyboardInteractive')}
-      name='ignoreKeyboardInteractive'
-      key='ignoreKeyboardInteractive'
-      valuePropName='checked'
-    >
-      <Switch />
-    </FormItem>
-  ]
-}

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

@@ -1,121 +0,0 @@
-/**
- * bookmark form
- */
-import { useState, useEffect } from 'react'
-import {
-  Form
-} from 'antd'
-import {
-  authTypeMap,
-  newBookmarkIdPrefix,
-  defaultEnvLang
-} from '../../common/constants'
-import encodes from './encodes'
-import findBookmarkGroupId from '../../common/find-bookmark-group-id'
-import useSubmit from './use-submit'
-import useUI from './use-ui'
-import useQm from './use-quick-commands'
-import copy from 'json-deep-copy'
-import { defaultsDeep, pick } from 'lodash-es'
-import renderTabs from './form-tabs'
-import renderCommon from './form-ssh-common'
-import renderEnableSftp from './sftp-enable'
-import renderProxy from './proxy'
-import renderX11 from './x11'
-import renderAuth from './render-auth-ssh'
-import renderTermBg from './render-bg'
-import renderSshTunnel from './render-ssh-tunnel'
-import renderConnectionHopping from './render-connection-hopping'
-import { getColorFromCategory } from '../../common/get-category-color.js'
-import defaultSetting from '../../common/default-setting'
-import './bookmark-form.styl'
-
-export default function BookmarkFormUI (props) {
-  const [
-    form,
-    handleFinish,
-    submitUi
-  ] = useSubmit(props)
-  useEffect(() => {
-    if ((props.formData.id || '').startsWith(newBookmarkIdPrefix)) {
-      form.setFieldsValue({
-        category: props.currentBookmarkGroupId
-      })
-    }
-  }, [props.currentBookmarkGroupId])
-  const [authType, setAuthType] = useState(props.formData.authType || authTypeMap.password)
-  const qms = useQm(form, props.formData)
-  const uis = useUI(props)
-  const {
-    id = ''
-  } = props.formData
-  const {
-    bookmarkGroups = [],
-    currentBookmarkGroupId
-  } = props
-  const initBookmarkGroupId = !id.startsWith(newBookmarkIdPrefix)
-    ? findBookmarkGroupId(bookmarkGroups, id)
-    : currentBookmarkGroupId
-  let initialValues = copy(props.formData)
-  const defaultValues = {
-    port: 22,
-    authType: authTypeMap.password,
-    id: '',
-    color: getColorFromCategory(bookmarkGroups, currentBookmarkGroupId),
-    term: props.store.config.terminalType,
-    displayRaw: false,
-    encode: encodes[0],
-    envLang: defaultEnvLang,
-    enableSsh: true,
-    enableSftp: true,
-    sshTunnels: [],
-    runScripts: [{}],
-    category: initBookmarkGroupId,
-    connectionHoppings: [],
-    serverHostKey: [],
-    cipher: [],
-    terminalBackground: pick(defaultSetting, [
-      'terminalBackgroundImagePath',
-      'terminalBackgroundFilterOpacity',
-      'terminalBackgroundFilterBlur',
-      'terminalBackgroundFilterBrightness',
-      'terminalBackgroundFilterGrayscale',
-      'terminalBackgroundFilterContrast',
-      'terminalBackgroundText',
-      'terminalBackgroundTextSize',
-      'terminalBackgroundTextColor',
-      'terminalBackgroundTextFontFamily'
-    ])
-  }
-  initialValues = defaultsDeep(initialValues, defaultValues)
-  function onChangeAuthType (e) {
-    setAuthType(e.target.value)
-  }
-  const tprops = {
-    ...props,
-    uis,
-    qms,
-    onChangeAuthType,
-    form,
-    authType,
-    renderCommon,
-    renderEnableSftp,
-    renderProxy,
-    renderX11,
-    renderAuth,
-    renderSshTunnel,
-    renderConnectionHopping,
-    renderTermBg
-  }
-  return (
-    <Form
-      form={form}
-      name='ssh-form'
-      onFinish={handleFinish}
-      initialValues={initialValues}
-    >
-      {renderTabs(tprops)}
-      {submitUi}
-    </Form>
-  )
-}