add ResourceLoader plugin

doric-demo/src/ImageDemo.ts

@@ -1,4 +1,4 @@
-import { Base64Resource, Group, Panel, coordinator, text, gravity, Color, LayoutSpec, log, vlayout, scroller, layoutConfig, image, ScaleType, Image, modal, RemoteResource, MainBundleResource, AndroidAssetsResource, AssetsResource } from "doric";
+import { Base64Resource, DrawableResource, Group, Panel, coordinator, text, gravity, Color, LayoutSpec, log, vlayout, scroller, layoutConfig, image, ScaleType, Image, modal, RemoteResource, MainBundleResource } from "doric";
 import { colors, label } from "./utils";
 import { img_base64 } from "./image_base64";
 

doric-demo/src/ResourceDemo.tsx

@@ -0,0 +1,67 @@
+import {
+  Base64Resource,
+  DrawableResource,
+  Group,
+  Panel,
+  jsx,
+  Color,
+  layoutConfig,
+  Image,
+  RemoteResource,
+  MainBundleResource,
+  Scroller,
+  VLayout,
+  Text,
+  Gravity,
+  resourceLoader,
+} from "doric";
+import { colors, label } from "./utils";
+import { img_base64 } from "./image_base64";
+import { loge } from "doric/lib/src/util/log";
+
+@Entry
+export class ResourceDemo extends Panel {
+  build(root: Group): void {
+    <Scroller parent={root} layoutConfig={layoutConfig().most()}>
+      <VLayout
+        layoutConfig={layoutConfig().mostWidth().fitHeight()}
+        space={10}
+        gravity={Gravity.Center}
+      >
+        <Text
+          layoutConfig={layoutConfig().mostWidth().justHeight()}
+          textSize={30}
+          textColor={Color.WHITE}
+          backgroundColor={colors[5]}
+          textAlignment={Gravity.Center}
+          height={50}
+        >
+          Image Demo
+        </Text>
+        {label("Button")}
+        <Image
+          image={
+            Environment.platform === "Android"
+              ? new DrawableResource("doric_icon_back")
+              : new MainBundleResource("Hanabi.ttf")
+          }
+        />
+        <Image
+          image={
+            new RemoteResource("https://p.upyun.com/demo/webp/webp/jpg-0.webp")
+          }
+        />
+        <Image
+          image={new Base64Resource(img_base64[0])}
+          onClick={async () => {
+            const resource = new RemoteResource(
+              "https://p.upyun.com/demo/webp/webp/jpg-0.webp"
+            );
+            const rawData = await resourceLoader(context).load(resource);
+            loge(rawData.byteLength);
+          }}
+        />
+      </VLayout>
+    </Scroller>;
+  }
+}