@worktile/theia 2.4.1 → 2.4.4

package/interfaces/auto-format.d.ts

@@ -31,6 +31,7 @@ export interface AutoFormatRule {
      * - inline – insert mark between markups. Should be used with `between`.
      */
     mode?: 'block' | 'inline';
+    key?: string;
     /**
      * When using `inline` mode – if false, do not format when the string can be trimmed.
      */

package/interfaces/editor.d.ts

@@ -4,13 +4,18 @@ import { HistoryEditor } from 'slate-history';
 import { ElementOptionsInfo } from './valid-children-types';
 import { Predicate } from '../utils/match';
 import { ToolbarOption } from './toolbar';
-import { FontSizes } from '../constants/node-types';
+import { ElementKinds, FontSizes } from '../constants/node-types';
+import { AutoFormatRule } from './auto-format';
+import { CustomElementKinds } from '../custom-types';
 export interface TheEditor extends AngularEditor, HistoryEditor {
     renderElement: (element: Element) => ViewType;
     renderLeaf: (text: Text) => ViewType;
     insertElement: (element: Element) => void;
     isContainer: (element: Element) => boolean;
     extraElementOptions: ElementOptionsInfo[];
+    extraAutoFormatRules: AutoFormatRule[];
+    extraIndentOptions: IndentOptions;
+    options: TheOptions;
     disabled: boolean;
     [key: string]: any;
 }
@@ -66,6 +71,7 @@ export declare enum TheDataMode {
     html = "html"
 }
 export interface TheOptions {
+    triggerQuickToolbarTypes?: CustomElementKinds[];
     mode?: TheDataMode;
     readonly?: boolean;
     disabled?: boolean;
@@ -81,12 +87,19 @@ export interface TheOptions {
     toolbar?: ToolbarOption;
     disablePlugins?: string[];
     extraElementOptions?: ElementOptionsInfo[];
+    extraAutoFormatRules?: AutoFormatRule[];
+    extraIndentOptions?: IndentOptions;
+    noBindReadonlyPlugins?: (ElementKinds | string)[];
 }
 export declare type NodeMatch<T = Node> = Predicate<T>;
 export interface MatchOptions<T = Node> {
     match?: NodeMatch<T>;
     block?: boolean;
 }
+export interface IndentOptions {
+    indentTypes?: CustomElementKinds[];
+    disabledIndentTypes?: CustomElementKinds[];
+}
 export interface EditorAboveOptions<T = Ancestor> extends MatchOptions<T> {
     at?: Range | Path | Point;
     mode?: 'highest' | 'lowest';

package/package.json

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

package/plugins/autoformat/autoformat.plugin.d.ts

@@ -1,2 +1 @@
-import { WithAutoFormatOptions } from '../../interfaces/auto-format';
-export declare const withAutoFormat: ({ rules }: WithAutoFormatOptions) => <T extends import("@worktile/theia").TheEditor>(editor: T) => T;
+export declare const withAutoFormat: () => <T extends import("@worktile/theia").TheEditor>(editor: T) => T;

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

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

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

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

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

@@ -1,6 +1,5 @@
-import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { MixinBase } from 'ngx-tethys/core';
-import { ThyPopoverRef } from 'ngx-tethys/popover';
 import { Editor } from 'slate';
 import { ToolbarItem } from '../../../../interfaces/toolbar';
 import { ToolbarActionTypes } from '../../../../constants/node-types';
@@ -8,8 +7,8 @@ import { ToolbarItemMode } from '../../../../constants/toolbar';
 import * as i0 from "@angular/core";
 declare const TheQuickToolbarComponent_base: import("ngx-tethys/core").Constructor<import("ngx-tethys/core").ThyUnsubscribe> & typeof MixinBase;
 export declare class TheQuickToolbarComponent extends TheQuickToolbarComponent_base implements OnInit, OnDestroy {
-    private popoverRef;
     elementRef: ElementRef;
+    cdr: ChangeDetectorRef;
     editor: Editor;
     quickToolbarItems: ToolbarItem[];
     editorElement: HTMLElement;
@@ -18,7 +17,7 @@ export declare class TheQuickToolbarComponent extends TheQuickToolbarComponent_b
     handleMouseDown(event: MouseEvent): void;
     handleEnter(): void;
     handleEsc(): void;
-    constructor(popoverRef: ThyPopoverRef<TheQuickToolbarComponent>, elementRef: ElementRef);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     stopPropagation(event: any): void;
     selectionChange(event: any): void;

package/plugins/quick-insert/quick-insert.editor.d.ts

@@ -1,8 +1,7 @@
-import { ElementRef } from '@angular/core';
 import { Editor } from 'slate';
 import { ToolbarItem } from '../../interfaces/toolbar';
 export declare const QuickInsertEditor: {
-    openQuickToolbar(editor: Editor, toolbarItems: ToolbarItem[], origin: HTMLElement | ElementRef): void;
-    closeQuickToolbar(editor: Editor): void;
-    isOpenToolbar(editor: Editor, opTypes?: string[]): boolean;
+    openQuickInsertToolbar(editor: Editor, quickToolbarItems: ToolbarItem[], origin?: HTMLElement): void;
+    closeQuickInsertToolbar(editor: Editor): void;
+    isOpenedToolbar(editor: Editor): boolean;
 };

package/plugins/quick-insert/quick-insert.plugin.d.ts

@@ -1,2 +1,4 @@
 import { Editor } from 'slate';
+import { ElementKinds } from '../../constants';
 export declare const withQuickInsert: (editor: Editor) => import("@worktile/theia").TheEditor;
+export declare const allowOpenQuickToolbar: (editor: Editor, allowTypes: ElementKinds[]) => boolean;

package/plugins/table/components/table.component.scss

@@ -13,7 +13,7 @@ $control-corner-width: 12px;
 
 .slate-element-table {
     display: block;
-    .the-table {
+    .the-temp-table {
         border-spacing: 0;
         word-wrap: break-word;
         box-sizing: border-box;
@@ -89,12 +89,12 @@ $control-corner-width: 12px;
 }
 
 
-.the-table-container {
+.the-temp-table-container {
     position: relative;
     box-sizing: border-box;
     margin: 0 auto 16px;
 
-    .the-table-wrapper {
+    .the-temp-table-wrapper {
         padding-top: 10px;
         margin-top: -10px;
         padding-bottom: 15px;
@@ -104,7 +104,7 @@ $control-corner-width: 12px;
         overflow: auto;
     }
 
-    .the-table-row-controls-wrapper {
+    .the-temp-table-row-controls-wrapper {
         position: absolute;
         left: -$control-width;
         top: 23px;
@@ -112,18 +112,18 @@ $control-corner-width: 12px;
         z-index: 1;
     }
 
-    &.the-table-selection-hide ::selection {
+    &.the-temp-table-selection-hide ::selection {
         background: transparent;
     }
 }
 
-.the-table-with-controls {
-    .the-table-row-controls,
-    .the-table-controls-insert-wrapper {
+.the-temp-table-with-controls {
+    .the-temp-table-row-controls,
+    .the-temp-table-controls-insert-wrapper {
         display: block;
     }
 
-    .the-table-col-controls-wrapper .the-table-col-controls {
+    .the-temp-table-col-controls-wrapper .the-temp-table-col-controls {
         background: $gray-100;
         border-right: $controls-border;
         border-top: $controls-border;
@@ -133,17 +133,17 @@ $control-corner-width: 12px;
             border-left: $controls-border;
         }
         &:last-child {
-            .the-table-controls-insert-wrapper {
+            .the-temp-table-controls-insert-wrapper {
                 right: 0;
                 &:after {
                     left: 9px;
                 }
             }
-            .the-table-controls-insert-wrapper:hover {
+            .the-temp-table-controls-insert-wrapper:hover {
                 &:after {
                     left: 0;
                 }
-                .the-table-controls-insert-line[data-dot-type='column'] {
+                .the-temp-table-controls-insert-line[data-dot-type='column'] {
                     left: $dot-size;
                 }
             }
@@ -179,12 +179,12 @@ $control-corner-width: 12px;
     }
 }
 
-.the-table-corner-controls {
+.the-temp-table-corner-controls {
     width: 100%;
     height: $control-corner-width;
     position: relative;
     visibility: hidden;
-    .the-table-corner-button {
+    .the-temp-table-corner-button {
         position: absolute;
         top: 0;
         left: 0;
@@ -199,32 +199,32 @@ $control-corner-width: 12px;
         cursor: pointer;
     }
 
-    .the-table-corner-controls-insert-row-marker .the-table-controls-insert-wrapper {
+    .the-temp-table-corner-controls-insert-row-marker .the-temp-table-controls-insert-wrapper {
         left: -$dot-size;
         top: 2px;
     }
 
-    .the-table-corner-controls-insert-column-marker .the-table-controls-insert-wrapper {
+    .the-temp-table-corner-controls-insert-column-marker .the-temp-table-controls-insert-wrapper {
         left: 2px;
         top: -$dot-size;
     }
 
     &.active {
         z-index: 1;
-        .the-table-corner-button {
+        .the-temp-table-corner-button {
             @include controlSelected;
         }
     }
 
     &.dangerous {
         z-index: 1;
-        .the-table-corner-button {
+        .the-temp-table-corner-button {
             @include controlDangerous;
         }
     }
 }
 
-.the-table-controls-insert-wrapper {
+.the-temp-table-controls-insert-wrapper {
     width: $dot-size;
     height: $dot-size;
     position: absolute;
@@ -278,7 +278,7 @@ $control-corner-width: 12px;
         }
     }
 
-    .the-table-controls-insert-line {
+    .the-temp-table-controls-insert-line {
         position: absolute;
         background-color: $primary;
         z-index: $dot-zIndex;
@@ -297,23 +297,24 @@ $control-corner-width: 12px;
     }
 }
 
-.the-table-row-controls {
+.the-temp-table-row-controls {
     width: $control-width;
     box-sizing: border-box;
     display: none;
     z-index: 11;
     position: relative;
 
-    .the-table-row-controls-inner {
+    .the-temp-table-row-controls-inner {
         display: flex;
         flex-direction: column;
     }
 
-    .the-table-row-controls-button-wrap {
+    .the-temp-table-row-controls-button-wrap {
         position: relative;
         margin-top: -1px;
-        .the-table-controls-button {
+        .the-temp-table-controls-button {
             display: block;
+            outline: none;
             background-color: $gray-100;
             box-sizing: border-box;
             height: 42px;
@@ -326,8 +327,8 @@ $control-corner-width: 12px;
 
         &.active {
             z-index: 1;
-            .the-table-controls-button,
-            .the-table-numbered-controls-button {
+            .the-temp-table-controls-button,
+            .the-temp-table-numbered-controls-button {
                 @include controlSelected;
             }
         }
@@ -335,26 +336,26 @@ $control-corner-width: 12px;
         &.dangerous {
             z-index: 1;
 
-            .the-table-controls-button,
-            .the-table-numbered-controls-button {
+            .the-temp-table-controls-button,
+            .the-temp-table-numbered-controls-button {
                 @include controlDangerous;
             }
         }
     }
 
-    .the-table-controls-insert-wrapper {
+    .the-temp-table-controls-insert-wrapper {
         bottom: -$dot-shadow-top;
         left: -$dot-size;
         top: auto;
     }
 
-    .the-table-row-controls-button-wrap {
+    .the-temp-table-row-controls-button-wrap {
         position: relative;
         margin-top: -1px;
     }
 }
 
-.the-table-toolbar-wrap {
+.the-temp-table-toolbar-wrap {
     @include the-toolbar-layout();
     z-index: 10;
     border-radius: 5px;
@@ -373,11 +374,11 @@ $control-corner-width: 12px;
     }
 }
 
-.the-table-col-controls-wrapper {
+.the-temp-table-col-controls-wrapper {
     height: $control-width;
     line-height: $control-width;
 
-    .the-table-col-controls {
+    .the-temp-table-col-controls {
         padding: 0;
         margin: 0;
         border: 0;
@@ -407,27 +408,27 @@ $control-corner-width: 12px;
     }
 }
 
-.the-numbered-column-container {
+.the-temp-numbered-column-container {
     padding-left: 44px;
 
-    .the-table-row-controls {
+    .the-temp-table-row-controls {
         display: block;
         top: 0px;
         width: 45px;
         margin-left: 10px;
         cursor: pointer;
-        .the-table-numbered-controls-button {
+        .the-temp-table-numbered-controls-button {
             background-color: $gray-100;
             border: $controls-border;
             border-right: none;
         }
     }
-    .the-table-focus {
-        .the-table-row-controls {
+    .the-temp-table-focus {
+        .the-temp-table-row-controls {
             width: 55px;
             margin-left: 0;
         }
-        .the-table-corner-controls-insert-column-marker .the-table-controls-insert-wrapper {
+        .the-temp-table-corner-controls-insert-column-marker .the-temp-table-controls-insert-wrapper {
             left: 46px;
         }
     }
@@ -441,14 +442,14 @@ $control-corner-width: 12px;
 }
 
 .safari{
-    .the-table-row-controls{
+    .the-temp-table-row-controls{
         top: 1px;
     }
 }
 
 
-.the-editor-readonly{
-    .the-table-row-controls, .the-table-col-controls{
+.the-temp-editor-readonly{
+    .the-temp-table-row-controls, .the-temp-table-col-controls{
         cursor: default;
     }
 }

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

@@ -2,14 +2,16 @@ import { ElementRef, ChangeDetectorRef, OnInit } from '@angular/core';
 import { Editor } from 'slate';
 import { TheBaseElementComponent } from '../../interfaces';
 import { TodoItemElement } from '../../custom-types';
+import { TheContextService } from '../../services/context.service';
 import * as i0 from "@angular/core";
 export declare class TheTodoItemComponent extends TheBaseElementComponent<TodoItemElement, Editor> implements OnInit {
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
+    private ctxService;
     checked: boolean;
     checkItemClass: boolean;
     get level(): number;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, ctxService: TheContextService);
     ngOnInit(): void;
     onCheck(checked: boolean): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheTodoItemComponent, never>;

package/transforms/index.d.ts

@@ -16,4 +16,5 @@ import { setEndSelection } from './set-end-selection';
 import { closeConversionHint } from './close-conversion-hint';
 import { handleContinualDeleteBackward } from './handle-continual-delete-backward';
 import { handleContinualInsertBreak } from './handle-continual-insert-break';
-export { setMarks, clearMarks, insertElement, insertElementNext, insertParagraph, setNode, unwrapNodesByType, onKeyDownResetBlockType, moveChildren, applyDeepToNodes, mergeDeepToNodes, unWrap, splitNode, deleteElement, setEndSelection, closeConversionHint, handleContinualDeleteBackward, handleContinualInsertBreak };
+import { insertElementNode } from './insert-element-node';
+export { setMarks, clearMarks, insertElement, insertElementNext, insertParagraph, setNode, unwrapNodesByType, onKeyDownResetBlockType, moveChildren, applyDeepToNodes, mergeDeepToNodes, unWrap, splitNode, deleteElement, setEndSelection, closeConversionHint, handleContinualDeleteBackward, handleContinualInsertBreak, insertElementNode };

package/transforms/insert-element-node.d.ts

@@ -0,0 +1,2 @@
+import { Editor, Element } from 'slate';
+export declare const insertElementNode: (editor: Editor, node: Element) => void;

package/utils/is-clean-empty-paragraph.d.ts

@@ -1,4 +1,4 @@
-import { Editor } from 'slate';
+import { Editor, Node } from 'slate';
 /**
  * whether the current node is a clean paragraph
  * @param editor
@@ -6,3 +6,4 @@ import { Editor } from 'slate';
  * @returns boolean
  */
 export declare const isCleanEmptyParagraph: (editor: Editor) => boolean;
+export declare const isPureEmptyParagraph: (editor: Editor, block: Node) => boolean;