@worktile/theia 2.4.6 → 2.4.7

package/bundles/worktile-theia.umd.js

@@ -9794,19 +9794,41 @@
         };
         TheTableComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
-            this.ngZone.onStable.pipe(operators.take(1)).subscribe(function () {
-                var blockCardElement = _this.nativeElement.closest('slate-block-card');
-                if (blockCardElement) {
-                    blockCardElement.classList.add("slate-block-card-" + _this.element.type);
-                }
-                _this.tableStore.initEditor(_this.editor);
-                _this.subscribeCellsChange();
-                _this.subscribeCellPositionChange();
-                _this.listenTableContextMenuEvent();
-                _this.useTableWrapperWidth();
-                // need view render complete
-                _this.useRowControls();
-            });
+            this.ngZone.onStable.pipe(operators.take(1)).subscribe(function () { return __awaiter(_this, void 0, void 0, function () {
+                var _a, blockCardElement, loadImageDone;
+                var _this = this;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            blockCardElement = this.nativeElement.closest('slate-block-card');
+                            if (blockCardElement) {
+                                blockCardElement.classList.add("slate-block-card-" + this.element.type);
+                            }
+                            this.tableStore.initEditor(this.editor);
+                            this.subscribeCellsChange();
+                            this.subscribeCellPositionChange();
+                            this.listenTableContextMenuEvent();
+                            this.useTableWrapperWidth();
+                            if (!((_a = this.element.options) === null || _a === void 0 ? void 0 : _a.numberedColumn)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.resolveImage()];
+                        case 1:
+                            loadImageDone = _c.sent();
+                            // 等待序号列表格内图片加载完成后再去渲染表格行高度
+                            if (loadImageDone) {
+                                setTimeout(function () {
+                                    _this.useRowControls();
+                                    _this.cdr.detectChanges();
+                                }, 200); // 200ms：通过通知打开页面动画加载时间
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            this.useRowControls();
+                            this.cdr.markForCheck();
+                            _c.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); });
         };
         TheTableComponent.prototype.subscribeCellPositionChange = function () {
             var _this = this;
@@ -9841,7 +9863,6 @@
             var _a;
             if (this.selection || ((_a = this.element.options) === null || _a === void 0 ? void 0 : _a.numberedColumn)) {
                 this.rowControls = this.calculateRowControls();
-                this.cdr.markForCheck();
             }
         };
         TheTableComponent.prototype.detectChanges = function () {
@@ -9945,6 +9966,24 @@
             });
             return belowRowlHeight;
         };
+        TheTableComponent.prototype.resolveImage = function () {
+            var imageElements = this.nativeElement.querySelectorAll('img');
+            if (imageElements.length) {
+                var imageResolves_1 = [];
+                imageElements.forEach(function (item) {
+                    var image = new Image();
+                    var imageLoad = new Promise(function (resolve) {
+                        image.onload = function () {
+                            resolve(true);
+                        };
+                        image.src = item.getAttribute('src');
+                    });
+                    imageResolves_1.push(imageLoad);
+                });
+                return Promise.all(imageResolves_1);
+            }
+            return Promise.resolve(true);
+        };
         TheTableComponent.prototype.getColControls = function () {
             var _a, _b;
             this.colControls = ((_b = (_a = this.element) === null || _a === void 0 ? void 0 : _a.children[0]) === null || _b === void 0 ? void 0 : _b.children) || [];
@@ -12649,78 +12688,6 @@
                     args: ['class.disabled']
                 }] } });
 
