pixuireactcomponents 1.3.12 → 1.3.13

package/index.d.ts

@@ -1,6 +1,5 @@
-export { Tabs } from "./ui/components/tab/Tabs";
-export { Tab } from "./ui/components/tab/Tab";
 export { Progress } from "./ui/components/progress/Progress";
 export { Logger } from "./tools/Logger";
+export { Carousel } from "./ui/components/carousel/Carousel";
 export { ImageViewer } from "./ui/components/imageViewer/imageViewer";
 export { Slider, SliderProps } from "./ui/components/slider/Slider";

package/index.js

@@ -10,7 +10,7 @@ export { Progress } from "./ui/components/progress/Progress";
 // export{OutlineText} from "./ui/components/outlinetext/OutlineText"
 export { Logger } from "./tools/Logger";
 // export{EventDispatcherJs} from "./tools/EventDispatcherJs"
-// export {Carousel} from "./ui/components/carousel/Carousel"
+export { Carousel } from "./ui/components/carousel/Carousel";
 // export {Slapface} from "./ui/components/slapface/Slapface"
 // export {Button} from "./ui/components/button/Button"
 // export {ToggleGroup} from "./ui/components/togglegroup/ToggleGroup"

package/package.json

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

package/tools/ImgPreLoader.d.ts

@@ -0,0 +1,5 @@
+export declare function ImgPreLoader(): void;
+export declare namespace ImgPreLoader {
+    var preLoadUrl: (url: string) => Promise<void>;
+    var getPreLoadUrl: (url: string) => Promise<string>;
+}

package/tools/ImgPreLoader.js

@@ -0,0 +1,101 @@
+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 { utils } from "./utils";
+export function ImgPreLoader() { }
+/**
+ * 预加载一个png，jpg的url
+ */
+ImgPreLoader.preLoadUrl = function (url) { return __awaiter(void 0, void 0, void 0, function () {
+    var post, fileName_1, stashed, xhr_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                console.log('utils.preLoadUrl', url);
+                post = url.substring(url.length - 3, url.length);
+                if (!(post == 'png' || post == 'jpg')) return [3 /*break*/, 2];
+                fileName_1 = utils.getHashStr(url);
+                return [4 /*yield*/, utils.readCookie(fileName_1)];
+            case 1:
+                stashed = _a.sent();
+                if (stashed != '') {
+                    return [2 /*return*/];
+                }
+                xhr_1 = new XMLHttpRequest();
+                xhr_1.open('GET', url, true);
+                xhr_1.responseType = 'arraybuffer';
+                xhr_1.onload = function () {
+                    if (xhr_1.status === 200) {
+                        console.log('utils.preLoadUrl 缓存完成', url, 'filename: ', fileName_1);
+                        utils.writeCookie(fileName_1, "data:image/".concat(post, ";base64,") + Buffer.from(xhr_1.response, 'binary').toString('base64'));
+                    }
+                    else {
+                        console.warn('utils.preLoadUrl statue!=200', xhr_1.status);
+                    }
+                };
+                xhr_1.onerror = function () {
+                    console.warn('utils.preLoadUrl XHR error', xhr_1.status);
+                };
+                xhr_1.send();
+                return [3 /*break*/, 3];
+            case 2:
+                console.log('utils.preLoadUrl url不是图片');
+                _a.label = 3;
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+/**
+ * 判断一个url是否已经预加载过，如果预加载过，返回base64，否则返回原url
+ */
+ImgPreLoader.getPreLoadUrl = function (url) { return __awaiter(void 0, void 0, void 0, function () {
+    var res;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, utils.readCookie(utils.getHashStr(url))];
+            case 1:
+                res = _a.sent();
+                console.log('utils.getPreLoadUrl', res == '' ? '未缓存' : '已缓存');
+                if (res == '') {
+                    return [2 /*return*/, url];
+                }
+                else {
+                    return [2 /*return*/, res];
+                }
+                return [2 /*return*/];
+        }
+    });
+}); };

package/tools/Sha1.d.ts

@@ -0,0 +1 @@
+export function sha1(s: any): string;

package/tools/Sha1.js

