pixuireactcomponents 1.1.17 → 1.1.18

package/index.js

@@ -12,5 +12,4 @@ 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 { SlapfaceLess } from "./ui/components/slapface/less/Slapface.less";
 console.log("Hello, 欢迎使用PixUI React Components");

package/package.json

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

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

@@ -1,21 +1,4 @@
 import { h, Component } from "preact";
-export interface SettingsItems {
-    readonly ani_switch_type: number;
-    readonly is_mask: boolean;
-}
-export interface groupInfo {
-    groupId: number;
-    isLoadDone: boolean;
-    picture: string;
-    width: number;
-    height: number;
-}
-interface SlapfaceInfo {
-    LoadGroup(): groupInfo[];
-    jumpButton: object;
-    settingsitems: SettingsItems;
-    btn_closeButton: string;
-}
 export declare class Slapface extends Component<any, any> {
     private LoadGroup;
     private jumpButton;
@@ -24,18 +7,3 @@ export declare class Slapface extends Component<any, any> {
     constructor(props: any);
     render(): h.JSX.Element;
 }
-export declare class Group extends Component<SlapfaceInfo, any> {
-    constructor(props: any);
-    private groupIndexList;
-    private groupArr;
-    componentDidMount(): void;
-    closeClick(e?: Event): void;
-    render(): h.JSX.Element;
-}
-export declare class CloseButton extends Component<any, any> {
-    render(): h.JSX.Element;
-}
-export declare class JumpButton extends Component<any, any> {
-    render(): h.JSX.Element;
-}
-export {};

package/ui/components/slapface/Slapface.js

@@ -101,7 +101,6 @@ var Slapface = /** @class */ (function (_super) {
         _this.jumpButton = _this.props.jumpButton ? _this.props.jumpButton : jumpButton;
         _this.settingsitems = _this.props.settingsitems ? _this.props.settingsitems : settingsitems;
         _this.btn_closeButton = _this.props.btn_closeButton;
-        console.log("111", _this.settingsitems);
         return _this;
     }
     Slapface.prototype.render = function () {
@@ -140,9 +139,9 @@ var Group = /** @class */ (function (_super) {
     }
     Group.prototype.componentDidMount = function () {
         var _this = this;
-        if (document.getElementById("picBack").style.visibility == 'hidden') {
+        if (this.picBack.style.visibility == 'hidden') {
             setTimeout(function () {
-                document.getElementById("picBack").style.visibility = 'visible';
+                _this.picBack.style.visibility = 'visible';
                 _this.closeClick();
             }, 600);
         }
@@ -150,15 +149,14 @@ var Group = /** @class */ (function (_super) {
     Group.prototype.closeClick = function (e) {
         e === null || e === void 0 ? void 0 : e.stopPropagation();
         var nextIndex = this.groupIndexList.CheckReady();
-        console.log("222", SlapfaceLess.groupBack);
         if (nextIndex != -1) {
             if (this.props.settingsitems.ani_switch_type == 2) {
-                document.getElementById("picBack").classList.add(SlapfaceLess.groupBack);
+                this.picBack.classList.add(SlapfaceLess.groupBack);
             }
             this.setState({ curIndex: nextIndex });
         }
         else {
-            document.getElementById("picBack").style.visibility = "hidden";
+            this.picBack.style.visibility = "hidden";
             this.forceUpdate();
         }
     };
@@ -167,7 +165,7 @@ var Group = /** @class */ (function (_super) {
         if (this.state.curIndex == -1) {
             this.setState({ curIndex: this.groupIndexList.CheckReady() });
         }
-        return (h("div", { id: "picBack", style: { width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center', position: 'absolute', visibility: 'hidden' }, onAnimationEnd: function () { document.getElementById("picBack").classList.remove(SlapfaceLess.groupBack); } },
+        return (h("div", { ref: function (div) { _this.picBack = div; }, style: { width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center', position: 'absolute', visibility: 'hidden' }, onAnimationEnd: function () { _this.picBack.classList.remove(SlapfaceLess.groupBack); } },
             h("div", { onClick: function () { if (_this.props.settingsitems.is_mask == false)
                     return; _this.closeClick(); }, style: { position: "absolute", width: "100%", height: "100%" } }),
             h("div", { style: { backgroundImage: "url(".concat(this.groupArr[this.state.curIndex].picture, ")"), width: this.groupArr[this.state.curIndex].width, height: this.groupArr[this.state.curIndex].height } },
@@ -176,19 +174,16 @@ var Group = /** @class */ (function (_super) {
     };
     return Group;
 }(Component));
-export { Group };
 var CloseButton = /** @class */ (function (_super) {
     __extends(CloseButton, _super);
     function CloseButton() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     CloseButton.prototype.render = function () {
-        console.log("123213", this.props.btn_closeButton);
         return (h("button", { className: SlapfaceLess.closeButton, style: { backgroundImage: "url(".concat(this.props.btn_closeButton, ")") }, onClick: this.props.onClick }));
     };
     return CloseButton;
 }(Component));
-export { CloseButton };
 var JumpButton = /** @class */ (function (_super) {
     __extends(JumpButton, _super);
     function JumpButton() {
@@ -196,9 +191,8 @@ var JumpButton = /** @class */ (function (_super) {
     }
     JumpButton.prototype.render = function () {
         var _this = this;
-        return (h("div", { className: SlapfaceLess.jumpButton, onMouseDown: function () { document.getElementById("jump_button_img").src = _this.props.jumpButton.pic_yaxia; }, onMouseUp: function () { document.getElementById("jump_button_img").src = _this.props.jumpButton.pic_changtai; }, onMouseOver: function () { document.getElementById("jump_button_img").src = _this.props.jumpButton.pic_xuanfu; }, onMouseOut: function () { document.getElementById("jump_button_img").src = _this.props.jumpButton.pic_changtai; } },
-            h("img", { id: "jump_button_img", src: this.props.jumpButton.pic_changtai })));
+        return (h("div", { className: SlapfaceLess.jumpButton, onMouseDown: function () { _this.jumpbtnImg.src = _this.props.jumpButton.pic_yaxia; }, onMouseUp: function () { _this.jumpbtnImg.src = _this.props.jumpButton.pic_changtai; }, onMouseOver: function () { _this.jumpbtnImg.src = _this.props.jumpButton.pic_xuanfu; }, onMouseOut: function () { _this.jumpbtnImg.src = _this.props.jumpButton.pic_changtai; } },
+            h("img", { ref: function (img) { _this.jumpbtnImg = img; }, src: this.props.jumpButton.pic_changtai })));
     };
     return JumpButton;
 }(Component));
-export { JumpButton };