Adds ImageLabel

Author: a7ul

src/components/Image/ImageLabel.ts

@@ -0,0 +1,14 @@
+import { QLabel, QPixmap } from "@nodegui/nodegui";
+
+export class ImageLabel extends QLabel {
+  originalPixmap?: QPixmap;
+  setPixmap = (pixmap: QPixmap) => {
+    super.setPixmap(pixmap);
+    this.originalPixmap = pixmap;
+  };
+  scalePixmap = (width: number, height: number) => {
+    if (this.originalPixmap) {
+      return super.setPixmap(this.originalPixmap.scaled(width, height));
+    }
+  };
+}

src/components/Image/index.ts

@@ -0,0 +1,57 @@
+import { registerComponent } from "../config";
+import { QPixmap } from "@nodegui/nodegui";
+import { ViewProps, setProps as setViewProps } from "../View";
+import { ImageLabel } from "./ImageLabel";
+
+interface ImageProps extends ViewProps {
+  src?: string;
+}
+
+const setProps = (
+  widget: ImageLabel,
+  newProps: ImageProps,
+  oldProps: ImageProps
+) => {
+  const setter: ImageProps = {
+    set src(imageUrl: string) {
+      const pixMap = new QPixmap(imageUrl);
+      widget.setPixmap(pixMap);
+      widget.scalePixmap(320, 120);
+    }
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+export const Image = registerComponent<ImageProps>({
+  id: "image",
+  getContext() {
+    return {};
+  },
+  shouldSetTextContent: () => {
+    return false;
+  },
+  createInstance: newProps => {
+    const widget = new ImageLabel();
+    setProps(widget, newProps, {});
+    return widget;
+  },
+  finalizeInitialChildren: () => {
+    return false;
+  },
+  commitMount: (instance, newProps, internalInstanceHandle) => {
+    return;
+  },
+  prepareUpdate: (
+    instance,
+    oldProps,
+    newProps,
+    rootContainerInstance,
+    hostContext
+  ) => {
+    return true;
+  },
+  commitUpdate: (instance, updatePayload, oldProps, newProps, finishedWork) => {
+    setProps(instance as ImageLabel, newProps, oldProps);
+  }
+});

src/index.ts

@@ -6,4 +6,5 @@ export { CheckBox } from "./components/CheckBox";
 export { LineEdit } from "./components/LineEdit";
 export { ProgressBar } from "./components/ProgressBar";
 export { RadioButton } from "./components/RadioButton";
+export { Image } from "./components/Image";
 export { Window } from "./components/Window";