show hint in codemirror on Ctrl+Space

src/App.vue

@@ -60,4 +60,7 @@ button,
 body {
   margin: 0;
 }
+.CodeMirror-hints {
+  z-index: 999 !important;
+}
 </style>

src/views/Main/Editor/Tabs/Tab/SqlEditor/hint.js

@@ -33,6 +33,10 @@ const hintOptions = {
   alignWithWord: false
 }
 
+export function showHintOnDemand (editor) {
+  CM.showHint(editor, getHints, hintOptions)
+}
+
 export default function showHint (editor) {
   // Don't show autocomplete after a space or semicolon or in string literals
   const token = editor.getTokenAt(editor.getCursor())
@@ -41,5 +45,6 @@ export default function showHint (editor) {
   if (tokenType === 'string' || !ch || ch === ' ' || ch === ';') {
     return
   }
+
   CM.showHint(editor, getHints, hintOptions)
 }

src/views/Main/Editor/Tabs/Tab/SqlEditor/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import showHint from './hint'
+import showHint, { showHintOnDemand } from './hint'
 import { debounce } from 'debounce'
 import { codemirror } from 'vue-codemirror'
 import 'codemirror/lib/codemirror.css'
@@ -29,7 +29,8 @@ export default {
         lineNumbers: true,
         line: true,
         autofocus: true,
-        autoRefresh: true
+        autoRefresh: true,
+        extraKeys: { 'Ctrl-Space': showHintOnDemand }
       }
     }
   },