pixuireactcomponents 1.3.24 → 1.3.26

package/src/components/react/app/slider/{Slider.jsx → Slider.js}

@@ -24,6 +24,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { Component, createRef, h } from 'preact';
 var rowCenterCenter = {
     display: 'flex',
@@ -37,54 +48,46 @@ var rowBetweenCenter = {
     justifyContent: 'space-between',
     alignItems: 'center'
 };
-var wrapperStyle;
-var outerStyle;
-var innerStyle;
-var dotStyle;
-var dotWrapperStyle;
-var incButtonStyle;
-var decButtonStyle;
-var withButtonStyle;
-var lastX = undefined; // 上一次位置的横坐标
-var count = 0; // 拖动条距离最左端的位置 [0, this.props.wrapperWidth]
-var rect = undefined; // 滑动区域
-var Slider = /** @class */ (function (_super) {
+export var Slider = /** @class */ (function (_super) {
     __extends(Slider, _super);
     function Slider(props) {
         var _this = _super.call(this, props) || this;
+        _this.lastX = undefined; // 上一次位置的横坐标
+        _this.count = 0; // 拖动条距离最左端的位置 [0, this.props.wrapperWidth]
+        _this.rect = undefined; // 滑动区域
         _this.discrete = Math.round(_this.props.discrete == null ? 0 : _this.props.discrete);
         _this.refWrapper = createRef();
+        //====================================================================================================
+        //事件相关
         _this.onDragStart = function (event) {
             console.log('【Slider】DragStart event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----currentX----' + (_this.state.percent / 10000 * _this.props.wrapperWidth));
-            lastX = event.clentX;
-            count = _this.state.percent / 10000 * _this.props.wrapperWidth;
+            _this.lastX = event.clentX;
+            _this.count = _this.state.percent / 10000 * _this.props.wrapperWidth;
+            _this.setState({
+                onDraging: true,
+            });
             if (_this.props.onDragStart) {
                 _this.props.onDragStart();
             }
         };
         _this.onDrag = function (event) {
-            if (event.clientX < rect.left - 50 || event.clientX > rect.right + 50)
+            if (event.clientX < _this.rect.left - 50 || event.clientX > _this.rect.right + 50)
                 return;
-            if (lastX == undefined) {
-                lastX = event.clientX;
+            if (_this.lastX == undefined) {
+                _this.lastX = event.clientX;
                 return;
             }
-            var move = Number(event.clientX) - Number(lastX);
-            count += move;
-            count = Math.min(_this.props.wrapperWidth, count);
-            count = Math.max(0, count);
-            var newPercent = count / _this.props.wrapperWidth * 10000;
-            if (_this.props.isDiscrete == true && _this.props.maxDiscrete != null) {
-                newPercent = count / _this.props.wrapperWidth * _this.props.maxDiscrete;
+            var move = Number(event.clientX) - Number(_this.lastX);
+            _this.count += move;
+            _this.count = Math.min(_this.props.wrapperWidth, _this.count);
+            _this.count = Math.max(0, _this.count);
+            var newPercent = _this.count / _this.props.wrapperWidth * 10000;
+            if (_this.props.isDiscrete == true) {
+                newPercent = _this.count / _this.props.wrapperWidth * _this.props.maxDiscrete;
                 _this.discrete = Math.round(newPercent);
-                // this.setState({
-                //     discrete: Math.round(newPercent),
-                // })
                 if (_this.props.rangeControl) {
-                    if (_this.props.endRange != null)
-                        _this.discrete = Math.min(_this.discrete, _this.props.endRange);
-                    if (_this.props.startRange != null)
-                        _this.discrete = Math.max(_this.discrete, _this.props.startRange);
+                    _this.discrete = Math.min(_this.discrete, _this.props.endRange);
+                    _this.discrete = Math.max(_this.discrete, _this.props.startRange);
                 }
                 newPercent = _this.discrete * (10000 / _this.props.maxDiscrete);
             }
@@ -95,14 +98,15 @@ var Slider = /** @class */ (function (_super) {
                 if (_this.props.onDrag)
                     _this.props.onDrag(_this.props.isDiscrete ? _this.discrete : newPercent);
             });
-            lastX = event.clientX;
+            _this.lastX = event.clientX;
         };
         _this.onDragEnd = function (event) {
-            lastX = undefined;
-            if (_this.props.isDiscrete == true && _this.props.maxDiscrete != null) {
+            _this.lastX = undefined;
+            if (_this.props.isDiscrete == true) {
                 //console.log("OnDragEnd -----discrete----"+this.state.discrete)
                 _this.setState({
                     percent: _this.discrete * (10000 / _this.props.maxDiscrete),
+                    onDraging: false
                 }, function () {
                     console.log('【Slider】DragEnd event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----discrete----' + _this.discrete + '-----currentX----' + (_this.state.percent / 10000 * _this.props.wrapperWidth));
                     if (_this.props.onDragEnd) {
@@ -112,22 +116,26 @@ var Slider = /** @class */ (function (_super) {
             }
             else {
                 console.log('【Slider】DragEnd event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----currentX----' + (_this.state.percent / 10000 * _this.props.wrapperWidth));
-                if (_this.props.onDragEnd) {
-                    _this.props.onDragEnd(_this.props.isDiscrete ? _this.discrete : _this.state.percent);
-                }
+                _this.setState({
+                    percent: _this.count / _this.props.wrapperWidth * 10000,
+                    onDraging: false
+                }, function () {
+                    if (_this.props.onDragEnd) {
+                        _this.props.onDragEnd(_this.props.isDiscrete ? _this.discrete : _this.state.percent);
+                    }
+                });
             }
         };
         _this.onDecClick = function () {
             //离散的情况
-            if (_this.props.isDiscrete && _this.props.maxDiscrete) {
+            if (_this.props.isDiscrete) {
                 if (_this.discrete >= 1) {
                     _this.discrete -= 1;
-                    if (_this.props.rangeControl && _this.props.startRange != null) {
+                    if (_this.props.rangeControl) {
                         _this.discrete = Math.max(_this.discrete, _this.props.startRange);
                     }
                     var newPercent = _this.discrete * (10000 / _this.props.maxDiscrete);
                     _this.setState({
-                        //discrete: this.state.discrete - 1,
                         percent: newPercent
                     }, function () {
                         if (_this.props.onDecClick) {
@@ -151,10 +159,10 @@ var Slider = /** @class */ (function (_super) {
         };
         _this.onIncClick = function () {
             //离散的情况
-            if (_this.props.isDiscrete && _this.props.maxDiscrete) {
+            if (_this.props.isDiscrete) {
                 if (_this.discrete < _this.props.maxDiscrete) {
                     _this.discrete += 1;
-                    if (_this.props.rangeControl && _this.props.startRange != null) {
+                    if (_this.props.rangeControl) {
                         _this.discrete = Math.max(_this.discrete, _this.props.startRange);
                     }
                     var newPercent = _this.discrete * (10000 / _this.props.maxDiscrete);
@@ -181,11 +189,14 @@ var Slider = /** @class */ (function (_super) {
                 }
             }
         };
-        _this.computeWrapperStyle = function () {
-            wrapperStyle = __assign({ width: _this.props.wrapperWidth + 'px', height: _this.props.wrapperHeight + 'px' }, rowCenterCenter);
+        //====================================================================================================
+        //样式相关
+        _this.wrapperStyle = function () {
+            var wrapperStyle = __assign({ width: _this.props.wrapperWidth + 'px', height: _this.props.wrapperHeight + 'px' }, rowCenterCenter);
+            return wrapperStyle;
         };
-        _this.computeOuterStyle = function () {
-            outerStyle = {
+        _this.outerStyle = function () {
+            var outerStyle = {
                 width: '100%',
                 height: _this.props.height + 'px',
                 backgroundImage: "url(".concat(_this.props.outerBg, ")"),
@@ -195,11 +206,11 @@ var Slider = /** @class */ (function (_super) {
                 justifyContent: 'start',
                 alignItems: 'center'
             };
+            return outerStyle;
         };
-        _this.computeInnerStyle = function () {
-            var innerWidth = Math.floor(_this.state.percent / 100) + '%';
-            innerStyle = {
-                width: innerWidth,
+        _this.innerStyle = function () {
+            var innerStyle = {
+                // width: innerWidth,
                 height: (_this.props.innerHeight != null) ? _this.props.innerHeight + 'px' : '100%',
                 backgroundImage: "url(".concat(_this.props.innerBg, ")"),
                 backgroundSize: '100% 100%',
@@ -208,88 +219,133 @@ var Slider = /** @class */ (function (_super) {
                 justifyContent: 'start',
                 alignItems: 'center'
             };
+            return innerStyle;
         };
-        _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' }, rowCenterCenter
+        _this.dotWrapperStyle = function () {
+            var dotWrapperStyle = __assign({ position: 'absolute', width: _this.props.dotWrapperWidth + 'px', height: _this.props.dotWrapperHeight + 'px' }, rowCenterCenter
             // backgroundColor: '#FF000066'
             );
+            return dotWrapperStyle;
         };
-        _this.computeDotStyle = function () {
-            dotStyle = {
+        _this.dotStyle = function () {
+            var dotStyle = {
                 width: _this.props.dotWidth + 'px',
                 height: _this.props.dotHeight + 'px',
             };
+            return dotStyle;
         };
-        _this.computeIncButtonStyle = function () {
-            incButtonStyle = {
+        _this.incButtonStyle = function () {
+            var incButtonStyle = {
                 width: _this.props.incButtonWidth + 'px',
                 height: _this.props.incButtonHeight + 'px',
                 //marginLeft:this.props.incButtonLeft+"px",
                 //backgroundImage: `url(${this.props.incButtonBg})`,
             };
+            return incButtonStyle;
         };
-        _this.computeDecButtonStyle = function () {
-            decButtonStyle = {
+        _this.decButtonStyle = function () {
+            var decButtonStyle = {
                 width: _this.props.decButtonWidth + 'px',
                 height: _this.props.decButtonHeight + 'px',
                 //marginRight:this.props.decButtonRight+"px",
                 //backgroundImage: `url(${this.props.decButtonBg})`,
             };
+            return decButtonStyle;
         };
-        _this.computeWithButtonStyle = function () {
-            withButtonStyle = __assign({ minWidth: _this.props.overallWidth + 'px' }, rowBetweenCenter);
+        _this.withButtonStyle = function () {
+            var withButtonStyle = __assign({ minWidth: _this.props.overallWidth + 'px' }, rowBetweenCenter);
+            return withButtonStyle;
         };
         _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),
-            //discrete: Math.round(this.props.discrete==null?0:this.props.discrete)
+            percent: props.isDiscrete ? _this.props.discrete * (10000 / _this.props.maxDiscrete) : Math.floor(_this.props.percent),
+            onDraging: false,
+            wrapperStyle: _this.wrapperStyle(),
+            outerStyle: _this.outerStyle(),
+            innerStyle: _this.innerStyle(),
+            dotStyle: _this.dotStyle(),
+            dotWrapperStyle: _this.dotWrapperStyle(),
+            incButtonStyle: _this.incButtonStyle(),
+            decButtonStyle: _this.decButtonStyle(),
+            withButtonStyle: _this.withButtonStyle(),
         };
-        _this.computeWrapperStyle();
-        _this.computeOuterStyle();
         return _this;
     }
+    //====================================================================================================
+    //生命周期相关
     Slider.prototype.componentDidMount = function () {
-        rect = this.refWrapper.current.getBoundingClientRect();
+        this.rect = this.refWrapper.current.getBoundingClientRect();
     };
     Slider.prototype.componentWillReceiveProps = function (nextProps) {
-        if (nextProps.percent == this.props.percent && nextProps.discrete == this.props.discrete)
+        if (JSON.stringify(this.props) === JSON.stringify(nextProps))
             return;
-        if (this.props.isDiscrete == true && this.props.maxDiscrete != null) {
-            this.discrete = nextProps.discrete;
-            this.setState({
-                //discrete:nextProps.discrete,
-                percent: this.discrete * (10000 / this.props.maxDiscrete)
-            });
+        //用于标识位置的props和其他样式相关的props分开比较
+        var _a = this.props, percent = _a.percent, discrete = _a.discrete, styleProps = __rest(_a, ["percent", "discrete"]);
+        var nextPercent = nextProps.percent, nextDiscrete = nextProps.discrete, nextstyleProps = __rest(nextProps, ["percent", "discrete"]);
+        //拖动状态时，忽略外部传入的percent值，优先用户拖动
+        var shouldUpdatePercent = !(this.state.onDraging) &&
+            !(percent == nextPercent && discrete == nextDiscrete);
+        console.log('检查shouldUpdatePercent', shouldUpdatePercent);
+        if (shouldUpdatePercent) {
+            //如果从外部传入percent/discrete，则组件可根据新props来更新滑动条位置
+            //离散情况
+            if (this.props.isDiscrete == true) {
+                this.discrete = nextProps.discrete;
+                this.setState({
+                    percent: this.discrete * (10000 / this.props.maxDiscrete)
+                });
+            }
+            //连续情况
+            else {
+                this.setState({
+                    percent: nextProps.percent,
+                });
+            }
         }
-        else {
+        //如果slider传入样式相关props有更改
+        if (JSON.stringify(styleProps) !== JSON.stringify(nextstyleProps)) {
             this.setState({
-                percent: nextProps.percent,
+                wrapperStyle: this.wrapperStyle(),
+                outerStyle: this.outerStyle(),
+                innerStyle: this.innerStyle(),
+                dotStyle: this.dotStyle(),
+                dotWrapperStyle: this.dotWrapperStyle(),
+                incButtonStyle: this.incButtonStyle(),
+                decButtonStyle: this.decButtonStyle(),
+                withButtonStyle: this.withButtonStyle(),
             });
         }
     };
     Slider.prototype.render = function () {
-        this.computeInnerStyle();
-        this.computeDotWrapperStyle();
-        this.computeDotStyle();
-        this.computeIncButtonStyle();
-        this.computeDecButtonStyle();
-        this.computeWithButtonStyle();
         var hasDot = this.props.hasDot === undefined || this.props.hasDot === true;
-        return (<div style={this.props.hasIncDecButton ? withButtonStyle : {}}>
-                {this.props.hasIncDecButton && <img src={this.props.decButtonBg} style={decButtonStyle} onClick={this.onDecClick}/>}
-                <div ref={this.refWrapper} style={wrapperStyle}>
-                    <div style={outerStyle}>
-                        <div style={innerStyle}>
-                            <div style={dotWrapperStyle} draggable={true} onDragStart={this.onDragStart} onDrag={this.onDrag} onDragEnd={this.onDragEnd}>
-                                {hasDot && <img src={this.props.dotBg} style={dotStyle}/>}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                {this.props.hasIncDecButton && <img src={this.props.incButtonBg} style={incButtonStyle} onClick={this.onIncClick}/>}
-            </div>);
+        var innerWidth = Math.floor(this.state.percent / 100) + '%';
+        var dotWrapperMarginLeft = (this.props.wrapperWidth * this.state.percent / 10000 - this.props.dotWrapperWidth / 2) + 'px';
+        return (h("div", { style: this.props.hasIncDecButton ? this.state.withButtonStyle : {} },
+            this.props.hasIncDecButton && h("img", { src: this.props.decButtonBg, style: this.state.decButtonStyle, onClick: this.onDecClick }),
+            h("div", { ref: this.refWrapper, style: this.state.wrapperStyle },
+                h("div", { style: this.state.outerStyle },
+                    h("div", { style: __assign(__assign({}, this.state.innerStyle), { width: innerWidth }) },
+                        h("div", { style: __assign(__assign({}, this.state.dotWrapperStyle), { marginLeft: dotWrapperMarginLeft }), draggable: true, onDragStart: this.onDragStart, onDrag: this.onDrag, onDragEnd: this.onDragEnd }, hasDot && h("img", { src: this.props.dotBg, style: this.state.dotStyle }))))),
+            this.props.hasIncDecButton && h("img", { src: this.props.incButtonBg, style: this.state.incButtonStyle, onClick: this.onIncClick })));
+    };
+    Slider.defaultProps = {
+        percent: 0,
+        wrapperHeight: 34,
+        wrapperWidth: 376,
+        height: 5,
+        dotWidth: 26,
+        dotHeight: 27,
+        dotWrapperWidth: 56,
+        dotWrapperHeight: 57,
+        onDragStart: null,
+        onDrag: null,
+        onDragEnd: null,
+        isDiscrete: true,
+        discrete: 0,
+        maxDiscrete: 100,
+        hasIncDecButton: false,
+        overallWidth: 500,
+        rangeControl: false,
+        hasDot: true,
     };
     return Slider;
 }(Component));
-export { Slider };

package/src/components/react/app/togglegroup/{ToggleGroup.jsx → ToggleGroup.js}

@@ -25,7 +25,7 @@ var ToggleGroup = /** @class */ (function (_super) {
         _this.items = [];
         _this.refreshAll = true;
         _this.GenerateToggleItem = function (toggleItem, togglePic, index, refreshAll) {
-            return (<Toggle toggleItem={toggleItem} togglePic={togglePic} index={index} checkSelected={_this.checkSelected} refreshAll={refreshAll}/>);
+            return (h(Toggle, { toggleItem: toggleItem, togglePic: togglePic, index: index, checkSelected: _this.checkSelected, refreshAll: refreshAll }));
         };
         _this.checkSelected = function (index) {
             if (_this.isMultiOption)
@@ -65,7 +65,7 @@ var ToggleGroup = /** @class */ (function (_super) {
         for (var i = 0; i < this.toggleArray.length; i++) {
             this.items.push(this.GenerateToggleItem(this.toggleArray[i], this.togglePic, i, this.refreshAll));
         }
-        return <div style={{ flexDirection: 'row' }}>{this.items}</div>;
+        return h("div", { style: { flexDirection: 'row' } }, this.items);
     };
     return ToggleGroup;
 }(Component));
@@ -94,22 +94,20 @@ var Toggle = /** @class */ (function (_super) {
             return;
         }
         this.refreshAll = props.refreshAll;
-        return (<div style={{ alignItems: 'flex-end', flexDirection: 'row' }}>
-        <div style={{
-                width: '36px',
-                height: '36px',
-                backgroundSize: 'contain',
-                backgroundImage: "url(".concat(this.state.isSelected ? this.selectedPic : this.notSelectedPic, ")"),
-            }} onClick={function () {
-                _this.state.isSelected ? _this.notSelectedFun() : _this.selectedFun();
-                _this.setState({ isSelected: !_this.state.isSelected });
-                _this.checkSelected(_this.index);
-            }}></div>
-        <div>
-          <text>{"".concat(this.toggleText)}</text>
-        </div>
-        <div style={{ width: '50px' }}></div>
-      </div>);
+        return (h("div", { style: { alignItems: 'flex-end', flexDirection: 'row' } },
+            h("div", { style: {
+                    width: '36px',
+                    height: '36px',
+                    backgroundSize: 'contain',
+                    backgroundImage: "url(".concat(this.state.isSelected ? this.selectedPic : this.notSelectedPic, ")"),
+                }, onClick: function () {
+                    _this.state.isSelected ? _this.notSelectedFun() : _this.selectedFun();
+                    _this.setState({ isSelected: !_this.state.isSelected });
+                    _this.checkSelected(_this.index);
+                } }),
+            h("div", null,
+                h("text", null, "".concat(this.toggleText))),
+            h("div", { style: { width: '50px' } })));
     };
     return Toggle;
 }(Component));

package/src/components/react/base/gradient/{GradientText.jsx → GradientText.js}

@@ -293,7 +293,7 @@ var GradientText = /** @class */ (function (_super) {
     GradientText.prototype.render = function (props) {
         var style = !props.style ? { width: '200px', height: '200px', backgroundColor: '#FF00FFFF' } : props.style;
         this.printLog('OnRender');
-        return (<pixslot style={style} src='pixui://method:placeholder' onLoad={this.onLoad.bind(this)}/>);
+        return (h("pixslot", { style: style, src: 'pixui://method:placeholder', onLoad: this.onLoad.bind(this) }));
     };
     return GradientText;
 }(Component));

package/src/components/react/base/outlinetext/{OutlineText.jsx → OutlineText.js}

@@ -130,9 +130,8 @@ export var OutlineText = /** @class */ (function (_super) {
         this.outline.effectDistance = new CS.UnityEngine.Vector2(this.props.outlineDistance.x, this.props.outlineDistance.y);
     };
     OutlineText.prototype.render = function () {
-        return (<div style={this.props.style}>
-                <pixslot style={{ width: '100%', height: '100%' }} src={'pixui://method:placeholder'} onLoad={this.OnLoad.bind(this)}/>
-                </div>);
+        return (h("div", { style: this.props.style },
+            h("pixslot", { style: { width: '100%', height: '100%' }, src: 'pixui://method:placeholder', onLoad: this.OnLoad.bind(this) })));
     };
     OutlineText.defaultProps = {
         style: defaultStyle,

package/src/components/react/base/pixVideo/PixPlaceHolder.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'preact';
+import { Component, h } from 'preact';
 export interface PixPlaceHolderProps {
     /** 每次 src 属性被修改时会派发onload事件 */
     onload?: (e: any) => any;
@@ -27,5 +27,5 @@ export declare class PixPlaceHolder<T extends PixPlaceHolderProps> extends Compo
     onAttach(attachment: any, windowId: any, handle: any): void;
     onLoad(e: PixPlaceHolderLoadEvent, ...rest: any[]): void;
     onError(...args: any[]): void;
-    render(): any;
+    render(): h.JSX.Element;
 }

package/src/components/react/base/pixVideo/{PixPlaceHolder.jsx → PixPlaceHolder.js}

@@ -22,7 +22,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { Component } from 'preact';
+import { Component, h } from 'preact';
 var PixPlaceHolder = /** @class */ (function (_super) {
     __extends(PixPlaceHolder, _super);
     function PixPlaceHolder() {
@@ -90,11 +90,9 @@ var PixPlaceHolder = /** @class */ (function (_super) {
         var _this = this;
         var className = ['pixui-placeholder', this.props.className].filter(function (c) { return !!c; }).join(' ');
         var style = this.props.style ? this.props.style : {};
-        return (<pixslot className={className} onLoad={this.onLoad.bind(this)} src="pixui://method:placeholder" ref={function (ref) {
+        return (h("pixslot", { className: className, onLoad: this.onLoad.bind(this), src: "pixui://method:placeholder", ref: function (ref) {
                 _this.dom = ref;
-            }} onerror={this.onError} style={style}>
-                {this.props.children}
-            </pixslot>);
+            }, onerror: this.onError, style: style }, this.props.children));
     };
     return PixPlaceHolder;
 }(Component));

package/src/sample/Images.d.ts

@@ -1,31 +0,0 @@
-export declare const Images: {
-    bg1: any;
-    bg2: any;
-    btn_close: any;
-    changtai_button: any;
-    checkbox0: any;
-    checkbox1: any;
-    data_arrow_down: any;
-    data_arrow_up: any;
-    dot: any;
-    inner: any;
-    item_reddot: any;
-    loading: any;
-    money_dropdown: any;
-    money_dropdownall: any;
-    outer: any;
-    slapface_samplepic1: any;
-    slapface_samplepic2: any;
-    slapface_samplepic3: any;
-    slapface_samplepic4: any;
-    slapface_samplepic5: any;
-    slapface_samplepic6: any;
-    tabs_bg: any;
-    tab_choosed: any;
-    video_pause: any;
-    video_play: any;
-    video_reload: any;
-    xuanfu_button: any;
-    yaxia_button: any;
-    zwt: any;
-};

package/src/sample/Images.js

@@ -1,60 +0,0 @@
-import bg1 from "./asset/bg1.png";
-import bg2 from "./asset/bg2.png";
-import btn_close from "./asset/btn_close.png";
-import changtai_button from "./asset/changtai_button.jpg";
-import checkbox0 from "./asset/checkbox0.png";
-import checkbox1 from "./asset/checkbox1.png";
-import data_arrow_down from "./asset/data_arrow_down.png";
-import data_arrow_up from "./asset/data_arrow_up.png";
-import dot from "./asset/dot.png";
-import inner from "./asset/inner.png";
-import item_reddot from "./asset/item_reddot.png";
-import loading from "./asset/loading.png";
-import money_dropdown from "./asset/money_dropdown.png";
-import money_dropdownall from "./asset/money_dropdownall.png";
-import outer from "./asset/outer.png";
-import slapface_samplepic1 from "./asset/slapface_samplepic1.png";
-import slapface_samplepic2 from "./asset/slapface_samplepic2.png";
-import slapface_samplepic3 from "./asset/slapface_samplepic3.png";
-import slapface_samplepic4 from "./asset/slapface_samplepic4.png";
-import slapface_samplepic5 from "./asset/slapface_samplepic5.png";
-import slapface_samplepic6 from "./asset/slapface_samplepic6.png";
-import tabs_bg from "./asset/tabs_bg.png";
-import tab_choosed from "./asset/tab_choosed.png";
-import video_pause from "./asset/video_pause.png";
-import video_play from "./asset/video_play.png";
-import video_reload from "./asset/video_reload.png";
-import xuanfu_button from "./asset/xuanfu_button.jpg";
-import yaxia_button from "./asset/yaxia_button.jpg";
-import zwt from "./asset/zwt.png";
-export var Images = {
-    bg1: bg1,
-    bg2: bg2,
-    btn_close: btn_close,
-    changtai_button: changtai_button,
-    checkbox0: checkbox0,
-    checkbox1: checkbox1,
-    data_arrow_down: data_arrow_down,
-    data_arrow_up: data_arrow_up,
-    dot: dot,
-    inner: inner,
-    item_reddot: item_reddot,
-    loading: loading,
-    money_dropdown: money_dropdown,
-    money_dropdownall: money_dropdownall,
-    outer: outer,
-    slapface_samplepic1: slapface_samplepic1,
-    slapface_samplepic2: slapface_samplepic2,
-    slapface_samplepic3: slapface_samplepic3,
-    slapface_samplepic4: slapface_samplepic4,
-    slapface_samplepic5: slapface_samplepic5,
-    slapface_samplepic6: slapface_samplepic6,
-    tabs_bg: tabs_bg,
-    tab_choosed: tab_choosed,
-    video_pause: video_pause,
-    video_play: video_play,
-    video_reload: video_reload,
-    xuanfu_button: xuanfu_button,
-    yaxia_button: yaxia_button,
-    zwt: zwt,
-};

package/src/sample/OutlineText/OutlineDemo.d.ts

@@ -1,20 +0,0 @@
-import { Component, CSSProperties } from 'preact';
-interface DemoProps {
-    style?: CSSProperties;
-    outlineColor?: {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
-    outlineDistance?: {
-        x: number;
-        y: number;
-    };
-}
-export declare class OutlineDemo extends Component<DemoProps, DemoProps> {
-    constructor(param: any);
-    onClickButton(): void;
-    render(): any;
-}
-export {};