efront 3.24.3 → 3.25.0

package/apps/zimoli/message/main.less

@@ -1,51 +0,0 @@
-& {
-    height: 100%;
-    width: 100%;
-    position: absolute;
-    background-color: #f2f4f6;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    padding-top: 50px;
-}
-
-.options {
-    text-align: center;
-    padding: 12px 60px;
-    .button {
-        border-radius: 0;
-        max-width: 120px;
-        width: 25%;
-        @radius: 5px;
-        background-color: #fff;
-        @color: #0090ff;
-        border: 1px solid @color;
-        border-right: none;
-        color: @color;
-        &.active,
-        &.hover,
-        &:focus,
-        &.ing {
-            color: #fff;
-            background-color: @color;
-        }
-        &:first-child {
-            border-radius: @radius 0 0 @radius;
-        }
-        &:last-child {
-            border-radius: 0 @radius @radius 0;
-            border-right: 1px solid @color;
-        }
-    }
-}
-&{
-    position: absolute;
-    padding-bottom: 60px;
-}
-.page{
-    height:100%;
-    >div{
-        height: 100%;
-    }
-}

package/apps/zimoli/message/praiseList.js

@@ -1,3 +0,0 @@
-function main(){
-    return div();
-}

package/apps/zimoli/message/praiseList.less

@@ -1,7 +0,0 @@
-& {
-    width: 100%;
-    height: 100%;
-    &:empty:after {
-        content: "暂无消息";
-    }
-}

package/apps/zimoli/nearby/main.js

@@ -1,8 +0,0 @@
-// 中文编码 utf-8
-var tbar = titlebar("附近", null, false);
-var page = createElement(div, tbar);
-css(page, "font-size:40px;color:#fff;");
-
-function main() {
-    return page;
-}

package/apps/zimoli/skin/main.js

@@ -1,47 +0,0 @@
-var page = div();
-titlebar("皮肤中心", ["我的"]);
-page.innerHTML = `<hbox class=title-area>
-<span class=active>推荐</span>
-<span>卡通</span>
-<span>明星</span>
-<span>星座</span>
-<span>个性</span>
-</hbox>
-<list>
-    <div>
-        官方推荐
-    </div>
-    <div>
-        <div></div>
-    </div>
-</list>
-`.replace(/>\s+</g, "><");
-page.initialStyle = 'margin-left:100%';
-var list = div();
-render(page, {
-    hbox(element) {
-        var elements = [].slice.call(element.children, 0);
-        var container = vbox(div(), "X");
-        appendChild(container, elements);
-        return container;
-    },
-    list() {
-        return
-    }
-});
-var titleArea = page.querySelector(".title-area");
-onclick(titleArea, function (event) {
-    var target = event.target;
-    if (!/span/i.test(target.tagName)) return;
-    [].forEach.call(titleArea.children, function (child) {
-        if (child !== target) {
-            removeClass(child, "active");
-        } else {
-            addClass(child, "active");
-        }
-    });
-
-});
-function main() {
-    return page;
-}

package/apps/zimoli/skin/main.less

@@ -1,31 +0,0 @@
-& {
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    background-color: #fff;
-    padding-top: 50px;
-    z-index: 1;
-}
-
-.title-area {
-    height: auto;
-    line-height: 40px;
-    white-space: nowrap;
-    overflow-x: auto;
-    margin: 10px 0;
-    >div {
-        display: inline-block;
-    }
-    >.active {
-        color: blue;
-        border-bottom: 2px solid blue;
-    }
-    >span {
-        display: inline-block;
-        margin: 0 20px;
-    }
-}

package/apps/zimoli/user/getPassword.js

