Compare commits

..

No commits in common. "6f96a69900e1419fe933daffeb13316a253a76ed" and "96b3414d22ad6519a4cbdb92c2fcd2c503a8fee9" have entirely different histories.

2 changed files with 11 additions and 69 deletions

View File

@ -1,35 +1,6 @@
import { Modular, Manager } from "../../core/Module";
/**
*
*/
type IMaskEvent = {
/**
*
*/
show: void;
/**
*
*/
hide: void;
/**
*
*/
change: boolean;
/**
*
*/
click: void;
}
/**
* Modular
*/
class Mask<M extends Manager> extends Modular<M, {}, IMaskEvent> {
class Mask<M extends Manager> extends Modular<M> {
/**
*
@ -54,41 +25,22 @@ class Mask<M extends Manager> extends Modular<M, {}, IMaskEvent> {
isShow: false
};
/**
*
*/
public autoCloseOnClick: boolean = true;
/**
*
*/
private disappearTimer?: number;
public override onLoad() {
this.setFunc(this.handleClickMask, "handleClickMask");
this.on("show", this.showMask);
this.on("hide", this.hideMask);
}
/**
*
*/
private showMask = () => {
this.disappearTimer && clearTimeout(this.disappearTimer);
public showMask() {
this.setData({
isShow: true,
isDisplay: true
});
this.emit("change", true);
}
/**
*
*/
private hideMask = () => {
public hideMask() {
this.setData({
isShow: false
});
@ -98,16 +50,15 @@ class Mask<M extends Manager> extends Modular<M, {}, IMaskEvent> {
isDisplay: false
});
}, Mask.animateTime);
this.emit("change", false);
}
/**
*
*/
public override onLoad() {
this.setFunc(this.handleClickMask, "handleClickMask");
// Do something
}
private handleClickMask() {
if (this.autoCloseOnClick) this.emit("hide", void 0);
this.emit("click", void 0);
this.hideMask();
}
}

View File

@ -5,15 +5,7 @@ type IUserCardDependent<M extends Manager> = {
mask: Mask<M>
}
type IUserCardEvent = {
/**
*
*/
clickChangeTheme: void;
}
class UserCard<M extends Manager> extends Modular<M, IUserCardDependent<M>, IUserCardEvent> {
class UserCard<M extends Manager> extends Modular<M, IUserCardDependent<M>> {
public override onLoad() {
this.setFunc(this.handleChangeTheme, "changeTheme")
@ -23,8 +15,7 @@ class UserCard<M extends Manager> extends Modular<M, IUserCardDependent<M>, IUse
*
*/
private handleChangeTheme() {
this.depends?.mask.emit("show", void 0);
this.emit("clickChangeTheme", void 0);
this.depends?.mask.showMask();
}
}