Volcanos("user", {help: "用户模块", agent: { scanQRCode: function(cb, can) { can.user.input(event, can, [{_input: "textarea"}], function(ev, button, data, list, args) { cb(list[0]) }) }, getLocation: function(cb) { typeof cb == "function" && cb({name: "some"}) }, openLocation: function(msg) { window.open("https://map.baidu.com/search/"+encodeURIComponent(msg.Option("text")) +"/@12958750.085,4825785.55,16z?querytype=s&da_src=shareurl&wd="+encodeURIComponent(msg.Option("text"))) }, chooseImage: function(cb) { typeof cb == "function" && cb([]) }, }, isWeiXin: navigator.userAgent.indexOf("MicroMessenger") > -1, isMobile: navigator.userAgent.indexOf("Mobile") > -1, isIPhone: navigator.userAgent.indexOf("iPhone") > -1, isMacOSX: navigator.userAgent.indexOf("Mac OS X") > -1, isWindows: navigator.userAgent.indexOf("Windows") > -1, isLocalFile: location && location.protocol && location.protocol == "file:", isExtension: location && location.protocol && location.protocol == "chrome-extension:", alert: function(text) { alert(JSON.stringify(text)) }, confirm: function(text) { return confirm(JSON.stringify(text)) }, prompt: function(text, cb, def, silent) { (text = silent? def: prompt(text, def||"")) != undefined && typeof cb == "function" && cb(text); return text }, reload: function(force) { (force || confirm("重新加载页面?")) && location.reload() }, title: function(text) { return text && (document.title = text), document.title }, jumps: function(url) { location.href = url }, open: function(url) { window.open(url) }, copy: function(event, can, text) { if (navigator.clipboard) { var ok = false navigator.clipboard.writeText(text).then(() => { ok = true }) if (ok) { return can.user.toast(can, text, "复制成功") } } var input = can.page.Append(can, event.target.parentNode, [{type: "input", value: text}]).first input.setSelectionRange(0,-1), input.focus(), document.execCommand("Copy") can.page.Remove(can, input), can.user.toast(can, text, "复制成功") event.stopPropagation(), event.preventDefault() }, camera: function(can, msg, cb) { navigator.getUserMedia({video: true}, cb, function(error) { can.base.Log(error) }) }, trans: function(can, text) { if (typeof text == "function") { text = text.name || "" } return can._trans && can._trans[text] || can.Conf("trans."+text) || can.Conf("feature.trans."+text) || { "submit": "提交", "cancel": "取消", "begin": "启动", "end": "结束", "close": "关闭", }[text] || text }, topic: function(can, name) { can.page.Modify(can, document.body, {className: name}) var width = window.innerWidth, height = window.innerHeight can.user.isMobile && can.page.ClassList.add(can, document.body, "mobile") can.user.isMobile && can.page.ClassList.set(can, document.body, "landscape", width > height) }, toast: function(can, content, title, duration, progress) { var meta = typeof content == "object"? content: {content: content, title: title||can._help, duration: duration, progress: progress} var width = meta.width||400, height = meta.height||100; if (width < 0) { width = window.innerWidth + width } var ui = can.page.Append(can, document.body, [{view: "toast", style: { width: width, bottom: 100, left: window.innerWidth/2-width/2, }, list: [ {text: [meta.title||"", "div", "title"]}, typeof meta.content == "object"? meta.content: {text: [meta.content||"执行成功", "div", "content"]}, {view: "button"}, {view: "duration"}, meta.progress > 0 && {view: "progress", style: {width: width}, list: [ {view: "current", style: {width: meta.progress/100*width}}, ]}, ] }]); can.onmotion.story(can, ui.first) ui.Close = function() { can.page.Remove(can, ui.first), timer.stop = true } var timer = can.core.Timer({interval: 100, length: (parseInt(meta.duration||1000))/100}, function(event, interval, index) { if (index > 20) { ui.duration.innerHTML = parseInt(index/10)+"."+(index%10)+"s..." } }, ui.Close) can.onappend._action(can, meta.button||[], ui.button, { close: function(event) { ui.Close() }, }) can.run(can.request({}, { title: meta.title, content: meta.content, time: can.base.Time(), fileline: can.base.FileLine(2, 2), })._event, ["search", "Footer.onimport.toast"], null, true) return ui }, share: function(can, msg, cmd) { can.run(msg._event, cmd||["action", "share"], function(msg) { var ui = can.user.toast(can, { title: msg.Append("name"), content: msg.Append("text"), button: ["close"], duration: 100000, height: 300, }) }) }, login: function(can, cb) { var ui = can.user.input({clientX: 100, clientY: 100}, can, [ {username: "username", name: "用户"}, {password: "password", name: "密码"}, {button: ["登录", "扫码", "注册"]}, ], function(event, button, data, list) { switch (button) { case "登录": can.user.Cookie(can, "sessid", "") can.run({}, ["login", ui["用户"].value, ui["密码"].value], function(msg) { if (can.user.Cookie(can, "sessid")||msg.Option("user.name")||msg.Result()) { can.page.Remove(can, ui.first); return typeof cb == "function" && cb() } can.user.alert("用户或密码错误") }) break case "扫码": can.misc.WSS(can, {type: "chrome"}, function(event, msg, cmd, arg) { if (!msg) { return } if (cmd == "pwd") { can.user.toast(can, arg[2], arg[1], 1000000) msg.Reply() return } if (cmd == "sessid") { can.user.Cookie(can, "sessid", arg[0]) can.user.reload(true) return } can.run(event, ["search"].concat(msg["detail"]||[]), function(msg) { msg.Reply() }) }) return true break case "注册": break } }) can.page.Modify(can, ui.first, {style: {left: (window.innerWidth-ui.first.offsetWidth)/2}}) }, carte: function(event, can, meta, list, cb, view) { meta = meta||can.ondetail||can.onaction||{}, list = list&&list.length > 0? list: meta.list||[]; if (list.length == 0) { return } cb = cb||function(ev, item, meta) { var cb = meta[item] || can.ondetail&&can.ondetail[item] || can.onaction&&can.onaction[item] typeof cb == "function" && cb(event, can, item) } var x = event.clientX, y = event.clientY; y += 0; if (x > 600) { x -= 20 } var ui = can.page.Append(can, document.body, [{view: "carte", style: {left: x, top: y}, onmouseleave: function(event) { can.page.Remove(can, ui.first) }, list: can.core.List(list, function(item) { return {view: "item", list: [typeof item == "string"? /* button */ {text: can.user.trans(can, item), click: function(event) { can.user.isMobile && can.page.Remove(can, ui.first) typeof cb == "function" && cb(event, item, meta) }}: item.args? /* input */ {text: item.name, click: function(event) { can.user.input(event, can, item.args, cb) }}: /* select */ {select: [item, function(event) { typeof cb == "function" && cb(event, event.target.value, meta) }]} ]} }) }]) view && can.page.Modify(can, ui.first, view) event.stopPropagation() event.preventDefault() return ui }, input: function(event, can, form, cb) { // form [ string, array, object, {_input: }, {button: []} ] var msg = can.request(event, can.Option()) var x = event.clientX||200, y = event.clientY+10||48 var button; var ui = can.page.Append(can, document.body, [{view: ["input inputs", "fieldset"], style: {left: x, top: y}, list: [ {view: ["option", "table"], list: can.core.List(form, function(item) { if (item.button) { button = item.button; return } function _init(target) { item.run = function(event, cmds, cb) { var msg = can.request(event, function() { var value = {_handle: "true"} can.page.Select(can, ui.table, "textarea,input,select", function(item) { item.name && item.value && (value[item.name] = item.value) }); return value }) can.run(event, cmds, cb, true) } can.onappend.figure(can, item, item.value, target) target.value = target.value || msg.Option(item.name) } item = typeof item == "string"? {_input: "text", name: item}: item.length > 0? {_input: "select", name: item[0], values: item.slice(1)}: item return {type: "tr", list: [{type: "td", list: [{text: item.name||""}]}, {type: "td", list: [ item._input == "textarea"? /* textarea */ {type: "textarea", data: item, _init: _init}: item._input == "select"? /* select */ {select: [[item.name].concat(item.values)], data: item}: item._input? /* input */ {type: "input", data: (item.type = item._input, item), _init: _init}: /* other */ item, ]} ]} })}, {view: "action"}, ]}]) function cbs(event, button) { var data = {}, args = [], list = [] list = can.page.Select(can, ui.table, "textarea,input,select", function(item) { return args.push(item.name, item.value), data[item.name] = item.value }) typeof cb == "function" && !cb(event, button, data, list, args) && can.page.Remove(can, ui.first) } can.onappend._action(can, button||["submit", "cancel"], ui.action, { cancel: function(event) { can.page.Remove(can, ui.first) }, _engine: function(event, can, key) { cbs(event, key) }, submit: function(event) { cbs(event, "submit") }, }) can.onlayout.figure(event, can, ui.first), can.page.Select(can, ui.table, "textarea,input", function(item, index) { index == 0 && can.core.Timer(100, function() { item.focus(), item.setSelectionRange(0, -1) }) }) return ui }, select: function(event, can, type, fields, cb, cbs) { var msg = can.request(event, {fields: fields||"type,name,text"}) can.run(msg._event, ["search", "Search.onimport.select", type, "", ""], function(list) { can.core.Next(list, cb, cbs||function() { can.user.toast(can, "添加成功") }) }) }, upload: function(event, can) { var begin = new Date() var x = event.clientX, y = event.clientY; y += 10; if (x > 400) { x -= 200 } if (can.user.isMobile) { x = 100, y = 100 } var ui = can.page.Append(can, document.body, [{view: "upload", style: {left: x, top: y}, list: [ {view: "action"}, {view: "output"}, ]}]) function show(event, value, total, loaded) { var now = new Date(); can.page.Appends(can, ui.output, [ {view: ["progress"], style: {height: "10px", border: "solid 2px red"}, list: [{ view: ["progress"], style: {height: "10px", width: value + "%", background: "red"}, }]}, {text: [value+"%", "div"], style: {"float": "right"}}, {text: [can.base.Duration(now - begin), "div"], style: {"float": "left"}}, {text: [can.base.Size(loaded)+"/"+can.base.Size(total), "div"], style: {"text-align": "center"}}, ]) } var action = can.page.AppendAction(can, ui.action, [ {type: "input", data: {name: "upload", type: "file", onchange: function(event) { var file = action.upload.files[0] show(event, 0, file.size, 0) }}, style: {width: "200px"}}, "上传", "关闭"], function(event, value, cmd) { if (value == "关闭") { return can.page.Remove(can, ui.first) } if (action.upload.files.length == 0) {return action.upload.focus()} var msg = can.request(event, can.Option(), {_upload: "file", _handle: "true"}) // 上传文件 begin = new Date() msg._progress = show msg.upload = action.upload.files[0] can.run(event, ["action", "upload"], function(msg) { can.user.toast(can, "上传成功"), can.run() }, true) }) action.upload.click() return ui }, download: function(can, path) { var a = can.page.Append(can, document.body, [{type: "a", href: path, download: path.split("/").pop()}]).first a.click() can.page.Remove(can, a) }, logout: function(can) { if (can.user.confirm("logout?")) { can.run({}, ["action", "logout"], function(msg) { can.user.Cookie(can, "sessid", "") if (can.user.Search(can, "share")) { can.user.Search(can, "share", "") } else { can.user.reload(true) } }) } }, MergeURL: shy("地址链接", function(can, objs, clear) { var obj = objs || {}; var path = location.pathname; obj._path && (path = obj._path, delete(obj._path)) !clear && can.core.Item(can.user.Search(), function(key, value) {obj[key] || (obj[key] = value)}); return can.core.List([location.origin+path, can.core.Item(obj, function(key, value) { if (!value) { return } return can.core.List(value, function(value) {return key+"="+encodeURIComponent(value)}).join("&") }).join("&")], function(item) { return item? item: undefined }).join("?") }), Search: shy("请求参数", function(can, key, value) { var args = {} location.search && location.search.slice(1).split("&").forEach(function(item) { var x = item.split("=") x[1] != "" && (args[x[0]] = decodeURIComponent(x[1])) }) if (typeof key == "object") { can.core.Item(key, function(key, value) { if (value != undefined) {args[key] = value} args[key] == "" && delete(args[key]) }) } else if (key == undefined) { return args } else if (value == undefined) { return args[key] } else { args[key] = value, args[key] == "" && delete(args[key]) } return location.search = can.core.Item(args, function(key, value) { return key+"="+encodeURIComponent(value) }).join("&") }), Cookie: shy("会话变量", function(can, key, value, path) { function set(k, v) {document.cookie = k+"="+v+";path="+(path||"/")} if (typeof key == "object") { for (var k in key) {set(k, key[k])} key = null } if (key == undefined) {var cs = {} document.cookie.split("; ").forEach(function(item) { var cookie = item.split("=") cs[cookie[0]] = cookie[1] }) return cs } value != undefined && set(key, value) var result = (new RegExp(key+"=([^;]*);?")).exec(document.cookie) return result && result.length > 0? result[1]: "" }), })