@@ -0,0 +1,53 @@
+function encodeUTF8(s) {
+    var i, r = [], c, x;
+    for (i = 0; i < s.length; i++)
+        if ((c = s.charCodeAt(i)) < 0x80)
+            r.push(c);
+        else if (c < 0x800)
+            r.push(0xC0 + (c >> 6 & 0x1F), 0x80 + (c & 0x3F));
+        else {
+            if ((x = c ^ 0xD800) >> 10 == 0) //对四字节UTF-16转换为Unicode
+                c = (x << 10) + (s.charCodeAt(++i) ^ 0xDC00) + 0x10000,
+                    r.push(0xF0 + (c >> 18 & 0x7), 0x80 + (c >> 12 & 0x3F));
+            else
+                r.push(0xE0 + (c >> 12 & 0xF));
+            r.push(0x80 + (c >> 6 & 0x3F), 0x80 + (c & 0x3F));
+        }
+    ;
+    return r;
+}
+// 字符串加密成 hex 字符串
+export function sha1(s) {
+    var data = new Uint8Array(encodeUTF8(s));
+    var i, j, t;
+    var l = ((data.length + 8) >>> 6 << 4) + 16, s = new Uint8Array(l << 2);
+    s.set(new Uint8Array(data.buffer)), s = new Uint32Array(s.buffer);
+    for (t = new DataView(s.buffer), i = 0; i < l; i++)
+        s[i] = t.getUint32(i << 2);
+    s[data.length >> 2] |= 0x80 << (24 - (data.length & 3) * 8);
+    s[l - 1] = data.length << 3;
+    var w = [], f = [
+        function () { return m[1] & m[2] | ~m[1] & m[3]; },
+        function () { return m[1] ^ m[2] ^ m[3]; },
+        function () { return m[1] & m[2] | m[1] & m[3] | m[2] & m[3]; },
+        function () { return m[1] ^ m[2] ^ m[3]; }
+    ], rol = function (n, c) { return n << c | n >>> (32 - c); }, k = [1518500249, 1859775393, -1894007588, -899497514], m = [1732584193, -271733879, null, null, -1009589776];
+    m[2] = ~m[0], m[3] = ~m[1];
+    for (i = 0; i < s.length; i += 16) {
+        var o = m.slice(0);
+        for (j = 0; j < 80; j++)
+            w[j] = j < 16 ? s[i + j] : rol(w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16], 1),
+                t = rol(m[0], 5) + f[j / 20 | 0]() + m[4] + w[j] + k[j / 20 | 0] | 0,
+                m[1] = rol(m[1], 30), m.pop(), m.unshift(t);
+        for (j = 0; j < 5; j++)
+            m[j] = m[j] + o[j] | 0;
+    }
+    ;
+    t = new DataView(new Uint32Array(m).buffer);
+    for (var i = 0; i < 5; i++)
+        m[i] = t.getUint32(i << 2);
+    var hex = Array.prototype.map.call(new Uint8Array(new Uint32Array(m).buffer), function (e) {
+        return (e < 16 ? "0" : "") + e.toString(16);
+    }).join("");
+    return hex;
+}

package/tools/utils.d.ts

@@ -0,0 +1,6 @@
+export declare function utils(): void;
+export declare namespace utils {
+    var writeCookie: (key: string, value: string) => Promise<void>;
+    var readCookie: (key: string) => Promise<string>;
+    var getHashStr: (str: string) => string;
+}

package/tools/utils.js

@@ -0,0 +1,77 @@
+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 { GameletAPI } from "gamelet-pixui-frame";
+import { sha1 } from "./Sha1";
+export function utils() { }
+utils.writeCookie = function (key, value) {
+    return __awaiter(this, void 0, void 0, function () {
+        var ud;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, GameletAPI.getUserData()];
+                case 1:
+                    ud = _a.sent();
+                    console.log('utils.writeCookie', key + GameletAPI.getAppID().toString() + ud.sOpenId, value.substring(0, 1000));
+                    return [4 /*yield*/, GameletAPI.writeCookie(key + GameletAPI.getAppID().toString() + ud.sOpenId, value)];
+                case 2: return [2 /*return*/, _a.sent()];
+            }
+        });
+    });
+};
+utils.readCookie = function (key) {
+    return __awaiter(this, void 0, void 0, function () {
+        var ud, data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, GameletAPI.getUserData()];
+                case 1:
+                    ud = _a.sent();
+                    return [4 /*yield*/, GameletAPI.readCookie(key + GameletAPI.getAppID().toString() + ud.sOpenId)];
+                case 2:
+                    data = _a.sent();
+                    console.log('utils.readCookie', key + GameletAPI.getAppID().toString() + ud.sOpenId, data.substring(0, 1000));
+                    return [2 /*return*/, data];
+            }
+        });
+    });
+};
+/**
+ * 哈希生成一个长度20的字符串
+ */
+utils.getHashStr = function (str) {
+    return sha1(str).substring(0, 20);
+};

