From 537c2fc108f92c45a64905e62ddf3f57bc76bf0b Mon Sep 17 00:00:00 2001
From: MemoryShadow <JSker9@loft.games>
Date: Mon, 29 Jul 2024 06:35:06 +0000
Subject: [PATCH 01/12] perf: Use the.env file instead to modify
 docker-compose.yml

---
 .env.example                      | 13 ++++++++++
 .gitignore                        |  1 +
 docker-compose.yml                | 40 +++++++++++++++----------------
 docs/quickstart/docker-install.md | 23 +++++++++++++-----
 4 files changed, 51 insertions(+), 26 deletions(-)
 create mode 100644 .env.example

diff --git a/.env.example b/.env.example
new file mode 100644
index 00000000..fcb6a56f
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,13 @@
+SERVICE_PORT=1081
+VOLUME_BASE=/data/orion-visor-space/docker-volumes
+MYSQL_HOST=mysql
+MYSQL_PORT=3306
+MYSQL_DATABASE=orion_visor
+MYSQL_USER=orion
+MYSQL_PASSWORD=Data@123456
+MYSQL_ROOT_PASSWORD=Data@123456
+
+REDIS_HOST=redis
+REDIS_PASSWORD=Data@123456
+
+SECRET_KEY=uQeacXV8b3isvKLK
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index c8088e13..35246529 100644
--- a/.gitignore
+++ b/.gitignore
@@ -33,3 +33,4 @@ build/
 
 ### VS Code ###
 .vscode/
+.env
diff --git a/docker-compose.yml b/docker-compose.yml
index be588b1c..14f8a5e0 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -4,19 +4,19 @@ services:
     image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-service:2.1.2
     privileged: true
     ports:
-      - 1081:80
+      - ${SERVICE_PORT:-1081}:80
     environment:
-      - MYSQL_HOST=mysql
-      - MYSQL_PORT=3306
-      - MYSQL_DATABASE=orion_visor
-      - MYSQL_USER=root
-      - MYSQL_PASSWORD=Data@123456
-      - REDIS_HOST=redis
-      - REDIS_PASSWORD=Data@123456
-      - SECRET_KEY=uQeacXV8b3isvKLK
-      - DEMO_MODE=false
+      - MYSQL_HOST=${MYSQL_HOST:-mysql}
+      - MYSQL_PORT=${MYSQL_PORT:-3306}
+      - MYSQL_DATABASE=${MYSQL_DATABASE:-orion_visor}
+      - MYSQL_USER=${MYSQL_USER:-root}
+      - MYSQL_PASSWORD=${MYSQL_PASSWORD:-Data@123456}
+      - REDIS_HOST=${REDIS_HOST:-redis}
+      - REDIS_PASSWORD=${REDIS_PASSWORD:-Data@123456}
+      - SECRET_KEY=${SECRET_KEY:-uQeacXV8b3isvKLK}
+      - DEMO_MODE=${DEMO_MODE:-false}
     volumes:
-      - /data/orion-visor-space/docker-volumes/service/root-orion:/root/orion
+      - ${VOLUME_BASE:-/data/orion-visor-space/docker-volumes}/service/root-orion:/root/orion
     healthcheck:
       test: [ "CMD", "curl", "http://127.0.0.1:9200/orion-visor/api/server/bootstrap/health" ]
       interval: 3s
@@ -37,14 +37,14 @@ services:
     ports:
       - 3307:3306
     environment:
-      - MYSQL_DATABASE=orion_visor
-      - MYSQL_USER=orion
-      - MYSQL_PASSWORD=Data@123456
-      - MYSQL_ROOT_PASSWORD=Data@123456
+      - MYSQL_DATABASE=${MYSQL_DATABASE:-orion_visor}
+      - MYSQL_USER=${MYSQL_USER:-orion}
+      - MYSQL_PASSWORD=${MYSQL_PASSWORD:-Data@123456}
+      - MYSQL_ROOT_PASSWORD=${MYSQL_ROOT_PASSWORD:-Data@123456}
     volumes:
-      - /data/orion-visor-space/docker-volumes/mysql/var-lib-mysql:/var/lib/mysql
-      - /data/orion-visor-space/docker-volumes/mysql/var-lib-mysql-files:/var/lib/mysql-files
-      - /data/orion-visor-space/docker-volumes/mysql/etc-mysql:/etc/mysql
+      - ${VOLUME_BASE:-/data/orion-visor-space/docker-volumes}/mysql/var-lib-mysql:/var/lib/mysql
+      - ${VOLUME_BASE:-/data/orion-visor-space/docker-volumes}/mysql/var-lib-mysql-files:/var/lib/mysql-files
+      - ${VOLUME_BASE:-/data/orion-visor-space/docker-volumes}/mysql/etc-mysql:/etc/mysql
     healthcheck:
       test: [ "CMD", "bash", "-c", "cat < /dev/null > /dev/tcp/127.0.0.1/3306" ]
       interval: 3s
@@ -57,9 +57,9 @@ services:
     ports:
       - 6380:6379
     environment:
-      - REDIS_PASSWORD=Data@123456
+      - REDIS_PASSWORD=${REDIS_PASSWORD:-Data@123456}
     volumes:
-      - /data/orion-visor-space/docker-volumes/redis/data:/data
+      - ${VOLUME_BASE:-/data/orion-visor-space/docker-volumes}/redis/data:/data
     command: sh -c "redis-server /usr/local/redis.conf --requirepass $${REDIS_PASSWORD}"
     healthcheck:
       test: [ "CMD", "redis-cli", "--raw", "incr", "ping" ]
diff --git a/docs/quickstart/docker-install.md b/docs/quickstart/docker-install.md
index 1dc4f3fd..568e59a9 100644
--- a/docs/quickstart/docker-install.md
+++ b/docs/quickstart/docker-install.md
@@ -31,12 +31,23 @@ git clone https://gitee.com/lijiahangmax/orion-visor
 ```
 # 进入仓库目录
 cd orion-visor
-# 修改 docker-compose.yml (建议修改)
-    # MYSQL_USER          mysql 用户名
-    # MYSQL_PASSWORD      mysql 用户密码
-    # MYSQL_ROOT_PASSWORD mysql root 密码
-    # REDIS_PASSWORD      redis 密码
-    # SECRET_KEY          加密密钥
+# 创建名为 .env 的 .env.example 副本
+cp .env.example .env
+# 将其中的值删除以保持默认或将其修改为你喜欢的值
+    # SERVICE_PORT            你希望服务监听的端口
+    # VOLUME_BASE             你希望数据持久化保存的目录, 如果不提前创建将以 docker 进程宿主身份创建(通常是 root)
+
+    # MYSQL_HOST              mysql 服务所在的主机, 如果你没有现有的 MySQL 请保持值为 mysql, 如果你有自部署的请在 docker-compose.yml 中移除 services.mysql 以节约性能
+    # MYSQL_PORT              mysql 监听的端口
+    # MYSQL_DATABASE          mysql 数据库
+    # MYSQL_USER              mysql 用户名
+    # MYSQL_PASSWORD          mysql 用户密码
+    # MYSQL_ROOT_PASSWORD     mysql root 密码
+
+    # REDIS_HOST              redis 服务所在的主机, 如果你没有现有的 Redis 请保持值为 redis, 如果你有自部署的请在 docker-compose.yml 中移除 services.redis 以节约性能
+    # REDIS_PASSWORD          redis 密码
+
+    # SECRET_KEY              加密密钥
 ```
 
 ### 启动

From 1cbaf9c42402b66f1e1342f93129d929519b2ed1 Mon Sep 17 00:00:00 2001
From: MemoryShadow <JSker9@loft.games>
Date: Mon, 29 Jul 2024 06:39:47 +0000
Subject: [PATCH 02/12] docs: Clarify behavior semantics and accelerate
 deployment efficiency

---
 docs/quickstart/docker-install.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/quickstart/docker-install.md b/docs/quickstart/docker-install.md
index 568e59a9..5482989c 100644
--- a/docs/quickstart/docker-install.md
+++ b/docs/quickstart/docker-install.md
@@ -21,12 +21,12 @@ Dashboard 修改)
 
 ```shell
 # github
-git clone https://github.com/lijiahangmax/orion-visor
+git clone --depth=1 https://github.com/lijiahangmax/orion-visor
 # gitee
-git clone https://gitee.com/lijiahangmax/orion-visor
+git clone --depth=1 https://gitee.com/lijiahangmax/orion-visor
 ```
 
-### 构建镜像
+### 拉取镜像
 
 ```
 # 进入仓库目录
@@ -48,6 +48,8 @@ cp .env.example .env
     # REDIS_PASSWORD          redis 密码
 
     # SECRET_KEY              加密密钥
+# 拉取远程镜像
+docker compose pull
 ```
 
 ### 启动
@@ -56,7 +58,7 @@ cp .env.example .env
 docker compose up -d
 ```
 
-### 修改加密方式
+### 修改 MySQL 账户的加密方式
 
 ```
 访问 adminer: http://localhost:8081

From 9a8d1d05cdd7db9061e559d7e604d89d0d0678d7 Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Tue, 30 Jul 2024 14:40:15 +0800
Subject: [PATCH 03/12] =?UTF-8?q?:lipstick:=20=E4=BF=AE=E6=94=B9=E7=BB=88?=
 =?UTF-8?q?=E7=AB=AF=E6=A0=B7=E5=BC=8F.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/style/host-terminal-layout.less    |  2 +-
 .../general/terminal-interact-block.vue       | 33 +++++++------------
 .../general/terminal-plugins-block.vue        | 12 +++----
 .../general/terminal-session-block.vue        |  5 +--
 .../host/terminal/components/ssh/ssh-view.vue |  2 +-
 5 files changed, 21 insertions(+), 33 deletions(-)

