@worktile/theia 2.3.1 → 2.4.0

package/styles/editor.scss

@@ -63,137 +63,147 @@ $thy-icon-nav-link-margin-right: 5px;
     }
 }
 .the-editor-typo{
-     // list style
-     ul,
-     ol,
-     li {
-         list-style: inherit;
-     }
-
-     ol {
-         list-style-type: decimal;
-
-         ol {
-             list-style-type: lower-alpha;
-
-             ol {
-                 list-style-type: lower-roman;
-             }
-         }
-     }
-
-     ul {
-         list-style-type: disc;
-
-         ul {
-             list-style-type: circle;
-
-             ul {
-                 list-style-type: square;
-             }
-         }
-     }
-
-     [the-underlined][the-strike] {
-         text-decoration: underline line-through;
-     }
-
-     [the-strike] {
-         text-decoration: line-through;
-     }
-
-     [the-underlined] {
-         text-decoration: underline;
-     }
-
-     [the-italic] {
-         font-style: italic;
-     }
-
-     [the-bold] {
-         font-weight: bold;
-     }
-
-     [the-code-line] {
-         margin: 0 4px;
-         padding: 2px 3px;
-         border: 1px solid $gray-300;
-         border-radius: 2px;
-         font-family: monospace;
-         font-size: inherit;
-         background-color: rgba(243, 243, 243, 0.8);
-         line-height: inherit;
-         word-wrap: break-word;
-         text-indent: 0;
-         color: $gray-700;
-     }
-
-     .leaf-with-placeholder {
-         background-color: $white;
-     }
-     [data-slate-placeholder] {
-         color: initial;
-         font-weight: initial;
-         font-style: initial;
-         text-decoration: initial;
-         background-color: initial;
-         overflow: hidden;
-         text-overflow: ellipsis;
-         white-space: nowrap;
-     }
-
-     // list: fontSize, li marginLeft, multiDigit li marginLeft
-     @each $size, $liMl, $liMultiDigitMl in (12, 13, 14, 15, 16, 18, 20, (24 null 35px), (28 null 42px), (32 33px 50px), (40 40px 62px), (48 50px 78px)) {
-         [the-font-size="#{$size}"] {
-             font-size: #{$size}px;
-             line-height: $font-size-line-height;
-         }
-         .slate-element-list-item {
-             &.font-size-#{$size} {
-                 &::marker {
-                     font-size: #{$size}px;
-                 }
-             }
-         }
-         .slate-element-numbered-list {
-             .slate-element-list-item {
-                 &.font-size-#{$size} {
-                     margin-left: $liMl;
-
-                     &[data-multi-digit] {
-                         margin-left: $liMultiDigitMl;
-                     }
-                 }
-             }
-         }
-         .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);
-         }
-     }
+    // list style
+    ul,
+    ol,
+    li {
+        list-style: inherit;
+    }
+
+    ol {
+        list-style-type: decimal;
+
+        ol {
+            list-style-type: lower-alpha;
+
+            ol {
+                list-style-type: lower-roman;
+            }
+        }
+    }
+
+    ul {
+        list-style-type: disc;
+
+        ul {
+            list-style-type: circle;
+
+            ul {
+                list-style-type: square;
+            }
+        }
+    }
+
+    [the-underlined][the-strike] {
+        text-decoration: underline line-through;
+    }
+
+    [the-strike] {
+        text-decoration: line-through;
+    }
+
+    [the-underlined] {
+        text-decoration: underline;
+    }
+
+    [the-italic] {
+        font-style: italic;
+    }
+
+    [the-bold] {
+        font-weight: bold;
+    }
+
+    [the-code-line] {
+        margin: 0 4px;
+        padding: 2px 3px;
+        border: 1px solid $gray-300;
+        border-radius: 2px;
+        font-family: monospace;
+        font-size: inherit;
+        background-color: rgba(243, 243, 243, 0.8);
+        line-height: inherit;
+        word-wrap: break-word;
+        text-indent: 0;
+        color: $gray-700;
+    }
+
+    .leaf-with-placeholder {
+        background-color: $white;
+
+        &[data-slate-leaf=true] {
+            width: auto;
+            display: flow-root;
+        }
+    }
+    [data-slate-placeholder] {
+        color: initial;
+        font-weight: initial;
+        font-style: initial;
+        text-decoration: initial;
+        background-color: initial;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .the-break-char {
+        font-size: 0;
+        line-height: 0;
+    }
+
+    // list: fontSize, li marginLeft, multiDigit li marginLeft
+    @each $size, $liMl, $liMultiDigitMl in (12, 13, 14, 15, 16, 18, 20, (24 null 35px), (28 null 42px), (32 33px 50px), (40 40px 62px), (48 50px 78px)) {
+        [the-font-size="#{$size}"] {
+            font-size: #{$size}px;
+            line-height: $font-size-line-height;
+        }
+        .slate-element-list-item {
+            &.font-size-#{$size} {
+                &::marker {
+                    font-size: #{$size}px;
+                }
+            }
+        }
+        .slate-element-numbered-list {
+            .slate-element-list-item {
+                &.font-size-#{$size} {
+                    margin-left: $liMl;
+
+                    &[data-multi-digit] {
+                        margin-left: $liMultiDigitMl;
+                    }
+                }
+            }
+        }
+        .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}"] {
+            padding-left: $i * 2em;
+        }
+        .the-check-item[the-level="#{$i}"] {
+            padding-left: calc(#{$i * 2em} + 2em);
+        }
+    }
 }
 
 .the-nav-split-line {

package/styles/typo.scss

@@ -220,12 +220,6 @@ $font-size-line-height: 1.5;
         }
     }
 
