From aa8b380289f9caba08397dd4edde545591dde0e4 Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Wed, 25 Jun 2025 14:50:01 +0800
Subject: [PATCH] =?UTF-8?q?:tada:=20=E9=87=8D=E6=9E=84=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/app/navbar/index.vue       |  4 +-
 .../src/components/app/setting/index.vue      |  8 +-
 .../host/authorized-host-modal/index.vue      |  2 +-
 .../meta/cron/generator-input/index.vue       |  4 +-
 .../generator-input/{const.ts => types.ts}    |  0
 .../bookmark-path/group/selector/index.vue    |  4 +-
 .../command-snippet}/gruop/selector/index.vue |  4 +-
 .../view/editor/languages/.suggestions        | 38 ----------
 .../view/shell-editor/drawer/index.vue        | 74 +++++++++++++++++++
 .../view/shell-editor/modal/index.vue         |  3 +
 10 files changed, 91 insertions(+), 50 deletions(-)
 rename orion-visor-ui/src/components/meta/cron/generator-input/{const.ts => types.ts} (100%)
 rename orion-visor-ui/src/components/{host => terminal}/bookmark-path/group/selector/index.vue (93%)
 rename orion-visor-ui/src/components/{host/command-snippte => terminal/command-snippet}/gruop/selector/index.vue (93%)
 delete mode 100644 orion-visor-ui/src/components/view/editor/languages/.suggestions
 create mode 100644 orion-visor-ui/src/components/view/shell-editor/drawer/index.vue

diff --git a/orion-visor-ui/src/components/app/navbar/index.vue b/orion-visor-ui/src/components/app/navbar/index.vue
index 99c74df9..84c446bc 100644
--- a/orion-visor-ui/src/components/app/navbar/index.vue
+++ b/orion-visor-ui/src/components/app/navbar/index.vue
@@ -8,7 +8,7 @@
              alt="logo"
              draggable="false"
              src="@/assets/logo.svg?url" />
-        <!-- 标头 -->
+        <!-- 名称 -->
         <a-typography-title :heading="5"
                             :style="{ margin: 0, fontSize: '18px', height: '1.4em', overflow: 'hidden' }">
           Orion Visor
@@ -26,7 +26,7 @@
     <!-- 右侧操作 -->
     <ul class="right-side">
       <!-- 主机终端 -->
-      <li v-permission="['asset:terminal:access']">
+      <li v-permission="['terminal:terminal:access']">
         <a-tooltip content="主机终端">
           <a-button class="nav-btn"
                     type="outline"
diff --git a/orion-visor-ui/src/components/app/setting/index.vue b/orion-visor-ui/src/components/app/setting/index.vue
index 919768c8..dd3ac34e 100644
--- a/orion-visor-ui/src/components/app/setting/index.vue
+++ b/orion-visor-ui/src/components/app/setting/index.vue
@@ -42,6 +42,8 @@
   import { isStandaloneMode } from '@/utils/env';
   import Block from './block.vue';
 
+  const cardOptions = [{ value: 'table', label: '表格' }, { value: 'card', label: '卡片' }];
+
   const appStore = useAppStore();
   const { visible, setVisible } = useVisible();
 
@@ -130,7 +132,7 @@
       margin: '0 0 4px 0',
       permission: ['asset:host:query'],
       defaultVal: appStore.hostView,
-      options: [{ value: 'table', label: '表格' }, { value: 'card', label: '卡片' }]
+      options: cardOptions,
     },
     {
       name: '主机密钥',
@@ -139,7 +141,7 @@
       margin: '0 0 4px 0',
       permission: ['asset:host-key:query'],
       defaultVal: appStore.hostKeyView,
-      options: [{ value: 'table', label: '表格' }, { value: 'card', label: '卡片' }]
+      options: cardOptions,
     },
     {
       name: '主机身份',
@@ -148,7 +150,7 @@
       margin: '0 0 4px 0',
       permission: ['asset:host-identity:query'],
       defaultVal: appStore.hostIdentityView,
-      options: [{ value: 'table', label: '表格' }, { value: 'card', label: '卡片' }]
+      options: cardOptions,
     },
   ]);
 
