From 7926f304ff8c2ec0288a80fc5e2ec85ac73888af Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Mon, 12 Feb 2024 00:49:05 +0800
Subject: [PATCH] =?UTF-8?q?:hammer:=20=E4=BC=98=E5=8C=96=20sftp=20?=
 =?UTF-8?q?=E5=9B=9E=E8=B0=83=E9=80=BB=E8=BE=91.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../host/terminal/enums/InputTypeEnum.java    |  2 +-
 .../components/sftp/sftp-table-header.vue     | 35 ++++++++++++++-----
 .../terminal/components/sftp/sftp-table.vue   | 13 ++++---
 .../host/terminal/handler/terminal-channel.ts | 10 +++++-
 4 files changed, 42 insertions(+), 18 deletions(-)

diff --git a/orion-ops-module-asset/orion-ops-module-asset-service/src/main/java/com/orion/ops/module/asset/handler/host/terminal/enums/InputTypeEnum.java b/orion-ops-module-asset/orion-ops-module-asset-service/src/main/java/com/orion/ops/module/asset/handler/host/terminal/enums/InputTypeEnum.java
index 0d13898f..d310af8b 100644
--- a/orion-ops-module-asset/orion-ops-module-asset-service/src/main/java/com/orion/ops/module/asset/handler/host/terminal/enums/InputTypeEnum.java
+++ b/orion-ops-module-asset/orion-ops-module-asset-service/src/main/java/com/orion/ops/module/asset/handler/host/terminal/enums/InputTypeEnum.java
@@ -72,7 +72,7 @@ public enum InputTypeEnum {
      */
     SFTP_LIST("ls",
             SftpListHandler.class,
-            new String[]{"type", "sessionId", "path"},
+            new String[]{"type", "sessionId", "showHiddenFile", "path"},
             SftpListRequest.class),
 
 
diff --git a/orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table-header.vue b/orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table-header.vue
index 616c9759..bd4c632a 100644
--- a/orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table-header.vue
+++ b/orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table-header.vue
@@ -17,17 +17,19 @@
         </span>
       </a-tooltip>
       <!-- 当前路径 -->
-      <div class="sftp-path-wrapper"
+      <div class="sftp-path-container"
            @click="setPathEditable(true)">
         <!-- 路径输入框 -->
         <div v-if="pathEditable">
           <a-input v-model="pathInput"
+                   ref="pathInputRef"
+                   size="mini"
                    placeholder="文件夹路径"
                    allow-clear
                    @press-enter="doChangePath" />
         </div>
         <!-- 路径视图 -->
-        <a-breadcrumb v-else>
+        <a-breadcrumb class="sftp-path-wrapper" v-else>
           <!-- 根目录 -->
           <a-breadcrumb-item class="sftp-path-unit"
                              @click.stop="loadFileList('/')">
@@ -82,7 +84,7 @@
                  arrow-class="terminal-tooltip-content"
                  content="刷新">
         <span class="click-icon-wrapper header-action-icon"
-              @click="loadFileList">
+              @click="loadFileList()">
           <icon-refresh />
         </span>
       </a-tooltip>
@@ -140,14 +142,15 @@
         </span>
       </a-tooltip>
       <!-- 复制 FIXME 不行就删除 -->
-      <a-tooltip position="top"
+      <a-tooltip v-if="false"
+                 position="top"
                  :mini="true"
                  :overlay-inverse="true"
                  :auto-fix-position="false"
                  content-class="terminal-tooltip-content"
                  arrow-class="terminal-tooltip-content"
                  content="复制">
-        <span v-if="false" class="click-icon-wrapper header-action-icon">
+        <span class="click-icon-wrapper header-action-icon">
           <icon-copy />
         </span>
       </a-tooltip>
@@ -202,7 +205,7 @@
 <script lang="ts" setup>
   import type { PathAnalysis } from '@/utils/file';
   import type { ISftpSession } from '../../types/terminal.type';
-  import { ref, watch } from 'vue';
+  import { nextTick, ref, watch } from 'vue';
   import { getParentPath, getPathAnalysis } from '@/utils/file';
 
   const props = defineProps<{
@@ -217,6 +220,7 @@
   const analysisPaths = ref<Array<PathAnalysis>>([]);
   const pathEditable = ref(false);
   const pathInput = ref('');
+  const pathInputRef = ref();
 
   // 监听路径变化
   watch(() => props.currentPath, (path) => {
@@ -236,6 +240,12 @@
   const setPathEditable = (editable: boolean) => {
     pathEditable.value = editable;
     pathInput.value = editable ? props.currentPath : '';
+    // 自动聚焦
+    nextTick(() => {
+      if (editable) {
+        pathInputRef.value?.focus();
+      }
+    });
   };
 
   // 执行修改目录
@@ -262,26 +272,30 @@
   // 创建文件
   const createFile = () => {
     // openModal(true, "props.currentPath")
+    console.log(props.currentPath);
   };
 
   // 创建文件夹
   const createDir = () => {
     // openModal(false, "props.currentPath")
+    console.log(props.currentPath);
   };
 
   // 删除选中文件
   const deleteSelectFiles = () => {
     // confirm
-
+    console.log(props.selectedFiles);
   };
 
   // 上传文件
   const uploadFile = () => {
     // openModal("props.currentPath")
+    console.log(props.currentPath);
   };
 
   // 下载文件
   const downloadFile = () => {
+    console.log(props.selectedFiles);
   };
 
   // FIXME 图标宽度提成变量
@@ -312,11 +326,10 @@
     }
   }
 
-  .sftp-path-wrapper {
+  .sftp-path-container {
     background: var(--color-fill-2);
     width: 100%;
     border-radius: 2px;
-    padding: 1px 6px;
     overflow: hidden;
 
     :deep(.sftp-path-unit) {
@@ -326,6 +339,10 @@
         color: rgb(var(--arcoblue-6));
       }
     }
+
+    .sftp-path-wrapper {
+      padding: 0 6px 1px 6px;
+    }
   }
 
   .header-action-icon {
diff --git a/orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table.vue b/orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table.vue
index 14e052e5..8e429d31 100644
--- a/orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table.vue
+++ b/orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table.vue
@@ -121,19 +121,14 @@
 
 <script lang="ts" setup>
   import type { TableData } from '@arco-design/web-vue/es/table/interface';
-  import type { SftpFile } from '../../types/terminal.type';
-  import { ref } from 'vue';
+  import type { SftpFile, ISftpSession } from '../../types/terminal.type';
+  import { ref, computed } from 'vue';
   import { useRowSelection } from '@/types/table';
   import { dateFormat } from '@/utils';
   import columns from './types/table.columns';
   import useCopy from '@/hooks/copy';
   import { FILE_TYPE } from '../../types/terminal.const';
 
-  import type { ISftpSession } from '../../types/terminal.type';
-  import useLoading from '@/hooks/loading';
-  import { useCacheStore } from '@/store';
-  import { computed } from 'vue/dist/vue';
-
   const props = defineProps<{
     session: ISftpSession | undefined;
     list: Array<SftpFile>;
@@ -177,20 +172,24 @@
   // 删除文件
   const deleteFile = (path: string) => {
     // confirm
+    console.log(path);
   };
 
   // 下载文件
   const downloadFile = (path: string) => {
+    console.log(path);
   };
 
   // 移动文件
   const moveFile = (path: string) => {
     // openModal('path')
+    console.log(path);
   };
 
   // 文件提权
   const chmodFile = (path: string, attr: string) => {
     // openModal('path','mod')
+    console.log(path, attr);
 
   };
 
diff --git a/orion-ops-ui/src/views/host/terminal/handler/terminal-channel.ts b/orion-ops-ui/src/views/host/terminal/handler/terminal-channel.ts
index 11ec3ba5..d52513cf 100644
--- a/orion-ops-ui/src/views/host/terminal/handler/terminal-channel.ts
+++ b/orion-ops-ui/src/views/host/terminal/handler/terminal-channel.ts
@@ -127,6 +127,14 @@ export const parse = (payload: string) => {
 export const format = (protocol: Protocol, payload: InputPayload) => {
   payload.type = protocol.type;
   return protocol.template
-    .map(i => payload[i] || '')
+    .map(i => getPayloadValueString(payload[i]))
     .join(SEPARATOR);
 };
+
+// 获取默认值
+export const getPayloadValueString = (value: unknown): any => {
+  if (value === undefined || value === null) {
+    return '';
+  }
+  return value;
+};