feat: 支持多行选中

Author: winjo

packages/alex/src/core/editor/editor.module.ts

@@ -478,11 +478,23 @@ class EditorSpecialContribution
           type === monaco.editor.MouseTargetType.GUTTER_GLYPH_MARGIN
         ) {
           const lineNumber = event.target.position!.lineNumber;
+          const lastLineNumber = this.propsService.props.documentModel.lineNumber;
+          let nextLineNumber: number | [number, number] = lineNumber;
+          if (event?.event?.shiftKey && lastLineNumber) {
+            let startLineNumber = Array.isArray(lastLineNumber)
+              ? lastLineNumber[0]
+              : lastLineNumber;
+            if (startLineNumber > nextLineNumber) {
+              nextLineNumber = [nextLineNumber, startLineNumber];
+            } else if (startLineNumber < nextLineNumber) {
+              nextLineNumber = [startLineNumber, nextLineNumber];
+            }
+          }
           // 非受控
           if (!('lineNumber' in this.propsService.props.documentModel)) {
-            highlightLine(lineNumber);
+            highlightLine(nextLineNumber);
           }
-          this.propsService.props.documentModel.onLineNumberChange?.(lineNumber);
+          this.propsService.props.documentModel.onLineNumberChange?.(nextLineNumber);
         }
       })
     );

packages/alex/src/core/editor/types.ts

@@ -26,7 +26,7 @@ export interface DocumentModel {
   /**
    * 行号变更事件
    */
-  onLineNumberChange?: (num: number) => void;
+  onLineNumberChange?: (num: number | [number, number]) => void;
 }
 
 export interface FSDocumentModel extends DocumentModel {

packages/alex/src/integration/editor/index.tsx

@@ -107,7 +107,7 @@ const App = () => {
         </Select>
       </div>
       <div style={{ display: 'flex' }}>
-        <div style={{ width: '50%', minHeight: 300 }}>
+        <div style={{ width: '50%', minHeight: 500 }}>
           {project ? (
             <EditorRenderer
               key={project}