fix: fix typing item sort

Author: shezhangzhang

assets/sort.png

@@ -1,17 +1,15 @@
 // The module 'vscode' contains the VS Code extensibility API
-// Import the module and reference it with the alias vscode in your code below
 import * as vscode from "vscode";
 import getDesignToken from "antd-token-previewer/es/utils/getDesignToken";
-import rgbHex from "rgb-hex";
 import { genMarkdownString } from "./utils";
 
 // this method is called when your extension is activated
 // your extension is activated the very first time the command is executed
 export function activate(context: vscode.ExtensionContext) {
-  // Use the console to output diagnostic information (console.log) and errors (console.error)
   // This line of code will only be executed once when your extension is activated
   const fullToken = getDesignToken();
 
+  // HOVER
   vscode.languages.registerHoverProvider(
     [
       "javascript",
@@ -43,6 +41,7 @@ export function activate(context: vscode.ExtensionContext) {
     }
   );
 
+  // TYPING
   // Add antd token value tips on typing
   // Note: 11 is a `value` kind of completion items.
   // Based on the kind an icon is chosen by the editor.
@@ -51,8 +50,10 @@ export function activate(context: vscode.ExtensionContext) {
   for (let key in fullToken) {
     const value = String(fullToken[key as keyof typeof fullToken]);
     const item = new vscode.CompletionItem(`antd-${key}: ${value}`, 11);
-    item.insertText = key;
-    item.sortText = `a${key}`;
+    item.insertText = key.includes("-") ? `['${key}']` : key;
+
+    const sortValue = value.padStart(3, "0");
+    item.sortText = `a-${sortValue}-${key}`;
 
     const colorSpan = genMarkdownString(value);
     let documentContent: vscode.MarkdownString | string = "";
@@ -83,22 +84,6 @@ export function activate(context: vscode.ExtensionContext) {
       },
     }
   );
-
-  // The command has been defined in the package.json file
-  // Now provide the implementation of the command with registerCommand
-  // The commandId parameter must match the command field in package.json
-  let disposable = vscode.commands.registerCommand(
-    "antd-design-token.helloWorld",
-    () => {
-      // The code you place here will be executed every time your command is executed
-      // Display a message box to the user
-      vscode.window.showInformationMessage(
-        "Hello World from antd design token!"
-      );
-    }
-  );
-
-  context.subscriptions.push(disposable);
 }
 
 // this method is called when your extension is deactivated