pixuireactcomponents 1.3.24 → 1.3.26

package/src/sample/OutlineText/OutlineDemo.jsx

@@ -1,60 +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';
-import { OutlineText } from 'src/components/react/base/outlinetext/OutlineText';
-var OutlineDemo = /** @class */ (function (_super) {
-    __extends(OutlineDemo, _super);
-    function OutlineDemo(param) {
-        var _this = _super.call(this, param) || this;
-        _this.setState({
-            style: { width: '200px', height: '200px', backgroundColor: '#FF00FFFF' },
-            outlineDistance: {
-                x: 2,
-                y: 2
-            },
-            outlineColor: {
-                r: 0,
-                g: 204,
-                b: 0,
-                a: 1,
-            }
-        });
-        return _this;
-    }
-    OutlineDemo.prototype.onClickButton = function () {
-        this.setState({
-            style: { width: '100px', height: '100px', backgroundColor: '#FFFF00FF' },
-            outlineDistance: {
-                x: 1,
-                y: 1
-            },
-            outlineColor: {
-                r: 255,
-                g: 0,
-                b: 0,
-                a: 1,
-            }
-        });
-    };
-    OutlineDemo.prototype.render = function () {
-        return (<div>
-                <div style={{ width: '100px', height: '100px', backgroundColor: '#FF00FFFF' }} onClick={this.onClickButton.bind(this)}>点击更新组件状态</div>
-                <OutlineText style={this.state.style} outlineDistance={this.state.outlineDistance} outlineColor={this.state.outlineColor}/>
-            </div>);
-    };
-    return OutlineDemo;
-}(Component));
-export { OutlineDemo };

package/src/sample/bulletscreen/BulletDemo.d.ts

@@ -1,12 +0,0 @@
-import { Component } from 'preact';
-export declare class BulletDemo extends Component<any, {
-    screenWidth: number;
-    screenHeight: number;
-}> {
-    constructor(props: any);
-    private refRoot;
-    private refBulletScreen;
-    componentDidMount(): void;
-    getRootComputedSize: (key: string) => number | undefined;
-    render(): any;
-}

package/src/sample/bulletscreen/BulletDemo.jsx

@@ -1,83 +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 { createRef } from 'lib/preact/src/create-element';
-import { Component } from 'preact';
-import { BulletScreenAnimation } from '../../components/react/app/bulletscreen/BulletScreenAnimation';
-var rootStyle = {
-    width: '100%',
-    height: '750px',
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#FF000055'
-};
-var bulletScreenConfigData = {
-    generateCycle: 200,
-    channelHeight: 50,
-    screenWidth: 0,
-    screenHeight: 0,
-    totalTime: 8000
-};
-var GetBulletData = (function () {
-    var BULLET_NUM = 1;
-    return function () {
-        console.log('测试弹幕1');
-        return '测试弹幕' + BULLET_NUM++;
-    };
-}());
-var BulletDemo = /** @class */ (function (_super) {
-    __extends(BulletDemo, _super);
-    function BulletDemo(props) {
-        var _this = _super.call(this, props) || this;
-        _this.refRoot = createRef();
-        _this.refBulletScreen = createRef();
-        _this.getRootComputedSize = function (key) {
-            if (key == '' || key == undefined)
-                return undefined;
-            var realWidthStr = window.getComputedStyle(_this.refRoot.current, null).getPropertyValue(key);
-            var widthNum = parseInt(realWidthStr.substring(0, realWidthStr.length - 2));
-            return widthNum;
-        };
-        _this.state = {
-            screenWidth: 0,
-            screenHeight: 0
-        };
-        return _this;
-    }
-    BulletDemo.prototype.componentDidMount = function () {
-        var _this = this;
-        var _width = this.getRootComputedSize('width');
-        var _height = this.getRootComputedSize('height');
-        console.warn(_width, '___', _height);
-        this.setState({
-            screenWidth: _width,
-            screenHeight: _height
-        }, function () {
-            _this.refBulletScreen.current.StartRunBullets();
-        });
-    };
-    BulletDemo.prototype.render = function () {
-        console.warn('[[render]]---)))');
-        bulletScreenConfigData.screenWidth = this.state.screenWidth;
-        bulletScreenConfigData.screenHeight = this.state.screenHeight;
-        return (<div ref={this.refRoot} style={rootStyle}>
-        <BulletScreenAnimation screenWidth={this.state.screenWidth} screenHeight={this.state.screenHeight} ref={this.refBulletScreen} isRun={true} screenData={bulletScreenConfigData} getBulletText={GetBulletData}/>
-      </div>);
-    };
-    return BulletDemo;
-}(Component));
-export { BulletDemo };

