mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 08:48:06 +08:00
189 lines
15 KiB
JavaScript
189 lines
15 KiB
JavaScript
Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) { can.onmotion.clear(can, target)
|
|
if (can.Mode() == html.ZONE) { return can.onimport._vimer_zone(can, msg, target) }
|
|
var cbs = can.onimport[can.Conf(ctx.STYLE)||msg.Option(ctx.STYLE)]; if (can.base.isFunc(cbs)) {
|
|
can.onappend.style(can, can._args[ctx.STYLE], target), can.core.CallFunc(cbs, {can: can, msg: msg, target: target})
|
|
} else {
|
|
can.onappend.table(can, msg, null, target), can.onappend.board(can, msg, target), can.onmotion.story.auto(can, target)
|
|
}
|
|
},
|
|
card: function(can, msg, target) { can.page.Appends(can, target||can._output, msg.Table(function(value) {
|
|
return {view: [[html.ITEM, value.status]], list: [{view: [wiki.TITLE, html.DIV, value.name]}, {view: [wiki.CONTENT, html.DIV, value.text]},
|
|
{view: html.ACTION, inner: value.action, onclick: function(event) { can.run(can.request(event, value), [ctx.ACTION, event.target.name]) }},
|
|
]}
|
|
})), can.onlayout.expand(can, can._output, 320) },
|
|
_vimer_zone: function(can, msg, target) { msg.Table(function(value) { var action = []
|
|
can.page.Select(can, can.page.Create(can, html.DIV, value.action), html.INPUT, function(target) {
|
|
action.push(target.name), target.name != target.value && can.user.trans(can, kit.Dict(target.name, target.value))
|
|
})
|
|
can.onimport.item(can, {name: can.page.Color(value[can.Conf(mdb.FIELD)||mdb.VIEW]||value[mdb.NAME]||value[mdb.TEXT]||value[mdb.TYPE]), title: value[mdb.TEXT]}, function(event) {
|
|
can.sup.onexport.record(can, value.name, mdb.NAME, value, event)
|
|
}, function() { return shy(action, function(event, button, meta, carte) { can.misc.Event(event, can, function(msg) { carte.close()
|
|
can.sup.onexport.action(can, button, value) || can.run(event, [ctx.ACTION, button], function(msg) { can.sup.onimport._process(can.sup, msg) || can.Update() })
|
|
}, value) }) })
|
|
}) },
|
|
_zone: function(can, zone, index, cb, field) { zone._delay_init = function() { can.onimport.plug(can, {index: index, style: html.OUTPUT, mode: mdb.ZONE, field: field}, function(sub) {
|
|
sub.run = function(event, cmds, cb) { can.runActionCommand(can.request(event, {mode: mdb.ZONE}), index, cmds, cb) }
|
|
zone._icon(kit.Dict(
|
|
can.page.unicode.refresh, function(event) { sub.Update(event) },
|
|
"+", function(event) { sub.Update(event, [ctx.ACTION, mdb.CREATE]) },
|
|
"=", function() { can.onimport.tabview(can, "", sub._index, ctx.INDEX) },
|
|
))
|
|
var action = can.core.List(sub.Conf(ctx.INPUTS), function(item) { if (item.type == html.BUTTON && [ice.LIST, ice.BACK].indexOf(item.name) == -1) { return item.name } })
|
|
sub.onexport.output = function(_sub, msg) { zone._total(msg.Length()), cb(sub, msg)
|
|
zone._menu = shy({_trans: sub._trans}, action.concat(can.base.Obj(msg.Option(ice.MSG_ACTION), [])), function(event, button, meta, carte) {
|
|
sub.Update(event, [ctx.ACTION, button]), carte.close()
|
|
}), can.user.toastSuccess(can)
|
|
}, zone._target = sub._target, can.ui.zone[zone.name].refresh = function() { sub.Update() }
|
|
}, zone._target) } },
|
|
zone: function(can, list, target) {
|
|
return can.page.Append(can, target, can.core.List(list, function(zone) { can.base.isString(zone) && (zone = {name: zone}); if (!zone) { return }
|
|
zone._layout = function() { var height = target.offsetHeight, count = 0
|
|
can.page.SelectChild(can, target, "", function(target) {
|
|
can.page.SelectChild(can, target, html.DIV_ITEM, function(target) { height -= target.offsetHeight })
|
|
can.page.SelectChild(can, target, html.DIV_ACTION, function(target) { height -= target.offsetHeight })
|
|
can.page.SelectChild(can, target, html.DIV_LIST, function(target) { count += can.page.isDisplay(target)? 1: 0 })
|
|
})
|
|
count && can.page.SelectChild(can, target, "", function(target) {
|
|
can.page.SelectChild(can, target, html.DIV_LIST, function(target) {
|
|
can.page.style(can, target, html.HEIGHT, can.page.isDisplay(target)? height/count: "")
|
|
})
|
|
})
|
|
}
|
|
return {view: [[html.ZONE, zone.name]], list: [
|
|
{view: html.ITEM, inner: can.user.trans(can, zone.name), _init: function(target) { zone._legend = target }, onclick: function() {
|
|
if (zone._delay_init) { zone._delay_init(zone._target, zone), delete(zone._delay_init) }
|
|
can.onmotion.toggle(can, zone._action), can.onmotion.toggle(can, zone._action.nextSibling||zone._target), zone._toggle && zone._toggle()
|
|
}, oncontextmenu: function(event) { var menu = zone._menu
|
|
menu? can.user.carteRight(event, can, menu.meta, menu.list||can.core.Item(menu.meta), can.base.isFunc(menu)? menu: function(event, button, meta, carte) {
|
|
can.runAction(event, button), carte.close()
|
|
}): can.onmotion.clearCarte(can)
|
|
}},
|
|
{view: html.ACTION, _init: function(target) { zone._action = target
|
|
can.onappend._action(can, [{type: html.TEXT, name: mdb.SEARCH, _init: function(target) { zone._search = target }, onkeyup: function(event) {
|
|
if (event.target.value == "") { can.page.Select(can, zone._target, html.DIV_EXPAND, function(target) { can.page.ClassList.del(can, target, cli.OPEN) }) }
|
|
can.page.Select(can, zone._target, html.DIV_LIST, function(item) { can.onmotion.toggle(can, item, event.target.value != "") })
|
|
can.onmotion.delayOnce(can, function() { can.onkeymap.selectItems(event, can, zone._target) }, event.target.value.length<3? 500: 150)
|
|
}}], target, {})
|
|
}},
|
|
{view: html.LIST, _init: function(target) { can.ui.zone = can.ui.zone||{}, can.ui.zone[zone.name] = zone, zone._target = target
|
|
zone._total = function(total) { return can.page.Modify(can, zone._search, {placeholder: "search in "+total+" items"}), total }
|
|
zone._icon = function(list) { can.page.Select(can, zone._legend, html.SPAN_ICON, function(target) { can.page.Remove(can, target) })
|
|
can.core.Item(list, function(name, button) { can.onimport._icon(can, name, button, zone._legend) })
|
|
}
|
|
zone.refresh = function() { can.onmotion.clear(can, target), zone._init(target, zone) }
|
|
can.base.isFunc(zone._init) && (zone._menu = zone._init(target, zone)||zone._menu)
|
|
if (zone._delay_init) { can.onmotion.hidden(can, zone._action), can.onmotion.hidden(can, zone._target) }
|
|
}},
|
|
]}
|
|
}))
|
|
},
|
|
_icon: function(can, name, button, target) { can.page.Append(can, target, [{text: [can.page.unicode[name]||name, html.SPAN, html.ICON], onclick: function(event) {
|
|
can.base.isFunc(button)? button(event, button): can.onaction[button](event, can, button), can.onkeymap.prevent(event)
|
|
}}]) },
|
|
icon: function(can, msg, target, cb) { return msg.Table(function(value) { value.icon = can.misc.PathJoin(value.icon||can.page.drawText(can, value.name, 80))
|
|
return can.page.Append(can, target, [{view: html.ITEM, list: [{view: html.ICON, list: [{img: value.icon+(value.space? "?pod="+value.space: "")}]}, {view: [mdb.NAME, "", value.name]}], _init: function(target) {
|
|
cb && cb(target, value)
|
|
}, onclick: function(event) { can.sup.onexport.record(can.sup, value.name, mdb.NAME, value) }}])._target
|
|
}) },
|
|
tree: function(can, list, field, split, cb, target, node) { node = node||{"": target}
|
|
can.core.List(list, function(item) { item[field] && can.core.List(item[field].split(split), function(value, index, array) { if (!value) { return }
|
|
var last = array.slice(0, index).join(split), name = array.slice(0, index+1).join(split); if (node[name]) { return }
|
|
var ui = can.page.Append(can, node[last], [{view: html.ITEM, list: [
|
|
{view: [[html.EXPAND, item.expand? cli.OPEN: ""], html.DIV, (index==array.length-1? "": can.page.unicode.close)]},
|
|
{view: [mdb.NAME, html.DIV, value], _init: item._init},
|
|
], onclick: function(event) { if (node[name].childElementCount == 2) { node[name].firstChild.click() }
|
|
index < array.length - 1? can.page.ClassList.set(can, ui[html.EXPAND], cli.OPEN, !can.page.ClassList.neg(can, node[name], html.HIDE)): can.base.isFunc(cb) && cb(event, item)
|
|
}, oncontextmenu: function(event) { if (!item._menu) { return }
|
|
var menu = item._menu; can.user.carteRight(event, can, menu.meta, menu.list, menu)
|
|
}}, {view: [[html.LIST, item.expand? "": html.HIDE]]}]); node[name] = ui.list
|
|
}) }); return node
|
|
},
|
|
item: function(can, item, cb, cbs, target) { target = target||(can.ui && can.ui.project? can.ui.project: can._output)
|
|
var ui = can.page.Append(can, target, [{view: [html.ITEM, html.DIV, item.nick||item.name||item.zone], title: item.title, onclick: function(event) { can.onmotion.select(can, target, html.DIV_ITEM, event.target)
|
|
cb(event, event.target, event.target._list && can.onmotion.toggle(can, event.target._list))
|
|
}, oncontextmenu: function(event) {
|
|
if (can.base.isFunc(cbs)) { var menu = cbs(event, ui._target); if (menu) { can.user.carteRight(event, can, menu.meta, menu.list, menu) } return }
|
|
can.user.carteItem(event, can, item)
|
|
},
|
|
}]); return ui._target
|
|
},
|
|
itemlist: function(can, list, cb, cbs, target) {
|
|
return target._list = can.page.insertBefore(can, [{view: html.LIST, list: can.core.List(list, function(item) {
|
|
return {view: [html.ITEM, html.DIV, item.name], onclick: function(event) {
|
|
cb(event, item, event.target._list && can.page.ClassList.neg(can, event.target._list, html.HIDE))
|
|
}, oncontextmenu: function(event) { if (can.base.isFunc(cbs)) { var menu = cbs(event, ui._target); if (menu) { can.user.carteRight(event, can, menu.meta, menu.list, menu) } } }}
|
|
}) }], target.nextSibling, target.parentNode)
|
|
},
|
|
list: function(can, root, cb, target, cbs) { target = target||can._output
|
|
can.core.List(root.list, function(item) { var ui = can.page.Append(can, target, [{view: [html.ITEM, html.DIV, item.meta.name], onclick: function(event) {
|
|
can.base.isFunc(cb) && cb(event, item) || can.onmotion.toggle(can, ui.list), can.onmotion.select(can, target, html.DIV_ITEM, event.target)
|
|
}, _init: function(target) { if (item.meta.name == "_") { target.innerHTML = "", can.onappend.style(can, html.SPACE, target) }
|
|
cbs && cbs(target, item)
|
|
}}, {view: html.LIST}]); can.onimport.list(can, item, cb, ui.list, cbs) })
|
|
},
|
|
tabs: function(can, list, cb, cbs, action) { action = action||can._action; return can.page.Append(can, action, can.core.List(list, function(tabs) {
|
|
function close(target) { var next = target.nextSibling||target.previousSibling; if (!next) { return }
|
|
next.click(), can.onmotion.delay(can, function() { can.base.isFunc(cbs) && cbs(tabs), can.page.Remove(can, target) })
|
|
}
|
|
return {view: html.TABS, title: tabs.text, list: [{text: [tabs.name, html.SPAN, mdb.NAME]}, {icon: mdb.DELETE, onclick: function(event) {
|
|
close(tabs._target), can.onkeymap.prevent(event)
|
|
}}], onclick: function(event) {
|
|
can.onmotion.select(can, action, html.DIV_TABS, tabs._target), can.base.isFunc(cb) && cb(event, tabs)
|
|
}, _init: function(target) { var menu = tabs._menu||shy(); tabs._target = target, target._close = function() { close(target) }
|
|
can.page.Modify(can, target, {draggable: true, _close: function() { close(target) },
|
|
ondragstart: function(event) { action._drop = function(before) { before.parentNode == action && action.insertBefore(target, before) } },
|
|
ondragover: function(event) { event.preventDefault(), action._drop(event.target) },
|
|
oncontextmenu: function(event) { can.user.carte(event, can, kit.Dict(
|
|
"Close", function(event) { close(target) },
|
|
"Close Other", function(event) { can.page.SelectChild(can, action, html.DIV_TABS, function(target) { target == tabs._target || close(target) }) },
|
|
"Rename Tabs", function(event) { can.user.input(event, can, [mdb.NAME], function(list) {
|
|
can.page.Select(can, target, "span.name", function(target) { can.page.Modify(can, target, list[0]||tabs.name) })
|
|
}) }, menu.meta,
|
|
), ["Close", "Close Other", "Rename Tabs", ""].concat(can.base.getValid(menu.list, can.core.Item(menu.meta))), function(event, button, meta) { (meta[button]||menu)(event, button, meta) }) },
|
|
}), target.click()
|
|
}}
|
|
}))._target },
|
|
tool: function(can, list, cb, target, status) { target = target||can._output, status = status||can._status
|
|
can.core.List(list.reverse(), function(meta) { can.base.isString(meta) && (meta = {index: meta}), meta.mode = html.FLOAT
|
|
can.onimport.plug(can, meta, function(sub) { can.onmotion.hidden(can, sub._target), sub._legend._target = sub._target
|
|
status.appendChild(sub._legend), sub._legend.oncontextmenu = sub._legend.onclick, sub._legend.onclick = function(event) { can.misc.Event(event, can, function(msg) {
|
|
if (can.page.SelectOne(can, status, nfs.PT+html.SELECT, function(target) { can.onmotion.hidden(can, target._target), can.page.ClassList.del(can, target, html.SELECT); return target }) == sub._legend) { return }
|
|
sub.onimport.size(sub, can.ConfHeight()/2, (can.ConfWidth()-(can.ui && can.ui.project? can.ui.project.offsetWidth: 0))/2)
|
|
can.onmotion.select(can, status, html.LEGEND, sub._legend), can.onmotion.toggle(can, sub._target, true), sub.Focus()
|
|
if (sub._delay_init || meta.msg) { sub._delay_init = false, meta.msg = false, sub.Update() }
|
|
}) }, sub._delay_init = true, sub.onaction.close = function() { sub.select() }, sub.select = function() { return sub._legend.click(), sub }
|
|
sub.hidden = function() { can.onmotion.hidden(can, sub._target), can.page.ClassList.del(can, sub._legend, html.SELECT) }
|
|
sub.onaction._close = function() { can.page.Remove(can, sub._target), can.page.Remove(can, sub._legend) }
|
|
can.base.isFunc(cb) && cb(sub)
|
|
}, target)
|
|
})
|
|
},
|
|
plug: function(can, meta, cb, target, field) { if (!meta || !meta.index) { return }
|
|
meta.type = meta.type||html.PLUG, meta.name = meta.index, can.onappend.plugin(can, meta, function(sub) { sub.sup = can
|
|
sub.run = function(event, cmds, cb) {
|
|
if (can.page.Select(can, sub._option, "input[name=path]").length > 0 && sub.Option(nfs.PATH) == "") { sub.request(event, {path: nfs.PWD}) }
|
|
can.runActionCommand(can.request(event, can.Option()), meta.index, cmds, cb)
|
|
}, sub.onaction.close = function() { can.onmotion.hidden(can, target) }, can.base.isFunc(cb) && cb(sub)
|
|
}, target, field)
|
|
},
|
|
})
|
|
Volcanos(chat.ONLAYOUT, {
|
|
_init: function(can, height, width) { can.core.CallFunc([can.onimport, html.LAYOUT], {can: can, height: height, width: width}) },
|
|
simple: function(can, height, width) { can.onlayout._init(can, height, width) },
|
|
output: function(can, height, width) { can.onlayout._init(can, height, width) },
|
|
float: function(can, height, width) { can.onlayout._init(can, height, width) },
|
|
full: function(can, height, width) { can.onlayout._init(can, height, width) },
|
|
cmd: function(can, height, width) { can.onlayout._init(can, height, width)
|
|
can.page.style(can, can._output, html.MAX_HEIGHT, height||can.ConfHeight()||window.innerHeight-2*html.ACTION_HEIGHT)
|
|
can.page.style(can, can._output, html.MAX_WIDTH, width||can.ConfWidth()||window.innerWidth)
|
|
},
|
|
})
|
|
Volcanos(chat.ONEXPORT, {
|
|
title: function(can, title) { can.sup.onexport.title(can, title) },
|
|
table: function(can) { var msg = can._msg; if (msg.Length() == 0) { return }
|
|
var res = [msg.append && msg.append.join(mdb.FS)]; msg.Table(function(line, index, array) { res.push(can.core.Item(line, function(key, value) { return value }).join(ice.FS)) }); return res.join(lex.NL)
|
|
},
|
|
board: function(can) { var msg = can._msg; return msg.Result() },
|
|
session: function(can, key, value) { return can.misc[can.user.isWebview? "localStorage": "sessionStorage"](can, [can.Conf(ctx.INDEX), key, location.pathname].join(":"), JSON.stringify(value)) },
|
|
})
|