@electerm/electerm-react 2.8.6 → 2.8.7

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

@@ -100,7 +100,7 @@ export default function AIConfigForm ({ initialValues, onSubmit, showAIConfig })
         className='ai-config-form'
       >
         <Form.Item label='API URL' required>
-          <Space.Compact block>
+          <Space.Compact className='width-100'>
             <Form.Item
               label='API URL'
               name='baseURLAI'

package/client/components/bookmark-form/common/run-scripts.jsx

@@ -18,7 +18,7 @@ export default function renderRunScripts () {
       <>
         <Space
           align='baseline'
-          block
+          className='width-100'
           key={field.key}
         >
           <FormItem

package/client/components/common/upload.jsx

@@ -0,0 +1,75 @@
+/**
+ * Custom Upload component that uses Electron's native file dialog
+ * This replaces antd Upload to get absolute file paths instead of browser-based file selection
+ */
+
+import { PureComponent } from 'react'
+import { getLocalFileInfo } from '../sftp/file-read'
+
+/**
+ * Open a single file select dialog
+ * @returns {Promise<Object|null>} - File object with path info or null if cancelled
+ */
+const openFileSelect = async () => {
+  const properties = [
+    'openFile',
+    'showHiddenFiles',
+    'noResolveAliases',
+    'treatPackageAsDirectory',
+    'dontAddToRecent'
+  ]
+  const files = await window.api.openDialog({
+    title: 'Choose a file',
+    message: 'Choose a file',
+    properties
+  }).catch(() => false)
+  if (!files || !files.length) {
+    return null
+  }
+  const filePath = files[0]
+  const stat = await getLocalFileInfo(filePath)
+  return { ...stat, filePath, path: filePath }
+}
+
+/**
+ * Custom Upload component
+ * Uses Electron's native file dialog for file selection
+ * API compatible with antd Upload for the use cases in this project
+ */
+export default class Upload extends PureComponent {
+  handleClick = async () => {
+    const { beforeUpload, disabled } = this.props
+    if (disabled) {
+      return
+    }
+    const file = await openFileSelect()
+    if (!file) {
+      return
+    }
+    if (beforeUpload) {
+      beforeUpload(file)
+    }
+  }
+
+  render () {
+    const {
+      children,
+      className,
+      style,
+      disabled
+    } = this.props
+
+    return (
+      <div
+        className={className}
+        style={style}
+        onClick={this.handleClick}
+        role='button'
+        tabIndex={disabled ? -1 : 0}
+        aria-disabled={disabled}
+      >
+        {children}
+      </div>
+    )
+  }
+}

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

@@ -20,9 +20,8 @@ export default function renderQm () {
     return (
       <Space.Compact
         align='center'
-        block
+        className='width-100 mg2b'
         key={field.key}
-        className='mg2b'
       >
         <Space.Addon>{e('delay')}</Space.Addon>
         <FormItem

package/client/components/tabs/workspace-save-modal.jsx

@@ -69,7 +69,7 @@ export default auto(function WorkspaceSaveModal ({ store }) {
       width={400}
     >
       <div className='pd1y'>
-        <Space direction='vertical' block>
+        <Space direction='vertical' className='width-100'>
           <Radio.Group
             value={saveMode}
             onChange={ev => setSaveMode(ev.target.value)}

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

@@ -130,7 +130,7 @@ export default class TerminalInfoBase extends Component {
       terminalInfos
     } = this.props
     return (
-      <Space.Compact block>
+      <Space.Compact className='width-100'>
         {
           defaults.terminalInfos.map(f => {
             const type = terminalInfos.includes(f) ? 'primary' : 'default'

package/package.json

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