@@ -1,82 +0,0 @@
-var page = div();
-titlebar(i18n("找回密码", "Retrieve password"));
-page.innerHTML = `
-<div step=1 ng-if=data.step==1>
-    <field>
-    <span>${i18n("账号", "Account")}</span>
-    <input ng-model=data.usercode />
-    </field>
-    <div class=option>
-        <btn ng-click='sendSMS()'>${i18n("下一步", "Next")}</btn>
-    </div>
-</div>
-<div step=2 ng-if=data.step==2>
-    <div>
-        ${i18n("已发送验证短信到", "Verified SMS has been sent to")}<span ng-bind=mask(data.usercode)></span>
-    </div>
-    <group>
-        <field>
-            <span>${i18n("验证码", "Identifying code")}</span>
-            <input/>
-            <div>
-                <btn ng-if='new Date-data.sendTime>data.waitTime' ng-click=resend()>${i18n("重新发送", "Resend")}</btn>
-                <span ng-if='new Date-data.sendTime<=data.waitTime'>
-                ${i18n("<span ng-bind='String((data.sendTime-new Date+data.waitTime)/1000|0)'></span>秒后重新发送",
-    "Resend in <span ng-bind='String((data.sendTime-new Date+data.waitTime)/1000|0)'></span> seconds")}
-                </span>
-            </div>
-        </field>
-        <field><span>${i18n("新密码", "New password")}</span><input/></field>
-        <field><span>${i18n("确认密码", "Verify password")}</span><input/></field>
-    </group>
-    <div class=option>
-        <btn ng-click='setPassword()'>${i18n("确定", "Confirm")}</btn>
-    </div>
-</div>
-`.replace(/>\s+</g, "><");
-var data = {};
-render(page, {
-    data,
-    input,
-    mask(code) {
-        return String(code).trim().replace(/^([\s\S]{3})(.*?)$/g, (_, a, b) => a + "*".repeat(b.length));
-    },
-    group(elem) {
-        return group([].slice.call(elem.children, 0));
-    },
-    field(elem) {
-        return field(elem.children[0], elem.children[1], elem.children[2] || false, 8);
-    },
-    btn: button,
-    sendSMS() {
-        if (!/\d{11}/.test(data.usercode)) return alert("账号错误！");
-        data.step = 2;
-        data.sendTime = +new Date;
-        state(data);
-        ticker();
-    },
-    resend() {
-        this.sendSMS();
-    },
-    setPassword() {
-    }
-})
-var ticker = function () {
-    if (data.step === 2 && new Date() - data.sendTime <= data.waitTime) ticker.ing = requestAnimationFrame(ticker);
-    dispatch(window, "render");
-};
-page.initialStyle = `z-index:1;margin-left:100%`;
-onremove(page, function () {
-    cancelAnimationFrame(ticker.ing);
-    state(null);
-});
-function main() {
-    extend(data, {
-        usercode: "",
-        step: 1,
-        waitTime: 60000,
-        sendTime: +new Date,
-    }, state());
-    ticker();
-    return page;
-}

package/apps/zimoli/user/getPassword.less

@@ -1,14 +0,0 @@
-&{
-    padding-top: 50px;
-}
-.option {
-    text-align: right;
-    .button {
-        border-radius: 18px;
-        margin: 16px;
-        padding: 0 20px;
-        [layer=left] & {
-            display: block;
-        }
-    }
-}

package/apps/zimoli/user/login.html

@@ -1,12 +0,0 @@
-<form ng-submit="login()" onsubmit="event.preventDefault()">
-    <div class="bg"></div>
-    <div>
-        ${avatar}
-        <name placeholder=${i18n`name`} ng-model='username'></name>
-        <pswd placeholder=${i18n`password`} ng-model='password'></pswd>
-        <button type="submit" ng-if='!login.ing'>
-            <span ng-if='!username'>${i18n(`游客`, "Guest")}</span>${i18n`login`}</button>
-        <button ng-if='login.ing' class='busy'>
-            <span ng-if='!username'>${i18n(`游客`, "Guest")}</span>${i18n('登录中', 'Logon')}</button>
-    </div>
-</form>

package/apps/zimoli/user/login.js

@@ -1,50 +0,0 @@
-
-titlebar(i18n`login`);
-var config=require("../config");
-var page = div();
-page.innerHTML = login;
-var go_args;
-
-render(page, {
-    loading: {},
-    go,
-    name: input,
-    pswd: password,
-    button,
-    username: user.name || "",
-    password: null,
-    request(name, password) {
-        var that = this;
-        var login = this.loading;
-        login.ing = true;
-        api("_session", {
-            name,
-            password
-        }).success(function (result) {
-            login.ing = false;
-            user.Login(result).then(function () {
-                that.password = "";
-                user.setSessionTime(60 * 60 * 1000 * 7 * 24);
-                user.saveSession(cross.getCookies(config.api_domain));
-                if (!go_args.length) go("profile");
-                else go.apply(null, go_args);
-            });
-        }).error(function (result) {
-            login.ing = false;
-            alert.error(i18n(JSON.parse(result).reason));
-        });
-
-    },
-    login() {
-        if (!this.username) this.request("guest", "123456");
-        else this.request(this.username, this.password);
-    }
-});
-vbox(page);
-page.initialStyle = 'marginLeft:100%;';
-var [_username, _password, _loginBtn] = page.children;
-
-function main(args) {
-    go_args = args instanceof Array ? args : [];
-    return page;
-}