diff --git a/orion-visor-ui/src/assets/style/host-terminal-layout.less b/orion-visor-ui/src/assets/style/host-terminal-layout.less
index 4d89c0d1..076abde3 100644
--- a/orion-visor-ui/src/assets/style/host-terminal-layout.less
+++ b/orion-visor-ui/src/assets/style/host-terminal-layout.less
@@ -15,7 +15,7 @@ body {
   --color-bg-panel-tabs: var(--color-bg-panel);
   --color-bg-panel-tabs-active: #F9F9F9;
   --color-bg-panel-icon-1: #F5F5F5;
-  --color-bg-panel-bar: #F3F4F5;
+  --color-bg-panel-bar: #F0F0F0;
   --color-panel-text-1: var(--color-content-text-1);
   --color-panel-text-2: var(--color-content-text-3);
   --color-panel-gradient-start: rgba(218, 218, 218, 1);
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-interact-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-interact-block.vue
index 7ddf18f2..919a3fed 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-interact-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-interact-block.vue
@@ -19,52 +19,43 @@
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 快速滚动 -->
         <block-setting-item label="快速滚动" desc="alt + 鼠标滚轮快速滚动">
-          <a-switch type="round"
-                    v-model="formModel.fastScrollModifier" />
+          <a-switch v-model="formModel.fastScrollModifier" type="round" />
         </block-setting-item>
         <!-- 点击移动光标 -->
         <block-setting-item label="点击移动光标" desc="alt + 鼠标左键可以切换光标位置">
-          <a-switch type="round"
-                    v-model="formModel.altClickMovesCursor" />
+          <a-switch v-model="formModel.altClickMovesCursor" type="round" />
         </block-setting-item>
       </a-row>
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 右键选中词条 -->
         <block-setting-item label="右键选中词条" desc="右键文本后会根据单词分隔符自动选中词条">
-          <a-switch type="round"
-                    v-model="formModel.rightClickSelectsWord" />
+          <a-switch v-model="formModel.rightClickSelectsWord" type="round" />
         </block-setting-item>
         <!-- 选中自动复制 -->
         <block-setting-item label="选中自动复制" desc="自动将选中的文本复制到剪切板">
-          <a-switch type="round"
-                    v-model="formModel.selectionChangeCopy" />
+          <a-switch v-model="formModel.selectionChangeCopy" type="round" />
         </block-setting-item>
       </a-row>
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 复制去除空格 -->
         <block-setting-item label="复制去除空格" desc="复制文本后自动删除尾部空格">
-          <a-switch type="round"
-                    v-model="formModel.copyAutoTrim" />
+          <a-switch v-model="formModel.copyAutoTrim" type="round" />
         </block-setting-item>
         <!-- 启用右键菜单 -->
         <block-setting-item label="启用右键菜单" desc="右键终端将打开自定义菜单, 启用后需要关闭右键粘贴">
-          <a-switch type="round"
-                    v-model="formModel.enableRightClickMenu" />
+          <a-switch v-model="formModel.enableRightClickMenu" type="round" />
         </block-setting-item>
-
       </a-row>
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 右键粘贴 -->
         <block-setting-item label="右键粘贴"
                             desc="启用右键自动粘贴需要关闭右键菜单. 如果启用右键选中词条且选中有文本时, 右键粘贴无效. 因浏览器安全策略限制, 此功能需要在 HTTPS 环境下使用">
-          <a-switch type="round"
-                    v-model="formModel.rightClickPaste" />
+          <a-switch v-model="formModel.rightClickPaste" type="round" />
         </block-setting-item>
         <!-- 粘贴去除空格 -->
         <block-setting-item label="粘贴去除空格"
                             desc="粘贴文本前自动删除尾部空格 如: 命令输入框, 命令编辑器, 右键粘贴, 粘贴按钮, 右键菜单粘贴, 自定义粘贴快捷键. 默认粘贴快捷键无法去除空格">
-          <a-switch type="round"
-                    v-model="formModel.pasteAutoTrim" />
+          <a-switch v-model="formModel.pasteAutoTrim" type="round" />
           <template #desc>
 
           </template>
@@ -73,13 +64,13 @@
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 启用响铃 -->
         <block-setting-item label="启用响铃" desc="系统接收到 \a 时发出响铃 (一般不用开启)">
-          <a-switch type="round"
-                    v-model="formModel.enableBell" />
+          <a-switch v-model="formModel.enableBell" type="round" />
         </block-setting-item>
         <!-- 单词分隔符 -->
         <block-setting-item label="单词分隔符" desc="在终端中双击文本将使用该分隔符进行分割 (一般不用修改)">
-          <a-input size="small"
-                   v-model="formModel.wordSeparator"
+          <a-input v-model="formModel.wordSeparator"
+                   size="small"
+                   style="width: 188px"
                    placeholder="单词分隔符"
                    allow-clear />
         </block-setting-item>
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-plugins-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-plugins-block.vue
index 4fbf1de0..09e8bf58 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-plugins-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-plugins-block.vue
@@ -11,25 +11,21 @@
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 超链接插件 -->
         <block-setting-item label="超链接插件" desc="自动检测 http(https) url 并可以点击">
-          <a-switch type="round"
-                    v-model="formModel.enableWeblinkPlugin" />
+          <a-switch v-model="formModel.enableWeblinkPlugin" type="round" />
         </block-setting-item>
         <!-- WebGL 渲染插件 -->
         <block-setting-item label="WebGL 渲染插件" desc="使用 WebGL 加速渲染终端 (建议开启, 若无法开启终端请关闭)">
-          <a-switch type="round"
-                    v-model="formModel.enableWebglPlugin" />
+          <a-switch v-model="formModel.enableWebglPlugin" type="round" />
         </block-setting-item>
       </a-row>
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- unicode11 插件 -->
         <block-setting-item label="unicode11 插件" desc="支持 Unicode 11 字符集">
-          <a-switch type="round"
-                    v-model="formModel.enableUnicodePlugin" />
+          <a-switch v-model="formModel.enableUnicodePlugin" type="round" />
         </block-setting-item>
         <!-- 图片渲染插件 -->
         <block-setting-item label="图片渲染插件" desc="支持使用 sixel 打开图片 (一般不需要开启)">
-          <a-switch type="round"
-                    v-model="formModel.enableImagePlugin" />
+          <a-switch v-model="formModel.enableImagePlugin" type="round" />
         </block-setting-item>
       </a-row>
     </div>
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-session-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-session-block.vue
index af792932..c4feeacb 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-session-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-session-block.vue
@@ -11,14 +11,15 @@
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 终端类型 -->
         <block-setting-item label="终端类型" desc="若显示异常请尝试切换此选项 兼容性 vt100 > xterm > 16color > 256color">
-          <a-select style="width: 160px;"
-                    v-model="formModel.terminalEmulationType"
+          <a-select v-model="formModel.terminalEmulationType"
+                    style="width: 188px;"
                     size="small"
                     :options="toOptions(emulationTypeKey)" />
         </block-setting-item>
         <!-- 缓冲区行数 -->
         <block-setting-item label="缓冲区行数" desc="保存在缓冲区的行数, 多出的行数会被忽略, 此值越大占用内存的内存会更多">
           <a-input-number v-model="formModel.scrollBackLine"
+                          style="width: 188px"
                           size="small"
                           :min="1"
                           :max="10000"
diff --git a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
index f5af3cea..899cee78 100644
--- a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
@@ -242,7 +242,7 @@
     width: 100%;
     height: calc(100% - @ssh-header-height);
     position: relative;
-    padding: 8px;
+    padding: 8px 2px 2px 8px;
 
     .ssh-inst {
       width: 100%;

From 18c605354a6d92d6190a57cd7f8c3ce9863e1bd3 Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Wed, 31 Jul 2024 00:42:02 +0800
Subject: [PATCH 04/12] =?UTF-8?q?:hammer:=20=E4=BF=AE=E6=94=B9=E7=BB=88?=
 =?UTF-8?q?=E7=AB=AF=E9=80=BB=E8=BE=91.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/store/modules/terminal/index.ts       |  2 +-
 orion-visor-ui/src/utils/bell.ts              | 13 ++++-
 .../asset/host-list/components/host-table.vue | 14 ++---
 .../asset/host-list/types/table.columns.ts    |  2 +-
 .../display/terminal-action-bar-block.vue     |  2 -
 .../display/terminal-display-block.vue        | 32 +++++++++---
 .../display/terminal-right-menu-block.vue     |  2 +-
 .../setting/theme/terminal-theme-block.vue    | 20 ++++++--
 .../host/terminal/handler/ssh-session.ts      |  2 +-
 .../src/views/host/terminal/index.vue         | 51 ++++++++++++++-----
 10 files changed, 104 insertions(+), 36 deletions(-)

diff --git a/orion-visor-ui/src/store/modules/terminal/index.ts b/orion-visor-ui/src/store/modules/terminal/index.ts
index 03968619..68989af3 100644
--- a/orion-visor-ui/src/store/modules/terminal/index.ts
+++ b/orion-visor-ui/src/store/modules/terminal/index.ts
@@ -65,7 +65,7 @@ export default defineStore('terminal', {
       } as TerminalShortcutSetting,
     },
     hosts: {} as AuthorizedHostQueryResponse,
-    tabManager: new TerminalTabManager(TerminalTabs.NEW_CONNECTION),
+    tabManager: new TerminalTabManager(),
     panelManager: new TerminalPanelManager(),
     sessionManager: new TerminalSessionManager(),
     transferManager: new SftpTransferManager(),
diff --git a/orion-visor-ui/src/utils/bell.ts b/orion-visor-ui/src/utils/bell.ts
index 4791660d..9d4681ca 100644
--- a/orion-visor-ui/src/utils/bell.ts
+++ b/orion-visor-ui/src/utils/bell.ts
@@ -1,9 +1,20 @@
+const Bell = 'data:audio/ogg;base64,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';
+
+// 播放
+export const playBell = () => {
+  new Audio(Bell)
+    .play()
+    .catch(() => {
+      playBellHz();
+    });
+};
+
 /**
  * 钟鸣
  * @param frequency 蜂鸣器频率Hz
  * @param duration 持续时间
  */
-export const playBell = (frequency: number = 400, duration: number = .15) => {
+export const playBellHz = (frequency: number = 400, duration: number = .15) => {
   try {
     // 创建 AudioContext 对象
     const audioCtx = new (window.AudioContext)();
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
index efacd20b..5b4f3657 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
@@ -180,6 +180,13 @@
                     @click="emits('openUpdate', record)">
             修改
           </a-button>
+          <!-- 配置 -->
+          <a-button type="text"
+                    size="mini"
+                    v-permission="['asset:host:update-config']"
+                    @click="emits('openUpdateConfig', record)">
+            配置
+          </a-button>
           <!-- 删除 -->
           <a-popconfirm content="确认删除这条记录吗?"
                         position="left"
@@ -198,13 +205,6 @@
               更多
             </a-button>
             <template #content>
-              <!-- 配置 -->
-              <a-doption v-permission="['asset:host:update-config']"
-                         @click="emits('openUpdateConfig', record)">
-                <span class="more-doption normal">
-                  配置
-                </span>
-              </a-doption>
               <!-- 修改状态 -->
               <a-doption v-permission="['asset:host:update-status']"
                          @click="updateStatus(record)">
diff --git a/orion-visor-ui/src/views/asset/host-list/types/table.columns.ts b/orion-visor-ui/src/views/asset/host-list/types/table.columns.ts
index a718dafa..9e4b2991 100644
--- a/orion-visor-ui/src/views/asset/host-list/types/table.columns.ts
+++ b/orion-visor-ui/src/views/asset/host-list/types/table.columns.ts
@@ -47,7 +47,7 @@ const columns = [
   }, {
     title: '操作',
     slotName: 'handle',
-    width: 162,
+    width: 192,
     align: 'center',
     fixed: 'right',
   },
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-action-bar-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-action-bar-block.vue
index 2f963235..43fb2630 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-action-bar-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-action-bar-block.vue
@@ -6,8 +6,6 @@
         操作栏设置
       </h3>
     </div>
-    <!-- 提示 -->
-    <a-alert class="mb16">修改后会立刻保存, 立即生效 (无需刷新页面)</a-alert>
     <!-- 非安全环境提示 -->
     <a-alert v-if="!isSecureEnvironment"
              type="warning"
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-display-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-display-block.vue
index c8dd88b4..dcfbd38f 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-display-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-display-block.vue
@@ -6,8 +6,6 @@
         显示偏好
       </h3>
     </div>
-    <!-- 提示 -->
-    <a-alert class="mb16">修改后会立刻保存, 重新打开终端后生效 (无需刷新页面)</a-alert>
     <!-- 内容区域 -->
     <div class="terminal-setting-body block-body setting-body">
       <a-form class="terminal-setting-form"
@@ -100,7 +98,7 @@
       <div class="terminal-example">
         <span class="vertical-form-label">预览效果</span>
         <div class="terminal-example-wrapper"
-             :style="{ background: preference.theme.schema.background }">
+             :style="{ background: background }">
           <terminal-example :schema="preference.theme.schema"
                             ref="previewTerminal" />
         </div>
@@ -117,22 +115,24 @@
 
 <script lang="ts" setup>
   import type { TerminalDisplaySetting } from '@/store/modules/terminal/types';
+  import type { ISshSession } from '../../../types/define';
   import { ref, watch, onMounted } from 'vue';
   import { useDictStore, useTerminalStore } from '@/store';
-  import { fontFamilyKey, fontSizeKey, fontWeightKey, cursorStyleKey } from '../../../types/const';
+  import { fontFamilyKey, fontSizeKey, fontWeightKey, cursorStyleKey, PanelSessionType } from '../../../types/const';
   import { labelFilter } from '@/types/form';
   import { TerminalPreferenceItem } from '@/store/modules/terminal';
   import { defaultFontFamily } from '@/types/xterm';
   import TerminalExample from '../terminal-example.vue';
 
   const { toOptions, toRadioOptions } = useDictStore();
-  const { preference, updateTerminalPreference } = useTerminalStore();
+  const { preference, updateTerminalPreference, sessionManager } = useTerminalStore();
 
+  const background = preference.theme.schema.background;
   const previewTerminal = ref();
   const formModel = ref<TerminalDisplaySetting>({});
 
   // 监听内容变化
-  watch(formModel, (v) => {
+  watch(formModel, (v, before) => {
     if (!v) {
       return;
     }
@@ -149,6 +149,26 @@
         options[key] = (formModel.value as any)[key];
       }
     });
+    // 非初始化则修改终端样式
+    if (before) {
+      Object.values(sessionManager.sessions)
+        .filter(s => s.type === PanelSessionType.SSH.type)
+        .map(s => s as ISshSession)
+        .forEach(s => {
+          const options = s.inst.options;
+          s.inst;
+          // 修改样式
+          Object.keys(v).forEach(k => {
+            let value = v[k as keyof TerminalDisplaySetting];
+            if (k === 'fontFamily') {
+              value = value === '_' ? defaultFontFamily : `${value}, ${defaultFontFamily}`;
+            }
+            options[k as keyof typeof options] = value;
+          });
+          // 自适应
+          s.fit();
+        });
+    }
     // 同步
     updateTerminalPreference(TerminalPreferenceItem.DISPLAY_SETTING, formModel.value, true);
     // 聚焦
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-right-menu-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-right-menu-block.vue
index 30de2629..eca32c76 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-right-menu-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-right-menu-block.vue
@@ -7,7 +7,7 @@
       </h3>
     </div>
     <!-- 提示 -->
-    <a-alert class="mb16">修改后会立刻保存, 重新打开终端后生效 (无需刷新页面)</a-alert>
+    <a-alert class="mb16">修改后会立刻保存, 重新打开终端后生效</a-alert>
     <!-- 非安全环境提示 -->
     <a-alert v-if="!isSecureEnvironment"
              type="warning"
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/theme/terminal-theme-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/theme/terminal-theme-block.vue
index 2d832024..427a8b6c 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/theme/terminal-theme-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/theme/terminal-theme-block.vue
@@ -16,8 +16,6 @@
     </a-skeleton>
     <!-- 内容区域 -->
     <div v-else class="terminal-setting-body terminal-theme-container">
-      <!-- 提示 -->
-      <a-alert class="mb16">选择后会立刻保存, 刷新页面后生效</a-alert>
       <!-- 终端主题 -->
       <div class="theme-row"
            v-for="(themeArr, index) in themes"
@@ -57,15 +55,17 @@
 
 <script lang="ts" setup>
   import type { TerminalTheme } from '@/api/asset/host-terminal';
+  import type { ISshSession } from '../../../types/define';
   import { useTerminalStore } from '@/store';
   import { TerminalPreferenceItem } from '@/store/modules/terminal';
+  import { PanelSessionType } from '../../../types/const';
   import { onMounted, ref } from 'vue';
   import { getTerminalThemes } from '@/api/asset/host-terminal';
   import { getPreference } from '@/api/user/preference';
   import useLoading from '@/hooks/loading';
   import TerminalExample from '../terminal-example.vue';
 
-  const { updateTerminalPreference } = useTerminalStore();
+  const { updateTerminalPreference, sessionManager } = useTerminalStore();
   const { loading, setLoading } = useLoading();
 
   const currentThemeName = ref();
@@ -73,8 +73,20 @@
 
   // 选择主题
   const selectTheme = async (theme: TerminalTheme) => {
+    // 修改主题色
+    document.body.setAttribute('terminal-theme', theme.dark ? 'dark' : 'light');
+    // 修改终端主题
+    Object.values(sessionManager.sessions)
+      .filter(s => s.type === PanelSessionType.SSH.type)
+      .map(s => s as ISshSession)
+      .forEach(s => {
+        s.inst.options.theme = theme.schema;
+        // 自适应
+        s.blur();
+      });
+    // 同步
     currentThemeName.value = theme.name;
-    await updateTerminalPreference(TerminalPreferenceItem.THEME, theme);
+    await updateTerminalPreference(TerminalPreferenceItem.THEME, theme, true);
   };
 
   // 加载用户主题
diff --git a/orion-visor-ui/src/views/host/terminal/handler/ssh-session.ts b/orion-visor-ui/src/views/host/terminal/handler/ssh-session.ts
index be4c7a86..a0638480 100644
--- a/orion-visor-ui/src/views/host/terminal/handler/ssh-session.ts
+++ b/orion-visor-ui/src/views/host/terminal/handler/ssh-session.ts
@@ -128,7 +128,7 @@ export default class SshSession extends BaseSession implements ISshSession {
     // 启用响铃
     if (preference.interactSetting.enableBell) {
       this.inst.onBell(() => {
-        // 播放蜂鸣
+        // 播放响铃
         playBell();
       });
     }
diff --git a/orion-visor-ui/src/views/host/terminal/index.vue b/orion-visor-ui/src/views/host/terminal/index.vue
index 668dd419..7da8e923 100644
--- a/orion-visor-ui/src/views/host/terminal/index.vue
+++ b/orion-visor-ui/src/views/host/terminal/index.vue
@@ -13,7 +13,7 @@
       <!-- 内容区域 -->
       <main class="host-terminal-layout-content">
         <!-- 主机加载中骨架 -->
-        <loading-skeleton v-if="contentLoading" />
+        <loading-skeleton v-if="loading" />
         <!-- 终端内容区域 -->
         <main-content v-else
                       @open-command-snippet="() => snippetRef.open()"
@@ -49,8 +49,10 @@
   import { ref, onBeforeMount, onUnmounted, onMounted } from 'vue';
   import { dictKeys, PanelSessionType, TerminalTabs } from './types/const';
   import { useCacheStore, useDictStore, useTerminalStore } from '@/store';
+  import { useRoute } from 'vue-router';
   import useLoading from '@/hooks/loading';
   import debug from '@/utils/env';
+  import { Message } from '@arco-design/web-vue';
   import LayoutHeader from './components/layout/layout-header.vue';
   import LeftSidebar from './components/layout/left-sidebar.vue';
   import RightSidebar from './components/layout/right-sidebar.vue';
@@ -62,10 +64,9 @@
   import '@/assets/style/host-terminal-layout.less';
   import '@xterm/xterm/css/xterm.css';
 
-  const terminalStore = useTerminalStore();
-  const dictStore = useDictStore();
-  const cacheStore = useCacheStore();
-  const { loading: contentLoading, setLoading: setContentLoading } = useLoading(true);
+  const { fetchPreference, getCurrentSession, openSession, preference, loadHosts, hosts, tabManager } = useTerminalStore();
+  const { loading, setLoading } = useLoading(true);
+  const route = useRoute();
 
   const originTitle = document.title;
   const render = ref(false);
@@ -75,7 +76,7 @@
 
   // 终端截屏
   const screenshot = () => {
-    const handler = terminalStore.getCurrentSession<ISshSession>(PanelSessionType.SSH.type, true)?.handler;
+    const handler = getCurrentSession<ISshSession>(PanelSessionType.SSH.type, true)?.handler;
     if (handler && handler.enabledStatus('screenshot')) {
       handler.screenshot();
     }
@@ -87,27 +88,53 @@
     event.returnValue = confirm('系统可能不会保存您所做的更改');
   };
 
+  // 打开默认打开页面
+  onBeforeMount(() => {
+    // 打开默认 tab
+    let openTab;
+    const tab = route.query.tab;
+    if (tab) {
+      openTab = Object.values(TerminalTabs).find(s => s.key === tab);
+    }
+    tabManager.openTab(openTab || TerminalTabs.NEW_CONNECTION);
+  });
+
   // 加载用户终端偏好
   onBeforeMount(async () => {
-    await terminalStore.fetchPreference();
+    // 加载偏好
+    await fetchPreference();
     // 设置系统主题配色
-    const dark = terminalStore.preference.theme.dark;
+    const dark = preference.theme.dark;
     document.body.setAttribute('terminal-theme', dark ? 'dark' : 'light');
     render.value = true;
   });
 
   // 加载字典值
   onBeforeMount(async () => {
-    await dictStore.loadKeys(dictKeys);
+    await useDictStore().loadKeys(dictKeys);
   });
 
   // 加载主机信息
   onMounted(async () => {
     try {
-      await terminalStore.loadHosts();
+      // 加载主机
+      await loadHosts();
+      // 默认连接主机
+      const connect = route.query.connect;
+      if (connect) {
+        const connectHostId = Number.parseInt(connect as string);
+        const connectHost = hosts.hostList.find(s => s.id === connectHostId);
+        // 打开连接
+        if (connectHost) {
+          const type = Object.values(PanelSessionType).find(s => s.type === route.query.type) || PanelSessionType.SSH;
+          openSession(connectHost, type);
+        } else {
+          Message.error(`主机 ${connectHostId} 不存在/无权限`);
+        }
+      }
     } catch (e) {
     } finally {
-      setContentLoading(false);
+      setLoading(false);
     }
   });
 
@@ -124,7 +151,7 @@
   // 卸载处理
   onUnmounted(() => {
     // 卸载时清除 cache
-    cacheStore.reset('authorizedHostKeys', 'authorizedHostIdentities', 'commandSnippetGroups', 'pathBookmarkGroups');
+    useCacheStore().reset('authorizedHostKeys', 'authorizedHostIdentities', 'commandSnippetGroups', 'pathBookmarkGroups');
     // 移除关闭视口事件
     window.removeEventListener('beforeunload', handleBeforeUnload);
     // 去除 body style

From 8ed42131d05fb944d51e470b79e83b22ade4ec0d Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Fri, 2 Aug 2024 01:52:29 +0800
Subject: [PATCH 05/12] =?UTF-8?q?:zap:=20=E4=BC=98=E5=8C=96=E5=91=BD?=
 =?UTF-8?q?=E4=BB=A4=E7=89=87=E6=AE=B5=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/asset/command-snippet.ts          |   1 -
 orion-visor-ui/src/api/asset/path-bookmark.ts |   1 -
 .../components/exec/log/panel/log-appender.ts |   2 +-
 .../components/exec/template/modal/index.vue  |   2 +-
 .../bookmark-path/group/selector/index.vue}   |   2 +-
 .../command-snippte/gruop/selector/index.vue} |   2 +-
 .../meta/cron/generator-input/index.vue       |   2 +-
 .../components/meta/history/modal/index.vue   |   4 +-
 orion-visor-ui/src/hooks/copy.ts              |   4 +-
 .../src/store/modules/cache/index.ts          |  12 ++
 .../src/store/modules/cache/types.ts          |   1 +
 .../src/store/modules/terminal/index.ts       |  20 +-
 .../components/exec-template-table.vue        |   2 +-
 .../command-snippet-drawer.vue                | 170 ++++++++++-------
 .../command-snippet-form-drawer.vue           |  10 +-
 ...list-item.vue => command-snippet-item.vue} |  70 ++-----
 .../command-snippet-list-group.vue            |  69 -------
 .../components/command-snippet/types/const.ts |   5 -
 .../path-bookmark/path-bookmark-drawer.vue    | 172 ++++++++++++------
 .../path-bookmark-form-drawer.vue             |   8 +-
 ...k-list-item.vue => path-bookmark-item.vue} |  88 +++------
 .../path-bookmark-list-group.vue              |  69 -------
 .../components/path-bookmark/types/const.ts   |   6 -
 .../components/sftp/sftp-editor-header.vue    |   2 +-
 .../terminal/components/sftp/sftp-table.vue   |   2 +-
 .../exec-job/components/exec-job-table.vue    |   4 +-
 .../system/menu/components/menu-table.vue     |   6 +-
 .../views/system/setting/components/about.vue |   2 +-
 .../components/operator-log-simple-table.vue  |   2 +-
 .../components/operator-log-table.vue         |   2 +-
 30 files changed, 327 insertions(+), 415 deletions(-)
 rename orion-visor-ui/src/{views/host/terminal/components/path-bookmark/path-bookmark-group-select.vue => components/host/bookmark-path/group/selector/index.vue} (98%)
 rename orion-visor-ui/src/{views/host/terminal/components/command-snippet/command-snippet-group-select.vue => components/host/command-snippte/gruop/selector/index.vue} (98%)
 rename orion-visor-ui/src/views/host/terminal/components/command-snippet/{command-snippet-list-item.vue => command-snippet-item.vue} (76%)
 delete mode 100644 orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-list-group.vue
 delete mode 100644 orion-visor-ui/src/views/host/terminal/components/command-snippet/types/const.ts
 rename orion-visor-ui/src/views/host/terminal/components/path-bookmark/{path-bookmark-list-item.vue => path-bookmark-item.vue} (74%)
 delete mode 100644 orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-list-group.vue

diff --git a/orion-visor-ui/src/api/asset/command-snippet.ts b/orion-visor-ui/src/api/asset/command-snippet.ts
index 80ffd328..b78aa06a 100644
--- a/orion-visor-ui/src/api/asset/command-snippet.ts
+++ b/orion-visor-ui/src/api/asset/command-snippet.ts
@@ -29,7 +29,6 @@ export interface CommandSnippetQueryResponse extends CommandSnippetQueryResponse
 
 export interface CommandSnippetQueryResponseExtra {
   visible: boolean;
-  expand?: boolean;
 }
 
 /**
diff --git a/orion-visor-ui/src/api/asset/path-bookmark.ts b/orion-visor-ui/src/api/asset/path-bookmark.ts
index e83ac0cf..136f5b10 100644
--- a/orion-visor-ui/src/api/asset/path-bookmark.ts
+++ b/orion-visor-ui/src/api/asset/path-bookmark.ts
@@ -31,7 +31,6 @@ export interface PathBookmarkQueryResponse extends PathBookmarkQueryResponseExtr
 
 export interface PathBookmarkQueryResponseExtra {
   visible: boolean;
-  expand?: boolean;
 }
 
 /**
diff --git a/orion-visor-ui/src/components/exec/log/panel/log-appender.ts b/orion-visor-ui/src/components/exec/log/panel/log-appender.ts
index 4b4ea18c..c753943d 100644
--- a/orion-visor-ui/src/components/exec/log/panel/log-appender.ts
+++ b/orion-visor-ui/src/components/exec/log/panel/log-appender.ts
@@ -227,7 +227,7 @@ export default class LogAppender implements ILogAppender {
 
   // 复制
   copy(): void {
-    copyText(this.current.terminal.getSelection(), '已复制');
+    copyText(this.current.terminal.getSelection(), true);
     this.focus();
   }
 
diff --git a/orion-visor-ui/src/components/exec/template/modal/index.vue b/orion-visor-ui/src/components/exec/template/modal/index.vue
index 2f3be3a7..7e61959b 100644
--- a/orion-visor-ui/src/components/exec/template/modal/index.vue
+++ b/orion-visor-ui/src/components/exec/template/modal/index.vue
@@ -59,7 +59,7 @@
         </template>
         <!-- 模板命令 -->
         <template #command="{ record }">
-          <span class="copy-left" @click="copy(record.command, '已复制')">
+          <span class="copy-left" @click="copy(record.command, true)">
             <icon-copy />
           </span>
           <span :title="record.command">{{ record.command }}</span>
diff --git a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-group-select.vue b/orion-visor-ui/src/components/host/bookmark-path/group/selector/index.vue
similarity index 98%
rename from orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-group-select.vue
rename to orion-visor-ui/src/components/host/bookmark-path/group/selector/index.vue
index fe162b76..3ba17090 100644
--- a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-group-select.vue
+++ b/orion-visor-ui/src/components/host/bookmark-path/group/selector/index.vue
@@ -9,7 +9,7 @@
 
 <script lang="ts">
   export default {
-    name: 'pathBookmarkGroupSelect'
+    name: 'pathBookmarkGroupSelector'
   };
 </script>
 
diff --git a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-group-select.vue b/orion-visor-ui/src/components/host/command-snippte/gruop/selector/index.vue
similarity index 98%
rename from orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-group-select.vue
rename to orion-visor-ui/src/components/host/command-snippte/gruop/selector/index.vue
index e8e2035e..850d2bf5 100644
--- a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-group-select.vue
+++ b/orion-visor-ui/src/components/host/command-snippte/gruop/selector/index.vue
@@ -9,7 +9,7 @@
 
 <script lang="ts">
   export default {
-    name: 'commandSnippetGroupSelect'
+    name: 'commandSnippetGroupSelector'
   };
 </script>
 
diff --git a/orion-visor-ui/src/components/meta/cron/generator-input/index.vue b/orion-visor-ui/src/components/meta/cron/generator-input/index.vue
index bc23aaad..4d4b8007 100644
--- a/orion-visor-ui/src/components/meta/cron/generator-input/index.vue
+++ b/orion-visor-ui/src/components/meta/cron/generator-input/index.vue
@@ -104,7 +104,7 @@
                 <template #append>
                   <span class="allow-click span-blue"
                         title="点击复制"
-                        @click="copy(inputValues.cron,'已复制')">
+                        @click="copy(inputValues.cron, true)">
                     <icon-copy />
                   </span>
                 </template>
diff --git a/orion-visor-ui/src/components/meta/history/modal/index.vue b/orion-visor-ui/src/components/meta/history/modal/index.vue
index e198211a..b4a44b23 100644
--- a/orion-visor-ui/src/components/meta/history/modal/index.vue
+++ b/orion-visor-ui/src/components/meta/history/modal/index.vue
@@ -40,7 +40,7 @@
         <template #beforeValue="{ record }">
           <span class="copy-left"
                 title="复制"
-                @click="copy(record.beforeValue, '已复制')">
+                @click="copy(record.beforeValue, true)">
             <icon-copy />
           </span>
           <span>{{ record.beforeValue }}</span>
@@ -49,7 +49,7 @@
         <template #afterValue="{ record }">
           <span class="copy-left"
                 title="复制"
-                @click="copy(record.afterValue, '已复制')">
+                @click="copy(record.afterValue, true)">
             <icon-copy />
           </span>
           <span>{{ record.afterValue }}</span>
diff --git a/orion-visor-ui/src/hooks/copy.ts b/orion-visor-ui/src/hooks/copy.ts
index 181e0417..08ea28dd 100644
--- a/orion-visor-ui/src/hooks/copy.ts
+++ b/orion-visor-ui/src/hooks/copy.ts
@@ -7,7 +7,9 @@ export const copy = async (value: string | undefined, tips: string | boolean = `
       return;
     }
     await copyToClipboard(value);
-    if (tips) {
+    if (tips === true) {
+      Message.success('已复制');
+    } else if (tips) {
       Message.success(tips as string);
     }
   } catch (e) {
diff --git a/orion-visor-ui/src/store/modules/cache/index.ts b/orion-visor-ui/src/store/modules/cache/index.ts
index 91a831ee..038de5fd 100644
--- a/orion-visor-ui/src/store/modules/cache/index.ts
+++ b/orion-visor-ui/src/store/modules/cache/index.ts
@@ -18,6 +18,8 @@ import { getCurrentAuthorizedHostIdentity, getCurrentAuthorizedHostKey } from '@
 import { getCommandSnippetGroupList } from '@/api/asset/command-snippet-group';
 import { getExecJobList } from '@/api/job/exec-job';
 import { getPathBookmarkGroupList } from '@/api/asset/path-bookmark-group';
+import { getCommandSnippetList } from '@/api/asset/command-snippet';
+import { getPathBookmarkList } from '@/api/asset/path-bookmark';
 
 export default defineStore('cache', {
   state: (): CacheState => ({}),
@@ -121,6 +123,16 @@ export default defineStore('cache', {
       return await this.load('pathBookmarkGroups', getPathBookmarkGroupList, force);
     },
 
+    // 获取命令片段列表
+    async loadCommandSnippets(force = false) {
+      return await this.load('commandSnippets', getCommandSnippetList, force);
+    },
+
+    // 获取路径书签列表
+    async loadPathBookmarks(force = false) {
+      return await this.load('pathBookmarks', getPathBookmarkList, force);
+    },
+
     // 获取执行计划列表
     async loadExecJobs(force = false) {
       return await this.load('execJob', getExecJobList, force);
diff --git a/orion-visor-ui/src/store/modules/cache/types.ts b/orion-visor-ui/src/store/modules/cache/types.ts
index 6414981c..fe97e50f 100644
--- a/orion-visor-ui/src/store/modules/cache/types.ts
+++ b/orion-visor-ui/src/store/modules/cache/types.ts
@@ -4,6 +4,7 @@ export type CacheType = 'users' | 'menus' | 'roles'
   | 'dictKeys'
   | 'authorizedHostKeys' | 'authorizedHostIdentities'
   | 'commandSnippetGroups' | 'pathBookmarkGroups'
+  | 'commandSnippets' | 'pathBookmarks'
   | 'execJob'
   | string
 
diff --git a/orion-visor-ui/src/store/modules/terminal/index.ts b/orion-visor-ui/src/store/modules/terminal/index.ts
index 68989af3..bd570b0c 100644
--- a/orion-visor-ui/src/store/modules/terminal/index.ts
+++ b/orion-visor-ui/src/store/modules/terminal/index.ts
@@ -8,7 +8,7 @@ import type {
   TerminalShortcutSetting,
   TerminalState
 } from './types';
-import type { ITerminalSession, PanelSessionTabType, TerminalPanelTabItem } from '@/views/host/terminal/types/define';
+import type { ISshSession, ITerminalSession, PanelSessionTabType, TerminalPanelTabItem } from '@/views/host/terminal/types/define';
 import type { AuthorizedHostQueryResponse } from '@/api/asset/asset-authorized-data';
 import { getCurrentAuthorizedHost } from '@/api/asset/asset-authorized-data';
 import type { HostQueryResponse } from '@/api/asset/host';
@@ -18,7 +18,7 @@ import { defineStore } from 'pinia';
 import { getPreference, updatePreference } from '@/api/user/preference';
 import { nextId } from '@/utils';
 import { Message } from '@arco-design/web-vue';
-import { TerminalTabs } from '@/views/host/terminal/types/const';
+import { PanelSessionType, TerminalTabs } from '@/views/host/terminal/types/const';
 import TerminalTabManager from '@/views/host/terminal/handler/terminal-tab-manager';
 import TerminalSessionManager from '@/views/host/terminal/handler/terminal-session-manager';
 import TerminalPanelManager from '@/views/host/terminal/handler/terminal-panel-manager';
@@ -248,6 +248,22 @@ export default defineStore('terminal', {
       return this.sessionManager.getSession<T>(sessionTab.sessionId);
     },
 
+    // 拼接命令到当前会话
+    appendCommandToCurrentSession(command: string, newLine: boolean = false) {
+      this.appendCommandToSession(this.getCurrentSession<ISshSession>(PanelSessionType.SSH.type, true), command, newLine);
+    },
+
+    // 拼接命令到会话
+    appendCommandToSession(session: ISshSession | undefined, command: string, newLine: boolean = false) {
+      const handler = session?.handler;
+      if (handler && handler.enabledStatus('checkAppendMissing')) {
+        if (newLine) {
+          command = `${command}\r\n`;
+        }
+        handler.checkAppendMissing(command);
+      }
+    },
+
   },
 
 });
diff --git a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-table.vue b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-table.vue
index 2b66936f..b93b34ef 100644
--- a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-table.vue
+++ b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-table.vue
@@ -81,7 +81,7 @@
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 模板命令 -->
       <template #command="{ record }">
-        <span class="copy-left" @click="copy(record.command, '已复制')">
+        <span class="copy-left" @click="copy(record.command, true)">
           <icon-copy />
         </span>
         <span :title="record.command">{{ record.command }}</span>
diff --git a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue
index 148c871a..9770b023 100644
--- a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue
@@ -13,26 +13,26 @@
     <div class="snippet-container">
       <!-- 命令头部 -->
       <div class="snippet-header">
-        <!-- 左侧按钮 -->
+        <!-- 搜索框 -->
+        <a-input-search class="snippet-header-input"
+                        v-model="filterValue"
+                        placeholder="请输入名称/命令"
+                        allow-clear />
+        <!-- 右侧按钮 -->
         <a-space size="small">
           <!-- 创建命令 -->
           <span class="click-icon-wrapper snippet-header-icon"
                 title="创建命令"
                 @click="openAdd">
-          <icon-plus />
-        </span>
+            <icon-plus />
+          </span>
           <!-- 刷新 -->
           <span class="click-icon-wrapper snippet-header-icon"
                 title="刷新"
-                @click="fetchData(true)">
-          <icon-refresh />
-        </span>
+                @click="fetchData">
+            <icon-refresh />
+          </span>
         </a-space>
-        <!-- 搜索框 -->
-        <a-input-search class="snippet-header-input"
-                        v-model="filterValue"
-                        placeholder="名称/命令"
-                        allow-clear />
       </div>
       <!-- 加载中 -->
       <a-skeleton v-if="loading"
@@ -43,7 +43,7 @@
                          :line-spacing="12" />
       </a-skeleton>
       <!-- 无数据 -->
-      <a-empty v-else-if="!snippetValue || (snippetValue.groups.length === 0 && snippetValue.ungroupedItems.length === 0)"
+      <a-empty v-else-if="snippetGroups.length === 0 && ungroupedItems.length === 0"
                style="padding: 28px 0">
         <span>暂无数据</span><br>
         <span>点击上方 '<icon-plus />' 添加一条数据吧~</span>
@@ -51,13 +51,40 @@
       <!-- 命令片段 -->
       <div v-else class="snippet-list-container">
         <!-- 命令片段组 -->
-        <command-snippet-list-group :value="snippetValue" />
+        <a-collapse :bordered="false">
+          <template v-for="group in snippetGroups">
+            <a-collapse-item v-if="calcGroupTotal(group) > 0"
+                             :key="group.id"
+                             :header="group.name">
+              <!-- 总量 -->
+              <template #extra>
+                {{ calcGroupTotal(group) }} 条
+              </template>
+              <!-- 代码片段 -->
+              <template v-for="item in group.items">
+                <command-snippet-item v-if="item.visible"
+                                      :key="item.id"
+                                      :item="item"
+                                      @copy="(s: string) => copy(s, true)"
+                                      @paste="(s: string) => appendCommandToCurrentSession(s)"
+                                      @exec="(s: string) => appendCommandToCurrentSession(s, true)"
+                                      @remove="remoteSnippet"
+                                      @update="(s: CommandSnippetQueryResponse) => formDrawer.openUpdate(s)" />
+              </template>
+            </a-collapse-item>
+          </template>
+        </a-collapse>
         <!-- 未分组命令片段 -->
         <div class="ungrouped-snippet-container">
-          <template v-for="item in snippetValue.ungroupedItems">
-            <command-snippet-list-item v-if="item.visible"
-                                       :key="item.id"
-                                       :item="item" />
+          <template v-for="item in ungroupedItems">
+            <command-snippet-item v-if="item.visible"
+                                  :key="item.id"
+                                  :item="item"
+                                  @copy="(s: string) => copy(s, true)"
+                                  @paste="(s: string) => appendCommandToCurrentSession(s)"
+                                  @exec="(s: string) => appendCommandToCurrentSession(s, true)"
+                                  @remove="remoteSnippet"
+                                  @update="(s: CommandSnippetQueryResponse) => formDrawer.openUpdate(s)" />
           </template>
         </div>
       </div>
@@ -77,26 +104,29 @@
 
 <script lang="ts" setup>
   import type { ISshSession } from '../../types/define';
-  import type { CommandSnippetWrapperResponse, CommandSnippetQueryResponse } from '@/api/asset/command-snippet';
-  import { ref, watch, provide } from 'vue';
+  import type { CommandSnippetQueryResponse } from '@/api/asset/command-snippet';
+  import type { CommandSnippetGroupQueryResponse } from '@/api/asset/command-snippet-group';
+  import { ref, watch } from 'vue';
   import useVisible from '@/hooks/visible';
   import useLoading from '@/hooks/loading';
-  import { deleteCommandSnippet, getCommandSnippetList } from '@/api/asset/command-snippet';
+  import { deleteCommandSnippet } from '@/api/asset/command-snippet';
   import { useCacheStore, useTerminalStore } from '@/store';
-  import { openUpdateSnippetKey, removeSnippetKey } from './types/const';
   import { PanelSessionType } from '../../types/const';
-  import CommandSnippetListItem from './command-snippet-list-item.vue';
-  import CommandSnippetListGroup from './command-snippet-list-group.vue';
+  import { copy } from '@/hooks/copy';
+  import CommandSnippetItem from './command-snippet-item.vue';
   import CommandSnippetFormDrawer from './command-snippet-form-drawer.vue';
 
   const { loading, setLoading } = useLoading();
   const { visible, setVisible } = useVisible();
-  const { getCurrentSession } = useTerminalStore();
+  const { getCurrentSession, appendCommandToCurrentSession } = useTerminalStore();
+
   const cacheStore = useCacheStore();
 
   const formDrawer = ref();
-  const filterValue = ref<string>();
-  const snippetValue = ref<CommandSnippetWrapperResponse>();
+  const filterValue = ref<string>('');
+
+  const snippetGroups = ref<Array<CommandSnippetGroupQueryResponse>>([]);
+  const ungroupedItems = ref<Array<CommandSnippetQueryResponse>>([]);
 
   // 打开
   const open = async () => {
@@ -108,15 +138,13 @@
   defineExpose({ open });
 
   // 加载数据
-  const fetchData = async (force: boolean = false) => {
-    if (snippetValue.value && !force) {
-      return;
-    }
+  const fetchData = async () => {
     setLoading(true);
     try {
       // 查询
-      const { data } = await getCommandSnippetList();
-      snippetValue.value = data;
+      const data = await cacheStore.loadCommandSnippets(true);
+      snippetGroups.value = data.groups;
+      ungroupedItems.value = data.ungroupedItems;
       // 设置状态
       filterSnippet();
     } catch (e) {
@@ -125,16 +153,21 @@
     }
   };
 
+  // 计算总量
+  const calcGroupTotal = (group: CommandSnippetGroupQueryResponse) => {
+    return group.items.filter(s => s.visible).length;
+  };
+
   // 过滤
   const filterSnippet = () => {
-    snippetValue.value?.groups.forEach(g => {
+    snippetGroups.value.forEach(g => {
       g.items?.forEach(s => {
         s.visible = !filterValue.value
           || s.name.toLowerCase().includes(filterValue.value.toLowerCase())
           || s.command.toLowerCase().includes(filterValue.value.toLowerCase());
       });
     });
-    snippetValue.value?.ungroupedItems.forEach(s => {
+    ungroupedItems.value.forEach(s => {
       s.visible = !filterValue.value
         || s.name.toLowerCase().includes(filterValue.value.toLowerCase())
         || s.command.toLowerCase().includes(filterValue.value.toLowerCase());
@@ -161,41 +194,33 @@
     }
   };
 
-  // 暴露 修改抽屉
-  provide(openUpdateSnippetKey, (e: CommandSnippetQueryResponse) => {
-    formDrawer.value.openUpdate(e);
-  });
-
-  // 暴露 删除
-  provide(removeSnippetKey, async (id: number) => {
-    if (!snippetValue.value) {
-      return;
-    }
+  // 删除代码片段
+  const remoteSnippet = async (id: number) => {
     // 删除
     await deleteCommandSnippet(id);
     // 查找并且删除未分组的数据
-    if (findAndSplice(id, snippetValue.value.ungroupedItems)) {
+    if (findAndSplice(id, ungroupedItems.value)) {
       return;
     }
     // 查找并且删除分组内数据
-    for (let group of snippetValue.value.groups) {
+    for (let group of snippetGroups.value) {
       if (findAndSplice(id, group.items)) {
         return;
       }
     }
-  });
+  };
 
   // 添加回调
   const onAdded = async (item: CommandSnippetQueryResponse) => {
     if (item.groupId) {
-      let group = snippetValue.value?.groups.find(g => g.id === item.groupId);
+      let group = snippetGroups.value.find(g => g.id === item.groupId);
       if (group) {
         group?.items.push(item);
       } else {
         const cacheGroups = await cacheStore.loadCommandSnippetGroups();
         const findGroup = cacheGroups.find(s => s.id === item.groupId);
         if (findGroup) {
-          snippetValue.value?.groups.push({
+          snippetGroups.value.push({
             id: item.groupId,
             name: findGroup.name,
             items: [item]
@@ -203,7 +228,7 @@
         }
       }
     } else {
-      snippetValue.value?.ungroupedItems.push(item);
+      ungroupedItems.value.push(item);
     }
     // 重置过滤
     filterSnippet();
@@ -211,16 +236,13 @@
 
   // 修改回调
   const onUpdated = async (item: CommandSnippetQueryResponse) => {
-    if (!snippetValue.value) {
-      return;
-    }
     // 查找原始数据
     let originItem;
-    const findInUngrouped = snippetValue.value.ungroupedItems.find(s => s.id === item.id);
+    const findInUngrouped = ungroupedItems.value.find(s => s.id === item.id);
     if (findInUngrouped) {
       originItem = findInUngrouped;
     } else {
-      for (let group of snippetValue.value.groups) {
+      for (let group of snippetGroups.value) {
         const find = group.items.find(s => s.id === item.id);
         if (find) {
           originItem = find;
@@ -232,12 +254,12 @@
       return;
     }
     // 检查分组是否存在
-    const findGroup = snippetValue.value.groups.find(s => s.id === item.groupId);
+    const findGroup = snippetGroups.value.find(s => s.id === item.groupId);
     if (!findGroup) {
       const cacheGroups = await cacheStore.loadCommandSnippetGroups();
       const cacheGroup = cacheGroups.find(s => s.id === item.groupId);
       if (cacheGroup) {
-        snippetValue.value.groups.push({
+        snippetGroups.value.push({
           id: item.groupId,
           name: cacheGroup.name,
           items: []
@@ -253,22 +275,22 @@
     if (item.groupId !== originGroupId) {
       // 从原始分组移除
       if (originGroupId) {
-        const findGroup = snippetValue.value.groups.find(s => s.id === originGroupId);
+        const findGroup = snippetGroups.value.find(s => s.id === originGroupId);
         if (findGroup) {
           findAndSplice(item.id, findGroup.items);
         }
       } else {
         // 从未分组数据中移除
-        findAndSplice(item.id, snippetValue.value.ungroupedItems);
+        findAndSplice(item.id, ungroupedItems.value);
       }
       // 添加到新分组
       if (item.groupId) {
-        const findGroup = snippetValue.value.groups.find(s => s.id === item.groupId);
+        const findGroup = snippetGroups.value.find(s => s.id === item.groupId);
         if (findGroup) {
           findGroup.items.push(item);
         }
       } else {
-        snippetValue.value.ungroupedItems.push(originItem);
+        ungroupedItems.value.push(originItem);
       }
     }
     // 重置过滤
@@ -332,6 +354,32 @@
     &:hover::-webkit-scrollbar-thumb {
       background: var(--color-fill-4);
     }
+
+    :deep(.arco-collapse-item) {
+      border: none;
+
+      &-header {
+        border: none;
+
+        &-title {
+          user-select: none;
+        }
+
+        &-extra {
+          user-select: none;
+        }
+      }
+
+      &-content {
+        background-color: unset;
+        padding: 0;
+      }
+
+      &-content-box {
+        padding: 0;
+      }
+    }
+
   }
 
   .loading-skeleton {
diff --git a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-form-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-form-drawer.vue
index 3ea671be..78878a91 100644
--- a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-form-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-form-drawer.vue
@@ -22,7 +22,7 @@
         </a-form-item>
         <!-- 分组 -->
         <a-form-item field="groupId" label="分组">
-          <command-snippet-group-select v-model="formModel.groupId" />
+          <command-snippet-group-selector v-model="formModel.groupId" />
         </a-form-item>
         <!-- 代码片段 -->
         <a-form-item field="command"
@@ -49,12 +49,12 @@
 <script lang="ts" setup>
   import type { CommandSnippetUpdateRequest } from '@/api/asset/command-snippet';
   import { ref } from 'vue';
+  import { createCommandSnippet, updateCommandSnippet } from '@/api/asset/command-snippet';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
-  import { createCommandSnippet, updateCommandSnippet } from '@/api/asset/command-snippet';
   import formRules from './types/form.rules';
   import { Message } from '@arco-design/web-vue';
-  import CommandSnippetGroupSelect from './command-snippet-group-select.vue';
+  import CommandSnippetGroupSelector from '@/components/host/command-snippte/gruop/selector/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
@@ -77,10 +77,10 @@
   const emits = defineEmits(['added', 'updated']);
 
   // 打开新增
-  const openAdd = () => {
+  const openAdd = (command: string = '') => {
     title.value = '添加命令片段';
     isAddHandle.value = true;
-    renderForm({ ...defaultForm() });
+    renderForm({ ...defaultForm(), command });
     setVisible(true);
   };
 
diff --git a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-list-item.vue b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-item.vue
similarity index 76%
rename from orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-list-item.vue
rename to orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-item.vue
index c42489d7..cf8fc7fb 100644
--- a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-list-item.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-item.vue
@@ -6,7 +6,7 @@
               alignPoint>
     <!-- 命令 -->
     <div class="snippet-item-wrapper"
-         :class="[!!item.expand ? 'snippet-item-wrapper-expand' : '']"
+         :class="[expand ? 'snippet-item-wrapper-expand' : '']"
          @click="clickItem">
       <div class="snippet-item">
         <div class="snippet-item-title">
@@ -22,7 +22,7 @@
                      size="small"
                      :checkable="true"
                      :checked="true"
-                     @click.stop.prevent="paste">
+                     @click.stop.prevent="emits('paste', item.command)">
                 <template #icon>
                   <icon-paste />
                 </template>
@@ -33,7 +33,7 @@
                      size="small"
                      :checkable="true"
                      :checked="true"
-                     @click.stop="exec">
+                     @click.stop="emits('exec', item.command)">
                 <template #icon>
                   <icon-thunderbolt />
                 </template>
@@ -52,43 +52,43 @@
     <!-- 右键菜单 -->
     <template #content>
       <!-- 复制 -->
-      <a-doption @click="copyCommand">
+      <a-doption @click="emits('copy', item.command)">
         <div class="terminal-context-menu-icon">
           <icon-copy />
         </div>
         <div>复制</div>
       </a-doption>
       <!-- 粘贴 -->
-      <a-doption @click="paste">
+      <a-doption @click="emits('paste', item.command)">
         <div class="terminal-context-menu-icon">
           <icon-paste />
         </div>
         <div>粘贴</div>
       </a-doption>
       <!-- 执行 -->
-      <a-doption @click="exec">
+      <a-doption @click="emits('exec', item.command)">
         <div class="terminal-context-menu-icon">
           <icon-thunderbolt />
         </div>
         <div>执行</div>
       </a-doption>
       <!-- 修改 -->
-      <a-doption @click="openUpdateSnippet(item)">
+      <a-doption @click="emits('update', item)">
         <div class="terminal-context-menu-icon">
           <icon-edit />
         </div>
         <div>修改</div>
       </a-doption>
       <!-- 删除 -->
-      <a-doption @click="removeSnippet(item.id)">
+      <a-doption @click="emits('remove', item.id)">
         <div class="terminal-context-menu-icon">
           <icon-delete />
         </div>
         <div>删除</div>
       </a-doption>
       <!-- 展开 -->
-      <a-doption v-if="!item.expand"
-                 @click="() => item.expand = true">
+      <a-doption v-if="!expand"
+                 @click="() => expand = true">
         <div class="terminal-context-menu-icon">
           <icon-expand />
         </div>
@@ -96,7 +96,7 @@
       </a-doption>
       <!-- 收起 -->
       <a-doption v-else
-                 @click="() => item.expand = false">
+                 @click="() => expand = false">
         <div class="terminal-context-menu-icon">
           <icon-shrink />
         </div>
@@ -108,40 +108,31 @@
 
 <script lang="ts">
   export default {
-    name: 'commandSnippetListItem'
+    name: 'commandSnippetItem'
   };
 </script>
 
 <script lang="ts" setup>
-  import type { ISshSession } from '../../types/define';
   import type { CommandSnippetQueryResponse } from '@/api/asset/command-snippet';
-  import { useTerminalStore } from '@/store';
+  import { ref } from 'vue';
   import { useDebounceFn } from '@vueuse/core';
-  import { copy } from '@/hooks/copy';
-  import { inject } from 'vue';
-  import { openUpdateSnippetKey, removeSnippetKey } from './types/const';
-  import { PanelSessionType } from '../../types/const';
 
   const props = defineProps<{
     item: CommandSnippetQueryResponse;
   }>();
 
-  const { getCurrentSession } = useTerminalStore();
+  const emits = defineEmits(['remove', 'update', 'copy', 'exec', 'paste']);
+
+  const expand = ref(false);
 
   let clickCount = 0;
 
-  // 修改
-  const openUpdateSnippet = inject(openUpdateSnippetKey) as (item: CommandSnippetQueryResponse) => void;
-
-  // 删除
-  const removeSnippet = inject(removeSnippetKey) as (id: number) => void;
-
   // 点击命令
   const clickItem = () => {
     if (++clickCount == 2) {
       // 双击执行
       clickCount = 0;
-      exec();
+      emits('exec', props.item.command);
     } else {
       // 单击展开
       expandItem();
@@ -153,7 +144,7 @@
     setTimeout(() => {
       // 为 0 则代表为双击
       if (clickCount !== 0) {
-        props.item.expand = !props.item.expand;
+        expand.value = !expand.value;
         clickCount = 0;
       }
     }, 50);
@@ -161,7 +152,7 @@
 
   // 点击命令
   const clickCommand = (e: Event) => {
-    if (props.item.expand) {
+    if (expand.value) {
       // 获取选中的文本
       const selectedText = window.getSelection()?.toString();
       if (selectedText) {
@@ -170,29 +161,6 @@
     }
   };
 
-  // 复制命令
-  const copyCommand = () => {
-    copy(props.item.command, '已复制');
-  };
-
-  // 粘贴
-  const paste = () => {
-    write(props.item.command);
-  };
-
-  // 执行
-  const exec = () => {
-    write(props.item.command + '\r\n');
-  };
-
-  // 写入命令
-  const write = (command: string) => {
-    const handler = getCurrentSession<ISshSession>(PanelSessionType.SSH.type, true)?.handler;
-    if (handler && handler.enabledStatus('checkAppendMissing')) {
-      handler.checkAppendMissing(command);
-    }
-  };
-
 </script>
 
 <style lang="less" scoped>
diff --git a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-list-group.vue b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-list-group.vue
deleted file mode 100644
index 6b7df865..00000000
--- a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-list-group.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-  <a-collapse :bordered="false">
-    <template v-for="group in value.groups">
-      <a-collapse-item v-if="calcTotal(group) > 0"
-                       :key="group.id"
-                       :header="group.name">
-        <!-- 总量 -->
-        <template #extra>
-          {{ calcTotal(group) }} 条
-        </template>
-        <!-- snippet -->
-        <template v-for="item in group.items">
-          <command-snippet-list-item v-if="item.visible"
-                                     :key="item.id"
-                                     :item="item" />
-        </template>
-      </a-collapse-item>
-    </template>
-  </a-collapse>
-</template>
-
-<script lang="ts">
-  export default {
-    name: 'commandSnippetListGroup'
-  };
-</script>
-
-<script lang="ts" setup>
-  import type { CommandSnippetGroupQueryResponse } from '@/api/asset/command-snippet-group';
-  import type { CommandSnippetWrapperResponse } from '@/api/asset/command-snippet';
-  import CommandSnippetListItem from './command-snippet-list-item.vue';
-
-  defineProps<{
-    value: CommandSnippetWrapperResponse;
-  }>();
-
-  // 计算总量
-  const calcTotal = (group: CommandSnippetGroupQueryResponse) => {
-    return group.items.filter(s => s.visible).length;
-  };
-
-</script>
-
-<style lang="less" scoped>
-  :deep(.arco-collapse-item) {
-    border: none;
-
-    &-header {
-      border: none;
-
-      &-title {
-        user-select: none;
-      }
-
-      &-extra {
-        user-select: none;
-      }
-    }
-
-    &-content {
-      background-color: unset;
-      padding: 0;
-    }
-
-    &-content-box {
-      padding: 0;
-    }
-  }
-</style>
diff --git a/orion-visor-ui/src/views/host/terminal/components/command-snippet/types/const.ts b/orion-visor-ui/src/views/host/terminal/components/command-snippet/types/const.ts
deleted file mode 100644
index ca86dddf..00000000
--- a/orion-visor-ui/src/views/host/terminal/components/command-snippet/types/const.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// 打开 updateSnippet key
-export const openUpdateSnippetKey = Symbol();
-
-// 删除 snippet key
-export const removeSnippetKey = Symbol();
diff --git a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue
index f917e048..19d8111c 100644
--- a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue
@@ -13,26 +13,26 @@
     <div class="path-container">
       <!-- 路径头部 -->
       <div class="path-header">
-        <!-- 左侧按钮 -->
+        <!-- 搜索框 -->
+        <a-input-search class="path-header-input"
+                        v-model="filterValue"
+                        placeholder="请输入名称/路径"
+                        allow-clear />
+        <!-- 右侧侧按钮 -->
         <a-space size="small">
           <!-- 创建路径 -->
           <span class="click-icon-wrapper path-header-icon"
                 title="创建路径"
                 @click="openAdd">
-          <icon-plus />
-        </span>
+            <icon-plus />
+          </span>
           <!-- 刷新 -->
           <span class="click-icon-wrapper path-header-icon"
                 title="刷新"
-                @click="fetchData(true)">
-          <icon-refresh />
-        </span>
+                @click="fetchData">
+            <icon-refresh />
+          </span>
         </a-space>
-        <!-- 搜索框 -->
-        <a-input-search class="path-header-input"
-                        v-model="filterValue"
-                        placeholder="名称/路径"
-                        allow-clear />
       </div>
       <!-- 加载中 -->
       <a-skeleton v-if="loading"
@@ -43,7 +43,7 @@
                          :line-spacing="12" />
       </a-skeleton>
       <!-- 无数据 -->
-      <a-empty v-else-if="!pathBookmarkData || (pathBookmarkData.groups.length === 0 && pathBookmarkData.ungroupedItems.length === 0)"
+      <a-empty v-else-if="bookmarkGroups.length === 0 && ungroupedItems.length === 0"
                style="padding: 28px 0">
         <span>暂无数据</span><br>
         <span>点击上方 '<icon-plus />' 添加一条数据吧~</span>
@@ -51,13 +51,42 @@
       <!-- 路径书签 -->
       <div v-else class="path-list-container">
         <!-- 路径书签组 -->
-        <path-bookmark-list-group :value="pathBookmarkData" />
+        <a-collapse :bordered="false">
+          <template v-for="group in bookmarkGroups">
+            <a-collapse-item v-if="calcGroupTotal(group) > 0"
+                             :key="group.id"
+                             :header="group.name">
+              <!-- 总量 -->
+              <template #extra>
+                {{ calcGroupTotal(group) }} 条
+              </template>
+              <!-- 路径 -->
+              <template v-for="item in group.items">
+                <path-bookmark-item v-if="item.visible"
+                                    :key="item.id"
+                                    :item="item"
+                                    @copy="(s: string) => copy(s, true)"
+                                    @paste="(s: string) => appendCommandToCurrentSession(s)"
+                                    @exec="(s: string) => appendCommandToCurrentSession(s, true)"
+                                    @change="(s: string) => changePath(s)"
+                                    @update="(s: PathBookmarkQueryResponse) => formDrawer.openUpdate(s)"
+                                    @remove="removeBookmark" />
+              </template>
+            </a-collapse-item>
+          </template>
+        </a-collapse>
         <!-- 未分组路径书签 -->
         <div class="ungrouped-path-container">
-          <template v-for="item in pathBookmarkData.ungroupedItems">
-            <path-bookmark-list-item v-if="item.visible"
-                                     :key="item.id"
-                                     :item="item" />
+          <template v-for="item in ungroupedItems">
+            <path-bookmark-item v-if="item.visible"
+                                :key="item.id"
+                                :item="item"
+                                @copy="(s: string) => copy(s, true)"
+                                @paste="(s: string) => appendCommandToCurrentSession(s)"
+                                @exec="(s: string) => appendCommandToCurrentSession(s, true)"
+                                @change="(s: string) => changePath(s)"
+                                @update="(s: PathBookmarkQueryResponse) => formDrawer.openUpdate(s)"
+                                @remove="removeBookmark" />
           </template>
         </div>
       </div>
@@ -76,27 +105,28 @@
 </script>
 
 <script lang="ts" setup>
-  import type { ISshSession } from '../../types/define';
-  import type { PathBookmarkWrapperResponse, PathBookmarkQueryResponse } from '@/api/asset/path-bookmark';
-  import { ref, provide, watch } from 'vue';
+  import type { ISftpSession, ISshSession } from '../../types/define';
+  import type { PathBookmarkQueryResponse } from '@/api/asset/path-bookmark';
+  import type { PathBookmarkGroupQueryResponse } from '@/api/asset/path-bookmark-group';
+  import { ref, watch } from 'vue';
   import useVisible from '@/hooks/visible';
   import useLoading from '@/hooks/loading';
-  import { deletePathBookmark, getPathBookmarkList } from '@/api/asset/path-bookmark';
+  import { deletePathBookmark } from '@/api/asset/path-bookmark';
   import { useCacheStore, useTerminalStore } from '@/store';
   import { PanelSessionType } from '../../types/const';
-  import { openUpdatePathKey, removePathKey } from './types/const';
-  import PathBookmarkListItem from './path-bookmark-list-item.vue';
-  import PathBookmarkListGroup from './path-bookmark-list-group.vue';
+  import { copy } from '@/hooks/copy';
+  import PathBookmarkItem from './path-bookmark-item.vue';
   import PathBookmarkFormDrawer from './path-bookmark-form-drawer.vue';
 
   const { loading, setLoading } = useLoading();
   const { visible, setVisible } = useVisible();
-  const { getCurrentSession } = useTerminalStore();
+  const { getCurrentSession, appendCommandToCurrentSession } = useTerminalStore();
   const cacheStore = useCacheStore();
 
   const formDrawer = ref();
   const filterValue = ref<string>();
-  const pathBookmarkData = ref<PathBookmarkWrapperResponse>();
+  const bookmarkGroups = ref<Array<PathBookmarkGroupQueryResponse>>([]);
+  const ungroupedItems = ref<Array<PathBookmarkQueryResponse>>([]);
 
   // 打开
   const open = async () => {
@@ -108,15 +138,13 @@
   defineExpose({ open });
 
   // 加载数据
-  const fetchData = async (force: boolean = false) => {
-    if (pathBookmarkData.value && !force) {
-      return;
-    }
+  const fetchData = async () => {
     setLoading(true);
     try {
       // 查询
-      const { data } = await getPathBookmarkList();
-      pathBookmarkData.value = data;
+      const data = await cacheStore.loadPathBookmarks(true);
+      bookmarkGroups.value = data.groups;
+      ungroupedItems.value = data.ungroupedItems;
       // 设置状态
       filterPath();
     } catch (e) {
@@ -127,14 +155,14 @@
 
   // 过滤
   const filterPath = () => {
-    pathBookmarkData.value?.groups.forEach(g => {
+    bookmarkGroups.value.forEach(g => {
       g.items?.forEach(s => {
         s.visible = !filterValue.value
           || s.name.toLowerCase().includes(filterValue.value.toLowerCase())
           || s.path.toLowerCase().includes(filterValue.value.toLowerCase());
       });
     });
-    pathBookmarkData.value?.ungroupedItems.forEach(s => {
+    ungroupedItems.value.forEach(s => {
       s.visible = !filterValue.value
         || s.name.toLowerCase().includes(filterValue.value.toLowerCase())
         || s.path.toLowerCase().includes(filterValue.value.toLowerCase());
@@ -149,6 +177,11 @@
     formDrawer.value.openAdd();
   };
 
+  // 计算总量
+  const calcGroupTotal = (group: PathBookmarkGroupQueryResponse) => {
+    return group.items.filter(s => s.visible).length;
+  };
+
   // 查找并且删除
   const findAndSplice = (id: number, items: Array<PathBookmarkQueryResponse>) => {
     if (items) {
@@ -161,41 +194,38 @@
     }
   };
 
-  // 暴露 修改抽屉
-  provide(openUpdatePathKey, (e: PathBookmarkQueryResponse) => {
-    formDrawer.value.openUpdate(e);
-  });
+  // 查询 sftp 文件列表
+  const changePath = (path: string) => {
+    getCurrentSession<ISftpSession>(PanelSessionType.SFTP.type, true)?.list(path);
+  };
 
-  // 暴露 删除
-  provide(removePathKey, async (id: number) => {
-    if (!pathBookmarkData.value) {
-      return;
-    }
+  // 删除书签路径
+  const removeBookmark = async (id: number) => {
     // 删除
     await deletePathBookmark(id);
     // 查找并且删除未分组的数据
-    if (findAndSplice(id, pathBookmarkData.value.ungroupedItems)) {
+    if (findAndSplice(id, ungroupedItems.value)) {
       return;
     }
     // 查找并且删除分组内数据
-    for (let group of pathBookmarkData.value.groups) {
+    for (let group of bookmarkGroups.value) {
       if (findAndSplice(id, group.items)) {
         return;
       }
     }
-  });
+  };
 
   // 添加回调
   const onAdded = async (item: PathBookmarkQueryResponse) => {
     if (item.groupId) {
-      let group = pathBookmarkData.value?.groups.find(g => g.id === item.groupId);
+      let group = bookmarkGroups.value.find(g => g.id === item.groupId);
       if (group) {
         group?.items.push(item);
       } else {
         const cacheGroups = await cacheStore.loadPathBookmarkGroups();
         const findGroup = cacheGroups.find(s => s.id === item.groupId);
         if (findGroup) {
-          pathBookmarkData.value?.groups.push({
+          bookmarkGroups.value.push({
             id: item.groupId,
             name: findGroup.name,
             items: [item]
@@ -203,7 +233,7 @@
         }
       }
     } else {
-      pathBookmarkData.value?.ungroupedItems.push(item);
+      ungroupedItems.value.push(item);
     }
     // 重置过滤
     filterPath();
@@ -211,16 +241,13 @@
 
   // 修改回调
   const onUpdated = async (item: PathBookmarkQueryResponse) => {
-    if (!pathBookmarkData.value) {
-      return;
-    }
     // 查找原始数据
     let originItem;
-    const findInUngrouped = pathBookmarkData.value.ungroupedItems.find(s => s.id === item.id);
+    const findInUngrouped = ungroupedItems.value.find(s => s.id === item.id);
     if (findInUngrouped) {
       originItem = findInUngrouped;
     } else {
-      for (let group of pathBookmarkData.value.groups) {
+      for (let group of bookmarkGroups.value) {
         const find = group.items.find(s => s.id === item.id);
         if (find) {
           originItem = find;
@@ -232,12 +259,12 @@
       return;
     }
     // 检查分组是否存在
-    const findGroup = pathBookmarkData.value.groups.find(s => s.id === item.groupId);
+    const findGroup = bookmarkGroups.value.find(s => s.id === item.groupId);
     if (!findGroup) {
       const cacheGroups = await cacheStore.loadPathBookmarkGroups();
       const cacheGroup = cacheGroups.find(s => s.id === item.groupId);
       if (cacheGroup) {
-        pathBookmarkData.value.groups.push({
+        bookmarkGroups.value.push({
           id: item.groupId,
           name: cacheGroup.name,
           items: []
@@ -253,22 +280,22 @@
     if (item.groupId !== originGroupId) {
       // 从原始分组移除
       if (originGroupId) {
-        const findGroup = pathBookmarkData.value.groups.find(s => s.id === originGroupId);
+        const findGroup = bookmarkGroups.value.find(s => s.id === originGroupId);
         if (findGroup) {
           findAndSplice(item.id, findGroup.items);
         }
       } else {
         // 从未分组数据中移除
-        findAndSplice(item.id, pathBookmarkData.value.ungroupedItems);
+        findAndSplice(item.id, ungroupedItems.value);
       }
       // 添加到新分组
       if (item.groupId) {
-        const findGroup = pathBookmarkData.value.groups.find(s => s.id === item.groupId);
+        const findGroup = bookmarkGroups.value.find(s => s.id === item.groupId);
         if (findGroup) {
           findGroup.items.push(item);
         }
       } else {
-        pathBookmarkData.value.ungroupedItems.push(originItem);
+        ungroupedItems.value.push(originItem);
       }
     }
     // 重置过滤
@@ -332,6 +359,31 @@
     &:hover::-webkit-scrollbar-thumb {
       background: var(--color-fill-4);
     }
+
+    :deep(.arco-collapse-item) {
+      border: none;
+
+      &-header {
+        border: none;
+
+        &-title {
+          user-select: none;
+        }
+
+        &-extra {
+          user-select: none;
+        }
+      }
+
+      &-content {
+        background-color: unset;
+        padding: 0;
+      }
+
+      &-content-box {
+        padding: 0;
+      }
+    }
   }
 
   .loading-skeleton {
diff --git a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-form-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-form-drawer.vue
index 342bf7c0..60bb7bde 100644
--- a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-form-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-form-drawer.vue
@@ -22,7 +22,7 @@
         </a-form-item>
         <!-- 分组 -->
         <a-form-item field="groupId" label="分组">
-          <path-bookmark-group-select v-model="formModel.groupId" />
+          <path-bookmark-group-selector v-model="formModel.groupId" />
         </a-form-item>
         <!-- 类型 -->
         <a-form-item field="type" label="类型">
@@ -54,13 +54,13 @@
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
-  import { createPathBookmark, updatePathBookmark } from '@/api/asset/path-bookmark';
   import formRules from './types/form.rules';
+  import { createPathBookmark, updatePathBookmark } from '@/api/asset/path-bookmark';
   import { PathBookmarkType } from './types/const';
-  import { pathBookmarkTypeKey } from '../../types/const';
   import { useDictStore } from '@/store';
   import { Message } from '@arco-design/web-vue';
-  import PathBookmarkGroupSelect from './path-bookmark-group-select.vue';
+  import { pathBookmarkTypeKey } from '../../types/const';
+  import PathBookmarkGroupSelector from '@/components/host/bookmark-path/group/selector/index.vue';
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
diff --git a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-list-item.vue b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-item.vue
similarity index 74%
rename from orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-list-item.vue
rename to orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-item.vue
index 7a15fbb8..49187831 100644
--- a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-list-item.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-item.vue
@@ -6,7 +6,7 @@
               alignPoint>
     <!-- 路径 -->
     <div class="path-item-wrapper"
-         :class="[!!item.expand ? 'path-item-wrapper-expand' : '']"
+         :class="[expand ? 'path-item-wrapper-expand' : '']"
          @click="clickItem">
       <div class="path-item">
         <div class="path-item-title">
@@ -33,7 +33,7 @@
                      size="small"
                      :checkable="true"
                      :checked="true"
-                     @click.stop.prevent="copyPath">
+                     @click.stop.prevent="emits('copy', item.path)">
                 <template #icon>
                   <icon-copy />
                 </template>
@@ -58,36 +58,36 @@
         <div>进入</div>
       </a-doption>
       <!-- 复制 -->
-      <a-doption @click="copyPath">
+      <a-doption @click="emits('copy', item.path)">
         <div class="terminal-context-menu-icon">
           <icon-copy />
         </div>
         <div>复制</div>
       </a-doption>
       <!-- 粘贴 -->
-      <a-doption @click="paste">
+      <a-doption @click="emits('paste', item.path)">
         <div class="terminal-context-menu-icon">
           <icon-paste />
         </div>
         <div>粘贴</div>
       </a-doption>
       <!-- 修改 -->
-      <a-doption @click="openUpdatePath(item)">
+      <a-doption @click="emits('update', item)">
         <div class="terminal-context-menu-icon">
           <icon-edit />
         </div>
         <div>修改</div>
       </a-doption>
       <!-- 删除 -->
-      <a-doption @click="removePath(item.id)">
+      <a-doption @click="emits('remove', item.id)">
         <div class="terminal-context-menu-icon">
           <icon-delete />
         </div>
         <div>删除</div>
       </a-doption>
       <!-- 展开 -->
-      <a-doption v-if="!item.expand"
-                 @click="() => item.expand = true">
+      <a-doption v-if="!expand"
+                 @click="() => expand = true">
         <div class="terminal-context-menu-icon">
           <icon-expand />
         </div>
@@ -95,7 +95,7 @@
       </a-doption>
       <!-- 收起 -->
       <a-doption v-else
-                 @click="() => item.expand = false">
+                 @click="() => expand = false">
         <div class="terminal-context-menu-icon">
           <icon-shrink />
         </div>
@@ -107,48 +107,37 @@
 
 <script lang="ts">
   export default {
-    name: 'pathBookmarkListItem'
+    name: 'pathBookmarkItem'
   };
 </script>
 
 <script lang="ts" setup>
-  import type { ISftpSession, ISshSession } from '../../types/define';
   import type { PathBookmarkQueryResponse } from '@/api/asset/path-bookmark';
+  import { ref } from 'vue';
   import { useTerminalStore } from '@/store';
   import { useDebounceFn } from '@vueuse/core';
-  import { copy } from '@/hooks/copy';
-  import { inject } from 'vue';
   import { getParentPath } from '@/utils/file';
-  import { openUpdatePathKey, PathBookmarkType, removePathKey } from './types/const';
+  import { PathBookmarkType } from './types/const';
   import { PanelSessionType } from '../../types/const';
 
   const props = defineProps<{
     item: PathBookmarkQueryResponse;
   }>();
 
-  const { getCurrentSession, getCurrentSessionType } = useTerminalStore();
+  const emits = defineEmits(['remove', 'update', 'copy', 'paste', 'exec', 'change']);
+
+  const { getCurrentSessionType } = useTerminalStore();
+
+  const expand = ref(false);
 
   let clickCount = 0;
 
-  // 修改
-  const openUpdatePath = inject(openUpdatePathKey) as (item: PathBookmarkQueryResponse) => void;
-
-  // 删除
-  const removePath = inject(removePathKey) as (id: number) => void;
-
   // 点击路径
   const clickItem = () => {
     if (++clickCount == 2) {
       clickCount = 0;
       // 双击
-      const type = getCurrentSessionType(true);
-      if (type === PanelSessionType.SSH.type) {
-        // SSH 粘贴
-        paste();
-      } else if (type === PanelSessionType.SFTP.type) {
-        // SFTP 切换目录
-        listFiles();
-      }
+      changePath();
     } else {
       // 单击展开
       expandItem();
@@ -160,7 +149,7 @@
     setTimeout(() => {
       // 为 0 则代表为双击
       if (clickCount !== 0) {
-        props.item.expand = !props.item.expand;
+        expand.value = !expand.value;
         clickCount = 0;
       }
     }, 50);
@@ -168,7 +157,7 @@
 
   // 点击路径
   const clickPath = (e: Event) => {
-    if (props.item.expand) {
+    if (expand.value) {
       // 获取选中的文本
       const selectedText = window.getSelection()?.toString();
       if (selectedText) {
@@ -177,46 +166,21 @@
     }
   };
 
-  // 复制路径
-  const copyPath = () => {
-    copy(props.item.path, '已复制');
-  };
-
-  // 粘贴
-  const paste = () => {
-    writeCommand(props.item.path);
-  };
-
   // 切换目录
   const changePath = () => {
     const type = getCurrentSessionType(true);
     if (type === PanelSessionType.SSH.type) {
+      // SSH cd
       const path = props.item.type === PathBookmarkType.DIR
         ? props.item.path
         : getParentPath(props.item.path);
-      // SSH cd
-      writeCommand('cd ' + path + '\r\n');
+      emits('exec', `cd ${path}`);
     } else if (type === PanelSessionType.SFTP.type) {
       // SFTP 切换目录
-      listFiles();
-    }
-  };
-
-  // 查询 sftp 文件列表
-  const listFiles = () => {
-    // 如果非文件夹则查询父文件夹
-    const path = props.item.type === PathBookmarkType.DIR
-      ? props.item.path
-      : getParentPath(props.item.path);
-    // 查询列表
-    getCurrentSession<ISftpSession>(PanelSessionType.SFTP.type, true)?.list(path);
-  };
-
-  // 写入 ssh 命令
-  const writeCommand = (command: string) => {
-    const handler = getCurrentSession<ISshSession>(PanelSessionType.SSH.type, true)?.handler;
-    if (handler && handler.enabledStatus('checkAppendMissing')) {
-      handler.checkAppendMissing(command);
+      const path = props.item.type === PathBookmarkType.DIR
+        ? props.item.path
+        : getParentPath(props.item.path);
+      emits('change', path);
     }
   };
 
diff --git a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-list-group.vue b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-list-group.vue
deleted file mode 100644
index 1d64b962..00000000
--- a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-list-group.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-  <a-collapse :bordered="false">
-    <template v-for="group in value.groups">
-      <a-collapse-item v-if="calcTotal(group) > 0"
-                       :key="group.id"
-                       :header="group.name">
-        <!-- 总量 -->
-        <template #extra>
-          {{ calcTotal(group) }} 条
-        </template>
-        <!-- 路径 -->
-        <template v-for="item in group.items">
-          <path-bookmark-list-item v-if="item.visible"
-                                   :key="item.id"
-                                   :item="item" />
-        </template>
-      </a-collapse-item>
-    </template>
-  </a-collapse>
-</template>
-
-<script lang="ts">
-  export default {
-    name: 'pathBookmarkListGroup'
-  };
-</script>
-
-<script lang="ts" setup>
-  import type { PathBookmarkGroupQueryResponse } from '@/api/asset/path-bookmark-group';
-  import type { PathBookmarkWrapperResponse } from '@/api/asset/path-bookmark';
-  import PathBookmarkListItem from './path-bookmark-list-item.vue';
-
-  defineProps<{
-    value: PathBookmarkWrapperResponse;
-  }>();
-
-  // 计算总量
-  const calcTotal = (group: PathBookmarkGroupQueryResponse) => {
-    return group.items.filter(s => s.visible).length;
-  };
-
-</script>
-
-<style lang="less" scoped>
-  :deep(.arco-collapse-item) {
-    border: none;
-
-    &-header {
-      border: none;
-
-      &-title {
-        user-select: none;
-      }
-
-      &-extra {
-        user-select: none;
-      }
-    }
-
-    &-content {
-      background-color: unset;
-      padding: 0;
-    }
-
-    &-content-box {
-      padding: 0;
-    }
-  }
-</style>
diff --git a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/types/const.ts b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/types/const.ts
index 416504ab..45d840e0 100644
--- a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/types/const.ts
+++ b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/types/const.ts
@@ -3,9 +3,3 @@ export const PathBookmarkType = {
   FILE: 'FILE',
   DIR: 'DIR',
 };
-
-// 打开 updatePath key
-export const openUpdatePathKey = Symbol();
-
-// 删除 path key
-export const removePathKey = Symbol();
diff --git a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-editor-header.vue b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-editor-header.vue
index 2e0bb29d..c0455602 100644
--- a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-editor-header.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-editor-header.vue
@@ -12,7 +12,7 @@
                  content="点击复制">
         <a-tag class="sftp-path-container pointer"
                color="arcoblue"
-               @click="copy(path, '已复制')">
+               @click="copy(path, true)">
           <span>{{ name }}</span>
         </a-tag>
       </a-tooltip>
diff --git a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table.vue b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table.vue
index 89ef2792..12e228ff 100644
--- a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-table.vue
@@ -63,7 +63,7 @@
                    arrow-class="terminal-tooltip-content"
                    content="复制路径">
           <span class="click-icon-wrapper row-action-icon"
-                @click="copy(record.path, '已复制')">
+                @click="copy(record.path, true)">
             <icon-copy />
           </span>
         </a-tooltip>
diff --git a/orion-visor-ui/src/views/job/exec-job/components/exec-job-table.vue b/orion-visor-ui/src/views/job/exec-job/components/exec-job-table.vue
index ed7f5953..3d8b75b6 100644
--- a/orion-visor-ui/src/views/job/exec-job/components/exec-job-table.vue
+++ b/orion-visor-ui/src/views/job/exec-job/components/exec-job-table.vue
@@ -90,7 +90,7 @@
       <template #expression="{ record }">
         <span class="copy-left"
               title="复制"
-              @click="copy(record.expression, '已复制')">
+              @click="copy(record.expression, true)">
           <icon-copy />
         </span>
         <span class="text-copy span-blue"
@@ -103,7 +103,7 @@
       <template #command="{ record }">
         <span class="copy-left"
               title="复制"
-              @click="copy(record.command, '已复制')">
+              @click="copy(record.command, true)">
           <icon-copy />
         </span>
         <span>{{ record.command }}</span>
diff --git a/orion-visor-ui/src/views/system/menu/components/menu-table.vue b/orion-visor-ui/src/views/system/menu/components/menu-table.vue
index cbfb7d5c..3f9963e0 100644
--- a/orion-visor-ui/src/views/system/menu/components/menu-table.vue
+++ b/orion-visor-ui/src/views/system/menu/components/menu-table.vue
@@ -144,7 +144,7 @@
       <template #permission="{ record }">
         <span v-if="record.permission"
               class="text-copy"
-              @click="copy(record.permission, '已复制')">
+              @click="copy(record.permission, true)">
           {{ record.permission }}
         </span>
       </template>
@@ -152,7 +152,7 @@
       <template #component="{ record }">
         <span v-if="record.component"
               class="text-copy"
-              @click="copy(record.component, '已复制')">
+              @click="copy(record.component, true)">
           {{ record.component }}
         </span>
       </template>
@@ -160,7 +160,7 @@
       <template #path="{ record }">
         <span v-if="record.path"
               class="text-copy"
-              @click="copy(record.path, '已复制')">
+              @click="copy(record.path, true)">
           {{ record.path }}
         </span>
       </template>
diff --git a/orion-visor-ui/src/views/system/setting/components/about.vue b/orion-visor-ui/src/views/system/setting/components/about.vue
index edb8f786..fb827a38 100644
--- a/orion-visor-ui/src/views/system/setting/components/about.vue
+++ b/orion-visor-ui/src/views/system/setting/components/about.vue
@@ -23,7 +23,7 @@
                     :column="1">
       <!-- 机器码 -->
       <a-descriptions-item label="机器码">
-        <span class="text-copy span-blue uuid-wrapper" @click="copy(app.uuid, '已复制')">
+        <span class="text-copy span-blue uuid-wrapper" @click="copy(app.uuid, true)">
           {{ app.uuid }}
         </span>
       </a-descriptions-item>
diff --git a/orion-visor-ui/src/views/user/operator-log/components/operator-log-simple-table.vue b/orion-visor-ui/src/views/user/operator-log/components/operator-log-simple-table.vue
index b54940de..74150a7a 100644
--- a/orion-visor-ui/src/views/user/operator-log/components/operator-log-simple-table.vue
+++ b/orion-visor-ui/src/views/user/operator-log/components/operator-log-simple-table.vue
@@ -29,7 +29,7 @@
     </template>
     <!-- 操作日志 -->
     <template #originLogInfo="{ record }">
-      <icon-copy class="copy-left" @click="copy(record.originLogInfo, '已复制')" />
+      <icon-copy class="copy-left" @click="copy(record.originLogInfo, true)" />
       <span v-html="replaceHtmlTag(record.logInfo)" />
     </template>
     <!-- 留痕地址 -->
diff --git a/orion-visor-ui/src/views/user/operator-log/components/operator-log-table.vue b/orion-visor-ui/src/views/user/operator-log/components/operator-log-table.vue
index a9ea36ec..5e2040f2 100644
--- a/orion-visor-ui/src/views/user/operator-log/components/operator-log-table.vue
+++ b/orion-visor-ui/src/views/user/operator-log/components/operator-log-table.vue
@@ -77,7 +77,7 @@
       </template>
       <!-- 操作日志 -->
       <template #originLogInfo="{ record }">
-        <icon-copy class="copy-left" @click="copy(record.originLogInfo, '已复制')" />
+        <icon-copy class="copy-left" @click="copy(record.originLogInfo, true)" />
         <span v-html="replaceHtmlTag(record.logInfo)" />
       </template>
       <!-- 留痕地址 -->

From 471acfdf007c412b17d2e4c36502d16e2c0ad03f Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Sun, 4 Aug 2024 17:01:44 +0800
Subject: [PATCH 06/12] =?UTF-8?q?:zap:=20=E4=BC=98=E5=8C=96=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E8=81=9A=E7=84=A6=E9=80=BB=E8=BE=91.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../framework/common/constant/ErrorMessage.java   |  2 ++
 .../host/terminal/enums/InputTypeEnum.java        |  4 ++--
 ...ModHandler.java => SftpChangeModeHandler.java} | 12 ++++++------
 ...ModRequest.java => SftpChangeModeRequest.java} |  2 +-
 .../host/transfer/session/DownloadSession.java    | 11 ++++++++---
 .../preference/model/TerminalPreferenceModel.java |  5 +++++
 .../strategy/TerminalPreferenceStrategy.java      |  6 +++++-
 .../command-snippet/command-snippet-drawer.vue    | 14 ++++----------
 .../path-bookmark/path-bookmark-drawer.vue        | 12 ++++--------
 .../components/sftp/sftp-upload-modal.vue         |  3 +++
 .../host/terminal/components/ssh/ssh-view.vue     |  7 ++++++-
 .../components/transfer/transfer-drawer.vue       | 15 ++++-----------
 .../host/terminal/handler/ssh-session-handler.ts  |  6 ++++++
 orion-visor-ui/src/views/host/terminal/index.vue  | 11 ++++++++---
 .../src/views/host/terminal/types/const.ts        |  8 ++++++++
 .../src/views/host/terminal/types/define.ts       |  3 +++
 16 files changed, 75 insertions(+), 46 deletions(-)
 rename orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/handler/{SftpChangeModHandler.java => SftpChangeModeHandler.java} (79%)
 rename orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/model/request/{SftpChangeModRequest.java => SftpChangeModeRequest.java} (90%)

diff --git a/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/constant/ErrorMessage.java b/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/constant/ErrorMessage.java
index e49e1326..ecfc6fad 100644
--- a/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/constant/ErrorMessage.java
+++ b/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/constant/ErrorMessage.java
@@ -109,4 +109,6 @@ public interface ErrorMessage {
 
     String CLIENT_ABORT = "手动中断";
 
+    String UNABLE_DOWNLOAD_FOLDER = "无法下载文件夹";
+
 }
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/enums/InputTypeEnum.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/enums/InputTypeEnum.java
index 060952bf..7914f165 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/enums/InputTypeEnum.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/enums/InputTypeEnum.java
@@ -131,9 +131,9 @@ public enum InputTypeEnum {
      * SFTP 修改文件权限
      */
     SFTP_CHMOD("cm",
-            SftpChangeModHandler.class,
+            SftpChangeModeHandler.class,
             new String[]{"type", "sessionId", "path", "mod"},
-            SftpChangeModRequest.class,
+            SftpChangeModeRequest.class,
             true),
 
     /**
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/handler/SftpChangeModHandler.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/handler/SftpChangeModeHandler.java
similarity index 79%
rename from orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/handler/SftpChangeModHandler.java
rename to orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/handler/SftpChangeModeHandler.java
index 5e16b0b4..c449bb73 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/handler/SftpChangeModHandler.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/handler/SftpChangeModeHandler.java
@@ -5,7 +5,7 @@ import com.orion.visor.framework.biz.operator.log.core.utils.OperatorLogs;
 import com.orion.visor.framework.common.enums.BooleanBit;
 import com.orion.visor.module.asset.define.operator.HostTerminalOperatorType;
 import com.orion.visor.module.asset.handler.host.terminal.enums.OutputTypeEnum;
-import com.orion.visor.module.asset.handler.host.terminal.model.request.SftpChangeModRequest;
+import com.orion.visor.module.asset.handler.host.terminal.model.request.SftpChangeModeRequest;
 import com.orion.visor.module.asset.handler.host.terminal.model.response.SftpBaseResponse;
 import com.orion.visor.module.asset.handler.host.terminal.session.ISftpSession;
 import lombok.extern.slf4j.Slf4j;
@@ -23,24 +23,24 @@ import java.util.Map;
  */
 @Slf4j
 @Component
-public class SftpChangeModHandler extends AbstractTerminalHandler<SftpChangeModRequest> {
+public class SftpChangeModeHandler extends AbstractTerminalHandler<SftpChangeModeRequest> {
 
     @Override
-    public void handle(WebSocketSession channel, SftpChangeModRequest payload) {
+    public void handle(WebSocketSession channel, SftpChangeModeRequest payload) {
         long startTime = System.currentTimeMillis();
         // 获取会话
         String sessionId = payload.getSessionId();
         ISftpSession session = hostTerminalManager.getSession(channel.getId(), sessionId);
         String path = payload.getPath();
         Integer mod = payload.getMod();
-        log.info("SftpChangeModHandler-handle start sessionId: {}, path: {}, mod: {}", sessionId, path, mod);
+        log.info("SftpChangeModeHandler-handle start sessionId: {}, path: {}, mod: {}", sessionId, path, mod);
         Exception ex = null;
         // 修改权限
         try {
             session.chmod(path, mod);
-            log.info("SftpChangeModHandler-handle success sessionId: {}, path: {}, mod: {}", sessionId, path, mod);
+            log.info("SftpChangeModeHandler-handle success sessionId: {}, path: {}, mod: {}", sessionId, path, mod);
         } catch (Exception e) {
-            log.error("SftpChangeModHandler-handle error sessionId: {}", sessionId, e);
+            log.error("SftpChangeModeHandler-handle error sessionId: {}", sessionId, e);
             ex = e;
         }
         // 返回
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/model/request/SftpChangeModRequest.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/model/request/SftpChangeModeRequest.java
similarity index 90%
rename from orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/model/request/SftpChangeModRequest.java
rename to orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/model/request/SftpChangeModeRequest.java
index 2c7199db..141fa8db 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/model/request/SftpChangeModRequest.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/model/request/SftpChangeModeRequest.java
@@ -20,7 +20,7 @@ import lombok.experimental.SuperBuilder;
 @NoArgsConstructor
 @AllArgsConstructor
 @EqualsAndHashCode(callSuper = true)
-public class SftpChangeModRequest extends SftpBaseRequest {
+public class SftpChangeModeRequest extends SftpBaseRequest {
 
     /**
      * 10进制的8进制 权限
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/transfer/session/DownloadSession.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/transfer/session/DownloadSession.java
index 9572fd9a..639c5667 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/transfer/session/DownloadSession.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/transfer/session/DownloadSession.java
@@ -37,8 +37,11 @@ public class DownloadSession extends TransferSession implements StreamingRespons
 
     protected InputStream inputStream;
 
+    private Long fileSize;
+
     public DownloadSession(HostTerminalConnectDTO connectInfo, SessionStore sessionStore, WebSocketSession channel) {
         super(connectInfo, sessionStore, channel);
+        this.fileSize = 0L;
     }
 
     @Override
@@ -53,7 +56,9 @@ public class DownloadSession extends TransferSession implements StreamingRespons
             // 检查文件是否存在
             SftpFile file = executor.getFile(path);
             Valid.notNull(file, ErrorMessage.FILE_ABSENT);
-            if (file.getSize() == 0L) {
+            // 验证非文件夹
+            Valid.isTrue(!file.isDirectory(), ErrorMessage.UNABLE_DOWNLOAD_FOLDER);
+            if ((this.fileSize = file.getSize()) == 0L) {
                 // 文件为空
                 log.info("DownloadSession.startDownload file empty channelId: {}, path: {}", channelId, path);
                 TransferUtils.sendMessage(channel, TransferReceiver.FINISH, null);
@@ -101,14 +106,14 @@ public class DownloadSession extends TransferSession implements StreamingRespons
                 // 首次触发
                 if (i == 0) {
                     outputStream.flush();
-                    this.sendProgress(size, null);
+                    this.sendProgress(size, fileSize);
                 }
                 i++;
             }
             // 最后一次也要 flush
             if (i != 0) {
                 outputStream.flush();
-                this.sendProgress(size, null);
+                this.sendProgress(size, fileSize);
             }
             log.info("DownloadSession.download finish channelId: {}, path: {}", channelId, path);
         } catch (Exception e) {
diff --git a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/model/TerminalPreferenceModel.java b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/model/TerminalPreferenceModel.java
index 35ef8217..9d347a4d 100644
--- a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/model/TerminalPreferenceModel.java
+++ b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/model/TerminalPreferenceModel.java
@@ -314,6 +314,11 @@ public class TerminalPreferenceModel implements GenericsDataModel {
          */
         private Boolean openSftp;
 
+        /**
+         * 上传文件
+         */
+        private Boolean uploadFile;
+
         /**
          * 清空
          */
diff --git a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/strategy/TerminalPreferenceStrategy.java b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/strategy/TerminalPreferenceStrategy.java
index 631173a5..c7772bd4 100644
--- a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/strategy/TerminalPreferenceStrategy.java
+++ b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/strategy/TerminalPreferenceStrategy.java
@@ -91,6 +91,7 @@ public class TerminalPreferenceStrategy extends AbstractGenericsDataStrategy<Ter
                         new TerminalPreferenceModel.ShortcutKeysModel("toBottom", true, true, false, "ArrowDown", true),
                         new TerminalPreferenceModel.ShortcutKeysModel("selectAll", true, true, false, "KeyA", true),
                         new TerminalPreferenceModel.ShortcutKeysModel("search", true, true, false, "KeyF", true),
+                        new TerminalPreferenceModel.ShortcutKeysModel("uploadFile", true, true, false, "KeyU", true),
                         new TerminalPreferenceModel.ShortcutKeysModel("commandEditor", true, false, true, "KeyE", true),
                         new TerminalPreferenceModel.ShortcutKeysModel("fontSizePlus", true, false, true, "Equal", true),
                         new TerminalPreferenceModel.ShortcutKeysModel("fontSizeSubtract", true, false, true, "Minus", true)
@@ -112,7 +113,10 @@ public class TerminalPreferenceStrategy extends AbstractGenericsDataStrategy<Ter
                 .fontSizePlus(false)
                 .fontSizeSubtract(false)
                 .commandEditor(true)
+                .fontSizePlus(true)
+                .fontSizeSubtract(true)
                 .openSftp(true)
+                .uploadFile(true)
                 .clear(true)
                 .disconnect(false)
                 .build()
@@ -123,7 +127,7 @@ public class TerminalPreferenceStrategy extends AbstractGenericsDataStrategy<Ter
                 .theme(new JSONObject())
                 .displaySetting(JSONObject.parseObject(defaultDisplaySetting))
                 .actionBarSetting(JSONObject.parseObject(actionBarSetting))
-                .rightMenuSetting(Lists.of("selectAll", "copy", "paste", "fontSizePlus", "fontSizeSubtract", "search", "clear"))
+                .rightMenuSetting(Lists.of("selectAll", "copy", "paste", "search", "clear"))
                 .interactSetting(JSONObject.parseObject(defaultInteractSetting))
                 .pluginsSetting(JSONObject.parseObject(defaultPluginsSetting))
                 .sessionSetting(JSONObject.parseObject(defaultSessionSetting))
diff --git a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue
index 9770b023..137b405d 100644
--- a/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/command-snippet/command-snippet-drawer.vue
@@ -2,7 +2,7 @@
   <a-drawer v-model:visible="visible"
             :width="388"
             :footer="false"
-            @close="onClose">
+            @close="emits('closed')">
     <!-- 标题 -->
     <template #title>
       <span class="snippet-drawer-title usn">
@@ -103,7 +103,6 @@
 </script>
 
 <script lang="ts" setup>
-  import type { ISshSession } from '../../types/define';
   import type { CommandSnippetQueryResponse } from '@/api/asset/command-snippet';
   import type { CommandSnippetGroupQueryResponse } from '@/api/asset/command-snippet-group';
   import { ref, watch } from 'vue';
@@ -111,14 +110,15 @@
   import useLoading from '@/hooks/loading';
   import { deleteCommandSnippet } from '@/api/asset/command-snippet';
   import { useCacheStore, useTerminalStore } from '@/store';
-  import { PanelSessionType } from '../../types/const';
   import { copy } from '@/hooks/copy';
   import CommandSnippetItem from './command-snippet-item.vue';
   import CommandSnippetFormDrawer from './command-snippet-form-drawer.vue';
 
+  const emits = defineEmits(['closed']);
+
   const { loading, setLoading } = useLoading();
   const { visible, setVisible } = useVisible();
-  const { getCurrentSession, appendCommandToCurrentSession } = useTerminalStore();
+  const { appendCommandToCurrentSession } = useTerminalStore();
 
   const cacheStore = useCacheStore();
 
@@ -297,12 +297,6 @@
     filterSnippet();
   };
 
-  // 关闭回调
-  const onClose = () => {
-    // 关闭时候如果打开的是终端 则聚焦终端
-    getCurrentSession<ISshSession>(PanelSessionType.SSH.type)?.focus();
-  };
-
 </script>
 
 <style lang="less" scoped>
diff --git a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue
index 19d8111c..b31ed710 100644
--- a/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/path-bookmark/path-bookmark-drawer.vue
@@ -2,7 +2,7 @@
   <a-drawer v-model:visible="visible"
             :width="388"
             :footer="false"
-            @close="onClose">
+            @close="emits('closed')">
     <!-- 标题 -->
     <template #title>
       <span class="path-drawer-title usn">
@@ -105,7 +105,7 @@
 </script>
 
 <script lang="ts" setup>
-  import type { ISftpSession, ISshSession } from '../../types/define';
+  import type { ISftpSession } from '../../types/define';
   import type { PathBookmarkQueryResponse } from '@/api/asset/path-bookmark';
   import type { PathBookmarkGroupQueryResponse } from '@/api/asset/path-bookmark-group';
   import { ref, watch } from 'vue';
@@ -118,6 +118,8 @@
   import PathBookmarkItem from './path-bookmark-item.vue';
   import PathBookmarkFormDrawer from './path-bookmark-form-drawer.vue';
 
+  const emits = defineEmits(['closed']);
+
   const { loading, setLoading } = useLoading();
   const { visible, setVisible } = useVisible();
   const { getCurrentSession, appendCommandToCurrentSession } = useTerminalStore();
@@ -302,12 +304,6 @@
     filterPath();
   };
 
-  // 关闭回调
-  const onClose = () => {
-    // 关闭时候如果打开的是终端 则聚焦终端
-    getCurrentSession<ISshSession>(PanelSessionType.SSH.type)?.focus();
-  };
-
 </script>
 
 <style lang="less" scoped>
diff --git a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-upload-modal.vue b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-upload-modal.vue
index b517328f..0b792fa8 100644
--- a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-upload-modal.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-upload-modal.vue
@@ -86,6 +86,8 @@
   import { getFileSize } from '@/utils/file';
   import useVisible from '@/hooks/visible';
 
+  const emits = defineEmits(['closed']);
+
   const { visible, setVisible } = useVisible();
   const { transferManager } = useTerminalStore();
 
@@ -130,6 +132,7 @@
   // 清空
   const handlerClear = () => {
     fileList.value = [];
+    emits('closed');
   };
 
 </script>
diff --git a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
index 899cee78..eb934ccf 100644
--- a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
@@ -48,6 +48,8 @@
                             class="search-modal"
                             @find="findWords"
                             @close="focus" />
+        <!-- 上传文件模态框 -->
+        <sftp-upload-modal ref="uploadModal" @closed="focus" />
       </div>
     </ssh-context-menu>
     <!-- 命令编辑器 -->
@@ -76,6 +78,7 @@
   import ShellEditorModal from '@/components/view/shell-editor/modal/index.vue';
   import IconActions from '../layout/icon-actions.vue';
   import SshContextMenu from './ssh-context-menu.vue';
+  import SftpUploadModal from '../sftp/sftp-upload-modal.vue';
   import XtermSearchModal from '@/components/xtrem/search-modal/index.vue';
 
   const props = defineProps<{
@@ -87,6 +90,7 @@
 
   const editorModal = ref();
   const searchModal = ref();
+  const uploadModal = ref();
   const commandInput = ref();
   const terminalRef = ref();
   const session = ref<ISshSession>();
@@ -141,7 +145,8 @@
     session.value = await sessionManager.openSsh(props.tab, {
       el: terminalRef.value,
       editorModal: editorModal.value,
-      searchModal: searchModal.value
+      searchModal: searchModal.value,
+      uploadModal: uploadModal.value,
     });
   });
 
diff --git a/orion-visor-ui/src/views/host/terminal/components/transfer/transfer-drawer.vue b/orion-visor-ui/src/views/host/terminal/components/transfer/transfer-drawer.vue
index 5a200a9c..c0015414 100644
--- a/orion-visor-ui/src/views/host/terminal/components/transfer/transfer-drawer.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/transfer/transfer-drawer.vue
@@ -3,7 +3,8 @@
             class="transfer-drawer"
             :width="388"
             :unmount-on-close="false"
-            :footer="false">
+            :footer="false"
+            @close="emits('closed')">
     <!-- 标题 -->
     <template #title>
       <span class="path-drawer-title usn">
@@ -76,6 +77,8 @@
   import { transferStatusKey } from '../../types/const';
   import TransferItem from './transfer-item.vue';
 
+  const emits = defineEmits(['closed']);
+
   const { transferManager } = useTerminalStore();
   const { toOptions } = useDictStore();
   const { visible, setVisible } = useVisible();
@@ -110,16 +113,6 @@
     transferManager.cancelAllTransfer();
   };
 
-  // 关闭
-  const handleClose = () => {
-    handlerClear();
-  };
-
-  // 清空
-  const handlerClear = () => {
-    setLoading(false);
-  };
-
 </script>
 
 <style lang="less">
diff --git a/orion-visor-ui/src/views/host/terminal/handler/ssh-session-handler.ts b/orion-visor-ui/src/views/host/terminal/handler/ssh-session-handler.ts
index 2b26de79..cef0a795 100644
--- a/orion-visor-ui/src/views/host/terminal/handler/ssh-session-handler.ts
+++ b/orion-visor-ui/src/views/host/terminal/handler/ssh-session-handler.ts
@@ -89,6 +89,7 @@ export default class SshSessionHandler implements ISshSessionHandler {
       case 'enter':
       case 'commandEditor':
       case 'openSftp':
+      case 'uploadFile':
       case 'checkAppendMissing':
         return this.session.canWrite;
       case 'disconnect':
@@ -217,6 +218,11 @@ export default class SshSessionHandler implements ISshSessionHandler {
     }
   }
 
+  // 上传文件
+  uploadFile(): void {
+    this.domRef.uploadModal.open(this.session.hostId, '/');
+  }
+
   // ctrl + c
   interrupt() {
     this.inst.paste(String.fromCharCode(3));
diff --git a/orion-visor-ui/src/views/host/terminal/index.vue b/orion-visor-ui/src/views/host/terminal/index.vue
index 7da8e923..85eb5790 100644
--- a/orion-visor-ui/src/views/host/terminal/index.vue
+++ b/orion-visor-ui/src/views/host/terminal/index.vue
@@ -30,11 +30,11 @@
       </div>
     </main>
     <!-- 命令片段列表抽屉 -->
-    <command-snippet-drawer ref="snippetRef" />
+    <command-snippet-drawer ref="snippetRef" @closed="autoFocus" />
     <!-- 路径书签列表抽屉 -->
-    <path-bookmark-drawer ref="pathRef" />
+    <path-bookmark-drawer ref="pathRef" @closed="autoFocus" />
     <!-- 传输列表 -->
-    <transfer-drawer ref="transferRef" />
+    <transfer-drawer ref="transferRef" @closed="autoFocus" />
   </div>
 </template>
 
@@ -88,6 +88,11 @@
     event.returnValue = confirm('系统可能不会保存您所做的更改');
   };
 
+  // 自动聚焦
+  const autoFocus = () => {
+    getCurrentSession<ISshSession>(PanelSessionType.SSH.type)?.focus();
+  };
+
   // 打开默认打开页面
   onBeforeMount(() => {
     // 打开默认 tab
diff --git a/orion-visor-ui/src/views/host/terminal/types/const.ts b/orion-visor-ui/src/views/host/terminal/types/const.ts
index 66e467fb..e37ffe47 100644
--- a/orion-visor-ui/src/views/host/terminal/types/const.ts
+++ b/orion-visor-ui/src/views/host/terminal/types/const.ts
@@ -172,6 +172,10 @@ export const ActionBarItems = [
     item: 'openSftp',
     icon: 'icon-folder',
     content: '打开 SFTP',
+  }, {
+    item: 'uploadFile',
+    icon: 'icon-upload',
+    content: '上传文件',
   }, {
     item: 'clear',
     icon: 'icon-delete',
@@ -301,6 +305,10 @@ export const TerminalShortcutItems: Array<ShortcutKeyItem> = [
     item: 'search',
     content: '搜索',
     type: TerminalShortcutType.TERMINAL
+  }, {
+    item: 'uploadFile',
+    content: '上传文件',
+    type: TerminalShortcutType.TERMINAL
   }, {
     item: 'fontSizePlus',
     content: '增大字号',
diff --git a/orion-visor-ui/src/views/host/terminal/types/define.ts b/orion-visor-ui/src/views/host/terminal/types/define.ts
index a3b2b5b5..4c550935 100644
--- a/orion-visor-ui/src/views/host/terminal/types/define.ts
+++ b/orion-visor-ui/src/views/host/terminal/types/define.ts
@@ -192,6 +192,7 @@ export interface XtermDomRef {
   el: HTMLElement;
   searchModal: any;
   editorModal: any;
+  uploadModal: any;
 }
 
 // 终端会话定义
@@ -280,6 +281,8 @@ export interface ISshSessionHandler {
   commandEditor: () => void;
   // 打开 sftp
   openSftp: () => void;
+  // 上传文件
+  uploadFile: () => void;
   // 中断
   interrupt: () => void;
   // 回车

From 8cea9dc977e9f98e604b88d4af9be176fafa58c1 Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Mon, 5 Aug 2024 09:11:54 +0800
Subject: [PATCH 07/12] =?UTF-8?q?:zap:=20=E4=BC=98=E5=8C=96=E7=BB=88?=
 =?UTF-8?q?=E7=AB=AF=E4=BB=A3=E7=A0=81.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |  4 +-
 docs/README.md                                |  4 +-
 .../framework/common/entity/PageRequest.java  |  2 +-
 ...rion-vue-views-components-card-list.vue.vm |  2 +-
 .../AssetWebSocketConfiguration.java          | 10 +++-
 .../controller/HostTerminalController.java    |  7 +++
 .../cache/HostTerminalCacheKeyDefine.java     |  9 +++
 .../asset/entity/domain/CommandSnippetDO.java |  4 --
 .../TerminalAccessInterceptor.java            |  6 +-
 .../TerminalTransferInterceptor.java          | 56 +++++++++++++++++++
 .../asset/service/HostTerminalService.java    | 16 ++++++
 .../service/impl/HostTerminalServiceImpl.java | 28 ++++++++++
 .../resources/mapper/CommandSnippetMapper.xml |  3 +-
 .../controller/SystemMessageController.java   |  3 +-
 .../message/SystemMessageQueryRequest.java    | 12 ++--
 .../impl/SystemMessageServiceImpl.java        |  2 +-
 orion-visor-ui/src/api/asset/host-terminal.ts |  7 +++
 orion-visor-ui/src/api/system/message.ts      |  4 +-
 orion-visor-ui/src/assets/style/global.less   | 24 +++++++-
 .../components/system/message-box/index.vue   |  1 +
 .../host-list/components/host-form-modal.vue  |  2 +-
 .../asset/host-list/components/host-table.vue | 21 ++++++-
 .../host/terminal/handler/sftp-session.ts     | 12 +++-
 .../terminal/handler/sftp-transfer-manager.ts |  8 +--
 sql/init-2-schema-tables.sql                  |  1 -
 25 files changed, 205 insertions(+), 43 deletions(-)
 create mode 100644 orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/interceptor/TerminalTransferInterceptor.java

diff --git a/README.md b/README.md
index ca325231..eee75a30 100644
--- a/README.md
+++ b/README.md
@@ -19,12 +19,12 @@
     <a target="_blank"
        style="text-decoration: none !important;"
        href="https://gitee.com/dromara/orion-visor/stargazers">
-      <img src="https://gitee.com/dromara/orion-visor/badge/star.svg?theme=dark" alt="star" />
+      <img src="https://gitee.com/dromara/orion-visor/badge/star.svg?theme=gvp" alt="star" />
     </a>
     <a target="_blank"
        style="text-decoration: none !important;"
        href="https://gitee.com/dromara/orion-visor/members">
-      <img src="https://gitee.com/dromara/orion-visor/badge/fork.svg?theme=dark" alt="fork" />
+      <img src="https://gitee.com/dromara/orion-visor/badge/fork.svg?theme=gvp" alt="fork" />
     </a>
     <a target="_blank"
        style="text-decoration: none !important;"
diff --git a/docs/README.md b/docs/README.md
index 584eb34c..96601d1f 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -19,12 +19,12 @@
     <a target="_blank"
        style="text-decoration: none !important;"
        href="https://gitee.com/lijiahangmax/orion-visor/stargazers">
-      <img src="https://gitee.com/lijiahangmax/orion-visor/badge/star.svg?theme=dark" alt="star" />
+      <img src="https://gitee.com/lijiahangmax/orion-visor/badge/star.svg?theme=gvp" alt="star" />
     </a>
     <a target="_blank"
        style="text-decoration: none !important;"
        href="https://gitee.com/lijiahangmax/orion-visor/members">
-      <img src="https://gitee.com/lijiahangmax/orion-visor/badge/fork.svg?theme=dark" alt="fork" />
+      <img src="https://gitee.com/lijiahangmax/orion-visor/badge/fork.svg?theme=gvp" alt="fork" />
     </a>
     <a target="_blank"
        style="text-decoration: none !important;"
diff --git a/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/entity/PageRequest.java b/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/entity/PageRequest.java
index 3335729f..b9670b72 100644
--- a/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/entity/PageRequest.java
+++ b/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/entity/PageRequest.java
@@ -21,7 +21,7 @@ public class PageRequest implements IPageRequest {
     @Schema(description = "页码")
     private int page;
 
-    @Range(min = 1, max = 100, groups = Page.class)
+    @Range(min = 1, max = 200, groups = Page.class)
     @Schema(description = "大小")
     private int limit;
 
diff --git a/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm b/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
index 9d22e4e6..401044b3 100644
--- a/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
+++ b/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
@@ -68,7 +68,7 @@
     <template #extra="{ record }">
       <a-space>
         <!-- 更多操作 -->
-        <a-dropdown trigger="hover">
+        <a-dropdown trigger="hover" :popup-max-height="false">
           <icon-more class="card-extra-icon" />
           <template #content>
             <!-- 修改 -->
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/configuration/AssetWebSocketConfiguration.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/configuration/AssetWebSocketConfiguration.java
index 680908b5..95bd3729 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/configuration/AssetWebSocketConfiguration.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/configuration/AssetWebSocketConfiguration.java
@@ -5,6 +5,7 @@ import com.orion.visor.module.asset.handler.host.terminal.TerminalMessageDispatc
 import com.orion.visor.module.asset.handler.host.transfer.TransferMessageDispatcher;
 import com.orion.visor.module.asset.interceptor.ExecLogTailInterceptor;
 import com.orion.visor.module.asset.interceptor.TerminalAccessInterceptor;
+import com.orion.visor.module.asset.interceptor.TerminalTransferInterceptor;
 import org.springframework.beans.factory.annotation.Value;
 import org.springframework.context.annotation.Configuration;
 import org.springframework.web.socket.config.annotation.WebSocketConfigurer;
@@ -28,6 +29,9 @@ public class AssetWebSocketConfiguration implements WebSocketConfigurer {
     @Resource
     private TerminalAccessInterceptor terminalAccessInterceptor;
 
+    @Resource
+    private TerminalTransferInterceptor terminalTransferInterceptor;
+
     @Resource
     private ExecLogTailInterceptor execLogTailInterceptor;
 
@@ -42,13 +46,13 @@ public class AssetWebSocketConfiguration implements WebSocketConfigurer {
 
     @Override
     public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
-        // 终端
+        // 终端会话
         registry.addHandler(terminalMessageDispatcher, prefix + "/host/terminal/{accessToken}")
                 .addInterceptors(terminalAccessInterceptor)
                 .setAllowedOrigins("*");
         // 文件传输
-        registry.addHandler(transferMessageDispatcher, prefix + "/host/transfer/{accessToken}")
-                .addInterceptors(terminalAccessInterceptor)
+        registry.addHandler(transferMessageDispatcher, prefix + "/host/transfer/{transferToken}")
+                .addInterceptors(terminalTransferInterceptor)
                 .setAllowedOrigins("*");
         // 执行日志
         registry.addHandler(execLogTailHandler, prefix + "/exec/log/{token}")
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/controller/HostTerminalController.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/controller/HostTerminalController.java
index e6cd66d8..3a935e3a 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/controller/HostTerminalController.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/controller/HostTerminalController.java
@@ -49,5 +49,12 @@ public class HostTerminalController {
         return hostTerminalService.getTerminalAccessToken();
     }
 
+    @GetMapping("/transfer")
+    @Operation(summary = "获取主机终端 transferToken")
+    @PreAuthorize("@ss.hasPermission('asset:host-terminal:access')")
+    public String getTerminalTransferToken() {
+        return hostTerminalService.getTerminalTransferToken();
+    }
+
 }
 
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/define/cache/HostTerminalCacheKeyDefine.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/define/cache/HostTerminalCacheKeyDefine.java
index e11ad320..9ce86b12 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/define/cache/HostTerminalCacheKeyDefine.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/define/cache/HostTerminalCacheKeyDefine.java
@@ -4,6 +4,7 @@ import com.orion.lang.define.cache.key.CacheKeyBuilder;
 import com.orion.lang.define.cache.key.CacheKeyDefine;
 import com.orion.lang.define.cache.key.struct.RedisCacheStruct;
 import com.orion.visor.module.asset.entity.dto.HostTerminalAccessDTO;
+import com.orion.visor.module.asset.entity.dto.HostTerminalTransferDTO;
 
 import java.util.concurrent.TimeUnit;
 
@@ -24,4 +25,12 @@ public interface HostTerminalCacheKeyDefine {
             .timeout(3, TimeUnit.MINUTES)
             .build();
 
+    CacheKeyDefine HOST_TERMINAL_TRANSFER = new CacheKeyBuilder()
+            .key("host:terminal:transfer:{}")
+            .desc("主机终端传输token ${token}")
+            .type(HostTerminalTransferDTO.class)
+            .struct(RedisCacheStruct.STRING)
+            .timeout(3, TimeUnit.MINUTES)
+            .build();
+
 }
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/domain/CommandSnippetDO.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/domain/CommandSnippetDO.java
index 0fd635e5..8bb7093a 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/domain/CommandSnippetDO.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/domain/CommandSnippetDO.java
@@ -42,10 +42,6 @@ public class CommandSnippetDO extends BaseDO {
     @TableField("name")
     private String name;
 
-    @Schema(description = "触发前缀")
-    @TableField("prefix")
-    private String prefix;
-
     @Schema(description = "代码片段")
     @TableField("command")
     private String command;
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/interceptor/TerminalAccessInterceptor.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/interceptor/TerminalAccessInterceptor.java
index 2e1edc82..4182cb2d 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/interceptor/TerminalAccessInterceptor.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/interceptor/TerminalAccessInterceptor.java
@@ -17,7 +17,7 @@ import javax.annotation.Resource;
 import java.util.Map;
 
 /**
- * 终端拦截器
+ * 终端访问拦截器
  *
  * @author Jiahang Li
  * @version 1.0.0
@@ -34,11 +34,11 @@ public class TerminalAccessInterceptor implements HandshakeInterceptor {
     public boolean beforeHandshake(ServerHttpRequest request, ServerHttpResponse response, WebSocketHandler wsHandler, Map<String, Object> attributes) throws Exception {
         // 获取 accessToken
         String accessToken = Urls.getUrlSource(request.getURI().getPath());
-        log.info("TerminalInterceptor-beforeHandshake start accessToken: {}", accessToken);
+        log.info("TerminalAccessInterceptor-beforeHandshake start accessToken: {}", accessToken);
         // 获取连接数据
         HostTerminalAccessDTO access = hostTerminalService.getAccessInfoByToken(accessToken);
         if (access == null) {
-            log.error("TerminalInterceptor-beforeHandshake absent accessToken: {}", accessToken);
+            log.error("TerminalAccessInterceptor-beforeHandshake absent accessToken: {}", accessToken);
             return false;
         }
         // 设置参数
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/interceptor/TerminalTransferInterceptor.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/interceptor/TerminalTransferInterceptor.java
new file mode 100644
index 00000000..50568055
--- /dev/null
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/interceptor/TerminalTransferInterceptor.java
@@ -0,0 +1,56 @@
+package com.orion.visor.module.asset.interceptor;
+
+import com.orion.lang.utils.Urls;
+import com.orion.visor.framework.common.constant.ExtraFieldConst;
+import com.orion.visor.framework.common.meta.TraceIdHolder;
+import com.orion.visor.framework.common.utils.Requests;
+import com.orion.visor.module.asset.entity.dto.HostTerminalTransferDTO;
+import com.orion.visor.module.asset.service.HostTerminalService;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.http.server.ServerHttpRequest;
+import org.springframework.http.server.ServerHttpResponse;
+import org.springframework.stereotype.Component;
+import org.springframework.web.socket.WebSocketHandler;
+import org.springframework.web.socket.server.HandshakeInterceptor;
+
+import javax.annotation.Resource;
+import java.util.Map;
+
+/**
+ * 终端传输拦截器
+ *
+ * @author Jiahang Li
+ * @version 1.0.0
+ * @since 2023/12/27 23:53
+ */
+@Slf4j
+@Component
+public class TerminalTransferInterceptor implements HandshakeInterceptor {
+
+    @Resource
+    private HostTerminalService hostTerminalService;
+
+    @Override
+    public boolean beforeHandshake(ServerHttpRequest request, ServerHttpResponse response, WebSocketHandler wsHandler, Map<String, Object> attributes) throws Exception {
+        // 获取 transferToken
+        String transferToken = Urls.getUrlSource(request.getURI().getPath());
+        log.info("TerminalTransferInterceptor-beforeHandshake start transferToken: {}", transferToken);
+        // 获取连接数据
+        HostTerminalTransferDTO transfer = hostTerminalService.getTransferInfoByToken(transferToken);
+        if (transfer == null) {
+            log.error("TerminalTransferInterceptor-beforeHandshake absent transferToken: {}", transferToken);
+            return false;
+        }
+        // 设置参数
+        attributes.put(ExtraFieldConst.USER_ID, transfer.getUserId());
+        attributes.put(ExtraFieldConst.USERNAME, transfer.getUsername());
+        attributes.put(ExtraFieldConst.TRACE_ID, TraceIdHolder.get());
+        attributes.put(ExtraFieldConst.IDENTITY, Requests.getIdentity());
+        return true;
+    }
+
+    @Override
+    public void afterHandshake(ServerHttpRequest request, ServerHttpResponse response, WebSocketHandler wsHandler, Exception exception) {
+    }
+
+}
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/service/HostTerminalService.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/service/HostTerminalService.java
index 2caf57f1..baed998e 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/service/HostTerminalService.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/service/HostTerminalService.java
@@ -3,6 +3,7 @@ package com.orion.visor.module.asset.service;
 import com.orion.visor.module.asset.entity.domain.HostDO;
 import com.orion.visor.module.asset.entity.dto.HostTerminalAccessDTO;
 import com.orion.visor.module.asset.entity.dto.HostTerminalConnectDTO;
+import com.orion.visor.module.asset.entity.dto.HostTerminalTransferDTO;
 import com.orion.visor.module.asset.entity.vo.HostTerminalThemeVO;
 
 import java.util.List;
@@ -30,6 +31,13 @@ public interface HostTerminalService {
      */
     String getTerminalAccessToken();
 
+    /**
+     * 获取主机终端传输 transferToken
+     *
+     * @return transferToken
+     */
+    String getTerminalTransferToken();
+
     /**
      * 通过 accessToken 获取主机终端访问信息
      *
@@ -38,6 +46,14 @@ public interface HostTerminalService {
      */
     HostTerminalAccessDTO getAccessInfoByToken(String token);
 
+    /**
+     * 通过 transferToken 获取主机终端传输信息
+     *
+     * @param token token
+     * @return config
+     */
+    HostTerminalTransferDTO getTransferInfoByToken(String token);
+
     /**
      * 获取连接信息
      *
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/service/impl/HostTerminalServiceImpl.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/service/impl/HostTerminalServiceImpl.java
index 74b6b051..7e4a3618 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/service/impl/HostTerminalServiceImpl.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/service/impl/HostTerminalServiceImpl.java
@@ -17,6 +17,7 @@ import com.orion.visor.module.asset.entity.domain.HostIdentityDO;
 import com.orion.visor.module.asset.entity.domain.HostKeyDO;
 import com.orion.visor.module.asset.entity.dto.HostTerminalAccessDTO;
 import com.orion.visor.module.asset.entity.dto.HostTerminalConnectDTO;
+import com.orion.visor.module.asset.entity.dto.HostTerminalTransferDTO;
 import com.orion.visor.module.asset.entity.vo.HostTerminalThemeVO;
 import com.orion.visor.module.asset.enums.*;
 import com.orion.visor.module.asset.handler.host.config.model.HostSshConfigModel;
@@ -99,6 +100,21 @@ public class HostTerminalServiceImpl implements HostTerminalService {
         return accessToken;
     }
 
+    @Override
+    public String getTerminalTransferToken() {
+        LoginUser user = Valid.notNull(SecurityUtils.getLoginUser());
+        log.info("HostConnectService.getTerminalTransferToken userId: {}", user.getId());
+        String transferToken = UUIds.random19();
+        HostTerminalTransferDTO transfer = HostTerminalTransferDTO.builder()
+                .userId(user.getId())
+                .username(user.getUsername())
+                .build();
+        // 设置 transfer 缓存
+        String key = HostTerminalCacheKeyDefine.HOST_TERMINAL_TRANSFER.format(transferToken);
+        RedisStrings.setJson(key, HostTerminalCacheKeyDefine.HOST_TERMINAL_TRANSFER, transfer);
+        return transferToken;
+    }
+
     @Override
     public HostTerminalAccessDTO getAccessInfoByToken(String token) {
         // 获取缓存
@@ -111,6 +127,18 @@ public class HostTerminalServiceImpl implements HostTerminalService {
         return access;
     }
 
+    @Override
+    public HostTerminalTransferDTO getTransferInfoByToken(String token) {
+        // 获取缓存
+        String key = HostTerminalCacheKeyDefine.HOST_TERMINAL_TRANSFER.format(token);
+        HostTerminalTransferDTO transfer = RedisStrings.getJson(key, HostTerminalCacheKeyDefine.HOST_TERMINAL_TRANSFER);
+        // 删除缓存
+        if (transfer != null) {
+            RedisStrings.delete(key);
+        }
+        return transfer;
+    }
+
     @Override
     public HostTerminalConnectDTO getTerminalConnectInfo(Long hostId) {
         log.info("HostConnectService.getTerminalConnectInfo-withHost hostId: {}", hostId);
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/resources/mapper/CommandSnippetMapper.xml b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/resources/mapper/CommandSnippetMapper.xml
index 31afed7c..567280f1 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/resources/mapper/CommandSnippetMapper.xml
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/resources/mapper/CommandSnippetMapper.xml
@@ -8,7 +8,6 @@
         <result column="user_id" property="userId"/>
         <result column="group_id" property="groupId"/>
         <result column="name" property="name"/>
-        <result column="prefix" property="prefix"/>
         <result column="command" property="command"/>
         <result column="create_time" property="createTime"/>
         <result column="update_time" property="updateTime"/>
@@ -19,7 +18,7 @@
 
     <!-- 通用查询结果列 -->
     <sql id="Base_Column_List">
-        id, user_id, group_id, name, prefix, command, create_time, update_time, creator, updater, deleted
+        id, user_id, group_id, name, command, create_time, update_time, creator, updater, deleted
     </sql>
 
 </mapper>
diff --git a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/controller/SystemMessageController.java b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/controller/SystemMessageController.java
index dcb30d2c..b51ae5c2 100644
--- a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/controller/SystemMessageController.java
+++ b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/controller/SystemMessageController.java
@@ -1,5 +1,6 @@
 package com.orion.visor.module.infra.controller;
 
+import com.orion.visor.framework.common.validator.group.Page;
 import com.orion.visor.framework.log.core.annotation.IgnoreLog;
 import com.orion.visor.framework.log.core.enums.IgnoreLogMode;
 import com.orion.visor.framework.web.core.annotation.RestWrapper;
@@ -38,7 +39,7 @@ public class SystemMessageController {
     @IgnoreLog(IgnoreLogMode.ALL)
     @PostMapping("/list")
     @Operation(summary = "查询系统消息列表")
-    public List<SystemMessageVO> getSystemMessageList(@RequestBody SystemMessageQueryRequest request) {
+    public List<SystemMessageVO> getSystemMessageList(@Validated(Page.class) @RequestBody SystemMessageQueryRequest request) {
         return systemMessageService.getSystemMessageList(request);
     }
 
diff --git a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/entity/request/message/SystemMessageQueryRequest.java b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/entity/request/message/SystemMessageQueryRequest.java
index a3e53a23..d62569f0 100644
--- a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/entity/request/message/SystemMessageQueryRequest.java
+++ b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/entity/request/message/SystemMessageQueryRequest.java
@@ -1,10 +1,8 @@
 package com.orion.visor.module.infra.entity.request.message;
 
+import com.orion.visor.framework.common.entity.PageRequest;
 import io.swagger.v3.oas.annotations.media.Schema;
-import lombok.AllArgsConstructor;
-import lombok.Builder;
-import lombok.Data;
-import lombok.NoArgsConstructor;
+import lombok.*;
 
 /**
  * 系统消息 查询请求对象
@@ -17,11 +15,9 @@ import lombok.NoArgsConstructor;
 @Builder
 @NoArgsConstructor
 @AllArgsConstructor
+@EqualsAndHashCode(callSuper = true)
 @Schema(name = "SystemMessageQueryRequest", description = "系统消息 查询请求对象")
-public class SystemMessageQueryRequest {
-
-    @Schema(description = "大小")
-    private Integer limit;
+public class SystemMessageQueryRequest extends PageRequest {
 
     @Schema(description = "maxId")
     private Long maxId;
diff --git a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/service/impl/SystemMessageServiceImpl.java b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/service/impl/SystemMessageServiceImpl.java
index c4529ba1..839a0020 100644
--- a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/service/impl/SystemMessageServiceImpl.java
+++ b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/service/impl/SystemMessageServiceImpl.java
@@ -74,9 +74,9 @@ public class SystemMessageServiceImpl implements SystemMessageService {
                 .eq(SystemMessageDO::getClassify, request.getClassify())
                 .lt(SystemMessageDO::getId, request.getMaxId())
                 .eq(SystemMessageDO::getStatus, status)
-                .last(Const.LIMIT + Const.SPACE + request.getLimit())
                 .orderByDesc(SystemMessageDO::getId)
                 .then()
+                .limit(request.getLimit())
                 .list(SystemMessageConvert.MAPPER::to);
     }
 
diff --git a/orion-visor-ui/src/api/asset/host-terminal.ts b/orion-visor-ui/src/api/asset/host-terminal.ts
index 3fdde0c0..8c770fc1 100644
--- a/orion-visor-ui/src/api/asset/host-terminal.ts
+++ b/orion-visor-ui/src/api/asset/host-terminal.ts
@@ -51,6 +51,13 @@ export function getTerminalAccessToken() {
   return axios.get<string>('/asset/host-terminal/access');
 }
 
+/**
+ * 获取主机终端 transferToken
+ */
+export function getTerminalTransferToken() {
+  return axios.get<string>('/asset/host-terminal/transfer');
+}
+
 /**
  * 打开主机终端 websocket
  */
diff --git a/orion-visor-ui/src/api/system/message.ts b/orion-visor-ui/src/api/system/message.ts
index c58e9ff0..ed7ecf1a 100644
--- a/orion-visor-ui/src/api/system/message.ts
+++ b/orion-visor-ui/src/api/system/message.ts
@@ -1,10 +1,10 @@
+import type { Pagination } from '@/types/global';
 import axios from 'axios';
 
 /**
  * 系统消息查询请求
  */
-export interface MessageQueryRequest {
-  limit?: number;
+export interface MessageQueryRequest extends Pagination {
   maxId?: number;
   classify?: string;
   queryUnread?: boolean;
diff --git a/orion-visor-ui/src/assets/style/global.less b/orion-visor-ui/src/assets/style/global.less
index ae3f4176..72ee3c1a 100644
--- a/orion-visor-ui/src/assets/style/global.less
+++ b/orion-visor-ui/src/assets/style/global.less
@@ -230,6 +230,26 @@ body {
   margin-bottom: 16px;
 }
 
+.fs12 {
+  font-size: 12px;
+}
+
+.fs13 {
+  font-size: 13px;
+}
+
+.fs14 {
+  font-size: 14px;
+}
+
+.fs15 {
+  font-size: 15px;
+}
+
+.fs16 {
+  font-size: 16px;
+}
+
 .text-ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -301,13 +321,13 @@ body {
 
 ::-webkit-scrollbar-track {
   background-color: var(--color-fill-1);
-  border-radius: 8px;
+  border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb {
   border: 1px solid transparent;
   background-clip: padding-box;
-  border-radius: 8px;
+  border-radius: 4px;
   background-color: var(--color-fill-4);
 
   //&:hover {
diff --git a/orion-visor-ui/src/components/system/message-box/index.vue b/orion-visor-ui/src/components/system/message-box/index.vue
index 2ba225e4..eea336a5 100644
--- a/orion-visor-ui/src/components/system/message-box/index.vue
+++ b/orion-visor-ui/src/components/system/message-box/index.vue
@@ -129,6 +129,7 @@
         : undefined;
       // 查询数据
       const { data } = await getSystemMessageList({
+        page: 1,
         limit: messageLimit,
         classify: currentClassify.value,
         queryUnread: queryUnread.value,
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-form-modal.vue b/orion-visor-ui/src/views/asset/host-list/components/host-form-modal.vue
index d45e2286..0532614a 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-form-modal.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-form-modal.vue
@@ -33,7 +33,7 @@
         </a-form-item>
         <!-- 主机编码 -->
         <a-form-item field="code" label="主机编码">
-          <a-input v-model="formModel.code" placeholder="请输入主机编码" />
+          <a-input v-model="formModel.code" placeholder="请输入主机编码 (定义主机唯一值)" />
         </a-form-item>
         <!-- 主机地址 -->
         <a-form-item field="address" label="主机地址">
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
index 5b4f3657..c47cb94e 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
@@ -200,7 +200,7 @@
             </a-button>
           </a-popconfirm>
           <!-- 更多 -->
-          <a-dropdown trigger="hover">
+          <a-dropdown trigger="hover" :popup-max-height="false">
             <a-button type="text" size="mini">
               更多
             </a-button>
@@ -220,6 +220,22 @@
                   复制
                 </span>
               </a-doption>
+              <!-- SSH -->
+              <a-doption v-if="record.type === hostType.SSH.type"
+                         v-permission="['asset:host-terminal:access']"
+                         @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'SSH' } })">
+                <span class="more-doption normal">
+                  SSH
+                </span>
+              </a-doption>
+              <!-- SFTP -->
+              <a-doption v-if="record.type === hostType.SSH.type"
+                         v-permission="['asset:host-terminal:access']"
+                         @click="openNewRoute({ name: 'terminal', query: { connect: record.id, type: 'SFTP' } })">
+                <span class="more-doption normal">
+                  SFTP
+                </span>
+              </a-doption>
             </template>
           </a-dropdown>
         </div>
@@ -239,7 +255,7 @@
   import { reactive, ref, onMounted } from 'vue';
   import { deleteHost, batchDeleteHost, getHostPage, updateHostStatus } from '@/api/asset/host';
   import { Message, Modal } from '@arco-design/web-vue';
-  import { tagColor, hostTypeKey, hostStatusKey } from '../types/const';
+  import { tagColor, hostTypeKey, hostStatusKey, hostType } from '../types/const';
   import { useTablePagination, useRowSelection } from '@/hooks/table';
   import { useDictStore } from '@/store';
   import { copy } from '@/hooks/copy';
@@ -247,6 +263,7 @@
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
   import { GrantKey, GrantRouteName } from '@/views/asset/grant/types/const';
+  import { openNewRoute } from '@/router';
   import TagMultiSelector from '@/components/meta/tag/multi-selector/index.vue';
 
   const emits = defineEmits(['openCopy', 'openAdd', 'openUpdate', 'openUpdateConfig', 'openHostGroup']);
diff --git a/orion-visor-ui/src/views/host/terminal/handler/sftp-session.ts b/orion-visor-ui/src/views/host/terminal/handler/sftp-session.ts
index c5c3f9fb..811b7c67 100644
--- a/orion-visor-ui/src/views/host/terminal/handler/sftp-session.ts
+++ b/orion-visor-ui/src/views/host/terminal/handler/sftp-session.ts
@@ -85,15 +85,21 @@ export default class SftpSession extends BaseSession implements ISftpSession {
           display: 'flex',
           flexDirection: 'column',
           maxHeight: '40vh',
-          overflowY: 'auto'
+          overflowY: 'auto',
         }
       },
       paths.map(s => {
-        return h('span', { style: { marginTop: '4px' } }, s);
+        return h('span', {
+          style: {
+            marginTop: '4px',
+            wordBreak: 'break-all',
+          }
+        }, s);
       }));
     // 提示
     Modal.confirm({
-      title: '确定后将立即删除这些文件且无法恢复!',
+      title: `确定后将立即删除这 ${paths.length} 个文件且无法恢复!`,
+      width: 426,
       modalStyle: { padding: '24px 32px' },
       bodyStyle: { marginTop: '-14px' },
       okButtonProps: { status: 'danger' },
diff --git a/orion-visor-ui/src/views/host/terminal/handler/sftp-transfer-manager.ts b/orion-visor-ui/src/views/host/terminal/handler/sftp-transfer-manager.ts
index 8888f49f..8a23e3dd 100644
--- a/orion-visor-ui/src/views/host/terminal/handler/sftp-transfer-manager.ts
+++ b/orion-visor-ui/src/views/host/terminal/handler/sftp-transfer-manager.ts
@@ -1,7 +1,7 @@
 import type { ISftpTransferHandler, ISftpTransferManager, SftpFile, SftpTransferItem, TransferOperatorResponse } from '../types/define';
 import { sessionCloseMsg, TransferReceiver, TransferStatus, TransferType } from '../types/const';
 import { Message } from '@arco-design/web-vue';
-import { getTerminalAccessToken, openHostTransferChannel } from '@/api/asset/host-terminal';
+import { getTerminalTransferToken, openHostTransferChannel } from '@/api/asset/host-terminal';
 import { nextId } from '@/utils';
 import SftpTransferUploader from './sftp-transfer-uploader';
 import SftpTransferDownloader from './sftp-transfer-downloader';
@@ -105,11 +105,11 @@ export default class SftpTransferManager implements ISftpTransferManager {
   // 打开会话
   private async openClient() {
     this.run = true;
-    // 获取 access
-    const { data: accessToken } = await getTerminalAccessToken();
+    // 获取 transferToken
+    const { data: transferToken } = await getTerminalTransferToken();
     // 打开会话
     try {
-      this.client = await openHostTransferChannel(accessToken);
+      this.client = await openHostTransferChannel(transferToken);
     } catch (e) {
       // 打开失败将传输列表置为失效
       Message.error('会话打开失败');
diff --git a/sql/init-2-schema-tables.sql b/sql/init-2-schema-tables.sql
index a2b1226a..043b47b0 100644
--- a/sql/init-2-schema-tables.sql
+++ b/sql/init-2-schema-tables.sql
@@ -30,7 +30,6 @@ CREATE TABLE `command_snippet`
     `user_id`     bigint(0)                                                    NULL DEFAULT NULL COMMENT '用户id',
     `group_id`    bigint(0)                                                    NULL DEFAULT NULL COMMENT '分组id',
     `name`        varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '名称',
-    `prefix`      varchar(32) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT '触发前缀',
     `command`     text CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci        NULL COMMENT '代码片段',
     `create_time` datetime(0)                                                  NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
     `update_time` datetime(0)                                                  NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP(0) COMMENT '修改时间',

From 8d0b58e48f2435b3d1a5668587e3a187b0bd6efd Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Mon, 5 Aug 2024 13:49:52 +0800
Subject: [PATCH 08/12] =?UTF-8?q?:arrow=5Fup:=20=E5=8D=87=E7=BA=A7=20orion?=
 =?UTF-8?q?=20kit=20=E7=89=88=E6=9C=AC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.example                                  |  4 +-
 docker-upgrade.sh                             |  2 +-
 orion-visor-dependencies/pom.xml              |  2 +-
 .../entity/dto/CommandSnippetCacheDTO.java    |  3 --
 .../entity/dto/HostTerminalTransferDTO.java   | 31 +++++++++++++
 .../asset/entity/vo/CommandSnippetVO.java     |  3 --
 .../host/terminal/session/SftpSession.java    |  5 +--
 .../visor/module/asset/utils/SftpUtils.java   | 45 +------------------
 8 files changed, 38 insertions(+), 57 deletions(-)
 create mode 100644 orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/dto/HostTerminalTransferDTO.java

diff --git a/.env.example b/.env.example
index fcb6a56f..36176a83 100644
--- a/.env.example
+++ b/.env.example
@@ -1,5 +1,6 @@
 SERVICE_PORT=1081
 VOLUME_BASE=/data/orion-visor-space/docker-volumes
+
 MYSQL_HOST=mysql
 MYSQL_PORT=3306
 MYSQL_DATABASE=orion_visor
@@ -10,4 +11,5 @@ MYSQL_ROOT_PASSWORD=Data@123456
 REDIS_HOST=redis
 REDIS_PASSWORD=Data@123456
 
-SECRET_KEY=uQeacXV8b3isvKLK
\ No newline at end of file
+SECRET_KEY=uQeacXV8b3isvKLK
+DEMO_MODE=false
diff --git a/docker-upgrade.sh b/docker-upgrade.sh
index 42e6059e..52fa9d8d 100644
--- a/docker-upgrade.sh
+++ b/docker-upgrade.sh
@@ -2,6 +2,6 @@
 docker compose down
 # demo 启动
 if [ "$1" == "demo" ]; then
-    sed -i 's/DEMO_MODE=false/DEMO_MODE=true/g' docker-compose.yml
+    sed -i 's/\${DEMO_MODE:-false}/true/g' docker-compose.yml
 fi
 docker compose up -d --remove-orphans
diff --git a/orion-visor-dependencies/pom.xml b/orion-visor-dependencies/pom.xml
index d90292c8..d52044ff 100644
--- a/orion-visor-dependencies/pom.xml
+++ b/orion-visor-dependencies/pom.xml
@@ -18,7 +18,7 @@
         <spring.boot.version>2.7.17</spring.boot.version>
         <spring.boot.admin.version>2.7.15</spring.boot.admin.version>
         <flatten.maven.plugin.version>1.5.0</flatten.maven.plugin.version>
-        <orion.kit.version>1.0.7</orion.kit.version>
+        <orion.kit.version>1.0.8</orion.kit.version>
         <aspectj.version>1.9.7</aspectj.version>
         <lombok.version>1.18.26</lombok.version>
         <springdoc.version>1.6.15</springdoc.version>
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/dto/CommandSnippetCacheDTO.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/dto/CommandSnippetCacheDTO.java
index be44be84..b8a0d200 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/dto/CommandSnippetCacheDTO.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/dto/CommandSnippetCacheDTO.java
@@ -34,9 +34,6 @@ public class CommandSnippetCacheDTO implements LongCacheIdModel, Serializable {
     @Schema(description = "名称")
     private String name;
 
-    @Schema(description = "触发前缀")
-    private String prefix;
-
     @Schema(description = "代码片段")
     private String command;
 
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/dto/HostTerminalTransferDTO.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/dto/HostTerminalTransferDTO.java
new file mode 100644
index 00000000..d6eb5ebd
--- /dev/null
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/dto/HostTerminalTransferDTO.java
@@ -0,0 +1,31 @@
+package com.orion.visor.module.asset.entity.dto;
+
+import com.orion.visor.framework.desensitize.core.annotation.DesensitizeObject;
+import io.swagger.v3.oas.annotations.media.Schema;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+/**
+ * 主机终端传输参数
+ *
+ * @author Jiahang Li
+ * @version 1.0.0
+ * @since 2023/12/26 15:47
+ */
+@Data
+@Builder
+@NoArgsConstructor
+@AllArgsConstructor
+@DesensitizeObject
+@Schema(name = "HostTerminalTransferDTO", description = "主机终端传输参数")
+public class HostTerminalTransferDTO {
+
+    @Schema(description = "userId")
+    private Long userId;
+
+    @Schema(description = "username")
+    private String username;
+
+}
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/vo/CommandSnippetVO.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/vo/CommandSnippetVO.java
index af1086ef..700c1187 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/vo/CommandSnippetVO.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/entity/vo/CommandSnippetVO.java
@@ -33,9 +33,6 @@ public class CommandSnippetVO implements Serializable {
     @Schema(description = "名称")
     private String name;
 
-    @Schema(description = "触发前缀")
-    private String prefix;
-
     @Schema(description = "代码片段")
     private String command;
 
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/session/SftpSession.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/session/SftpSession.java
index b41ed093..c33b1173 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/session/SftpSession.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/terminal/session/SftpSession.java
@@ -12,7 +12,6 @@ import com.orion.visor.framework.common.constant.Const;
 import com.orion.visor.framework.common.utils.Valid;
 import com.orion.visor.module.asset.handler.host.terminal.model.TerminalConfig;
 import com.orion.visor.module.asset.handler.host.terminal.model.response.SftpFileVO;
-import com.orion.visor.module.asset.utils.SftpUtils;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.web.socket.WebSocketSession;
 
@@ -84,9 +83,7 @@ public class SftpSession extends TerminalSession implements ISftpSession {
     public void move(String source, String target) {
         source = Valid.checkNormalize(source);
         // 移动
-        SftpUtils.move(executor, source, target);
-        // FIXME kit
-        // executor.move(source, target);
+        executor.move(source, target);
     }
 
     @Override
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/utils/SftpUtils.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/utils/SftpUtils.java
index 611a97d1..3aa3af2b 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/utils/SftpUtils.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/utils/SftpUtils.java
@@ -2,9 +2,7 @@ package com.orion.visor.module.asset.utils;
 
 import com.alibaba.fastjson.JSON;
 import com.orion.lang.utils.Booleans;
-import com.orion.lang.utils.Exceptions;
 import com.orion.lang.utils.Strings;
-import com.orion.lang.utils.io.Files1;
 import com.orion.net.host.sftp.SftpExecutor;
 import com.orion.net.host.sftp.SftpFile;
 import com.orion.visor.module.asset.define.config.AppSftpConfig;
@@ -41,49 +39,8 @@ public class SftpUtils {
             SftpFileBackupParams backupParams = new SftpFileBackupParams(file.getName(), System.currentTimeMillis());
             String target = Strings.format(config.getBackupFileName(), JSON.parseObject(JSON.toJSONString(backupParams)));
             // 移动
-            // FIXME kit
-            move(executor, path, target);
-            // executor.move(path, target);
+            executor.move(path, target);
         }
     }
 
-    /**
-     * 移动文件
-     * FIXME kit DELETE
-     *
-     * @param executor executor
-     * @param source   source
-     * @param target   target
-     */
-    public static void move(SftpExecutor executor, String source, String target) {
-        try {
-            source = Files1.getPath(source);
-            target = Files1.getPath(target);
-            if (target.charAt(0) == '/') {
-                // 检查是否需要创建目标文件目录
-                if (!isSameParentPath(source, target)) {
-                    executor.makeDirectories(Files1.getParentPath(target));
-                }
-                // 绝对路径
-                executor.getChannel().rename(source, Files1.getPath(Files1.normalize(target)));
-            } else {
-                // 相对路径
-                executor.getChannel().rename(source, Files1.getPath(Files1.normalize(Files1.getPath(source + "/../" + target))));
-            }
-        } catch (Exception e) {
-            throw Exceptions.sftp(e);
-        }
-    }
-
-    /**
-     * FIXME kit DELETE
-     *
-     * @param source source
-     * @param target target
-     * @return res
-     */
-    private static boolean isSameParentPath(String source, String target) {
-        return Files1.getParentPath(source).equals(Files1.getParentPath(target));
-    }
-
 }

From 613f86155ce41c3a32961cb7ed27fa54f8e9ad71 Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Tue, 6 Aug 2024 00:01:27 +0800
Subject: [PATCH 09/12] =?UTF-8?q?:lipstick:=20=E4=BF=AE=E6=94=B9=E7=BB=88?=
 =?UTF-8?q?=E7=AB=AF=E6=A0=B7=E5=BC=8F.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 orion-visor-ui/src/assets/style/global.less           |  2 +-
 .../src/assets/style/host-terminal-layout.less        |  6 +++++-
 .../terminal/components/layout/terminal-panel.vue     |  2 +-
 .../views/host/terminal/components/ssh/ssh-view.vue   | 11 +++++++++++
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/orion-visor-ui/src/assets/style/global.less b/orion-visor-ui/src/assets/style/global.less
index 72ee3c1a..8eec5521 100644
--- a/orion-visor-ui/src/assets/style/global.less
+++ b/orion-visor-ui/src/assets/style/global.less
@@ -82,7 +82,7 @@ body {
   border-radius: 2px;
   cursor: pointer;
   border: 1px solid transparent;
-  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.15s cubic-bezier(0, 0, 1, 1);
 
   &:hover {
     background: var(--color-fill-3);
diff --git a/orion-visor-ui/src/assets/style/host-terminal-layout.less b/orion-visor-ui/src/assets/style/host-terminal-layout.less
index 076abde3..41df6880 100644
--- a/orion-visor-ui/src/assets/style/host-terminal-layout.less
+++ b/orion-visor-ui/src/assets/style/host-terminal-layout.less
@@ -20,6 +20,8 @@ body {
   --color-panel-text-2: var(--color-content-text-3);
   --color-panel-gradient-start: rgba(218, 218, 218, 1);
   --color-panel-gradient-end: rgba(218, 218, 218, 0);
+  --color-button-bg: #E3E3E3;
+  --color-button-bg-active: var(--color-sidebar-icon-checked);
   --search-bg-focus: rgba(234, 234, 234, .75);
   --search-bg: rgba(234, 234, 234, .95);
   --search-color-text: #0E0E0E;
@@ -52,6 +54,8 @@ body[terminal-theme='dark'] {
   --color-panel-text-2: var(--color-content-text-3);
   --color-panel-gradient-start: rgba(38, 38, 38, 1);
   --color-panel-gradient-end: rgba(38, 38, 38, 0);
+  --color-button-bg: var(--color-sidebar-icon-bg);
+  --color-button-bg-active: #484848;
   --search-bg: rgba(12, 12, 12, .75);
   --search-bg-focus: rgba(12, 12, 12, .95);
   --search-color-text: #E0E0E0;
@@ -508,7 +512,7 @@ body[terminal-theme='dark'] .arco-modal-container {
     color: var(--color-sidebar-icon);
     border-radius: 4px;
     border: 1px solid transparent;
-    transition: 0.1s cubic-bezier(0, 0, 1, 1);
+    transition: 0.15s cubic-bezier(0, 0, 1, 1);
     cursor: pointer;
 
     &:hover {
diff --git a/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue b/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
index e7e73d4b..5d31bf94 100644
--- a/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
@@ -3,7 +3,7 @@
     <!-- 终端 tab -->
     <a-tabs v-model:active-key="panel.active"
             :editable="true"
-            :auto-switch="true"
+            :auto-switch="false"
             :show-add-button="true"
             @add="openNewConnect"
             @tab-click="(k: string) => panel.clickTab(k)"
diff --git a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
index eb934ccf..fb308e1e 100644
--- a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
@@ -234,12 +234,23 @@
     }
 
     .status-bridge {
+      height: 100%;
       margin: 0 2px 0 8px;
+      display: flex;
+      align-items: center;
       user-select: none;
 
       :deep(.arco-badge-status-text) {
         width: 36px;
       }
+
+      &::before {
+        content: "";
+        height: 56%;
+        margin: 0 12px 0 6px;
+        border-left: 2px solid var(--color-fill-4);
+        border-radius: 2px;
+      }
     }
   }
 

From 70e7b1d544081ed1f19d1af08bfa61602eabef03 Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Wed, 7 Aug 2024 10:18:39 +0800
Subject: [PATCH 10/12] =?UTF-8?q?:zap:=20=E4=BF=AE=E6=94=B9=E7=BB=88?=
 =?UTF-8?q?=E7=AB=AF=E6=A0=87=E7=AD=BE=E9=A2=9C=E8=89=B2=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../handler/host/jsch/SessionStores.java      |  2 ++
 .../components/exec/log/panel/log-item.vue    |  2 +-
 .../{xtrem => xterm}/search-modal/index.vue   |  0
 orion-visor-ui/src/types/xterm.ts             |  2 +-
 .../components/layout/layout-header.vue       |  1 +
 .../components/layout/terminal-panel.vue      | 33 ++++++++++++++++---
 .../display/terminal-display-block.vue        |  4 +--
 .../setting/extra/label-setting-form.vue      |  2 +-
 .../host/terminal/components/ssh/ssh-view.vue | 23 ++++---------
 .../src/views/host/terminal/index.vue         |  6 ++--
 10 files changed, 47 insertions(+), 28 deletions(-)
 rename orion-visor-ui/src/components/{xtrem => xterm}/search-modal/index.vue (100%)

diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/jsch/SessionStores.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/jsch/SessionStores.java
index 117d2bc0..08879f71 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/jsch/SessionStores.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/jsch/SessionStores.java
@@ -5,6 +5,7 @@ import com.orion.lang.exception.argument.InvalidArgumentException;
 import com.orion.lang.utils.Exceptions;
 import com.orion.lang.utils.Strings;
 import com.orion.net.host.SessionHolder;
+import com.orion.net.host.SessionLogger;
 import com.orion.net.host.SessionStore;
 import com.orion.visor.framework.common.constant.Const;
 import com.orion.visor.framework.common.utils.CryptoUtils;
@@ -40,6 +41,7 @@ public class SessionStores {
             CURRENT_ADDRESS.set(address);
             // 创建会话
             SessionHolder sessionHolder = SessionHolder.create();
+            sessionHolder.setLogger(SessionLogger.INFO);
             SessionStore session = createSessionStore(conn, sessionHolder);
             // 连接
             session.connect();
diff --git a/orion-visor-ui/src/components/exec/log/panel/log-item.vue b/orion-visor-ui/src/components/exec/log/panel/log-item.vue
index 6c68ea84..4ea0ff37 100644
--- a/orion-visor-ui/src/components/exec/log/panel/log-item.vue
+++ b/orion-visor-ui/src/components/exec/log/panel/log-item.vue
@@ -175,7 +175,7 @@
   import { downloadExecCommandLogFile } from '@/api/exec/exec-command-log';
   import { downloadExecJobLogFile } from '@/api/job/exec-job-log';
   import { downloadFile } from '@/utils/file';
-  import XtermSearchModal from '@/components/xtrem/search-modal/index.vue';
+  import XtermSearchModal from '@/components/xterm/search-modal/index.vue';
   import '@xterm/xterm/css/xterm.css';
 
   const props = defineProps<{
diff --git a/orion-visor-ui/src/components/xtrem/search-modal/index.vue b/orion-visor-ui/src/components/xterm/search-modal/index.vue
similarity index 100%
rename from orion-visor-ui/src/components/xtrem/search-modal/index.vue
rename to orion-visor-ui/src/components/xterm/search-modal/index.vue
diff --git a/orion-visor-ui/src/types/xterm.ts b/orion-visor-ui/src/types/xterm.ts
index 5263574b..7553d814 100644
--- a/orion-visor-ui/src/types/xterm.ts
+++ b/orion-visor-ui/src/types/xterm.ts
@@ -8,7 +8,7 @@ import type { ImageAddon } from '@xterm/addon-image';
 import type { Unicode11Addon } from '@xterm/addon-unicode11';
 
 // 默认字体
-export const defaultFontFamily = 'Courier New, Monaco, courier, monospace';
+export const defaultFontFamily = 'Consolas, Courier New, Monaco, courier, monospace';
 
 // 默认主题
 export const defaultTheme = {
diff --git a/orion-visor-ui/src/views/host/terminal/components/layout/layout-header.vue b/orion-visor-ui/src/views/host/terminal/components/layout/layout-header.vue
index fc502550..3d8fccef 100644
--- a/orion-visor-ui/src/views/host/terminal/components/layout/layout-header.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/layout/layout-header.vue
@@ -199,6 +199,7 @@
       height: var(--header-height);
       display: flex;
       align-items: center;
+      transition: all .3s;
 
       &::before {
         display: none;
diff --git a/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue b/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
index 5d31bf94..77eaac7b 100644
--- a/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
@@ -11,7 +11,10 @@
       <!-- 右侧按钮 -->
       <template #extra>
         <a-space class="panel-extra">
-          <span class="extra-icon" @click="close">
+          <!-- 关闭 -->
+          <span class="extra-icon"
+                title="关闭面板"
+                @click="close">
             <icon-close />
           </span>
         </a-space>
@@ -21,7 +24,10 @@
         <!-- 标题 -->
         <template #title>
           <span class="tab-title-wrapper usn"
-                :style="{ 'border-bottom': `2px ${tab.color || 'transparent'} solid` }"
+                :style="{
+                  '--color': getDictValue(tabColorKey, tab.color, 'color', 'transparent'),
+                  '--bg': panel.active === tab.key ? getDictValue(tabColorKey, tab.color, 'bg', 'transparent') : 'transparent',
+                }"
                 @dblclick="copySession(tab, index)">
             <span class="tab-title-icon">
               <component :is="tab.icon" />
@@ -47,8 +53,8 @@
 <script lang="ts" setup>
   import type { ISshSession, ITerminalTabManager, TerminalPanelTabItem } from '../../types/define';
   import { watch } from 'vue';
-  import { useTerminalStore } from '@/store';
-  import { PanelSessionType } from '../../types/const';
+  import { useDictStore, useTerminalStore } from '@/store';
+  import { tabColorKey, PanelSessionType } from '../../types/const';
   import SshView from '../ssh/ssh-view.vue';
   import SftpView from '../sftp/sftp-view.vue';
 
@@ -60,6 +66,7 @@
   const emits = defineEmits(['close', 'openNewConnect']);
 
   const { sessionManager, copySession } = useTerminalStore();
+  const { getDictValue } = useDictStore();
 
   // 监听 tab 切换
   watch(() => props.panel.active, (active, before) => {
@@ -107,12 +114,28 @@
     display: flex;
     align-items: center;
     padding: 11px 18px 9px 14px;
-    margin: 0 2px;
+    background: var(--bg);
+    position: relative;
+    transition: all .3s;
 
     .tab-title-icon {
       font-size: 16px;
       margin-right: 6px;
     }
+
+    &:hover{
+      filter: brightness(1.04);
+    }
+
+    &::after {
+      content: '';
+      width: calc(100% - 3px);
+      height: 2px;
+      background: var(--color);
+      position: absolute;
+      left: 1px;
+      bottom: -1px;
+    }
   }
 
   .panel-extra {
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-display-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-display-block.vue
index dcfbd38f..5c4ca5a5 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-display-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-display-block.vue
@@ -22,11 +22,11 @@
                         :filter-option="labelFilter">
                 <!-- label -->
                 <template #label="{ data }">
-                  <span :style="{ fontFamily: data.value }">{{ data.label }}</span>
+                  <span :style="{ fontFamily: data.value === '_' ? defaultFontFamily : data.value }">{{ data.label }}</span>
                 </template>
                 <!-- 选项 -->
                 <template #option="{ data }">
-                  <span :style="{ fontFamily: data.value }">{{ data.label }}</span>
+                  <span :style="{ fontFamily: data.value === '_' ? defaultFontFamily : data.value }">{{ data.label }}</span>
                 </template>
               </a-select>
             </a-form-item>
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/extra/label-setting-form.vue b/orion-visor-ui/src/views/host/terminal/components/setting/extra/label-setting-form.vue
index fd5e7356..94f83366 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/extra/label-setting-form.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/extra/label-setting-form.vue
@@ -17,7 +17,7 @@
       <template v-for="color in toOptions(tabColorKey)">
         <div class="color-wrapper"
              :class="[formModel.color === color.value ? 'selected-color' : '']"
-             :style="{ '--color': `${color.value}` }"
+             :style="{ '--color': `${color.color}` }"
              @click="clickColor(color.value as string)">
           <div class="color-item">
             <div class="color-item-dot" />
diff --git a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
index fb308e1e..c6490247 100644
--- a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
@@ -6,9 +6,10 @@
       <div class="ssh-header-left">
         <!-- 主机地址 -->
         <span class="address-wrapper">
-          {{ tab.address }}
-          <span class="address-copy copy-right" title="复制" @click="copy(tab.address as string)">
-            <icon-copy />
+          <span class="text-copy"
+                :title="tab.address"
+                @click="copy(tab.address as string, true)">
+            {{ tab.address }}
           </span>
         </span>
       </div>
@@ -79,7 +80,7 @@
   import IconActions from '../layout/icon-actions.vue';
   import SshContextMenu from './ssh-context-menu.vue';
   import SftpUploadModal from '../sftp/sftp-upload-modal.vue';
-  import XtermSearchModal from '@/components/xtrem/search-modal/index.vue';
+  import XtermSearchModal from '@/components/xterm/search-modal/index.vue';
 
   const props = defineProps<{
     tab: TerminalPanelTabItem;
@@ -182,7 +183,7 @@
     }
 
     &-left {
-      width: 34%;
+      width: 25%;
 
       .address-wrapper {
         height: 100%;
@@ -190,16 +191,6 @@
         align-items: center;
         user-select: none;
 
-        .address-copy {
-          display: none;
-        }
-
-        &:hover {
-          .address-copy {
-            display: unset;
-          }
-        }
-
         &:before {
           content: 'IP:';
           padding-right: 4px;
@@ -208,7 +199,7 @@
     }
 
     &-right {
-      width: 66%;
+      width: 75%;
       justify-content: flex-end;
 
       .command-input {
diff --git a/orion-visor-ui/src/views/host/terminal/index.vue b/orion-visor-ui/src/views/host/terminal/index.vue
index 85eb5790..bb1fa5f9 100644
--- a/orion-visor-ui/src/views/host/terminal/index.vue
+++ b/orion-visor-ui/src/views/host/terminal/index.vue
@@ -157,12 +157,14 @@
   onUnmounted(() => {
     // 卸载时清除 cache
     useCacheStore().reset('authorizedHostKeys', 'authorizedHostIdentities', 'commandSnippetGroups', 'pathBookmarkGroups');
-    // 移除关闭视口事件
-    window.removeEventListener('beforeunload', handleBeforeUnload);
     // 去除 body style
     document.body.removeAttribute('terminal-theme');
     // 重置 title
     document.title = originTitle;
+    // 移除关闭视口事件
+    if (!debug) {
+      window.removeEventListener('beforeunload', handleBeforeUnload);
+    }
   });
 
 </script>

From 7109e89fb4ad38f459e8577833ceb64ede83ed9b Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Thu, 8 Aug 2024 10:14:39 +0800
Subject: [PATCH 11/12] =?UTF-8?q?:bookmark:=20=E5=8D=87=E7=BA=A7=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docker-compose-testing.yml                    |  6 ++---
 docker-compose.yml                            |  8 +++----
 docker/adminer/build.sh                       |  2 +-
 docker/mysql/build.sh                         |  2 +-
 docker/redis/build.sh                         |  2 +-
 docker/service/build.sh                       |  2 +-
 orion-visor-dependencies/pom.xml              |  2 +-
 .../framework/common/constant/AppConst.java   |  2 +-
 .../strategy/TerminalPreferenceStrategy.java  |  8 +++----
 orion-visor-ui/.env.development               |  2 +-
 orion-visor-ui/.env.production                |  2 +-
 orion-visor-ui/package.json                   |  2 +-
 .../display/terminal-action-bar-block.vue     |  7 +++---
 pom.xml                                       |  2 +-
 sql/init-4-data.sql                           | 22 +++++++++----------
 15 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/docker-compose-testing.yml b/docker-compose-testing.yml
index f1b0df23..d60b162c 100644
--- a/docker-compose-testing.yml
+++ b/docker-compose-testing.yml
@@ -1,7 +1,7 @@
 version: '3.3'
 services:
   service:
-    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-service:2.1.2
+    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-service:2.1.3
     privileged: true
     ports:
       - 1081:80
@@ -32,7 +32,7 @@ services:
       - mysql
       - redis
   mysql:
-    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-mysql:2.1.2
+    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-mysql:2.1.3
     privileged: true
     ports:
       - 3307:3306
@@ -52,7 +52,7 @@ services:
       retries: 10
       start_period: 3s
   redis:
-    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-redis:2.1.2
+    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-redis:2.1.3
     privileged: true
     ports:
       - 6380:6379
diff --git a/docker-compose.yml b/docker-compose.yml
index 14f8a5e0..0deb56f9 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,7 +1,7 @@
 version: '3.3'
 services:
   service:
-    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-service:2.1.2
+    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-service:2.1.3
     privileged: true
     ports:
       - ${SERVICE_PORT:-1081}:80
@@ -32,7 +32,7 @@ services:
       - mysql
       - redis
   mysql:
-    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-mysql:2.1.2
+    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-mysql:2.1.3
     privileged: true
     ports:
       - 3307:3306
@@ -52,7 +52,7 @@ services:
       retries: 10
       start_period: 3s
   redis:
-    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-redis:2.1.2
+    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-redis:2.1.3
     privileged: true
     ports:
       - 6380:6379
@@ -68,7 +68,7 @@ services:
       retries: 10
       start_period: 3s
   adminer:
-    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-adminer:2.1.2
+    image: registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-adminer:2.1.3
     ports:
       - 8081:8080
     depends_on:
diff --git a/docker/adminer/build.sh b/docker/adminer/build.sh
index bc1a13ef..013d146f 100644
--- a/docker/adminer/build.sh
+++ b/docker/adminer/build.sh
@@ -1,5 +1,5 @@
 #/bin/bash
-version=2.1.2
+version=2.1.3
 docker build -t orion-visor-adminer:${version} .
 docker tag orion-visor-adminer:${version} registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-adminer:${version}
 docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-adminer:${version}
diff --git a/docker/mysql/build.sh b/docker/mysql/build.sh
index 33fe99cc..258cf3f1 100644
--- a/docker/mysql/build.sh
+++ b/docker/mysql/build.sh
@@ -1,5 +1,5 @@
 #/bin/bash
-version=2.1.2
+version=2.1.3
 cp -r ../../sql ./sql
 docker build -t orion-visor-mysql:${version} .
 rm -rf ./sql
diff --git a/docker/redis/build.sh b/docker/redis/build.sh
index d32ba34f..6459f073 100644
--- a/docker/redis/build.sh
+++ b/docker/redis/build.sh
@@ -1,5 +1,5 @@
 #/bin/bash
-version=2.1.2
+version=2.1.3
 docker build -t orion-visor-redis:${version} .
 docker tag orion-visor-redis:${version} registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-redis:${version}
 docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-redis:${version}
diff --git a/docker/service/build.sh b/docker/service/build.sh
index bbb08391..cf97c729 100644
--- a/docker/service/build.sh
+++ b/docker/service/build.sh
@@ -1,5 +1,5 @@
 #/bin/bash
-version=2.1.2
+version=2.1.3
 mv ../../orion-visor-launch/target/orion-visor-launch.jar ./orion-visor-launch.jar
 mv ../../orion-visor-ui/dist ./dist
 docker build -t orion-visor-service:${version} .
diff --git a/orion-visor-dependencies/pom.xml b/orion-visor-dependencies/pom.xml
index d52044ff..75eef8cf 100644
--- a/orion-visor-dependencies/pom.xml
+++ b/orion-visor-dependencies/pom.xml
@@ -14,7 +14,7 @@
     <url>https://github.com/dromara/orion-visor</url>
 
     <properties>
-        <revision>2.1.2</revision>
+        <revision>2.1.3</revision>
         <spring.boot.version>2.7.17</spring.boot.version>
         <spring.boot.admin.version>2.7.15</spring.boot.admin.version>
         <flatten.maven.plugin.version>1.5.0</flatten.maven.plugin.version>
diff --git a/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/constant/AppConst.java b/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/constant/AppConst.java
index 197f43d8..1d03be4f 100644
--- a/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/constant/AppConst.java
+++ b/orion-visor-framework/orion-visor-framework-common/src/main/java/com/orion/visor/framework/common/constant/AppConst.java
@@ -14,7 +14,7 @@ public interface AppConst extends OrionConst {
     /**
      * 同 ${orion.version} 迭代时候需要手动更改
      */
-    String VERSION = "2.1.2";
+    String VERSION = "2.1.3";
 
     /**
      * 同 ${spring.application.name}
diff --git a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/strategy/TerminalPreferenceStrategy.java b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/strategy/TerminalPreferenceStrategy.java
index c7772bd4..a7be2a5c 100644
--- a/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/strategy/TerminalPreferenceStrategy.java
+++ b/orion-visor-module-infra/orion-visor-module-infra-service/src/main/java/com/orion/visor/module/infra/handler/preference/strategy/TerminalPreferenceStrategy.java
@@ -102,8 +102,8 @@ public class TerminalPreferenceStrategy extends AbstractGenericsDataStrategy<Ter
         String actionBarSetting = TerminalPreferenceModel.ActionBarSettingModel.builder()
                 .commandInput(false)
                 .connectStatus(true)
-                .toTop(true)
-                .toBottom(true)
+                .toTop(false)
+                .toBottom(false)
                 .selectAll(false)
                 .search(true)
                 .copy(true)
@@ -113,8 +113,8 @@ public class TerminalPreferenceStrategy extends AbstractGenericsDataStrategy<Ter
                 .fontSizePlus(false)
                 .fontSizeSubtract(false)
                 .commandEditor(true)
-                .fontSizePlus(true)
-                .fontSizeSubtract(true)
+                .fontSizePlus(false)
+                .fontSizeSubtract(false)
                 .openSftp(true)
                 .uploadFile(true)
                 .clear(true)
diff --git a/orion-visor-ui/.env.development b/orion-visor-ui/.env.development
index 79bb3221..adf38986 100644
--- a/orion-visor-ui/.env.development
+++ b/orion-visor-ui/.env.development
@@ -1,6 +1,6 @@
 VITE_API_BASE_URL= 'http://127.0.0.1:9200/orion-visor/api'
 VITE_WS_BASE_URL= 'ws://127.0.0.1:9200/orion-visor/keep-alive'
-VITE_APP_VERSION= '2.1.2'
+VITE_APP_VERSION= '2.1.3'
 VITE_APP_RELEASE= 'community'
 VITE_SFTP_PREVIEW_MB= 2
 VITE_DEMO_MODE= false
diff --git a/orion-visor-ui/.env.production b/orion-visor-ui/.env.production
index 1e16c93d..3246c5ed 100644
--- a/orion-visor-ui/.env.production
+++ b/orion-visor-ui/.env.production
@@ -1,6 +1,6 @@
 VITE_API_BASE_URL= '/orion-visor/api'
 VITE_WS_BASE_URL= '/orion-visor/keep-alive'
-VITE_APP_VERSION= '2.1.2'
+VITE_APP_VERSION= '2.1.3'
 VITE_APP_RELEASE= 'community'
 VITE_SFTP_PREVIEW_MB= 2
 VITE_DEMO_MODE= false
diff --git a/orion-visor-ui/package.json b/orion-visor-ui/package.json
index 12b2edc1..07fb49e8 100644
--- a/orion-visor-ui/package.json
+++ b/orion-visor-ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "orion-visor-ui",
   "description": "Orion Visor UI",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "private": true,
   "author": "Jiahang Li",
   "license": "Apache 2.0",
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-action-bar-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-action-bar-block.vue
index 43fb2630..481852f2 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-action-bar-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/display/terminal-action-bar-block.vue
@@ -17,7 +17,7 @@
       <a-form class="terminal-setting-form"
               :model="formModel"
               layout="vertical">
-        <a-space>
+        <a-space size="large">
           <!-- 顶部操作按钮 -->
           <a-form-item field="actions" label="顶部操作按钮">
             <icon-actions class="form-item-actions"
@@ -27,7 +27,6 @@
           <!-- 命令输入框 -->
           <a-form-item field="commandInput" label="命令输入框">
             <a-switch v-model="formModel.commandInput"
-                      class="form-item-command-input"
                       :default-checked="true"
                       type="round" />
           </a-form-item>
@@ -107,8 +106,8 @@
     }
   }
 
-  .form-item-actions, .form-item-command-input {
-    margin-right: 48px;
+  .form-item-actions {
+    margin-right: 24px;
   }
 
   :deep(.arco-form) {
diff --git a/pom.xml b/pom.xml
index bac4dd93..4502fc07 100644
--- a/pom.xml
+++ b/pom.xml
@@ -22,7 +22,7 @@
     </modules>
 
     <properties>
-        <revision>2.1.2</revision>
+        <revision>2.1.3</revision>
         <maven.compiler.source>8</maven.compiler.source>
         <maven.compiler.target>8</maven.compiler.target>
         <maven.surefire.plugin.version>3.0.0-M5</maven.surefire.plugin.version>
diff --git a/sql/init-4-data.sql b/sql/init-4-data.sql
index 044e4b28..40e2fd06 100644
--- a/sql/init-4-data.sql
+++ b/sql/init-4-data.sql
@@ -32,7 +32,7 @@ INSERT INTO `dict_key` VALUES (27, 'hostConnectType', 'STRING', '[{\"name\": \"c
 INSERT INTO `dict_key` VALUES (28, 'hostConnectStatus', 'STRING', '[{\"name\": \"color\", \"type\": \"COLOR\"}]', '主机连接状态', '2023-12-26 23:23:51', '2023-12-26 23:28:15', '1', '1', 0);
 INSERT INTO `dict_key` VALUES (29, 'terminalConnectStatus', 'INTEGER', '[{\"name\": \"status\", \"type\": \"STRING\"}]', '终端连接状态', '2024-01-09 00:32:00', '2024-01-09 00:32:16', '1', '1', 0);
 INSERT INTO `dict_key` VALUES (31, 'terminalEmulationType', 'STRING', '[]', '伪终端类型', '2024-01-11 23:35:01', '2024-01-11 23:35:01', '1', '1', 0);
-INSERT INTO `dict_key` VALUES (32, 'terminalTabColor', 'COLOR', '[]', '终端标签页颜色', '2024-03-01 15:01:44', '2024-03-01 15:01:44', '1', '1', 0);
+INSERT INTO `dict_key` VALUES (32, 'terminalTabColor', 'COLOR', '[{\"name\": \"color\", \"type\": \"COLOR\"}, {\"name\": \"bg\", \"type\": \"COLOR\"}]', '终端标签页颜色', '2024-03-01 15:01:44', '2024-08-05 12:36:54', '1', '1', 0);
 INSERT INTO `dict_key` VALUES (33, 'sftpOperatorType', 'STRING', '[]', 'SFTP 操作类型', '2024-03-05 16:49:54', '2024-03-05 16:49:54', '1', '1', 0);
 INSERT INTO `dict_key` VALUES (34, 'execStatus', 'STRING', '[{\"name\": \"color\", \"type\": \"STRING\"}]', '批量执行状态', '2024-03-13 15:08:43', '2024-03-13 15:39:46', '1', '1', 0);
 INSERT INTO `dict_key` VALUES (35, 'execHostStatus', 'STRING', '[{\"name\": \"color\", \"type\": \"COLOR\"}, {\"name\": \"execColor\", \"type\": \"COLOR\"}]', '主机执行状态', '2024-03-13 15:09:10', '2024-03-17 20:31:07', '1', '1', 0);
@@ -197,16 +197,16 @@ INSERT INTO `dict_value` VALUES (199, 2, 'operatorLogType', 'host-terminal:sftp-
 INSERT INTO `dict_value` VALUES (200, 2, 'operatorLogType', 'host-terminal:sftp-set-content', '修改文件内容', '{}', 80, '2024-02-23 17:54:37', '2024-02-23 17:54:37', '1', '1', 0);
 INSERT INTO `dict_value` VALUES (201, 2, 'operatorLogType', 'host-terminal:sftp-upload', '上传文件', '{}', 90, '2024-02-23 17:54:52', '2024-02-23 17:54:52', '1', '1', 0);
 INSERT INTO `dict_value` VALUES (202, 2, 'operatorLogType', 'host-terminal:sftp-download', '下载文件', '{}', 100, '2024-02-23 17:55:03', '2024-02-23 17:55:03', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (203, 32, 'terminalTabColor', 'rgb(var(--red-6))', '红色', '{}', 10, '2024-03-01 15:07:41', '2024-03-01 15:07:41', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (204, 32, 'terminalTabColor', 'rgb(var(--orange-6))', '橙色', '{}', 20, '2024-03-01 15:07:55', '2024-03-01 15:07:55', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (205, 32, 'terminalTabColor', 'rgb(var(--yellow-6))', '黄色', '{}', 30, '2024-03-01 15:08:13', '2024-03-01 15:08:13', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (206, 32, 'terminalTabColor', 'rgb(var(--green-6))', '绿色', '{}', 40, '2024-03-01 15:08:23', '2024-03-01 15:08:23', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (207, 32, 'terminalTabColor', 'rgb(var(--cyan-6))', '青色', '{}', 50, '2024-03-01 15:08:46', '2024-03-01 15:08:46', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (208, 32, 'terminalTabColor', 'rgb(var(--blue-6))', '浅蓝', '{}', 60, '2024-03-01 15:11:01', '2024-03-01 15:11:01', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (209, 32, 'terminalTabColor', 'rgb(var(--arcoblue-6))', '蓝色', '{}', 70, '2024-03-01 15:11:11', '2024-03-01 15:11:11', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (210, 32, 'terminalTabColor', 'rgb(var(--purple-6))', '紫色', '{}', 80, '2024-03-01 15:11:20', '2024-03-01 15:11:20', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (211, 32, 'terminalTabColor', 'rgb(var(--pinkpurple-6))', '粉紫', '{}', 90, '2024-03-01 15:11:41', '2024-03-01 15:11:41', '1', '1', 0);
-INSERT INTO `dict_value` VALUES (213, 32, 'terminalTabColor', 'rgb(var(--gray-6))', '灰色', '{}', 100, '2024-03-01 15:12:01', '2024-03-01 15:39:34', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (203, 32, 'terminalTabColor', 'red', '红色', '{\"bg\": \"rgb(var(--red-2))\", \"color\": \"rgb(var(--red-6))\"}', 10, '2024-03-01 15:07:41', '2024-08-05 14:24:28', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (204, 32, 'terminalTabColor', 'orange', '橙色', '{\"bg\": \"rgb(var(--orange-2))\", \"color\": \"rgb(var(--orange-6))\"}', 20, '2024-03-01 15:07:55', '2024-08-05 14:24:23', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (205, 32, 'terminalTabColor', 'yellow', '黄色', '{\"bg\": \"rgb(var(--yellow-2))\", \"color\": \"rgb(var(--yellow-6))\"}', 30, '2024-03-01 15:08:13', '2024-08-05 14:24:15', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (206, 32, 'terminalTabColor', 'green', '绿色', '{\"bg\": \"rgb(var(--green-2))\", \"color\": \"rgb(var(--green-6))\"}', 40, '2024-03-01 15:08:23', '2024-08-05 14:24:09', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (207, 32, 'terminalTabColor', 'cyan', '青色', '{\"bg\": \"rgb(var(--cyan-2))\", \"color\": \"rgb(var(--cyan-6))\"}', 50, '2024-03-01 15:08:46', '2024-08-05 14:24:03', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (208, 32, 'terminalTabColor', 'blue', '浅蓝', '{\"bg\": \"rgb(var(--blue-2))\", \"color\": \"rgb(var(--blue-6))\"}', 60, '2024-03-01 15:11:01', '2024-08-05 14:23:59', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (209, 32, 'terminalTabColor', 'arcoblue', '蓝色', '{\"bg\": \"rgb(var(--arcoblue-2))\", \"color\": \"rgb(var(--arcoblue-6))\"}', 70, '2024-03-01 15:11:11', '2024-08-05 14:23:55', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (210, 32, 'terminalTabColor', 'purple', '紫色', '{\"bg\": \"rgb(var(--purple-2))\", \"color\": \"rgb(var(--purple-6))\"}', 80, '2024-03-01 15:11:20', '2024-08-05 14:23:51', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (211, 32, 'terminalTabColor', 'pinkpurple', '粉紫', '{\"bg\": \"rgb(var(--pinkpurple-2))\", \"color\": \"rgb(var(--pinkpurple-6))\"}', 90, '2024-03-01 15:11:41', '2024-08-05 14:23:47', '1', '1', 0);
+INSERT INTO `dict_value` VALUES (213, 32, 'terminalTabColor', 'gray', '灰色', '{\"bg\": \"rgb(var(--gray-2))\", \"color\": \"rgb(var(--gray-6))\"}', 100, '2024-03-01 15:12:01', '2024-08-05 14:23:43', '1', '1', 0);
 INSERT INTO `dict_value` VALUES (214, 28, 'hostConnectStatus', 'FORCE_OFFLINE', '强制下线', '{\"color\": \"rgb(var(--red-6))\"}', 40, '2024-03-04 12:51:13', '2024-03-04 12:51:13', '1', '1', 0);
 INSERT INTO `dict_value` VALUES (215, 1, 'operatorLogModule', 'asset:host-connect-log', '主机连接日志', '{}', 2060, '2024-03-04 13:43:33', '2024-03-04 13:43:33', '1', '1', 0);
 INSERT INTO `dict_value` VALUES (216, 2, 'operatorLogType', 'host-connect-log:delete', '删除记录', '{}', 10, '2024-03-04 13:44:34', '2024-03-04 13:44:34', '1', '1', 0);

From 947fa0fea36a574dba8c9cf4b150cce0010df374 Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Thu, 8 Aug 2024 10:17:31 +0800
Subject: [PATCH 12/12] =?UTF-8?q?:whale:=20=E6=B7=BB=E5=8A=A0=20push=20?=
 =?UTF-8?q?=E8=84=9A=E6=9C=AC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docker/adminer/build.sh | 1 -
 docker/mysql/build.sh   | 1 -
 docker/push.sh          | 6 ++++++
 docker/redis/build.sh   | 1 -
 docker/service/build.sh | 1 -
 5 files changed, 6 insertions(+), 4 deletions(-)
 create mode 100644 docker/push.sh

diff --git a/docker/adminer/build.sh b/docker/adminer/build.sh
index 013d146f..f03a0a99 100644
--- a/docker/adminer/build.sh
+++ b/docker/adminer/build.sh
@@ -2,4 +2,3 @@
 version=2.1.3
 docker build -t orion-visor-adminer:${version} .
 docker tag orion-visor-adminer:${version} registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-adminer:${version}
-docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-adminer:${version}
diff --git a/docker/mysql/build.sh b/docker/mysql/build.sh
index 258cf3f1..614c250f 100644
--- a/docker/mysql/build.sh
+++ b/docker/mysql/build.sh
@@ -4,4 +4,3 @@ cp -r ../../sql ./sql
 docker build -t orion-visor-mysql:${version} .
 rm -rf ./sql
 docker tag orion-visor-mysql:${version} registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-mysql:${version}
-docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-mysql:${version}
diff --git a/docker/push.sh b/docker/push.sh
new file mode 100644
index 00000000..736746e7
--- /dev/null
+++ b/docker/push.sh
@@ -0,0 +1,6 @@
+#/bin/bash
+version=2.1.3
+docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-adminer:${version}
+docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-mysql:${version}
+docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-redis:${version}
+docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-service:${version}
diff --git a/docker/redis/build.sh b/docker/redis/build.sh
index 6459f073..16e44b07 100644
--- a/docker/redis/build.sh
+++ b/docker/redis/build.sh
@@ -2,4 +2,3 @@
 version=2.1.3
 docker build -t orion-visor-redis:${version} .
 docker tag orion-visor-redis:${version} registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-redis:${version}
-docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-redis:${version}
diff --git a/docker/service/build.sh b/docker/service/build.sh
index cf97c729..52b69d10 100644
--- a/docker/service/build.sh
+++ b/docker/service/build.sh
@@ -6,4 +6,3 @@ docker build -t orion-visor-service:${version} .
 rm -rf ./orion-visor-launch.jar
 rm -rf ./dist
 docker tag orion-visor-service:${version} registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-service:${version}
-docker push registry.cn-hangzhou.aliyuncs.com/lijiahangmax/orion-visor-service:${version}