@worktile/theia 2.3.0-next.2 → 2.3.1

package/bundles/worktile-theia.umd.js

@@ -2644,8 +2644,10 @@
         var editableElement = i1.EDITOR_TO_ELEMENT.get(editor);
         var rectEditable = editableElement.getBoundingClientRect();
         if (x > rectEditable.x && x < rectEditable.x + rectEditable.width) {
-            var centerX = rectEditable.x + rectEditable.width / 2;
-            var relativeElement = document.elementFromPoint(mode === 'highest' ? centerX : x, y);
+            var paddingLeft = window.getComputedStyle(editableElement, null).paddingLeft;
+            var paddingLeftPixels = coercePixelsFromCssValue(paddingLeft);
+            var startX = rectEditable.left + paddingLeftPixels;
+            var relativeElement = document.elementFromPoint(mode === 'highest' ? startX : x, y);
             return relativeElement;
         }
         return null;
@@ -3136,13 +3138,13 @@
                 {
                     key: exports.LayoutTypes.wrapLeft,
                     icon: 'wrap-left',
-                    name: '隐藏左边',
+                    name: '图片居左',
                     handle: function (e, key) { return _this.setImageNode(e, { layout: key }); }
                 },
                 {
                     key: exports.LayoutTypes.wrapRight,
                     icon: 'wrap-right',
-                    name: '隐藏右边',
+                    name: '图片居右',
                     handle: function (e, key) { return _this.setImageNode(e, { layout: key }); }
                 },
                 {
@@ -3364,10 +3366,11 @@
             return this.isOpen && ((this === null || this === void 0 ? void 0 : this.readonly) || !(this === null || this === void 0 ? void 0 : this.isCollapsed) || this.uploading);
         };
         TheImageComponent.prototype.openLayoutToolbar = function () {
+            var _this = this;
             var _a;
             this.layoutToolbarRef = this.thyPopover.open(this.layoutToolbar, {
                 origin: this.imageContent,
-                panelClass: ['the-image-toolbar'],
+                panelClass: ['the-block-toolbar'],
                 placement: 'bottom',
                 insideClosable: false,
                 backdropClosable: true,
@@ -3377,6 +3380,10 @@
                 scrollStrategy: this.overlay.scrollStrategies.reposition()
             });
             (_a = this.layoutToolbarRef) === null || _a === void 0 ? void 0 : _a.getOverlayRef().updatePositionStrategy(this.createPositionStrategy());
+            setTimeout(function () {
+                var _a;
+                (_a = _this.layoutToolbarRef) === null || _a === void 0 ? void 0 : _a.getOverlayRef().updatePosition();
+            }, 150);
         };
         TheImageComponent.prototype.closeLayoutToolbar = function () {
             var _a;
@@ -13275,7 +13282,7 @@
         TheQuickInsertComponent.prototype.checkStatus = function () {
             var _a;
             var editor = this.editor;
-            if (this.isVisible && isCleanEmptyParagraph(editor) && !this.hasExcludeAttribute() && !this.isRichMediaScope()) {
+            if (this.isVisible && isCleanEmptyParagraph(editor) && !this.hasExcludeAttribute()) {
                 var block = slate.Node.ancestor(editor, [(_a = editor === null || editor === void 0 ? void 0 : editor.selection) === null || _a === void 0 ? void 0 : _a.anchor.path[0]]);
                 var rootNode = i1.AngularEditor.toDOMNode(editor, block);
                 this.updatePosition(rootNode.offsetLeft, rootNode.offsetTop);
@@ -13752,8 +13759,17 @@
             if (event.target === editableElement) {
                 var rectEditable = editableElement.getBoundingClientRect();
                 var centerX = rectEditable.x + rectEditable.width / 2;
-                var relativeElement = document.elementFromPoint(centerX, event.y);
+                var _g = window.getComputedStyle(editableElement, null), paddingLeft = _g.paddingLeft, paddingRight = _g.paddingRight;
+                var paddingLeftPixels = coercePixelsFromCssValue(paddingLeft);
+                var paddingRightPixels = coercePixelsFromCssValue(paddingRight);
+                var fakeLeftX = rectEditable.x + paddingLeftPixels + 50;
+                var fakeRightX = rectEditable.right - paddingRightPixels - 50;
+                var relativeElement = document.elementFromPoint(fakeLeftX, event.y);
                 var relativeBlockCardElement = relativeElement.closest('.slate-block-card');
+                if (!relativeBlockCardElement) {
+                    relativeElement = document.elementFromPoint(fakeRightX, event.y);
+                    relativeBlockCardElement = relativeElement.closest('.slate-block-card');
+                }
                 if (relativeBlockCardElement) {
                     var blockCardEntry = i1.AngularEditor.toSlateCardEntry(this.editor, relativeBlockCardElement.firstElementChild);
                     if (blockCardEntry && blockCardEntry[1]) {