pixuireactcomponents 1.5.39 → 1.5.41

package/index.d.ts

@@ -2,6 +2,7 @@ export { Carousel } from "./src/components/react/app/carousel/Carousel";
 export { CarouselMulti } from "./src/components/react/app/carouselMulti/CarouselMulti";
 export { Button } from "./src/components/react/app/button/Button";
 export { CheckBox } from "./src/components/react/app/checkBox/CheckBox";
+export { CheckBoxGroup } from "./src/components/react/app/checkBox/CheckBoxGroup";
 export { DropDown } from "./src/components/react/app/dropDown/DropDown";
 export { ImageViewer } from "./src/components/react/app/imageViewer/imageViewer";
 export { VideoPlayer } from "./src/components/react/app/videoPlayer/VideoPlayer";
@@ -12,9 +13,7 @@ export { PVideo } from "./src/components/react/base/pixVideo/PixVideo";
 export { OutlineText } from "./src/components/react/base/outlinetext/OutlineText";
 export { FrameAnimation } from "./src/components/react/app/frameAnimation/FrameAnimation";
 export { AsyncTaskProcessor } from "./src/components/tools/AsyncTaskProcessor";
-export { assetCache } from "./src/components/tools/assetCache";
 export { ScrollBar } from "./src/components/react/app/scrollBar/ScrollBar";
-export { PreloadImg } from "./src/components/react/app/preloadImg/PreloadImg";
 export { LoadChecker } from "./src/components/tools/LoadChecker";
 export { AntiRepeat } from "./src/components/tools/antiRepeat";
 export { DragList } from "./src/components/react/app/dragList/dragList";

package/index.js

@@ -3,7 +3,7 @@ export { Carousel } from './src/components/react/app/carousel/Carousel';
 export { CarouselMulti } from './src/components/react/app/carouselMulti/CarouselMulti';
 export { Button } from './src/components/react/app/button/Button';
 export { CheckBox } from './src/components/react/app/checkBox/CheckBox';
-import { CheckBoxGroup } from './src/components/react/app/checkBox/CheckBoxGroup';
+export { CheckBoxGroup } from './src/components/react/app/checkBox/CheckBoxGroup';
 export { DropDown } from './src/components/react/app/dropDown/DropDown';
 export { ImageViewer } from './src/components/react/app/imageViewer/imageViewer';
 export { Slider } from './src/components/react/app/slider/Slider';
@@ -17,10 +17,8 @@ export { OutlineText } from './src/components/react/base/outlinetext/OutlineText
 export { FrameAnimation } from './src/components/react/app/frameAnimation/FrameAnimation';
 // export { ImgPreLoader_base64, PreLoadPic_base64 } from './src/components/tools/ImgPreLoader';
 export { AsyncTaskProcessor } from './src/components/tools/AsyncTaskProcessor';
-export { assetCache } from './src/components/tools/assetCache';
 export { ScrollBar } from './src/components/react/app/scrollBar/ScrollBar';
 // export { tools } from './src/components/tools/tools';
-export { PreloadImg } from './src/components/react/app/preloadImg/PreloadImg';
 export { LoadChecker } from './src/components/tools/LoadChecker';
 export { AntiRepeat } from './src/components/tools/antiRepeat';
 export { DragList } from './src/components/react/app/dragList/dragList';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.5.39",
+    "version": "1.5.41",
     "description": "pixui react components",
     "main": "index.js",
     "sideEffects": false,
@@ -53,7 +53,6 @@
         "cross-env": "^7.0.3",
         "css-loader": "^6.10.0",
         "ejs": "^3.1.10",
-        "extract-text-webpack-plugin": "^3.0.2",
         "file-loader": "^6.0.0",
         "fork-ts-checker-webpack-plugin": "^4.1.3",
         "glob-parent": "^6.0.2",
@@ -68,7 +67,7 @@
         "style-loader": "^3.3.4",
         "ts-loader": "^9.5.1",
         "ts-protoc-gen": "^0.10.0",
-        "webpack": "^5.90.1",
+        "webpack": "^4.42.1",
         "webpack-bundle-analyzer": "^3.7.0",
         "webpack-cli": "^5.1.4",
         "webpack-dev-server": "^3.10.3"

package/src/components/react/app/virtualList/VirtualList.d.ts

@@ -69,10 +69,6 @@ interface VirtualListProps {
     touchBottomThreshold?: number;
     /** 加载更多数据的回调函数 */
     loadMore?: () => Promise<void>;
-    /** 顶部区域组件 */
-    TopArea?: h.JSX.Element;
-    /** 顶部区域尺寸 */
-    topAreaSize?: number;
     /** 滚动相关配置属性 */
     scrollProps?: VirtualListScrollProps;
 }
@@ -104,13 +100,12 @@ export declare class VirtualList extends Component<VirtualListProps, VirtualList
     protected isLoading: boolean;
     /** 视窗可见数量 */
     protected visibleCount: number;
-    /** 顶部区域高度 */
-    protected topHeight: number;
     constructor(props: VirtualListProps);
     componentDidMount(): void;
     shouldComponentUpdate(nextProps: Readonly<VirtualListProps>, nextState: Readonly<VirtualListState>, nextContext: any): boolean;
     componentWillReceiveProps(nextProps: Readonly<VirtualListProps>): void;
     onScroll: (e: Event) => void;
+    private HandleScrollProps;
     render(): h.JSX.Element;
 }
 export {};

package/src/components/react/app/virtualList/VirtualList.js

