pixuireactcomponents 1.3.7 → 1.3.9

package/index.d.ts

@@ -1,17 +1,6 @@
 export { Tabs } from "./ui/components/tab/Tabs";
 export { Tab } from "./ui/components/tab/Tab";
 export { Progress } from "./ui/components/progress/Progress";
-export { Dropdown } from "./ui/components/dropdown/Dropdown";
-export { DropdownOptionUI } from "./ui/components/dropdown/DropdownOptionUI";
-export { DropdownSpreadMainUI } from "./ui/components/dropdown/DropdownSpreadMainUI";
-export { DropdownUnspreadMainUI } from "./ui/components/dropdown/DropdownUnspreadMainUI";
-export { GradientText } from "./ui/components/gradient/GradientText";
-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 { Slapface } from "./ui/components/slapface/Slapface";
-export { Button } from "./ui/components/button/Button";
-export { ToggleGroup } from "./ui/components/togglegroup/ToggleGroup";
 export { ImageViewer } from "./ui/components/imageViewer/imageViewer";
 export { Slider, SliderProps } from "./ui/components/slider/Slider";

package/index.js

@@ -2,17 +2,17 @@ export { Tabs } from "./ui/components/tab/Tabs";
 export { Tab } from "./ui/components/tab/Tab";
 export { Slider } from "./ui/components/slider/Slider";
 export { Progress } from "./ui/components/progress/Progress";
-export { Dropdown } from "./ui/components/dropdown/Dropdown";
-export { DropdownOptionUI } from "./ui/components/dropdown/DropdownOptionUI";
-export { DropdownSpreadMainUI } from "./ui/components/dropdown/DropdownSpreadMainUI";
-export { DropdownUnspreadMainUI } from "./ui/components/dropdown/DropdownUnspreadMainUI";
-export { GradientText } from "./ui/components/gradient/GradientText";
-export { OutlineText } from "./ui/components/outlinetext/OutlineText";
+// export{ Dropdown} from "./ui/components/dropdown/Dropdown" 
+// export{DropdownOptionUI} from "./ui/components/dropdown/DropdownOptionUI"
+// export{DropdownSpreadMainUI} from "./ui/components/dropdown/DropdownSpreadMainUI"
+// export{DropdownUnspreadMainUI} from "./ui/components/dropdown/DropdownUnspreadMainUI"
+// export{GradientText} from "./ui/components/gradient/GradientText"
+// 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 { Slapface } from "./ui/components/slapface/Slapface";
-export { Button } from "./ui/components/button/Button";
-export { ToggleGroup } from "./ui/components/togglegroup/ToggleGroup";
+// export{EventDispatcherJs} from "./tools/EventDispatcherJs"
+// 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"
 export { ImageViewer } from './ui/components/imageViewer/imageViewer';
 console.log("Hello, 欢迎使用PixUI React Components");

package/package.json

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

package/ui/components/slider/Slider.js