-    var onKeydownTextIndent = function (editor, event, kinds, textIndentDisabled) {
-        var selection = editor.selection;
-        var isExpanded = slate.Range.isExpanded(selection);
-        var nodes = Array.from(slate.Editor.nodes(editor, {
-            mode: 'highest',
-            match: function (node) { return slate.Element.isElement(node) && kinds.includes(node.type); }
-        }));
-        var _a = __read(nodes, 1), startBlock = _a[0];
-        if (!startBlock) {
-            return false;
-        }
-        var _b = __read(startBlock, 2), block = _b[0], path = _b[1];
-        var isStart = slate.Editor.isStart(editor, selection.anchor, path);
-        if (isHotkey.isKeyHotkey('Tab', event)) {
-            event.preventDefault();
-            if (startBlock && (isExpanded || isStart)) {
-                if (!editor.isVoid(block)) {
-                    var textIndent = block.textIndent, type = block.type;
-                    // do not apply first-line indentation for lists
-                    if (!textIndent && !textIndentDisabled.includes(type)) {
-                        IndentEditor.setTextIndent(editor, kinds, 2);
-                        return true;
-                    }
-                    else {
-                        IndentEditor.setIndent(editor);
-                        return true;
-                    }
-                }
-            }
-            else {
-                editor.insertText(TAB_SPACE);
-                return true;
-            }
-        }
-        if (isHotkey.isKeyHotkey('shift+Tab', event)) {
-            if (startBlock && (isExpanded || isStart)) {
-                if (!editor.isVoid(block)) {
-                    return IndentEditor.cancelTextIntent(editor, event, block, kinds);
-                }
-            }
-        }
-        if (selection && slate.Range.isCollapsed(selection) && i1.hotkeys.isDeleteBackward(event)) {
-            if (startBlock && isStart) {
-                return IndentEditor.cancelTextIntent(editor, event, block, kinds);
-            }
-        }
-        return false;
-    };
-
-    var withIndent = function (kinds) { return function (editor) {
-        var onKeydown = editor.onKeydown;
-        editor.onKeydown = function (event) {
-            var _a, _b, _c, _d;
-            var indentTypes = kinds;
-            var disableIndentTypes = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList, exports.ElementKinds.checkItem];
-            if ((_b = (_a = editor.extraIndentOptions) === null || _a === void 0 ? void 0 : _a.indentTypes) === null || _b === void 0 ? void 0 : _b.length) {
-                indentTypes = mergIndentTypes(kinds, editor.extraIndentOptions.indentTypes);
-            }
-            if ((_d = (_c = editor.extraIndentOptions) === null || _c === void 0 ? void 0 : _c.disabledIndentTypes) === null || _d === void 0 ? void 0 : _d.length) {
-                disableIndentTypes = mergIndentTypes(disableIndentTypes, editor.extraIndentOptions.disabledIndentTypes);
-            }
-            var isContinue = !onKeydownTextIndent(editor, event, indentTypes, disableIndentTypes);
-            if (isContinue) {
-                onKeydown(event);
-            }
-        };
-        return editor;
-    }; };
-    var mergIndentTypes = function (defaultTypes, indentTypes) {
-        return Array.from(new Set(__spreadArray(__spreadArray([], __read(defaultTypes)), __read(indentTypes))));
-    };
-
     var MaxIndent = 11;
     var includesIndentTypes = __spreadArray([
         exports.ElementKinds.checkItem,
@@ -12728,15 +12695,11 @@
         exports.ElementKinds.bulletedList,
         exports.ElementKinds.paragraph
     ], __read(HEADING_TYPES));
-    var getIndentTypes = function (editor) {
-        var indentTypes = editor.extraIndentOptions ? editor.extraIndentOptions.indentTypes : [];
-        return mergIndentTypes(includesIndentTypes, indentTypes);
-    };
     var IndentEditor = {
         setIndent: function (editor) {
             var nodes = Array.from(slate.Editor.nodes(editor, {
                 mode: 'highest',
-                match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
+                match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
             }));
             var _a = __read(nodes, 1), startBlock = _a[0];
             if (startBlock) {
@@ -12746,7 +12709,7 @@
                 if (indent <= MaxIndent) {
                     slate.Transforms.setNodes(editor, { indent: indent }, {
                         mode: 'highest',
-                        match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
+                        match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
                     });
                 }
             }
@@ -12754,7 +12717,7 @@
         cancelIndent: function (editor) {
             var nodes = Array.from(slate.Editor.nodes(editor, {
                 mode: 'highest',
-                match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
+                match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
             }));
             var _a = __read(nodes, 1), startBlock = _a[0];
             if (startBlock) {
@@ -12762,7 +12725,7 @@
                 indent = indent === 1 ? null : (indent -= 1);
                 slate.Transforms.setNodes(editor, { indent: indent }, {
                     mode: 'highest',
-                    match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
+                    match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
                 });
             }
         },
@@ -12795,7 +12758,7 @@
         isDisabled: function (editor) {
             if (editor.selection) {
                 var anchorBlock$1 = anchorBlock(editor);
-                return anchorBlock$1 && !getIndentTypes(editor).includes(anchorBlock$1 === null || anchorBlock$1 === void 0 ? void 0 : anchorBlock$1.type);
+                return anchorBlock$1 && !includesIndentTypes.includes(anchorBlock$1 === null || anchorBlock$1 === void 0 ? void 0 : anchorBlock$1.type);
             }
             return false;
         }
@@ -12825,6 +12788,71 @@
         }
     ];
 