package/src/sample/button/ButtonDemo.d.ts

@@ -1,4 +0,0 @@
-import { Component } from 'preact';
-export declare class ButtonDemo extends Component<any, any> {
-    render(): any;
-}

package/src/sample/button/ButtonDemo.jsx

@@ -1,30 +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';
-import { Button } from 'src/components/react/app/button/Button';
-var ButtonDemo = /** @class */ (function (_super) {
-    __extends(ButtonDemo, _super);
-    function ButtonDemo() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ButtonDemo.prototype.render = function () {
-        return (<Button normalStyle={{ width: '100px', height: '50px', backgroundColor: 'rgba(0,255,0,0.5)', border: '1px solid black' }} hoverStyle={{ width: '100px', height: '50px', backgroundColor: 'rgba(255,0,0,0.5)', border: '1px solid black' }} pressStyle={{ width: '100px', height: '50px', backgroundColor: 'rgba(0,0,255,0.5)', border: '1px solid black' }} clickEvent={function () {
-                console.log('clicked');
-            }} text={'按钮'}/>);
-    };
-    return ButtonDemo;
-}(Component));
-export { ButtonDemo };

package/src/sample/carousel/carouselDemo.d.ts

@@ -1 +0,0 @@
-export declare function CarouselDemo(): any;

package/src/sample/carousel/carouselDemo.jsx

@@ -1,107 +0,0 @@
-import { useRef, useState } from 'preact/hooks';
-import { memo } from 'lib/preact/compat/src';
-import { Carousel } from 'src/components/react/app/carousel/Carousel';
-//阻止demo中state改变引起函数变化，导致组件刷新
-var CarouselComp = memo(Carousel, function (prev, next) {
-    var isSame = true;
-    Object.keys(prev).forEach(function (key) {
-        if (key === 'children' && prev.children && next.children) {
-            if (prev.children.length !== next.children.length) {
-                isSame = false;
-            }
-            for (var i = 0; i < prev.children.length; i++) {
-                if (prev.children[i][key] !== next.children[i][key]) {
-                    isSame = false;
-                }
-            }
-        }
-        else if (!(prev[key] instanceof Function)) {
-            if (prev[key] !== next[key]) {
-                isSame = false;
-            }
-        }
-    });
-    return isSame;
-});
-/*
-      选项：
-      defaultIndex: number = 1, //默认index，从1开始
-      compWidth: number = 100, //组件宽度
-      compHeight: number = 100, //组件高度
-      autoplay: boolean = true, //自动轮播
-      switchDuration: number = 3000, //自动轮播切换间隔（>1000）
-      loop: boolean = true, //播到最后是否停止
-      isVertical: boolean = false, //轮播元素滚动方向
-      touchable: boolean = true, //是否允许手势切换
-      onSlideChange: Function | null  = null//切换元素后的回调函数
-      onclickEvent: Function
-      cRef: PropRef //Carousel的引用，通过ref可以拿到组件的切换方法
-*/
-export function CarouselDemo() {
-    var CarouselRef = useRef();
-    var _a = useState([1, 2, 3]), carouselData = _a[0], setcarouselData = _a[1];
-    var _b = useState(0), showIndex = _b[0], setShowIndex = _b[1];
-    var w = 618, h = 400;
-    var clicked = function (i) {
-        console.log('clicked ' + i);
-    };
-    var switchNext = function () {
-        CarouselRef.current.handleNext();
-    };
-    var switchPrev = function () {
-        CarouselRef.current.handlePrev();
-    };
-    var _c = useState(true), aut = _c[0], setaut = _c[1];
-    var btnSty = { width: '50px', height: '50px', backgroundColor: 'rgba(0,255,0,0.5)', border: '1px solid black' };
-    return (<div style={{ display: 'flex', flexShrink: '0', flexDirection: 'column' }}>
-            <CarouselComp onclickEvent={clicked} compWidth={w} compHeight={h} switchDuration={2000} cRef={CarouselRef} autoplay={aut} onSlideChange={function (ind) {
-            // console.log('onSlideChange', ind);
-            setShowIndex(ind);
-        }}>
-                {/* 在Carousel.Item的子节点放入要展示的内容，节点宽高要和compWidth，compHeight一致 */}
-                {carouselData.map(function (item, i) { return (<div style={{
-                width: w + 'px',
-                height: h + 'px',
-                backgroundColor: "white",
-                fontSize: '20px',
-            }}>
-                        <div style={{ backgroundImage: "url(https://game.gtimg.cn/images/gamelet/cp/pxidePreView-carousel/zwt.png)", width: w + 'px', height: h + 'px' }}></div>
-                    </div>); })}
-            </CarouselComp>
-            <div style={{ flexDirection: 'row' }}>
-                <div onClick={switchNext} style={btnSty}>
-                    next
-                </div>
-                <div onClick={switchPrev} style={btnSty}>
-                    prev
-                </div>
-
-                <div onClick={function () {
-            setaut(true);
-        }} style={btnSty}>
-                    auto
-                </div>
-                <div onClick={function () {
-            setaut(false);
-        }} style={btnSty}>
-                    notauto
-                </div>
-                <div onClick={function () {
-            if (carouselData.length - 1 > 0) {
-                setcarouselData(carouselData.slice(0, carouselData.length - 1));
-            }
-        }} style={btnSty}>
-                    child-
-                </div>
-                <div onClick={function () {
-            setcarouselData(carouselData.concat(carouselData.length + 1));
-            setTimeout(function () {
-                console.log('ppp', carouselData.length);
-            });
-        }} style={btnSty}>
-                    child+
-                </div>
-            </div>
-            {'showIndex-- ' + (showIndex + 1)}
-        </div>);
-}