@@ -25,13 +25,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { Component, createRef, h } from 'preact';
-var row_center_center = {
+var rowCenterCenter = {
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center'
 };
-var row_between_center = {
+var rowBetweenCenter = {
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'space-between',
@@ -182,7 +182,7 @@ var Slider = /** @class */ (function (_super) {
             }
         };
         _this.computeWrapperStyle = function () {
-            wrapperStyle = __assign({ width: _this.props.wrapperWidth + 'px', height: _this.props.wrapperHeight + 'px' }, row_center_center);
+            wrapperStyle = __assign({ width: _this.props.wrapperWidth + 'px', height: _this.props.wrapperHeight + 'px' }, rowCenterCenter);
         };
         _this.computeOuterStyle = function () {
             outerStyle = {
@@ -197,9 +197,9 @@ var Slider = /** @class */ (function (_super) {
             };
         };
         _this.computeInnerStyle = function () {
-            var _width = Math.floor(_this.state.percent / 100) + '%';
+            var innerWidth = Math.floor(_this.state.percent / 100) + '%';
             innerStyle = {
-                width: _width,
+                width: innerWidth,
                 height: (_this.props.innerHeight != null) ? _this.props.innerHeight + 'px' : '100%',
                 backgroundImage: "url(".concat(_this.props.innerBg, ")"),
                 backgroundSize: '100% 100%',
@@ -212,7 +212,7 @@ var Slider = /** @class */ (function (_super) {
         _this.computeDotWrapperStyle = function () {
             dotWrapperStyle = __assign({ position: 'absolute', width: _this.props.dotWrapperWidth + 'px', height: _this.props.dotWrapperHeight + 'px', 
                 //marginTop: (this.props.height - this.props.dotWrapperHeight) / 2 + "px",
-                marginLeft: (_this.props.wrapperWidth * _this.state.percent / 10000 - _this.props.dotWrapperWidth / 2) + 'px' }, row_center_center
+                marginLeft: (_this.props.wrapperWidth * _this.state.percent / 10000 - _this.props.dotWrapperWidth / 2) + 'px' }, rowCenterCenter
             // backgroundColor: '#FF000066'
             );
         };
@@ -239,7 +239,7 @@ var Slider = /** @class */ (function (_super) {
             };
         };
         _this.computeWithButtonStyle = function () {
-            withButtonStyle = __assign({ minWidth: _this.props.overallWidth + 'px' }, row_between_center);
+            withButtonStyle = __assign({ minWidth: _this.props.overallWidth + 'px' }, rowBetweenCenter);
         };
         _this.state = {
             percent: (props.discrete != null && _this.props.maxDiscrete != null && _this.props.discrete != null) ? _this.props.discrete * (10000 / _this.props.maxDiscrete) : Math.floor(_this.props.percent),

package/ui/components/button/Button.d.ts

@@ -1,6 +0,0 @@
-import { h, Component } from 'preact';
-export declare class Button extends Component<any, any> {
-    private btnImg;
-    private btnText;
-    render(props: any): h.JSX.Element;
-}

package/ui/components/button/Button.js

@@ -1,96 +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 { h, Component } from 'preact';
-var Button = /** @class */ (function (_super) {
-    __extends(Button, _super);
-    function Button() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.btnImg = document.createElement('img');
-        _this.btnText = document.createElement('div');
-        return _this;
-    }
-    Button.prototype.render = function (props) {
-        var _this = this;
-        return (h("div", { style: { alignItems: 'center', justifyContent: 'center' }, onClick: function () {
-                var _a;
-                if (_this.props.clickEvent) {
-                    if (_this.props.clickArr) {
-                        (_a = _this.props).clickEvent.apply(_a, props.clickArr);
-                    }
-                    else {
-                        _this.props.clickEvent();
-                    }
-                }
-            }, onMouseDown: function (e) {
-                if (!_this.btnImg) {
-                    return;
-                }
-                _this.btnImg.src = _this.props.picPress.buttonPic;
-                _this.btnImg.style.width = "".concat(props.picPress.width, "px"),
-                    _this.btnImg.style.height = "".concat(props.picPress.height, "px");
-                if (!_this.btnText) {
-                    return;
-                }
-                _this.btnText.textContent = _this.props.picPress.buttonText;
-                _this.btnText.style.fontSize = "".concat(props.picPress.fontSize, "px");
-            }, onMouseUp: function () {
-                if (!_this.btnImg) {
-                    return;
-                }
-                _this.btnImg.src = _this.props.picHover.buttonPic;
-                _this.btnImg.style.width = "".concat(props.picHover.width, "px"),
-                    _this.btnImg.style.height = "".concat(props.picHover.height, "px");
-                if (!_this.btnText) {
-                    return;
-                }
-                _this.btnText.textContent = _this.props.picHover.buttonText;
-                _this.btnText.style.fontSize = "".concat(props.picHover.fontSize, "px");
-            }, onMouseOver: function () {
-                if (!_this.btnImg) {
-                    return;
-                }
-                _this.btnImg.src = _this.props.picHover.buttonPic;
-                _this.btnImg.style.width = "".concat(props.picHover.width, "px"),
-                    _this.btnImg.style.height = "".concat(props.picHover.height, "px");
-                if (!_this.btnText) {
-                    return;
-                }
-                ;
-                _this.btnText.textContent = _this.props.picHover.buttonText;
-                _this.btnText.style.fontSize = "".concat(props.picHover.fontSize, "px");
-            }, onMouseOut: function () {
-                if (!_this.btnImg) {
-                    return;
-                }
-                _this.btnImg.src = _this.props.picNormal.buttonPic;
-                _this.btnImg.style.width = "".concat(props.picNormal.width, "px"),
-                    _this.btnImg.style.height = "".concat(props.picNormal.height, "px");
-                if (!_this.btnText) {
-                    return;
-                }
-                _this.btnText.textContent = _this.props.picNormal.buttonText;
-                _this.btnText.style.fontSize = "".concat(props.picNormal.fontSize, "px");
-            } },
-            h("img", { ref: function (img) {
-                    _this.btnImg = img;
-                }, style: { width: "".concat(props.picNormal.width, "px"), height: "".concat(props.picNormal.height, "px") }, src: this.props.picNormal.buttonPic }),
-            h("div", { ref: function (text) {
-                    _this.btnText = text;
-                }, style: { position: 'absolute', fontSize: "".concat(props.picNormal.fontSize, "px") } }, this.props.picNormal.buttonText)));
-    };
-    return Button;
-}(Component));
-export { Button };

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

@@ -1,5 +0,0 @@
-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

@@ -1,226 +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);
-};
-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/dropdown/Dropdown.d.ts

@@ -1,30 +0,0 @@
-import { Component, CSSProperties, h } from 'preact';
-import { DropdownOptionUI } from './DropdownOptionUI';
-import { DropdownSpreadMainUI } from './DropdownSpreadMainUI';
-import { DropdownUnspreadMainUI } from './DropdownUnspreadMainUI';
-export interface DropdownConfig<T> {
-    spreadStyle: CSSProperties;
-    datas: T[];
-}
-export declare class Dropdown<T, DDUnspreadMainUI extends DropdownUnspreadMainUI<T>, DDSpreadMainUI extends DropdownSpreadMainUI<T>, DDOptionUI extends DropdownOptionUI<T>> extends Component<{
-    config: DropdownConfig<T>;
-    onChoose: Function;
-    defaultIndex: number | null;
-    unspreadMainUI: DDUnspreadMainUI;
-    spreadMainUI: DDSpreadMainUI;
-    optionsUI: DDOptionUI[];
-}, {
-    selectedIndex: number;
-    isSpread: boolean;
-}> {
-    constructor(props: any);
-    componentWillUnmount(): void;
-    addNetEvents: () => void;
-    removeNetEvents: () => void;
-    addLogicEvents: () => void;
-    removeLogicEvents: () => void;
-    openList: () => void;
-    closeList: () => void;
-    onChoose: (index: number) => void;
-    render(): h.JSX.Element;
-}

package/ui/components/dropdown/Dropdown.js

@@ -1,92 +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';
-var optionsDivStyle = {
-    marginTop: 3,
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    height: 'auto',
-    overflow: 'scroll',
-    overflowStyle: 'none',
-};
-var Dropdown = /** @class */ (function (_super) {
-    __extends(Dropdown, _super);
-    function Dropdown(props) {
-        var _this = _super.call(this, props) || this;
-        _this.addNetEvents = function () {
-        };
-        _this.removeNetEvents = function () {
-        };
-        _this.addLogicEvents = function () {
-        };
-        _this.removeLogicEvents = function () {
-        };
-        _this.openList = function () {
-            // console.warn("open dropdown====")
-            _this.setState({
-                isSpread: true
-            });
-        };
-        _this.closeList = function () {
-            // console.warn("close dropdown====")
-            _this.setState({
-                isSpread: false
-            });
-        };
-        _this.onChoose = function (index) {
-            _this.props.onChoose(index);
-            // console.warn('dropdown-=----', index)
-            _this.setState({
-                selectedIndex: index,
-                isSpread: false
-            });
-        };
-        _this.addNetEvents();
-        _this.addLogicEvents();
-        var initIndex = _this.props.defaultIndex == null ? 0 : _this.props.defaultIndex;
-        _this.state = {
-            selectedIndex: initIndex,
-            isSpread: false
-        };
-        return _this;
-    }
-    Dropdown.prototype.componentWillUnmount = function () {
-        this.removeLogicEvents();
-        this.removeNetEvents();
-    };
-    Dropdown.prototype.render = function () {
-        var _this = this;
-        if (!this.state.isSpread) {
-            this.props.unspreadMainUI.props.info = this.props.config.datas[this.state.selectedIndex];
-            this.props.unspreadMainUI.props.openList = this.openList;
-            return (h("div", null, this.props.unspreadMainUI));
-        }
-        this.props.spreadMainUI.props.info = this.props.config.datas[this.state.selectedIndex];
-        this.props.spreadMainUI.props.closeList = this.closeList;
-        this.props.optionsUI.forEach(function (v, index) { v.props.onChoose = function () { _this.onChoose(index); }; });
-        var _optionsUI = this.props.optionsUI.filter(function (v) { return v.props.index != _this.state.selectedIndex; });
-        if (_optionsUI.length > 0)
-            _optionsUI[_optionsUI.length - 1].props['isLast'] = true;
-        return (h("div", null,
-            h("div", { style: this.props.config.spreadStyle },
-                this.props.spreadMainUI,
-                h("div", { style: optionsDivStyle }, _optionsUI))));
-    };
-    return Dropdown;
-}(Component));
-export { Dropdown };

package/ui/components/dropdown/DropdownOptionUI.d.ts

@@ -1,11 +0,0 @@
-import { Component } from 'preact';
-/**
- * dropdown 打开时options列表的单个Item UI
- * 如果要使用滚动条,在创建改该组件时最外层div样式里面需添加flex-shrink : 0
- */
-export declare abstract class DropdownOptionUI<T> extends Component<{
-    info: T;
-    onChoose: Function;
-    index: number;
-}, any> {
-}

package/ui/components/dropdown/DropdownOptionUI.js

@@ -1,28 +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';
-/**
- * dropdown 打开时options列表的单个Item UI
- * 如果要使用滚动条,在创建改该组件时最外层div样式里面需添加flex-shrink : 0
- */
-var DropdownOptionUI = /** @class */ (function (_super) {
-    __extends(DropdownOptionUI, _super);
-    function DropdownOptionUI() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return DropdownOptionUI;
-}(Component));
-export { DropdownOptionUI };

package/ui/components/dropdown/DropdownSpreadMainUI.d.ts

@@ -1,9 +0,0 @@
-import { Component } from 'preact';
-/**
- * dropdown 打开时选中框的UI
- */
-export declare abstract class DropdownSpreadMainUI<T> extends Component<{
-    info: T;
-    closeList: Function;
-}, any> {
-}

package/ui/components/dropdown/DropdownSpreadMainUI.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';
-/**
- * dropdown 打开时选中框的UI
- */
-var DropdownSpreadMainUI = /** @class */ (function (_super) {
-    __extends(DropdownSpreadMainUI, _super);
-    function DropdownSpreadMainUI() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return DropdownSpreadMainUI;
-}(Component));
-export { DropdownSpreadMainUI };

package/ui/components/dropdown/DropdownUnspreadMainUI.d.ts

@@ -1,9 +0,0 @@
-import { Component } from 'preact';
-/**
- * dropdown 未打开时选中框的UI
- */
-export declare abstract class DropdownUnspreadMainUI<T> extends Component<{
-    info: T;
-    openList: Function;
-}, any> {
-}