@worktile/theia 2.3.0-next.2 → 2.3.0-next.3

package/bundles/worktile-theia.umd.js

@@ -3136,13 +3136,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 +3364,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 +3378,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;
@@ -13752,8 +13757,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]) {