package/src/sample/checkBox/checkBoxDemo.d.ts

@@ -1 +0,0 @@
-export declare function CheckboxDemo(): any;

package/src/sample/checkBox/checkBoxDemo.jsx

@@ -1,23 +0,0 @@
-import { useState } from 'preact/hooks';
-import { Checkbox } from 'src/components/react/app/checkBox/CheckBox';
-var boxNormalStyle = {
-    width: '20px',
-    height: '20px',
-    backgroundImage: "url(https://game.gtimg.cn/images/gamelet/cp/pxidePreView-checkbox/checkbox0.png)",
-    backgroundSize: '100% 100%',
-};
-var boxCheckedStyle = {
-    width: '20px',
-    height: '20px',
-    backgroundImage: "url(https://game.gtimg.cn/images/gamelet/cp/pxidePreView-checkbox/checkbox1.png)",
-    backgroundSize: '100% 100%',
-};
-export function CheckboxDemo() {
-    var _a = useState('未选中'), showText = _a[0], setShowText = _a[1];
-    return (<div>
-            <Checkbox defauleSelected={false} selectedChanged={function (b) {
-            setShowText(b ? '  选中了' : '  未选中');
-        }} selectedNode={<div style={boxCheckedStyle}></div>} notSelectedNode={<div style={boxNormalStyle}></div>}/>
-            <div style={{ marginLeft: '10px' }}>{showText}</div>
-        </div>);
-}

package/src/sample/dropdown/DropdownDemo.d.ts

@@ -1,6 +0,0 @@
-import { Component } from 'preact';
-export declare class DropdownDemo extends Component<any, any> {
-    constructor(props: any);
-    onChoose: () => void;
-    render(): any;
-}

package/src/sample/dropdown/DropdownDemo.jsx

@@ -1,65 +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';
-import { Images } from '../Images';
-import { MoneyDropdownOption } from './MoneyDropdownOption';
-import { MoneyDropdownSpreadMain } from './MoneyDropdownSpreadMain';
-import { MoneyDropdownUnspreadMain } from './MoneyDropdownUnspreadMain';
-import { Dropdown } from 'src/components/react/app/dropdown/Dropdown';
-var dropdownAreaStyle = {
-    position: 'absolute',
-    top: '0px',
-    right: '17px',
-    width: '98px',
-    height: '40px',
-    // backgroundColor: '#FF00FF33',
-};
-var TYPES = ['团队', '单人路', '打野', '中路', '射手', '辅助'];
-var DropdownDemo = /** @class */ (function (_super) {
-    __extends(DropdownDemo, _super);
-    function DropdownDemo(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onChoose = function () {
-        };
-        return _this;
-    }
-    DropdownDemo.prototype.render = function () {
-        // dropdown展开的样式
-        var _spreadStyle = {
-            position: 'absolute',
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'flex-start',
-            alignItems: 'center',
-            borderImage: "url(".concat(Images.money_dropdownall, ") 45 10 10 10"),
-            width: '98px',
-            height: '182px',
-            top: '4px',
-        };
-        var _config = {
-            spreadStyle: _spreadStyle,
-            datas: TYPES,
-        };
-        var _options = Array(TYPES.length).fill('').map(function (value, index) {
-            return <MoneyDropdownOption index={index} info={TYPES[index]}/>;
-        });
-        return (<div style={dropdownAreaStyle}>
-                <Dropdown config={_config} onChoose={this.onChoose} unspreadMainUI={<MoneyDropdownUnspreadMain />} spreadMainUI={<MoneyDropdownSpreadMain />} optionsUI={_options} defaultIndex={this.state.selectedType}/>
-            </div>);
-    };
-    return DropdownDemo;
-}(Component));
-export { DropdownDemo };

