pixuireactcomponents 1.3.90 → 1.3.91

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.3.90",
+    "version": "1.3.91",
     "description": "pixui react components",
     "main": "index.js",
     "scripts": {

package/src/components/react/app/preloadImg/PreloadImg.d.ts

@@ -0,0 +1,2 @@
+import { h } from 'preact';
+export declare const PreloadImg: (props: h.JSX.HTMLAttributes<HTMLImageElement>) => h.JSX.Element;

package/src/components/react/app/preloadImg/PreloadImg.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { useEffect, useState } from 'preact/hooks';
+import { h } from 'preact';
+import { GameletAPI } from 'gamelet-pixui-frame';
+import { assetCache } from 'src/components/tools/assetCache';
+export var PreloadImg = function (props) {
+    var src = props.src;
+    var _a = useState(''), realSrc = _a[0], setRealSrc = _a[1];
+    useEffect(function () {
+        if (src) {
+            if (isJssdkEnv()) {
+                assetCache.cache(src).then(function (localSrc) {
+                    setRealSrc(localSrc);
+                    console.log('使用预加载图片', src, ' -> ', localSrc);
+                });
+            }
+            else {
+                setRealSrc(src);
+            }
+        }
+    }, [src]);
+    return h("img", __assign({}, props, { src: realSrc }));
+};
+var isJssdkEnv = function () {
+    return GameletAPI.getRuntimeEnv() == 'jssdk-appwindow' || GameletAPI.getRuntimeEnv() == 'jssdk-preprocessor';
+};

package/src/components/tools/assetCache.d.ts

@@ -16,5 +16,5 @@ export declare namespace assetCache {
      * @param retryTimes 重试次数
      * @returns 下载成功是，返回xhr.response，否则返回空字符串
      */
-    const download: (url: string, responseType: 'arraybuffer' | 'json' | 'text', retryTimes?: number) => Promise<string>;
+    const request: (url: string, responseType: 'arraybuffer' | 'json' | 'text', retryTimes?: number) => Promise<string>;
 }

package/src/components/tools/assetCache.js

@@ -141,9 +141,9 @@ export var assetCache;
      * @param retryTimes 重试次数
      * @returns 下载成功是，返回xhr.response，否则返回空字符串
      */
-    assetCache.download = function (url, responseType, retryTimes) {
+    assetCache.request = function (url, responseType, retryTimes) {
         if (retryTimes === void 0) { retryTimes = 3; }
-        console.log('download---', url);
+        console.log('request---', url);
         return new Promise(function (resolve, reject) {
             var xhr = new XMLHttpRequest();
             xhr.open('GET', url, true);
@@ -157,7 +157,7 @@ export var assetCache;
                         console.warn('cacheAsset xhr statue!=200', xhr.status);
                         if (retryTimes > 0) {
                             console.log('retry cacheAsset', retryTimes);
-                            assetCache.download(url, responseType, retryTimes - 1).then(resolve, reject);
+                            assetCache.request(url, responseType, retryTimes - 1).then(resolve, reject);
                         }
                         else {
                             reject('');
@@ -170,7 +170,7 @@ export var assetCache;
                 console.warn('cacheAsset XHR error', xhr.status);
                 if (retryTimes > 0) {
                     console.log('retry cacheAsset', retryTimes);
-                    assetCache.download(url, responseType, retryTimes - 1).then(resolve, reject);
+                    assetCache.request(url, responseType, retryTimes - 1).then(resolve, reject);
                 }
                 else {
                     reject('');