pixuireactcomponents 1.1.19 → 1.1.21

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

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

package/ui/components/tab/Tabs.js

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

package/ui/ui.md

@@ -1,2 +1,2 @@
-# UI组件
+# UI组件
 组件源码，参见components目录；对应的示例Demo，参见sample目录

package/ui/components/slapface/less/Slapface.less

@@ -1,107 +0,0 @@
-.maininterface{
-    width:1200px;
-    height:682px;
-    /* width:100%;
-    height:100%; */
-    margin: auto;
-    /* padding:  0px 36px 36px 36px; */
-    /* background-color: grey; */
-    flex-direction: column;
-    position: relative;
-}
-.gameTitle{
-    height : 76px;
-    width:244px; 
-    position: relative;
-    /* left:12px;
-    top:0px; */
-    font-size: 44px; 
-    color:white;
-    background-color: rgb(180, 180, 180);
-    z-index: 999;
-    text-align: center;
-    float:left;
-}
-.closeButton{
-    width:36px;
-    height:36px;
-    background-size: contain;
-    /* float: left; */
-    position: absolute;
-    right:0px;
-    top:0px;
-}
-
-@keyframes zoom{
-    from{
-        transform: scale(0)
-    }
-    80%{
-        transform: scale(1.1);
-    }
-    to{
-        transform: scale(1);
-    }
-}
-
-.groupBack{
-    animation-name:zoom;
-    animation-timing-function:ease-in-out;
-    animation-iteration-count:1;
-    animation-duration: 1s;
-}
-
-.isShowToday{
-    width:36px;
-    height:31px;
-    background-size: contain;
-    position: absolute;
-    right:0px;
-    bottom:0px;
-}
-.title{
-    position: absolute;
-    color:red;
-    left:0px;
-    top:0px;
-}
-.groupFrame{
-    position:absolute;
-    right:0%;
-    bottom:0%;
-}
-.jumpButton{
-    position: absolute;
-    right:50%;
-    bottom:10%;
-    /* top:80%; */
-    transform: translate(50%, -50%);
-}
-.slapImage{
-    box-sizing:  content-box;
-    /* border-width: 5px;
-    border-color: black;
-    border-style: solid; */
-    position: absolute;
-    left:50%;
-    top:50%;
-    transform:translate(-50%,-50%);
-}
-.frame {
-    border: 12px solid rgb(60, 65, 71); 
-    display: flex;
-    /* flex-direction: row; */
-    /* flex-basis: content; */
-    /* justify-content: space-around; */
-    width: 1128px;
-    height: 604px;
-    position: relative;
-    top:-12px;
-    background-color: rgb(60, 65, 71);
-}
-
-.mask{
-    // background:url(images/coupon-logo.gif) no-repeat;
-    height:100px;background-color:#fff;
-    opacity:0.6;
-}