x/volcanos
1
0
Fork 1
mirror of https://shylinux.com/x/volcanos synced 2025-04-25 00:38:05 +08:00
Code Issues Packages Projects Releases Wiki Activity
volcanos/frame.js
shy d95a8e99b4 add some
2025-03-02 22:08:23 +08:00

1524 lines
111 KiB
JavaScript
Raw Blame History

Volcanos(chat.ONENGINE, {
_init: function(can, meta, list, cb, target) {
can.user.isMobile && (can.Inputs = can.page.Append(can, document.body, ["inputs"])._target)
can.Option = function() {}, can.run = function(event, cmds, cb) { var msg = can.request(event); cmds = cmds||[]; return (can.onengine[cmds[0]]||can.onengine._remote)(event, can, msg, can, cmds, cb) }
can.core.Next(list, function(item, next) { item.type = chat.PANEL
can.onappend._init(can, item, item.list, function(sub) { can[item.name] = sub, sub.db = {}, sub.ui = {}, sub.db._boot = can.misc._time()
sub.run = function(event, cmds, cb) { var msg = sub.request(event); cmds = cmds||[]; return (can.onengine[cmds[0]]||can.onengine._remote)(event, can, msg, sub, cmds, cb) }
can.core.Item(sub.onplugin, function(key, cmd) { sub.onplugin.hasOwnProperty(key) && can.base.isFunc(cmd) && can.onengine.plugin(sub, can.core.Keys(ice.CAN, key), cmd) })
can.core.ItemCB(sub.onaction, function(key, cb) { can.onengine.listen(can, key, function(msg) { can.core.CallFunc(cb, {event: msg._event, can: sub, msg: msg}) }) })
// can.core.CallFunc([sub.onaction, chat._INIT], {can: sub, cb: next, target: sub._target}), delete(sub._history), delete(sub._conf.feature)
next(), can.core.CallFunc([sub.onaction, chat._INIT], {can: sub, cb: function() {}, target: sub._target}), delete(sub._history), delete(sub._conf.feature)
}, target)
}, function() { can.onlayout._init(can, target), can.onmotion._init(can, target), can.onkeymap._init(can, target)
can.onengine.signal(can, chat.ONMAIN, can.request()), can.base.isFunc(cb) && cb(can)
}), can._path = location.href
},
_search: function(event, can, msg, panel, cmds, cb) {
var sub, mod = can, fun = can, key = ""; can.core.List(cmds[1].split(nfs.PT), function(value) { fun && (sub = mod, mod = fun, fun = mod[value], key = value) })
if (!sub || !mod || !fun) { can.misc.Warn(ice.ErrNotFound, cmds); return can.base.isFunc(cb) && cb(msg.Echo(ice.ErrWarn, ice.ErrNotFound, cmds)) }
return can.core.CallFunc(fun, {event: event, can: sub, msg: msg, cmds: cmds.slice(2), cb: cb, target: sub._target, button: key, cmd: key, arg: cmds.slice(2), list: cmds.slice(2)}, mod)
},
_remote: function(event, can, msg, panel, cmds, cb) { var sub = msg._can._fields? msg._can.sup: msg._can
if (panel.onengine._plugin(event, can, msg, panel, cmds, cb)) { return }
if (panel.onengine._engine(event, can, msg, panel, cmds, cb)) { return }
if (panel.onengine._static(event, can, msg, panel, cmds, cb)) { return }
var toast, _toast = msg.Option(chat._TOAST); if (_toast) { can.onmotion.delay(can, function() {
if (sub.__toast || sub._toast) { return } toast = toast||can.user.toastProcess(sub, can.user.trans(sub, _toast))
}, 0) }
if (can.base.isUndefined(msg[ice.MSG_DAEMON])) {
can.base.isUndefined(sub._daemon) && can.ondaemon._list[0] && (sub._daemon = can.ondaemon._list.push(sub)-1)
if (sub._daemon) { msg.Option(ice.MSG_DAEMON, can.core.Keys(can.ondaemon._list[0], sub._daemon)) }
} if (!can.misc.CookieSessid(can) && can.user.info.sessid) { msg.Option(ice.MSG_SESSID, can.user.info.sessid) }
var names = msg.Option(chat._NAMES)||panel._names||((can.Conf("iceberg")||Volcanos.meta.iceberg)+"/chat/"+panel._name+nfs.PS)
can.user.info.sessid && msg.Option(ice.MSG_SESSID, can.user.info.sessid)
names = can.base.MergeURL(names, ice.MSG_INDEX, sub.ConfIndex()), can.page.exportValue(sub, msg)
can.onengine.signal(panel, chat.ONREMOTE, can.request({}, {_follow: panel._follow, _msg: msg, _cmds: cmds, names: names}))
can.misc.Run(event, can, {names: names}, cmds, function(msg) {
msg.IsErr() || toast && can.user.toastSuccess(msg._can, _toast), toast && toast.close && toast.close(), toast = true
// delete(sub._toast), delete(sub.__toast)
can.onmotion.delay(can, function() { can.page.ClassList.del(can, sub._target, "_process") }, 300)
can.base.isFunc(cb) && cb(msg), Volcanos.meta.pack[can.core.Keys(panel._name, cmds.join(mdb.FS))] = msg
})
},
_static: function(event, can, msg, panel, cmds, cb) { if (!can.user.isLocalFile) { return false }
var res = Volcanos.meta.pack[can.core.Keys(panel._name, cmds.join(mdb.FS))], msg = can.request(event); msg.Clear(ice.MSG_APPEND)
return res? msg.Copy(res): can.user.toastFailure(can, "miss data"), can.base.isFunc(cb) && cb(msg), true
},
_engine: function(event, can, msg, panel, cmds, cb) { return false },
_plugin: function(event, can, msg, panel, cmds, cb) {
if (cmds[0] == ctx.ACTION && cmds[1] == ctx.RUN) { var p = can.onengine.plugin(can, cmds[2])
if (p) {
if (cmds[3] == ctx.ACTION && typeof p.meta[cmds[4]] == code.FUNCTION) {
return can.core.CallFunc(p.meta[cmds[4]], {can: p.can||panel, sub: msg._can, msg: msg, arg: cmds.slice(5), cmds: cmds.slice(3), cb: cb, meta: p.meta}), true
}
return can.core.CallFunc(p, {can: p.can||panel, sub: msg._can, msg: msg, arg: cmds.slice(3), cmds: cmds.slice(3), cb: cb, meta: p.meta}), true
}
}
var p = can.onengine.plugin(can, cmds[0]), n = 1; if (!p) { return false }
var func = p, _can = p.can||panel, _sup = _can
if (p.meta && p.meta[cmds[2]] && cmds[1] == ctx.ACTION) { n = 3, func = p.meta[cmds[2]], _can = msg._can } else if (p.meta && p.meta[cmds[1]]) { n = 2, func = p.meta[cmds[2]], _can = msg._can }
if (cmds[n] == ctx.ACTION && cmds[n+1] == mdb.INPUTS) { return true }
return can.core.CallFunc(func, {sup: _sup, can: _can, sub: msg._can, msg: msg, arg: cmds.slice(n), cmds: cmds.slice(n), cb: cb, meta: p.meta}), true
},
plugin: shy(function(can, name, command) { var _name = can.base.trimPrefix(name, "can.")
if (can.base.isUndefined(name) || !can.base.isString(name) || name == _name) { return }
if (can.base.isUndefined(command)) { return arguments.callee.meta[_name] }
var button = false, type = html.TEXT; command.list = can.core.List(command.list, function(item) {
return can.base.isString(item) && (item = can.core.SplitInput(item, can.base.isIn(item, html.FILTER)? html.TEXT: can.base.isFunc(command.meta[item])? html.BUTTON: type)), item.type != html.SELECT && (type = item.type), button = button || item.type == html.BUTTON, item
}); if (!button) { command.list.push(can.core.SplitInput(ice.LIST, html.BUTTON)) } command.can = can, command.meta.name = name, arguments.callee.meta[_name] = command
}),
listen: shy(function(can, name, cb, target) { arguments.callee.meta[name] = (arguments.callee.meta[name]||[]).concat(cb)
if (target) { target[name] = function(event) { can.onengine.signal(can, name, can.request(event)) } }
}),
signal: function(can, name, msg) { msg = msg||can.request(); var _msg = name == chat.ONREMOTE? msg.Option("_msg"): msg
_msg.Option(ice.LOG_DISABLE) == ice.TRUE || can.misc.Log(name, can._name, (msg._cmds||[]).join(lex.SP), name == chat.ONMAIN? can: _msg)
return can.core.List(can.onengine.listen.meta[name], function(cb) { can.core.CallFunc(cb, {event: msg._event, msg: msg}) }).length, msg
},
})
Volcanos(chat.ONDAEMON, {
_init: function(can, name, type, cbs) { if (can.user.isLocalFile) { return }
return can.misc.WSS(can, {type: type||web.PORTAL, name: name||can.misc.Search(can, cli.DAEMON)||""}, function(event, msg, cmd, arg, cb) {
if (cbs && can.core.CallFunc(cbs, {event: event, msg: msg, cmd: cmd, arg: arg, cb: cb})) { return }
var sub = can.ondaemon._list[can.core.Keys(msg[ice.MSG_TARGET])]||can;
sub.sub && can.base.isFunc(sub.sub.ondaemon[cmd])? can.core.CallFunc(sub.sub.ondaemon[cmd], {can: can, msg: msg, sub: sub, cmd: cmd, arg: arg, cb: cb}):
can.base.isFunc(sub.ondaemon[cmd])? can.core.CallFunc(sub.ondaemon[cmd], {can: can, msg: msg, sub: sub, cmd: cmd, arg: arg, cb: cb}):
can.onengine._search({}, can, msg, can, [chat._SEARCH, cmd].concat(arg), cb)
})
}, _list: [""], pwd: function(can, arg) { can.misc.sessionStorage(can, "can.daemon", can._wss_name = can.ondaemon._list[0] = arg[0]) },
close: function(can, msg, sub) { can.user.close() }, exit: function(can, msg, sub) { can.user.close() },
toast: function(can, sub, arg, cb) { can.core.CallFunc(can.user.toast, [sub].concat(arg)) },
refresh: function(can, msg, sub, arg) {
if (arg[0] == "confirm") {
can.user.toastConfirm(can, arg[1]||"reload?", sub.ConfIndex(), function(event, button) {
can.base.isFunc(sub.Update) && sub.Update()
})
} else {
can.base.isFunc(sub.Update) && sub.Update()
}
},
cookie: function(can, msg, arg) {
can.misc.Cookie(can, arg[1], arg[0])
},
grant: function(can, msg, sub, arg) {
var toast = can.user.toast(can, {duration: arg[1]||10000, content: "grant "+arg[0], action: shy({
confirm: function(event) { toast.close(), can.run(can.request(event, {name: arg[0]}), [ctx.ACTION, ctx.RUN, web.SPACE, aaa.LOGIN]) },
}, [html.CANCEL, html.CONFIRM])})
},
grow: function(can, msg, sub, arg) { var _can = sub._fields && sub.sup? sub.sup: sub; _can.onimport._grow(_can, msg, arg.join("")) },
rich: function(can, msg, sub, arg) { var _can = sub._fields && sub.sup? sub.sup: sub; _can.onimport._rich(_can, msg, arg) },
action: function(can, msg, sub, arg) {
if (arg[0] == "ctrl") { var list = []
can.page.Select(can, can._root._target, html.INPUT, function(target, index) { list[index] = target
if (document.activeElement == document.body) { return target.focus() }
switch (arg[1]) {
case mdb.NEXT: if (list[index-1] == document.activeElement) { target.focus() } break
case mdb.PREV: if (target == document.activeElement) { list[index-1].focus() } break
case ice.OK: if (target == document.activeElement) { target.focus() } break
}
}); return
}
if (arg[0].indexOf(nfs.PT) == -1 && can.page.SelectInput(can, sub._option, arg[0], function(target) { target.type == html.BUTTON? target.click(): (target.value = arg[1]||"", target.focus()); return target })) { return }
var _sub = sub.sub; if (_sub && _sub.onaction && _sub.onaction[arg[0]]) { return _sub.onaction[arg[0]]({}, _sub, arg[0]) }
if (sub && sub.onaction && sub.onaction[arg[0]]) { return sub.onaction[arg[0]]({}, sub, arg[0], _sub) }
can.core.CallFunc(can.core.Value(can, arg[0]), kit.Dict({can: can}, arg.slice(1)))
},
input: function(can, msg, sub, arg) { can.page.Select(can, sub._target, "input:focus", function(target) { target.value += arg[0] }) },
_online: function(can, delay) { false && can.onmotion.delay(can, function() { can = can._fields? can.sup: can
if (can.ui._online) { return } can.ui._online = true
if (!can.ui.online) {
if (can.isCmdMode()) {
can.ui.online = can.page.Append(can, can.ui.head? can.ui.head: can._action, ["item online state"])._target
} else {
var p = can.page.SelectOne(can, can._action, "div.item._space"); p = p? p.nextSibling: p
can.ui.online = can.page.insertBefore(can, ["item online state"], p, can._action)
}
}
can._root.Header.run(can.request({}, {_space: can.ConfSpace()||can.misc.Search(can, ice.POD), _index: can.ConfIndex()}), [ctx.ACTION, web.ONLINE], function(msg) {
can.page.Appends(can, can.ui.online, msg.Table(function(value, index) {
return index < 5 && {img: can.misc.Resource(can, value.username == can.user.info.username? value.icons: value.avatar||"usr/icons/contexts.png"),
title: [[value.usernick, value.username].join(lex.SP), [value.agent, value.system, value.ip].join(lex.SP)].join(lex.NL)}
}))
msg.Length() > 0 && can.page.Append(can, can.ui.online, [{text: msg.Length()+""}])
can.onmotion.orderShow(can, can.ui.online, "*", 10, 300)
}), can.ondaemon._online(can, 30000)
}, delay) },
})
Volcanos(chat.ONAPPEND, {
_init: function(can, meta, list, cb, target, field) {
meta.index && (meta.name = meta.index), meta.name = can.core.Split(meta.name||"", "\t .\n").pop()||can.Conf(mdb.NAME)
field = field||can.onappend.field(can, meta.type, meta, target)._target
meta.style == html.OUTPUT && can.onappend.style(can, html.OUTPUT, field)
var legend = can.page.SelectOne(can, field, html.LEGEND); legend.innerHTML = legend.innerHTML || meta.index
var option = can.page.SelectOne(can, field, html.FORM_OPTION)
var action = can.page.SelectOne(can, field, html.DIV_ACTION)
var output = can.page.SelectOne(can, field, html.DIV_OUTPUT)
var status = can.page.SelectOne(can, field, html.DIV_STATUS)
can.isCmdMode() && meta.index && meta.index.indexOf("can.") != 0 && can.page.style(can, field, "visibility", "hidden")
can.isCmdMode() && meta.index && meta.index.indexOf("can.") != 0 && can.page.style(can, output, "visibility", "hidden")
can.isCmdMode() && meta.style != "float" && (can.base.isIn(meta.index, web.WIKI_PORTAL)) && can.onappend.style(can, html.OUTPUT, field)
var sub = Volcanos(meta.name, {_root: can._root||can, _follow: can.core.Keys(can._follow, meta.name), _target: field,
_legend: legend, _option: option, _action: action, _output: output, _status: status, _history: [], db: {hash: [""]}, ui: {},
Status: function(key, value) { if (can.base.isObject(key)) { return can.core.Item(key, sub.Status), key } try {
can.page.Select(can, status, [[[html.SPAN, key]]], function(target) {
if (key == web.SPACE && value) { value = can.page.Format(html.A, can.misc.MergePodCmd(can, {pod: value}), value) }
if (can.base.beginWith(value, nfs.PS, ice.HTTP)) { value = can.page.Format(html.A, value) }
return can.base.isUndefined(value)? (value = target.innerText): (target.innerHTML = value.trim? value.trim(): value+"")
}); return value
} catch (e) {} },
Action: function(key, value) { return can.page.SelectArgs(can, action, key, value)[0] },
Option: function(key, value) { return can.page.SelectArgs(can, option, key, value)[0] },
Update: function(event, cmds, cb, silent) { event = event||{}, sub.request(event)._caller(), event.metaKey && sub.request(event, {metaKey: ice.TRUE})
var msg = sub.request(event), list = can.core.Value(sub, "sub.db._checkbox"); can.core.Item(list, function(key, value) { msg.Option(key, value) })
sub.request(event, sub.Option())
if (event.isTrusted && cmds && cmds.length > 0 && cmds[0] == ctx.ACTION) {
can.onengine.signal(can, "onrecord", can.request({}, {cmds: [sub.ConfSpace(), sub.ConfIndex()].concat(cmds||[])}))
} can.onengine.signal(can, "onevent", can.request(event))
sub.onappend._output0(sub, sub.Conf(), event||{}, cmds||sub.Input([], !silent), cb, silent)
return true
},
Focus: function() { can.page.SelectOne(can, option, html.INPUT_ARGS, function(target) { target.focus() }) },
Input: function(cmds, save, opts) { cmds = cmds && cmds.length > 0? cmds: can.page.SelectArgs(sub), cmds && cmds[0] != ctx.ACTION && (cmds = can.base.trim(cmds)), cmds._opts = opts
return !save || cmds[0] == ctx.ACTION || can.base.Eq(sub._history[sub._history.length-1], cmds) || sub._history.push(cmds), cmds
},
Clone: function() { meta.args = can.page.SelectArgs(can), can.onappend._init(can, meta, list, function(sub) { can.base.isFunc(cb) && cb(sub, true), can.onmotion.delay(can, sub.Focus) }, target) },
}, list, function(sub) { meta.feature = can.base.Obj(meta.feature, {}), sub.Conf(meta), field._can = sub
can.onappend.style(sub, meta.index? meta.index.split(nfs.PT): meta.name)
can.onappend.style(sub, sub.Conf(ctx.STYLE))
can.onappend.style(sub, sub.Conf("_style"))
can.onappend.style(sub, sub.Mode())
sub.isCmdMode() && can.onappend.style(sub, can.misc.Search(can, ctx.STYLE)), sub.isCmdMode() && sub.Conf(can.misc.Search(can))
sub._trans = can.base.Copy(sub._trans||{}, can.core.Value(sub, [chat.ONACTION, chat._TRANS]))
can.core.Item(meta.feature, function(key, cb) { cb.help && sub.user.trans(sub, kit.Dict(key, cb.help)) })
meta.msg && can.onmotion.delay(can, function() { var msg = sub.request(); msg.Copy(can.base.Obj(meta.msg)), msg._xhr = meta.msg._xhr
sub.onappend._output(sub, msg, meta.display||msg.Option(ice.MSG_DISPLAY)||meta.feature.display)
}), meta.inputs && sub.onappend._option(sub, meta, sub._option, meta.msg)
sub._legend && (sub._legend.onclick = function(event) {
can.onengine.signal(can, "onevent", can.request(event, {_type: html.LEGEND, action: "legend"}))
can.user.carte(event, sub, sub.onaction, sub.onaction.list.concat([["操作"].concat(can.core.Item(meta.feature._trans))]), function(event, button) { can.misc.Event(event, sub, function(msg) {
can.misc.Inputs(sub, msg, [ctx.ACTION, button], null, meta) || msg.RunAction(event, sub.sub, [ctx.ACTION, button]) || msg.RunAction(event, sub, [ctx.ACTION, button]) || sub.runAction(event, button, [], function(msg) { can.onappend._output(sub, msg) })
}) })
}), can.base.isFunc(cb) && cb(sub)
if (sub.isOutputStyle()) { return } if (can.user.isMobile && !can.user.isLandscape()) { return }
if (!sub.isCmdMode()) { return }
!can.base.isIn(meta.index, web.CODE_VIMER, web.CODE_INNER, web.CHAT_MACOS_DESKTOP) && can.page.insertBefore(can, [{view: "header", list: can.user.header(sub)}], sub._output, sub._fields||sub._target)
can.user.agent.cmd = sub, can.user.agent.init && can.user.agent.init(sub)
}); return sub
},
_option: function(can, meta, option, skip) { var index = -1, args = can.base.Obj(meta.args||meta.arg, []), opts = can.base.Obj(meta.opts, {})
meta.inputs = can.base.Obj(meta.inputs, []), meta.inputs.length == 0 && (!can.Conf("_ismain") || can.Conf("_role") || can.misc.Search(can, log.DEBUG) == ice.TRUE) && can.onmotion.delay(can, function() { can.Update() })
can.core.List(["", "project"].concat(meta.inputs), function(item) {
if (typeof item != code.STRING && item.type != html.BUTTON) { return }
var icon = {
"": {name: mdb.DELETE, cb: function(event) { can.onaction.close(event, can) }},
"project": {name: "menu", cb: function(event) { can.onaction["项目"](event, can) }},
run: {name: web.PLAY, cb: function(event) { can.Update(event) }},
list: {name: web.REFRESH, cb: function(event) { can.Update(event) }},
refresh: {name: web.REFRESH, cb: function(event) { can.Update(event) }},
back: {name: "goback", cb: function(event) { can.onimport.back(event, can) }},
prev: {name: mdb.PREV, cb: function(event) { var sub = can.sub; sub.onaction && sub.onaction.prev? sub.onaction.prev(event, sub): can.onaction.prev(event, can) }},
next: {name: mdb.NEXT, cb: function(event) { var sub = can.sub; sub.onaction && sub.onaction.next? sub.onaction.next(event, sub): can.onaction.next(event, can) }},
}[item.name||item||""]; if (!icon) { return } item.style = "icons"
can.page.Append(can, option, [{view: [[html.ITEM, html.ICON, icon.name, item.name], html.DIV, can.page.unicode[icon.name]], title: can.user.trans(can, item.name), onclick: function(event) {
can.onengine.signal(can, "onevent", can.request(event, {_type: html.OPTION}))
var msg = can.request(event, {_toast: can.base.isIn(item.name, "list", "back")? "reload": item.name}), cmds = [ctx.ACTION, item.name];
if (icon.cb) { return icon.cb(event) }
msg.RunAction(event, can.sub, cmds) || msg.RunAction(event, can, cmds) || can.Update(event, cmds)
}}])
})
while (args.length > 0) { if (args[args.length-1] != "") { break } args.pop() }
args.slice && can.core.List(args.slice(can.core.List(meta.inputs, function(item) { if (can.base.isIn(item.type, html.TEXTAREA, html.TEXT, html.SELECT)) { return item } }).length), function(item, index) { meta.inputs.push({type: mdb.TEXT, name: "args"+index, value: item}) })
function add(item, next) { item = can.base.isString(item)? {type: html.TEXT, name: item}: item, item.type != html.BUTTON && index++
return Volcanos(item.name, {_root: can._root, _follow: can.core.Keys(can._follow, item.name),
_target: can.onappend.input(can, item, args[index]||(typeof args[item.name] == code.STRING? args[item.name]: "")||opts[item.name], option||can._option), _option: option||can._option, _action: can._action, _output: can._output, _status: can._status,
CloneField: can.Clone, CloneInput: function() { can.onmotion.focus(can, add(item)._target) }, Input: can.Input, Option: can.Option, Action: can.Action, Status: can.Status,
}, [item.display, chat.PLUGIN_INPUT_JS], function(sub) { sub.Conf(item), sub._fields = can
if (item.type == html.TEXT) { can.page.Append(can, sub._target.parentNode, [{text: [sub._target.value, html.SPAN, mdb.VALUE]}]) }
if (item.type == html.BUTTON && can.page.isIconInput(can, item.name)) {
can.onappend.icons(can, sub._target, item.name, item.onclick||function(event) {
can.onengine.signal(can, "onevent", can.request(event, {_type: html.OPTION}))
can.Update(event, item.name == "refresh"? []: [ctx.ACTION, item.name].concat(can.page.SelectArgs(sub)))
})
}
sub.run = function(event, cmds, cb, silent) { var msg = can.requestAction(event, item.name)._caller()
msg.RunAction(event, sub, cmds) || msg.RunAction(event, can.sub, cmds) || can.Update(event, can.Input(cmds, !silent), cb, silent)
}, can._inputs = can._inputs||{}, can._inputs[item.name] = sub, sub.sup = can
can.core.ItemCB(sub.onaction, function(key, cb) { sub._target[key] = function(event) { can.misc.Event(event, can, function(msg) { cb(event, sub, sub._target) })} })
can.core.ItemCB(item, function(key, cb) { sub._target[key] = function(event) { can.misc.Event(event, can, function(msg) { cb(event, sub, sub._target) })} })
item.action && can.onappend.figure(sub, item, sub._target, function(_sub, value) { can.Update() }); if (skip === true) { return }
item.type == html.BUTTON && item.action == ice.AUTO && can.base.isUndefined(can._delay_init) && (auto = sub._target), next()
can.Conf(ice.AUTO) == item.name && (auto = sub._target), can._auto = auto
})
};
var auto; can.core.Next(can.core.Value(can, [chat.ONIMPORT, mdb.LIST])||meta.inputs, add, function() {
var p = can.misc.Search(can, ctx.ACTION); auto || can.page.style(can, can._target, "visibility", "")
can.isCmdMode() || can.page.style(can, can._target, "visibility", "")
if (can.Conf("feature.mode") == "result") { return }
if (can.Conf("_ismain") && !can.Conf("_role") && can.misc.Search(can, log.DEBUG) != ice.TRUE) {
} else if (p && can.isCmdMode()) {
skip || can.Conf(ice.AUTO) == cli.DELAY || can.Update(can.request({}, {_method: http.GET}), [ctx.ACTION, p])
} else {
skip || can.Conf(ice.AUTO) == cli.DELAY || auto && auto.click()
}
})
},
_action: function(can, list, action, meta, hold, limit) { meta = meta||can.onaction||{}, action = action||can._action, hold || can.onmotion.clear(can, action)
function run(event, button) { can.misc.Event(event, can, function(msg) { var _can = can._fields? can.sup: can; can.requestAction(event, button)
action == can._action && can.onengine.signal(can, "onevent", can.request(event, {_type: html.ACTION}))
var cb = meta[button]||meta[chat._ENGINE]; cb? can.core.CallFunc(cb, {event: event, can: can, button: button}):
can.run(event, can.base.isIn(button, mdb.LIST, web.REFRESH)? []: [ctx.ACTION, button].concat(_can.Input()))
}) }
var list = can.page.inputs(can, can.base.getValid(can.base.Obj(list), can.core.Value(can, [chat.ONACTION, mdb.LIST]), meta != can.onaction? can.core.Item(meta): [])||[])
limit = limit||html.ACTION_BUTTON; if (list.length > limit) {
var rest = list.slice(limit-1); list = list.slice(0, limit-1), list.push({type: html.BUTTON, name: "more", onclick: function(event) {
can.user.carte(event, can, {_trans: meta._trans||can._trans}, can.core.List(rest, function(item) { return item.name }), function(event, button) { run(event, button) })
}})
}
can.core.List(list, function(item) {
var value = can.sup && can.sup.onexport.session && can.sup.onexport.session(can.sup, "action:"+item.name||item[0]) || item.value
if (value) { item.value = value }
can.base.isUndefined(item) || can.onappend.input(can, item == ""? /* 1.空白 */ {type: html.BR}:
can.base.isString(item)? /* 2.按键 */ {type: html.BUTTON, name: item, value: can.user.trans(can, item, meta._trans), onclick: function(event) {
run(event, item)
}}: item.length > 0? /* 3.列表 */ {type: html.SELECT, name: item[0], value: item.value, values: item.slice(1), onchange: function(event) { can.misc.Event(event, can, function(msg) {
if (!can.onexport) { return }
var button = event.target.value; can.onexport.session && can.onexport.session(can, "action:"+(item.name||item[0]), button)
can.onaction._select && can.onaction._select(event, can, item[0], button)
meta[item[0]]? can.core.CallFunc(meta[item[0]], [event, can, item[0], button]):
meta[button]? can.core.CallFunc(meta[button], [event, can, button]): can.Action(item[0], button)
})}, _init: function() {
if (can.onexport && can.onexport.session) { var value = can.onexport.session(can, "action:"+item[0]); value && can.Action(item[0], value) }
}}: /* 4.其它 */(item.type == html.BUTTON && (item.value = item.value||can.user.trans(can, item.name, meta._trans), item.onclick = item.onclick||function(event) {
run(event, item.name||item.value)
}, item._init = item._init||function(target) { item.action && can.onappend.figure(sub, item, target, function(_sub, value) { can.Update() })
if (item.type == html.BUTTON && can.page.isIconInput(can, item.name)) { can.onappend.icons(can, target, item.name) }
}), item),
"", action)
})
var _can = can._fields? can.sup: can
can.isCmdMode() || can.base.beginWith(can.ConfIndex(), "can.", "web.chat.macos.") ||
can.page.tagis(can._fields||can._target, html.FIELDSET_PANEL) || action == can._action && can.page.Append(can, action,
can.core.Item(can.user.isMobile? {
open: !can.isCmdMode() && "打开链接",
// chat: "发送聊天",
}: {_space: "",
qrcode: !can.isCmdMode() && "生成链接",
full: !can.isCmdMode() && "切换全屏",
open: !can.isCmdMode() && "打开链接",
// chat: can.user.isTechOrRoot(can) && can.ConfIndex() != chat.MESSAGE && "发送聊天",
// help: can.page.ClassList.has(can, can._fields||can._target, html.PLUGIN) && can.Conf("_help") && can.Conf("_help") != "" && "查看文档",
}, function(key, value) {
return (value || value === "") && {view: [[html.ITEM, html.BUTTON, key, mdb.ICONS, "state"]], list: [{icon: icon[key]}],
title: key == "_space"? "": can.user.trans(can, key), onclick: function(event) {
can.onengine.signal(can, "onevent", can.request(event, {_type: html.ACTION, action: key}))
var cb = _can.onaction[value]; cb && _can.onaction[value](event, _can, value, _can.sub)
}
}
}).concat(can.Conf("_plugin_action")||[])
); return meta
},
_output0: function(can, meta, event, cmds, cb, silent) { var msg = can.request(event); meta.feature = meta.feature||{}
if (msg.Option(ice.MSG_HANDLE) != ice.TRUE && cmds && cmds[0] == ctx.ACTION) { if (msg.RunAction(event, can.sub, cmds)) { return } }
if (msg.RunAction(event, can, cmds)) { return } if (can.misc.Inputs(can, msg, cmds, cb, meta)) { return }
var p = can._history[can._history.length-1]; p && p._opts && can.request(event, p._opts)
return can.onengine._plugin(event, can, msg, can, cmds, cb) || can.run(event, cmds, function(msg) { var _can = can._fields? can.sup: can
if (can.base.isFunc(cb) && !cb(msg)) { return } if (silent) { return }
if (_can == (msg._can._fields? msg._can.sup: msg._can)) { if (can.core.CallFunc([_can, chat.ONIMPORT, ice.MSG_PROCESS], {can: _can, msg: msg})) {
can.onmotion.delay(can, function() { can.page.style(can, can._target, "visibility", ""), can.page.style(can, can._output, "visibility", "") }, 300)
return
} }
if (cmds && cmds[0] == ctx.ACTION) { if (can.base.isIn(cmds[1], mdb.CREATE, mdb.INSERT, mdb.PRUNES, mdb.EXPORT, mdb.IMPORT, "exports", "imports", nfs.TRASH) || msg.Length() == 0 && !msg.Result()) {
if (can.base.isIn(cmds[1], ctx.COMMAND)) { return }
return can._toast || can.user.isMobile || can.user.toastSuccess(can, can.user.trans(can, cmds[1]), ice.SUCCESS), can.Update()
return can.Update()
} }
can.onappend._output(can, msg, meta.display||msg.Option(ice.MSG_DISPLAY)||meta.feature.display)
})
},
_output: function(can, msg, display, cb, output, status, action) { display = display||chat.PLUGIN_TABLE_JS, output = output||can._output
if (msg.IsErr()) { return can.onappend.style(can, "warn", can.user.toastFailure(can, msg.Result())._target) }
can.misc.Search(can, log.DEBUG) == ice.TRUE && can.base.beginWith(display, "/p/") && delete(Volcanos.meta.cache[display])
can.misc.Search(can, log.DEBUG) == ice.TRUE && can.base.beginWith(display, "/p/") && delete(Volcanos.meta.cache[display.split(".")[0]])
Volcanos(display, {_root: can._root, _follow: can.core.Keys(can._follow, display), _fields: can._target, _target: output, _path: display||chat.PLUGIN_TABLE_JS,
_legend: can._legend, _option: can._option, _action: action||can._action, _output: output, _status: status||can._status,
Update: can.Update, Option: can.Option, Action: can.Action, Status: can.Status, db: {hash: [""], value: {}}, ui: {layout: function() {}},
}, [display, msg.Option(ice.MSG_DISPLAY_CSS)||can.Conf("display_css")||undefined, chat.PLUGIN_TABLE_JS], function(sub) { sub.Conf(can.Conf())
sub.db.hash = can.base.getValid(can.isCmdMode()? can.misc.SearchHash(can): [], can.onexport.storage(can, "hash"))||[]
var last = can.sub; last && can.core.CallFunc([last, "onaction.hidden"], {can: last})
sub.run = function(event, cmds, cb, silent) { var msg = sub.request(event)._caller()
msg.RunAction(event, sub, cmds) || can.Update(event, cmds||can.Input(cmds, !silent), cb, silent)
}, can._outputs = can._outputs||[], can._outputs.push(sub), sub.sup = can, can.sub = sub
sub._index = can._index, can._msg = sub._msg = msg, sub.Conf(sub._args = can.base.ParseURL(display))
sub._trans = can.base.Copy(can.base.Copy(sub._trans||{}, can._trans), can.core.Value(sub, [chat.ONACTION, chat._TRANS]))
if (sub.onimport && can.base.isArray(sub.onimport.list) && sub.onimport.list.length > 0) {
can.onmotion.clear(can, can._option), can.onappend._option(can, {inputs: can.page.inputs(can, sub.onimport.list, html.TEXT) })
} can.onmotion.toggle(can, can._action, true), delete(can._status._cache), delete(can._status._cache_key)
var output_old = can._output; sub._target = sub._output = can._output = output = can.page.insertBefore(can, [html.OUTPUT], can._status)
can.page.style(can, sub._output, html.MAX_HEIGHT, can.ConfHeight(), html.MAX_WIDTH, can.ConfWidth())
if (sub.Mode() == ice.MSG_RESULT) { can._output.innerHTML = output_old.innerHTML }
if (can.page.tagis(can._target, "fieldset.cmd.form.output")) {
can.page.ClassList.del(can, can._target, html.FORM), can.page.ClassList.del(can, can._target, html.OUTPUT)
} can.page.ClassList.add(can, can._output, "_prepare")
can.onexport._output(sub, msg)
can.core.CallFunc([sub, chat.ONIMPORT, chat._INIT], {can: sub, msg: msg, cb: function(msg) {
can.onappend.style(sub, sub.Conf(ctx.STYLE)), can.onmotion.story.auto(can, can._output), sub.onmotion.touchAction(sub)
if (action !== false) { can.onkeymap._build(sub)
var list = can.base.Obj(msg.Option(ice.MSG_ACTION)||can.Conf(ice.MSG_ACTION), sub.onaction.list||[])
can.onmotion.clear(can, can._action), sub.onappend._action(sub, [{view: "_space"}].concat(list), action||can._action)
sub.onappend._status(sub, sub.onexport&&sub.onexport.list||msg.Option(ice.MSG_STATUS), null, msg), can.user.isMobile || sub.onappend.tools(sub, msg)
// if (msg.Option("sess.online") == ice.TRUE) { can.ondaemon._online(can) }
if (msg.Length() > 9 && !sub.ui.project && !can.user.isMobile) { can.onmotion.delay(can, function() { can.onappend._filter(can) }, 300) }
}
if (can.onimport.size) {
can.page.ClassList.has(can, can._target, html.FLOAT) && !can.page.ClassList.has(can, can._target, html.PLUG)?
can.onimport.size(can, can.ConfHeight(), can.base.Min(can.ConfWidth(), can._target.offsetWidth), can.Conf("_auto"), can.Mode()):
can.onimport.size(can, can.ConfHeight(), can.ConfWidth(), can.Conf("_auto"), can.Mode())
can.isCmdMode() && can.page.style(can, can._output, html.HEIGHT, sub.ConfHeight())
can.onexport.output(sub, msg); if (can.Conf("_output")) { can.Conf("_output")(sub, msg) }
} msg.Defer(), can.base.isFunc(cb) && cb(msg)
// can.isCmdMode() && can.user.agent.init(can, can.user.info.titles)
can._output.scrollTop = output_old.scrollTop, can._output.scrollLeft = output_old.scrollLeft
can.page.style(can, can._target, "visibility", ""), can.page.style(can, can._output, "visibility", "")
can.page.ClassList.del(can, can._output, "_prepare"), can.page.style(can, can._output, html.LEFT, 0)
can.page.Remove(can, output_old)
}, target: output}), msg.Defer()
})
},
_status: function(can, list, status, msg) { list && list.Option && (list = list.Option(ice.MSG_STATUS)||[])
var keys = {}, fileline = can.Conf("_fileline")||""
status = status||can._status, can.onmotion.clear(can, status)
can.core.List((can.base.Obj(list, can.core.Value(can, [chat.ONEXPORT, mdb.LIST]))||[]).concat([
can.ConfSpace() && {name: web.SPACE, value: can.ConfSpace()},
], can.misc.Search(can, log.DEBUG) == ice.TRUE && can.ConfIndex() != code.VIMER? [
fileline && {name: nfs.SOURCE, value: can.base.trimPrefix(fileline.split("?")[0], nfs.REQUIRE, nfs.P), onclick: function(event) { can.onkeymap.prevent(event)
var ls = can.misc.SplitPath(can, fileline); if (event.metaKey) {
can.user.open(can.misc.MergePodCmd(can, {pod: can.ConfSpace(), cmd: web.CODE_VIMER, path: ls[0], file: ls[1]}))
} else { can.onappend._float(can, web.CODE_VIMER, ls) }
}},
{name: html.HEIGHT, value: parseInt(can.ConfHeight()||0), onclick: function(event) { can.onappend._float(can, {index: "can.view", _target: can._fields||can._target}) }},
{name: html.WIDTH, value: parseInt(can.ConfWidth()||0), onclick: function(event) { can.onappend._float(can, {index: "can.data", _target: can._fields? can.sup: can}) }},
]: []), function(item) { if (!item) { return } item = can.base.isString(item)? {name: item}: item
if (item && item.name == web.SPACE && item.value) { item.value = can.page.Format(html.A, can.misc.MergePodCmd(can, {pod: item.value}), item.value) }
if (can.base.beginWith(item.value, nfs.PS, ice.HTTP)) { item.value = can.page.Format(html.A, item.value, item.value.split("?")[0]) }
if (keys[item.name]) { return can.Status(item.name, item.value) } keys[item.name] = item
msg && item.name == cli.COST && (item.value = msg.Option(ice.MSG_COST)||item.value)
msg && item.name == "msg" && (item.value = can.base.Size(item.value||msg._xhr? msg._xhr.responseText.length: 0))
if (item.name == mdb.COUNT && item.value == "0x0") {
var list = can.page.Select(can, can._output, "tbody>tr")
var _list = can.page.Select(can, list[0], "td")
item.value = list.length+"x"+_list.length
}
can.page.Append(can, status, [{view: [[html.ITEM, item.name]], list: [
{text: [can.page.Color(can.user.trans(can, item.name, null, html.INPUT)), html.LABEL]}, {text: [": ", html.LABEL]}, {text: [(item.value == undefined? "": (item.value+"").trim())+"", html.SPAN, item.name]},
], onclick: function(event) {
can.onengine.signal(can, "onevent", can.request(event, {_type: html.STATUS}))
if (item.onclick) { return item.onclick(event) }
if (!can.misc.isDebug(can)) { return }
if (can.base.isIn(item.name, mdb.TIME)) {
can.onappend._float(can, {index: "can.debug"}, ["log", can.ConfIndex()])
} else if (item.name == mdb.COUNT) {
can.onappend._float(can, {index: ctx.CONFIG}, [can.ConfIndex()])
} else if (can.base.isIn(item.name, cli.COST)) {
can.onappend._float(can, {index: "can.toast"}, [can.ConfIndex()])
} else if (can.base.isIn(item.name, "msg")) {
can.onappend._float(can, {title: "msg(报文)", index: ice.CAN_PLUGIN, display: "/plugin/story/json.js"}, [], function(sub) {
sub.run = function(event, cmds, cb) { var _msg = can.request(event); _msg.result = [JSON.stringify(msg)], cb(_msg) }
})
} else if (item.name == ice.LOG_TRACEID) {
can.onappend._float(can, web.CODE_XTERM, ["sh", item.value, "grep "+item.value+" var/log/bench.log | grep -v grep | grep -v 'id: "+item.value+" $'"])
} else {
can.user.copy(event, can, item.value)
}
}}])
})
},
field: function(can, type, item, target) { type = type||html.STORY, item = item||{}
var name = can.core.Split(item.nick||item.index||"", " .").pop()||""; can.base.isIn(name,
"cluster", "launchTemplate",
tcp.SERVER, tcp.CLIENT, web.STUDIO, mdb.SEARCH, web.SERVICE,
can.core.Split(can.ConfIndex(), nfs.PT).pop()
) && (name = (item.index||"").split(nfs.PT).slice(-2).join(nfs.PT))
type == html.PLUG || (type == html.STORY && item.style != html.FLOAT) ||
// can.base.isIn(can.ConfIndex(), web.DESKTOP, web.MESSAGE, web.VIMER) ||
(name = can.core.Keys(item.space||item._space, name))
item.index && (item.help = item.help||can.user.trans(can, item.index.split(".").pop(), ""))
var title = item.title || can.user.isMobile && (can.user.isEnglish(can)? name: (item.help||name)) || (!item.help || name == item.help || can.user.isEnglish(can)? name: name+"("+can.core.Split(item.help)[0]+")")
target = can.base.isFunc(target)? target(): target
return can.page.Append(can, target||can._output, [{view: [type, html.FIELDSET], style: item.style, list: [{type: html.LEGEND, list: [
can.page.icons(can, item.icons||item.icon||name, item.space||item._space), {text: title},
]}, {view: [html.OPTION, html.FORM]}, html.ACTION, html.OUTPUT, html.STATUS]}])
},
input: function(can, item, value, target, style) {
if (["_space"].indexOf(item.view) > -1) { return can.page.Append(can, target, [item]) }
if ([html.BR, html.HR].indexOf(item.type) > -1) { return can.page.Append(can, target, [item]) }
if (item.type == html.SELECT) { item._selectonly = true, item.type = html.TEXT
if (item.values && item.values.length > 0) { item._selectonly = false, item.type = html.SELECT }
}
var _icon = [], _item = can.base.Copy({className: "", type: "", name: ""}, item), input = can.page.input(can, _item, value)
if (item._selectonly) { input._selectonly = true }
if (item.type == html.SELECT) {
can.core.List(input.list, function(item) { item.inner = can.user.trans(can, item.inner, item._trans, html.INPUT) })
item.icon = item.icon||icon[item.name]
}
if (item.type == html.BUTTON && !input.value) {
if (item.name != item.value && item.value) {
input.value = item.value
} else {
input.value = can.user.trans(can, item.name, item._trans)
}
}
input.onclick = item.onclick
if (item.type == html.PASSWORD) {
input.placeholder = can.user.trans(can, input.placeholder||input.name, item._trans, html.INPUT)
input.title = can.user.trans(can, input.title||input.placeholder||input.name, item._trans, html.INPUT)
}
if (item.type == html.TEXT) {
if (!can.user.isMobile) {
input.placeholder = can.user.trans(can, input.placeholder||input.name, item._trans, html.INPUT)
input.title = can.user.trans(can, input.title||input.placeholder||input.name, item._trans, html.INPUT)
}
input.onkeydown = item.onkeydown||function(event) { if (event.key == code.ENTER) { return can.Update(), can.onkeymap.prevent(event) }
can.onkeymap.input(event, can), can.onkeymap.selectOutput(event, can)
}
input.onkeyup = item.onkeyup||function(event) { if (item.name == html.FILTER) {
can.onmotion.filter(can, event.target.value)
} }, _icon.push({icon: mdb.DELETE, onclick: function(event) {
_input.value = "", input.onkeyup({target: event.target.previousSibling})
can.core.CallFunc([event.target.previousSibling, "_clear"], {})
}})
if (item.name == html.FILTER) { item.icon = item.icon||icon.search }
item.icon = item.icon||can.Conf(["_trans.input.icons", item.name])||can.Conf(["_icons", item.name])||icon[item.name]
}
if (item.type == html.MULTIPLE) {
input.data.type = html.BUTTON, input.value = can.user.trans(can, item.name)
}
if (item.range) { input._init = function(target) { can.onappend.figure(can, item, target, function(sub, value, old) { target.value = value, can.core.CallFunc([can.onaction, item.name], [event, can, item.name]) }) } }
var _style = can.Conf("_style."+item.name)||can.page.buttonStyle(can, item.name)
var _input = can.page.Append(can, target, [{view: [[html.ITEM].concat(style, [item.type, item.name, item._className, item.icon? "_icon": ""], _style)], list: [item.icon && {icon: item.icon}, input].concat(_icon), _init: function(target, _input) {
if (item.type == html.MULTIPLE) {
can.onappend.multiple(can, item, _input.input)
can.onappend.style(can, html.BUTTON, target)
}
if (item.type == html.SELECT) { _input.select.value = value||_item.value||_item.values[0]
can.onappend.select(can, _input.select, _item)
can.onappend.style(can, html.BUTTON, target)
item._init && item._init(target)
}
item.style && can.onappend.style(can, item.style, target)
}}])[item.name]; return _input
},
icons: function(can, target, name, cb) {
var _icon = can.Conf("feature._icons."+name) || can.core.Value(can.onaction, ["_trans.icons", name]) || icon[name] || name
if (!_icon) { return } can.onappend.style(can, "icons", target.parentNode)
can.page.Append(can, target.parentNode, [{icon: _icon, title: can.user.trans(can, name), onclick: can.base.isFunc(cb)? cb: target.onclick||function(event) { can.Update(event, [ctx.ACTION, cb||name]) }}])
},
mores: function(can, target, value, limit) {
var list = can.page.Select(can, target, html.INPUT_BUTTON, function(target) {
target.name == target.value && (target.value = can.user.trans(can, target.value))
var _style = can.page.buttonStyle(can, target.name); _style && can.onappend.style(can, _style, target)
can.user.trans(can, kit.Dict(target.name, target.value))
return {type: html.BUTTON, name: target.name, value: target.value, style: _style}
})
function run(event, button) { button && can.run(can.request(event, value, can.Option(), {_toast: can.user.trans(can, button)})._event, [ctx.ACTION, button]), can.onkeymap.prevent(event) }
if (list.length <= limit) {
target.onclick = function(event) { run(event, event.target.name) }
} else {
can.page.Appends(can, target, can.core.List(list.slice(0, limit-1), function(item) {
return {type: html.INPUT, data: {type: html.BUTTON}, name: item.name, value: item.value, className: item.style, onclick: function(event) { run(event, item.name) }}
}))
can.page.Append(can, target, [{type: html.INPUT, data: {type: html.BUTTON}, name: html.MORE, value: can.user.trans(can, html.MORE), className: can.page.buttonStyle(can, html.MORE), onclick: function(event) {
can.onengine.signal(can, "onevent", can.request(event))
can.user.carte(event, can, {}, can.core.List(list.slice(limit-1), function(item) { return item.name }), function(event, button) { run(event, button) })
}}])
}
},
_filter: function(can) {
can.page.insertBefore(can, can.onappend.filter(can, can._action, can.ui.content||can._output).parentNode, (can.page.SelectOne(can, can._action, "div.item._space")||{}).nextSibling, can._action)
},
filter: function(can, target, output) { output = output||can.ui.content||target
return can.onappend.input(can, {type: html.TEXT, name: web.FILTER, icon: icon.SEARCH, placeholder: can.user.trans(can, "search in n items", "搜索"), onkeydown: function() {}, onkeyup: function(event) {
var value = (event.currentTarget? event.currentTarget.value: "").trim()
if (can.sub && can.sub.onaction && can.sub.onaction.filter && can.sub.onaction.filter(event, can.sub, value)) {
return
}
if (event.key == code.ENTER) {
can.page.Select(can, output, html.DIV_ITEM+":not(.hide)", function(target) { target.click() })
} else if (event.key == code.ESCAPE) { event.currentTarget.value = "", event.currentTarget.blur()
can.page.Select(can, output, html.DIV_ITEM, function(target) { can.onmotion.toggle(can, target, true) })
} else { if (can.onkeymap.selectCtrlN(event, can, output, html.DIV_ITEM+":not(.filter):not(.hide)")) { return }
can.page.Select(can, output, html.DIV_ITEM, function(target) {
can.onmotion.toggle(can, target, target.innerText.indexOf(value) > -1 || target == event.currentTarget.parentNode)
})
can.page.Select(can, output, html.TR, function(tr, index) {
if (!can.page.ClassList.set(can, tr, html.HIDE, index > 0 && tr.innerText.indexOf(value) == -1)) { return tr }
}).length
}
}}, "", target)
},
select: function(can, select, item) { // can.user.trans(can, item.value||item.values[0])
var trans = {}; can.core.List(item.values, function(value) { trans[can.user.trans(can, value, null, html.VALUE)] = value })
return can.page.Append(can, select.parentNode, [{type: html.INPUT, data: {className: html.SELECT, type: html.BUTTON, name: item.name, value: can.user.trans(can, item.value||item.values[0], null, html.VALUE), title: can.user.trans(can, item.name, null, html.VALUE)}, onclick: function(event) { var target = event.target
var carte = can.user.carte(event, can, {}, can.core.List(item.values, function(item) {
return can.user.trans(can, item, null, html.VALUE)
}), function(event, button) { carte.close()
if (target.value != button) { target.value = button, select.value = trans[button], select.onchange && select.onchange(event) }
return true
}); can.onappend.style(can, [html.SELECT, item.name], carte._target), can.page.style(can, carte._target, html.MIN_WIDTH, event.target.offsetWidth)
can.page.Select(can, carte._target, html.DIV_ITEM, function(item) {
if (target.value == item.innerText) {
can.onappend.style(can, html.SELECT, item)
can.onmotion.delay(can, function() {
can.onmotion.scrollIntoView(can, item)
}, 300)
}
})
}, _init: function(target) { can.page.style(can, target, html.WIDTH, (select.offsetWidth||80)+30), can.onappend.style(can, html.HIDE, select) }}, {icon: mdb.SELECT}])
},
multiple: function(can, item, target) { target._select = {}, can.core.List(item.value||item.values, function(value) { target._select[value] = true })
target.onclick = function(event) { var carte = can.user.carte(event, can, {}, item.values, function(event, button) {})
can.page.Appends(can, carte._target, can.core.List(item.values, function(value) { var _target
return {view: html.ITEM, list: [{type: "input", data: {type: "checkbox", checked: target._select[value]? "checked": ""}, onchange: function(event) {
target._select[value] = event.target.checked
can.core.CallFunc(can.onaction[item.name], [event, can, item.name, target._select])
}, _init: function(target) {
_target = target
}}, {text: value}], onclick: function(event) {
if (can.page.tagis(event.target, "input")) { return } can.onkeymap.prevent(event)
_target.checked = target._select[value] = !target._select[value]
can.core.CallFunc(can.onaction[item.name], [event, can, item.name, target._select])
}}
}))
}
},
checkbox: function(can, table, msg) {
can.page.Select(can, table, "tr>th:first-child,tr>td:first-child", function(target) {
can.page.insertBefore(can, [{type: target.tagName, list: [{type: html.INPUT, data: {type: html.CHECKBOX}, onchange: function(event) {
can.page.tagis(target, html.TH) && can.page.Select(can, table, "tr>td:first-child>input[type=checkbox]", function(target) {
if (can.page.ClassList.has(can, can.page.parentNode(can, target, html.TR), html.HIDE)) { return }
target.checked = event.target.checked
})
var list = {}, key = can.page.SelectArgs(can, can._option, "", function(target) { if (target.value == "") { return target.name } })
can.page.Select(can, table, "tr>td:first-child>input[type=checkbox]", function(target) { can.page.ClassList.set(can, can.page.parentNode(can, target, html.TR), html.SELECT, target.checked)
target.checked && can.core.List(key, function(key) { if (!msg[key]) { return } list[key] = (list[key]||[]).concat([msg[key][can.page.parentNode(can, target, html.TR).dataset.index]]) })
}), can.db._checkbox = {}, can.core.Item(list, function(k, v) { can.db._checkbox[k] = v.join(",") })
}}] }], target)
})
can.page.Select(can, table, "colgroup>col:first-child", function(target) {
can.page.insertBefore(can, [{type: target.tagName, className: html.CHECKBOX}], target)
})
},
buttons: function(can, value) {
return {view: html.ACTION, inner: value.action, _init: function(target) { can.onappend.mores(can, target, value, 7)
can.page.Select(can, target, html.INPUT, function(target) {
var _icon = can.Conf("feature._icons."+target.name)||icon[target.name]
if (!_icon) {
target.onclick = function(event) { can.Update(can.request(event, value), [ctx.ACTION, target.name]) }
return
}
can.page.insertBefore(can, [{icon: _icon, onclick: function(event) { can.onkeymap.prevent(event)
target.onclick? target.onclick(event): can.Update(can.request(event, value), [ctx.ACTION, target.name])
}}], target), can.onappend.style(can, mdb.ICONS, target)
})
}}
},
label: function(can, value, icons) {
return {view: html.STATUS, list: can.core.Item(icons||{
version: "bi bi-tags",
time: can.base.isIn(can.ConfIndex(), web.DREAM, web.STORE)? "bi bi-tools": "bi bi-clock-history",
restart: "bi bi-bootstrap-reboot",
access: "bi bi-file-lock",
}, function(name, icon) { var text = value[name]
if (name == nfs.VERSION && text) { text = text.split("-").slice(0, 2).join("-") }
if (name == mdb.TIME && text) { text = can.base.TimeTrim(text) }
return text && {view: [[html.ITEM, name]], list: [{icon: icon}, {text: text}]}
})}
},
table: function(can, msg, cb, target, keys) { if (!msg || msg.Length() == 0) { return } var meta = can.base.Obj(msg.Option(mdb.META))
if (can.user.isMobile) { can.base.toLast(msg.append, mdb.TIME) } can.base.toLast(msg.append, web.LINK), can.base.toLast(msg.append, ctx.ACTION)
if (msg.append[msg.append.length-1] == ctx.ACTION && can.core.List(msg[ctx.ACTION], function(item) { if (item) { return item } }).length == 0) { msg.append.pop() }
if (msg.append[msg.append.length-1] == ctx.ACTION && (!msg[ctx.ACTION] || msg[ctx.ACTION].length == 0)) { msg.append.pop() }
if (msg.IsDetail()) {
for (var i = 0; i < msg[mdb.KEY].length; i++) {
if (msg[mdb.KEY][i] == "action") { var action = msg[mdb.VALUE][i]
for (var j = i; j < msg[mdb.KEY].length-1; j++) { msg[mdb.KEY][j] = msg[mdb.KEY][j+1], msg[mdb.VALUE][j] = msg[mdb.VALUE][j+1] }
msg[mdb.KEY][j] = "action", msg[mdb.VALUE][j] = action
break
}
}
}
var option = can.core.Item(can.Option())
if (can.core.List(option).length == 1) {
if (msg.IsDetail()) {
var key = can.core.List(option)[0], i = msg.key.indexOf(key)
if (i > 0) { var k = msg.key[i], v = msg.value[i]; for (i; i > 0; i--) { msg.key[i] = msg.key[i-1], msg.value[i] = msg.value[i-1] } msg.key[0] = k, msg.value[0] = v }
} else {
var key = can.core.List(option)[0], i = msg.append.indexOf(key)
if (i > 0) { var v = msg.append[i]; for (i; i > 0; i--) { msg.append[i] = msg.append[i-1] } msg.append[0] = v }
}
}
var table = can.page.AppendTable(can, msg, target||can.ui.content||can._output, msg.append, cb||function(value, key, index, data, list) { var _value = value
if (msg.IsDetail()) { if (key == mdb.VALUE) { key = data.key } data = {}
can.core.List(list, function(item) { data[item.key] = item.value })
if (can.user.isMobile && key == mdb.KEY && !data[value]) { return }
if (can.user.isMobile && key != mdb.KEY && !data[key]) { return }
}
function request(event) { delete(data.action); return can.request(event, data, can.Option()) }
function run(event, cmd, arg) { can.misc.Event(event, can, function(msg) { can.run(request(event), [ctx.ACTION, cmd].concat(arg)) }) }
function img(p) { return !msg.IsDetail()? can.page.Format(html.IMG, p, 48, 48): can.user.isMobile? can.page.Format(html.IMG, p, null, 320): can.page.Format(html.IMG, p, 320, null) }
if (key == mdb.ICON && value) { _value = can.base.contains(value, ".ico", ".png", ".jpg")? img(can.misc.Resource(can, data[key], data.pod||data.space||data.nodename)): "<i class='"+value+"'></i>" }
if (key == mdb.ICONS && value) { _value = img(can.misc.Resource(can, data[key])) }
if (key == aaa.AVATAR && value) { _value = img(can.misc.Resource(can, data[key])) }
if (key == aaa.BACKGROUND && value) { _value = img(can.misc.Resource(can, data[key])) }
if (key == "user_avatar" && value) { _value = img(can.misc.Resource(can, data[key])) }
if (key == "auth_avatar" && value) { _value = img(can.misc.Resource(can, data[key])) }
if (key == nfs.IMAGE && value) { _value = can.core.List(can.core.Split(data[key]), function(item) { return img(can.misc.ShareCache(can, item, data.space)) }).join("") }
if (key == mdb.HASH && can.base.isIn(can.ConfIndex(), web.TOKEN, aaa.SESS)) { _value = value.slice(0, 4)+"****" }
if (key == "secret" && value) { _value = value.slice(0, 4)+"****" }
if (key == "secretKey" && value) { _value = value.slice(0, 4)+"****" }
if (key == "SecretKey" && value) { _value = value.slice(0, 4)+"****" }
if (key == web.TOKEN && value) { _value = value.slice(0, 4)+"****" }
if (key == aaa.PASSWORD && value) { _value = "********" }
function onclick() { return false }
if (key == mdb.STATUS && can.base.isIn(value, mdb.DISABLE, ice.FALSE)) { _value = `<i class="${icon.enable}">`
function onclick() { run(event, mdb.MODIFY, [mdb.STATUS, mdb.ENABLE]); return true }
}
if (key == mdb.STATUS && can.base.isIn(value, mdb.ENABLE, ice.TRUE)) { _value = `<i class="${icon.disable}">`
function onclick() { run(event, mdb.MODIFY, [mdb.STATUS, mdb.DISABLE]); return true }
}
if (key == mdb.DISABLE) {
if (value == ice.TRUE) { _value = `<i class="${icon.disable}">`
function onclick() { run(event, mdb.MODIFY, [key, ice.FALSE]); return true }
} else { _value = `<i class="${icon.enable}">`
function onclick() { run(event, mdb.MODIFY, [key, ice.TRUE]); return true }
}
}
if (key == mdb.ENABLE) {
if (value == ice.FALSE) { _value = `<i class="${icon.enable}">`
function onclick() { run(event, mdb.MODIFY, [key, ice.TRUE]); return true }
} else { _value = `<i class="${icon.disable}">`
function onclick() { run(event, mdb.MODIFY, [key, ice.FALSE]); return true }
}
}
if (key == mdb.STATUS && value) { _value = can.user.trans(can, value, "", key) }
return {className: option.indexOf(key) > -1? ice.MSG_OPTION: key == ctx.ACTION? ctx.ACTION: "", text: [
msg.IsDetail() && key == mdb.KEY? can.user.trans(can, _value, null, html.INPUT): can.user.trans(can, _value, null, "value."+key), html.TD,
], onclick: function(event) { if (onclick()) { return } var target = event.target
if (key == cli.QRCODE && can.page.tagis(event.target, html.IMG)) { can.user.opens(event.target.title) }
if (can.page.tagis(target, html.INPUT) && target.type == html.BUTTON) { can.requestAction(request(event, {_toast: can.user.trans(can, target.name)}), target.name)
meta && meta[target.name]? can.user.input(event, can, meta[target.name], function(args) { run(event, target.name, args) }, data): run(event, target.name)
} else {
can.sup.onimport.change(event, can.sup, key, value, null, data) || can.sup.onexport.record(can.sup, value, key, data, event)
}
}, ondblclick: function(event) { if (can.base.isIn(key, mdb.KEY, mdb.HASH, mdb.ID)) { return } if (can.user.isMobile) { return }
var item = can.core.List(can.Conf([ctx.FEATURE, mdb.INSERT]), function(item) { if (item.name == key) { return item } })[0]||{name: key, value: value}
item.run = function(event, cmds, cb) { can.run(request(event), cmds, cb, true) }
item._enter = function(event, value) { if (event.ctrlKey) { run(event, mdb.MODIFY, [key, value.trimRight()]) } }
can.onmotion.modifys(can, event.target, function(event, value, old) { run(event, mdb.MODIFY, [key, value]) }, item)
}, onmouseout: function() {
can.page.SelectChild(can, can._option, html.DIV_ITEM_TEXT, function(target) { can.page.ClassList.del(can, target, "will") })
}, onmouseover: function(event) {
can.page.SelectChild(can, can._option, html.DIV_ITEM_TEXT, function(target) { can.page.ClassList.set(can, target, "will", can.page.ClassList.has(can, target, key)) })
}, _init: function(target) {
if (msg.IsDetail() && key != "key") { can.onappend.style(can, key, target.parentNode) }
if (option.indexOf(key) > -1) {
can.onappend.style(can, "k-"+(value.split(">").pop()), target.parentNode)
if (msg.IsDetail()) { can.onappend.style(can, html.OPTION, target.parentNode) }
}
if (key == mdb.TYPE) { can.onappend.style(can, value, target.parentNode) }
if (key == mdb.STATUS) { can.onappend.style(can, value, target.parentNode) }
if (key == mdb.ENABLE) { can.onappend.style(can, value == ice.FALSE? mdb.DISABLE: mdb.ENABLE, target.parentNode) }
if (key == mdb.DISABLE) { can.onappend.style(can, value == ice.TRUE? mdb.ENABLE: mdb.DISABLE, target.parentNode) }
if (key == ctx.ACTION && msg.IsDetail()) { can.onappend.style(can, ctx.ACTION, target.parentNode) }
key == ctx.ACTION && can.onappend.mores(can, target, data, msg.IsDetail()? 20: html.TABLE_BUTTON)
var list = can.page.Select(can, target, html.INPUT, function(target) { var _icon = (can.page.icons(can, target.name)||{}).icon
if (_icon && typeof _icon == code.STRING || target.name == mdb.DELETE) { return target }
})
can.core.List(list, function(target) { can.onappend.style(can, html.ICONS, target);
var _icon = (can.page.icons(can, target.name)||{}).icon; if (target.name == mdb.DELETE) { _icon = icon.trash }
target.value = can.user.trans(can, target.name)
can.page.insertBefore(can, [{icon: _icon+(" "+(can.page.buttonStyle(can, target.name)||"")), title: can.user.trans(can, target.name), onclick: target.onclick||function(event) {
can.onengine.signal(can, "onevent", can.request(event, {_type: html.BUTTON}))
can.Update(request(event)._event, [ctx.ACTION, target.name]), can.onkeymap.prevent(event)
}}], target.nextSibling, target.parentNode)
}), can.page.SelectOne(can, target, html.SPAN, function(span) { can.core.List(span.style, function(key) { target.style[key] = span.style[key] }) })
}}
})
keys && can.page.RangeTable(can, table, can.core.List(keys, function(key) { return can.page.Select(can, table, html.TH, function(th, index) { if (th.innerHTML == key) { return index } })[0] }))
can.onappend.style(can, chat.CONTENT, table), msg.append && msg.append[msg.append.length-1] == ctx.ACTION && can.onappend.style(can, ctx.ACTION, table)
if (can.core.List(option).length == 1) { can.onappend.style(can, html.OPTION, table) }
if (msg.IsDetail()) { can.onappend.style(can, mdb.DETAIL, table), can.onappend.style(can, msg.Append(mdb.TYPE), table), can.onappend.style(can, msg.Append(mdb.STATUS), table) }
can.onappend.style(can, html.FULL, table)
return table
},
board: function(can, text, target) { text && text.Result && (text = text.Result()); if (!text) { return }
var code = can.page.Append(can, target||can.ui.content||can._output, [{text: [can.page.Color(text), html.DIV, html.CODE]}]).code
code.ondblclick = function(event) { can.Option(mdb.KEY, window.getSelection().toString()) && can.Update() }
if (text.indexOf("<fieldset") == 0) { can.page.Select(can, code, html.FIELDSET, function(target) { var data = target.dataset
data.index && can.onappend.plugin(can, {index: data.index, args: can.base.Split(data.args)}, function(sub) {
can.page.Modify(can, sub._legend, data.index.split(nfs.PT).pop())
}, can._output, target)
}) } else if (text.indexOf("<iframe") == 0) { can.page.Select(can, code, html.IFRAME, function(target) { var data = target.dataset
var height = can.base.Max(720, can.ConfHeight()); can.page.style(can, target, html.HEIGHT, height, html.WIDTH, can.ConfWidth())
}) } else if (text.indexOf("<svg") > 0) { can.page.Select(can, code, html.SVG, function(target) {
can.page.style(can, target, html.MIN_HEIGHT, can.ConfHeight(), html.MIN_WIDTH, can.ConfWidth())
}) } else {
can.page.Select(can, code, html.INPUT_BUTTON, function(target) {
target.onclick = function(event) {
if (can.page.ClassList.has(can, target, "disable")) { return } can.page.ClassList.add(can, target, "disable")
can.Update(can.request(event, can.Option(), {_toast: target.name, _cancel: function(event) {
can.page.ClassList.del(can, target, "disable")
}}), [ctx.ACTION, target.name], function(msg) {
can.page.ClassList.del(can, target, "disable")
var sup = can._fields? can.sup: can; if (sup.onimport._process(sup, msg)) { return }
})
}
var style = can.page.buttonStyle(can, target.name)
can.onappend.style(can, style, target)
})
can.page.Select(can, code, html.A, function(target) {
target.target = "_blank"
})
} return code.scrollBy && code.scrollBy(0, 10000), code
},
tools: function(can, msg, cb, target) { can.onimport.tool(can, can.base.Obj(msg.Option(ice.MSG_TOOLKIT))||[], cb, target) },
style: function(can, style, target) { if (!style) { return }
target = target||can._fields||can._target
if (can.base.endWith(style, ".css")) { return can.require([style]) }
can.base.isObject(style) && !can.base.isArray(style)? can.page.style(can, target, style): can.page.ClassList.add(can, target, style)
},
scroll: function(can, target, parent) { target = target||can.ui.content||can._output, parent = target == can.ui.content? target.parentNode: target
var vbegin, vbar = can.page.Append(can, parent, [{view: [["scrollbar", html.VERTICAL]],
onmousedown: function(event) { vbegin = {top: target.scrollTop, y: event.y}, window._mousemove = event.target },
onmousemove: function(event) { if (!vbegin) { return } target.scrollTop = vbegin.top+(event.y-vbegin.y)/target.offsetHeight*target.scrollHeight, can.onkeymap.prevent(event) },
onmouseup: function(event) { vbegin = null, delete(window._mousemove) },
}])._target
var hbegin, hbar = can.page.Append(can, parent, [{view: [["scrollbar", html.HORIZON]],
onmousedown: function(event) { hbegin = {left: target.scrollLeft, x: event.x}, window._mousemove = event.target },
onmousemove: function(event) { if (!hbegin) { return } target.scrollLeft = hbegin.left+(event.x-hbegin.x)/target.offsetWidth*target.scrollWidth, can.onkeymap.prevent(event) },
onmouseup: function(event) { hbegin = null, delete(window._mousemove) },
}])._target
target.addEventListener("scroll", function(event) {
var height = can.base.Min(target.offsetHeight*target.offsetHeight/target.scrollHeight, target.offsetHeight/4)
vbar.innerHTML = `${(target.scrollTop*100/(target.scrollHeight-target.offsetHeight)).toFixed(2)}%`
target.scrollHeight > target.offsetHeight && can.page.style(can, vbar, html.VISIBILITY, html.VISIBLE,
html.HEIGHT, height, html.RIGHT, target == can.ui.content? undefined: -target.scrollLeft,
html.TOP, target == can.ui.content? target.scrollTop/(target.scrollHeight-target.offsetHeight)*(target.offsetHeight-height):
can.base.Max(target.scrollTop+target.scrollTop/(target.scrollHeight-target.offsetHeight)*(target.offsetHeight-height)-10, target.scrollHeight-height),
)
var width = can.base.Min(target.offsetWidth*target.offsetWidth/target.scrollWidth, target.offsetWidth/4)
hbar.innerHTML = `${(target.scrollLeft*100/(target.scrollWidth-target.offsetWidth)).toFixed(2)}%`
target.scrollWidth > target.offsetWidth+10 && can.page.style(can, hbar, html.VISIBILITY, html.VISIBLE,
html.WIDTH, width, html.BOTTOM, target == can.ui.content? undefined: -target.scrollTop,
html.LEFT, target == can.ui.content? target.scrollLeft/(target.scrollWidth-target.offsetWidth)*(target.offsetWidth-width):
target.scrollLeft+target.scrollLeft/(target.scrollWidth-target.offsetWidth)*(target.offsetWidth-width),
)
can.onmotion.delayOnce(can, function() {
can.page.style(can, vbar, html.VISIBILITY, html.HIDDEN), can.page.style(can, hbar, html.VISIBILITY, html.HIDDEN)
}, 30000, target._delay_scroll = target._delay_scroll||[])
})
},
toggle: function(can, target) { target = target||(can.ui.content? can.ui.content.parentNode: can._content)
var toggle = can.page.Append(can, target, [
{view: [[html.PROJECT, html.TOGGLE]], onclick: function() { can.onmotion.toggle(can, can.ui.project), can.onimport.layout(can) }},
{view: [[html.DISPLAY, html.TOGGLE]], onclick: function() { can.onmotion.toggle(can, can.ui.display), can.onimport.layout(can) }},
{view: [[html.PROFILE, html.TOGGLE]], onclick: function() { can.onmotion.toggle(can, can.ui.profile), can.onimport.layout(can) }},
])
toggle.layout = function() {
var up = can.page.unicode.prev, down = can.page.unicode.next, left = can.page.unicode.prev, right = can.page.unicode.next
can.page.Modify(can, toggle.project, can.page.isDisplay(can.ui.project)? left: right)
can.page.Modify(can, toggle.display, can.page.isDisplay(can.ui.display)? down: up)
can.page.Modify(can, toggle.profile, can.page.isDisplay(can.ui.profile)? right: left)
}; return toggle
},
_toggle: function(can, target, prev, next) {
return can.page.Append(can, target, [
{view: [[html.TOGGLE, mdb.PREV], "", can.page.unicode.prev], onclick: prev||function(event) {}, ondblclick: function(event) { can.onkeymap.prevent(event) }},
{view: [[html.TOGGLE, mdb.NEXT], "", can.page.unicode.next], onclick: next||function(event) {}, ondblclick: function(event) { can.onkeymap.prevent(event) }},
])
},
layout: function(can, list, type, target) { const FLOW = html.FLOW, FLEX = html.FLEX
var count = 0, ui = {size: {profile: 0.5}}; list = list||[html.PROJECT, [[html.CONTENT, html.PROFILE], html.DISPLAY]], type = type||FLEX, target = target||can._output
function append(target, type, list) { can.page.ClassList.add(can, target, [html.LAYOUT, type]), can.core.List(list, function(item) {
if (can.base.isString(item)) {
ui[item] = can.page.Append(can, target, [item])._target
} else if (can.base.isArray(item)) {
append(can.page.Append(can, target, [html.LAYOUT])._target, type==FLOW? FLEX: FLOW, item)
} else if (can.base.isObject(item)) {
if (item.index) { item._index = count++, ui.size[item._index] = item.height||item.width
item.type = item.type||"story", item.layout = function(height, width) { can.page.style(can, ui[item._index], html.WIDTH, width) }
can.onappend.plugin(can, item, function(sub) { can._plugins = (can._plugins||[]).concat([sub])
item.layout = function(height, width) { sub.onimport.size(sub, height, width, false) }
can.onmotion.select(can, sub._target.parentNode, html.FIELDSET, sub._target)
// sub.onexport._output = function() { can.onimport.layout(can) }
}, target, ui[item._index] = can.onappend.field(can, item.type, item, target)._target)
} else { can.page.Append(can, target, [item]) }
}
}); return list } ui.list = append(target, type, list)
function calc(item, size, total) { return ui.size[item]? ui.size[item] < 1? total*ui.size[item]: ui.size[item]: can.base.isString(size)? parseInt(can.base.trimSuffix(size, "px")): size }
var defer = [], content_height, content_width; function layout(type, list, height, width) { var _width = width, _height = height; can.core.List(list, function(item) {
var meta = {}
if (can.base.isArray(item)) { return }
if (can.user.isMobile && can.base.isIn(item, html.PROJECT, html.PROFILE)) { return }
if (can.base.isObject(item)) { var meta = item; item = item._index }
var target = ui[item]; if (!can.page.isDisplay(target)) { return }
if (item == html.CONTENT || item == ice.MAIN) { return defer.push(function() {
can.page.style(can, target, html.HEIGHT, content_height = height, html.WIDTH, content_width = width)
}) }
if (type == FLEX) {
var w = calc(item, target.offsetWidth||target.style.width||_width/list.length, _width), h = meta.height||height
can.page.style(can, target, html.HEIGHT, h); if (can.page.isDisplay(target)) { width -= w }
if (can.base.isObject(meta) && meta.layout) { meta.layout(h, w = _width/list.length) }
} else {
if (target.innerHTML == "") { return }
var h = calc(item, target.offsetHeight, height), w = meta.width||width
if (h > _height/2) { h = _height/2, can.page.style(can, target, html.HEIGHT, h) }
can.page.style(can, target, html.WIDTH, w); if (can.page.isDisplay(target)) { height -= h }
if (can.base.isObject(meta) && meta.layout) { meta.layout(h = _height/list.length, w) }
}
}), can.core.List(list, function(item) {
if (can.base.isArray(item)) { layout(type == FLEX? FLOW: FLEX, item, height, width) }
}) }
ui.project && can.page.Select(can, can._option, "div.item.menu", function(target) { can.page.style(can, target, "display", "unset") })
ui.project && (can.user.isMobile && can.onmotion.hidden(can, ui.project), ui.filter = can.onappend.filter(can, ui.project))
ui.display && can.onmotion.hidden(can, ui.display), ui.profile && can.onmotion.hidden(can, ui.profile)
can.onexport.session && can.onexport.session(can, "project.hide") == ice.TRUE && ui.project && can.onmotion.hidden(can, ui.project)
can.onexport.session && can.onexport.session(can, "display.show") == ice.TRUE && can.onmotion.toggle(can, ui.display, true)
can.onexport.session && can.onexport.session(can, "profile.show") == ice.TRUE && can.onmotion.toggle(can, ui.profile, true)
ui.layout = function(height, width, delay, cb) { can.onmotion.delay(can, function() {
defer = [], layout(type, ui.list, height, width), defer.forEach(function(cb) { cb() })
if (can.db.value) {
can.onexport.session(can, "project.hide", !can.page.isDisplay(can.ui.project))
can.onexport.session(can, "display.show", can.page.isDisplay(can.ui.display))
can.onexport.session(can, "profile.show", can.page.isDisplay(can.ui.profile))
if (can.isCmdMode()) { var _width = can.ConfWidth()
can.page.SelectChild(can, can._fields, "legend,form.option,div.header", function(target) { _width -= target.offsetWidth })
can.page.SelectChild(can, can._fields, "div.action", function(target) { can.page.style(can, target, html.MAX_WIDTH, _width-1)
can.page.Select(can, target, "span.name", function(target, index, list) { can.page.style(can, target, html.MAX_WIDTH, (_width-50)/list.length-40) })
})
}
if (can.page.isDisplay(can.ui.display)) {
// can.page.style(can, can.ui.display, html.MAX_HEIGHT, content_height)
can.db.value._display_plugin && can.db.value._display_plugin.onimport.size(can.db.value._display_plugin, content_height-1, can.ui.display.offsetWidth, false)
}
if (can.page.isDisplay(can.ui.profile)) {
// can.page.style(can, can.ui.profile, html.MAX_WIDTH, content_width)
can.db.value._profile_plugin && can.db.value._profile_plugin.onimport.size(can.db.value._profile_plugin, content_height, content_width-1, false)
}
can.db.value._content_plugin && can.db.value._content_plugin.onimport.size(can.db.value._content_plugin, content_height, content_width, false)
if (can.ui.toggle) { can.ui.toggle.layout(), can.page.style(can, can.ui.toggle.profile, "right", can.ui.profile.offsetWidth+"px") }
can.ui.content && can.page.SelectChild(can, can.ui.content.parentNode, "div.scrollbar.vertical", function(target) { can.page.style(can, target, "right", can.ui.profile.offsetWidth) })
can.ui.content && can.page.SelectChild(can, can.ui.content.parentNode, "div.scrollbar.horizon", function(target) { can.page.style(can, target, "bottom", can.ui.display.offsetHeight) })
} cb && cb(content_height, content_width)
}, delay||0) }
can.onimport.layout = can.onimport.layout||function(can) {
ui.layout(can.ConfHeight(), can.ConfWidth(), 0, function(height, width) {
can.ui._content_plugin && can.ui._content_plugin.onimport.size(can.ui._content_plugin, height, width, false)
}), can.onimport._layout && can.onimport._layout(can), can.Action(html.FILTER) && can.onmotion.filter(can, can.Action(html.FILTER))
}
can.onimport._layout = can.onimport._layout||function(can) { if (!can.ui.content || !can.ui.content.innerHTML) { return }
// can.page.style(can, can.ui.content, html.HEIGHT, can._output.style[html.HEIGHT], html.MAX_HEIGHT, can._output.style[html.MAX_HEIGHT])
can.page.style(can, can.ui.project, html.HEIGHT, can.ui.content.offsetHeight+can.ui.display.offsetHeight)
can.onlayout.expand(can, can.ui.content)
}
return ui
},
tabview: function(can, meta, list, target) { var ui = can.page.Append(can, target, [html.ACTION, html.OUTPUT])
can.onappend.style(can, html.TABVIEW, ui.action), can.onappend.style(can, html.FLEX, ui.action)
var _meta = meta; if (meta.Table) { _meta = {}, meta.Table(function(value) { _meta[value.index] = value }) }
can.core.List(can.base.getValid(list, can.core.Item(_meta)), function(name, index) { var item = _meta[name]
ui[name] = can.page.Append(can, ui.action, [{view: [html.TABS, html.DIV, item.title||can.user.trans(can, name)], onclick: function(event) {
can.onmotion.select(can, ui.action, html.DIV_TABS, event.target)
if (can.onmotion.cache(can, function() { return name }, ui.output)) { return }
if (typeof item == code.FUNCTION) { return item(ui.output) }
item.type = item.type||chat.STORY, can.onappend.plugin(can, item, function(sub) {
sub.onimport.size(sub, sub.ConfHeight(), sub.ConfWidth(), false)
sub.onexport._output = function() {
sub.onimport.size(sub, sub.ConfHeight(), sub.ConfWidth(), false)
}
}, ui.output)
}, _init: function(target) { index == 0 && can.onmotion.delay(can, function() { target.click() }) }}])._target
}); return ui._target = target, ui
},
plugin: function(can, meta, cb, target, field) {
meta = meta||{}, meta.index = meta.index||can.core.Keys(meta.ctx, meta.cmd)||"can._output", meta._space = meta._space||can.ConfSpace()
var res = {}; function _cb(sub, meta, skip) { kit.proto(res, sub), cb && cb(sub, meta, skip) }
if (meta.inputs && meta.inputs.length > 0 || meta.meta) { can.onappend._plugin(can, {meta: meta.meta, list: meta.list}, meta, _cb, target, field); return res }
function _plugin(_meta) { var value = can.onengine.plugin(can, _meta.index)
if (value) { can.onappend._plugin(can, value, _meta, function(sub, meta, skip) {
value.meta && value.meta._init && value.meta._init(sub, meta), _cb(sub, meta, skip)
}, target, field); return true }
} if (_plugin(meta)) { return res }
can.runAction(can.request({}, meta._commands, {_method: http.GET, pod: meta.space, _failure: function(msg) {
return can.misc.isDebug(can) && can.misc.Warn("not found", meta.index), _plugin({msg: msg, type: meta.type, index: "can._notfound", args: [meta.index, meta.space]})
}})._caller(), ctx.COMMAND, [meta.index], function(msg) { if (msg.Length() == 0) { return msg._failure() }
msg.Table(function(value) { value._prefix = msg["_prefix"], can.onappend._plugin(can, value, meta, _cb, target, field) })
}); return res
},
_plugin: function(can, value, meta, cb, target, field) { can.base.Copy(meta, value, true)
meta.type = meta.type||chat.STORY, meta.name = meta.name||value.meta&&value.meta.name||"", meta.help = meta.help||value.help||"", meta.height = meta.height||can.ConfHeight(), meta.width = meta.width||can.ConfWidth()
meta.inputs = can.base.getValid(meta.inputs, can.base.Obj(value.list))||[], meta.feature = can.base.getValid(meta.feature, can.base.Obj(value.meta))||{}
meta.index = value.index||meta.index, meta.args = can.base.getValid(can.base.Obj(meta.args), can.base.Obj(meta.arg), can.base.Obj(value.args), can.base.Obj(value.arg))||[]
meta.space = value.space||meta.space, meta._space = value._space||meta._space
can.onappend._init(can, meta, [chat.PLUGIN_STATE_JS], function(sub, skip) {
sub.run = function(event, cmds, cb) {
if (can.base.isFunc(value)) {
can.onengine._plugin(event, can._root, can.request(event), value.can, [meta.index].concat(cmds), cb)
} else {
if (value._prefix) {
can.run(sub.request(event, {pod: meta.space}), value._prefix.concat(cmds), cb)
} else {
can.runActionCommand(sub.request(event, {pod: meta.space}), sub._index, cmds, cb)
}
}
}, sub._index = value.index||meta.index, can.base.isFunc(cb) && cb(sub, meta, skip)
meta._init && (meta._init(sub))
if (meta.style == html.FLOAT || value.style == html.FLOAT) { can.onmotion.float(sub) }
}, target||can.ui.content||can._output, field)
},
_float: function(can, index, args, cb) {
can.onappend.plugin(can, typeof index == code.OBJECT? (index.style = chat.FLOAT, index.args = args, index): {index: index, args: args, style: chat.FLOAT}, function(sub) {
sub.onaction.close = function() { can.page.Remove(can, sub._target) }, cb && cb(sub)
}, can._root._target)
},
figure: function(can, meta, target, cb) { if (meta.type == html.SELECT || meta.type == html.BUTTON) { return }
var input = meta.action||(can.base.isIn(meta.name, mdb.ICON, mdb.ICONS)? meta.name: mdb.KEY), path = chat.PLUGIN_INPUT+input+nfs._JS; can.require([path], function(can) {
function _cb(sub, value, old) { if (value == old) { return } target.value = value, can.base.isFunc(cb) && cb(sub, value, old) }
target.onkeydown = function() { if (event.key == code.ESCAPE && target._can) { return target._can.close(), target.blur() } else if (event.key == code.ENTER) { can.base.isFunc(cb) && cb(event, target.value) } }
can.core.ItemCB(can.onfigure[input], function(key, on) { var last = target[key]||function() { }; target[key] = function(event) { can.misc.Event(event, can, function(msg) {
function show(sub, cb) { can.base.isFunc(cb) && cb(sub, _cb)
can.onlayout.figure(event, can, sub._target), can.onmotion.toggle(can, sub._target, true)
sub.Status(html.HEIGHT, sub._output.offsetHeight), sub.Status(html.WIDTH, sub._output.offsetWidth)
}
can.core.CallFunc(on, {event: event, can: can, meta: meta, cb: _cb, target: target, sub: target._can, mod: can.onfigure[input],last: last, cbs: function(cb) {
target._can? show(target._can, cb): can.onappend._init(can, {type: html.INPUT, name: input, style: can.core.Keys(can.ConfIndex(), meta.name), mode: chat.FLOAT}, [path, meta.display], function(sub) { sub.Conf(meta)
can.page.Append(can, sub._target, [{text: [can.page.unicode.remove, "", "close"], onclick: function() { sub.close() }}])
sub.run = function(event, cmds, cb) { var msg = sub.request(event)
if (meta.range) { for (var i = meta.range[0]; i < meta.range[1]; i += meta.range[2]||1) { msg.Push(mdb.VALUE, i) } cb(msg); return }
(meta.run||can.run)(sub.request(event, can.Option()), cmds, cb, true)
}, target._can = sub, can.base.Copy(sub, can.onfigure[input], true), sub._name = sub._path = path
sub._target._close = sub.close = function() { can.page.Remove(can, sub._target), delete(target._can) }, sub.hidden = function() { return !can.page.isDisplay(sub._target) }
sub.layout = function(msg) {
can.onappend._status(sub, [mdb.TOTAL]), sub.Status(mdb.TOTAL, msg.Length()), can.onmotion.toggle(can, sub._status, msg.Length() > 5)
msg.append.length == 1 && can.page.ClassList.add(can, sub._target, chat.SIMPLE)
can.page.style(can, sub._target, html.MAX_HEIGHT, can.page.height()/2, html.MIN_WIDTH, target.offsetWidth, html.MAX_WIDTH, can.page.width()/2)
can.onlayout.figure({target: target}, can, sub._target, false, 200, function(height, width) {
can.page.style(can, sub._output, html.MAX_HEIGHT, height-sub._status.offsetHeight-sub._action.offsetHeight)
sub.Status(html.HEIGHT, parseInt(height-sub._status.offsetHeight)), sub.Status(html.WIDTH, parseInt(width))
})
}
meta.mode && can.onappend.style(sub, meta.mode), can.page.style(sub, sub._target, meta.style)
// can.base.isFunc(meta._init) && meta._init(sub, sub._target)
show(sub, cb)
}, can._root._target)
}})
}) } }), can.onfigure[input]._init && can.onfigure[input]._init(can, meta, target, _cb)
})
},
})
Volcanos(chat.ONLAYOUT, {
_init: function(can, target) { target = target||can._root._target; var height = can.page.height(), width = can.page.width()
can.page.SelectChild(can, target, can.page.Keys(html.FIELDSET_HEAD, html.FIELDSET_FOOT), function(field) { height -= field.offsetHeight })
can.page.SelectChild(can, target, html.FIELDSET_LEFT, function(field) {
can.page.styleHeight(can, field, height)
can.user.isMobile || can.page.isDisplay(field) && (width -= field.offsetWidth)
var h = height; can.page.SelectChild(can, field, html.DIV_ACTION, function(action) {
h -= action.offsetHeight; if (action.offsetHeight == 0 && html.RIVER_MARGIN > 0) { h -= html.ACTION_HEIGHT }
}), can.user.isMobile || (h -= 2*html.RIVER_MARGIN-html.ACTION_HEIGHT)
can.page.SelectChild(can, field, html.DIV_OUTPUT, function(output) { can.page.styleHeight(can, output, h) })
})
can.page.SelectChild(can, target, html.FIELDSET_MAIN, function(field) {
can.page.SelectChild(can, field, html.DIV_ACTION, function(action) { height -= action.offsetHeight })
if (can.user.isMobile && can.user.isLandscape()) { return }
can.page.SelectChild(can, field, html.DIV_OUTPUT, function(output) { can.page.styleHeight(can, output, height) })
}), can.onengine.signal(can, chat.ONSIZE, can.request({}, {height: height, width: width}))
can.user.isMobile && can.user.isLandscape() || can.page.style(can, document.body, kit.Dict(html.OVERFLOW, html.HIDDEN))
},
expand: function(can, target, width, height, item) {
var margin = 2*html.PLUGIN_PADDING; width = width||html.CARD_WIDTH, height = height||html.CARD_HEIGHT
var n = parseInt(target.offsetWidth/(width+margin))||1; width = target.offsetWidth/n - margin
if (width+margin >= target.offsetWidth) { n = 1, width = target.offsetWidth - margin }
var m = parseInt(target.offsetHeight/(height+margin))||1; m > 2 && (height = target.offsetHeight/m - margin)
if (height+margin >= target.offsetHeight) { m = 1, height = target.offsetHeight - margin }
height = can.base.Min(height, html.CARD_HEIGHT), width = can.base.Min(width, html.CARD_WIDTH)
can.page.SelectChild(can, target, item||html.DIV_ITEM, function(target) {
can.page.styleHeight(can, target, height), can.page.styleWidth(can, target, width)
}); return height+margin
},
background: function(can, url, target) { can.page.style(can, target||can._root._target, "background-image", url == "" || url == "void"? "": 'url("'+url+'")') },
figure: function(event, can, target, right, min, cb) { if (!event || !event.target) { return {} } target = target||can._fields||can._target
var rect = event.target == document.body? {left: can.page.width()/2, top: can.page.height()/2, right: can.page.width()/2, bottom: can.page.height()/2}: (event.currentTarget||event.target).getBoundingClientRect()
var layout = right? {left: rect.right, top: rect.top}: {left: rect.left, top: rect.bottom}
can.page.tagis(target, "div.input") && can.user.isMobile && (layout.top = 40)
can.getActionSize(function(left, top, width, height) {
left = left||0, top = top||0, height = can.base.Max(height, can.page.height()-top)-html.ACTION_HEIGHT-(can.isCmdMode()? 0: 20)
if (layout.top+target.offsetHeight > top+height) {
if (!min || top+height-layout.top < min) {
if (right) {
layout.top = top+can.base.Min(height-target.offsetHeight, 0)
} else if (rect.top-top-rect.height > top+height-rect.top) {
layout.top = can.base.Min(rect.top-target.offsetHeight, top)
}
}
}
if (layout.left+target.offsetWidth > left+width-100 && right) {
layout.left = rect.left-target.offsetWidth-1
} else if (layout.left+target.offsetWidth > left+width-20) {
if (right) {
layout.left = rect.left-target.offsetWidth-1
} else {
layout.left = left+width-target.offsetWidth-1
}
}
can.page.style(can, target, html.MAX_HEIGHT, top+height-layout.top)
can.page.style(can, target, html.MAX_WIDTH, left+width-layout.left)
cb && cb(top+height-layout.top, left+width-layout.left)
}); can.onmotion.move(can, target, layout), can.onmotion.slideGrow(can, target)
return layout
},
})
Volcanos(chat.ONMOTION, {
_init: function(can, target) {
target.onclick = function(event) {
if (can.page.tagis(event.target, html.SELECT, html.INPUT, html.TEXTAREA)) { return }
if (can.page.tagis(event.target, html.A) && can.user.isWebview) { return event.shiftKey? window.outopen(event.target.href): can.user.open(event.target.href) }
if (can.page.tagis(event.target, html.IMG) && can.base.beginWith(event.target.title, web.HTTP)) { return can.user.open(event.target.title) }
can.onmotion.clearCarte(can)
}
},
story: {
_hash: {
spark: function(can, meta, target) {
meta[mdb.NAME] == html.INNER? can.onmotion.copy(can, target): can.page.Select(can, target, "kbd", function(item) { can.onmotion.copy(can, item, function(event) {
if (event.metaKey) {
if (can.base.beginWith(item.innerText, "open http")) { return can.user.open(can.core.Split(item.innerText)[1]) }
if (item.innerText.indexOf(web.HTTP) == 0) { return can.user.open(item.innerText) }
if (item.innerText.indexOf("vim ") == 0) {
can.onappend._float(can, web.CODE_VIMER, can.misc.SplitPath(can, item.innerText.split(lex.SP)[1]))
} else {
meta.name == "shell" && can.onappend._float(can, web.CODE_XTERM, ["sh"])
}
}
}) })
},
},
auto: function(can, target) { var that = this; target = target||can._output
can.page.Select(can, target, wiki.STORY_ITEM, function(item) { var meta = item.dataset; meta.style && can.page.style(can, item, can.base.Obj(meta.style))
can.core.CallFunc(that._hash[meta.type]||that._hash[target.tagName], [can, meta, item])
})
can.page.Select(can, target, html.INPUT_BUTTON, function(target) {
if (target.value == target.name) { target.value = can.user.trans(can, target.name) }
})
},
},
scrollHold: function(can, cb, target) { target = target || can._output; var left = target.scrollLeft; cb(), target.scrollLeft = left },
scrollIntoView: function(can, target, margin, parent) { if (!target) { return }
margin = margin||0, parent = parent||target.parentNode
if (!parent) { return }
if (parent._scroll) { return } parent._scroll = true
var offset = (target.offsetTop-margin) - parent.scrollTop, step = offset < 0? -20: 20
if (Math.abs(offset) > 3000) { return parent.scrollTop = (target.offsetTop-margin), delete(parent._scroll) }
can.core.Timer({interval: 10, length: offset/step}, function() { parent.scrollTop += step }, function() { parent.scrollTop = (target.offsetTop-margin), delete(parent._scroll) })
},
clearFloat: function(can) {
var list = ["fieldset.input.float", "div.input.float", "div.carte.float", "div.toast.float"]; for (var i = 0; i < list.length; i++) {
if (can.page.Select(can, document.body, list[i], function(target) { return target._close? target._close(): can.page.Remove(can, target) }).length > 0) { return true }
}
},
clearCarte: function(can) {
can.page.SelectChild(can, document.body, "div.carte.float", function(target) { can.page.Remove(can, target) })
},
clearInput: function(can) { can.page.SelectChild(can, document.body, "div.input.float", function(target) { can.page.Remove(can, target) }) },
hidden: function(can, target, show) { target = target||can._target
if (!target.tagName && target.length > 0) { return can.core.List(target, function(target) { can.onmotion.hidden(can, target, show) }) }
return can.page.ClassList.set(can, target, html.HIDE, !show)? target._hide && target._hide(): target._show && target._show(), show
},
toggle: function(can, target, show, hide) { target = target||can._target
if (show === true) { return can.onmotion.hidden(can, target, true) } if (show === false) { return can.onmotion.hidden(can, target, false) }
var status = can.page.isDisplay(target); if (status? can.base.isFunc(hide) && hide(): can.base.isFunc(show) && show()) { return !status }
return can.onmotion.hidden(can, target, !status)
},
select: function(can, target, name, which, cb) { var old = can.page.SelectOne(can, target, name+".select")
can.base.isUndefined(which) || can.page.SelectChild(can, target, name, function(target, index) {
if (can.page.ClassList.set(can, target, html.SELECT, target == which || index == which || decodeURI(target.src) == which)) { can.base.isFunc(cb) && cb(target) }
}); return old
},
modify: function(can, target, cb, item) { var back = target.innerHTML, _target = target
if (back.length > 120 || back.indexOf(lex.NL) > -1) { return can.onmotion.modifys(can, target, cb) }
var ui = can.page.Appends(can, target, [{type: html.INPUT, value: target.innerText, style: {width: can.base.Max(target.offsetWidth-20, can.ConfWidth())}, onkeydown: function(event) { switch (event.key) {
case code.ENTER: target.innerHTML = event.target.value, event.target.value == back || cb(event, event.target.value.trim(), back); break
case code.ESCAPE: target.innerHTML = back; break
default: can.onkeymap.input(event, can)
} }, _init: function(target) { item && can.onappend.figure(can, item, target, function(event, value) {
can.base.isFunc(cb) && cb(event, value), _target.innerText = value
}), can.onmotion.focus(can, target), can.onmotion.delay(can, function() { target.click() }) }}])
},
modifys: function(can, target, cb, item) { var back = target.innerHTML
var ui = can.page.Appends(can, target, [{type: html.TEXTAREA, value: target.innerText, style: {
height: can.base.Min(target.offsetHeight-20, 60), width: can.base.Max(target.offsetWidth-20, can.ConfWidth()),
}, onkeydown: function(event) { switch (event.key) {
case code.ENTER: if (event.ctrlKey) { target.innerHTML = event.target.value, event.target.value == back || cb(event, event.target.value.trim(), back) } break
case code.ESCAPE: target.innerHTML = back; break
default: can.onkeymap.input(event, can)
} }, _init: function(target) { item && can.onappend.figure(can, item, target), can.onmotion.focus(can, target), can.onmotion.delay(can, function() { target.click() }) }}])
},
highlight: function(can, value, target) { can.page.Select(can, target||can._output, [html.TBODY, html.TR], function(tr) {
can.page.ClassList.set(can, tr, html.HIDDEN, can.page.Select(can, tr, html.TD, function(td) { td._text = td._text||td.innerText
if (td.innerText.indexOf(value) > -1) {
return td.innerHTML = td._text.replaceAll(value, "<span style='background-color:yellow;color:red;'>"+value+"</span>")
} else {
td.innerText = td._text
}
}).length == 0)
}) },
tableFilter: function(can, target, value) { can.page.Select(can, target, html.TR, function(tr, index) {
index > 0 && can.page.ClassList.set(can, tr, html.HIDDEN, can.page.Select(can, tr, html.TD, function(td) { if (td.innerText.toLowerCase().indexOf(value.toLowerCase()) > -1) { return td } }) == 0)
}) },
delayResize: function(can, target, key) {
can.page.Select(can, target, key, function(_target) {
_target.onload = function() { var width = _target.offsetWidth+2*html.PLUGIN_PADDING+10
can.page.style(can, target, html.WIDTH, width, html.LEFT, (window.innerWidth-width)/2, html.TOP, (window.innerHeight-_target.offsetHeight)/4)
}
})
},
delayLong: function(can, cb, interval, key) { can.onmotion.delay(can, cb, interval||300, key) },
delayOnce: function(can, cb, interval, list) {
if (!list) { var call = can.misc.fileLine(2), _call = "_delay_"+call.file+call.line; list = can[_call] = can[_call]||{} }
can.core.Item(list, function(key) { clearTimeout(list[key]._timer), delete(list[key]) })
var key = can.base.Time(null, "%H:%M:%S.%s"); list[key] = {}, list[key] = can.onmotion.delay(can, function() { list[key] && cb() }, interval)||{}
},
delay: function(can, cb, interval, key) {
if (!key) { if (interval === 0 || interval < 0) { return cb() }
return can.core.Timer(interval||30, cb)
}
can._delay_list = can._delay_list||shy({}, [])
var last = can._delay_list.meta[key]||0, self = can._delay_list.meta[key] = can._delay_list.list.push(cb)
return can.core.Timer(interval||30, function() { cb(self, last, can._delay_list.meta[key]) })
},
float: function(can) { var target = can._fields||can._target, sup = can._fields? can.sup: can
var height = can.base.Max(can.Conf("_height")||html.FLOAT_HEIGHT, can.page.height()-can.getHeaderHeight()-can.getFooterHeight()-2*html.PLUGIN_MARGIN), width = can.base.Max(can.Conf("_width")||html.FLOAT_WIDTH, can.page.width()-can.getRiverWidth()-2*html.PLUGIN_MARGIN)
sup.onimport.size(sup, height, width, false), can.onappend.style(can, html.FLOAT)
can.onmotion.resize(can, target, function(height, width) { sup.onimport.size(sup, height, width, false) }, can.getHeaderHeight(), can.getRiverWidth())
var left = can.page.width()-width-html.PLUGIN_MARGIN, top = can.page.height()-height-can.getFooterHeight()-html.PLUGIN_MARGIN
can.page.style(can, target, html.LEFT, left, html.TOP, top)
target.onclick = function(event) {
can.page.Select(can, document.body, html.FIELDSET_FLOAT, function(_target) {
can.page.style(can, _target, "z-index", _target == target? 9: 8)
})
}, target.click()
},
clear: function(can, target) { return can.page.Modify(can, target||can._output, ""), target },
filter: function(can, value, target) { target = target||can.ui.content||can._output
can.onmotion.delayOnce(can, function() {
var count = can.page.Select(can, target, html.TR, function(tr, index) {
if (!can.page.ClassList.set(can, tr, html.HIDE, index > 0 && tr.innerText.indexOf(value) == -1)) { return tr }
}).length
count += can.page.SelectChild(can, target, html.DIV_ITEM, function(target) {
if (!can.page.ClassList.set(can, target, html.HIDE, target.innerText.indexOf(value) == -1)) { return target }
}).length
can.user.toast(can, "filter out "+count+" lines")
}, 300)
},
cacheClear: function(can, key, target) {
if (key) { delete(can._cache_data[key]) } else { delete(can._cache_data) }
can.core.List(arguments, function(target, index) { if (index > 1 && target && target._cache) {
if (key) { delete(target._cache[key]) } else { delete(target._cache), delete(target._cache_key) }
} })
},
cache: function(can, next) { var list = can.base.getValid(can.base.Obj(can.core.List(arguments).slice(2)), [can._output])
var data = can._cache_data = can._cache_data||{}, old = list[0]._cache_key
var key = next(function(save) { if (old) { data[old] = save } }, function(hash, load) { var bak = data[hash]; if (bak) { load(bak) } return hash })
if (can.base.isArray(key)) { key = key.join(":") } if (key == old) { return true }
can.core.List(list, function(target) { target && target._cache_key && can.page.Cache(target._cache_key, target, target.scrollTop+1) })
return key && can.core.List(list, function(target) { if (!target) { return }
var pos = can.page.Cache(target._cache_key = key, target); if (pos) { target.scrollTo && target.scrollTo(0, pos-1); return target }
}).length > 0
},
share: function(event, can, input, args) { var _args = args; can.request(event, {submit: "共享"})
return can.user.input(event, can, input, function(args) { can.onengine.signal(can, chat.ONSHARE, can.request(event, {args: [mdb.TYPE, chat.FIELD].concat(_args||[], args||[])})) })
},
focus: function(can, target, value) { if (!target) { return } if (!can.base.isUndefined(value)) { target.value = value }
target.focus(), can.user.isMobile || can.onmotion.selectRange(target)
}, selectRange: function(target) { target && target.setSelectionRange && target.setSelectionRange(0, target.value.length) },
copy: function(can, target, cb) { target.title = "点击复制，或 Command + Click 打开应用", target.onclick = function(event) {
can.user.copy(event, can, target.innerText), can.base.isFunc(cb) && cb(event), can.onkeymap.prevent(event)
if (target.innerText.indexOf(ice.HTTP) == 0) { can.user.opens(target.innerText) }
} },
hide: function(can, time, cb, target) { target = target||can._target, can.page.style(can, target, html.OPACITY, 1)
time = can.base.isObject(time)? time: {value: 10, length: time||20}
can.core.Timer(time, function(event, value, index) { can.page.style(can, target, html.OPACITY, 1-(index+1)/time.length) },
function() { can.base.isFunc(cb) && cb(), can.page.style(can, target, html.DISPLAY, html.NONE) })
},
show: function(can, time, cb, target) { target = target||can._target, can.page.style(can, target, html.OPACITY, 0, html.DISPLAY, html.BLOCK)
time = can.base.isObject(time)? time: {interval: 10, length: time||30}
can.core.Timer(time, function(event, value, index) { can.page.style(can, target, html.OPACITY, (index+1)/time.length) }, cb)
},
move: function(can, target, layout) { layout && can.page.style(can, target, layout), can.onmotion.resize(can, target, function() {}) },
resize: function(can, target, cb, top, left, parent) { var begin, action
if (!parent) { top = top || can.getHeaderHeight(), left = left || can.getRiverWidth() }
target.onmousedown = function(event) {
if (event.which != 1 || event.target != target && !can.page.tagis(event.target, "div.action", "div.status", "div._space")) { return } window._mousemove = target
begin = {left: target.offsetLeft, top: target.offsetTop, height: target.offsetHeight, width: target.offsetWidth, x: event.x, y: event.y}
}, target.onmouseup = function(event) { begin = null, delete(window._mousemove) }
target.onmousemove = function(event) {
var height = window.innerHeight, width = window.innerWidth
if (parent) { height = parent.offsetHeight, width = parent.offsetWidth }
if (begin) { var dy = event.y - begin.y, dx = event.x - begin.x
switch (action) {
case html.LEFT: can.page.style(can, target, html.LEFT, can.base.Min(begin.left + dx, left||0, width-target.offsetWidth)), dx = -dx
case html.RIGHT: cb? cb(begin.height, begin.width + dx): can.page.style(can, target, html.WIDTH, begin.width + dx); break
case html.TOP: can.page.style(can, target, html.TOP, can.base.Min(begin.top + dy, top||0, height-target.offsetHeight)), dy = -dy
case html.BOTTOM: cb? cb(begin.height + dy, begin.width): can.page.style(can, target, html.HEIGHT, begin.height + dy); break
default:
can.page.style(can, target,
html.LEFT, can.base.Min(begin.left + dx, left||0, width-target.offsetWidth),
html.TOP, can.base.Min(begin.top + dy, top||0, height-html.ACTION_HEIGHT)
)
} can.onkeymap.prevent(event)
} else { var p = can.page.position(event, target), margin = 10, cursor = ""
if (p.x < margin) { cursor = "ew-resize", action = html.LEFT
} else if (target.offsetWidth-margin < p.x) { cursor = "ew-resize", action = html.RIGHT
} else if (target.offsetHeight-margin < p.y || can.page.tagis(event.target, "div.status")) { cursor = "ns-resize", action = html.BOTTOM
} else if (p.y < margin) { cursor = "ns-resize", action = html.TOP
} else { cursor = event.target == target || can.page.tagis(event.target, "div._space")? "move": "", action = "" } can.page.style(can, target, "cursor", cursor)
}
}
},
orderShow: function(can, target, key, limit, delay) { if (can.user.isMobile) { return } target = target||can._output
if (!can.misc.Search(can, ice.MSG_DEBUG) == ice.TRUE) { return }
return
var list = can.page.SelectChild(can, target, key||html.DIV_ITEM, function(target) { can.page.style(can, target, html.VISIBILITY, html.HIDDEN); return target })
limit = limit||html.ORDER_SHOW_LIMIT, delay = delay||html.ORDER_SHOW_DELAY
can.core.Next(list, function(target, next, index) {
if (index < limit) {
can.page.style(can, target, html.VISIBILITY, ""), can.onmotion.delay(can, next, list.length > 3? delay/(index||1): 0)
} else {
can.core.List(list, function(target) { can.page.style(can, target, html.VISIBILITY, "") })
}
})
},
slideGrow: function(can, target) {
if (can.page.tagis(target, html.DIV) && can.page.ClassList.has(can, target, html.INPUT)) { return }
var height = target.offsetHeight, begin = 0; if (height < 50) { return } can.page.style(can, target, html.HEIGHT, 0)
can.core.Timer({interval: 10, length: height/10}, function(timer, interval, index, list) {
can.page.style(can, target, html.HEIGHT, begin += height/list.length)
}, function() { can.page.style(can, target, html.HEIGHT, "") })
},
slideIn: function(can) { var margin = 100
var target = can._target
can.page.style(can, target, html.LEFT, margin)
can.core.Timer({interval: 10, length: 30}, function(timer, interval, index, list) {
can.page.style(can, target, html.LEFT, margin-(index+1)*(margin/list.length))
}, function() {
can.onmotion.delay(can, function() { can._root.Action.onlayout._init(can) })
})
},
slideOut: function(can, cb) { var margin = 100
var target = can._target
if (can._output.innerHTML == "") { return can.page.Remove(can, target), cb && cb() }
can.core.Timer({interval: 10, length: 30}, function(timer, interval, index, list) {
can.page.style(can, target, html.LEFT, (index+1)*(margin/list.length))
}, function() {
can.page.Remove(can, target), cb && cb()
can.onmotion.delay(can, function() { can._root.Action.onlayout._init(can) })
})
},
slideAction: function(can, target) {
var action = can.page.Select(can, target.parentNode, html.DIV_ACTION)[0]
if (!action.innerHTML) { return }
var beginY, beginX, beginLeft, max = can.base.Max(action.offsetWidth, 240, 60)
target.addEventListener("touchstart", function(event) { max = can.base.Max(action.offsetWidth, 240, 60)
beginY = event.touches[0].clientY, beginX = event.touches[0].clientX, beginLeft = parseFloat(target.style.left)||0
})
target.addEventListener("touchmove", function(event) {
if (Math.abs(event.touches[0].clientY - beginY) > Math.abs(event.touches[0].clientX - beginX)) { return }
var left = event.touches[0].clientX - beginX + beginLeft; target._left = left
if (beginLeft == 0 && left > 0) { return }
if (left < 0 && left > -max) { can.page.style(can, event.currentTarget, {left: left}) }
can.onmotion.select(can, target.parentNode.parentNode, html.DIV_ITEM, target.parentNode)
can.onkeymap.prevent(event)
})
target.addEventListener("touchend", function(event) { var left = target._left
var msg = can.request(event)
if (event.currentTarget.offsetLeft < 0) {
if (msg.Option(ice.MSG_HANDLE) == ice.TRUE) { return } msg.Option(ice.MSG_HANDLE, ice.TRUE)
}
if (left < -max/2) {
can.page.style(can, event.currentTarget, {left: -max})
} else {
can.page.style(can, event.currentTarget, {left: 0})
}
can.page.Select(can, target.parentNode.parentNode, html.DIV_ITEM+">div.output", function(_target) {
if (_target != target) { can.page.style(can, _target, {left: 0}), _target._left = 0 }
})
})
},
touchAction: function(can, target) { target = target||can.ui.list||can.ui.output||can._output
var beginY = 0, beginX = 0, spanY = 0, spanX = 0, data
function direction() {
if (Math.abs(spanX) > Math.abs(spanY)) {
if (Math.abs(spanX) < 100) {
return "move"
} else if (spanX > 0) {
return "right"
} else {
return "left"
}
} else {
if (Math.abs(spanY) < 150) {
return "move"
} else if (spanY > 0) {
return "down"
} else {
return "up"
}
}
}
target.ontouchstart = function(event) {
beginY = event.touches[0].clientY, beginX = event.touches[0].clientX, spanY = 0, spanX = 0
}
target.ontouchmove = function(event) { var msg = can.request(event)
if (msg.Option(ice.MSG_HANDLE) == ice.TRUE) { return } msg.Option(ice.MSG_HANDLE, ice.TRUE)
spanY = event.touches[0].clientY-beginY, spanX = event.touches[0].clientX-beginX
if (Math.abs(spanX) > Math.abs(spanY)) { can.onkeymap.prevent(event) }
can.onaction.onslidemove(event, can, data = {beginX: beginX, beginY: beginY, spanX: spanX, spanY: spanY}, direction())
}
target.ontouchend = function(event) { var msg = can.request(event)
if (msg.Option(ice.MSG_HANDLE) == ice.TRUE) { return } msg.Option(ice.MSG_HANDLE, ice.TRUE)
data && can.onaction["onslide"+direction()](event, can, data, direction(), target)
}
},
})
Volcanos(chat.ONKEYMAP, {
_init: function(can, target) { target = target||document.body, can.onkeymap._build(can)
target.onkeydown = function(event) {
if (can.user.isWindows && event.ctrlKey) { can.onkeymap.prevent(event) }
if (can.page.tagis(event.target, html.SELECT, html.INPUT, html.TEXTAREA)) { return }
can.onengine.signal(can, "on"+event.type, can.request(event))
}, target.onkeyup = function(event) { target.onkeydown(event) }
},
_build: function(can) { can.core.Item(can.onkeymap._mode, function(mode, value) { var engine = {list: {}}
can.core.Item(value, function(key, cb) { var map = engine; for (var i = 0; i < key.length; i++) {
if (!map.list[key[i]]) { map.list[key[i]] = {list: {}} } map = map.list[key[i]]; if (i == key.length-1) { map.cb = cb }
} }), can.onkeymap._engine[mode] = engine
}) },
_parse: function(event, can, mode, target, list) { mode = mode||mdb.PLUGIN, target = target||can._output; if (!list) { list = target._key_list||[], target._key_list = list }
delete(event._msg)
var msg = can.request(event)
if (event.metaKey && !can.user.isWebview) { return list } if ([code.SHIFT, code.CONTROL, code.META, code.ALT].indexOf(event.key) > -1) { return list }
list.push(event.key); for (var pre = 0; pre < list.length; pre++) { if ("0" <= list[pre] && list[pre] <= "9") { continue } break }
var count = parseInt(list.slice(0, pre).join(""))||1, map = can.onkeymap._mode[mode]
function clear() { return target._key_list = [] }
function repeat(cb, count) { list = []; for (var i = 1; i <= count; i++) { if (can.core.CallFunc(cb, {event: event, can: can, target: target, count: count})) { break } } }
var cb = map && map[event.key.toLowerCase()]; if (can.base.isFunc(cb) && event.key.length > 1) { repeat(cb, count); return clear() }
var cb = map && map[event.key]; if (can.base.isFunc(cb) && event.key.length > 1) { repeat(cb, count); return clear() }
var map = can.onkeymap._engine[mode]; if (!map) { return clear() }
for (var i = pre; i < list.length; i++ ) { var map = map.list[list[i]]; if (!map) { return clear() }
if (i == list.length-1 && can.base.isFunc(map.cb)) { repeat(map.cb, count); return clear() }
} return list
},
_mode: {
insert: {
Escape: function(event, can, target) { if (event.key == code.ESCAPE) { target.blur() } },
Enter: function(event, can, target) { if (event.key != code.ENTER) { return }
var his = target._history||[]; his.push(target.value), target._history = his, target._current = his.length
can.page.tagis(event.target, html.INPUT) && can.onmotion.focus(can, target)
},
},
insert_ctrl: {
u: function(event, can, target) { can.onkeymap.deleteText(target, 0, target.selectionEnd) },
k: function(event, can, target) { can.onkeymap.deleteText(target, target.selectionStart) },
h: function(event, can, target) { can.onkeymap.deleteText(target, target.selectionStart-1, 1) },
d: function(event, can, target) { can.onkeymap.deleteText(target, 0, target.selectionStart) },
w: function(event, can, target) { var start = target.selectionStart-2, end = target.selectionEnd-1
for (var i = start; i >= 0; i--) {
if (target.value[end] == lex.SP && target.value[i] != lex.SP) { break }
if (target.value[end] != lex.SP && target.value[i] == lex.SP) { break }
} can.onkeymap.deleteText(target, i+1, end-i)
},
n: function(event, can, target) { var his = target._history||[], pos = target._current||0
pos = ++pos % (his.length+1), target._current = pos, target.value = his[pos]||""
},
p: function(event, can, target) { var his = target._history||[], pos = target._current||0
pos = --pos % (his.length+1); if (pos < 0) { pos = his.length } target._current = pos, target.value = his[pos]||""
},
},
}, _engine: {},
input: function(event, can) { can.onkeymap._parse(event, can, mdb.INSERT+(event.ctrlKey? "_ctrl": ""), event.target) },
prevent: function(event) { event && (event.stopPropagation(), event.preventDefault()); return true },
cursorMove: function(target, count, begin) {
if (begin != undefined) { if (begin < 0) { begin += target.value.length+1 } target.setSelectionRange(begin, begin) }
return count == undefined || target.setSelectionRange(target.selectionStart+count, target.selectionStart+count), target.selectionStart
},
insertText: function(target, text) { var start = target.selectionStart
var left = target.value.slice(0, target.selectionStart), rest = target.value.slice(target.selectionEnd)
return target.value = left+text+rest, target.setSelectionRange(start+text.length, start+text.length)
},
deleteText: function(target, start, count) {
var end = count? start+count: target.value.length, cut = target.value.slice(start, end)
target.value = target.value.substring(0, start)+target.value.substring(end, target.value.length)
return target.setSelectionRange(start, start), cut
},
selectCtrlN: function(event, can, target, key, cb) { if (!event.ctrlKey || event.key < "0" || event.key > "9") { return }
return can.page.Select(can, target, key, function(target, index) { if (index+1 == event.key) { return cb? cb(target): target.click() } })[0]
},
selectItems: function(event, can, target, name) { name = (name||event.target.value).toLowerCase()
can.page.Select(can, target, html.DIV_ITEM, function(item) {
if (!can.page.ClassList.set(can, item, html.HIDE, item.innerText == "" || item.innerText.toLowerCase().indexOf(name) == -1)) {
for (item = item.parentNode; item != target; item = item.parentNode) {
can.page.ClassList.del(can, item, html.HIDE), can.page.ClassList.del(can, item.previousSibling, html.HIDE)
can.page.Select(can, item.previous, "div.expand", function(item) { can.page.ClassList.add(can, item, "open") })
}
}
}), can.onkeymap.selectCtrlN(event, can, target, html.DIV_ITEM+":not(.hide)", function(target) {
target.click(), can.onmotion.focus(can, event.target)
})
if (event.key == code.ENTER) { can.page.Select(can, target, html.DIV_ITEM+":not(.hide)")[0].click(), can.onmotion.focus(can, event.target) }
if (event.key == code.ESCAPE) { event.target.blur() }
},
selectInputs: function(event, can, cb, target) { if (can.page.ismodkey(event)) { return } if (event.key == code.ESCAPE) { return target.blur() }
if (event.ctrlKey || can.base.isIn(event.key, "Tab", "ArrowUp", "ArrowDown")) { if (can.base.isUndefined(target._index)) { target._index = -1, target._value = target.value }
function select(order) { if (order == -1) { target.value = target._value }
var index = 0; return can.page.Select(can, can._output, [html.TBODY, html.TR], function(tr) { if (can.page.ClassList.has(can, tr, html.HIDDEN)) { return }
can.page.ClassList.del(can, tr, html.SELECT); if (order == index++) { can.page.ClassList.add(can, tr, html.SELECT)
can.page.Select(can, tr, html.TD, function(td, index) { index == 0 && (target.value = td.innerText) })
} return tr
}).length
}
var total = select(target._index), key = event.key; if (event.key == code.TAB) { key = event.shiftKey? "p": "n" } switch (key) {
case "ArrowDown":
case "n": select(target._index = (target._index+2) % (total+1) - 1); break
case "ArrowUp":
case "p": select(target._index = (target._index+total+1) % (total+1) - 1); break
default: return
} return can.Status(mdb.INDEX, target._index), can.onkeymap.prevent(event)
}
if (can.page.Select(can, can._output, html.DIV_ITEM, function(tr, index) {
can.onmotion.hidden(can, tr, tr.innerText.indexOf(target.value) > -1)
return tr
}).length > 0) { return }
can.page.Select(can, can._output, [html.TBODY, html.TR], function(tr, index) { var has = false
can.page.Select(can, tr, html.TD, function(td) { has = has || td.innerText.indexOf(target.value)>-1 }), can.page.ClassList.set(can, tr, html.HIDDEN, !has)
}), target._index = -1, target._value = target.value
var total = can.page.Select(can, can._output, [html.TBODY, html.TR], function(tr) { if (!can.page.ClassList.has(can, tr, html.HIDDEN)) { return tr } }).length
can.Status(kit.Dict(mdb.TOTAL, total, mdb.INDEX, target._index))
total == 0 && can.base.isFunc(cb) && cb()
},
selectOutput: function(event, can) { if (!event.ctrlKey || event.key < "0" || event.key > "9") { return }
event.key == "0"? can.onimport.back(event, can): can.page.Select(can, can._output, html.TR, function(tr, index) { if (index == event.key) {
var head = can.page.Select(can, can._output, html.TH, function(th, order) { return th.innerText }), data = {}
can.page.Select(can, tr, html.TD, function(td, index) { data[head[index]] = td.innerText, can.Option(head[index], td.innerText) })
can.onexport.record(can, "", "", data) || can.Update(event)
} })
},
})
Reference in New Issue View Git Blame Copy Permalink