@worktile/theia 15.3.3 → 15.4.1

package/interfaces/image.d.ts

@@ -38,6 +38,7 @@ export interface ImagePluginOptions {
     imageTypes?: string[];
     disablePreview?: ((editor: TheEditor) => boolean) | boolean;
     acceptedUploadSize?: number;
+    errorImageUrl?: string;
     preview?: (data: {
         editor: TheEditor;
         previewImageInfo: PreviewImageInfo;

package/interfaces/plugins/plugin-menu.d.ts

@@ -7,7 +7,7 @@ export interface ThePluginMenuItem {
     type: ThePluginMenuItemType;
     description?: string;
     icon?: string;
-    menuIcon?: string;
+    menuIcon?: string | ((sceneKey?: string) => string);
     keywords?: string;
     children?: Array<ThePluginMenuItem | 'divider'>;
     displayKey?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/theia",
-  "version": "15.3.3",
+  "version": "15.4.1",
   "description": "theia editor",
   "author": "YanDong <nanianqiumo@foxmail.com>",
   "homepage": "https://github.com/atinc/theia#readme",

package/pipes.d.ts

@@ -14,3 +14,8 @@ export declare class ElementClassPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementClassPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ElementClassPipe, "elementClass", false>;
 }
+export declare class PluginMenuPipe implements PipeTransform {
+    transform(icon: string | ((sceneKey?: string) => string), sceneKey?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PluginMenuPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PluginMenuPipe, "getMenuIcon", false>;
+}

package/plugins/image/image.component.d.ts

@@ -30,6 +30,7 @@ export declare class TheImageComponent extends TheBaseElementComponent<ImageElem
     };
     layoutDefaultWidth: number;
     disablePreview: boolean;
+    loadImageError: boolean;
     layoutOptions: LayoutOption[];
     private uploadingSubscription;
     private mouseMoveSubscription;
@@ -76,6 +77,7 @@ export declare class TheImageComponent extends TheBaseElementComponent<ImageElem
     onDelete(event: MouseEvent): void;
     createPositionStrategy(): import("@angular/cdk/overlay").FlexibleConnectedPositionStrategy;
     imageLoaded(event: Event): void;
+    imageError(event: Event): void;
     preventDefault(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TheImageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TheImageComponent, "the-image, [theImage]", never, {}, {}, never, never, false, never>;

package/plugins/image/image.component.scss

@@ -8,6 +8,23 @@
             position: relative;
             display: inline-block;
             cursor: zoom-in;
+
+            &.the-image-error {
+                display: inline-flex;
+                justify-content: center;
+                align-items: center;
+                width: 100%;
+                height: 160px;
+                background-color: variables.$gray-80;
+                cursor: pointer;
+
+                img {
+                    width: 30px !important;
+                    height: 30px !important;
+                    margin: 3px 3px 0 0;
+                    cursor: pointer;
+                }
+            }
         }
 
         .pointer {
@@ -118,7 +135,9 @@
                 background: variables.$white;
                 border: 0.5px solid rgba(variables.$black, 0.05);
                 border-radius: 3px;
-                box-shadow: 0 1px 1px 0 rgba(variables.$black, 0.05), 0 1px 4px 0 rgba(variables.$black, 0.1);
+                box-shadow:
+                    0 1px 1px 0 rgba(variables.$black, 0.05),
+                    0 1px 4px 0 rgba(variables.$black, 0.1);
                 transition: 0.3s ease;
             }
             .uploading-percentage {
@@ -168,7 +187,9 @@
                 background: variables.$white;
                 border: 0.5px solid rgba(variables.$black, 0.05);
                 border-radius: 3px;
-                box-shadow: 0 1px 1px 0 rgba(variables.$black, 0.05), 0 1px 4px 0 rgba(variables.$black, 0.1);
+                box-shadow:
+                    0 1px 1px 0 rgba(variables.$black, 0.05),
+                    0 1px 4px 0 rgba(variables.$black, 0.1);
                 cursor: pointer;
                 transition: 0.3s ease;
             }