@@ -104,8 +104,7 @@ var VirtualList = /** @class */ (function (_super) {
             height: props.itemSize,
             width: props.width,
         };
-        _this.topHeight = _this.props.topAreaSize || 0;
-        _this.listHeight = props.itemCount * props.itemSize + _this.topHeight;
+        _this.listHeight = props.itemCount * props.itemSize;
         _this.state = {
             start: 0,
             end: 0,
@@ -132,7 +131,7 @@ var VirtualList = /** @class */ (function (_super) {
         this.itemCount = this.visibleCount;
         for (var i = 0; i < this.itemCount + this.props.cacheSize * 2; i++) {
             var ref = createRef();
-            var itemCrossSize = this.props.layout === 'horizontal' ? this.props.height : this.props.width;
+            var itemCrossSize = "100%";
             var item = {
                 vNode: (h(VirtualListItem, { layout: this.props.layout, index: i, key: i, ref: ref, itemMainSize: this.props.itemSize, itemCrossSize: itemCrossSize, child: this.props.renderItemFunc(i) })),
                 isValid: false,
@@ -153,18 +152,50 @@ var VirtualList = /** @class */ (function (_super) {
             this.setState({
                 start: 0,
                 end: Math.min(this.state.start + this.visibleCount, nextProps.itemCount),
-                listHeight: nextProps.itemCount * nextProps.itemSize + this.topHeight,
+                listHeight: nextProps.itemCount * nextProps.itemSize,
             });
             this.ref.scrollTop = 0;
             this.forceUpdate();
         }
         if (nextProps.itemCount !== this.props.itemCount) {
             this.setState({
-                listHeight: nextProps.itemCount * nextProps.itemSize + this.topHeight,
+                listHeight: nextProps.itemCount * nextProps.itemSize,
             });
             this.forceUpdate();
         }
     };
+    VirtualList.prototype.HandleScrollProps = function () {
+        var scrollProps = {
+            movementType: 'elastic',
+            scrollSensitivity: 1,
+            inertiaVersion: 2,
+            decelerationRate: 0.135,
+            staticVelocityDrag: 100,
+            frictionCoefficient: 2.0,
+        };
+        if (this.props.scrollProps) {
+            /* 兼容双问号 */
+            if (this.props.scrollProps.movementType !== null && this.props.scrollProps.movementType !== undefined) {
+                scrollProps.movementType = this.props.scrollProps.movementType;
+            }
+            if (this.props.scrollProps.scrollSensitivity !== null && this.props.scrollProps.scrollSensitivity !== undefined) {
+                scrollProps.scrollSensitivity = this.props.scrollProps.scrollSensitivity;
+            }
+            if (this.props.scrollProps.inertiaVersion !== null && this.props.scrollProps.inertiaVersion !== undefined) {
+                scrollProps.inertiaVersion = this.props.scrollProps.inertiaVersion;
+            }
+            if (this.props.scrollProps.decelerationRate !== null && this.props.scrollProps.decelerationRate !== undefined) {
+                scrollProps.decelerationRate = this.props.scrollProps.decelerationRate;
+            }
+            if (this.props.scrollProps.staticVelocityDrag !== null && this.props.scrollProps.staticVelocityDrag !== undefined) {
+                scrollProps.staticVelocityDrag = this.props.scrollProps.staticVelocityDrag;
+            }
+            if (this.props.scrollProps.frictionCoefficient !== null && this.props.scrollProps.frictionCoefficient !== undefined) {
+                scrollProps.frictionCoefficient = this.props.scrollProps.frictionCoefficient;
+            }
+        }
+        return scrollProps;
+    };
     VirtualList.prototype.render = function () {
         var _this = this;
         var start = Math.max(0, this.state.start - this.props.cacheSize);
@@ -217,33 +248,8 @@ var VirtualList = /** @class */ (function (_super) {
                 height: "".concat(this.state.listHeight, "px"),
             };
         }
-        /* 兼容双问号 */
-        var movementType = 'elastic';
-        if (this.props.scrollProps && this.props.scrollProps.movementType !== null && this.props.scrollProps.movementType !== undefined) {
-            movementType = this.props.scrollProps.movementType;
-        }
-        var scrollSensitivity = 1;
-        if (this.props.scrollProps && this.props.scrollProps.scrollSensitivity !== null && this.props.scrollProps.scrollSensitivity !== undefined) {
-            scrollSensitivity = this.props.scrollProps.scrollSensitivity;
-        }
-        var inertiaVersion = 2;
-        if (this.props.scrollProps && this.props.scrollProps.inertiaVersion !== null && this.props.scrollProps.inertiaVersion !== undefined) {
-            inertiaVersion = this.props.scrollProps.inertiaVersion;
-        }
-        var decelerationRate = 0.135;
-        if (this.props.scrollProps && this.props.scrollProps.decelerationRate !== null && this.props.scrollProps.decelerationRate !== undefined) {
-            decelerationRate = this.props.scrollProps.decelerationRate;
-        }
-        var staticVelocityDrag = 100;
-        if (this.props.scrollProps && this.props.scrollProps.staticVelocityDrag !== null && this.props.scrollProps.staticVelocityDrag !== undefined) {
-            staticVelocityDrag = this.props.scrollProps.staticVelocityDrag;
-        }
-        var frictionCoefficient = 2.0;
-        if (this.props.scrollProps && this.props.scrollProps.frictionCoefficient !== null && this.props.scrollProps.frictionCoefficient !== undefined) {
-            frictionCoefficient = this.props.scrollProps.frictionCoefficient;
-        }
-        return (h("div", { key: "VirtualListRoot", id: 'VirtualListRoot', "movement-type": movementType, "scroll-sensitivity": scrollSensitivity, "inertia-version": inertiaVersion, "deceleration-rate": decelerationRate, "static-velocity-drag": staticVelocityDrag, "friction-coefficient": frictionCoefficient, ref: this.ref, onScroll: this.onScroll, style: __assign({ position: 'relative', overflow: 'scroll', flexDirection: this.props.layout === 'horizontal' ? 'row' : 'column', width: this.props.width, height: this.props.height }, this.props.style) },
-            this.props.TopArea,
+        var scrollProps = this.HandleScrollProps();
+        return (h("div", { key: "VirtualListRoot", id: 'VirtualListRoot', className: 'VirtualListRoot', "movement-type": scrollProps.movementType, "scroll-sensitivity": scrollProps.scrollSensitivity, "inertia-version": scrollProps.inertiaVersion, "deceleration-rate": scrollProps.decelerationRate, "static-velocity-drag": scrollProps.staticVelocityDrag, "friction-coefficient": scrollProps.frictionCoefficient, ref: this.ref, onScroll: this.onScroll, style: __assign({ position: 'relative', overflow: 'scroll', flexDirection: this.props.layout === 'horizontal' ? 'row' : 'column', width: this.props.width, height: this.props.height }, this.props.style) },
             h("div", { key: "VirtualList", id: 'VirtualList', style: VirtualListStyle }, this.itemCache.map(function (item) { return item.vNode; }))));
     };
     return VirtualList;

package/lib/loadlib/lib_mgr.d.ts

@@ -1,32 +0,0 @@
-export declare function singleton<T>(impl: new () => T): {
-    getInstance: () => T;
-};
-declare class MainLibImpl {
-    private lib;
-    load(): void;
-    isLoadSuccess(): boolean;
-    unload(): void;
-    stringToArrayBuffer(content: string): ArrayBuffer;
-    getPlatform(): number;
-    getCachePath(): string;
-    removeDir(filePath: string): number;
-    makeDir(filePath: string): number;
-    dirExists(path: string): boolean;
-    fileExists(path: string): boolean;
-    removeFile(path: string): number;
-    saveToFile(filePath: string, buffer: ArrayBuffer): number;
-    clearExpiredFiles(filePath: string, expiredTime: number): boolean;
-    loadFromFile(filePath: string): ArrayBuffer;
-    fileSize(filePath: string): number;
-}
-declare class LibMgrImpl {
-    constructor();
-    init(): void;
-    addLibPath(path: string): void;
-    clear(): void;
-    getMainLib(): MainLibImpl;
-}
-export declare let LibMgr: {
-    getInstance: () => LibMgrImpl;
-};
-export {};

package/lib/loadlib/lib_mgr.js

@@ -1,104 +0,0 @@
-import * as loadlib from './loadlib';
-// we make sure lib object contains necessary fields from cpp code
-// so we can safely ignore some typescript grammar check here
-export function singleton(impl) {
-    return (function () {
-        var inst;
-        return {
-            getInstance: function () {
-                if (!inst) {
-                    inst = new impl();
-                }
-                return inst;
-            },
-        };
-    })();
-}
-var MainLibImpl = /** @class */ (function () {
-    function MainLibImpl() {
-    }
-    MainLibImpl.prototype.load = function () {
-        console.log('loading openplatfrom');
-        this.lib = loadlib.loadLib('openplatform');
-        if (this.lib == undefined) {
-            console.log('load failed');
-        }
-        else {
-            console.log('load success');
-            console.log('function table start');
-            for (var k in this.lib) {
-                if (k.startsWith('JS_')) {
-                    console.log("".concat(k));
-                }
-            }
-            console.log('function table end');
-        }
-    };
-    MainLibImpl.prototype.isLoadSuccess = function () {
-        return this.lib != undefined;
-    };
-    MainLibImpl.prototype.unload = function () {
-        loadlib.unloadLib('openplatform');
-        this.lib = undefined;
-    };
-    MainLibImpl.prototype.stringToArrayBuffer = function (content) {
-        return this.lib['JS_StringToArrayBuffer'](content);
-    };
-    MainLibImpl.prototype.getPlatform = function () {
-        return this.lib['JS_GetPlatform']();
-    };
-    MainLibImpl.prototype.getCachePath = function () {
-        return this.lib['JS_GetCachePath']();
-    };
-    // paths and files start
-    MainLibImpl.prototype.removeDir = function (filePath) {
-        return this.lib['JS_RemoveDir'](filePath);
-    };
-    MainLibImpl.prototype.makeDir = function (filePath) {
-        return this.lib['JS_MakeDir'](filePath);
-    };
-    MainLibImpl.prototype.dirExists = function (path) {
-        return this.lib['JS_DirExists'](path);
-    };
-    MainLibImpl.prototype.fileExists = function (path) {
-        return this.lib['JS_FileExists'](path);
-    };
-    MainLibImpl.prototype.removeFile = function (path) {
-        return this.lib['JS_RemoveFile'](path);
-    };
-    // paths and files end
-    // file start
-    MainLibImpl.prototype.saveToFile = function (filePath, buffer) {
-        return this.lib['JS_SaveToFile'](filePath, buffer);
-    };
-    MainLibImpl.prototype.clearExpiredFiles = function (filePath, expiredTime) {
-        return this.lib['JS_ClearExpiredFiles'](filePath, expiredTime);
-    };
-    MainLibImpl.prototype.loadFromFile = function (filePath) {
-        return this.lib['JS_LoadFromFile'](filePath);
-    };
-    MainLibImpl.prototype.fileSize = function (filePath) {
-        return this.lib['JS_FileSize'](filePath);
-    };
-    return MainLibImpl;
-}());
-var OpenPlatformMainLib = singleton(MainLibImpl);
-var LibMgrImpl = /** @class */ (function () {
-    function LibMgrImpl() {
-        this.init();
-    }
-    LibMgrImpl.prototype.init = function () {
-        OpenPlatformMainLib.getInstance().load();
-    };
-    LibMgrImpl.prototype.addLibPath = function (path) {
-        loadlib.addLibPath(path);
-    };
-    LibMgrImpl.prototype.clear = function () {
-        OpenPlatformMainLib.getInstance().unload();
-    };
-    LibMgrImpl.prototype.getMainLib = function () {
-        return OpenPlatformMainLib.getInstance();
-    };
-    return LibMgrImpl;
-}());
-export var LibMgr = singleton(LibMgrImpl);

package/lib/loadlib/loadlib.d.ts

@@ -1,4 +0,0 @@
-export declare function addLibPath(path: string): void;
-export declare function clearLibPath(path: string): void;
-export declare function loadLib(libname: string): undefined;
-export declare function unloadLib(libname: string): void;

package/lib/loadlib/loadlib.js

@@ -1,14 +0,0 @@
-// @ts-nocheck
-import * as loadlib_wrapper from './loadlib_interface_wrapper';
-export function addLibPath(path) {
-    loadlib_wrapper.addlibpath(path);
-}
-export function clearLibPath(path) {
-    return loadlib_wrapper.clearlibpath(path);
-}
-export function loadLib(libname) {
-    return loadlib_wrapper.loadlib(libname);
-}
-export function unloadLib(libname) {
-    return loadlib_wrapper.unloadlib(libname);
-}

package/lib/loadlib/loadlib_interface_wrapper.d.ts

@@ -1,5 +0,0 @@
-export function addlibpath(path: any): void;
-export function clearlibpath(path: any): void;
-export function loadlib(libname: any): undefined;
-export function unloadlib(libname: any): void;
-export { unknown as addlibpath, unknown as clearlibpath, unknown as loadlib, unknown as unloadlib };

package/lib/loadlib/loadlib_interface_wrapper.js

@@ -1,15 +0,0 @@
-"use strict";
-// @ts-nocheck
-// make it callable from typescript
-if (globalThis.oplatSDKRunningTestRoutine || typeof addlibpath === 'undefined') {
-    exports.addlibpath = function (path) { };
-    exports.clearlibpath = function (path) { };
-    exports.loadlib = function (libname) { return undefined; };
-    exports.unloadlib = function (libname) { };
-}
-else {
-    exports.addlibpath = addlibpath;
-    exports.clearlibpath = clearlibpath;
-    exports.loadlib = loadlib;
-    exports.unloadlib = unloadlib;
-}

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

@@ -1,4 +0,0 @@
-import { h } from 'preact';
-export declare const PreloadImg: (props: h.JSX.HTMLAttributes<HTMLDivElement> & h.JSX.HTMLAttributes<HTMLImageElement> & {
-    useImgTag?: boolean | undefined;
-}) => h.JSX.Element;

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

@@ -1,32 +0,0 @@
-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 { assetCache } from '../../../tools/assetCache';
-export var PreloadImg = function (props) {
-    var src = props.src, useImgTag = props.useImgTag;
-    var _a = useState(''), realSrc = _a[0], setRealSrc = _a[1];
-    useEffect(function () {
-        if (src) {
-            assetCache.cache(src)
-                .then(function (localSrc) {
-                setRealSrc(localSrc);
-                console.log('使用预加载图片', src, ' -> ', localSrc);
-            })
-                .catch(function (error) {
-                console.error('Failed to cache asset:', error);
-                setRealSrc(src); // 回退到使用原始的src
-            });
-        }
-    }, [src]);
-    return useImgTag ? (h("img", __assign({}, props, { src: realSrc }))) : (h("div", __assign({}, props, { style: __assign({ backgroundImage: "url(".concat(realSrc, ")"), backgroundSize: '100% 100%', backgroundRepeat: 'no-repeat' }, props.style) })));
-};

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

@@ -1,21 +0,0 @@
-/**
- * 缓存资源到本地，仅jssdk环境可用
- */
-export declare namespace assetCache {
-    /**
-     * 缓存url资源到本地
-     * @param url 资源url
-     * @param force 是否强制缓存，如果为true，会强制重新下载并覆盖本地缓存
-     * @returns 返回本地缓存文件路径，成功后resolve资源的本地路径，失败后reject函数的url参数
-     */
-    const cache: (url: string, force?: boolean, retryTimes?: number) => Promise<string>;
-    const getFileCachePath: (url: string) => string;
-    /**
-     *
-     * @param url 资源url
-     * @param responseType responseType
-     * @param retryTimes 重试次数
-     * @returns 下载成功是，返回xhr.response，否则返回空字符串
-     */
-    const request: (url: string, responseType: 'arraybuffer' | 'json' | 'text', retryTimes?: number) => Promise<string>;
-}

package/src/components/tools/assetCache.js

@@ -1,222 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { sha1 } from './Sha1';
-import { LibMgr } from '../../../lib/loadlib/lib_mgr';
-var assetPrefix = 'cacheAsset';
-var OPLib = LibMgr.getInstance().getMainLib();
-console.log('new lib test');
-/**
- * 缓存资源到本地，仅jssdk环境可用
- */
-export var assetCache;
-(function (assetCache) {
-    var _this = this;
-    /**
-     * 缓存url资源到本地
-     * @param url 资源url
-     * @param force 是否强制缓存，如果为true，会强制重新下载并覆盖本地缓存
-     * @returns 返回本地缓存文件路径，成功后resolve资源的本地路径，失败后reject函数的url参数
-     */
-    assetCache.cache = function (url, force, retryTimes) {
-        if (retryTimes === void 0) { retryTimes = 3; }
-        return __awaiter(_this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_a) {
-                console.log('cacheAsset---', url);
-                return [2 /*return*/, new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                        var urlWithoutParams, localPath, xhr;
-                        var _this = this;
-                        return __generator(this, function (_a) {
-                            if (!OPLib.isLoadSuccess()) {
-                                console.log('非jssdk环境');
-                                reject(url);
-                                return [2 /*return*/];
-                            }
-                            urlWithoutParams = url.split('?')[0];
-                            localPath = getLocalPath(urlWithoutParams);
-                            if (!localPath) {
-                                console.log('getLocalPath failed');
-                                reject(url);
-                                return [2 /*return*/];
-                            }
-                            console.log('cacheAsset getlocalPath', localPath);
-                            if (!force) {
-                                if (OPLib.fileExists(localPath)) {
-                                    console.log('cacheAsset file exist', localPath);
-                                    resolve(localPath);
-                                    return [2 /*return*/];
-                                }
-                            }
-                            console.log('cacheAsset download start -- ', url, localPath);
-                            xhr = new XMLHttpRequest();
-                            xhr.open('GET', url, true);
-                            xhr.responseType = 'arraybuffer';
-                            xhr.onload = function () { return __awaiter(_this, void 0, void 0, function () {
-                                var res;
-                                return __generator(this, function (_a) {
-                                    if (xhr.status === 200) {
-                                        console.log('cacheAsset xhr statue=200', url, localPath);
-                                        // let buf = Buffer.from(xhr.response, 'binary').buffer;
-                                        if (localPath) {
-                                            res = OPLib.saveToFile(localPath, xhr.response);
-                                            if (res === 0) {
-                                                console.log('cacheAsset saveToFile success, res', res, localPath);
-                                                resolve(localPath);
-                                            }
-                                            else {
-                                                console.warn('cacheAsset saveToFile failed, res', res, localPath);
-                                                reject(url);
-                                            }
-                                            return [2 /*return*/];
-                                        }
-                                        else {
-                                            reject(url);
-                                            return [2 /*return*/];
-                                        }
-                                    }
-                                    else {
-                                        console.warn('cacheAsset xhr statue!=200', xhr.status);
-                                        if (retryTimes > 0) {
-                                            console.log('retry cacheAsset', retryTimes);
-                                            assetCache.cache(url, force, retryTimes - 1).then(resolve, reject);
-                                        }
-                                        else {
-                                            reject(url);
-                                        }
-                                    }
-                                    return [2 /*return*/];
-                                });
-                            }); };
-                            xhr.onerror = function () {
-                                console.warn('cacheAsset XHR error', xhr.status);
-                                if (retryTimes > 0) {
-                                    console.log('retry cacheAsset', retryTimes);
-                                    assetCache.cache(url, force, retryTimes - 1).then(resolve, reject);
-                                }
-                                else {
-                                    reject(url);
-                                }
-                            };
-                            xhr.send();
-                            return [2 /*return*/];
-                        });
-                    }); })];
-            });
-        });
-    };
-    assetCache.getFileCachePath = function (url) {
-        console.log('getCachePath', url);
-        if (!OPLib.isLoadSuccess()) {
-            console.log('非jssdk环境');
-            return '';
-        }
-        var urlWithoutParams = url.split('?')[0];
-        var localPath = getLocalPath(urlWithoutParams);
-        if (!localPath) {
-            console.log('getLocalPath failed');
-            return '';
-        }
-        if (OPLib.fileExists(localPath)) {
-            console.log('getCachePath success', localPath);
-            return localPath;
-        }
-        console.log('getCachePath failed', localPath);
-        return '';
-    };
-    /**
-     *
-     * @param url 资源url
-     * @param responseType responseType
-     * @param retryTimes 重试次数
-     * @returns 下载成功是，返回xhr.response，否则返回空字符串
-     */
-    assetCache.request = function (url, responseType, retryTimes) {
-        if (retryTimes === void 0) { retryTimes = 3; }
-        console.log('request---', url);
-        return new Promise(function (resolve, reject) {
-            var xhr = new XMLHttpRequest();
-            xhr.open('GET', url, true);
-            xhr.responseType = responseType;
-            xhr.onload = function () { return __awaiter(_this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    if (xhr.status === 200) {
-                        resolve(xhr.response);
-                    }
-                    else {
-                        console.warn('cacheAsset xhr statue!=200', xhr.status);
-                        if (retryTimes > 0) {
-                            console.log('retry cacheAsset', retryTimes);
-                            assetCache.request(url, responseType, retryTimes - 1).then(resolve, reject);
-                        }
-                        else {
-                            reject('');
-                        }
-                    }
-                    return [2 /*return*/];
-                });
-            }); };
-            xhr.onerror = function () {
-                console.warn('cacheAsset XHR error', xhr.status);
-                if (retryTimes > 0) {
-                    console.log('retry cacheAsset', retryTimes);
-                    assetCache.request(url, responseType, retryTimes - 1).then(resolve, reject);
-                }
-                else {
-                    reject('');
-                }
-            };
-            xhr.send();
-        });
-    };
-    var getLocalPath = function (url) {
-        console.log('getLocalPath', url);
-        var cachePath = OPLib.getCachePath();
-        if (!cachePath) {
-            console.warn('getLocalPath failed', url);
-            return '';
-        }
-        var filePath = "".concat(cachePath, "/assetcache");
-        //检查assetcache文件夹
-        if (!OPLib.dirExists(filePath)) {
-            OPLib.makeDir(filePath);
-        }
-        var cleanUrl = url.split('?')[0].split('#')[0];
-        var ext = cleanUrl.includes('.') ? cleanUrl.slice(cleanUrl.lastIndexOf('.')) : '';
-        var fileName = sha1(assetPrefix + url).substring(0, 20) + ext;
-        return "".concat(filePath, "/").concat(fileName);
-    };
-})(assetCache || (assetCache = {}));