package/apps/zimoli/user/login.less

@@ -1,139 +0,0 @@
-& {
-    position: absolute;
-    background-color: #333636;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: 100%;
-    width: 100%;
-    text-align: center;
-}
-
-input,
-.password {
-    display: block;
-    position: relative;
-    background-color: rgba(255, 255, 255, .8);
-    height: 50px;
-    line-height: 50px;
-    font-size: 16px;
-    text-align: center;
-    padding: 0 10px;
-    width: 100%;
-    outline-offset: 0;
-    margin: 10px auto;
-    background-clip: padding-box;
-
-
-    &:focus,
-    &.focus {
-        outline: 1px solid #0092cc;
-    }
-}
-
-.icon {
-    width: 80px;
-    height: 80px;
-    margin: 60px auto 40px auto;
-}
-
-.button {
-    margin: 0 auto;
-    width: 100%;
-    height: 50px;
-    line-height: 50px;
-    margin: 20px auto;
-}
-
-.count {
-    white-space: nowrap;
-    right: 0;
-    bottom: 0;
-    color: #888;
-    right: 0;
-    position: absolute;
-    height: 50px;
-    line-height: 50px;
-    padding: 0 16px;
-}
-
-.anchor {
-    cursor: pointer;
-    color: #888;
-    display: inline-block;
-}
-
-.avatar {
-    position: relative;
-    margin-top: -100px;
-    width: 120px;
-    height: 120px;
-    box-shadow: 0 0 20px -6px rgba(0, 0, 0, .6);
-}
-
-& {
-    // background: url('images/cover.jpg') no-repeat center/cover;
-}
-
-.bg {
-    overflow: hidden;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    margin: 0;
-    height: auto;
-    width: auto;
-
-    &:after {
-        content: "";
-        display: block;
-        top: -40px;
-        left: 50%;
-        width: 130px;
-        height: 130px;
-        border-radius: 50%;
-        position: absolute;
-        margin: -1065px;
-        border: 1000px solid rgba(255, 255, 255, .6);
-        box-shadow: 0 0 20px -6px rgba(0, 0, 0, .6);
-        box-sizing: content-box;
-    }
-}
-
-form {
-    position: relative;
-    margin: -72px auto;
-    top: 50%;
-    width: 520px;
-    max-width: 100%;
-    display: block;
-
-    &:before {
-        content: "";
-        box-sizing: border-box;
-        display: block;
-        position: absolute;
-        top: -105px;
-        height: 130px;
-        width: 130px;
-        border-radius: 50%;
-        border: 1px solid #fff;
-        left: 50%;
-        margin-left: -65px;
-    }
-
-
-    >div {
-        width: 100%;
-        padding: 0 16px;
-        border-radius: 4px;
-        box-sizing: border-box;
-        text-align: center;
-        display: inline-block;
-
-    }
-
-}

package/apps/zimoli/user/profile.html

@@ -1,32 +0,0 @@
-<div class=userinfo>
-    <img class="avatar" ng-click=editavatar() ng-src="user.avatar" />
-    <div class="name" ng-bind=user.name>不枝雀</div>
-    <div class="info">兰考县 90后 天秤座</div>
-</div>
-<group>
-    <option ng-click="go('/extra/pending',this.innerText)" title='我的会员' content='清凉一夏·领取会员福利'></option>
-    <option ng-click="go('/extra/pending',this.innerText)" title='积分充值' content='8041'></option>
-    <option ng-click="go('/extra/pending',this.innerText)" title='我的账户' content=''></option>
-</group>
-<group>
-    <option ng-click="go('/extra/pending',this.innerText)" title="通讯录"></option>
-    <option ng-click="go('/extra/pending',this.innerText)" title="分享"></option>
-</group>
-<group>
-    <option ng-click="go('/extra/pending',this.innerText)" title="访客"></option>
-    <option ng-click="go('/extra/pending',this.innerText)" title="喜欢我"></option>
-</group>
-<group>
-    <option ng-click="go('/extra/pending',this.innerText)" title="魅力"></option>
-    <option ng-click="go('/extra/pending',this.innerText)" title="我的礼物"></option>
-</group>
-<group>
-    <option ng-click="go('/extra/pending',this.innerText)" title="房车号"></option>
-    <option ng-click="go('/extra/pending',this.innerText)" title="社交账号" content="QQ:WeChat"></option>
-</group>
-<group>
-    <option title="设置" ng-click='go("setting")'></option>
-</group>
-<group>
-    <option title="退出" ng-click='logout()'></option>
-</group>