diff --git a/orion-visor-ui/src/components/asset/host/authorized-host-modal/index.vue b/orion-visor-ui/src/components/asset/host/authorized-host-modal/index.vue
index 5ad16b51..9844ef9c 100644
--- a/orion-visor-ui/src/components/asset/host/authorized-host-modal/index.vue
+++ b/orion-visor-ui/src/components/asset/host/authorized-host-modal/index.vue
@@ -89,7 +89,7 @@
   import useLoading from '@/hooks/loading';
   import useVisible from '@/hooks/visible';
   import { getAuthorizedHostOptions } from '@/types/options';
-  import { getLatestConnectHostId } from '@/api/asset/terminal-connect-log';
+  import { getLatestConnectHostId } from '@/api/terminal/terminal-connect-log';
   import HostTable from './components/host-table.vue';
   import HostGroup from './components/host-group.vue';
 
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 4d4b8007..10403ffa 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
@@ -129,9 +129,9 @@
 </script>
 
 <script lang="ts" setup>
-  import type { CronPropType } from './const';
+  import type { CronPropType } from './types';
   import { computed, onMounted, reactive, ref, watch } from 'vue';
-  import { cronEmits, cronDefaultProps, convertWeekToQuartz } from './const';
+  import { cronEmits, cronDefaultProps, convertWeekToQuartz } from './types';
   import { useDebounceFn } from '@vueuse/core';
   import { dateFormat } from '@/utils';
   import { copy } from '@/hooks/copy';
diff --git a/orion-visor-ui/src/components/meta/cron/generator-input/const.ts b/orion-visor-ui/src/components/meta/cron/generator-input/types.ts
similarity index 100%
rename from orion-visor-ui/src/components/meta/cron/generator-input/const.ts
rename to orion-visor-ui/src/components/meta/cron/generator-input/types.ts
diff --git a/orion-visor-ui/src/components/host/bookmark-path/group/selector/index.vue b/orion-visor-ui/src/components/terminal/bookmark-path/group/selector/index.vue
similarity index 93%
rename from orion-visor-ui/src/components/host/bookmark-path/group/selector/index.vue
rename to orion-visor-ui/src/components/terminal/bookmark-path/group/selector/index.vue
index 3ba17090..ef259d1c 100644
--- a/orion-visor-ui/src/components/host/bookmark-path/group/selector/index.vue
+++ b/orion-visor-ui/src/components/terminal/bookmark-path/group/selector/index.vue
@@ -15,11 +15,11 @@
 
 <script lang="ts" setup>
   import type { SelectOptionData } from '@arco-design/web-vue';
-  import type { PathBookmarkGroupQueryResponse } from '@/api/asset/path-bookmark-group';
+  import type { PathBookmarkGroupQueryResponse } from '@/api/terminal/path-bookmark-group';
   import { ref, computed, onBeforeMount } from 'vue';
   import { useCacheStore } from '@/store';
   import useLoading from '@/hooks/loading';