package/src/js_components/index.d.ts

@@ -1 +0,0 @@
-export { frameAnimationJs, SpritePlugin, HMSETHelper, ktxConverter };

package/src/js_components/index.js

@@ -1,11 +0,0 @@
-"use strict";
-var frameAnimationJs = require('./dist/frameAnimationJs').frameAnimationJs;
-var SpritePlugin = require('./dist/sprite').SpritePlugin;
-var HMSETHelper = require('./dist/HMSETHelper').HMSETHelper;
-var ktxConverter = require('./dist/ktxConverter').ktxConverter;
-module.exports = {
-    frameAnimationJs: frameAnimationJs,
-    SpritePlugin: SpritePlugin,
-    HMSETHelper: HMSETHelper,
-    ktxConverter: ktxConverter,
-};

package/src/js_components/src/HMSETHelper.d.ts

@@ -1,27 +0,0 @@
-type HMSETData = {
-    [key: string]: HMSETData;
-} | Array<HMSETData> | string | number | boolean | null | undefined;
-/**
- * 将obj转换为可以存储在MHSET中的数组,接受的数据结构为object和array之间的组合,key中不能包含 > [ ] 字符
- */
-declare const HMSETHelper: {
-    /**展开obj   */
-    ObjToHM: (obj: HMSETData) => string[];
-    /**将展开的obj数组恢复为obj */
-    HMToObj: typeof unflattenObject;
-    /**增量更新用,比较两个obj的差异,返回一个数组,HMSET oldData, HMSET diff => newData */
-    DiffObjToHM: (oldData: HMSETData, newData: HMSETData) => string[];
-};
-declare function hasCycle(obj: HMSETData): boolean;
-declare function flattenObject(obj: HMSETData, prefix?: string, res?: string[]): string[];
-declare function parseValue(value: string): null | boolean | number | [] | {};
-type nestObj = HMSETData[] | {
-    [key: string]: HMSETData;
-};
-declare function keys2obj(keys: string[], value: string): nestObj;
-declare function isNull(obj: HMSETData): boolean;
-declare function getType(obj: HMSETData): string;
-declare const mergeObj: (obj1: HMSETData, obj2: HMSETData) => HMSETData;
-declare function unflattenObject(arr: string[]): {} | null;
-declare const runTest: () => void;
-declare function generateRandomObject(depth: number): HMSETData;

