@worktile/theia 2.1.12 → 2.2.1

package/interfaces/editor.d.ts

@@ -64,8 +64,8 @@ export declare enum TheDataMode {
     html = "html"
 }
 export interface TheOptions {
-    readonly?: boolean;
     mode?: TheDataMode;
+    readonly?: boolean;
     disabled?: boolean;
     autoFocus?: boolean;
     placeholder?: string;

package/package.json

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

package/plugins/indent/indent.editor.d.ts

@@ -0,0 +1,10 @@
+import { Editor, Element } from 'slate';
+import { TheEditor } from '../../interfaces/editor';
+import { CustomElementKinds } from '../../custom-types';
+export declare const IndentEditor: {
+    setIndent(editor: TheEditor): void;
+    cancelIndent(editor: Editor): void;
+    setTextIndent(editor: TheEditor, kinds: CustomElementKinds[], textIndent: number): void;
+    cancelTextIntent(editor: TheEditor, event: KeyboardEvent, anchorBlock: Element, kinds: CustomElementKinds[]): boolean;
+    isDisabled(editor: TheEditor): boolean;
+};

package/plugins/indent/indent.plugin.d.ts

@@ -1,2 +1,3 @@
 import { CustomElementKinds } from '../../custom-types';
-export declare const withIndent: (kinds: CustomElementKinds[]) => <T extends import("@worktile/theia").TheEditor>(editor: T) => T;
+import { TheEditor } from '../../interfaces/editor';
+export declare const withIndent: (kinds: CustomElementKinds[]) => <T extends TheEditor>(editor: T) => T;

package/plugins/indent/on-keydown-indent.d.ts

@@ -1,3 +1,3 @@
 import { Editor } from 'slate';
 import { CustomElementKinds } from '../../custom-types';
-export declare const onKeydownIndent: (editor: Editor, event: KeyboardEvent, kinds: CustomElementKinds[]) => boolean;
+export declare const onKeydownTextIndent: (editor: Editor, event: KeyboardEvent, kinds: CustomElementKinds[]) => boolean;

package/plugins/indent/options.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarItem } from '../../interfaces/toolbar';
+export declare const IndentOptions: ToolbarItem[];

package/plugins/indent/toolbar-item.component.d.ts