package/ui/components/carousel/Carousel.d.ts

@@ -0,0 +1,5 @@
+import { h } from 'preact';
+export declare function Carousel(props: any): h.JSX.Element;
+export declare namespace Carousel {
+    var Item: (props: any) => h.JSX.Element;
+}

package/ui/components/carousel/Carousel.js

@@ -0,0 +1,226 @@
+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);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { h } from 'preact';
+import { useState, useEffect, useRef, useMemo, useImperativeHandle } from '../../../../../lib/preact/hooks/src';
+// import React, { useState, useEffect, useRef, useMemo } from 'preact/hooks';
+var indicatorStyle = { width: '20px', height: '8px', margin: '5px', backgroundColor: '#cecfda', borderRadius: '3px' };
+var indicatorSelectedStyle = __assign(__assign({}, indicatorStyle), { backgroundColor: '#fafbfc' });
+export function Carousel(props) {
+    var _a = props.children, children = _a === void 0 ? [] : _a, _b = props.defaultIndex, defaultIndex = _b === void 0 ? 1 : _b, _c = props.compWidth, compWidth = _c === void 0 ? 100 : _c, _d = props.compHeight, compHeight = _d === void 0 ? 100 : _d, _e = props.autoplay, autoplay = _e === void 0 ? true : _e, _f = props.switchDuration, switchDuration = _f === void 0 ? 3000 : _f, _g = props.loop, loop = _g === void 0 ? true : _g, _h = props.isVertical, isVertical = _h === void 0 ? false : _h, _j = props.touchable, touchable = _j === void 0 ? true : _j, _k = props.onSlideChange, onSlideChange = _k === void 0 ? null : _k, _l = props.onclickEvent, onclickEvent = _l === void 0 ? null : _l;
+    useImperativeHandle(props.cRef, function () { return ({
+        handleNext: handleNext,
+        handlePrev: handlePrev
+    }); });
+    var duration = switchDuration < 1000 ? 1000 : switchDuration;
+    var _m = useState(defaultIndex), showIndex = _m[0], setShowIndex = _m[1];
+    //轮播元素正在滚动
+    var isMoving = useRef(false);
+    //鼠标手势信息
+    var isMouseDown = useRef(false);
+    var mouseDownX = useRef(0);
+    var mouseDownY = useRef(0);
+    var handleNextRef = useRef(function () { });
+    var nextInterval = useRef();
+    var _o = useState(true), showTransition = _o[0], setShowTransition = _o[1];
+    var _p = useState([0, 0]), gesteroffset = _p[0], setGesteroffset = _p[1];
+    var _q = useState(''), logTex = _q[0], setLogTex = _q[1];
+    var offset = useMemo(function () { return -(isVertical ? compHeight : compWidth) * showIndex; }, [showIndex]);
+    var itemBoxStyle = { minWidth: compWidth + 'px', minHeight: compHeight + 'px', maxWidth: compWidth + 'px', maxHeight: compHeight + 'px', };
+    var carouselItems = useMemo(function () {
+        var firstChild = children[0];
+        var lastChild = children[children.length - 1];
+        return __spreadArray(__spreadArray([lastChild], children, true), [firstChild], false);
+    }, [children]);
+    var isLastCarouseItem = function () { return showIndex === carouselItems.length - 1; };
+    var isFirstCarouseLastItem = function () { return showIndex === 0; };
+    useEffect(function () {
+        setNextInterval();
+    }, [autoplay]);
+    //组件展示内容长度改变的时候改回到第一个元素，刷新autoplay判断
+    useEffect(function () {
+        setNextInterval();
+        setShowIndex(1);
+    }, [children]);
+    useEffect(function () {
+        //每次跳转前判断打开动画，否则动画关闭以后不会调用handleTransitionEnd
+        if (!isLastCarouseItem() && !isFirstCarouseLastItem()) {
+            setShowTransition(true);
+        }
+    }, [showIndex]);
+    //更新handleNext的环境
+    useEffect(function () {
+        handleNextRef.current = handleNext;
+    });
+    var setNextInterval = function () {
+        clearInterval(nextInterval.current);
+        if (children.length > 1 && autoplay) {
+            nextInterval.current = setInterval(function () {
+                handleNextRef.current();
+            }, duration);
+        }
+    };
+    useEffect(function () {
+        setNextInterval();
+    }, []);
+    var handlePrev = function () {
+        if (isMoving.current)
+            return;
+        isMoving.current = true;
+        if (showIndex === 0) {
+            setShowIndex(carouselItems.length - 1);
+        }
+        else {
+            setShowIndex(showIndex - 1);
+        }
+    };
+    var handleNext = function () {
+        // console.log('nex', isMoving.current, showIndex, isVertical ? `translate(0px, ${offset}px)` : `translate(${offset}px, 0px)`)
+        if (!loop && showIndex == carouselItems.length - 2)
+            return;
+        if (isMoving.current)
+            return;
+        isMoving.current = true;
+        setShowIndex(showIndex + 1);
+    };
+    var handleTransitionEnd = function () {
+        //判断前后补位元素准备跳转
+        //在动画结束以后关掉，否则用鼠标拖动的时候不能补充剩下的offset
+        if (isLastCarouseItem() || isFirstCarouseLastItem()) {
+            setShowTransition(false);
+        }
+        // console.log('showIndex' + showIndex)
+        isMoving.current = false;
+        //触发onSlideChange
+        if (!isLastCarouseItem() && !isFirstCarouseLastItem() && onSlideChange)
+            onSlideChange(showIndex - 1);
+        // 处理首尾特殊case
+        if (isLastCarouseItem()) {
+            setShowIndex(1);
+        }
+        if (isFirstCarouseLastItem()) {
+            setShowIndex(carouselItems.length - 2);
+        }
+    };
+    var gestureUp = function () {
+        // setLogTex(logTex + 'UP ');
+        if (!touchable)
+            return;
+        if (isMoving.current)
+            return;
+        //打开动画
+        setShowTransition(true);
+        isMouseDown.current = false;
+        //拖动大于1/3的时候跳转
+        if (isVertical) {
+            if (gesteroffset[1] > compHeight / 3) {
+                handlePrev();
+            }
+            else if (gesteroffset[1] < -compHeight / 3) {
+                handleNext();
+            }
+        }
+        else {
+            if (gesteroffset[0] > compWidth / 3) {
+                handlePrev();
+            }
+            else if (gesteroffset[0] < -compWidth / 3) {
+                handleNext();
+            }
+        }
+        setGesteroffset([0, 0]);
+        setNextInterval();
+    };
+    var gestureMove = function (e) {
+        if (!touchable)
+            return;
+        if (!isMouseDown.current)
+            return;
+        var l = e.target.getBoundingClientRect().left;
+        var r = e.target.getBoundingClientRect().right;
+        var t = e.target.getBoundingClientRect().top;
+        var b = e.target.getBoundingClientRect().bottom;
+        var x = e.clientX;
+        var y = e.clientY;
+        setGesteroffset([e.clientX - mouseDownX.current, e.clientY - mouseDownY.current]);
+        //计算滑动超出元素范围
+        if (x < l || x > r || y > b || y < t) {
+            gestureUp();
+        }
+    };
+    var gestureDown = function (e) {
+        if (!touchable)
+            return;
+        if (isMoving.current)
+            return;
+        if (nextInterval.current) {
+            clearInterval(nextInterval.current);
+            nextInterval.current = null;
+        }
+        mouseDownX.current = e.clientX;
+        mouseDownY.current = e.clientY;
+        isMouseDown.current = true;
+        //拖动时关闭动画
+        setShowTransition(false);
+    };
+    var gestureClick = function (props) {
+        if (isMoving.current)
+            return;
+        if (onclickEvent) {
+            onclickEvent(showIndex - 1);
+        }
+    };
+    return (h("div", { style: { flexDirection: 'column' } },
+        h("div", { style: __assign(__assign({ position: 'relative' }, itemBoxStyle), { overflow: 'hidden', flexShrink: 0 }) },
+            h("div", { style: {
+                    display: 'flex',
+                    width: isVertical ? compWidth : compWidth * carouselItems.length + 'px',
+                    height: isVertical ? compHeight * carouselItems.length : compHeight + 'px',
+                    transition: "transform ".concat(showTransition ? '0.5s' : '0s', " ease 0s"),
+                    transform: isVertical ? "translate(0px, ".concat(offset + gesteroffset[1], "px)") : "translate(".concat(offset + gesteroffset[0], "px, 0px)"),
+                    flexDirection: isVertical ? 'column' : 'row',
+                    flexShrink: 0,
+                }, class: 'wrapper', onTransitionEnd: handleTransitionEnd }, carouselItems.map(function (child) { return child; }))),
+        h("div", { draggable: true, style: __assign(__assign({}, itemBoxStyle), { position: 'absolute' }), onClick: function () { gestureClick(props); }, class: 'GestureComp', onDragStart: function (e) {
+                if (children.length > 1) {
+                    gestureDown(e);
+                }
+            }, onDrag: function (e) {
+                if (children.length > 1) {
+                    gestureMove(e);
+                }
+            }, onDragEnd: function () {
+                if (children.length > 1) {
+                    gestureUp();
+                }
+            } }),
+        h("div", { style: { flexDirection: isVertical ? 'column' : 'row', } }, children.map(function (v, i) {
+            return h("div", { style: (showIndex == i + 1) ? indicatorSelectedStyle : indicatorStyle, onClick: function () { setShowIndex(i + 1); } });
+        }))));
+}
+Carousel.Item = function (props) {
+    return h("div", { style: {
+        // width: '100%',
+        // height: '100%',
+        // flexShrink: 0,
+        } },
+        " ",
+        props.children);
+};