+    var onKeydownTextIndent = function (editor, event, kinds, textIndentDisabled) {
+        var selection = editor.selection;
+        var isExpanded = slate.Range.isExpanded(selection);
+        var nodes = Array.from(slate.Editor.nodes(editor, {
+            mode: 'highest',
+            match: function (node) { return slate.Element.isElement(node) && kinds.includes(node.type); }
+        }));
+        var _a = __read(nodes, 1), startBlock = _a[0];
+        if (!startBlock) {
+            return false;
+        }
+        var _b = __read(startBlock, 2), block = _b[0], path = _b[1];
+        var isStart = slate.Editor.isStart(editor, selection.anchor, path);
+        if (isHotkey.isKeyHotkey('Tab', event)) {
+            event.preventDefault();
+            if (startBlock && (isExpanded || isStart)) {
+                if (!editor.isVoid(block)) {
+                    var textIndent = block.textIndent, type = block.type;
+                    // do not apply first-line indentation for lists
+                    if (!textIndent && !textIndentDisabled.includes(type)) {
+                        IndentEditor.setTextIndent(editor, kinds, 2);
+                        return true;
+                    }
+                    else {
+                        IndentEditor.setIndent(editor);
+                        return true;
+                    }
+                }
+            }
+            else {
+                editor.insertText(TAB_SPACE);
+                return true;
+            }
+        }
+        if (isHotkey.isKeyHotkey('shift+Tab', event)) {
+            if (startBlock && (isExpanded || isStart)) {
+                if (!editor.isVoid(block)) {
+                    return IndentEditor.cancelTextIntent(editor, event, block, kinds);
+                }
+            }
+        }
+        if (selection && slate.Range.isCollapsed(selection) && i1.hotkeys.isDeleteBackward(event)) {
+            if (startBlock && isStart) {
+                return IndentEditor.cancelTextIntent(editor, event, block, kinds);
+            }
+        }
+        return false;
+    };
+
+    var withIndent = function (kinds) { return function (editor) {
+        var onKeydown = editor.onKeydown;
+        editor.onKeydown = function (event) {
+            var indentTypes = kinds;
+            var disableIndentTypes = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList, exports.ElementKinds.checkItem];
+            var isContinue = !onKeydownTextIndent(editor, event, indentTypes, disableIndentTypes);
+            if (isContinue) {
+                onKeydown(event);
+            }
+        };
+        return editor;
+    }; };
+    var mergIndentTypes = function (defaultTypes, indentTypes) {
+        return Array.from(new Set(__spreadArray(__spreadArray([], __read(defaultTypes)), __read(indentTypes))));
+    };
+
     var internalPlugins = [
         withTheHistory,
         withAutoInsertData(),
@@ -13800,13 +13828,12 @@
         };
         TheEditorComponent.prototype.initialize = function () {
             var _this = this;
-            var _a, _b, _c, _d;
+            var _a, _b, _c;
             this.editor = withTheEditor(this.thePlugins, slateHistory.withHistory(i1.withAngular(slate.createEditor(), CLIPBOARD_FORMAT_KEY)));
             this.generateDecorate();
             this.editor.disabled = (_a = this.theOptions) === null || _a === void 0 ? void 0 : _a.disabled;
             this.editor.extraElementOptions = (_b = this.theOptions) === null || _b === void 0 ? void 0 : _b.extraElementOptions;
             this.editor.extraAutoFormatRules = (_c = this.theOptions) === null || _c === void 0 ? void 0 : _c.extraAutoFormatRules;
-            this.editor.extraIndentOptions = (_d = this.theOptions) === null || _d === void 0 ? void 0 : _d.extraIndentOptions;
             this.editor.options = this.theOptions;
             setEditorUUID(this.editor, idCreator());
             this.theContextService.initialize({
@@ -14404,6 +14431,7 @@
     exports.HrEditor = HrEditor;
     exports.IS_MAC = IS_MAC;
     exports.ImageEditor = ImageEditor;
+    exports.IndentEditor = IndentEditor;
     exports.LINK_DEFAULT_TEXT = LINK_DEFAULT_TEXT;
     exports.LIST_BLOCK_TYPES = LIST_BLOCK_TYPES;
     exports.LinkEditor = LinkEditor;
@@ -14433,6 +14461,7 @@
     exports.TheEditorComponent = TheEditorComponent;
     exports.TheEditorModule = TheEditorModule;
     exports.TheImageComponent = TheImageComponent;
+    exports.TheIndentToolbarComponent = TheIndentToolbarComponent;
     exports.TheQueries = index$1;
     exports.TheToolbarBaseItemComponent = TheToolbarBaseItemComponent;
     exports.TheToolbarComponent = TheToolbarComponent;
@@ -14459,6 +14488,7 @@
     exports.getToolbarClass = getToolbarClass;
     exports.htmlToTheia = htmlToTheia;
     exports.inValidTypes = inValidTypes;
+    exports.includesIndentTypes = includesIndentTypes;
     exports.isCleanEmptyParagraph = isCleanEmptyParagraph;
     exports.isPureEmptyParagraph = isPureEmptyParagraph;
     exports.mergeElementOptions = mergeElementOptions;