x/volcanos
1
0
Fork 1
mirror of https://shylinux.com/x/volcanos synced 2025-04-28 18:02:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

opt frame

Browse Source
This commit is contained in:
harveyshao 2022-01-27 16:07:14 +08:00
parent 46983dedc4
commit d85ad69278
4 changed files with 51 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
frame.js
View File

@ -6,7 +6,7 @@ Volcanos("onengine", {help: "搜索引擎", list: [], _init: function(can, meta,
if (can.user.isExtension) { Volcanos.meta.args = can.base.Obj(localStorage.getItem(ctx.ARGS), {}) } if (can.user.isExtension) { Volcanos.meta.args = can.base.Obj(localStorage.getItem(ctx.ARGS), {}) }
can.core.Next(list, function(item, next) { item.type = chat.PANEL can.core.Next(list, function(item, next) { item.type = chat.PANEL
can.onappend._init(can, can.base.Copy(item, can.core.Value(can._root, can.core.Keys(chat.RIVER, item.name))), item.list, function(panel) { can.onappend._init(can, can.base.Copy(item, can.core.Value(can._root, [chat.RIVER, item.name])), item.list, function(panel) {
panel.run = function(event, cmds, cb) { var msg = panel.request(event); cmds = cmds||[] panel.run = function(event, cmds, cb) { var msg = panel.request(event); cmds = cmds||[]
return (can.onengine[cmds[0]]||can.onengine._remote)(event, can, msg, panel, cmds, cb) return (can.onengine[cmds[0]]||can.onengine._remote)(event, can, msg, panel, cmds, cb)
}, can[item.name] = panel, panel._root = can, panel._trans = panel.onaction && panel.onaction._trans||{} }, can[item.name] = panel, panel._root = can, panel._trans = panel.onaction && panel.onaction._trans||{}
@ -80,7 +80,7 @@ Volcanos("onengine", {help: "搜索引擎", list: [], _init: function(can, meta,
}), }),
listen: shy("监听事件", {}, [], function(can, name, cb) { arguments.callee.meta[name] = (arguments.callee.meta[name]||[]).concat(cb) }), listen: shy("监听事件", {}, [], function(can, name, cb) { arguments.callee.meta[name] = (arguments.callee.meta[name]||[]).concat(cb) }),
signal: shy("触发事件", function(can, name, msg) { msg = msg||can.request() signal: shy("触发事件", function(can, name, msg) { msg = msg||can.request()
can.misc.Log("signal", name, name == chat.ONREMOTE? msg.Option("_msg"): msg can.misc.Log("signal", name, name == chat.ONREMOTE? msg.Option("_msg"): msg)
can.core.List(can.onengine.listen.meta[name], function(cb) { can.core.CallFunc(cb, {event: msg._event, msg: msg}) }) can.core.List(can.onengine.listen.meta[name], function(cb) { can.core.CallFunc(cb, {event: msg._event, msg: msg}) })
}), }),
}) })
@ -308,8 +308,8 @@ Volcanos("onappend", {help: "渲染引擎", list: [], _init: function(can, meta,
var br = input.type == html.TEXTAREA? [{type: html.BR, style: {clear: html.BOTH}}]: [] var br = input.type == html.TEXTAREA? [{type: html.BR, style: {clear: html.BOTH}}]: []
var title = can.Conf([ctx.FEATURE, chat.TITLE, item.name].join(ice.PT))||""; title && (input.title = title) var title = can.Conf([ctx.FEATURE, chat.TITLE, item.name].join(ice.PT))||""; title && (input.title = title)
return can.page.Append(can, target, ([{view: style||can.base.join([html.ITEM, item.type]), onkeydown: function(event) { return can.page.Append(can, target, ([{view: style||can.base.join([html.ITEM, item.type]), onkeydown: function(event) {
item.type == "textarea" && event.key == "Tab" && can.onkeymap.insertText(event.target, "\t") item.type == html.TEXTAREA && event.key == lang.TAB && can.onkeymap.insertText(event.target, "\t")
item.type == "text" && can.onkeymap.input(event, can), can.onmotion.selectField(event, can) item.type == html.TEXT && can.onkeymap.input(event, can), can.onmotion.selectField(event, can)
}, list: [input]}]).concat(br))[item.name] }, list: [input]}]).concat(br))[item.name]
}, },
table: function(can, msg, cb, target, sort) { table: function(can, msg, cb, target, sort) {
@ -324,25 +324,22 @@ Volcanos("onappend", {help: "渲染引擎", list: [], _init: function(can, meta,
sub.run = function(event, cmds, cb) { var msg = can.request(event, line, can.Option()) sub.run = function(event, cmds, cb) { var msg = can.request(event, line, can.Option())
can.run(event, can.misc.concat(can, [ctx.ACTION, ice.RUN, can.core.Keys(line["extra.ctx"], line["extra.cmd"])], cmds), cb, true) can.run(event, can.misc.concat(can, [ctx.ACTION, ice.RUN, can.core.Keys(line["extra.ctx"], line["extra.cmd"])], cmds), cb, true)
} }
}, target) }, target||can._output)
}
function run(cmds) { var msg = can.sup.request(event, line, can.Option())
return can.run(event, cmds, function(msg) { can.run() }, true)
} }
return {text: [value, html.TD], onclick: function(event) { var target = event.target return {text: [value, html.TD], onclick: function(event) { var target = event.target
if (target.tagName == "INPUT" && target.type == html.BUTTON) { var msg = can.sup.request(event, line, can.Option()) if (target.tagName == "INPUT" && target.type == html.BUTTON) { return run([ctx.ACTION, target.name]) }
return can.run(event, [ctx.ACTION, target.name], function(msg) { can.run() }, true)
}
if (key == mdb.HASH && can.user.mod.isDiv) { return can.user.jumps("/chat/div/"+value) } if (key == mdb.HASH && can.user.mod.isDiv) { return can.user.jumps("/chat/div/"+value) }
can.sup.onaction.change(event, can.sup, key, value) can.sup.onaction.change(event, can.sup, key, value)
}, ondblclick: function(event) { if ([mdb.KEY].indexOf(key) > -1) { return } }, ondblclick: function(event) { if ([mdb.KEY].indexOf(key) > -1) { return }
var item = can.core.List(can.Conf("feature.insert"), function(item) { var item = can.core.List(can.Conf("feature.insert"), function(item) { if (item.name == key) { return item } })[0]||{name: key, value: value}
if (item.name == key) { return item }
})[0]||{name: key, value: value}
item.run = function(event, cmds, cb) { can.run(can.request(event, line)._event, cmds, cb, true) } item.run = function(event, cmds, cb) { can.run(can.request(event, line)._event, cmds, cb, true) }
can.onmotion.modifys(can, event.target, function(event, value, old) { run([ctx.ACTION, mdb.MODIFY, key, value]) }, item)
can.onmotion.modifys(can, event.target, function(event, value, old) { var msg = can.sup.request(event, line, can.Option())
can.run(event, [ctx.ACTION, mdb.MODIFY, key, value], function(msg) { can.run() }, true)
}, item)
}} }}
}); table && can.page.Modify(can, table, {className: chat.CONTENT}) }); table && can.page.Modify(can, table, {className: chat.CONTENT})
return sort && can.page.RangeTable(can, table, sort), table return sort && can.page.RangeTable(can, table, sort), table
@ -358,15 +355,15 @@ Volcanos("onappend", {help: "渲染引擎", list: [], _init: function(can, meta,
}, },
_plugin: function(can, value, meta, cb, target) { _plugin: function(can, value, meta, cb, target) {
meta.feature = meta.feature||can.base.Obj(value.meta, {}) meta.feature = can.base.getValid(meta.feature, can.base.Obj(value.meta))||{}
meta.inputs = meta.inputs||can.base.Obj(value.list, []) meta.inputs = can.base.getValid(meta.inputs, can.base.Obj(value.list))||[]
meta.height = meta.height||can.Conf(html.HEIGHT) meta.height = meta.height||can.Conf(html.HEIGHT)
meta.width = meta.width||can.Conf(html.WIDTH) meta.width = meta.width||can.Conf(html.WIDTH)
meta.name = meta.name||value.name||chat.PLUGIN
meta.help = meta.help||value.help||chat.PLUGIN
meta.type = meta.type||chat.PLUGIN meta.type = meta.type||chat.PLUGIN
meta.name = meta.name||value.name
meta.help = meta.help||value.help
can.onappend._init(can, meta, [chat.PLUGIN_STATE_JS], function(sub, skip) { can.onappend._init(can, meta, [chat.PLUGIN_STATE_JS], function(sub, skip) {
sub.run = function(event, cmds, cb) { can.run(event, can.misc.concat(can, [ctx.ACTION, ice.RUN, meta.index], cmds), cb) } sub.run = function(event, cmds, cb) { can.run(event, can.misc.concat(can, [ctx.ACTION, ice.RUN, meta.index], cmds), cb) }
@ -388,21 +385,17 @@ Volcanos("onappend", {help: "渲染引擎", list: [], _init: function(can, meta,
var input = meta.action||mdb.KEY; input != ice.AUTO && can.require(["/plugin/input/"+input+".js"], function(can) { var input = meta.action||mdb.KEY; input != ice.AUTO && can.require(["/plugin/input/"+input+".js"], function(can) {
can.core.ItemCB(can.onfigure[input], function(key, on) { var last = target[key]; target[key] = function(event) { on(event, can, meta, function(cb) { can.core.ItemCB(can.onfigure[input], function(key, on) { var last = target[key]; target[key] = function(event) { on(event, can, meta, function(cb) {
can.sub? can.base.isFunc(cb) && cb(can.sub, cbs): can.onappend._init(can, {type: html.INPUT, name: input, pos: chat.FLOAT}, ["/plugin/input/"+input+".js"], function(sub) { sub.Conf(meta) can.sub? can.base.isFunc(cb) && cb(can.sub, cbs): can.onappend._init(can, {type: html.INPUT, name: input, pos: chat.FLOAT}, ["/plugin/input/"+input+".js"], function(sub) { sub.Conf(meta)
can.onmotion.hidden(can, sub._target)
sub.run = function(event, cmds, cb) { var msg = sub.request(event, can.Option()); (meta.run||can.run)(event, cmds, cb, true) }, can.sub = sub sub.run = function(event, cmds, cb) { var msg = sub.request(event, can.Option()); (meta.run||can.run)(event, cmds, cb, true) }, can.sub = sub
sub.close = function() { sub.page.Remove(sub, sub._target), delete(can.sub) } sub.close = function() { can.page.Remove(can, sub._target), delete(can.sub) }
sub.onappend._action(sub, [cli.CLOSE, cli.CLEAR, cli.REFRESH], sub._action, kit.Dict( can.onappend._action(sub, [cli.CLOSE, cli.CLEAR, cli.REFRESH], sub._action, kit.Dict(
cli.CLOSE, function(event) { sub.close() }, cli.REFRESH, function(event) { can.base.isFunc(cb) && cb(sub) },
cli.CLEAR, function(event) { target.value = "" }, cli.CLEAR, function(event) { target.value = "" },
cli.REFRESH, function(event) { can.base.isFunc(cb) && cb(sub) } cli.CLOSE, function(event) { sub.close() },
)), sub.onappend._status(sub, [mdb.TOTAL, mdb.INDEX]) )), can.onappend._status(sub, [mdb.TOTAL, mdb.INDEX])
meta.style && sub.page.Modify(sub, sub._target, {style: meta.style}) can.page.style(sub, sub._target, meta.style), can.onmotion.hidden(can, sub._target)
can.base.isFunc(cb) && cb(sub, function() { can.base.isFunc(cb) && cb(sub, function() { can.onmotion.hidden(can, sub._target, true), can.base.isFunc(cbs) && cbs(sub) })
can.onmotion.hidden(can, sub._target, true)
can.base.isFunc(cbs) && cbs(sub)
})
}, document.body) }, document.body)
}, target, last) } }) }, target, last) } })
}) })
@ -441,27 +434,24 @@ Volcanos("onappend", {help: "渲染引擎", list: [], _init: function(can, meta,
}, ui.output), can.onappend.board(can, msg.Result(), ui.output) }, ui.output), can.onappend.board(can, msg.Result(), ui.output)
return ui return ui
}, },
}, [], function(can) {}) })
Volcanos("onlayout", {help: "页面布局", list: [], _init: function(can, target) { target = target||document.body Volcanos("onlayout", {help: "页面布局", list: [], _init: function(can, target) { target = target||document.body
// var list = []; document.body.onresize = function() {
// can.core.Delay(list, 1000, function() { can.onlayout._init(can, target) })
// }
//
if (can.page.Select(can, target, html.FIELDSET_MAIN+".page").length > 0) { if (can.page.Select(can, target, html.FIELDSET_MAIN+".page").length > 0) {
can.page.Select(can, target, html.FIELDSET_LEFT, function(field, index) { can.page.Select(can, target, html.FIELDSET_LEFT, function(field, index) {
can.page.Modify(can, field, {style: {height: ""}}) can.page.styleHeight(can, field, "")
can.page.Select(can, target, [[html.FIELDSET_LEFT, html.DIV_OUTPUT]], function(output) { can.page.Select(can, target, [[html.FIELDSET_LEFT, html.DIV_OUTPUT]], function(output) {
can.page.Modify(can, output, {style: {height: ""}}) can.page.styleHeight(can, output, "")
}) })
}) })
can.page.Select(can, target, html.FIELDSET_MAIN, function(field, index) { can.page.Select(can, target, html.FIELDSET_MAIN, function(field, index) {
can.page.style(can, field, html.HEIGHT, "") can.page.styleHeight(can, field, "")
can.page.Select(can, target, [[html.FIELDSET_MAIN, html.DIV_OUTPUT]], function(output) { can.page.Select(can, target, [[html.FIELDSET_MAIN, html.DIV_OUTPUT]], function(output) {
can.page.style(can, output, html.HEIGHT, "") can.page.styleHeight(can, output, "")
}) })
}) })
return return
} }
var width = window.innerWidth, height = window.innerHeight var width = window.innerWidth, height = window.innerHeight
can.page.Select(can, target, can.page.Keys(html.FIELDSET_HEAD, html.FIELDSET_FOOT), function(field) { can.page.Select(can, target, can.page.Keys(html.FIELDSET_HEAD, html.FIELDSET_FOOT), function(field) {
height -= field.offsetHeight height -= field.offsetHeight
@ -469,22 +459,18 @@ Volcanos("onlayout", {help: "页面布局", list: [], _init: function(can, targe
can.page.Select(can, target, html.FIELDSET_LEFT, function(field, index) { can.page.Select(can, target, html.FIELDSET_LEFT, function(field, index) {
can.user.isMobile || (width -= field.offsetWidth) can.user.isMobile || (width -= field.offsetWidth)
can.page.Modify(can, field, {style: {height: height}}) can.page.styleHeight(can, field, height)
can.page.Select(can, target, [[html.FIELDSET_LEFT, html.DIV_OUTPUT]], function(output) { can.page.Select(can, target, [[html.FIELDSET_LEFT, html.DIV_OUTPUT]], function(output) {
can.page.Modify(can, output, {style: {height: height-32}}) can.page.styleHeight(can, output, height-html.ACTION_HEIGHT)
}) })
}) })
can.page.Select(can, target, html.FIELDSET_MAIN, function(field, index) { can.user.isMobile || can.page.Select(can, target, html.FIELDSET_MAIN, function(field, index) {
if (can.user.isMobile) { can.page.style(can, field, html.HEIGHT, height, html.WIDTH, width-1)
can.page.style(can, field, "padding-top", can.user.isLandscape()? "0px": "") can.page.Select(can, target, [[html.FIELDSET_MAIN, html.DIV_OUTPUT]], function(output) {
} else { height -= can.page.Select(can, field, html.DIV_ACTION)[0].offsetHeight
can.page.style(can, field, html.HEIGHT, height, html.WIDTH, width-1) can.page.styleHeight(can, output, height)
can.page.Select(can, target, [[html.FIELDSET_MAIN, html.DIV_OUTPUT]], function(output) { })
height -= can.page.Select(can, field, html.DIV_ACTION)[0].offsetHeight
can.page.style(can, output, html.HEIGHT, height)
})
}
}) })
can.onengine.signal(can, chat.ONSIZE, can.request({}, {width: width, height: height})) can.onengine.signal(can, chat.ONSIZE, can.request({}, {width: width, height: height}))
@ -497,8 +483,7 @@ Volcanos("onlayout", {help: "页面布局", list: [], _init: function(can, targe
can.page.Modify(can, target||document.body, {style: {background: url == "" || url == "void"? "": 'url("'+url+'")'}}) can.page.Modify(can, target||document.body, {style: {background: url == "" || url == "void"? "": 'url("'+url+'")'}})
}, },
figure: function(event, can, target, right, layout) { target = target||can._target figure: function(event, can, target, right, layout) { target = target||can._target
if (layout) { return can.page.Modify(can, target, {style: layout}), can.onmotion.move(can, target, layout), layout } if (layout) { return can.page.style(can, target, layout), can.onmotion.move(can, target, layout), layout }
if (!event || !event.target || !event.clientX) { return {} } if (!event || !event.target || !event.clientX) { return {} }
var left = event.clientX-event.offsetX, top = event.clientY-event.offsetY+event.target.offsetHeight-5; if (right) { var left = event.clientX-event.offsetX, top = event.clientY-event.offsetY+event.target.offsetHeight-5; if (right) {
@ -514,7 +499,7 @@ Volcanos("onlayout", {help: "页面布局", list: [], _init: function(can, targe
if (top+target.offsetHeight>window.innerHeight-100) { if (top+target.offsetHeight>window.innerHeight-100) {
layout.bottom = window.innerHeight - event.clientY+event.offsetY, layout.top = "" layout.bottom = window.innerHeight - event.clientY+event.offsetY, layout.top = ""
} }
return can.page.Modify(can, target, {style: layout}), can.onmotion.move(can, target, layout), layout return can.page.style(can, target, layout), can.onmotion.move(can, target, layout), layout
}, },
display: function(can, target) { target = target||can._target display: function(can, target) { target = target||can._target
@ -534,24 +519,24 @@ Volcanos("onlayout", {help: "页面布局", list: [], _init: function(can, targe
]}] }]) ]}] }])
}, },
profile: function(can, target) { target = target||can._output profile: function(can, target) { target = target||can._output
var gt = "❯", lt = "❮", down = "˅", up = "˄"
function toggle(view) { function toggle(view) {
view._toggle? view._toggle(event, view.style.display == html.NONE): can.onmotion.toggle(can, view) view._toggle? view._toggle(event, view.style.display == html.NONE): can.onmotion.toggle(can, view)
return view.style.display == html.NONE return view.style.display == html.NONE
} }
var gt = "❯", lt = "❮", down = "˅", up = "˄"
var ui = can.page.Append(can, target, [{view: [chat.LAYOUT, html.TABLE], list: [ var ui = can.page.Append(can, target, [{view: [chat.LAYOUT, html.TABLE], list: [
{view: [chat.PROJECT, html.TD], list: [{view: [chat.PROJECT]}]}, {view: [chat.PROJECT, html.TD], list: [{view: [chat.PROJECT]}]},
{type: html.TD, list: [ {type: html.TD, list: [
{type: html.TR, list: [{type: html.TR, list: [ {type: html.TR, list: [{type: html.TR, list: [
{view: [chat.CONTENT, html.TD], list: [{view: [chat.CONTENT]}, {view: [chat.CONTENT, html.TD], list: [{view: [chat.CONTENT]},
{view: ["toggle project"], list: [{text: [gt, html.DIV]}], onclick: function(event) { {view: [[html.TOGGLE, chat.PROJECT]], list: [{text: [gt, html.DIV]}], onclick: function(event) {
event.target.innerHTML = toggle(can.ui.project)? gt: lt event.target.innerHTML = toggle(can.ui.project)? gt: lt
}}, }},
{view: ["toggle profile"], list: [{text: [lt, html.DIV]}], onclick: function(event) { {view: [[html.TOGGLE, chat.PROFILE]], list: [{text: [lt, html.DIV]}], onclick: function(event) {
event.target.innerHTML = toggle(can.ui.profile)? lt: gt event.target.innerHTML = toggle(can.ui.profile)? lt: gt
}}, }},
{view: ["toggle display"], list: [{text: [up, html.DIV]}], onclick: function(event) { {view: [[html.TOGGLE, chat.DISPLAY]], list: [{text: [up, html.DIV]}], onclick: function(event) {
event.target.innerHTML = toggle(can.ui.display)? up: down event.target.innerHTML = toggle(can.ui.display)? up: down
}}, }},
]}, ]},

3
lib/page.js
View File

@ -100,7 +100,8 @@ Volcanos("page", {help: "用户界面", ClassList: {
// 基本类型: view text button select input username password // 基本类型: view text button select input username password
// 基本类型: img row th td // 基本类型: img row th td
if (item.view) { var list = can.core.List(item.view) if (item.view) { var list = can.core.List(item.view)
list.length > 0 && list[0] && can.page.ClassList.add(can, data, list[0]) if (can.base.isArray(list[0])) { list[0] = list[0].join(ice.SP) }
list[0] && can.page.ClassList.add(can, data, list[0])
type = list[1]||html.DIV type = list[1]||html.DIV
data.innerHTML = list[2]||data.innerHTML||"" data.innerHTML = list[2]||data.innerHTML||""
name = name||list[3]||"" name = name||list[3]||""

6
plugin/local/code/inner.css
View File

@ -1,6 +1,8 @@
fieldset.inner>div.action { fieldset.inner>div.action {
float:none; display:block; float:none;
height:1.65em; overflow:auto; display:block;
/* height:1.65em; */
overflow:auto;
} }
fieldset.inner>div.action div.tabs { fieldset.inner>div.action div.tabs {
border:solid 2px red; padding:2px; border:solid 2px red; padding:2px;

1
proto.js
View File

@ -224,6 +224,7 @@ var html = {
SCROLL: "scroll", HEIGHT: "height", WIDTH: "width", LEFT: "left", TOP: "top", RIGHT: "right", BOTTOM: "bottom", SCROLL: "scroll", HEIGHT: "height", WIDTH: "width", LEFT: "left", TOP: "top", RIGHT: "right", BOTTOM: "bottom",
MAX_HEIGHT: "max-height", MAX_WIDTH: "max-width", MARGIN_X: "margin-x", MARGIN_Y: "margin-y", MAX_HEIGHT: "max-height", MAX_WIDTH: "max-width", MARGIN_X: "margin-x", MARGIN_Y: "margin-y",
PLUGIN_MARGIN: 10, ACTION_HEIGHT: 29, ACTION_MARGIN: 200, PLUGIN_MARGIN: 10, ACTION_HEIGHT: 29, ACTION_MARGIN: 200,
TOGGLE: "toggle",
WSS: "wss", SVG: "svg", CANVAS: "canvas", IFRAME: "iframe", CHROME: "chrome", WSS: "wss", SVG: "svg", CANVAS: "canvas", IFRAME: "iframe", CHROME: "chrome",
LIST: "list", ITEM: "item", MENU: "menu", NODE: "node", LIST: "list", ITEM: "item", MENU: "menu", NODE: "node",