@worktile/theia 1.2.19 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/theia",
-  "version": "1.2.19",
+  "version": "2.1.0",
   "description": "theia editor",
   "author": "YanDong <nanianqiumo@foxmail.com>",
   "homepage": "https://github.com/atinc/theia#readme",

package/plugins/code/code.component.d.ts

@@ -6,24 +6,24 @@ import { DropdownMode, TheCodeConfig, ToolbarItemMode } from '../../constants';
 import { DefaultToolbarItem, TheBaseElementComponent } from '../../interfaces';
 import { CodeElement } from '../../custom-types';
 import { ThyResizeEvent } from 'ngx-tethys/resizable';
+import { TheContextService } from '../../services/context.service';
 import * as i0 from "@angular/core";
 export declare class TheCodeComponent extends TheBaseElementComponent<CodeElement, Editor> implements OnInit, AfterViewInit {
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
     private thyNotifyService;
+    private contextService;
     private ngZone;
     private config;
     startRenderCodemirror: boolean;
     dropdownMode: typeof DropdownMode;
-    codeMirrorFocused: boolean;
     maxHeight: number;
     menus: {
         key: string;
         name: string;
     }[];
     ToolbarItemMode: typeof ToolbarItemMode;
-    isAutoWrap: boolean;
-    isResizing: boolean;
+    isFocusCode: boolean;
     resizeHeight: number;
     options: {
         mode: string;
@@ -35,26 +35,25 @@ export declare class TheCodeComponent extends TheBaseElementComponent<CodeElemen
         cursorBlinkRate: number;
     };
     actives: DefaultToolbarItem;
+    resizeBounds: any;
     get code(): string;
     codemirror: CodeMirrorComponent;
-    handleCodeMousedown(event: MouseEvent): void;
     onContextChange(): void;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, ngZone: NgZone, config: TheCodeConfig);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, thyNotifyService: ThyNotifyService, contextService: TheContextService, ngZone: NgZone, config: TheCodeConfig);
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    focusChange(codeMirrorFocused: boolean): void;
     renderCodemirror(): void;
     initializeCodemirrorFocus(): void;
     codeChange($event: any): void;
     onDelete(event: MouseEvent): void;
     onCopy(event: MouseEvent): void;
+    focusChange(codeMirrorFocused: boolean): void;
     onChangeLangulage: (item: any) => void;
     useMode(): void;
     useAutoWrap(): void;
     useHeight(): void;
     useReadonly(): void;
     onResize({ height }: ThyResizeEvent): void;
-    onStartResize(): void;
     onEndResize(): void;
     onChangeWrap(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheCodeComponent, never>;

package/plugins/font-size/toolbar-item.component.scss

@@ -1,5 +1,5 @@
 .the-font-size-toolbar-item {
-    width: 60px;
+    width: 45px;
 
     &.disabled {
         cursor: not-allowed;
@@ -11,3 +11,14 @@
         }
     }
 }
+.the-toolbar-dropdown-popover.font-size {
+    .thy-popover-container {
+        min-width: 90px;
+    }
+    .dropdown {
+        width: 90px;
+    }
+    .action-menu-item {
+        text-align: center;
+    }
+}

package/styles/editor.scss

@@ -189,13 +189,14 @@ $thy-icon-nav-link-margin-right: 5px;
     box-shadow: $box-shadow;
 }
 
-.the-block-operation {
+.the-code-block-operation {
     @include the-toolbar-layout();
     display: flex;
     transform: translateY(-100%);
     left: 0;
     top: -10px;
     z-index: 10;
+    min-width: 306px;
     .thy-select-custom {
         width: 115px;
         .form-control {