-    // 处理混排时 placeholder 的样式
-    .slate-element-paragraph {
-        white-space: pre-wrap;
-        overflow: hidden;
-    }
-
 
     // 处理相邻图文混排时的布局
     [layout^="wrap-"] + [layout^="wrap-"] + .slate-block {

package/utils/dom.d.ts

@@ -1,7 +1,5 @@
-import { Element, NodeEntry } from 'slate';
+import { Element } from 'slate';
 import { DOMElement } from 'slate-angular';
-import { TheEditor } from '../interfaces/editor';
-import { NodeLevel } from '../constants';
 /** Converts CSS pixel values to numbers, eg "123px" to 123. Returns NaN for non pixel values. */
 export declare function coercePixelsFromCssValue(cssValue: string): number;
 export declare function getElementWidth(element: HTMLElement): number;
@@ -10,5 +8,3 @@ export declare function getColsTotalWidth(cols: HTMLTableColElement[]): number;
 export declare function getRowsTotalHeight(rows: HTMLTableRowElement[]): number;
 export declare function useElementStyle(el: HTMLElement, element: Element): void;
 export declare function getElementClassByPrefix(el: DOMElement, prefix: string): any;
-export declare function findRelativeElementByPoint(editor: TheEditor, x: number, y: number, mode?: NodeLevel): DOMElement;
-export declare function findNodeEntryByPoint(editor: TheEditor, x: number, y: number, mode?: NodeLevel): NodeEntry<Element> | null;

package/esm2015/plugins/quick-insert/quick-insert.plugint.js

@@ -1,38 +0,0 @@
-import { Node } from 'slate';
-import { AngularEditor } from 'slate-angular';
-import { TheEditorComponent } from '../../editor.component';
-import { QUICK_TOOLBAR_HOTKEY } from '../../constants';
-import { isCleanEmptyParagraph } from '../../utils/is-clean-empty-paragraph';
-import { QuickInsertEditor } from './quick-insert.editor';
-export const withQuickInsert = (editor) => {
-    const { onKeydown, deleteBackward, onChange } = editor;
-    editor.onKeydown = (event) => {
-        if (event.key === QUICK_TOOLBAR_HOTKEY && isCleanEmptyParagraph(editor)) {
-            const rootNode = AngularEditor.toDOMNode(editor, Node.ancestor(editor, [editor.selection.anchor.path[0]]));
-            const theEditorComponent = editor.injector.get(TheEditorComponent);
-            const quickToolbars = theEditorComponent.quickToolbarItems;
-            QuickInsertEditor.openQuickToolbar(editor, quickToolbars, rootNode);
-        }
-        onKeydown(event);
-    };
-    editor.deleteBackward = unit => {
-        if (!QuickInsertEditor.isOpenToolbar(editor, ['remove_text'])) {
-            QuickInsertEditor.closeQuickToolbar(editor);
-        }
-        deleteBackward(unit);
-    };
-    editor.onChange = () => {
-        var _a;
-        onChange();
-        if (editor.selection) {
-            const editorComponent = editor.injector.get(TheEditorComponent);
-            (_a = editorComponent.quickInsertInstance) === null || _a === void 0 ? void 0 : _a.checkStatus();
-            const block = Node.ancestor(editor, [editor.selection.anchor.path[0]]);
-            if (!isCleanEmptyParagraph(editor) && Node.string(block) !== QUICK_TOOLBAR_HOTKEY) {
-                QuickInsertEditor.closeQuickToolbar(editor);
-            }
-        }
-    };
-    return editor;
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVpY2staW5zZXJ0LnBsdWdpbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9zcmMvcGx1Z2lucy9xdWljay1pbnNlcnQvcXVpY2staW5zZXJ0LnBsdWdpbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFVLElBQUksRUFBVyxNQUFNLE9BQU8sQ0FBQztBQUM5QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTFELE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLE1BQWMsRUFBRSxFQUFFO0lBQzlDLE1BQU0sRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sQ0FBQztJQUV2RCxNQUFNLENBQUMsU0FBUyxHQUFHLENBQUMsS0FBb0IsRUFBRSxFQUFFO1FBQ3hDLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxvQkFBb0IsSUFBSSxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNyRSxNQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMzRyxNQUFNLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLGtCQUFrQixDQUFDLENBQUM7WUFDbkUsTUFBTSxhQUFhLEdBQUcsa0JBQWtCLENBQUMsaUJBQWlCLENBQUM7WUFDM0QsaUJBQWlCLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGFBQWEsRUFBRSxRQUFRLENBQUMsQ0FBQztTQUN2RTtRQUVELFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixDQUFDLENBQUM7SUFFRixNQUFNLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxFQUFFO1FBQzNCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUMsRUFBRTtZQUMzRCxpQkFBaUIsQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUMvQztRQUNELGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QixDQUFDLENBQUM7SUFFRixNQUFNLENBQUMsUUFBUSxHQUFHLEdBQUcsRUFBRTs7UUFDbkIsUUFBUSxFQUFFLENBQUM7UUFFWCxJQUFJLE1BQU0sQ0FBQyxTQUFTLEVBQUU7WUFDbEIsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsa0JBQWtCLENBQUMsQ0FBQztZQUNoRSxNQUFBLGVBQWUsQ0FBQyxtQkFBbUIsMENBQUUsV0FBVyxFQUFFLENBQUM7WUFFbkQsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBWSxDQUFDO1lBQ2xGLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFLLG9CQUFvQixFQUFFO2dCQUMvRSxpQkFBaUIsQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsQ0FBQzthQUMvQztTQUNKO0lBQ0wsQ0FBQyxDQUFDO0lBRUYsT0FBTyxNQUFNLENBQUM7QUFDbEIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWRpdG9yLCBOb2RlLCBFbGVtZW50IH0gZnJvbSAnc2xhdGUnO1xuaW1wb3J0IHsgQW5ndWxhckVkaXRvciB9IGZyb20gJ3NsYXRlLWFuZ3VsYXInO1xuaW1wb3J0IHsgVGhlRWRpdG9yQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZWRpdG9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBRVUlDS19UT09MQkFSX0hPVEtFWSB9IGZyb20gJy4uLy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBpc0NsZWFuRW1wdHlQYXJhZ3JhcGggfSBmcm9tICcuLi8uLi91dGlscy9pcy1jbGVhbi1lbXB0eS1wYXJhZ3JhcGgnO1xuaW1wb3J0IHsgUXVpY2tJbnNlcnRFZGl0b3IgfSBmcm9tICcuL3F1aWNrLWluc2VydC5lZGl0b3InO1xuXG5leHBvcnQgY29uc3Qgd2l0aFF1aWNrSW5zZXJ0ID0gKGVkaXRvcjogRWRpdG9yKSA9PiB7XG4gICAgY29uc3QgeyBvbktleWRvd24sIGRlbGV0ZUJhY2t3YXJkLCBvbkNoYW5nZSB9ID0gZWRpdG9yO1xuXG4gICAgZWRpdG9yLm9uS2V5ZG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSBRVUlDS19UT09MQkFSX0hPVEtFWSAmJiBpc0NsZWFuRW1wdHlQYXJhZ3JhcGgoZWRpdG9yKSkge1xuICAgICAgICAgICAgY29uc3Qgcm9vdE5vZGUgPSBBbmd1bGFyRWRpdG9yLnRvRE9NTm9kZShlZGl0b3IsIE5vZGUuYW5jZXN0b3IoZWRpdG9yLCBbZWRpdG9yLnNlbGVjdGlvbi5hbmNob3IucGF0aFswXV0pKTtcbiAgICAgICAgICAgIGNvbnN0IHRoZUVkaXRvckNvbXBvbmVudCA9IGVkaXRvci5pbmplY3Rvci5nZXQoVGhlRWRpdG9yQ29tcG9uZW50KTtcbiAgICAgICAgICAgIGNvbnN0IHF1aWNrVG9vbGJhcnMgPSB0aGVFZGl0b3JDb21wb25lbnQucXVpY2tUb29sYmFySXRlbXM7XG4gICAgICAgICAgICBRdWlja0luc2VydEVkaXRvci5vcGVuUXVpY2tUb29sYmFyKGVkaXRvciwgcXVpY2tUb29sYmFycywgcm9vdE5vZGUpO1xuICAgICAgICB9XG5cbiAgICAgICAgb25LZXlkb3duKGV2ZW50KTtcbiAgICB9O1xuXG4gICAgZWRpdG9yLmRlbGV0ZUJhY2t3YXJkID0gdW5pdCA9PiB7XG4gICAgICAgIGlmICghUXVpY2tJbnNlcnRFZGl0b3IuaXNPcGVuVG9vbGJhcihlZGl0b3IsIFsncmVtb3ZlX3RleHQnXSkpIHtcbiAgICAgICAgICAgIFF1aWNrSW5zZXJ0RWRpdG9yLmNsb3NlUXVpY2tUb29sYmFyKGVkaXRvcik7XG4gICAgICAgIH1cbiAgICAgICAgZGVsZXRlQmFja3dhcmQodW5pdCk7XG4gICAgfTtcblxuICAgIGVkaXRvci5vbkNoYW5nZSA9ICgpID0+IHtcbiAgICAgICAgb25DaGFuZ2UoKTtcblxuICAgICAgICBpZiAoZWRpdG9yLnNlbGVjdGlvbikge1xuICAgICAgICAgICAgY29uc3QgZWRpdG9yQ29tcG9uZW50ID0gZWRpdG9yLmluamVjdG9yLmdldChUaGVFZGl0b3JDb21wb25lbnQpO1xuICAgICAgICAgICAgZWRpdG9yQ29tcG9uZW50LnF1aWNrSW5zZXJ0SW5zdGFuY2U/LmNoZWNrU3RhdHVzKCk7XG5cbiAgICAgICAgICAgIGNvbnN0IGJsb2NrID0gTm9kZS5hbmNlc3RvcihlZGl0b3IsIFtlZGl0b3Iuc2VsZWN0aW9uLmFuY2hvci5wYXRoWzBdXSkgYXMgRWxlbWVudDtcbiAgICAgICAgICAgIGlmICghaXNDbGVhbkVtcHR5UGFyYWdyYXBoKGVkaXRvcikgJiYgTm9kZS5zdHJpbmcoYmxvY2spICE9PSBRVUlDS19UT09MQkFSX0hPVEtFWSkge1xuICAgICAgICAgICAgICAgIFF1aWNrSW5zZXJ0RWRpdG9yLmNsb3NlUXVpY2tUb29sYmFyKGVkaXRvcik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIGVkaXRvcjtcbn07XG4iXX0=