-  import { createPathBookmarkGroup } from '@/api/asset/path-bookmark-group';
+  import { createPathBookmarkGroup } from '@/api/terminal/path-bookmark-group';
 
   const props = defineProps<Partial<{
     modelValue: number;
diff --git a/orion-visor-ui/src/components/host/command-snippte/gruop/selector/index.vue b/orion-visor-ui/src/components/terminal/command-snippet/gruop/selector/index.vue
similarity index 93%
rename from orion-visor-ui/src/components/host/command-snippte/gruop/selector/index.vue
rename to orion-visor-ui/src/components/terminal/command-snippet/gruop/selector/index.vue
index 850d2bf5..490e4e15 100644
--- a/orion-visor-ui/src/components/host/command-snippte/gruop/selector/index.vue
+++ b/orion-visor-ui/src/components/terminal/command-snippet/gruop/selector/index.vue
@@ -15,11 +15,11 @@
 
 <script lang="ts" setup>
   import type { SelectOptionData } from '@arco-design/web-vue';
-  import type { CommandSnippetGroupQueryResponse } from '@/api/asset/command-snippet-group';
+  import type { CommandSnippetGroupQueryResponse } from '@/api/terminal/command-snippet-group';
   import { ref, computed, onBeforeMount } from 'vue';
   import { useCacheStore } from '@/store';
   import useLoading from '@/hooks/loading';
-  import { createCommandSnippetGroup } from '@/api/asset/command-snippet-group';
+  import { createCommandSnippetGroup } from '@/api/terminal/command-snippet-group';
 
   const props = defineProps<Partial<{
     modelValue: number;
diff --git a/orion-visor-ui/src/components/view/editor/languages/.suggestions b/orion-visor-ui/src/components/view/editor/languages/.suggestions
deleted file mode 100644
index 02973b9f..00000000
--- a/orion-visor-ui/src/components/view/editor/languages/.suggestions
+++ /dev/null
@@ -1,38 +0,0 @@
-// 代码提示
-monaco.languages.registerCompletionItemProvider('java', {
-  provideCompletionItems() {
-    const suggestions: any = [];
-    // 这个keywords就是java.java文件中有的
-    javaLanguage.keywords?.forEach((item: any) => {
-      suggestions.push({
-        label: item,
-        kind: monaco.languages.CompletionItemKind.Keyword,
-        insertText: item,
-      });
-    });
-    javaLanguage.operators?.forEach((item: any) => {
-      suggestions.push({
-        label: item,
-        kind: monaco.languages.CompletionItemKind.Operator,
-        insertText: item,
-      });
-    });
-    javaLanguage.builtinFunctions?.forEach((item: any) => {
-      suggestions.push({
-        label: item,
-        kind: monaco.languages.CompletionItemKind.Function,
-        insertText: item,
-      });
-    });
-    javaLanguage.builtinVariables?.forEach((item: any) => {
-      suggestions.push({
-        label: item,
-        kind: monaco.languages.CompletionItemKind.Variable,
-        insertText: item,
-      });
-    });
-    return {
-      suggestions,
-    };
-  },
-});
diff --git a/orion-visor-ui/src/components/view/shell-editor/drawer/index.vue b/orion-visor-ui/src/components/view/shell-editor/drawer/index.vue
new file mode 100644
index 00000000..310466ce
--- /dev/null
+++ b/orion-visor-ui/src/components/view/shell-editor/drawer/index.vue
@@ -0,0 +1,74 @@
+<template>
+  <a-drawer v-model:visible="visible"
+            :title="title"
+            :esc-to-close="false"
+            :mask-closable="false"
+            :unmount-on-close="true"
+            @ok="handleOk"
+            @cancel="handleCancel">
+    <div class="full">
+      <editor v-model="value"
+              language="shell"
+              :suggestions="true"
+              :auto-focus="true"
+              :theme="dark ? 'vs-dark' : 'vs'"
+              :readonly="readonly" />
+    </div>
+  </a-drawer>
+</template>
+
+<script lang="ts">
+  export default {
+    name: 'shellEditorDrawer'
+  };
+</script>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import useVisible from '@/hooks/visible';
+
+  const emits = defineEmits(['ok', 'cancel']);
+
+  const props = withDefaults(defineProps<Partial<{
+    dark: boolean;
+    readonly: boolean;
+  }>>(), {
+    dark: true,
+    readonly: false,
+  });
+
+  const { visible, setVisible } = useVisible();
+
+  const title = ref<string>();
+  const value = ref<string | any>();
+
+  // 打开
+  const open = (editorValue: string | any, editorTitle: string) => {
+    title.value = editorTitle;
+    value.value = editorValue;
+    setVisible(true);
+  };
+
+  // 获取值
+  const getValue = () => {
+    return value.value;
+  };
+
+  defineExpose({ open, getValue });
+
+  // 确定
+  const handleOk = () => {
+    setVisible(false);
+    emits('ok', value.value);
+  };
+
+  // 取消
+  const handleCancel = () => {
+    setVisible(false);
+    emits('cancel', value.value);
+  };
+
+</script>
+
+<style lang="less" scoped>
+</style>
diff --git a/orion-visor-ui/src/components/view/shell-editor/modal/index.vue b/orion-visor-ui/src/components/view/shell-editor/modal/index.vue
index 77a33286..cf1552b3 100644
--- a/orion-visor-ui/src/components/view/shell-editor/modal/index.vue
+++ b/orion-visor-ui/src/components/view/shell-editor/modal/index.vue
@@ -32,6 +32,8 @@
   import { ref } from 'vue';
   import useVisible from '@/hooks/visible';
 
+  const emits = defineEmits(['close']);
+
   const props = withDefaults(defineProps<Partial<{
     width: string | number;
     height: string;
@@ -66,6 +68,7 @@
   // 关闭
   const handleClose = () => {
     setVisible(false);
+    emits('close', value.value);
   };
 
 </script>