@worktile/theia 3.0.10 → 3.0.13

package/bundles/worktile-theia.umd.js

@@ -3349,15 +3349,20 @@
                     _this.uploadingSubscription.unsubscribe();
                     _this.uploading = false;
                     _this.theContextService.removeUploadImage(_this.fileItem);
-                    _this.theContextService.uploadingStatus$.next(false);
+                    setTimeout(function () { return _this.theContextService.uploadingStatus$.next(false); }, 0);
                 }
                 _this.cdr.detectChanges();
             });
         };
+        TheImageComponent.prototype.setImageNodes = function (imageInfo) {
+            var _this = this;
+            var path = i1.AngularEditor.findPath(this.editor, this.element);
+            var data = Object.assign({ type: exports.ElementKinds.image, url: null }, imageInfo);
+            slateHistory.HistoryEditor.withoutSaving(this.editor, function () { return slate.Transforms.setNodes(_this.editor, data, { at: path }); });
+        };
         TheImageComponent.prototype.uploadImage = function (file) {
             return __awaiter(this, void 0, void 0, function () {
-                var _b, width, height, _c, uploadFileEntity, path, thumbUrl, originUrl, imageInfo;
-                var _this = this;
+                var _b, width, height, _c, uploadFileEntity, thumbUrl, originUrl, imageInfo;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0: return [4 /*yield*/, this.resolveImageSize(file, this.theContextService.getOptions().width)];
@@ -3374,7 +3379,6 @@
                             return [4 /*yield*/, this.imageUploaderService.uploadFileHandle([file]).toPromise()];
                         case 2:
                             _c = __read.apply(void 0, [_d.sent(), 1]), uploadFileEntity = _c[0];
-                            path = i1.AngularEditor.findPath(this.editor, this.element);
                             thumbUrl = uploadFileEntity.thumbUrl, originUrl = uploadFileEntity.originUrl;
                             imageInfo = {
                                 name: file.name,
@@ -3384,7 +3388,7 @@
                                 originUrl: originUrl,
                                 align: this.imageEntry.align || exports.Alignment.center
                             };
-                            slateHistory.HistoryEditor.withoutSaving(this.editor, function () { return slate.Transforms.setNodes(_this.editor, Object.assign({ type: exports.ElementKinds.image, url: null }, imageInfo), { at: path }); });
+                            this.setImageNodes(imageInfo);
                             return [2 /*return*/];
                     }
                 });
@@ -3486,11 +3490,11 @@
         };
         TheImageComponent.prototype.preview = function ($event) {
             var _this = this;
-            if (this.readonly || this.isCollapsed) {
+            if ((this.readonly || this.isCollapsed) && $event.button === 0) {
                 var images = getAllNodesByType(this.editor.children, exports.ElementKinds.image);
                 var previewImages = images.map(function (item) {
                     return {
-                        src: item.originUrl,
+                        src: item.thumbUrl,
                         name: item.name,
                         width: item.width,
                         height: item.height,
@@ -3501,9 +3505,10 @@
                     };
                 });
                 var startIndex = previewImages.findIndex(function (item) { return item.key === _this.element.key; });
-                this.thyImageService.preview(previewImages, {
+                var config = {
                     startIndex: startIndex
-                });
+                };
+                this.thyImageService.preview(previewImages, config);
             }
             $event.stopPropagation();
         };