package/src/sample/dropdown/MoneyDropdownOption.d.ts

@@ -1,6 +0,0 @@
-import { DropdownOptionUI } from 'src/components/react/app/dropdown/DropdownOptionUI';
-export declare class MoneyDropdownOption extends DropdownOptionUI<string> {
-    private isLast;
-    constructor(props: any);
-    render(): any;
-}

package/src/sample/dropdown/MoneyDropdownOption.jsx

@@ -1,57 +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 videoLess from './../less/video.less';
-import { DropdownOptionUI } from 'src/components/react/app/dropdown/DropdownOptionUI';
-var rootStyle = {
-    width: '98px',
-    height: '29px',
-    flexShrink: 0, //如果需要使用滚动条需加该属性
-    // backgroundColor: "#FF000044"
-};
-var textStyle = {
-    color: '#CDBE91',
-    fontSize: 14,
-    marginLeft: '17px',
-    marginTop: '7px'
-};
-var lineStyle = {
-    height: '1px',
-    width: '65px',
-    marginLeft: '17px',
-    backgroundColor: '#C4C4C4',
-};
-var MoneyDropdownOption = /** @class */ (function (_super) {
-    __extends(MoneyDropdownOption, _super);
-    function MoneyDropdownOption(props) {
-        var _this = _super.call(this, props) || this;
-        _this.isLast = false;
-        if (props['isLast'])
-            _this.isLast = true;
-        return _this;
-        // this.props.isLast : boolean
-        // 最后一个不要横线...
-    }
-    MoneyDropdownOption.prototype.render = function () {
-        return (<div style={rootStyle} className={videoLess.column_start_start} onClick={this.props.onChoose}>
-                <div style={{ width: '100%', height: '28px' }} className={videoLess.row_start_center}>
-                    <text style={textStyle}>{this.props.info}</text>
-                </div>
-                {this.isLast ? null : <div style={lineStyle}></div>}
-            </div>);
-    };
-    return MoneyDropdownOption;
-}(DropdownOptionUI));
-export { MoneyDropdownOption };

package/src/sample/dropdown/MoneyDropdownSpreadMain.d.ts

@@ -1,5 +0,0 @@
-import { DropdownSpreadMainUI } from 'src/components/react/app/dropdown/DropdownSpreadMainUI';
-export declare class MoneyDropdownSpreadMain extends DropdownSpreadMainUI<string> {
-    constructor(props: any);
-    render(): any;
-}

package/src/sample/dropdown/MoneyDropdownSpreadMain.jsx

@@ -1,50 +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 { Images } from '../Images';
-import videoLess from './../less/video.less';
-import { DropdownSpreadMainUI } from 'src/components/react/app/dropdown/DropdownSpreadMainUI';
-var rootStyle = {
-    width: '98px',
-    height: '32px',
-    // backgroundColor: '#FF000F77'
-};
-var textStyle = {
-    color: '#CDBE91',
-    fontSize: 16,
-    marginLeft: '13px',
-    top: '4px',
-};
-var arrowStyle = {
-    width: '15px',
-    height: '18px',
-    marginRight: '20px',
-    top: '-2px',
-};
-var MoneyDropdownSpreadMain = /** @class */ (function (_super) {
-    __extends(MoneyDropdownSpreadMain, _super);
-    function MoneyDropdownSpreadMain(props) {
-        return _super.call(this, props) || this;
-        // console.warn("MoneyDropdownSpreadMain constructor ---")
-    }
-    MoneyDropdownSpreadMain.prototype.render = function () {
-        return (<div style={rootStyle} className={videoLess.row_between_center} onClick={this.props.closeList}>
-                <text style={textStyle}>{this.props.info}</text>
-                <img style={arrowStyle} src={Images.data_arrow_up}/>
-            </div>);
-    };
-    return MoneyDropdownSpreadMain;
-}(DropdownSpreadMainUI));
-export { MoneyDropdownSpreadMain };