package/ui/components/tab/Tab.d.ts

@@ -1,6 +0,0 @@
-import { Component, JSX } from "preact";
-export declare class Tab extends Component<{
-    realTab: JSX.Element;
-}, any> {
-    render(): JSX.Element;
-}

package/ui/components/tab/Tab.js

@@ -1,27 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import { Component } from "preact";
-var Tab = /** @class */ (function (_super) {
-    __extends(Tab, _super);
-    function Tab() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Tab.prototype.render = function () {
-        return (this.props.realTab);
-    };
-    return Tab;
-}(Component));
-export { Tab };

package/ui/components/tab/Tabs.d.ts

@@ -1,12 +0,0 @@
-import { Component, CSSProperties, h } from "preact";
-export declare class Tabs extends Component<{
-    tabBarStyle: CSSProperties;
-    onChoose: Function;
-    defaultIndex: number | null;
-}, {
-    selectedIndex: number;
-}> {
-    constructor(props: any);
-    SetCurrentIndex: (index: number) => void;
-    render(): h.JSX.Element;
-}

package/ui/components/tab/Tabs.js

@@ -1,54 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import { Component, h } from "preact";
-import { Tab } from "./Tab";
-var Tabs = /** @class */ (function (_super) {
-    __extends(Tabs, _super);
-    function Tabs(props) {
-        var _this = _super.call(this, props) || this;
-        _this.SetCurrentIndex = function (index) {
-            if (index < 0 || index >= _this.props.children.length)
-                return;
-            _this.setState({
-                selectedIndex: index
-            });
-        };
-        var initIndex = _this.props.defaultIndex == null ? 0 : _this.props.defaultIndex;
-        _this.state = {
-            selectedIndex: initIndex
-        };
-        return _this;
-    }
-    Tabs.prototype.render = function () {
-        var _this = this;
-        return (h("div", { style: this.props.tabBarStyle }, this.props.children.map(function (v, index) {
-            if (v.type != Tab)
-                return v; // 留的口子，方便往Tabs里插入一些东西
-            return (h("div", { onClick: function () {
-                    if (_this.state.selectedIndex == index) {
-                        return;
-                    }
-                    _this.setState({
-                        selectedIndex: index
-                    }, function () {
-                        _this.props.onChoose(_this.state.selectedIndex);
-                    });
-                } }, v));
-        })));
-    };
-    return Tabs;
-}(Component));
-export { Tabs };