mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 16:58:06 +08:00
357 lines
18 KiB
JavaScript
357 lines
18 KiB
JavaScript
Volcanos("user", {help: "用户操作", info: {}, agent: {
|
|
scanQRCode: function(cb, can) {
|
|
can.user.input(event, can, [{type: html.TEXTAREA, name: "text", text: ""}], function(ev, button, data, list, args) {
|
|
cb(list[0], can.base.ParseJSON(list[0]))
|
|
})
|
|
},
|
|
getLocation: function(cb) {
|
|
navigator.geolocation.getCurrentPosition(function(res) {
|
|
cb({latitude: parseInt(res.coords.latitude*100000), longitude: parseInt(res.coords.longitude*100000)})
|
|
}, function(some) {
|
|
typeof cb == lang.FUNCTION && cb({name: "some"})
|
|
} );
|
|
},
|
|
openLocation: function(msg) {
|
|
window.open("https://map.baidu.com/search/"+encodeURIComponent(msg.Option(mdb.TEXT))
|
|
+"/@12958750.085,4825785.55,16z?querytype=s&da_src=shareurl&wd="+encodeURIComponent(msg.Option(mdb.TEXT)))
|
|
},
|
|
chooseImage: function(cb) {
|
|
typeof cb == lang.FUNCTION && cb([])
|
|
},
|
|
},
|
|
isWeiXin: navigator.userAgent.indexOf("MicroMessenger") > -1,
|
|
isIPhone: navigator.userAgent.indexOf("iPhone") > -1,
|
|
isMobile: navigator.userAgent.indexOf("Mobile") > -1,
|
|
isMacOSX: navigator.userAgent.indexOf("Mac OS X") > -1,
|
|
isWindows: navigator.userAgent.indexOf("Windows") > -1,
|
|
isIE: navigator.userAgent.indexOf("MSIE") > -1,
|
|
isExtension: location && location.protocol && location.protocol == "chrome-extension:",
|
|
isLocalFile: location && location.protocol && location.protocol == "file:",
|
|
isLandscape: function() { return window.innerWidth > window.innerHeight },
|
|
isPortrait: function() { return window.innerWidth < window.innerHeight },
|
|
mod: {
|
|
isPod: location && location.pathname && (location.pathname.indexOf("/chat/pod/") == 0 || location.pathname.indexOf("/x/") == 0),
|
|
isDiv: location && location.pathname && (location.pathname.indexOf("/chat/div/") == 0),
|
|
isCmd: location && location.pathname && (location.pathname.indexOf("/chat/pod/") == 0 && location.pathname.indexOf("/cmd/") > 0 ||
|
|
location.pathname.indexOf("/chat/cmd/") == 0 || location.pathname.indexOf("/help/") == 0),
|
|
isWeb: location && location.pathname && (location.pathname.indexOf("/chat/pod/") == 0 && location.pathname.indexOf("/website/") > 0 ||
|
|
location.pathname.indexOf("/chat/website/") == 0),
|
|
},
|
|
|
|
alert: function(text) { alert(JSON.stringify(text)) },
|
|
confirm: function(text) { return confirm(JSON.stringify(text)) },
|
|
prompt: function(tip, def, cb, silent) { (text = silent? def: prompt(tip, def||"")) != undefined && typeof cb == lang.FUNCTION && cb(text); return text },
|
|
reload: function(force) { (force || confirm("重新加载页面？")) && location.reload() },
|
|
jumps: function(url) { location.href = url },
|
|
open: function(url) { window.open(url) },
|
|
close: function(url) { window.close() },
|
|
time: function(can, time, fmt) { var now = can.base.Date(time)
|
|
var list = can.user.language(can) == "en"? ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"]
|
|
return can.base.Time(time, (fmt||"%y-%m-%d %H:%M:%S").replace("%w", list[now.getDay()]))
|
|
},
|
|
|
|
title: function(text) {
|
|
if (window.webview) { return title(text) }
|
|
return text && (document.title = Volcanos.meta.args.name||text), document.title
|
|
},
|
|
topic: function(can, name) {
|
|
can.user.mod.isCmd && (name += " simple")
|
|
can.Conf("display") && (name += " "+can.Conf("display"))
|
|
can.user.isMobile && (name += " mobile") && can.user.isLandscape() && (name += " landscape")
|
|
can.user.language(can) && (name += " "+can.user.language(can))
|
|
can.page.Modify(can, document.body, {className: name})
|
|
},
|
|
language: function(can) { return can.misc.Search(can, "language") },
|
|
trans: function(can, text, list) { if (can.base.isObject(text)) {
|
|
return can.core.Item(text, function(k, v) { can.core.Value(can._trans, k, v) })
|
|
}
|
|
|
|
if (can.user.language(can) == "en") { return text }
|
|
if (can.base.isFunction(text)) { text = text.name||"" }
|
|
return list&&list[text] || can.Conf("trans."+text) || can.Conf("feature._trans."+text) || can._trans&&can._trans[text] || {
|
|
"create": "创建", "remove": "删除", "insert": "添加", "delete": "删除", "modify": "编辑",
|
|
"inputs": "补全", "prunes": "清理", "export": "导出", "import": "导入",
|
|
"list": "查看", "back": "返回", "run": "执行", "done": "完成", "share": "共享",
|
|
"edit": "编辑", "save": "保存", "copy": "复制", "show": "显示", "hide": "隐藏",
|
|
"project": "项目", "profile": "详情", "actions": "参数",
|
|
"plugin": "插件",
|
|
"prev": "上一页", "next": "下一页",
|
|
|
|
"open": "打开", "close": "关闭",
|
|
"start": "启动", "stop": "停止",
|
|
"begin": "开始", "end": "结束",
|
|
"clear": "清空", "refresh": "刷新",
|
|
"submit": "提交", "cancel": "取消",
|
|
"label": "标签", "exec": "执行",
|
|
}[text]||text
|
|
},
|
|
toastConfirm: function(can, title, content, action) {
|
|
return can.user.toast(can, {title: title, content: content, action: action||[cli.CLOSE], duration: -1, width: -300})
|
|
},
|
|
toastProcess: function(can, title) { return can.user.toast(can, ice.PROCESS, title, -1) },
|
|
toastSuccess: function(can, title) { return can.user.toast(can, ice.SUCCESS, title) },
|
|
toast: function(can, content, title, duration, progress) {
|
|
var meta = can.base.isObject(content)? 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: chat.TOAST, style: {
|
|
left: (window.innerWidth-width)/2, width: width, bottom: 100,
|
|
}, list: [
|
|
{text: [meta.title||"", html.DIV, html.TITLE], title: "点击复制", onclick: function(event) {
|
|
can.user.copy(event, can, meta.title)
|
|
}},
|
|
{view: "duration", title: "点击关闭", onclick: function() { action.close() }},
|
|
can.base.isObject(meta.content)? meta.content: {text: [meta.content||"执行成功", html.DIV, "content"]},
|
|
|
|
{view: chat.ACTION}, meta.progress != undefined && {view: "progress", style: {width: width}, list: [
|
|
{view: "current", style: {width: (meta.progress||0)/100*width}},
|
|
]},
|
|
] }])
|
|
|
|
var action = can.onappend._action(can, meta.action||[""], ui.action, {
|
|
close: function(event) { can.page.Remove(can, action._target), action.timer.stop = true },
|
|
timer: can.core.Timer({interval: 100, length: (parseInt(meta.duration||1000))/100}, function(event, interval, index) {
|
|
if (index > 30) { ui.duration.innerHTML = parseInt(index/10)+ice.PT+(index%10)+"s..." }
|
|
}, function() { action.close() }), _target: ui._target, ui: ui,
|
|
}); can.onmotion.story.auto(can, ui._target)
|
|
|
|
can.onengine.signal(can, chat.ONTOAST, can.request({}, {time: can.base.Time(), title: meta.title, content: meta.content, fileline: can.misc.FileLine(2, 2)}))
|
|
return !meta.action && can.onmotion.float.add(can, chat.TOAST, action), action
|
|
},
|
|
share: function(can, msg, cmd) {
|
|
can.run(msg._event, cmd||[ctx.ACTION, chat.SHARE], function(msg) {
|
|
can.user.toast(can, {height: 300, width: 500,
|
|
title: msg.Append(mdb.NAME), duration: -1,
|
|
content: msg.Append(mdb.TEXT), action: [cli.CLOSE],
|
|
}), can.user.copy(msg._event, can, msg.Append(mdb.NAME))
|
|
})
|
|
},
|
|
login: function(can, cb, method, auto) { method = can.base.Obj(method, ["登录", "扫码"])
|
|
var list = {
|
|
"登录": function(event, button, data) {
|
|
can.run({}, [aaa.LOGIN, data[html.USERNAME], data[html.PASSWORD]], function(msg) {
|
|
if (msg.Option(ice.MSG_USERNAME)) {
|
|
can.page.Remove(can, ui._target), can.base.isFunc(cb) && cb()
|
|
} else {
|
|
can.user.toast(can, "用户名或密码错误")
|
|
}
|
|
})
|
|
return true
|
|
},
|
|
"扫码": function() {
|
|
can.misc.WSS(can, {type: html.CHROME, cmd: "pwd"}, function(event, msg, cmd, arg) { if (!msg) { return }
|
|
if (cmd == "pwd") {
|
|
return can.user.toast(can, arg[2], arg[1], -1), msg.Reply()
|
|
}
|
|
if (cmd == ice.MSG_SESSID) {
|
|
return can.misc.CookieSessid(can, arg[0]), msg.Reply(), can.user.reload(true)
|
|
}
|
|
can.search(event, msg[ice.MSG_DETAIL]||[], function(msg) { msg.Reply() })
|
|
})
|
|
},
|
|
"授权": function() {
|
|
can.misc.WSS(can, {type: html.CHROME, cmd: "sso", "user.web": location.href}, function(event, msg, cmd, arg) { if (!msg) { return }
|
|
if (cmd == "pwd") {
|
|
return location.href = arg[1]
|
|
}
|
|
if (cmd == ice.MSG_SESSID) {
|
|
return can.misc.CookieSessid(can, arg[0]), msg.Reply(), can.user.reload(true)
|
|
}
|
|
can.search(event, msg[ice.MSG_DETAIL]||[], function(msg) { msg.Reply() })
|
|
})
|
|
},
|
|
"飞书": function() { location.href = "/chat/lark/sso" },
|
|
}; if (auto) { return list["授权"]() } else if (method.length == 1) { list[method[0]](); return }
|
|
|
|
var ui = can.user.input({}, can, [{type: html.USERNAME}, {type: html.PASSWORD}], function(event, button, data) { return list[button](event, button, data) }, method)
|
|
can.page.Modify(can, ui._target, {className: "input login", style: {left: (window.innerWidth-ui._target.offsetWidth)/2, top: window.innerHeight/6}})
|
|
},
|
|
logout: function(can, force) { if (force||can.user.confirm("logout?")) {
|
|
can.run({}, [ctx.ACTION, aaa.LOGOUT], function(msg) {
|
|
can.misc.Search(can, chat.SHARE)? can.misc.Search(can, chat.SHARE, ""): can.user.reload(true)
|
|
})
|
|
} },
|
|
|
|
toPNG: function(can, name, text, height, width) {
|
|
if (text.indexOf("<svg") != 0) {
|
|
text = '<svg xmlns="http://www.w3.org/2000/svg">'+text+"</svg>"
|
|
}
|
|
var img = document.createElement(html.IMG)
|
|
img.onload = function() {
|
|
var canvas = document.createElement("canvas")
|
|
canvas.height = height, canvas.width = width
|
|
canvas.getContext("2d").drawImage(img, 0, 0)
|
|
|
|
var a = document.createElement("a")
|
|
a.href = canvas.toDataURL("image/png")
|
|
a.download = name, a.click()
|
|
}, img.src = "data:image/svg+xml,"+encodeURIComponent(text)
|
|
},
|
|
copy: function(event, can, text) {
|
|
if (navigator.clipboard) { var ok = false
|
|
navigator.clipboard.writeText(text).then(function() { ok = true })
|
|
if (ok) { return can.user.toastSuccess(can) }
|
|
}
|
|
|
|
var input = can.page.Append(can, event.target.parentNode, [{type: html.TEXTAREA, value: text}]).first
|
|
can.onmotion.focus(can, input), document.execCommand("Copy")
|
|
can.page.Remove(can, input), can.user.toastSuccess(can)
|
|
can.onkeymap.prevent(event)
|
|
can.misc.Log("copy", text)
|
|
return text
|
|
},
|
|
carte: function(event, can, meta, list, cb, parent) { // event item meta
|
|
meta = meta||can.ondetail||can.onaction||{}, list = list&&list.length > 0? list: meta.list||[]; if (list.length == 0) { return }
|
|
cb = cb||function(event, item, meta) { var cb = meta[item]||meta["_engine"]; can.base.isFunc(cb) && cb(event, can, item) }
|
|
|
|
var ui = can.page.Append(can, document.body, [{view: chat.CARTE, style: {left: 0, top: 0}, onmouseleave: function(event) {
|
|
// can.page.Remove(can, ui._target)
|
|
}, list: can.core.List(list, function(item, index) {
|
|
return can.base.isString(item)? {view: html.ITEM, list: [{text: can.user.trans(can, item), onclick: function(event) {
|
|
can.user.isMobile && can.page.Remove(can, ui._target)
|
|
can.base.isFunc(cb) && cb(event, item, meta, index)
|
|
}, onmouseenter: function(event) {
|
|
carte._float && can.page.Remove(can, carte._float._target)
|
|
} }] }: can.base.isArray(item)? {view: html.ITEM, list: [{text: can.user.trans(can, item[0])+" -> "}], onmouseenter: function(event) {
|
|
var sub = can.user.carte(event, can, meta, item.slice(1), cb, carte)
|
|
carte._float && can.page.Remove(can, carte._float._target), carte._float = sub
|
|
can.onlayout.figure(event, can, sub._target, true)
|
|
} }: {view: html.ITEM, list: [{text: can.user.trans(can, item.name), onclick: function(event) {
|
|
can.user.isMobile && can.page.Remove(can, ui._target)
|
|
can.base.isFunc(cb) && cb(event, item.name, meta, index)
|
|
}, onmouseenter: function(event) {
|
|
carte._float && can.page.Remove(can, carte._float._target)
|
|
} }] }
|
|
}) }] )
|
|
|
|
ui._target.onmouseover = function(event) { can.onkeymap.prevent(event) }
|
|
var carte = {_target: ui._target, _parent: parent, layout: can.onlayout.figure(event, can, ui._target)}
|
|
return can.onkeymap.prevent(event), carte
|
|
},
|
|
carteRight: function(event, can, meta, list, cb, parent) {
|
|
var carte = can.user.carte(event, can, meta, list, cb, parent)
|
|
can.page.Modify(can, carte._target, {style: {
|
|
left: event.clientX-event.offsetX+event.target.offsetWidth-3,
|
|
top: carte._target.offsetTop-(carte.layout.bottom? -event.target.offsetHeight: event.target.offsetHeight)+5,
|
|
bottom: "",
|
|
}})
|
|
return carte
|
|
},
|
|
carteClient: function(event, can, meta, list, cb, parent) {
|
|
var ui = can.user.carte(event, can, meta, list, cb, parent)
|
|
can.page.Modify(can, ui._target, {style: {left: event.clientX, top: event.clientY}})
|
|
},
|
|
|
|
input: function(event, can, form, cb, button) { if (!form || form.length == 0) { return cb() }
|
|
var msg = can.request(event)
|
|
var ui = can.page.Append(can, document.body, [{view: [html.INPUT], style: {left: 0, top: 0}, list: [
|
|
{view: "content", list: [{view: [chat.OPTION, html.TABLE], list: can.core.List(form, function(item) {
|
|
item = can.base.isString(item)? {type: html.TEXT, name: item}: item.length > 0? {type: html.SELECT, name: item[0], values: item.slice(1)}: item
|
|
item.type = item.type||(item.values? html.SELECT: item.name == html.TEXT? html.TEXTAREA: html.TEXT)
|
|
|
|
item._init = function(target) {
|
|
item.run = function(event, cmds, cb) {
|
|
var _msg = can.request(event, {_handle: ice.TRUE, action: msg.Option(chat.ACTION)}, msg, can.Option())
|
|
can.page.Select(can, ui.table, html.OPTION_ARGS, function(item) {
|
|
item.name && item.value && _msg.Option(item.name, item.value)
|
|
})
|
|
can.run(event, cmds, cb, true)
|
|
}
|
|
|
|
if (item.name != "action" && item.name) {
|
|
target.value = msg.Option(item.name)||can.Option(item.name)||target.value||""
|
|
}
|
|
can.onappend.figure(can, item, target)
|
|
}
|
|
|
|
// return {type: html.TR, list: [{type: html.TD, list: [{text: item._trans||can.user.trans(can, item.name)||""}]}, {type: html.TD, list: [can.page.input(can, item)]} ]}
|
|
return {type: html.TR, list: [{type: html.TD, list: [{text: item.name||""}]}, {type: html.TD, list: [can.page.input(can, item)]} ]}
|
|
})}]}, {view: chat.ACTION},
|
|
]}])
|
|
|
|
var layout = can.onlayout.figure(event, can, ui._target)
|
|
if (layout.left == undefined) { if (!layout.top) { layout.top = 32 }
|
|
layout.left = window.innerWidth/2-ui._target.offsetWidth/2, layout.right = ""
|
|
can.page.style(can, ui._target, layout)
|
|
}
|
|
can.page.ClassList.add(can, ui._target, chat.FLOAT)
|
|
if (layout.top) {
|
|
can.page.style(can, ui.content, html.MAX_HEIGHT, window.innerHeight - layout.top - html.ACTION_HEIGHT - 10)
|
|
}
|
|
|
|
var action = can.onappend._action(can, button||[html.SUBMIT, html.CANCEL], ui.action, {
|
|
focus: function(event) { can.page.Select(can, ui.first, html.INPUT_ARGS)[0].focus() },
|
|
cancel: function(event) { can.page.Remove(can, ui._target) },
|
|
_engine: function(event, can, button) { action.submit(event, can, button) },
|
|
submit: function(event, can, button) { var data = {}, args = [], list = []
|
|
list = can.page.Select(can, ui.table, html.OPTION_ARGS, function(item) {
|
|
return item.name && item.value && args.push(item.name, item.value), data[item.name] = item.value
|
|
})
|
|
var msg = can.request(event, {_handle: ice.TRUE})
|
|
can.base.isFunc(cb) && !cb(event, button, data, list, args) && action.cancel()
|
|
can.onkeymap.prevent(event)
|
|
}, _target: ui._target,
|
|
})
|
|
if (button === true) { return action.submit(event, can, "submit"), action }
|
|
|
|
can.page.Select(can, ui._target, html.INPUT_ARGS, function(item, index) {
|
|
index == 0 && can.core.Timer(100, function() { can.onmotion.focus(can, item) })
|
|
})
|
|
return action
|
|
},
|
|
select: function(event, can, type, fields, cb, cbs) {
|
|
var msg = can.request(event, {fields: fields||"type,name,text"})
|
|
can.search(msg._event, ["Search.onimport.select", type, "", ""], function(list) {
|
|
can.core.Next(list, cb, cbs||function() {
|
|
can.user.toastSuccess(can)
|
|
})
|
|
})
|
|
},
|
|
upload: function(event, can) { var begin = new Date()
|
|
var ui = can.page.Append(can, document.body, [{view: html.UPLOAD, style: {left: 0, top: 0}, list: [
|
|
{view: html.ACTION}, {view: html.OUTPUT, list: [{view: "progress"}]},
|
|
{view: html.STATUS, list: [{view: html.SHOW}, {view: "cost"}, {view: "size"}]},
|
|
]}]); can.onlayout.figure(event, can, ui._target)
|
|
|
|
var action = can.onappend._action(can, [
|
|
{type: html.UPLOAD, onchange: function(event) {
|
|
action.show(event, 0, event.target.files[0].size, 0)
|
|
}}, cli.CLOSE,
|
|
], ui.action, {
|
|
close: function(event) { can.page.Remove(can, ui._target) },
|
|
begin: function(event) { begin = new Date()
|
|
var upload = can.page.Select(can, ui.action, "input[type=file]")
|
|
if (upload[0].files.length == 0) { return upload[0].focus() }
|
|
|
|
var msg = can.request(event, can.Option(), {_handle: "true"})
|
|
msg._upload = upload[0].files[0], msg._progress = action.show
|
|
|
|
can.run(event, [ctx.ACTION, html.UPLOAD], function(msg) {
|
|
can.user.toastSuccess(can), can.Update(), action.close()
|
|
}, true)
|
|
},
|
|
show: function (event, value, total, loaded) { now = new Date()
|
|
value == 0 && action.begin(event)
|
|
|
|
ui.show.innerHTML = value+"%"
|
|
ui.cost.innerHTML = can.base.Duration(now - begin)
|
|
ui.size.innerHTML = can.base.Size(loaded)+ice.PS+can.base.Size(total)
|
|
can.page.Modify(can, ui.progress, {style: {width: value*(ui.output.offsetWidth-2)/100}})
|
|
},
|
|
}); can.page.Select(can, ui.action, "input[type=file]")[0].click()
|
|
|
|
return action
|
|
},
|
|
download: function(can, path, name) {
|
|
var a = can.page.Append(can, document.body, [{type: html.A, href: path, download: name||path.split(ice.PS).pop()}]).first
|
|
a.click(), can.page.Remove(can, a)
|
|
},
|
|
downloads: function(can, text, name) { can.user.download(can, URL.createObjectURL(new Blob([text])), name) },
|
|
camera: function(can, msg, cb) {
|
|
navigator.getUserMedia({video: true}, cb, function(error) {
|
|
can.misc.Log(error)
|
|
})
|
|
},
|
|
})
|
|
|