package/src/sample/dropdown/MoneyDropdownUnspreadMain.d.ts

@@ -1,5 +0,0 @@
-import { DropdownUnspreadMainUI } from 'src/components/react/app/dropdown/DropdownUnspreadMainUI';
-export declare class MoneyDropdownUnspreadMain extends DropdownUnspreadMainUI<string> {
-    constructor(props: any);
-    render(): any;
-}

package/src/sample/dropdown/MoneyDropdownUnspreadMain.jsx

@@ -1,50 +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 { Images } from '../Images';
-import videoLess from './../less/video.less';
-import { DropdownUnspreadMainUI } from 'src/components/react/app/dropdown/DropdownUnspreadMainUI';
-var rootStyle = {
-    width: '98px',
-    height: '40px',
-    top: '4px',
-    backgroundImage: "url(".concat(Images.money_dropdown, ")")
-};
-var textStyle = {
-    color: '#CDBE91',
-    fontSize: 16,
-    marginLeft: '13px',
-};
-var arrowStyle = {
-    width: '15px',
-    height: '18px',
-    marginRight: '20px',
-    top: '-4px',
-};
-var MoneyDropdownUnspreadMain = /** @class */ (function (_super) {
-    __extends(MoneyDropdownUnspreadMain, _super);
-    function MoneyDropdownUnspreadMain(props) {
-        return _super.call(this, props) || this;
-        // console.warn("UnspreadMain constructor----")
-    }
-    MoneyDropdownUnspreadMain.prototype.render = function () {
-        return (<div style={rootStyle} className={videoLess.row_between_center} onClick={this.props.openList}>
-                <text style={textStyle}>{this.props.info}</text>
-                <img style={arrowStyle} src={Images.data_arrow_down}/>
-            </div>);
-    };
-    return MoneyDropdownUnspreadMain;
-}(DropdownUnspreadMainUI));
-export { MoneyDropdownUnspreadMain };

package/src/sample/gradient/GradientDemo.d.ts

@@ -1,16 +0,0 @@
-import { Component, CSSProperties } from 'preact';
-interface DemoProps {
-    buttonText?: string;
-    fontSize?: number;
-    text?: string;
-    fontStyle?: string;
-    style?: CSSProperties;
-    colorTop?: string;
-    direction?: string;
-}
-export declare class GradientTextDemo extends Component<DemoProps, DemoProps> {
-    constructor(param: any);
-    onClickButton(): void;
-    render(): any;
-}
-export {};

package/src/sample/gradient/GradientDemo.jsx

@@ -1,53 +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';
-import { GradientText } from 'src/components/react/base/gradient/GradientText';
-var GradientTextDemo = /** @class */ (function (_super) {
-    __extends(GradientTextDemo, _super);
-    function GradientTextDemo(param) {
-        var _this = _super.call(this, param) || this;
-        _this.setState({
-            buttonText: '点击更新组件属性',
-            fontSize: 25,
-            text: '1111',
-            fontStyle: 'Normal',
-            style: { width: '200px', height: '200px', backgroundColor: '#FFFFFFFF' },
-            colorTop: '#4CE0314F',
-            direction: 'Vertical',
-        });
-        return _this;
-    }
-    GradientTextDemo.prototype.onClickButton = function () {
-        this.setState({
-            buttonText: '已更新属性',
-            fontSize: 30,
-            fontStyle: 'BoldAndItalic',
-            text: '123123',
-            style: { width: '500px', height: '200px', backgroundColor: '#FFFFFFFF' },
-            colorTop: '#8757FFFF',
-            direction: 'Both',
-        });
-    };
-    GradientTextDemo.prototype.render = function () {
-        console.log(this.state.text + '|22222222222222222222222222222222222222222222222222222222222222222222222222');
-        return (<div>
-                <div style={{ width: '150px', height: '50px', backgroundColor: '#FF00FFFF' }} onClick={this.onClickButton.bind(this)}>{this.state.buttonText}</div>
-                <GradientText style={this.state.style} fontStyle={this.state.fontStyle} fontSize={this.state.fontSize} text={this.state.text} colorTop={this.state.colorTop} direction={this.state.direction}/>
-            </div>);
-    };
-    return GradientTextDemo;
-}(Component));
-export { GradientTextDemo };

package/src/sample/imageViewer/Images.d.ts

@@ -1,4 +0,0 @@
-export declare const Images: {
-    bg1: any;
-    bg2: any;
-};