pixuireactcomponents 1.1.21 → 1.1.22

package/ui/components/progress/Progress.js

@@ -1,142 +1,142 @@
-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 __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { Component, createRef, h } from 'preact';
-var row_center_center = {
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center'
-};
-var wrapperStyle;
-var outerStyle;
-var innerStyle;
-var dotStyle;
-var dotWrapperStyle;
-var lastX = undefined; // 上一次位置的横坐标
-var count = 0; // 拖动条距离最左端的位置 [0, this.props.wrapperWidth]
-var rect = undefined; // 滑动区域
-var Progress = /** @class */ (function (_super) {
-    __extends(Progress, _super);
-    function Progress(props) {
-        var _this = _super.call(this, props) || this;
-        _this.refWrapper = createRef();
-        _this.onDragStart = function (event) {
-            console.log('【Progress】DragStart event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----currentX----' + (_this.state.percent / 100 * _this.props.wrapperWidth));
-            lastX = event.clentX;
-            count = _this.state.percent / 100 * _this.props.wrapperWidth;
-            if (_this.props.onDragStart) {
-                _this.props.onDragStart();
-            }
-        };
-        _this.onDrag = function (event) {
-            if (event.clientX < rect.left || event.clientX > rect.right)
-                return;
-            if (lastX == undefined) {
-                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 * 100;
-            _this.setState({
-                percent: newPercent
-            }, function () {
-                if (_this.props.onDrag)
-                    _this.props.onDrag(newPercent);
-            });
-            lastX = event.clientX;
-        };
-        _this.onDragEnd = function (event) {
-            lastX = undefined;
-            console.log('【Progress】DragEnd event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----currentX----' + (_this.state.percent / 100 * _this.props.wrapperWidth));
-            if (_this.props.onDragEnd) {
-                _this.props.onDragEnd(_this.state.percent);
-            }
-        };
-        _this.computeWrapperStyle = function () {
-            wrapperStyle = __assign({ width: _this.props.wrapperWidth + 'px', height: _this.props.wrapperHeight + 'px' }, row_center_center);
-        };
-        _this.computeOuterStyle = function () {
-            outerStyle = {
-                width: '100%',
-                height: _this.props.height + 'px',
-                backgroundImage: "url(".concat(_this.props.outerBg, ")"),
-                backgroundSize: '100% 100%'
-            };
-        };
-        _this.computeInnerStyle = function () {
-            var _width = Math.floor(_this.state.percent) + '%';
-            innerStyle = {
-                width: _width,
-                height: '100%',
-                backgroundImage: "url(".concat(_this.props.innerBg, ")"),
-                backgroundSize: '100% 100%'
-            };
-        };
-        _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 / 100 - _this.props.dotWrapperWidth / 2) + 'px' }, row_center_center
-            // backgroundColor: '#FF000066'
-            );
-        };
-        _this.computeDotStyle = function () {
-            dotStyle = {
-                width: _this.props.dotWidth + 'px',
-                height: _this.props.dotHeight + 'px',
-            };
-        };
-        _this.state = {
-            percent: Math.floor(_this.props.percent)
-        };
-        _this.computeWrapperStyle();
-        _this.computeOuterStyle();
-        return _this;
-    }
-    Progress.prototype.componentDidMount = function () {
-        rect = this.refWrapper.current.getBoundingClientRect();
-    };
-    Progress.prototype.componentWillReceiveProps = function (nextProps) {
-        if (nextProps.percent == this.props.percent)
-            return;
-        this.setState({
-            percent: nextProps.percent
-        });
-    };
-    Progress.prototype.render = function () {
-        this.computeInnerStyle();
-        this.computeDotWrapperStyle();
-        this.computeDotStyle();
-        return (h("div", { ref: this.refWrapper, style: wrapperStyle },
-            h("div", { style: outerStyle },
-                h("div", { style: innerStyle },
-                    h("div", { style: dotWrapperStyle, draggable: true, onDragStart: this.onDragStart, onDrag: this.onDrag, onDragEnd: this.onDragEnd },
-                        h("img", { src: this.props.dotBg, style: dotStyle }))))));
-    };
-    return Progress;
-}(Component));
-export { Progress };
+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 __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { Component, createRef, h } from 'preact';
+var row_center_center = {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+};
+var wrapperStyle;
+var outerStyle;
+var innerStyle;
+var dotStyle;
+var dotWrapperStyle;
+var lastX = undefined; // 上一次位置的横坐标
+var count = 0; // 拖动条距离最左端的位置 [0, this.props.wrapperWidth]
+var rect = undefined; // 滑动区域
+var Progress = /** @class */ (function (_super) {
+    __extends(Progress, _super);
+    function Progress(props) {
+        var _this = _super.call(this, props) || this;
+        _this.refWrapper = createRef();
+        _this.onDragStart = function (event) {
+            console.log('【Progress】DragStart event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----currentX----' + (_this.state.percent / 100 * _this.props.wrapperWidth));
+            lastX = event.clentX;
+            count = _this.state.percent / 100 * _this.props.wrapperWidth;
+            if (_this.props.onDragStart) {
+                _this.props.onDragStart();
+            }
+        };
+        _this.onDrag = function (event) {
+            if (event.clientX < rect.left || event.clientX > rect.right)
+                return;
+            if (lastX == undefined) {
+                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 * 100;
+            _this.setState({
+                percent: newPercent
+            }, function () {
+                if (_this.props.onDrag)
+                    _this.props.onDrag(newPercent);
+            });
+            lastX = event.clientX;
+        };
+        _this.onDragEnd = function (event) {
+            lastX = undefined;
+            console.log('【Progress】DragEnd event.clientX--' + event.clientX + '-----percent----' + _this.state.percent + '-----currentX----' + (_this.state.percent / 100 * _this.props.wrapperWidth));
+            if (_this.props.onDragEnd) {
+                _this.props.onDragEnd(_this.state.percent);
+            }
+        };
+        _this.computeWrapperStyle = function () {
+            wrapperStyle = __assign({ width: _this.props.wrapperWidth + 'px', height: _this.props.wrapperHeight + 'px' }, row_center_center);
+        };
+        _this.computeOuterStyle = function () {
+            outerStyle = {
+                width: '100%',
+                height: _this.props.height + 'px',
+                backgroundImage: "url(".concat(_this.props.outerBg, ")"),
+                backgroundSize: '100% 100%'
+            };
+        };
+        _this.computeInnerStyle = function () {
+            var _width = Math.floor(_this.state.percent) + '%';
+            innerStyle = {
+                width: _width,
+                height: '100%',
+                backgroundImage: "url(".concat(_this.props.innerBg, ")"),
+                backgroundSize: '100% 100%'
+            };
+        };
+        _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 / 100 - _this.props.dotWrapperWidth / 2) + 'px' }, row_center_center
+            // backgroundColor: '#FF000066'
+            );
+        };
+        _this.computeDotStyle = function () {
+            dotStyle = {
+                width: _this.props.dotWidth + 'px',
+                height: _this.props.dotHeight + 'px',
+            };
+        };
+        _this.state = {
+            percent: Math.floor(_this.props.percent)
+        };
+        _this.computeWrapperStyle();
+        _this.computeOuterStyle();
+        return _this;
+    }
+    Progress.prototype.componentDidMount = function () {
+        rect = this.refWrapper.current.getBoundingClientRect();
+    };
+    Progress.prototype.componentWillReceiveProps = function (nextProps) {
+        if (nextProps.percent == this.props.percent)
+            return;
+        this.setState({
+            percent: nextProps.percent
+        });
+    };
+    Progress.prototype.render = function () {
+        this.computeInnerStyle();
+        this.computeDotWrapperStyle();
+        this.computeDotStyle();
+        return (h("div", { ref: this.refWrapper, style: wrapperStyle },
+            h("div", { style: outerStyle },
+                h("div", { style: innerStyle },
+                    h("div", { style: dotWrapperStyle, draggable: true, onDragStart: this.onDragStart, onDrag: this.onDrag, onDragEnd: this.onDragEnd },
+                        h("img", { src: this.props.dotBg, style: dotStyle }))))));
+    };
+    return Progress;
+}(Component));
+export { Progress };

package/ui/components/slapface/Slapface.d.ts

@@ -1,12 +1,12 @@
-import { h, Component } from "preact";
-export declare class Slapface extends Component<any, any> {
-    private LoadGroup;
-    private jumpButton;
-    private settingsitems;
-    private btn_closeButton;
-    private pic_loading;
-    private actDisplay;
-    closeAct: () => void;
-    constructor(props: any);
-    render(): h.JSX.Element;
-}
+import { h, Component } from "preact";
+export declare class Slapface extends Component<any, any> {
+    private LoadGroup;
+    private jumpButton;
+    private settingsitems;
+    private btn_closeButton;
+    private pic_loading;
+    private actDisplay;
+    closeAct: () => void;
+    constructor(props: any);
+    render(): h.JSX.Element;
+}