package/src/js_components/src/HMSETHelper.js

@@ -1,297 +0,0 @@
-"use strict";
-/**
- * 将obj转换为可以存储在MHSET中的数组,接受的数据结构为object和array之间的组合,key中不能包含 > [ ] 字符
- */
-var HMSETHelper = {
-    /**展开obj   */
-    ObjToHM: function (obj) {
-        if (hasCycle(obj)) {
-            console.error("obj has cycle");
-            return [];
-        }
-        return flattenObject(obj);
-    },
-    /**将展开的obj数组恢复为obj */
-    HMToObj: unflattenObject,
-    /**增量更新用,比较两个obj的差异,返回一个数组,HMSET oldData, HMSET diff => newData */
-    DiffObjToHM: function (oldData, newData) {
-        var oldTile = flattenObject(oldData);
-        var newTile = flattenObject(newData);
-        var res = [];
-        for (var i = 0; i < newTile.length; i += 2) {
-            var key = newTile[i];
-            var value = newTile[i + 1];
-            var index = oldTile.indexOf(key);
-            if (index === -1) {
-                res.push(key, value);
-            }
-            else {
-                //old有这个，检查是否有更新以后去掉
-                if (oldTile[index + 1] !== value) {
-                    res.push(key, value);
-                }
-                oldTile.splice(index, 2);
-            }
-        }
-        return res;
-    },
-};
-//检测obj是否有循环引用
-function hasCycle(obj) {
-    var visited = new Set();
-    function bfs(obj) {
-        var queue = [obj];
-        while (queue.length > 0) {
-            var cur = queue.shift();
-            if (getType(cur) === "string" || getType(cur) === "number" || getType(cur) === "boolean" || getType(cur) === "null") {
-                continue;
-            }
-            if (visited.has(cur)) {
-                console.error("has cycle", cur);
-                return true;
-            }
-            if (Array.isArray(cur)) {
-                queue.push.apply(queue, cur);
-            }
-            else if (getType(cur) === "object") {
-                cur = cur;
-                for (var key in cur) {
-                    queue.push(cur[key]);
-                }
-                visited.add(cur);
-            }
-        }
-        return false;
-    }
-    return bfs(obj);
-}
-function flattenObject(obj, prefix, res) {
-    if (prefix === void 0) { prefix = ""; }
-    if (res === void 0) { res = []; }
-    if (getType(obj) === "string") {
-        res.push(prefix, "\"".concat(obj, "\""));
-    }
-    else if (getType(obj) === "number" || getType(obj) === "boolean") {
-        obj = obj;
-        res.push(prefix, obj.toString());
-    }
-    else if (isNull(obj)) {
-        res.push(prefix, "null");
-    }
-    else if (getType(obj) === "array") {
-        obj = obj;
-        if (obj.length === 0) {
-            res.push(prefix, "[]");
-        }
-        else {
-            obj.forEach(function (item, index) {
-                flattenObject(item, prefix ? "".concat(prefix, ">[").concat(index, "]") : "[".concat(index, "]"), res);
-            });
-        }
-    }
-    else if (getType(obj) === "object") {
-        obj = obj;
-        if (Object.keys(obj).length === 0) {
-            res.push(prefix, "{}");
-        }
-        else {
-            Object.keys(obj).forEach(function (key) {
-                obj = obj;
-                flattenObject(obj[key], prefix ? "".concat(prefix, ">").concat(key) : key, res);
-            });
-        }
-    }
-    return res;
-}
-function parseValue(value) {
-    if (value.startsWith('"') && value.endsWith('"')) {
-        return value.slice(1, -1);
-    }
-    switch (value) {
-        case "null":
-            return null;
-        case "true":
-            return true;
-        case "false":
-            return false;
-        case "[]":
-            return [];
-        case "{}":
-            return {};
-        default:
-            return parseFloat(value);
-    }
-}
-function keys2obj(keys, value) {
-    var res = keys[0].substring(0, 1) === "[" ? [] : {};
-    if (keys[0].substring(0, 1) === "[") {
-        var idx = parseInt(keys[0].slice(1, -1));
-        res[idx] = keys.length === 1 ? parseValue(value) : keys2obj(keys.slice(1), value);
-    }
-    else {
-        res[keys[0]] = keys.length === 1 ? parseValue(value) : keys2obj(keys.slice(1), value);
-    }
-    return res;
-}
-function isNull(obj) {
-    return obj == null || obj == undefined;
-}
-function getType(obj) {
-    if (isNull(obj)) {
-        return "null";
-    }
-    if (Array.isArray(obj)) {
-        return "array";
-    }
-    return typeof obj;
-}
-var mergeObj = function (obj1, obj2) {
-    //merge two obj to obj1
-    if (getType(obj1) !== getType(obj2)) {
-        console.error("obj1 and obj2 type is different");
-        return obj1;
-    }
-    if (getType(obj1) === "array") {
-        obj1 = obj1;
-        obj2 = obj2;
-        for (var i = 0; i < Math.max(obj1.length, obj2.length); i++) {
-            if ((isNull(obj1[i]) && !isNull(obj2[i])) || (isNull(obj1[i]) && isNull(obj2[i]))) {
-                obj1[i] = obj2[i];
-            }
-            else if (!isNull(obj1[i]) && isNull(obj2[i])) {
-            }
-            else {
-                mergeObj(obj1[i], obj2[i]);
-            }
-        }
-    }
-    else if (getType(obj1) === "object") {
-        obj1 = obj1;
-        obj2 = obj2;
-        for (var key in obj1) {
-            if (obj2.hasOwnProperty(key)) {
-                mergeObj(obj1[key], obj2[key]);
-            }
-        }
-        for (var key in obj2) {
-            if (!obj1.hasOwnProperty(key)) {
-                obj1[key] = obj2[key];
-            }
-        }
-    }
-    return obj1;
-};
-function unflattenObject(arr) {
-    if (arr.length === 0)
-        return {};
-    if (arr.length % 2 !== 0) {
-        console.error("arr length is odd");
-        return {};
-    }
-    if (arr[0] == "") {
-        //无嵌套
-        return parseValue(arr[1]);
-    }
-    //有嵌套
-    var ans = arr[0].substring(0, 1) === "[" ? [] : {};
-    for (var i = 0; i < arr.length; i += 2) {
-        var keys = arr[i].split(">");
-        var value = arr[i + 1];
-        var tem = keys2obj(keys, value);
-        // console.log('tem', tem);
-        mergeObj(ans, tem);
-        //合并两个obj
-    }
-    return ans;
-}
-// let t2 = [];
-// let t2: HMSETData = [
-//     [['a', 'b', [[[]]]]],
-//     [{}, { a: [] }],
-//     { a: 'b', b: 123, c: [1, 2, 3, true, false, null, { a: 'b' }], d: null, e: { f: { g: { s: [] } } } },
-// ];
-// let t3: HMSETData = JSON.parse(JSON.stringify(t2));
-// t3![2].c[6].a = '123';
-// console.log(JSON.stringify(HMSETHelper.DiffObjToHM(t2, t3)));
-// let t2 = 'asd';
-// let t2 = [];
-// let t2 = [[[[[2]]]]];
-// let t2 = [[[[[]]]]];
-// let t2 = [false, null];
-// console.log(JSON.stringify(HMSETHelper.HMToObg(HMSETHelper.ObgToHM(t2))) == JSON.stringify(t2));
-// let t3 = JSON.parse(JSON.stringify(t));
-// t3.b.d[2].f[2].g = '10';
-// t3.b.d[2].f.push({ h: '11' });
-// console.log(JSON.stringify(HMSETHelper.diff(t, t3)));
-var runTest = function () {
-    var ok = true;
-    try {
-        for (var i = 0; i < 500; i++) {
-            if (!ok) {
-                break;
-            }
-            var deep = Math.floor(Math.random() * 6);
-            var obj = generateRandomObject(deep);
-            var flat_1 = HMSETHelper.ObjToHM(obj);
-            var obj2 = HMSETHelper.HMToObj(flat_1);
-            if (JSON.stringify(obj) !== JSON.stringify(obj2)) {
-                console.error("error!! ", JSON.stringify(obj, null, 4), "----------------", JSON.stringify(obj2, null, 4));
-                ok = false;
-                break;
-            }
-            else {
-                console.log("pass " + i);
-            }
-        }
-        //循环引用测试
-        var objA = {};
-        var objB = { parent: objA };
-        objA.child = objB;
-        var flat = HMSETHelper.ObjToHM(objA);
-        var objC = HMSETHelper.HMToObj(flat);
-        console.log(JSON.stringify(flat, null, 4));
-    }
-    catch (e) {
-        console.error(e);
-    }
-};
-// runTest();
-function generateRandomObject(depth) {
-    function getRDString() {
-        var characters = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$%^&*()_+";
-        var l = Math.max(1, Math.floor(Math.random() * 10));
-        return Array.from({ length: l }, function () { return characters[Math.floor(Math.random() * characters.length)]; }).join("");
-    }
-    if (depth === 0) {
-        var resType = ["string", "number", "boolean", "null"][Math.floor(Math.random() * 4)];
-        var val = void 0;
-        if (resType === "string") {
-            val = getRDString();
-        }
-        else if (resType === "number") {
-            val = Math.floor(Math.random() * 100);
-        }
-        else if (resType === "boolean") {
-            val = Math.random() < 0.5;
-        }
-        else {
-            val = null;
-        }
-        return val;
-    }
-    var nestType = ["array", "object"][Math.floor(Math.random() * 2)];
-    var nestNum = Math.floor(Math.random() * 5);
-    var res = nestType === "array" ? [] : {};
-    if (nestType === "array") {
-        for (var i = 0; i < nestNum; i++) {
-            res[i] = generateRandomObject(depth - 1);
-        }
-    }
-    else {
-        for (var i = 0; i < nestNum; i++) {
-            res[getRDString()] = generateRandomObject(depth - 1);
-        }
-    }
-    return res;
-}
-module.exports = { HMSETHelper: HMSETHelper };