package/apps/zimoli/user/profile.js

@@ -1,63 +0,0 @@
-var tbar = titlebar("个人中心");
-var avatar = createElement(div);
-css(avatar, "border-radius:50%;background-color:#ccc;width:60px;height:60px;");
-var avatarArea = createElement(div, avatar);
-css(avatarArea, "width:100%;height:120px;background-color:#fff;");
-var page = createVboxWithState(state);
-page.innerHTML = profile;
-
-on("scroll")(page, function () {
-    var deltaHeight = page.querySelector(".userinfo").offsetHeight - page.scrollTop;
-    var calcHeight = 30;
-    var titlebarHeight = tbar.offsetHeight;
-    var totalHeight = calcHeight + titlebarHeight;
-    var ratio;
-    if (deltaHeight < titlebarHeight) {
-        ratio = 1;
-    } else if (deltaHeight < totalHeight) {
-        ratio = (totalHeight - deltaHeight) / calcHeight;
-    } else {
-        ratio = 0;
-    }
-    tbar.style.backgroundColor = `rgba(${[44, 162, 249, ratio]})`;
-    tbar.style.color = `rgba(${[0xff, 0xff, 0xff, ratio]})`;
-});
-render(page, {
-    user,
-    group,
-    editavatar() {
-        var editor = avatarEditor(this);
-        editor.initialStyle = "opacity:0;";
-        popup(editor);
-    },
-    avatar() {
-        return avatarArea;
-    },
-    upload(file) {
-        if (!file) return console.info("未选择文件");
-        var ext = /\.(png|jpe?g|gif)/i.exec(file.name);
-        if (!ext) return alert.error("只能上传png,jpg,gif格式的文件");
-        var xhr = new XMLHttpRequest;
-        xhr.open("put", user.avatarref);
-        xhr.setRequestHeader("Content-type", "image/" + ext[1].toLowerCase());
-        xhr.send(file);
-        xhr.onload = function () {
-            alert("上传成功！");
-            user.refresh();
-        };
-    },
-    go,
-    option(elem) {
-        return option(elem.title, elem.getAttribute("content"), 96);
-    },
-    logout() {
-        user.Logout().then(e => go(0));
-    }
-})
-// appendChild(page, beian, tbar, money_about, life_circle, live_connect, recived_gift, id_account, setting_about);
-css(page, "font-size:40px;color:#fff;");
-page.initialStyle = "margin-left:100%;z-index:1;transition:all .2s ease-out";
-login();
-function main() {
-    return page;
-}

package/apps/zimoli/user/profile.less

@@ -1,50 +0,0 @@
-& {
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    height: 100%;
-    width: 100%;
-}
-
-&+.titlebar {
-    background: transparent;
-    box-shadow: none;
-    border: none !important;
-    color: transparent;
-    >.button {
-        >.track {
-            box-shadow: none;
-        }
-        color: #ccc;
-    }
-}
-
-.avatar {
-    border-radius: 50%;
-    background-color: #ccc;
-    width: 60px;
-    height: 60px;
-    position: relative;
-    margin: 0 auto;
-    display: block;
-}
-
-.userinfo {
-    >* {
-        z-index: 3;
-    }
-    text-align: center;
-    .name {
-        font-size: 20px;
-    }
-    .info {
-        font-size: 18px;
-        display: inline-block;
-    }
-    padding: 20px 0;
-    width: 100%;
-    height: auto;
-    background: #ccc url('user/profile-bg.jpg') no-repeat center / cover;
-}

package/apps/zimoli/user/register.js

@@ -1,20 +0,0 @@
-var page = createElement("div");
-var usernameElement = createElement(input);
-var passwordElement = createElement(input);
-passwordElement.type = "password";
-var repeatpwElement = createElement(passwordElement);
-var submitButton = button("立即注册");
-css(submitButton, "height:36px;vertical-align:middle;width:100%");
-var headWidth = 8;
-var options = group(
-    field("用户名", usernameElement, false, headWidth),
-    field("密码", passwordElement, false, headWidth),
-    field("确认密码", repeatpwElement, false, headWidth),
-    field("", submitButton, false, headWidth)
-);
-appendChild(page, options);
-titlebar("注册", ["提交"]);
-page.initialStyle = 'marginLeft:100%';
-function register() {
-    return page;
-}

package/apps/zimoli/user/register.less

@@ -1,3 +0,0 @@
-&{
-    padding-top: 50px;
-}