feat: Optimized icon display when IntelliSense

JerryFan626 · JerryFan626 · commit 85885599be68 · 2023-10-13T13:41:40.000+08:00
diff --git a/chat2db-client/.vscode/settings.json b/chat2db-client/.vscode/settings.json
@@ -1,6 +1,6 @@
 {
   "workbench.colorTheme": "One Dark Pro",
-  "workbench.iconTheme": "vscode-icons-mac",
+  "workbench.iconTheme": "material-icon-theme",
   "editor.fontSize": 14,
   "editor.tabSize": 2,
   // 自动格式化
diff --git a/chat2db-client/src/components/Console/MonacoEditor/index.less b/chat2db-client/src/components/Console/MonacoEditor/index.less
@@ -1,3 +1,3 @@
 .editorContainer {
   height: 100%;
-}
+}
diff --git a/chat2db-client/src/layouts/index.less b/chat2db-client/src/layouts/index.less
@@ -4,6 +4,25 @@
 :global {
   #root {
     height: 100%;
+
+    .codicon-symbol-function:before {
+      content: '\ebb8';
+      width: 16px;
+      height: 16px;
+      // background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKZJREFUOE+lkgEOgzAMA83LNl7G9rJtL2O6qkZZlRYGkSpacGzHdNLFmi72a0TwkLQEgRTbI3DzLOk9ctkjWCU9JUE0rBHBoXwi6BWk7tX6p7rgTDEOe1ZxFwkMIjgaPTtPwLc6FkLbeJlNAFaO8/MekZ9sMgICzNL/i6AltivGYb8JtED//zYbcqGJch7lnBEYtHcFyvee1d0LZPaMwFZPOTjUFEFfU0IlESizFzUAAAAASUVORK5CYII=");
+    }
+    .codicon-symbol-folder:before {
+      content: '\ebb7';
+      width: 16px;
+      height: 16px;
+      // background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHxJREFUOE/Fk10OgCAMgz9Opp5MPZl4Mk0JS4AEJWK0L+OvZWzF0QkX+SMwA4ot8MAKeBPYgB1YWtjx3ABMJnAANm7UIHBeFWi9OT1XzcBqUYsSuXzCPwLqq0EtEtRaoZxrTb7JatAtkPrg+xqUVr7LQPuZlbs/0xMXBs4Jp5IvERhfiDgAAAAASUVORK5CYII=");
+    }
+    .codicon-symbol-field:before {
+      content: '\eb17';
+      width: 16px;
+      height: 16px;
+      // background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjk3MTcwMDQyMTI4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjkyNTIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik05NzkuMiAwSDQ0LjhhNDQuOCA0NC44IDAgMCAwLTQ0LjggNDQuOHY5MzQuNGE0NC44IDQ0LjggMCAwIDAgNDQuOCA0NC44aDkzNC40YTQ0LjggNDQuOCAwIDAgMCA0NC44LTQ0LjhWNDQuOGE0NC44IDQ0LjggMCAwIDAtNDQuOC00NC44ek05NjAgOTYwSDY0VjY0aDg5NnoiIGZpbGw9IiM1NzU4NjkiIHAtaWQ9IjkyNTMiPjwvcGF0aD48cGF0aCBkPSJNMjU2IDIzOS44MDhoMjI0djU0NC4zODRIMzg0djY0aDI1NnYtNjRINTQ0VjIzOS44MDhINzY4djEzNC43Mmg2NFYxNzUuODA4SDE5MnYxOTguNzJoNjRWMjM5LjgwOHoiIGZpbGw9IiM1NzU4NjkiIHAtaWQ9IjkyNTQiPjwvcGF0aD48L3N2Zz4=');
+    }
   }
 }
 
@@ -33,6 +52,7 @@
   cursor: pointer;
   font-size: 18px;
   margin-top: 10px;
+
   &:hover {
     color: var(--color-primary);
   }
diff --git a/chat2db-client/src/layouts/index.tsx b/chat2db-client/src/layouts/index.tsx
@@ -19,6 +19,7 @@ import { clearOlderLocalStorage } from '@/utils';
 import registerMessage from './init/registerMessage';
 import registerNotification from './init/registerNotification';
 import MyNotification from '@/components/MyNotification';
+
 declare global {
   interface Window {
     _Lang: string;
diff --git a/chat2db-client/src/styles/global.less b/chat2db-client/src/styles/global.less
@@ -137,4 +137,4 @@ li {
 
 button {
   box-shadow: none !important;
-}
+}
diff --git a/chat2db-client/src/utils/IntelliSense/keyword.ts b/chat2db-client/src/utils/IntelliSense/keyword.ts
@@ -25,7 +25,8 @@ const getSQLFunctions = (functions: string[]) => {
       description: '函数',
       sortText: '09',
     },
-    kind: monaco.languages.CompletionItemKind.Method,
+    // kind: monaco.languages.CompletionItemKind.Method,
+    kind: monaco.languages.CompletionItemKind.Function,
     insertText: key,
   }));
 };
diff --git a/chat2db-client/src/utils/IntelliSense/table.ts b/chat2db-client/src/utils/IntelliSense/table.ts
@@ -74,7 +74,7 @@ const registerIntelliSenseTable = (
               detail: databaseName ? `(${databaseName})` : null,
               description: '表名',
             },
-            kind: monaco.languages.CompletionItemKind.Variable,
+            kind: monaco.languages.CompletionItemKind.Folder,
             insertText: handleInsertText(tableName.name, databaseCode),
             // range: monaco.Range.fromPositions(position),
             // documentation: tableName.comment,

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"workbench.colorTheme": "One Dark Pro",`
`3`		`- "workbench.iconTheme": "vscode-icons-mac",`
	`3`	`+ "workbench.iconTheme": "material-icon-theme",`
`4`	`4`	`"editor.fontSize": 14,`
`5`	`5`	`"editor.tabSize": 2,`
`6`	`6`	`// 自动格式化`
-Original file line number
+Diff line change
@@ @@ -1,3 +1,3 @@ @@
 .editorContainer {
   height: 100%;
 -}
 +}