package/src/js_components/src/frameAnimationJs.d.ts

@@ -1,32 +0,0 @@
-export class frameAnimationJs {
-    constructor({ rootId, rootClassName, totalTime, width, height, srcArr, onShow, onFinish, preloadCount, loop, showLastFrame, }: {
-        rootId?: string | undefined;
-        rootClassName?: string | undefined;
-        totalTime: any;
-        width: any;
-        height: any;
-        srcArr: any;
-        onShow: any;
-        onFinish: any;
-        preloadCount?: number | undefined;
-        loop?: boolean | undefined;
-        showLastFrame?: boolean | undefined;
-    });
-    rootId: string;
-    rootClassName: string;
-    totalTime: any;
-    width: any;
-    height: any;
-    srcArr: any;
-    onShow: any;
-    onFinish: any;
-    preloadCount: number;
-    loop: boolean;
-    showLastFrame: boolean;
-    cRefArr: HTMLImageElement[];
-    imgEleArr: HTMLImageElement[];
-    nextFrame(startTime: any, oneFrameTime: any, showedFrame: any): void;
-    rootEle: HTMLDivElement;
-    init(): void;
-    getRootEle(): HTMLDivElement;
-}

package/src/js_components/src/frameAnimationJs.js

@@ -1,125 +0,0 @@
-"use strict";
-/**
- * FrameAnimation的js版本
- * @param rootId 根节点id
- * @param rootClassName 根节点className
- * @param totalTime 动画总时长
- * @param width 组件宽度
- * @param height 组件高度
- * @param srcArr 图片url数组
- * @param onShow 每一帧显示时的回调
- * @param onFinish 动画结束时的回调
- * @param preloadCount 预加载节点的数量
- * @param loop 是否循环播放
- * @param showLastFrame 播放结束后是否显示最后一帧
- */
-module.exports.frameAnimationJs = /** @class */ (function () {
-    function frameAnimationJs(_a) {
-        var _b = _a.rootId, rootId = _b === void 0 ? '' : _b, _c = _a.rootClassName, rootClassName = _c === void 0 ? '' : _c, totalTime = _a.totalTime, width = _a.width, height = _a.height, srcArr = _a.srcArr, onShow = _a.onShow, onFinish = _a.onFinish, _d = _a.preloadCount, preloadCount = _d === void 0 ? 5 : _d, _e = _a.loop, loop = _e === void 0 ? false : _e, _f = _a.showLastFrame, showLastFrame = _f === void 0 ? true : _f;
-        var _this = this;
-        this.rootId = rootId;
-        this.rootClassName = rootClassName;
-        this.totalTime = totalTime;
-        this.width = width;
-        this.height = height;
-        this.srcArr = srcArr;
-        this.onShow = onShow;
-        this.onFinish = onFinish;
-        this.preloadCount = preloadCount;
-        this.loop = loop;
-        this.showLastFrame = showLastFrame;
-        this.cRefArr = Array.from({ length: preloadCount }, function () { return document.createElement('img'); });
-        this.imgEleArr = Array.from({ length: preloadCount }, function (v, i) {
-            _this.cRefArr[i].src = _this.srcArr[i];
-            _this.cRefArr[i].style.position = 'absolute';
-            _this.cRefArr[i].style.visibility = 'hidden';
-            _this.cRefArr[i].style.width = _this.width;
-            _this.cRefArr[i].style.height = _this.height;
-            return _this.cRefArr[i];
-        });
-        this.nextFrame = this.nextFrame.bind(this);
-        this.rootEle = document.createElement('div');
-        console.log('ccc');
-        this.init();
-    }
-    frameAnimationJs.prototype.init = function () {
-        var _this = this;
-        this.rootEle.style.width = this.width;
-        this.rootEle.style.height = this.height;
-        this.rootEle.id = this.rootId;
-        this.rootEle.className = this.rootClassName;
-        this.imgEleArr.forEach(function (ele) {
-            _this.rootEle.appendChild(ele);
-        });
-        var startTime = Date.now();
-        var oneFrameTime = this.totalTime / this.srcArr.length;
-        //设置第一帧
-        this.cRefArr[0].style.visibility = 'visible';
-        this.nextFrame(startTime, oneFrameTime, 0);
-    };
-    //循环修改imgEleArr的src和visibility实现帧动画,，记录上一帧的序号防止跳帧
-    frameAnimationJs.prototype.nextFrame = function (startTime, oneFrameTime, showedFrame) {
-        var _this = this;
-        var nowTime = Date.now();
-        //该显示第几帧
-        var nowFrame = Math.floor((nowTime - startTime) / oneFrameTime);
-        //使用第几个img元素
-        var nowArrIndex = nowFrame % this.preloadCount;
-        var showedArrIndex = showedFrame % this.preloadCount;
-        // console.log('nextFrame', nowFrame, 'nowArrIndex', nowArrIndex, 'nowFrame', nowFrame);
-        if (!this.cRefArr[0]) {
-            //组件已经被卸载
-            this.onFinish && this.onFinish();
-            return;
-        }
-        if (nowFrame >= this.srcArr.length) {
-            this.onFinish && this.onFinish();
-            if (!this.loop) {
-                this.cRefArr.forEach(function (ref, i) {
-                    ref.style.visibility = 'hidden';
-                });
-                if (this.showLastFrame) {
-                    //跳帧的话，最后一帧可能不是最后一张图片，设为最后一张图片
-                    this.cRefArr[0].src = this.srcArr[this.srcArr.length - 1];
-                    this.cRefArr[0].style.visibility = 'visible';
-                }
-                return;
-            }
-            //重置img标签的 src 和 visibility
-            this.cRefArr.forEach(function (ref, i) {
-                ref.style.visibility = 'hidden';
-                ref.src = _this.srcArr[i];
-            });
-            startTime = Date.now();
-            this.cRefArr[0].style.visibility = 'visible';
-            requestAnimationFrame(function () {
-                _this.nextFrame(startTime, oneFrameTime, 0);
-            });
-            return;
-        }
-        if (nowFrame !== showedFrame) {
-            this.cRefArr[nowArrIndex].style.visibility = 'visible';
-            //隐藏上一帧
-            this.cRefArr[showedArrIndex].style.visibility = 'hidden';
-            //可能跳帧，在所有其他的元素上预加载
-            this.cRefArr.forEach(function (ref, i) {
-                if (i !== nowArrIndex) {
-                    var offset = (i + _this.cRefArr.length - nowArrIndex) % _this.cRefArr.length;
-                    var offsetFrame = (nowFrame + offset) % _this.srcArr.length;
-                    if (ref.src !== _this.srcArr[offsetFrame]) {
-                        ref.src = _this.srcArr[offsetFrame];
-                    }
-                }
-            });
-            showedFrame = nowFrame;
-            this.onShow && this.onShow(nowFrame);
-        }
-        requestAnimationFrame(function () {
-            _this.nextFrame(startTime, oneFrameTime, showedFrame);
-        });
-    };
-    frameAnimationJs.prototype.getRootEle = function () {
-        return this.rootEle;
-    };
-    return frameAnimationJs;
-}());