volcanos/pane/Header.js

Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, meta, list, cb, target) {
    },
})
Volcanos("onaction", {help: "交互数据", list: [], _init: function(can, msg, list, cb, target) {
        function init() { can.run({}, [], function(msg) {
            can.onexport._init(can, msg, msg.append, function() {
                can.run({}, ["search", "River.onaction._init"])
                can.run({}, ["search", "Footer.onaction._init"])
            }, target)
        }) }

        can.user.title(can.user.Search(can, "title"))
        can.page.Modify(can, document.body, {className:
            can.user.Search(can, "topic") || (can.user.Search(can, "pod") || can.base.isNight() ? "black": "white")})

        location.protocol == "file:"? init(): can.run({}, ["check"], function(msg) {
            msg.Result()? init(): can.user.login(can, init)
        })
    },
    title: function(event, can, key) {
        var args = {}; can.core.List(["pod", "topic"], function(key) {
            var value = can.user.Search(can, key); value && (args[key] = value)
        })
        location.href = can.user.Share(can, args, true)
    },
    white: function(event, can, key) {
        can.page.Modify(can, document.body, {className: key})
    },
    black: function(event, can, key) {
        can.page.Modify(can, document.body, {className: key})
    },
    username: function(event, can, key) {
        if (can.user.confirm("logout?")) {
            can.user.Cookie(can, "sessid", "")
            can.user.reload(true)
        }
    },
    pack: function(event, can, key) {
        can.core.Item(Volcanos.meta.pack, function(key, msg) {
            delete(msg._event), delete(msg._can)
        })

        var toast = can.user.toast(can, "打包中...", "webpack", 1000000)
        var msg = can.request(event)
        msg.Option("name", "demo")
        msg.Option("content", JSON.stringify(Volcanos.meta.pack))
        can.run(event, ["pack"], function(msg) {
            toast.Close(), can.user.toast(can, "打包成功", "webpack")
        })
    },

    River: function(event, can, key) {
        can.page.Select(can, document.body, "fieldset.River", function(item) {
            can.page.Modify(can, item, {style: {display: item.style.display == "none"? "block": "none"}})
        })
    },
    Footer: function(event, can, key) {
        can.page.Select(can, document.body, "fieldset.Action", function(item) {
            if (item.style.height) {
                height = document.body.offsetHeight
                can.page.Select(can, item, "div.output")[0].style.height = ""
                item.style.height = ""
            } else {
                can.page.Select(can, item, "div.output")[0].style.height = height-100+"px"
                item.style.height = height-88+"px"
            }
        }) 
        can.page.Select(can, document.body, "fieldset."+key, function(item) {
            can.page.Modify(can, item, {style: {display: item.style.display == "none"? "block": "none"}})
        })
    },
})
Volcanos("onexport", {help: "导出数据", list: [], _init: function(can, msg, list, cb, target) {
        const USERNAME = "username"
        can.Conf(USERNAME, msg.Option("user.nick")||msg.Option("user.name"))
        can.Conf(USERNAME).length > 10 && can.Conf(USERNAME, can.Conf(USERNAME).slice(0, 10))
        can._output.innerHTML = ""

        // 标题
        can.user.title(can.user.Search(can, "pod"))
        can.user.isMobile || can.core.List(msg.result||["github.com/shylinux/contexts"], function(title) {
            can.page.Append(can, can._output, [{view: ["title", "div", title],
                click: function(event) { can.onaction["title"](event, can, "title") },
            }])
        })

        // 状态
        can.core.List(can.Conf("state")||["time", USERNAME], function(item) {
            can.page.Append(can, can._output, [{view: ["state "+item, "div", can.Conf(item)],
                click: function(event) { can.onaction[item](event, can, item) },
            }])
        })
        can.page.Select(can, can._output, "div.state.time", function(item) {
            can.timer = can.Timer({interval: 1000, length: -1}, function(event) {
                can.onexport.time(event, can, "time", item)
            })
        })

        // 搜索
        can.user.isMobile || (can.search = can.page.Append(can, can._output, [{view: "search", list: [{type: "input", data: {placeholder: "search"}, onkeydown: function(event) {
            switch (event.key) {
                case "Enter": can.run(event, ["search", "Search.onimport.input", "*", event.target.value]); break
            }
        }, }], }]).input)

        var ui = can.page.Append(can, can._output, can.core.List(can.user.isMobile || can.user.isExtension || can.user.Search(can, "pod")? ["River"]: ["pack"], function(item) {
            return {view: "item", list: [{type: "input", data: {type: "button", name: item, value: item.toLowerCase()}, onclick: function(event) {
                var cb = can.onaction[item]; typeof cb == "function" && cb(event, can, item)
            }, }]}
        }))

        // 场景
        if (can.user.isExtension) {
            can.onaction.River({}, can)
        } else if (can.user.isMobile) {
            can.onaction.River({}, can)
            can.onaction.Footer({}, can)
        } else if (can.user.Search(can, "pod")) {
            can.onaction.River({}, can)
            can.onaction.Footer({}, can)
        }

        typeof cb == "function" && cb()
    },
    time: function(event, can, key, target) {
        target.innerHTML = can.base.Time(null, "%w %H:%M:%S")
    },
})