mirror of
https://shylinux.com/x/volcanos
synced 2025-04-26 01:04:06 +08:00
182 lines
8.2 KiB
JavaScript
182 lines
8.2 KiB
JavaScript
Volcanos(chat.ONAPPEND, {help: "渲染引擎",
|
|
parse: function(can, list, target, keys, data, type) { target = target||can._output, data = data||{}
|
|
if (!list) { return } else if (can.base.isArray(list)) {
|
|
return can.core.List(list, function(meta, index) {
|
|
return can.onappend.parse(can, meta, target, keys, data, type)
|
|
})
|
|
|
|
} else if (can.base.isString(list)) {
|
|
var ls = can.core.Split(list, "", ":=@"); if (ls.length == 1) {
|
|
var meta = type? {type: type, name: ls[0]}: {type: ls[0]}
|
|
} else {
|
|
var meta = {name: ls[0]}; for (var i = 1; i < ls.length; i += 2) { switch (ls[i]) {
|
|
case ":": meta.type = ls[i+1]; break
|
|
case "=": meta.value = ls[i+1]; break
|
|
case "@": meta.action = ls[i+1]; break
|
|
} }
|
|
}
|
|
|
|
} else if (can.base.isObject(list)) { var meta = list }
|
|
|
|
keys = can.core.Keys(keys, meta.name||meta.type)
|
|
var item = {view: meta.type}, init, subtype; switch (meta.type) {
|
|
case html.HEAD: subtype = "menu", data = {}
|
|
init = function(target) { data.head = target
|
|
can.page.ClassList.add(can, target, html.LAYOUT)
|
|
}
|
|
break
|
|
case html.LEFT: subtype = "item"
|
|
init = function(target) {
|
|
can.page.ClassList.add(can, target, html.LAYOUT)
|
|
can.core.Timer(10, function() { var height = target.parentNode.offsetHeight
|
|
can.page.Select(can, target.parentNode, can.page.Keys(html.DIV_LAYOUT_HEAD, html.DIV_LAYOUT_FOOT), function(item) {
|
|
height -= item.offsetHeight
|
|
}), can.page.style(can, target, html.HEIGHT, height)
|
|
})
|
|
}
|
|
break
|
|
case html.MAIN:
|
|
init = function(target) { data.main = target
|
|
can.page.ClassList.add(can, target, html.LAYOUT)
|
|
can.core.Timer(10, function() { var height = target.parentNode.offsetHeight
|
|
can.page.Select(can, target.parentNode, can.page.Keys(html.DIV_LAYOUT_HEAD, html.DIV_LAYOUT_FOOT), function(item) {
|
|
height -= item.offsetHeight
|
|
}), can.page.style(can, target, html.HEIGHT, height)
|
|
})
|
|
|
|
can.core.Timer(100, function() {
|
|
var width = target.parentNode.offsetWidth
|
|
can.page.Select(can, target.parentNode, html.DIV_LAYOUT_LEFT, function(item) {
|
|
width -= item.offsetWidth+1
|
|
}), can.page.style(can, target, html.WIDTH, width)
|
|
})
|
|
|
|
}
|
|
break
|
|
case html.FOOT:
|
|
init = function(target) { data.foot = target
|
|
can.page.ClassList.add(can, target, html.LAYOUT)
|
|
}
|
|
break
|
|
case html.TABS:
|
|
item.list = [{view: "name"}, {view: html.PAGE}], item._init = function(_target, ui) {
|
|
can.page.Append(can, ui.page, [{view: html.INPUT, list: [{type: html.INPUT, onkeyup: function(event) {
|
|
can.page.Select(can, _target, [html.DIV_PAGE, html.DIV_ITEM], function(item) {
|
|
can.page.ClassList.set(can, item, html.HIDE, item.innerText.indexOf(event.target.value) == -1)
|
|
})
|
|
}}]}])
|
|
can.core.List(meta.list, function(item, index) {
|
|
can.page.Append(can, ui.name, [{view: [html.ITEM, html.DIV, item.name||item], onclick: function(event) {
|
|
can.onmotion.select(can, _target, [[html.DIV_PAGE, html.DIV_LIST]], index)
|
|
can.onmotion.select(can, ui.name, html.DIV_ITEM, index)
|
|
ui.page.scrollTo(0, 0)
|
|
}}])
|
|
can.page.Append(can, ui.page, [{view: [html.ITEM, html.DIV, item.name], onclick: function(event) {
|
|
can.page.ClassList.neg(can, event.target.nextSibling, html.SELECT)
|
|
can.onmotion.select(can, ui.name, html.DIV_ITEM, index)
|
|
}}, {view: [html.LIST], _init: function(target) {
|
|
can.onappend.parse(can, item.list, target, can.core.Keys(keys, item.name), data, html.ITEM)
|
|
}}])
|
|
})
|
|
can.core.Timer(100, function() { var height = target.offsetHeight
|
|
can.page.style(can, ui.page, html.HEIGHT, height-10-(meta.style? 0: ui.name.offsetHeight))
|
|
can.page.style(can, _target, html.HEIGHT, height-10)
|
|
}), can.page.Select(can, ui.name, html.DIV_ITEM)[0].click()
|
|
}
|
|
break
|
|
case aaa.USERNAME:
|
|
can.page.Append(can, target, [
|
|
can.base.Copy({view: [aaa.USERNAME, html.DIV], onclick: function(event) {
|
|
}, list: [{view: ["some", html.DIV, can.user.info.usernick]}, {img: can.user.info.avatar}]})])
|
|
return
|
|
}
|
|
|
|
item._init = item._init||function(target) {
|
|
meta.list && can.onappend.parse(can, meta.list, target, keys, data, type||subtype)
|
|
can.base.isFunc(init) && init(target), can.base.isFunc(meta.init) && meta.init(target)
|
|
}
|
|
if (can.base.isString(meta.style)) { item.className = meta.style }
|
|
if (can.base.isObject(meta.style)) { item.style = meta.style }
|
|
|
|
if ((meta.type||type) == html.MENU) {
|
|
can.page.Append(can, target, [can.base.Copy({view: [html.MENU, html.DIV, meta.name||meta], onclick: function(event) {
|
|
if (meta.list && meta.list.length > 0) { return }
|
|
can.onengine.signal(can, meta.name) || can.onengine.signal(can, html.MENU, can.request(event, {item: meta.name}))
|
|
}, onmouseenter: function(event) {
|
|
meta.list && meta.list.length > 0 && can.user.carte(event, can, {}, meta.list, function(event, item) {
|
|
can.onengine.signal(can, item) || can.onengine.signal(can, meta.name, can.request(event, {item: item}))
|
|
})
|
|
}})]).first
|
|
return
|
|
}
|
|
if ((type||subtype) == html.ITEM) { item.view = item.view||html.LIST
|
|
if (meta.action == "auto") {
|
|
meta.init = meta.init||function(item) { can.core.Timer(100, function() { item.click() }) }
|
|
}
|
|
if (decodeURIComponent(location.hash) == "#"+can.core.Keys(keys, item.name)) {
|
|
meta.init = meta.init||function(item) { can.core.Timer(300, function() { item.click() }) }
|
|
}
|
|
|
|
var _item = can.page.Append(can, target, [can.base.Copy({view: [html.ITEM, html.DIV, meta.name||meta], onclick: function(event) {
|
|
var url = can.misc.MergeURL(can, {pod: can.misc.Search(can, "pod"), cmd: meta.index})
|
|
if (meta.action == "push") { return can.user.jumps(url) }
|
|
if (meta.action == "open") { return can.user.open(url) }
|
|
location.hash = can.core.Keys(keys, item.name)
|
|
|
|
switch (meta.type) {
|
|
case html.PLUGIN:
|
|
if (can.onmotion.cache(can, function() { return keys }, data.main)) { break }
|
|
if (can.base.Ext(meta.index) == nfs.ZML || can.base.Ext(meta.index) == nfs.IML) {
|
|
can.page.Append(can, data.main, [{type: html.IFRAME, src: "/chat/cmd/"+meta.index,
|
|
height: data.main.offsetHeight, width: data.main.offsetWidth,
|
|
}])
|
|
break
|
|
}
|
|
|
|
can.onappend.plugin(can, {index: meta.index, args: can.base.Obj(meta.args)}, function(sub) {
|
|
sub.ConfHeight(data.main.offsetHeight-160)
|
|
sub.run = function(event, cmds, cb, silent) {
|
|
can.page.style(can, sub._output, html.MAX_WIDTH, sub.ConfWidth(data.main.offsetWidth-40))
|
|
can.runActionCommand(event, sub._index||meta.index, cmds, function(msg) {
|
|
cb(msg), can.core.Timer(10, function() {
|
|
can.page.style(can, sub._table, html.MAX_HEIGHT, data.main.offsetHeight-150)
|
|
})
|
|
})
|
|
}
|
|
}, data.main)
|
|
default:
|
|
meta.list && can.onmotion.toggle(can, event.target.nextSibling)
|
|
}
|
|
}})]).first; can.core.ItemCB(meta, function(key, cb) { _item[key] = can.base.isFunc(cb)? cb: function(event) {
|
|
can.onengine.signal(can, cb, can.request(event))
|
|
} })
|
|
can.core.Timer(10, function() { meta.init && meta.init(_item) })
|
|
if (!meta.list) { return }
|
|
}
|
|
return can.page.Append(can, target, [item]).first
|
|
},
|
|
_parse: function(can, text) { var stack = [{_deep: -1, list: []}]
|
|
can.core.List(can.core.Split(text, ice.NL, ice.NL, ice.NL), function(line) { if (line == "") { return }
|
|
var deep = 0; for (var i = 0; i < line.length; i++) { if (line[i] == ice.SP) { deep++ } else if (line[i] == ice.TB) { deep += 4 } else { break } }
|
|
for (var i = stack.length-1; i > 0; i--) { if (deep <= stack[i]._deep) { stack.pop() } }
|
|
|
|
var item = {_deep: deep, list: []}; var list = stack[stack.length-1]; list.list.push(item); if (deep > list._deep) { stack.push(item) }
|
|
var ls = can.core.Split(line); switch (ls[0]) {
|
|
case html.HEAD:
|
|
case html.LEFT:
|
|
case html.MAIN:
|
|
case html.FOOT:
|
|
case html.TABS:
|
|
case aaa.USERNAME:
|
|
case html.MENU: item.type = ls[0]; break
|
|
default: item.name = ls[0]; break
|
|
}
|
|
for (var i = 1; i < ls.length; i += 2) { can.core.Value(item, ls[i], ls[i+1])
|
|
if (ls[i] == ctx.INDEX) { item.type = item.type||html.PLUGIN }
|
|
}
|
|
})
|
|
return {type: "demo", style: {height: can.ConfHeight()||can._root._height}, list: stack[0].list}
|
|
},
|
|
})
|
|
|