@@ -0,0 +1,36 @@
+import { OnInit, ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { ThyPopover, ThyPopoverRef } from 'ngx-tethys/popover';
+import { Editor } from 'slate';
+import { DropdownMode } from '../../constants/toolbar';
+import { ToolbarItem } from '../../interfaces/toolbar';
+import { TheToolbarBaseItemComponent } from '../../components/toolbar-base-item/toolbar-base-item.component';
+import * as i0 from "@angular/core";
+export declare class TheIndentToolbarComponent extends TheToolbarBaseItemComponent implements OnInit {
+    elementRef: ElementRef;
+    private thyPopover;
+    private viewContainerRef;
+    private overlay;
+    toolbarItem: ToolbarItem;
+    menus: ToolbarItem[];
+    mode: DropdownMode;
+    item: ToolbarItem;
+    editor: Editor;
+    dropdownMode: typeof DropdownMode;
+    activeMenu: ToolbarItem;
+    disabled: boolean;
+    dropdownPopoverRef: ThyPopoverRef<any>;
+    get isOpen(): boolean;
+    dropdownTemplate: TemplateRef<any>;
+    toggleDropdown(event: MouseEvent): void;
+    handleDocumentMouseDown(event: MouseEvent): void;
+    get disabledState(): boolean;
+    constructor(elementRef: ElementRef, thyPopover: ThyPopover, viewContainerRef: ViewContainerRef, overlay: Overlay);
+    ngOnInit(): void;
+    statusChange(editor: Editor): void;
+    itemMousedown(event: MouseEvent, item: ToolbarItem): void;
+    openDropdownPopover(): void;
+    closeDropdownPopover(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheIndentToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheIndentToolbarComponent, "the-indent-toolbar-item", never, { "toolbarItem": "toolbarItem"; "menus": "menus"; "mode": "mode"; "item": "item"; }, {}, never, never>;
+}

package/plugins/inline-code/inline-code.component.scss

@@ -6,8 +6,9 @@
         font-family: monospace;
         font-size: inherit;
         background-color: rgba(243, 243, 243, 0.8);
-        line-height: inherit;
+        line-height: 1;
         word-wrap: break-word;
         text-indent: 0;
         color: $gray-700;
+        display: inline-block;
 }

package/plugins/list/components/bulleted-list.component.d.ts

@@ -1,15 +1,13 @@
 import { OnInit, ElementRef, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { Editor } from 'slate';
-import { ElementClassPipe } from '../../../pipes';
 import { BulletedListElement } from '../../../custom-types';
 import { TheBaseElementComponent } from '../../../interfaces';
 import * as i0 from "@angular/core";
 export declare class TheBulletedListComponent extends TheBaseElementComponent<BulletedListElement, Editor> implements OnInit, OnDestroy {
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
-    private elementClassPipe;
-    get class(): string;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, elementClassPipe: ElementClassPipe);
+    get level(): number;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheBulletedListComponent, never>;

package/plugins/list/components/numbered-list.component.d.ts

@@ -1,16 +1,14 @@
 import { OnInit, ElementRef, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { Editor } from 'slate';
-import { ElementClassPipe } from '../../../pipes';
 import { NumberedListElement } from '../../../custom-types';
 import { TheBaseElementComponent } from '../../../interfaces';
 import * as i0 from "@angular/core";
 export declare class TheNumberedListComponent extends TheBaseElementComponent<NumberedListElement, Editor> implements OnInit, OnDestroy {
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
-    private elementClassPipe;
     get start(): number;
-    get class(): string;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, elementClassPipe: ElementClassPipe);
+    get level(): number;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheNumberedListComponent, never>;

package/plugins/quick-insert/components/quick-toolbar/quick-toolbar.component.d.ts

@@ -17,6 +17,7 @@ export declare class TheQuickToolbarComponent extends TheQuickToolbarComponent_b
     ToolbarActionTypes: typeof ToolbarActionTypes;
     handleMouseDown(event: MouseEvent): void;
     handleEnter(): void;
+    handleEsc(): void;
     constructor(popoverRef: ThyPopoverRef<TheQuickToolbarComponent>, elementRef: ElementRef);
     ngOnInit(): void;
     stopPropagation(event: any): void;

package/plugins/todo-item/todo-item.component.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, ChangeDetectorRef, OnInit } from '@angular/core';
-import { Editor, Element } from 'slate';
+import { Editor } from 'slate';
 import { TheBaseElementComponent } from '../../interfaces';
 import { TodoItemElement } from '../../custom-types';
 import * as i0 from "@angular/core";
@@ -8,11 +8,10 @@ export declare class TheTodoItemComponent extends TheBaseElementComponent<TodoIt
     cdr: ChangeDetectorRef;
     checked: boolean;
     checkItemClass: boolean;
+    get level(): number;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onContextChange(): void;
     ngOnInit(): void;
     onCheck(checked: boolean): boolean;
-    useIndentClass(el: HTMLElement, element: Element): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheTodoItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TheTodoItemComponent, "div[theTodoItem]", never, {}, {}, never, never>;
 }

package/plugins/todo-item/todo-item.component.scss

@@ -5,9 +5,6 @@
     position: relative;
 
     .todo-item-status {
-        position: absolute;
-        left: 2em;
-        top: 0px;
         user-select: none;
     }
     input[type='checkbox'] {

package/styles/editor.scss

@@ -162,6 +162,33 @@ $thy-icon-nav-link-margin-right: 5px;
                 }
             }
         }
+        .slate-element-bulleted-list {
+            .slate-element-list-item {
+                &.font-size-#{$size} {
+                    @if $size == 40 {
+                        margin-left: 2.2em;
+                    }
+                    @if $size == 48 {
+                        margin-left: 2.5em;
+                    }
+                }
+            }
+        }
+    }
+
+    // indent
+    @for $i from 1 through 17 {
+        [the-indent="#{$i}"] {
+            padding-left: $i * 2em;
+        }
+        // list
+        ol[the-level="#{$i}"],
+        ul[the-level="#{$i}"] {
+            margin-left: $i * 2em;
+        }
+        .the-check-item[the-level="#{$i}"] {
+            padding-left: calc(#{$i * 2em} + 2em);
+        }
     }
 }
 

package/styles/typo.scss

@@ -170,9 +170,4 @@ $font-size-line-height: 1.5;
     .remove-link.thy-icon-nav-link:hover {
         color: $danger;
     }
-    @for $i from 1 through 24 {
-        .indent-#{$i * 2} {
-            margin-left: 2em * $i;
-        }
-    }
 }