clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-04 12:46:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(nc-gui): lint

Browse Source
This commit is contained in:
Ramesh Mane
2025-10-08 06:16:37 +00:00
parent 9dd5d1a9ee
commit d30562538f
11 changed files with 131 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
packages/nc-gui/components/dashboard/settings/base/MCP/Code.vue
View File

@@ -2,6 +2,8 @@
import { LoadingOutlined } from '@ant-design/icons-vue'
import { defineAsyncComponent } from 'vue'
const props = defineProps<Props>()
// Define Monaco Editor as an async component
const MonacoEditor = defineAsyncComponent(() => import('~/components/monaco/Editor.vue'))
@@ -9,8 +11,6 @@ interface Props {
code: string
}
const props = defineProps<Props>()
const code = toRef(props, 'code')
const indicator = h(LoadingOutlined, {
@@ -61,64 +61,62 @@ const onCopyToClipboard = async () => {
</div>
</NcButton>
</div>
<Suspense>
<template #default>
<MonacoEditor
class="h-72 !rounded-b-lg overflow-hidden !bg-gray-50"
:model-value="code"
:read-only="true"
lang="json"
:validate="false"
:disable-deep-compare="true"
:monaco-config="{
minimap: {
enabled: false,
},
fontSize: 13,
lineHeight: 18,
padding: {
top: 12,
bottom: 12,
},
overviewRulerBorder: false,
overviewRulerLanes: 0,
hideCursorInOverviewRuler: true,
lineDecorationsWidth: 12,
lineNumbersMinChars: 0,
roundedSelection: false,
selectOnLineNumbers: false,
scrollBeyondLastLine: false,
contextmenu: false,
glyphMargin: false,
folding: false,
bracketPairColorization: { enabled: false },
wordWrap: 'on',
scrollbar: {
horizontal: 'hidden',
verticalScrollbarSize: 6,
},
renderIndentGuides: false,
wrappingStrategy: 'advanced',
renderLineHighlight: 'none',
tabSize: 2,
detectIndentation: false,
insertSpaces: true,
lineNumbers: 'off',
}"
hide-minimap
/>
</template>
<template #fallback>
<div class="h-72 w-full flex items-center justify-center bg-gray-50 dark:bg-gray-900">
<div class="text-center">
<a-spin size="large" />
<div class="mt-4 text-gray-600 dark:text-gray-400">
Loading Monaco Editor...
</div>
</div>
</div>
</template>
</Suspense>
<Suspense>
<template #default>
<MonacoEditor
class="h-72 !rounded-b-lg overflow-hidden !bg-gray-50"
:model-value="code"
:read-only="true"
lang="json"
:validate="false"
:disable-deep-compare="true"
:monaco-config="{
minimap: {
enabled: false,
},
fontSize: 13,
lineHeight: 18,
padding: {
top: 12,
bottom: 12,
},
overviewRulerBorder: false,
overviewRulerLanes: 0,
hideCursorInOverviewRuler: true,
lineDecorationsWidth: 12,
lineNumbersMinChars: 0,
roundedSelection: false,
selectOnLineNumbers: false,
scrollBeyondLastLine: false,
contextmenu: false,
glyphMargin: false,
folding: false,
bracketPairColorization: { enabled: false },
wordWrap: 'on',
scrollbar: {
horizontal: 'hidden',
verticalScrollbarSize: 6,
},
renderIndentGuides: false,
wrappingStrategy: 'advanced',
renderLineHighlight: 'none',
tabSize: 2,
detectIndentation: false,
insertSpaces: true,
lineNumbers: 'off',
}"
hide-minimap
/>
</template>
<template #fallback>
<div class="h-72 w-full flex items-center justify-center bg-gray-50 dark:bg-gray-900">
<div class="text-center">
<a-spin size="large" />
<div class="mt-4 text-gray-600 dark:text-gray-400">Loading Monaco Editor...</div>
</div>
</div>
</template>
</Suspense>
</div>
</template>