diff --git a/orion-ops-ui/src/components/view/editor/index.vue b/orion-ops-ui/src/components/view/editor/index.vue index 95ab6218..b3a7480f 100644 --- a/orion-ops-ui/src/components/view/editor/index.vue +++ b/orion-ops-ui/src/components/view/editor/index.vue @@ -22,7 +22,6 @@ import { createDefaultOptions } from './core'; import { onBeforeUnmount, onMounted, ref, watch } from 'vue'; import { useAppStore } from '@/store'; - import { language as shellLanguage } from 'monaco-editor/esm/vs/basic-languages/shell/shell.js'; const appStore = useAppStore(); @@ -83,48 +82,6 @@ emits('update:modelValue', value); emits('change', value); }); - - // FIXME test containerClass - // TODO - // 代码提示 - monaco.languages.registerCompletionItemProvider('shell', { - provideCompletionItems() { - const suggestions: any = []; - // 这个keywords就是java.java文件中有的 - shellLanguage.keywords?.forEach((item: any) => { - suggestions.push({ - label: item, - kind: monaco.languages.CompletionItemKind.Keyword, - insertText: item, - }); - }); - shellLanguage.operators?.forEach((item: any) => { - suggestions.push({ - label: item, - kind: monaco.languages.CompletionItemKind.Operator, - insertText: item, - }); - }); - shellLanguage.builtinFunctions?.forEach((item: any) => { - suggestions.push({ - label: item, - kind: monaco.languages.CompletionItemKind.Function, - insertText: item, - }); - }); - shellLanguage.builtinVariables?.forEach((item: any) => { - suggestions.push({ - label: item, - kind: monaco.languages.CompletionItemKind.Variable, - insertText: item, - }); - }); - return { - suggestions, - }; - }, - }); - emits('editor-mounted', editor); }; @@ -166,10 +123,10 @@ } }); - onMounted(() => { - init(); - }); + // 初始化 + onMounted(init); + // 卸载 onBeforeUnmount(() => { editor?.dispose(); editor = undefined; diff --git a/orion-ops-ui/src/components/view/shell-editor/shell-editor-modal.vue b/orion-ops-ui/src/components/view/shell-editor/shell-editor-modal.vue new file mode 100644 index 00000000..06afb00a --- /dev/null +++ b/orion-ops-ui/src/components/view/shell-editor/shell-editor-modal.vue @@ -0,0 +1,106 @@ + + + + + + + diff --git a/orion-ops-ui/src/env.d.ts b/orion-ops-ui/src/env.d.ts index c724023f..35220f85 100644 --- a/orion-ops-ui/src/env.d.ts +++ b/orion-ops-ui/src/env.d.ts @@ -18,3 +18,4 @@ declare module 'monaco-editor'; declare module 'monaco-editor/esm/vs/editor/editor.worker?worker' declare module 'monaco-editor/esm/vs/language/json/json.worker?worker' declare module 'monaco-editor/esm/vs/basic-languages/yaml/yaml.js'; +declare module 'monaco-editor/esm/vs/basic-languages/shell/shell.js'; diff --git a/orion-ops-ui/src/views/host/terminal/assets/styles/layout.less b/orion-ops-ui/src/views/host/terminal/assets/styles/layout.less index 0c97fbac..0465a021 100644 --- a/orion-ops-ui/src/views/host/terminal/assets/styles/layout.less +++ b/orion-ops-ui/src/views/host/terminal/assets/styles/layout.less @@ -44,7 +44,7 @@ body[terminal-theme='dark'] { } // arco 亮色配色 -body .host-layout { +body .host-layout, .arco-modal-container { --color-white: #ffffff; --color-black: #000000; --color-border: rgb(var(--gray-3)); @@ -115,7 +115,8 @@ body .host-layout { } // arco 暗色配色 -body[terminal-theme='dark'] .host-layout { +body[terminal-theme='dark'] .host-layout, +body[terminal-theme='dark'] .arco-modal-container { --color-white: rgba(255, 255, 255, 0.9); --color-black: #000000; --color-border: #333335; @@ -125,6 +126,7 @@ body[terminal-theme='dark'] .host-layout { --color-bg-4: #313132; --color-bg-5: #373739; --color-bg-white: #f6f6f6; + --color-neutral-3: rgba(255, 255, 255, 0.12); --color-text-1: rgba(255, 255, 255, 0.9); --color-text-2: rgba(255, 255, 255, 0.7); --color-text-3: rgba(255, 255, 255, 0.5); diff --git a/orion-ops-ui/src/views/host/terminal/components/xterm/terminal-view.vue b/orion-ops-ui/src/views/host/terminal/components/xterm/terminal-view.vue index c0cb1bd2..9490e75e 100644 --- a/orion-ops-ui/src/views/host/terminal/components/xterm/terminal-view.vue +++ b/orion-ops-ui/src/views/host/terminal/components/xterm/terminal-view.vue @@ -29,7 +29,7 @@ :actions="rightActions" position="bottom" /> - @@ -41,6 +41,13 @@ }">
+ + @@ -51,13 +58,15 @@