x/volcanos
1
0
Fork 1
mirror of https://shylinux.com/x/volcanos synced 2025-04-25 16:58:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

opt inner.css

Browse Source
This commit is contained in:
harveyshao 2023-01-12 20:21:17 +08:00
parent 4a083e6b85
commit 20197d3317
24 changed files with 324 additions and 370 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
close.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 269 B

165
frame.js
View File

@ -17,11 +17,22 @@ Volcanos(chat.ONENGINE, {_init: function(can, meta, list, cb, target) {
can.onengine.listen(can, chat.ONSEARCH, function(msg, arg) { arg[0] == ctx.COMMAND && can.run(msg, ["can.command"]) }) can.onengine.listen(can, chat.ONSEARCH, function(msg, arg) { arg[0] == ctx.COMMAND && can.run(msg, ["can.command"]) })
can.onengine.signal(can, chat.ONMAIN, can.request()), can.base.isFunc(cb) && cb(can) can.onengine.signal(can, chat.ONMAIN, can.request()), can.base.isFunc(cb) && cb(can)
}) })
// can.onappend.topic(can, "dark", {topic: "#0d1117", plugin: "#030507", input: "#212121", output: "#0d1117", table: "#060709",
can.onappend.topic(can, "dark", {topic: "#0d1117", plugin: "#030507", input: "#212121", output: "#0d1117", table: "#030507", can.onappend.topic(can, "dark", {topic: "#0d1117", plugin: "#030507", input: "#212121", output: "#0d1117", table: "#030507",
hover: "#3f3f46", border: "#3a3f47", label: "#c9d1d9", text: "white", warn: "red", notice: "blue"}), hover: "#3f3f46", border: "#3a3f47", label: "#c9d1d9", text: "white", warn: "red", notice: "blue"}),
can.onappend.topic(can, "light", {topic: "white", plugin: "#f3f5f6", input: "white", output: "white", table: "#f3f5f6", can.onappend.topic(can, "light", {topic: "white", plugin: "#f3f5f6", input: "white", output: "white", table: "#f3f5f6",
hover: "#E1F2F4", border: "#0000", label: "black", text: "black", warn: "red", notice: "blue"}) hover: "#E1F2F4", border: "#0000", label: "black", text: "black", warn: "red", notice: "blue"})
can.onappend.icon(can, {
open: [-27, -158],
close: [-82, -158],
}, 16)
can.onappend.icon(can, {
open: [-30, -177],
close: [-93, -177],
}, 18)
can.onappend.icon(can, {
open: [-40, -236],
close: [-123, -236],
}, 24)
}, },
_search: function(event, can, msg, panel, cmds, cb) { _search: function(event, can, msg, panel, cmds, cb) {
var sub, mod = can, fun = can, key = ""; can.core.List(cmds[1].split(ice.PT), function(value) { fun && (sub = mod, mod = fun, fun = mod[value], key = value) }) var sub, mod = can, fun = can, key = ""; can.core.List(cmds[1].split(ice.PT), function(value) { fun && (sub = mod, mod = fun, fun = mod[value], key = value) })
@ -150,7 +161,7 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) {
}) } }) }
if (can._root && can._root.name == "popup") { can.onmotion.hidden(can, sub._action) } if (can._root && can._root.name == "popup") { can.onmotion.hidden(can, sub._action) }
can.core.Value(sub._legend, chat.ONMOUSEENTER, function(event) { can.core.Value(sub._legend, "onclick", function(event) {
can.user.carte(event, sub, sub.onaction, sub.onaction.list.concat([[ctx.ACTION].concat(can.core.Item(meta.feature._trans))]), function(event, button, meta) { can.user.carte(event, sub, sub.onaction, sub.onaction.list.concat([[ctx.ACTION].concat(can.core.Item(meta.feature._trans))]), function(event, button, meta) {
var _sub = can.core.Value(sub, chat._OUTPUTS_CURRENT) var _sub = can.core.Value(sub, chat._OUTPUTS_CURRENT)
var cb = can.core.Value(_sub, [chat.ONACTION, button]); if (can.base.isFunc(cb)) { return cb(event, _sub, button) } var cb = can.core.Value(_sub, [chat.ONACTION, button]); if (can.base.isFunc(cb)) { return cb(event, _sub, button) }
@ -343,114 +354,102 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) {
} }), can.onfigure[input]._init && can.onfigure[input]._init(can, meta, target, _cb) } }), can.onfigure[input]._init && can.onfigure[input]._init(can, meta, target, _cb)
}) })
}, },
icon: function(can, list, size) {
can.core.Item(list, function(key, value) {
var text = `div.icon.s${size}.${key} {
background:url(/publish/icon/full.jpg); background-size:${size*20}px; width:${size}px; height:${size}px;
background-repeat: no-repeat; background-position-x:${value[0]}px; background-position-y:${value[1]}px;
}`; can.page.Append(can, document.head, "style", {"innerText": text}), console.log("icon", size, key, text)
})
},
topic: function(can, topic, color, style, list) { const SOLID = " solid 1px", GLASS = "#0000" topic: function(can, topic, color, style, list) { const SOLID = " solid 1px", GLASS = "#0000"
const INPUT_STYLE = "input-style", INPUT_HOVER_STYLE = "input-hover-style", GLASS_STYLE = "glass-style", OUTPUT_STYLE = "output-style" const INPUT_STYLE = "input-style", INPUT_HOVER_STYLE = "input-hover-style", OUTPUT_STYLE = "output-style", GLASS_STYLE = "glass-style"
const TABLE_HEAD_STYLE = "table-head-style", TABLE_ROW_HOVER_STYLE = "table-row-hover-style", TABLE_CELL_HOVER_STYLE = "table-cell-hover-style" const TABLE_HEAD_STYLE = "table-head-style", TABLE_HEAD_HOVER_STYLE = "table-head-hover-style", TABLE_ROW_HOVER_STYLE = "table-row-hover-style", TABLE_CELL_HOVER_STYLE = "table-cell-hover-style"
const ITEM_HOVER_STYLE = "item-hover-style", CARTE_ITEM_HOVER_STYLE = "carte-item-hover-style", CARTE_ITEM_STYLE = "carte-item-style" const ITEM_HOVER_STYLE = "item-hover-style", CARTE_ITEM_HOVER_STYLE = "carte-item-hover-style", CARTE_ITEM_STYLE = "carte-item-style"
const PANEL_STYLE = "panel-style", PLUGIN_STYLE = "plugin-style" const PANEL_STYLE = "panel-style", PLUGIN_STYLE = "plugin-style"
style = style||{ function _bg(color) { var res = {"background-color": color}, arg = arguments; for (var i = 1; i < arg.length; i += 2) { res[arg[i]] = arg[i+1] } return res }
"input-style": {"background-color": color.input, color: color.text, border: color.border+SOLID, "border-radius": "5px", "outline": html.NONE, "box-shadow": html.NONE}, function _fg(color) { var res = {"color": color}, arg = arguments; for (var i = 1; i < arg.length; i += 2) { res[arg[i]] = arg[i+1] } return res }
"input-hover-style": {"border": color.text+SOLID}, "glass-style": {"background-color": GLASS}, function _b_r(size) { return {"border-radius": size} }
"output-style": {"background-color": color.output}, "item-hover-style": {"background-color": color.hover}, "carte-item-hover-style": {"background-color": color.hover}, style = style||kit.Dict(
"table-head-style": {"background-color": color.table, color: color.text}, "table-row-hover-style": {"background-color": color.table}, "table-cell-hover-style": {"background-color": color.hover}, INPUT_STYLE, _bg(color.input, html.COLOR, color.label, html.BORDER, color.border+SOLID, "border-radius", "5px", "outline", html.NONE, "box-shadow", html.NONE),
"panel-style": {"background-color": color.topic, color: color.label}, "plugin-style": {"background-color": color.plugin, border: color.border+SOLID, "border-radius": "10px"}, INPUT_HOVER_STYLE, _fg(color.text, html.BORDER, color.text+SOLID), OUTPUT_STYLE, _bg(color.output), GLASS_STYLE, _bg(GLASS),
}, list = list||[ TABLE_HEAD_STYLE, _bg(color.table, html.COLOR, color.label), TABLE_HEAD_HOVER_STYLE, _bg(color.table, html.COLOR, text),
{type: "*", style: {"color": color.label}}, TABLE_ROW_HOVER_STYLE, _bg(color.table), TABLE_CELL_HOVER_STYLE, _bg(color.hover), ITEM_HOVER_STYLE, _bg(color.hover, html.COLOR, color.text), CARTE_ITEM_HOVER_STYLE, _bg(color.hover, html.COLOR, color.text),
{type: html.LEGEND, style: [INPUT_STYLE]}, PANEL_STYLE, _bg(color.topic, html.COLOR, color.label), PLUGIN_STYLE, _bg(color.plugin, "border-radius", "10px"),
{type: html.LEGEND, name: [html.HOVER], style: [INPUT_HOVER_STYLE]}, ), list = list||[
{type: html.SELECT, style: [INPUT_STYLE]}, {type: "", style: _fg(color.label)},
{type: html.SELECT, name: [html.HOVER], style: [INPUT_HOVER_STYLE]}, {type: html.LEGEND, style: [INPUT_STYLE, TABLE_HEAD_STYLE]}, {type: html.LEGEND, style: [INPUT_HOVER_STYLE]},
{type: html.INPUT, style: [INPUT_STYLE]}, {type: html.SELECT, style: [INPUT_STYLE]}, {type: html.SELECT, style: [INPUT_HOVER_STYLE]},
{type: html.INPUT, name: [html.HOVER], style: [INPUT_HOVER_STYLE]}, {type: html.INPUT, style: [INPUT_STYLE]}, {type: html.INPUT, style: [INPUT_HOVER_STYLE]},
{type: "input:not([type=button])", style: {"border-radius": "0px"}}, {type: html.INPUT+":not([type=button])", style: _b_r(0)}, {type: html.INPUT+":not([type=button])", name: [html.HOVER], style: {border: color.notice+SOLID}},
{type: "input:not([type=button])", name: [html.HOVER], style: {border: color.notice+SOLID}}, {type: html.TEXTAREA, style: [INPUT_STYLE]}, {type: html.TEXTAREA, style: _b_r(0)},
{type: html.TEXTAREA, style: [INPUT_STYLE]},
{type: html.FORM_OPTION, list: [{type: html.DIV_ITEM, name: [html.SELECT], style: [GLASS_STYLE]}]}, {type: html.FORM_OPTION, list: [{type: html.DIV_ITEM, name: [html.SELECT], style: [GLASS_STYLE]}]},
{type: html.FORM_OPTION, list: [{type: html.DIV_ITEM, name: [html.HOVER], style: [GLASS_STYLE]}]}, {type: html.FORM_OPTION, list: [{type: html.DIV_ITEM, name: [html.HOVER], style: [GLASS_STYLE]}]},
{type: html.DIV_ACTION, list: [{type: html.DIV_ITEM, name: [html.SELECT], style: [GLASS_STYLE]}]}, {type: html.DIV_ACTION, list: [{type: html.DIV_ITEM, name: [html.SELECT], style: [GLASS_STYLE]}]},
{type: html.DIV_ACTION, list: [{type: html.DIV_ITEM, name: [html.HOVER], style: [GLASS_STYLE]}]}, {type: html.DIV_ACTION, list: [{type: html.DIV_ITEM, name: [html.HOVER], style: [GLASS_STYLE]}]},
{type: html.DIV_OUTPUT, style: [OUTPUT_STYLE]}, {type: html.DIV_OUTPUT, style: [OUTPUT_STYLE]}, {type: html.DIV_STATUS, style: _fg(color.label)},
{type: "div.path", style: [OUTPUT_STYLE]},
{type: "tr.line:hover>td.line", style: [ITEM_HOVER_STYLE]},
{type: "tr.line.select>td.line", style: [ITEM_HOVER_STYLE]},
{type: html.DIV_STATUS, style: {color: color.label}},
{type: html.TABLE_LAYOUT, list: [{type: html.DIV_TOGGLE, style: [ITEM_HOVER_STYLE]}]}, {type: html.TABLE_LAYOUT, list: [{type: html.DIV_TOGGLE, style: [ITEM_HOVER_STYLE]}]},
{type: html.TABLE_CONTENT, list: [{type: html.TR, style: [TABLE_ROW_HOVER_STYLE]}]},
{type: html.TABLE_CONTENT, list: [{type: html.TH, style: [TABLE_HEAD_STYLE]}]}, {type: html.TABLE_CONTENT, list: [{type: html.TH, style: [TABLE_HEAD_STYLE]}]},
{type: html.TABLE_CONTENT, name: [html.ACTION], list: [{type: "td:last-child", style: [TABLE_HEAD_STYLE]}]}, {type: html.TABLE_CONTENT, name: [html.ACTION], list: [{type: html.TD+":last-child", style: [TABLE_HEAD_STYLE]}]},
{type: html.TABLE_CONTENT, list: [{type: html.TR, name: [html.HOVER], style: [TABLE_ROW_HOVER_STYLE]}]},
{type: html.TABLE_CONTENT, list: [{type: html.TD, name: [html.HOVER], style: [TABLE_CELL_HOVER_STYLE]}]},
{type: html.TABLE_CONTENT, list: [{type: html.TD, name: [html.SELECT], style: [TABLE_CELL_HOVER_STYLE]}]}, {type: html.TABLE_CONTENT, list: [{type: html.TD, name: [html.SELECT], style: [TABLE_CELL_HOVER_STYLE]}]},
{type: "div.zone>div.name", style: [TABLE_HEAD_STYLE]}, {type: html.TABLE_CONTENT, list: [{type: html.TD, style: [TABLE_CELL_HOVER_STYLE]}]},
{type: html.H1, style: [ITEM_HOVER_STYLE]}, {type: html.H2, style: [ITEM_HOVER_STYLE]}, {type: html.H3, style: [ITEM_HOVER_STYLE]},
{type: html.LABEL, style: _fg(color.label)}, {type: html.A, style: _fg(color.notice)},
{type: "tr.line.select", style: [ITEM_HOVER_STYLE]}, {type: "tr.line", style: [ITEM_HOVER_STYLE]}, {type: "tr.line>td.line", style: [OUTPUT_STYLE]},
{type: "div.zone>div.name", style: [TABLE_HEAD_STYLE]}, {type: "div.zone>div.name", style: [TABLE_HEAD_HOVER_STYLE]},
{type: "div.zone>div.list>div.zone>div.name", style: [TABLE_HEAD_STYLE]}, {type: "div.zone>div.list>div.zone>div.name", style: [TABLE_HEAD_STYLE]},
{type: "div.zone>div.list>div.zone>div.name", name: [html.HOVER], style: [ITEM_HOVER_STYLE]}, {type: "div.zone>div.list>div.zone>div.name", style: [TABLE_HEAD_HOVER_STYLE]},
{type: html.H1, name: [html.HOVER], style: [ITEM_HOVER_STYLE]}, {type: "div.zone div.item>div.name", name: [html.HOVER], style: _fg(color.text)},
{type: html.H2, name: [html.HOVER], style: [ITEM_HOVER_STYLE]}, {type: html.DIV_ITEM, name: [html.SELECT], style: [ITEM_HOVER_STYLE]}, {type: html.DIV_ITEM, style: [ITEM_HOVER_STYLE]},
{type: html.H3, name: [html.HOVER], style: [ITEM_HOVER_STYLE]}, {type: html.DIV_TABS, list: [{type: html.DIV, style: _bg(color.plugin)}]},
{type: html.LABEL, style: {color: color.label}}, {type: html.DIV_TABS, list: [{type: html.DIV, name: [html.SELECT], style: [OUTPUT_STYLE]}]},
{type: html.A, style: {color: color.notice}}, {type: html.DIV_TABS, list: [{type: html.DIV, name: [html.HOVER], style: [OUTPUT_STYLE]}]},
{type: html.DIV_CODE, style: {border: color.border+SOLID}}, {type: html.DIV_TABS, list: [{type: html.DIV, name: [html.HOVER], style: _fg(color.text)}]},
{type: html.DIV_ITEM, name: [html.HOVER], style: [ITEM_HOVER_STYLE]}, {type: html.DIV_PATH, style: [OUTPUT_STYLE]}, {type: html.DIV_CODE, style: {border: color.border+SOLID}},
{type: html.DIV_ITEM, name: [html.SELECT], style: [ITEM_HOVER_STYLE]}, {type: html.DIV_PATH, list: [{type: html.SPAN, style: [ITEM_HOVER_STYLE]}]},
{type: html.DIV_TABS, list: [{type: ">"+html.DIV, style: {"background-color": color.plugin}}]},
{type: html.DIV_TABS, list: [{type: ">"+html.DIV, name: [html.HOVER], style: [OUTPUT_STYLE]}]},
{type: html.DIV_TABS, list: [{type: ">"+html.DIV, name: [html.SELECT], style: [OUTPUT_STYLE]}]},
{type: html.DIV_CARTE, list: [{type: html.DIV_ITEM, style: [TABLE_HEAD_STYLE, CARTE_ITEM_STYLE]}]}, {type: html.DIV_CARTE, list: [{type: html.DIV_ITEM, style: [TABLE_HEAD_STYLE, CARTE_ITEM_STYLE]}]},
{type: html.DIV_CARTE, list: [{type: html.DIV_ITEM, name: [html.HOVER], style: [CARTE_ITEM_HOVER_STYLE]}]}, {type: html.DIV_CARTE, list: [{type: html.DIV_ITEM, style: [CARTE_ITEM_HOVER_STYLE]}]},
{type: html.DIV_FLOAT, style: [PLUGIN_STYLE]}, {type: html.DIV_FLOAT, style: [PLUGIN_STYLE]},
{type: html.FIELDSET_PANEL, style: [PANEL_STYLE]}, {type: html.FIELDSET_FLOAT, style: [PLUGIN_STYLE]},
{type: html.FIELDSET_PANEL, list: [{type: ">"+html.DIV_OUTPUT, style: [PANEL_STYLE]}]}, {type: html.FIELDSET_PANEL, style: [PANEL_STYLE]}, {type: html.FIELDSET_PANEL, list: [{type: ">"+html.DIV_OUTPUT, style: [PANEL_STYLE]}]},
{type: html.FIELDSET_PANEL, name: ["Footer"], list: [{type: html.DIV_OUTPUT, list: [{type: html.DIV_TOAST, style: [TABLE_HEAD_STYLE]}], }]}, {type: html.FIELDSET_PANEL, name: ["Footer"], list: [{type: html.DIV_OUTPUT, list: [{type: html.DIV_TOAST, style: [TABLE_HEAD_STYLE]}], }]},
{type: html.FIELDSET_PANEL, name: ["Footer"], list: [{type: html.DIV_OUTPUT, list: [{type: html.DIV, name: [html.HOVER], style: [ITEM_HOVER_STYLE]}], }]}, {type: html.FIELDSET_PANEL, name: ["Footer"], list: [{type: html.DIV_OUTPUT, list: [{type: html.DIV, style: [ITEM_HOVER_STYLE]}], }]},
{type: html.FIELDSET_PANEL, name: ["Header"], list: [{type: html.DIV_OUTPUT, list: [{type: html.DIV, name: [html.HOVER], style: [ITEM_HOVER_STYLE]}], }]}, {type: html.FIELDSET_PANEL, name: ["Header"], list: [{type: html.DIV_OUTPUT, list: [{type: html.DIV, style: [ITEM_HOVER_STYLE]}], }]},
{type: html.FIELDSET_STORY, list: [{type: html.DIV_STATUS, style: {"border-top": color.border+SOLID}}]}, {type: html.FIELDSET_PLUGIN, style: [PLUGIN_STYLE]}, {type: html.FIELDSET_PLUGIN, list: [{type: html.DIV_STATUS, style: {"border-top": color.border+SOLID}}]},
{type: html.FIELDSET_PLUGIN, list: [{type: html.DIV_STATUS, style: {"border-top": color.border+SOLID}}]}, {type: html.FIELDSET_STORY, style: [PLUGIN_STYLE]}, {type: html.FIELDSET_STORY, list: [{type: html.DIV_STATUS, style: {"border-top": color.border+SOLID}}]},
{type: html.FIELDSET_PLUGIN, style: [PLUGIN_STYLE]}, {type: html.FIELDSET_INPUT, style: [PLUGIN_STYLE]}, {type: html.FIELDSET_INPUT, style: _b_r(0)},
{type: html.FIELDSET_STORY, style: [PLUGIN_STYLE]},
{type: html.FIELDSET_INPUT, style: [PLUGIN_STYLE]},
{type: html.FIELDSET_INPUT, style: {"border-radius": 0}},
// {type: html.FIELDSET_INPUT, style: {"border": color.notice+SOLID}},
] ]
function render(pre, list) { return can.core.List(list, function(item) { var type = item.type+can.core.List(item.name, function(name) { return (name==html.HOVER? ice.DF: ice.PT)+name }).join("") function render(pre, list) { return can.core.List(list, function(item) { var type = item.type+can.core.List(item.name, function(name) { return (name==html.HOVER? ice.DF: ice.PT)+name }).join("")
if (!item.name && type.indexOf(".select") == -1 && type.indexOf(":hover") == -1 && can.base.isArray(item.style) && item.style.join(",").indexOf("-hover-") > -1) { type += ":hover" }
return (item.style? (pre+ice.SP+type+" { "+(can.base.isArray(item.style)? can.core.List(item.style, function(item) { return (item.style? (pre+ice.SP+type+" { "+(can.base.isArray(item.style)? can.core.List(item.style, function(item) {
return can.core.Item(style[item], function(key, value) { return key+": "+value }).join("; ") return can.core.Item(style[item], function(key, value) { return key+": "+value }).join("; ")
}).join("; "): can.core.Item(can.base.Obj(item.style), function(key, value) { return key+": "+value }).join("; "))+" }"): "")+(item.list? render(pre+ice.SP+type, item.list): "") }).join("; "): can.core.Item(can.base.Obj(item.style), function(key, value) { return key+": "+value }).join("; "))+" }"): "")+(item.list? render(pre+ice.SP+type, item.list): "")
}).join(ice.NL) } }).join(ice.NL) }
var text = render("body."+topic, list) var text = render("body."+topic, list); can.page.Append(can, document.head, "style", {"innerText": text}), console.log("topic", topic, text)
console.log("what", text)
can.page.Append(can, document.head, "style", {"innerText": text})
}, },
layout: function(can, target, type, list) { const FLOW = "flow", FLEX = "flex" layout: function(can, target, type, list) { const FLOW = "flow", FLEX = "flex"
switch (type||ice.AUTO) { switch (type||ice.AUTO) {
case FLOW: case FLOW:
case FLEX: case FLEX:
case ice.AUTO: var count = 0; case ice.AUTO: var count = 0, ui = {size: {}}; type = type == "" || type == ice.AUTO? FLEX: type
type = type == "" || type == ice.AUTO? FLEX: type function append(target, type, list) { can.page.ClassList.add(can, target, [html.LAYOUT, type]), can.core.List(list, function(item) {
var ui = {size: {}}; function append(target, type, list) { can.page.ClassList.add(can, target, [html.LAYOUT, type]), if (can.base.isArray(item)) {
can.core.List(list, function(item) { append(can.page.Append(can, target, [{}])._target, type==FLOW? FLEX: FLOW, item)
if (can.base.isArray(item)) { } else if (can.base.isObject(item)) { item._index = count++, ui.size[item._index] = item.height||item.width
append(can.page.Append(can, target, [{}])._target, type==FLOW? FLEX: FLOW, item) item.layout = function(width, height) { item.width = width, item.height = height }
} else if (can.base.isObject(item)) { item._index = count++ can.onappend.plugin(can, item, function(sub) {
item.layout = function(width, height) { item.layout = function(width, height) { sub.onimport.size(sub, height, width) }
item.width = width }, target, ui[item._index] = can.onappend.field(can, item.type, item, target)._target)
item.height = height } else if (can.base.isString(item)) {
} ui[item] = can.page.Append(can, target, [item])._target
ui.size[item._index+""] = item.height||item.width }
can.onappend.plugin(can, item, function(sub) { }); return list }
item.layout = function(width, height) {
sub.onimport.size(sub, height, width)
}
}, target, ui[item._index+""] = can.onappend.field(can, item.type, item, target)._target)
} else if (can.base.isString(item)) {
ui[item] = can.page.Append(can, target, [item])._target
}
}); return list
}
var defer = []; function layout(type, list, width, height) { var _width = width, _height = height; can.core.List(list, function(item) { var defer = []; function layout(type, list, width, height) { var _width = width, _height = height; can.core.List(list, function(item) {
if (item == html.CONTENT) { if (item == html.CONTENT) {
defer.push(function() { can.page.style(can, ui[item], html.HEIGHT, height, html.WIDTH, width) }) return defer.push(function() { can.page.style(can, ui[item], html.HEIGHT, height, html.WIDTH, width) })
return
} else { } else {
if (can.base.isObject(item)) { var meta = item; item = (item._index||"")+"" } if (can.base.isObject(item)) { var meta = item; item = (item._index)+"" }
function calc(item, size, total) { function calc(item, size, total) {
if (!ui.size[item]) { if (!ui.size[item]) {
return size return size
@ -474,7 +473,7 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) {
} }
}), can.core.List(list, function(item) { if (can.base.isArray(item)) { layout(type == FLOW? FLEX: FLOW, item, width, height) } }) } }), can.core.List(list, function(item) { if (can.base.isArray(item)) { layout(type == FLOW? FLEX: FLOW, item, width, height) } }) }
list = append(target, type, list||[html.PROJECT, [[html.CONTENT, html.PROFILE], html.DISPLAY]]) list = append(target, type, list||[html.PROJECT, [[html.CONTENT, html.PROFILE], html.DISPLAY]])
ui.layout = function(width, height) { can.onmotion.delayLong(can, function() { defer = [], layout(type, list, width, height), defer.forEach(function(cb) { cb() }) }) } ui.layout = function(width, height, delay) { can.onmotion.delay(can, function() { defer = [], layout(type, list, width, height), defer.forEach(function(cb) { cb() }) }, delay||0) }
return ui return ui
case "tabs-box": case "tabs-box":
can.page.ClassList.add(can, target, "layout tabs box") can.page.ClassList.add(can, target, "layout tabs box")

4
lib/page.js
View File

@ -33,9 +33,7 @@ Volcanos("page", {ClassList: {
key == "className" && can.base.isArray(val) && (val = val.join(ice.SP)) key == "className" && can.base.isArray(val) && (val = val.join(ice.SP))
!can.base.isObject(val)? (target[key] = val): can.core.Item(val, function(k, v) { !can.base.isObject(val)? (target[key] = val): can.core.Item(val, function(k, v) {
if (can.base.isIn(k, "height", "width", "min-height", "max-height", "min-width", "max-width") && parseInt(v) < 0) { return target[key] && (target[key][k] = "") } if (can.base.isIn(k, "height", "width", "min-height", "max-height", "min-width", "max-width") && parseInt(v) < 0) { return target[key] && (target[key][k] = "") }
if (can.base.isIn(k, "height", "width", "min-height", "max-height", "min-width", "max-width", if (can.base.isIn(k, "height", "width", "min-height", "max-height", "min-width", "max-width", "left", "top", "right", "bottom", "margin-left", "margin-top", "margin", "padding", "font-size") && v && (can.base.isNumber(v) || !can.base.endWith(v, "px"))) { v += "px" }
"left", "top", "right", "bottom", "margin-left", "margin-top", "margin", "padding", "font-size",
) && v && (can.base.isNumber(v) || !can.base.endWith(v, "px"))) { v += "px" }
target[key] && (target[key][k] = v) target[key] && (target[key][k] = v)
}) })
}); return target }); return target

4
lib/user.js
View File

@ -108,7 +108,9 @@ Volcanos("user", {info: {}, agent: {
var sub = can.user.carte(event, can, meta, item.slice(1), cb, carte, trans); can.onlayout.figure(event, can, sub._target, true), remove_sub(carte), carte._sub = sub var sub = can.user.carte(event, can, meta, item.slice(1), cb, carte, trans); can.onlayout.figure(event, can, sub._target, true), remove_sub(carte), carte._sub = sub
} }: /* object */ {view: html.ITEM, list: [{text: can.user.trans(can, item.name, trans), onclick: function(event) { click(event, item.name) }, onmouseenter: function(event) { remove_sub(carte) } }] } } }: /* object */ {view: html.ITEM, list: [{text: can.user.trans(can, item.name, trans), onclick: function(event) { click(event, item.name) }, onmouseenter: function(event) { remove_sub(carte) } }] }
}), onmouseover: function(event) { can.onkeymap.prevent(event) } }]); can.onkeymap.prevent(event) }), onmouseover: function(event) { can.onkeymap.prevent(event) } }]); can.onkeymap.prevent(event)
var carte = {_target: ui._target, _parent: parent, layout: can.onlayout.figure(event, can, ui._target)}; return carte var carte = {_target: ui._target, _parent: parent, layout: can.onlayout.figure(event, can, ui._target)}
can.page.Select(can, ui._target, "img", function(target) { target.onload = function() { can.onlayout.figure(event, can, ui._target) } })
return carte
}, },
carteRight: function(event, can, meta, list, cb, parent) { var carte = can.user.carte(event, can, meta, list, cb, parent) carteRight: function(event, can, meta, list, cb, parent) { var carte = can.user.carte(event, can, meta, list, cb, parent)
return can.page.style(can, carte._target, can.onlayout.figure(event, can, carte._target, true)), carte return can.page.style(can, carte._target, can.onlayout.figure(event, can, carte._target, true)), carte

58
page/index.css
View File

@ -41,13 +41,14 @@ table.content th { background-color:steelblue; padding:2px 5px; }
table.content td { padding:2px 5px; } table.content td { padding:2px 5px; }
table.content.action th:last-child { position:sticky; right:2px; } table.content.action th:last-child { position:sticky; right:2px; }
table.content.action td:last-child { background-color:steelblue; position:sticky; right:2px; } table.content.action td:last-child { background-color:steelblue; position:sticky; right:2px; }
div.code { background-color:#343a3445; color:white; font-size:12px; padding:10px; border:green solid 1px; } div.code { background-color:#343a3445; font-size:12px; padding:10px; border:green solid 1px; }
div.story[data-type=spark] { background-color:#2169a9a6; color:white; padding:5px 10px; border-left:solid 5px blue; margin:10px; } div.story[data-type=spark] { background-color:#2169a9a6; color:white; padding:5px 10px; border-left:solid 5px blue; margin:10px; }
/* fieldset */ /* fieldset */
div.tabs div { background-color:gray; } // div.tabs div { background-color:gray; }
div.tabs div:hover { background-color:#0000; } div.tabs div:hover { background-color:#0000; }
div.tabs div.select { background-color:#0000; } div.tabs div.select { background-color:#0000; }
fieldset.plugin { background-color:#061c3c9e; padding:10px; margin:10px; } fieldset.plugin { background-color:#061c3c9e; padding:10px; margin:10px; }
fieldset.plugin:not(.cmd):not(.full):not(.float)>legend { float:none; }
fieldset.plugin>div.status { border-top:1px solid darkcyan; } fieldset.plugin>div.status { border-top:1px solid darkcyan; }
fieldset.story>div.status { border-top:1px solid darkcyan; } fieldset.story>div.status { border-top:1px solid darkcyan; }
fieldset.panel>div.status { display:none; } fieldset.panel>div.status { display:none; }
@ -63,9 +64,9 @@ fieldset.simple>legend { display:none; }
fieldset.simple>form.option { display:none; } fieldset.simple>form.option { display:none; }
fieldset.simple>div.status { display:none; } fieldset.simple>div.status { display:none; }
fieldset.simple div.toggle { display:none; } fieldset.simple div.toggle { display:none; }
fieldset.float { background-color:#0e3369; color:white; padding:0; margin:0; } fieldset.float { padding:0; margin:0; }
fieldset.full { background-color:#0e3369; color:white; padding:0; margin:0; overflow:auto; position:absolute; left:0; top:0; } fieldset.full { padding:0; margin:0; overflow:auto; position:absolute; left:0; top:0; }
fieldset.cmd>div.output { overflow:auto; } fieldset.cmd { padding:0; margin:0; }
/* input */ /* input */
fieldset.input>legend { display:none; } fieldset.input>legend { display:none; }
fieldset.input.key { overflow:auto; } fieldset.input.key { overflow:auto; }
@ -73,10 +74,12 @@ fieldset.input.key div.action { display:none; }
fieldset.input.key.simple div.status { display:none; } fieldset.input.key.simple div.status { display:none; }
fieldset.input.key.simple th { display:none; } fieldset.input.key.simple th { display:none; }
fieldset.input.key.simple td { min-width:40px; } fieldset.input.key.simple td { min-width:40px; }
fieldset.input.date select { width:63px; } fieldset.input.date select { width:87px; }
fieldset.input.date select[name=year] { width:88px; } fieldset.input.date select { margin-right:0; }
fieldset.input.date select[name=month] { width:70px; } fieldset.input.date input:not([type=file]) { margin-right:0; }
fieldset.input.date table { text-align:center; width:280px; } fieldset.input.date select[name=year] { width:128px; }
fieldset.input.date select[name=month] { width:102px; }
fieldset.input.date table { text-align:center; width:350px; }
fieldset.input.date div.action div.space { width:0; clear:both; } fieldset.input.date div.action div.space { width:0; clear:both; }
fieldset.input.date div.output td { padding:2px 10px; } fieldset.input.date div.output td { padding:2px 10px; }
fieldset.input.date div.output td.prev { color:gray; } fieldset.input.date div.output td.prev { color:gray; }
@ -86,7 +89,8 @@ fieldset.input.date div.output td span.lunar.term { color:green; }
fieldset.input.date div.output td span.lunar.fest { color:red; } fieldset.input.date div.output td span.lunar.fest { color:red; }
fieldset.input.date div.status { text-align:center; } fieldset.input.date div.status { text-align:center; }
/* float */ /* float */
body>div.float { background-color:#0e3369b3; color:white; padding:5px; } // body div.float { background-color:#0e3369b3; color:white; padding:5px; }
body div.float { background-color:#0e3369b3; padding:5px; }
body>div.toast div.title { color:yellow; float:left; } body>div.toast div.title { color:yellow; float:left; }
body>div.toast div.duration { color:gray; float:right; } body>div.toast div.duration { color:gray; float:right; }
body>div.toast div.content { color:yellow; text-align:center; } body>div.toast div.content { color:yellow; text-align:center; }
@ -95,7 +99,7 @@ body>div.toast div.progress div.current { background-color:red; height:18px; }
body>div.toast div.action { display:block; } body>div.toast div.action { display:block; }
body>div.toast div.action>div.item.space { height:unset; } body>div.toast div.action>div.item.space { height:unset; }
body>div.carte { padding:0; } body>div.carte { padding:0; }
body>div.carte div.item { background-color:#0e3369b3; padding:3px 12px; } body>div.carte div.item { padding:3px 12px; }
body>div.carte div.space { border-bottom:solid 1px gray; } body>div.carte div.space { border-bottom:solid 1px gray; }
body>div.input div.content { overflow:auto; } body>div.input div.content { overflow:auto; }
body>div.input td { padding:5px; } body>div.input td { padding:5px; }
@ -120,7 +124,7 @@ textarea { tab-size:2; height:62px; }
legend { font-size:1.2rem; height:31px; } legend { font-size:1.2rem; height:31px; }
select, input { font-size:1.0rem; height:31px; } select, input { font-size:1.0rem; height:31px; }
table.content, div.project, div.item, div.code, div.story[data-type=spark], svg { font-family:monospace; white-space:pre; text-align:left; } table.content, div.project, div.item, div.code, div.story[data-type=spark], svg { font-family:monospace; white-space:pre; text-align:left; }
div.action>div.tabs { padding:5px 10px; height:31px; } div.action>div.tabs { padding:5px; height:31px; }
div.status>div.item { padding:5px; height:30px; } div.status>div.item { padding:5px; height:30px; }
div.status>div.item>label { font-size:0.6rem; } div.status>div.item>label { font-size:0.6rem; }
h1 { text-align:center; margin:20px 0; } h1 { text-align:center; margin:20px 0; }
@ -130,24 +134,25 @@ ul { padding-left:40px; margin:20px 0; }
/* hover */ /* hover */
legend:hover { background-color:skyblue; } legend:hover { background-color:skyblue; }
select:hover { background-color:gray; color:cyan; } select:hover { background-color:gray; color:cyan; }
div.item:hover, div.item.select, table.content tr:hover, table.content tr.select, h1:hover, h2:hover, h3:hover { background-color:steelblue; } span.item:hover, div.item:hover, div.item.select, table.content tr:hover, table.content tr.select, h1:hover, h2:hover, h3:hover { background-color:steelblue; }
table.content th:hover, table.content td:hover, table.content td.select { background-color:cornflowerblue; } table.content th:hover, table.content td:hover, table.content td.select { background-color:cornflowerblue; }
div.story[data-type=spark] span:hover { background-color:deepskyblue; box-shadow:4px 4px 20px 4px #29318e; } div.story[data-type=spark] span:hover { background-color:deepskyblue; box-shadow:4px 4px 20px 4px #29318e; }
body>div.carte div.item:hover { background-color:cornflowerblue; } body>div.carte div.item:hover { background-color:cornflowerblue; }
select, input[type=text], textarea { box-shadow:4px 4px 20px 4px #626bd0; } select, input[type=text], textarea { box-shadow:4px 4px 20px 4px #626bd0; }
legend, select, input[type=button], div.tabs, div.item, th, td, h1, h2, h3 { cursor:pointer; } legend, select, input[type=button], div.tabs, div.item, div.zone>div.name, th, td, h1, h2, h3 { cursor:pointer; }
div.title, div.story[data-type=spark] { cursor:copy; } div.title, div.story[data-type=spark] { cursor:copy; }
/* display */ /* display */
form.option, div.action { display:contents; } form.option, div.action { display:contents; }
form.option>div.item>label, div.action>div.item>label, .hidden, .hide { display:none; } form.option>div.item>label, div.action>div.item>label, .hidden, .hide { display:none; }
fieldset:not(.float):not(.full)>form.option input[type=button][name=close] { display:none; } fieldset:not(.float):not(.plug):not(.full):not(.cmd)>form.option input[type=button][name=close] { display:none; }
legend, form.option, form.option>div.item, div.action, div.action>div.item, div.action>div.tabs, div.status>div.item { float:left; } legend, form.option, form.option>div.item, div.action, div.action>div.item, div.action>div.tabs, div.status>div.item { float:left; }
div.output, div.status, div.project div.item, div.content, div.item.textarea, div.code, div.story[data-type=spark] { clear:both; } div.output, div.status, div.project div.item, div.content, div.item.textarea, div.code, div.story[data-type=spark] { clear:both; }
div.action, div.output, div.status, div.project, div.display, div.profile, div.content, div.code, div.story, table.content, table.content td, body>div.toast { overflow:auto; } div.action, div.output, div.status, div.project, div.display, div.profile, div.content, div.code, div.story, table.content, table.content td, body>div.toast { overflow:auto; }
fieldset.auto, fieldset.full, fieldset.float, body>div.float { position:fixed; z-index:10; } fieldset.auto, fieldset.full, fieldset.float, div.float { position:fixed; z-index:10; }
div.status>legend { margin-left:2px; margin-right:0; float:right; clear:none; } div.status>legend { margin-left:2px; margin-right:0; float:right; clear:none; }
div.code { position:sticky; left:0; } div.code { position:sticky; left:0; }
/* white */ /* white */
body.dark { overflow:hidden; }
body.black a { color:yellow; } body.black a { color:yellow; }
body.white { background-color:rgba(5,34,56,0.75); color:white; } body.white { background-color:rgba(5,34,56,0.75); color:white; }
body.white select { background-color:yellowgreen; color:white; } body.white select { background-color:yellowgreen; color:white; }
@ -164,17 +169,18 @@ body.white input[type=button][name=remove] { background-color:red; }
body.white textarea { background-color:white; } body.white textarea { background-color:white; }
body.white table.content th { background-color:skyblue; } body.white table.content th { background-color:skyblue; }
body.white table.content.action td:last-child { background-color:skyblue; } body.white table.content.action td:last-child { background-color:skyblue; }
body.white div.zone>div.list>div.zone>div.name { background-color:#e8e9f3; color:black; } body.white div.zone>div.list>div.zone>div.name { background-color:whitesmoke; color:black; }
body.white div.float { background-color:whitesmoke; color:black; }
body.white div.toast div.title { color:blue; }
body.white div.toast div.content { color:blue; }
body.white fieldset.panel.Search a { color:yellow; } body.white fieldset.panel.Search a { color:yellow; }
body.white fieldset.panel.Action { color:black; } body.white fieldset.panel.Action { color:black; }
body.white fieldset.panel.Action div.action { color:white; } body.white fieldset.panel.Action div.action { color:white; }
body.white fieldset.plugin { background-color:#ffffffa1; } body.white fieldset.plugin { background-color:#ffffffa1; }
body.white fieldset.float { background-color:#0e3369; color:white; } body.white fieldset.float { background-color:whitesmoke; color:black; }
body.white fieldset.full { background-color:#0e3369; color:white; } body.white fieldset.full { background-color:white; }
body.white fieldset.full div.zone>div.list>div.zone>div.name { background-color:#09466f66; color:white; }
body.white legend:hover { background-color:skyblue; } body.white legend:hover { background-color:skyblue; }
body.white select:hover { background-color:#99cc667d; } body.white select:hover { background-color:#99cc667d; }
body.white input:hover { background-color:cyan; }
body.white input[name=cmd]:hover { background-color:white; color:black; } body.white input[name=cmd]:hover { background-color:white; color:black; }
body.white input[type=button]:hover { background-color:#1b7acc8c; } body.white input[type=button]:hover { background-color:#1b7acc8c; }
body.white table.content tr:hover { background-color:#4682b46b; } body.white table.content tr:hover { background-color:#4682b46b; }
@ -209,7 +215,7 @@ body.mobile textarea { font-size:1.2rem; }
body.mobile table.content th { padding:6px 6px; } body.mobile table.content th { padding:6px 6px; }
body.mobile form.option>div.item { margin:0; height:38px; } body.mobile form.option>div.item { margin:0; height:38px; }
body.mobile div.action>div.item { margin:0; height:38px; } body.mobile div.action>div.item { margin:0; height:38px; }
body.mobile div.action { display:none; } // body.mobile div.action { display:none; }
body.mobile>div.carte div.item { font-size:1.6rem; } body.mobile>div.carte div.item { font-size:1.6rem; }
body.mobile>div.input.login input { font-size:1.4rem; width:264px; } body.mobile>div.input.login input { font-size:1.4rem; width:264px; }
body.mobile fieldset.plugin { margin:10px 0; } body.mobile fieldset.plugin { margin:10px 0; }
@ -220,14 +226,14 @@ body.mobile fieldset.Header.head div.output { height:3rem; }
body.mobile fieldset.Header.head div.output div { height:3rem; margin-left:0; } body.mobile fieldset.Header.head div.output div { height:3rem; margin-left:0; }
body.mobile fieldset.Header.head div.state.time { display:none; } body.mobile fieldset.Header.head div.state.time { display:none; }
body.mobile fieldset.Header.head div.search { height:3rem; width:100%; } body.mobile fieldset.Header.head div.search { height:3rem; width:100%; }
body.mobile fieldset.Header.head div.search>input { background-color:#21181838; color:white; margin:0; width:100%; } body.mobile fieldset.Header.head div.search>input { background-color:#21181838; color:white; margin:0; width:100%; height:42px; }
body.mobile fieldset.River { background-color:#243950bf; font-size:1.6rem; min-width:240px; position:fixed; top:3rem; z-index:10; } body.mobile fieldset.River { font-size:1.6rem; min-width:240px; position:fixed; top:3rem; z-index:10; }
body.mobile fieldset.River>div.output { width:320px; } body.mobile fieldset.River>div.output { width:320px; }
body.mobile fieldset.River>div.output div.item { font-size:1.6rem; } body.mobile fieldset.River>div.output div.item { font-size:1.6rem; }
body.mobile fieldset.Action.main { margin-top:3rem; margin-bottom:3rem; overflow:hidden; } body.mobile fieldset.Action.main { margin-top:3rem; margin-bottom:3rem; overflow:hidden; }
body.mobile fieldset.Action.main.cmd { margin-top:0; margin-bottom:0; } body.mobile fieldset.Action.main.cmd { margin-top:0; margin-bottom:0; }
body.mobile fieldset.Footer.foot { width:100%; } body.mobile fieldset.Footer.foot { width:100%; }
body.mobile fieldset.Footer.foot { background-color:#000000b8; font-size:1.6rem; height:3rem; position:fixed; bottom:0; } body.mobile fieldset.Footer.foot { font-size:1.6rem; height:3rem; position:fixed; bottom:0; }
body.mobile fieldset.Footer.foot div.output { height:3rem; } body.mobile fieldset.Footer.foot div.output { height:3rem; }
body.mobile fieldset.Footer.foot div.output div { height:3rem; } body.mobile fieldset.Footer.foot div.output div { height:3rem; }
body.mobile fieldset.Footer.foot input[name=cmd] { height:3rem; } body.mobile fieldset.Footer.foot input[name=cmd] { height:3rem; }
@ -250,7 +256,7 @@ fieldset.plugin.parse.cmd>div.status { display:none; }
fieldset.plugin.inner.cmd>legend { display:none; } fieldset.plugin.inner.cmd>legend { display:none; }
fieldset.plugin.inner.cmd>div.action { display:none; } fieldset.plugin.inner.cmd>div.action { display:none; }
fieldset.plugin.inner.cmd>form.option { display:none; } fieldset.plugin.inner.cmd>form.option { display:none; }
fieldset.story.inner.float { background-color:black; } // fieldset.story.inner.float { background-color:black; }
fieldset.xterm div.toggle { display:none; } fieldset.xterm div.toggle { display:none; }
/* layout */ /* layout */
table.layout { border-spacing:0; } table.layout { border-spacing:0; }

13
panel/action.css
View File

@ -8,6 +8,10 @@ fieldset.Action.tabs>div.output { overflow:hidden; }
fieldset.Action.tabs>div.output>fieldset>legend { display:none; } fieldset.Action.tabs>div.output>fieldset>legend { display:none; }
fieldset.Action.tabs>div.output>fieldset.plugin { display:none; } fieldset.Action.tabs>div.output>fieldset.plugin { display:none; }
fieldset.Action.tabs>div.output>fieldset.plugin.select { display:block; } fieldset.Action.tabs>div.output>fieldset.plugin.select { display:block; }
fieldset.Header action>div.tabs { padding:0; margin-left:20px; display:contents; }
fieldset.Header action>div.tabs:hover { background-color:none; }
fieldset.Header div.tabs div.tabs { padding:5px 10px; }
fieldset.Header div.tabs div.tabs:hover { background-color:#6495ed63; }
fieldset.Action.tabview>div.output { overflow:hidden; } fieldset.Action.tabview>div.output { overflow:hidden; }
fieldset.Action.tabview>div.output fieldset.plugin.iframe div.output { overflow:hidden; } fieldset.Action.tabview>div.output fieldset.plugin.iframe div.output { overflow:hidden; }
fieldset.Action.tabview>div.output>fieldset>legend { display:none; } fieldset.Action.tabview>div.output>fieldset>legend { display:none; }
@ -37,19 +41,10 @@ fieldset.Action.grid>div.output>fieldset.plugin>form.option input[type=text] { w
fieldset.Action.flow>div.output>fieldset.plugin { float:left; } fieldset.Action.flow>div.output>fieldset.plugin { float:left; }
fieldset.Action.free>div.output>fieldset.plugin { position:absolute; } fieldset.Action.free>div.output>fieldset.plugin { position:absolute; }
fieldset.Action.free>div.output>fieldset.plugin.select { display:block; } fieldset.Action.free>div.output>fieldset.plugin.select { display:block; }
fieldset.Header action>div.tabs { padding:0; margin-left:20px; display:contents; }
fieldset.Header action>div.tabs:hover { background-color:none; }
fieldset.Header div.tabs div.tabs { padding:5px 10px; }
fieldset.Header div.tabs div.tabs:hover { background-color:#6495ed63; }
fieldset.Action>div.project.toggle { fieldset.Action>div.project.toggle {
background-color:cornsilk; opacity:0.4; color:teal; font-size:36px; padding-top:50px; height:150px; width:20px; position:fixed; top:30%; background-color:cornsilk; opacity:0.4; color:teal; font-size:36px; padding-top:50px; height:150px; width:20px; position:fixed; top:30%;
border-top-right-radius:20px; border-bottom-right-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px;
} }
// fieldset.Action>div.output>fieldset.plugin>legend { box-shadow:4px 4px 20px 4px #626bd0; }
fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full)>legend { float:none; }
fieldset.Action.cmd>div.output>fieldset.plugin { padding:0; margin:0; }
fieldset.Action.cmd>div.output>fieldset.plugin>legend { padding:0 10px; float:left; }
fieldset.Action.cmd>div.output>fieldset.plugin:not(.float):not(.full)>legend { float:left; }
div.head { background-color:#404040; color:white; padding:5px; height:42px; clear:both; } div.head { background-color:#404040; color:white; padding:5px; height:42px; clear:both; }
div.head div.username { float:right; margin-right:10px; } div.head div.username { float:right; margin-right:10px; }

16
panel/action.js
View File

@ -42,7 +42,7 @@ Volcanos(chat.ONKEYMAP, {_init: function(can, target) { can.onkeymap._build(can)
var sub = can._plugins[parseInt(event.key)-1]; if (sub) { var sub = can._plugins[parseInt(event.key)-1]; if (sub) {
can._output.scrollTop = sub._target.offsetTop-html.PLUGIN_MARGIN can._output.scrollTop = sub._target.offsetTop-html.PLUGIN_MARGIN
sub._header_tabs.click() sub._header_tabs.click()
// can.onmotion.delay(can, function() { sub.Focus() }) can.onmotion.delay(can, function() { sub.Focus() })
} }
} }
can._keylist = can.onkeymap._parse(msg._event, can, model, can._keylist||[], can._output) can._keylist = can.onkeymap._parse(msg._event, can, model, can._keylist||[], can._output)
@ -100,15 +100,10 @@ Volcanos(chat.ONACTION, {_init: function(can, target) {
), ),
onmain: function(can) { can.onimport._share(can, can.misc.Search(can, web.SHARE)) }, onmain: function(can) { can.onimport._share(can, can.misc.Search(can, web.SHARE)) },
onlogin: function(can) { if (!can.Conf(chat.TOOL) && !can.user.mod.isCmd) { return } onlogin: function(can) { if (!can.Conf(chat.TOOL) && !can.user.mod.isCmd) { return }
// can._names = location.pathname, can.Conf(chat.TOOL)? can.core.Next(can.Conf(chat.TOOL), function(item, next) {
// can.onimport._cmd(can, item, next)
// }): can.runAction(can.request(), ctx.COMMAND, [], function(msg) { can.core.Next(msg.Table(), function(item, next) {
can.onengine.signal(can, chat.ONACTION_CMD) can.onengine.signal(can, chat.ONACTION_CMD)
can._names = location.pathname, can.Conf(chat.TOOL)? can.onappend.layout(can, can._output, "flow", can.core.List(can.Conf(chat.TOOL), function(item) { can._names = location.pathname, can.Conf(chat.TOOL)? can.onappend.layout(can, can._output, "flow", can.core.List(can.Conf(chat.TOOL), function(item, index, list) {
item.type = "plugin" if (list.length == 1) { item.height = window.innerHeight-2*html.ACTION_HEIGHT }
item.opts = can.misc.Search(can) item.type = chat.PLUGIN, item.mode = chat.CMD, item.opts = can.misc.Search(can); return item
item.mode = chat.CMD; return item
})).layout(window.innerWidth, window.innerHeight): can.runAction(can.request(), ctx.COMMAND, [], function(msg) { can.core.Next(msg.Table(), function(item, next) { })).layout(window.innerWidth, window.innerHeight): can.runAction(can.request(), ctx.COMMAND, [], function(msg) { can.core.Next(msg.Table(), function(item, next) {
can.onimport._cmd(can, item, next) can.onimport._cmd(can, item, next)
}) }) }) })
@ -126,7 +121,8 @@ Volcanos(chat.ONACTION, {_init: function(can, target) {
return can.onengine.signal(can, chat.ONACTION_NOTOOL, can.request({}, {river: river, storm: storm})) return can.onengine.signal(can, chat.ONACTION_NOTOOL, can.request({}, {river: river, storm: storm}))
} }
can.onaction.layout(can, can.misc.SearchOrConf(can, html.LAYOUT)||msg.Option(html.LAYOUT), true) can.onaction.layout(can, can.misc.SearchOrConf(can, html.LAYOUT)||msg.Option(html.LAYOUT), true)
return can.onkeymap._init(can), can.onimport._menu(can, msg), can.onimport._init(can, msg) // return can.onkeymap._init(can), can.onimport._menu(can, msg), can.onimport._init(can, msg)
return can.onkeymap._init(can), can.onimport._init(can, msg)
}) })
}, },
onaction_cmd: function(can, msg) { can.Conf(html.MARGIN_Y, 2*html.ACTION_HEIGHT), can.Conf(html.MARGIN_X, 0) onaction_cmd: function(can, msg) { can.Conf(html.MARGIN_Y, 2*html.ACTION_HEIGHT), can.Conf(html.MARGIN_X, 0)

8
panel/footer.css
View File

@ -1,12 +1,14 @@
fieldset.Footer { font-size:1.1rem; padding:0 5px; clear:both; } fieldset.Footer { font-size:1.1rem; padding:0 5px; clear:both; }
fieldset.Footer>div.output { overflow:auto; } fieldset.Footer>div.output { overflow:auto; }
fieldset.Footer>div.output div { cursor:pointer; padding:5px; height:31px; } fieldset.Footer>div.output div { padding:5px; height:31px; cursor:pointer; }
fieldset.Footer>div.output div:hover { background-color:#2e515f; } fieldset.Footer>div.output div:hover { background-color:#2e515f; }
fieldset.Footer>div.output div.title { float:left; } fieldset.Footer>div.output div.title { float:left; }
fieldset.Footer>div.output div.state { font-family:monospace; float:right; } fieldset.Footer>div.output div.state { font-family:monospace; float:right; }
fieldset.Footer>div.output div.state label { font-size:12px; }
fieldset.Footer>div.output div.toast { background-color:darkcyan; float:right; } fieldset.Footer>div.output div.toast { background-color:darkcyan; float:right; }
fieldset.Footer>div.output div.cmd { padding:0px; float:left; } fieldset.Footer>div.output div.cmd { padding:0px; float:left; }
fieldset.Footer>div.output input[name=cmd] { width:120px; } fieldset.Footer>div.output input[name=cmd] { margin-left:40px; width:120px; transition:all 0.5s; }
fieldset.Footer>div.output input[name=cmd]:focus { width:320px; } fieldset.Footer>div.output input[name=cmd]:focus { width:320px; transition:all 0.5s; }
fieldset.Footer>div.output input[name=cmd]:hover { width:320px; transition:all 0.5s; }
fieldset.story.nlog.float tbody tr.warn { color:yellow; } fieldset.story.nlog.float tbody tr.warn { color:yellow; }
fieldset.story.nlog.float tbody tr.error { color:red; } fieldset.story.nlog.float tbody tr.error { color:red; }

2
panel/footer.js
View File

@ -17,7 +17,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) {
case cli.CLEAR: can.cli && can.cli.close(); break case cli.CLEAR: can.cli && can.cli.close(); break
default: default:
can.runAction(event, ice.RUN, can.core.Split(event.target.value, ice.SP), function(msg) { can.cli && can.cli.close && can.cli.close(), can["cli"] = {}; var ui = can.onexport.float(can, msg, "cli") can.runAction(event, ice.RUN, can.core.Split(event.target.value, ice.SP), function(msg) { can.cli && can.cli.close && can.cli.close(), can["cli"] = {}; var ui = can.onexport.float(can, msg, "cli")
can.getActionSize(function(left) { can.page.style(can, ui._target, html.LEFT, left, html.RIGHT, "", html.BOTTOM, can.onexport.height(can)) }) can.getActionSize(function(left) { can.page.style(can, ui._target, html.LEFT, left+10, html.RIGHT, "", html.BOTTOM, can.onexport.height(can)) })
}) })
} }}, "", target, [chat.TITLE, ice.CMD]) }, } }}, "", target, [chat.TITLE, ice.CMD]) },
count: function(can, name) { can.page.Select(can, can._output, can.core.Keys(html.SPAN, name), function(item) { item.innerHTML = can.Conf(name, parseInt(can.Conf(name)||"0")+1+"")+"" }) }, count: function(can, name) { can.page.Select(can, can._output, can.core.Keys(html.SPAN, name), function(item) { item.innerHTML = can.Conf(name, parseInt(can.Conf(name)||"0")+1+"")+"" }) },

7
panel/header.css
View File

@ -1,11 +1,14 @@
fieldset.Header { font-size:1.1rem; padding:0 5px; height:31px; overflow:auto; z-index:10; } fieldset.Header { font-size:1.1rem; padding:0 5px; height:31px; overflow:auto; z-index:10; }
fieldset.Header>div.output { overflow:hidden; } fieldset.Header>div.output { overflow:hidden; }
fieldset.Header>div.output div { cursor:pointer; padding:5px; height:31px; float:left; } fieldset.Header>div.output div { padding:5px; height:31px; float:left; cursor:pointer; }
fieldset.Header>div.output div:hover { background-color:#2e515f; } fieldset.Header>div.output div:hover { background-color:#2e515f; }
fieldset.Header>div.output div.title { float:left; } fieldset.Header>div.output div.title { float:left; }
fieldset.Header>div.output div.state { float:right; } fieldset.Header>div.output div.state { float:right; }
fieldset.Header>div.output div.state.avatar { padding:0; height:31px; } fieldset.Header>div.output div.state.avatar { padding:0; height:31px; }
fieldset.Header>div.output div.state.avatar>img { height:31px; } fieldset.Header>div.output div.state.avatar>img { height:31px; }
fieldset.Header>div.output div.search { margin-left:20px; float:left; } fieldset.Header>div.output div.search { margin-left:20px; float:left; }
fieldset.Header>div.output div.search>input { margin-top:-5px; height:30px; } fieldset.Header>div.output search { float:left; }
fieldset.Header>div.output div.search>input { margin-top:-5px; height:30px; transition:all 0.5s; }
fieldset.Header>div.output div.search>input:focus { width:320px; transition:all 0.5s; }
fieldset.Header>div.output div.search>input:hover { width:320px; transition:all 0.5s; }
fieldset.Header>div.output river { margin-right:100px; } fieldset.Header>div.output river { margin-right:100px; }

13
panel/header.js
View File

@ -4,7 +4,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) {
can.onimport._avatar(can, msg, target) can.onimport._avatar(can, msg, target)
can.onimport._background(can, msg, target) can.onimport._background(can, msg, target)
can.onimport._search(can, msg, target) can.onimport._search(can, msg, target)
can.onimport._menus(can, msg, target) // can.onimport._menus(can, msg, target)
}, },
_title: function(can, msg, target) { if (can.user.isMobile) { return } _title: function(can, msg, target) { if (can.user.isMobile) { return }
can.core.List(can.base.getValid(can.Conf(chat.TITLE)||msg.result, ["shylinux.com/x/contexts"]), function(item) { can.core.List(can.base.getValid(can.Conf(chat.TITLE)||msg.result, ["shylinux.com/x/contexts"]), function(item) {
@ -12,13 +12,14 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) {
}) })
}, },
_state: function(can, msg, target) { if (can.user.isMobile) { return } _state: function(can, msg, target) { if (can.user.isMobile) { return }
can.core.List(can.base.Obj(can.Conf(chat.STATE)||msg.Option(chat.STATE), [aaa.AVATAR, aaa.USERNICK, mdb.TIME]).reverse(), function(item) { can.core.List(can.base.Obj(can.Conf(chat.STATE)||msg.Option(chat.STATE), [aaa.USERNICK, aaa.AVATAR, mdb.TIME]).reverse(), function(item) {
// can.core.List(can.base.Obj(can.Conf(chat.STATE)||msg.Option(chat.STATE), [aaa.AVATAR, aaa.USERNICK, mdb.TIME]).reverse(), function(item) {
if (item == aaa.AVATAR ) { if (can.user.isLocalFile) { return } if (item == aaa.AVATAR ) { if (can.user.isLocalFile) { return }
can.page.Append(can, target, [{view: can.base.join([chat.STATE, item]), list: [{img: ice.SP}], onmouseenter: function(event) { can.page.Append(can, target, [{view: can.base.join([chat.STATE, item]), list: [{img: ice.SP}], onclick: function(event) {
can.onaction.carte(event, can, [can.page.Format(html.IMG, can.onexport.avatar(can), 160)]) can.onaction.carte(event, can, [can.page.Format(html.IMG, can.onexport.avatar(can), 160)])
}}]); return }}]); return
} }
can.page.Append(can, target, [{view: [can.base.join([chat.STATE, item]), html.DIV, (can.Conf(item)||msg.Option(item)||"").split("@")[0].slice(0, 10)], onmouseenter: function(event) { can.page.Append(can, target, [{view: [can.base.join([chat.STATE, item]), html.DIV, (can.Conf(item)||msg.Option(item)||"").split("@")[0].slice(0, 10)], onclick: function(event) {
can.core.CallFunc([can.onaction, item], [event, can, item]) can.core.CallFunc([can.onaction, item], [event, can, item])
}, _init: function(target) { item == mdb.TIME && can.onimport._time(can, target) }}]) }, _init: function(target) { item == mdb.TIME && can.onimport._time(can, target) }}])
}) })
@ -113,7 +114,7 @@ Volcanos(chat.ONACTION, {
logout: function(event, can) { can.user.logout(can) }, logout: function(event, can) { can.user.logout(can) },
}) })
Volcanos(chat.ONEXPORT, {height: function(can) { return can._target.offsetHeight }, Volcanos(chat.ONEXPORT, {height: function(can) { return can._target.offsetHeight },
topic: function(can) { return can._topic || can.misc.Search(can, chat.TOPIC) || (can.base.isNight()? "dark": chat.WHITE) }, topic: function(can) { return can._topic || can.misc.Search(can, chat.TOPIC) || (can.base.isNight()? "dark": "light") },
background: function(can) { return can.user.info.background == "void"? "": can.user.info.background }, background: function(can) { return can.user.info.background == "void"? "": can.user.info.background },
avatar: function(can) { return can.user.info.avatar == "void"? "": can.user.info.avatar }, avatar: function(can) { return can.user.info.avatar == "void"? "": can.user.info.avatar },
}) })
@ -123,7 +124,7 @@ Volcanos(chat.ONPLUGIN, {
}), }),
topic: shy("界面主题", { topic: shy("界面主题", {
_init: function(can) { can.Option(chat.TOPIC, can.getHeader(chat.TOPIC)) }, _init: function(can) { can.Option(chat.TOPIC, can.getHeader(chat.TOPIC)) },
}, ["topic:select=black,white,light,dark", ice.RUN], function(can, msg, arg) { }, ["topic:select=dark,light,white,black", ice.RUN], function(can, msg, arg) {
msg.Echo(can.onimport.topic(can, arg[0])) msg.Echo(can.onimport.topic(can, arg[0]))
}), }),
location: shy("请求地址", { location: shy("请求地址", {

4
panel/search.css
View File

@ -1,5 +1,5 @@
fieldset.Search { background-color:#041a25bd; padding:10px; display:none; position:fixed; left:0px; top:31px; } fieldset.Search { background-color:#041a25bd; padding:10px; display:none; position:fixed; left:0px; top:31px; }
fieldset.Search input.word { width:100%; } fieldset.Search input.word { width:100%; }
fieldset.Search>div.output table { width:100%; } fieldset.Search>div.output table { width:100%; }
// fieldset.Search>div.status { border-top:1px solid darkcyan; } fieldset.Search>div.status { display:block; }
fieldset.Search>div.status { display:block; overflow:auto; } fieldset.Search.panel fieldset.story>form.option input[type=button][name=close] { display:block; }

4
panel/search.js
View File

@ -12,7 +12,9 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg) { can.onmotion.clear(can, can
can.onengine.signal(can, chat.ONSEARCH, res), can.type = arg[0], can.onimport._init(can, res) can.onengine.signal(can, chat.ONSEARCH, res), can.type = arg[0], can.onimport._init(can, res)
}), can.onmotion.show(can) }), can.onmotion.show(can)
}, },
select: function(can, msg, cmds, cb) { can.getActionSize(function(left, top, width, height) { can.page.style(can, can._target, {left: left||0, top: top||0}), can.onaction.onsize(can, height, width) }) select: function(can, msg, cmds, cb) { can.getActionSize(function(left, top, width, height) {
can.page.style(can, can._target, {left: left||0, top: top||0, width: width}), can.onaction.onsize(can, height, width)
})
var fields = (cmds[2]||msg.Option(ice.MSG_FIELDS)||"ctx,cmd,type,name,text").split(ice.FS); can.page.Appends(can, can.ui.display, [{th: fields}]), can.onmotion.hidden(can, can.ui.display) var fields = (cmds[2]||msg.Option(ice.MSG_FIELDS)||"ctx,cmd,type,name,text").split(ice.FS); can.page.Appends(can, can.ui.display, [{th: fields}]), can.onmotion.hidden(can, can.ui.display)
can.ui.word.value = cmds[1], can.input = function(event, word) { cmds[1] = word||cmds[1]; can.onimport._word(can, msg, cmds, fields) } can.ui.word.value = cmds[1], can.input = function(event, word) { cmds[1] = word||cmds[1]; can.onimport._word(can, msg, cmds, fields) }
can.cb = function() { can.base.isFunc(cb) && cb(can.onexport.select(can)), can.onmotion.hide(can) } can.cb = function() { can.base.isFunc(cb) && cb(can.onexport.select(can)), can.onmotion.hide(can) }

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

@ -1,20 +1,8 @@
fieldset.inner>form.option input[name=path] { width:80px; } fieldset.inner>form.option input[name=path] { width:80px; }
fieldset.inner>form.option input[name=file] { width:160px; } fieldset.inner>form.option input[name=file] { width:160px; }
fieldset.inner>div.action>div.tabs { padding:5px; margin:0 1px; } fieldset.inner>div.output * { font-size:14px; font-family:monospace; outline:none; }
fieldset.inner>div.output>div.project { width:230px; } fieldset.inner>div.output div.content { position:relative; }
fieldset.inner>div.output>div.layout.flow { width:min-content; } fieldset.inner>div.output div.content td.text span.comment { color:green; }
fieldset.inner>div.output>div.layout.flow>div.tabs { display:none; }
fieldset.inner>div.output>div.layout.flow>div.path { display:none; }
fieldset.inner>div.output input { font-size:14px; }
fieldset.inner>div.output div.zone { font-size:14px; line-height:20px; }
fieldset.inner>div.output div.zone input { outline:none; }
fieldset.inner>div.output div.content { color:white; font-size:14px; font-family:monospace; position:relative; }
fieldset.inner>div.output div.content>tr:hover { background-color:#4682b46b; }
fieldset.inner>div.output div.content>tr.select { background-color:#4682b46b; }
fieldset.inner>div.output div.content>tr.select td.line { background-color:#6495ed63; border:solid 1px red; border-right:solid 2px red; }
fieldset.inner>div.output div.content td.line { position:sticky; left:0; text-align:right; padding:0 6px; border-right:solid 2px red; }
fieldset.inner>div.output div.content td.text { line-height:20px; white-space:pre; padding-left:10px; cursor:text; }
fieldset.inner>div.output div.content td.text span.comment { background-color:#0000; color:green; }
fieldset.inner>div.output div.content td.text span.keyword { color:yellow; } fieldset.inner>div.output div.content td.text span.keyword { color:yellow; }
fieldset.inner>div.output div.content td.text span.package { color:lightgreen; } fieldset.inner>div.output div.content td.text span.package { color:lightgreen; }
fieldset.inner>div.output div.content td.text span.datatype { color:cyan; } fieldset.inner>div.output div.content td.text span.datatype { color:cyan; }
@ -22,101 +10,65 @@ fieldset.inner>div.output div.content td.text span.function { color:lightgreen;
fieldset.inner>div.output div.content td.text span.constant { color:magenta; } fieldset.inner>div.output div.content td.text span.constant { color:magenta; }
fieldset.inner>div.output div.content td.text span.string { color:magenta; } fieldset.inner>div.output div.content td.text span.string { color:magenta; }
fieldset.inner>div.output div.content td.text span.object { color:cyan; } fieldset.inner>div.output div.content td.text span.object { color:cyan; }
fieldset.inner>div.output div.find.float { position:absolute; z-index:10; } fieldset.inner>div.output legend { font-size:1rem; line-height:2rem; }
fieldset.inner.cmd>div.output>div.layout.flow>div.tabs { height:38px; overflow:auto; display:block; } fieldset.inner>div.output>div.project { width:230px; }
// fieldset.inner.cmd>div.output>div.layout.flow>div.tabs { background-color:#70809096; height:38px; overflow:auto; display:block; } fieldset.inner>div.output>div.layout.flow>div.tabs { display:none; }
fieldset.inner.cmd>div.output>div.layout.flow>div.tabs>div { font-family:monospace; padding:10px 30px; height:38px; float:left; } fieldset.inner>div.output>div.layout.flow>div.path { display:none; }
fieldset.inner.cmd>div.output>div.layout.flow>div.tabs { height:38px; display:block; overflow:auto; }
fieldset.inner.cmd>div.output>div.layout.flow>div.tabs>div { padding:10px 20px; height:38px; float:left; }
fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.avatar { padding:0; height:38px; float:right; } fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.avatar { padding:0; height:38px; float:right; }
fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.avatar>img { height:38px; } fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.avatar>img { height:38px; }
fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.time { float:right; } fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.time { float:right; }
fieldset.inner.cmd>div.output>div.layout.flow>div.path { font-family:monospace; padding:5px 10px; display:block; } fieldset.inner.cmd>div.output>div.layout.flow>div.path { padding:5px; display:block; }
fieldset.inner.cmd>div.output>div.layout.flow>div.path span.item { padding:0px 5px; } fieldset.inner.cmd>div.output>div.layout.flow>div.path span.func { margin-left:20px; }
fieldset.inner.cmd>div.output>div.layout.flow>div.path span.item:hover { background-color:cornflowerblue; cursor:pointer; }
body.black fieldset.inner>div.output div.content td.text span.comment { background-color:blue; color:cyan; } body.white div.path span.item:hover { background-color:whitesmoke; }
// body.white fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div { padding:10px 30px; } body.white div.carte.path.float div.item:hover { background-color:white; }
body.white fieldset.inner>div.output div.project div.zone>div.list>div.zone>div.name { background-color:#e8e9f3; } body.white fieldset.inner.cmd>div.output { background-color:whitesmoke; }
body.white fieldset.inner.cmd>div.output>div.layout.flow>div.tabs { height:38px; }
body.white fieldset.inner>div.output div.zone { color:#6c6c6c; }
body.white fieldset.inner>div.output div.zone.dream { color:black; }
body.white fieldset.inner>div.output input[type=button] { background-color:#1f87d5;; }
body.white fieldset.inner>div.output div.content td.text { line-height:14px; }
body.white fieldset.inner>div.output div.content td.text span.constant { color:#876d2e; }
body.white fieldset.inner.cmd>div.output>div.layout.flow>div.tabs { background-color:#f5f5f5; }
body.white fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div { background-color:#eeefee; }
body.white fieldset.inner:not(.float):not(.full)>div.output div.content { color:black; }
body.white fieldset.inner:not(.float):not(.full)>div.output div.content td.text span.keyword { color:blue; }
body.white fieldset.inner:not(.float):not(.full)>div.output div.content td.text span.datatype { color:#02168e; }
body.white fieldset.inner:not(.float):not(.full)>div.output div.content td.text span.function { color:green; }
body.white fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div:hover { background-color:white; }
body.white fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.select { background-color:white; }
body.white fieldset.inner.cmd>div.output>div.layout.flow>div.path { background-color:white; }
body.white fieldset.inner.cmd>div.output div.project { background-color:whitesmoke; }
body.white fieldset.inner.cmd>div.output div.project.toggle { background-color:#4682b46b; }
body.white fieldset.inner.cmd>div.output div.content { background-color:white; } body.white fieldset.inner.cmd>div.output div.content { background-color:white; }
body.white fieldset.inner.cmd>div.output div.content tr.select { background-color:white; } body.white fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.select { background-color:white; }
body.white fieldset.inner.cmd>div.output div.content tr.select td.line { background-color:steelblue; color:white; border:none; } body.white fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div:hover { background-color:white; }
body.white fieldset.inner.cmd>div.output div.content tr.select td.text { border:solid 1px lightgray; } body.white fieldset.inner.cmd>div.output>div.layout.flow>div.path { background-color:white; }
body.white fieldset.inner.cmd>div.output div.content td.line { background:white; padding-top:4px; border-right:none; } body.white fieldset.inner>div.output div.content tr:hover { background-color:whitesmoke; }
body.white fieldset.inner.cmd>div.output div.content td.text { border:solid 1px transparent; } body.white fieldset.inner>div.output div.content tr.select { background-color:whitesmoke; }
body.white fieldset.inner>div.output div.content td.text span.string { color:royalblue; } body.white fieldset.inner>div.output div.content tr.select td.line { background-color:steelblue; color:white; }
body.white fieldset.inner>div.output div.content td.text span.comment { color:darkgrey; }
body.white fieldset.inner>div.output div.content td.text span.keyword { color:blue; }
body.white fieldset.inner>div.output div.content td.text span.package { color:brown; } body.white fieldset.inner>div.output div.content td.text span.package { color:brown; }
body.white fieldset.inner>div.output div.content td.text span.datatype { color:darkgreen; }
body.white fieldset.inner>div.output div.content td.text span.function { color:green; }
body.white fieldset.inner>div.output div.content td.text span.constant { color:brown; }
body.white fieldset.inner>div.output div.content td.text span.string { color:royalblue; }
body.white fieldset.inner>div.output div.content td.text span.object { color:darkcyan; }
body.black fieldset.inner>div.output div.content td.text span.comment { background-color:blue; color:cyan; }
body.mobile fieldset.inner>form.option input[name=file] { width:90px; } body.mobile fieldset.inner>form.option input[name=file] { width:90px; }
body.mobile fieldset.inner.cmd>div.output div.toggle { display:block; } body.mobile fieldset.word fieldset.inner>form.option input[type=text] { display:none; }
body.mobile fieldset.inner.cmd>div.output div.toggle { background-color:lightblue; width:30px; }
body.mobile fieldset.inner.cmd>div.output div.toggle.display { background-color:lightblue; margin-top:-33px; height:30px; width:100px; }
.unselectable {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}
div.project div.zone.create>div.action { display:none; }
div.project div.zone.create>div.list div.item { padding:2px; float:left; clear:none; }
div.project div.zone.create>div.list div.item input { font-family:monospace; letter-spacing:2px; }
body.webview div.project div.zone.create>div.list div.item { padding:2px; }
body.white.simple fieldset.plugin div.output.json div.item span.nonce { color:lightgray; }
fieldset.word fieldset.inner>form.option input[name=path] { width:240px; }
fieldset.Action fieldset.plugin.cmd { border:none; } div.zone>div.action>div.item input[type=text] { margin-right:-10px; }
div.carte.path.float { font-size:14px; border-radius:0; } div.zone>div.list>div.zone>div.name:hover { margin-left:10px; transition:all 0.3s; }
div.carte.path.float div.item { padding:5px; } div.tabs>div div.icon { margin-left:10px; margin-top:2px; float:right; visibility:hidden; } div.tabs>div:hover div.icon { visibility:visible; }
div.action>div div.icon { margin-left:10px; margin-top:2px; float:right; visibility:hidden; } div.action>div:hover div.icon { visibility:visible; }
div.carte.path.float { font-size:14px; border-radius:0; } div.carte.path.float div.item { padding:5px; }
div.path span.item { padding:5px; cursor:pointer; }
tr.line>td.line { text-align:right; padding:0 10px; position:sticky; left:0; }
tr.line>td.text { line-height:20px; white-space:pre; padding-left:10px; cursor:text; }
body.white tr.line.select { background-color:dimgray; } body.white tr.line:hover { background-color:dimgray; }
body.black tr.line.select { background-color:darkblue; } body.black tr.line:hover { background-color:darkblue; }
fieldset>div.output>fieldset.plug { bottom:0px; right:0px; display:none; }
fieldset>div.output>fieldset.plug.select { display:block; }
body.mobile fieldset.plugin>legend { border:none; }
.unselectable { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }
fieldset>div.output>fieldset.plug { position:absolute; bottom:0px; right:0px; } body.dark fieldset.inner>div.output div.content td.text span.comment { color:green; }
fieldset.cmd>div.output>fieldset.plug { position:fixed; bottom:0px; right:0px; } body.dark fieldset.inner>div.output div.content td.text span.keyword { color:#5e99c9; }
fieldset>div.output>fieldset.plug { display:none; } body.dark fieldset.inner>div.output div.content td.text span.datatype { color:#d2d2d2; }
fieldset>div.output>fieldset.plug.select { background-color:#060709; color:white; display:block; z-index:10; }
fieldset.inner div.output div.complete>div {
white-space: pre;
float:left;
}
fieldset.inner div.project div.zone>div.action>div.item input[type=text] { margin-right:-10px; }
body.dark fieldset.inner div.project div.zone>div.action>div.item input[type=text] { background-color:#444444; color:white; outline:none; margin-right:-10px; }
body.dark fieldset.inner div.project div.zone>div.action>div.item input[type=text]:hover { background-color:#444444; color:white; outline:none; }
body.dark fieldset.inner>div.output div.project div.zone>div.list>div.zone>div.name { background-color:#3f3f46; }
body.dark fieldset.inner>div.output div.zone { background-color:#2a2a2a; }
body.dark fieldset.inner>div.output input { background-color:#444444; color:white; font-family:monospace; outline:none; }
body.dark fieldset.inner>div.output div.complete div.content { background-color:#2a2a2a; }
body.dark fieldset.inner>div.output div.complete table { background-color:#2a2a2a; }
body.dark fieldset.inner>div.output input[type=button] { background-color:#1d6fa8; }
body.dark fieldset.inner>div.output input:hover { background-color:#444444; color:white; outline:none; }
body.dark fieldset.inner>div.output { font-size:14px; line-height:20px; color:#d2d2d2; }
body.dark fieldset.inner>div.output legend { font-size:1rem; line-height:2rem; color:#d2d2d2; }
body.dark fieldset.inner>div.output>div.layout.flow>div.tabs { height:40px; }
body.dark fieldset.inner>div.output>div.layout.flow>div.tabs>div { padding:10px 30px; }
body.dark fieldset.inner>div.output>div.layout.flow>div.tabs div.avatar { height:40px; }
body.dark fieldset.inner>div.output div.content tr.select td.line { border:solid 0px #494949; }
body.dark fieldset.inner>div.output div.content td.text span.keyword { color:#5e99c9; font-weight:normal; }
body.dark fieldset.inner>div.output div.content td.text span.constant { color:#bed3af; } body.dark fieldset.inner>div.output div.content td.text span.constant { color:#bed3af; }
body.dark fieldset.inner>div.output div.content td.text span.string { color:#d19b81; } body.dark fieldset.inner>div.output div.content td.text span.string { color:#d19b81; }
body.dark fieldset.inner>div.output div.content td.text span.comment { background-color:#0000; color:green; } body.light fieldset.inner>div.output div.content td.text span.comment { color:darkgrey; }
body.dark fieldset.inner>div.output div.content td.text span.datatype { color:#d2d2d2; } body.light fieldset.inner>div.output div.content td.text span.keyword { color:#3d45ff; }
body.light fieldset.inner>div.output div.content td.text span.package { color:darkblue; }
body.dark div.code { border:solid 1px cadetblue } body.light fieldset.inner>div.output div.content td.text span.datatype { color:darkblue; }
body.dark div.float { background-color:#2a2a2a; } body.light fieldset.inner>div.output div.content td.text span.function { color:darkcyan; }
body.dark div.float input { background-color:#444444; color:white; } body.light fieldset.inner>div.output div.content td.text span.constant { color:#a8120e; }
body.dark div.float input:hover { background-color:#444444; } body.light fieldset.inner>div.output div.content td.text span.string { color:#a8120e; }
body.dark div.float input:focus { outline:none; border:solid 1px #64afeb; } body.light fieldset.inner>div.output div.content td.text span.object { color:darkblue; }

26
plugin/local/code/inner.js
View File

@ -113,9 +113,10 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
if (block && ls[1] == ice.DF) { push("+ "+block+ice.SP+ls[0]+ice.DF+(index+1)) } if (block && ls[1] == ice.DF) { push("+ "+block+ice.SP+ls[0]+ice.DF+(index+1)) }
} }
} }
}); (can.parse == nfs.JS || can.parse == nfs.GO) && can.page.Append(can, target, [{view: [html.ITEM, html.SPAN, (current||"function")+" / "+can.max+percent], onclick: function(event) { }); (can.parse == nfs.JS || can.parse == nfs.GO) && can.page.Append(can, target, [{view: [[html.ITEM, "func"], html.SPAN, (current||"function")+" / "+can.max+percent], onclick: function(event) {
can.user.carte(event, can, {_style: nfs.PATH}, list, function(ev, button) { can.user.carte(event, can, {_style: nfs.PATH}, list, function(ev, button) {
can.onimport.tabview(can, can.Option(nfs.PATH), can.Option(nfs.FILE), can.core.Split(button, ice.DF)[1]) can.onimport.tabview(can, can.Option(nfs.PATH), can.Option(nfs.FILE), can.core.Split(button, ice.DF)[1])
can.onmotion.clearFloat(can)
}) })
}}]) }}])
}, },
@ -148,14 +149,14 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
}), can.ui.current && can.onmotion.toggle(can, can.ui.current, !isCommand() && !isDream()) }), can.ui.current && can.onmotion.toggle(can, can.ui.current, !isCommand() && !isDream())
var ls = can.file.split(ice.PS); if (ls.length > 4) { ls = [ls.slice(0, 2).join(ice.PS)+"/.../"+ls.slice(-2).join(ice.PS)] } var ls = can.file.split(ice.PS); if (ls.length > 4) { ls = [ls.slice(0, 2).join(ice.PS)+"/.../"+ls.slice(-2).join(ice.PS)] }
can.Status(kit.Dict("文件", ls.join(ice.PS), "类型", can.parse)), can.onimport.layout(can) can.Status(kit.Dict("文件", ls.join(ice.PS), "类型", can.parse)), can.onimport.layout(can)
// if (!skip) { can.onaction.selectLine(can, can.Option(nfs.LINE)), can.onaction.scrollIntoView(can) } can.base.isFunc(cb) && cb(), cb = null
can.onaction.selectLine(can, can.Option(nfs.LINE)), can.onaction.scrollIntoView(can) can.onaction.selectLine(can, can.Option(nfs.LINE)), can.onaction.scrollIntoView(can)
can.base.isFunc(cb) && cb(), cb = null can.base.isFunc(cb) && cb(), cb = null
}) })
} }
function load(msg) { var skip = false; can.db.tabview[key] = msg function load(msg) { var skip = false; can.db.tabview[key] = msg
can.onimport.tabs(can, [{name: file.split(isCommand()? ice.PT: ice.PS).pop(), text: file}], function(event) { can.onimport.tabs(can, [{name: file.split(isCommand()? ice.PT: ice.PS).pop(), text: file}], function(event, tabs) {
can._tab = msg._tab = event.target, show(skip), skip = true can._tab = msg._tab = tabs._target, show(skip), skip = true
}, function(item) { can.onengine.signal(can, "tabview.view.delete", msg) }, function(item) { can.onengine.signal(can, "tabview.view.delete", msg)
msg._content != can.ui._content && can.page.Remove(can, msg._content), msg._profile != can.ui._profile && can.page.Remove(can, msg._profile) msg._content != can.ui._content && can.page.Remove(can, msg._content), msg._profile != can.ui._profile && can.page.Remove(can, msg._profile)
delete(can.ui._content._cache[key]), delete(can.ui._profile._cache[key]), delete(can.ui.display._cache[key]) delete(can.ui._content._cache[key]), delete(can.ui._profile._cache[key]), delete(can.ui.display._cache[key])
@ -179,7 +180,10 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
can.ui.profile = sup._profile = can.page.Append(can, can.ui._profile.parentNode, [{view: [html.PROFILE, html.IFRAME], src: msg.Append(mdb.LINK)}])._target can.ui.profile = sup._profile = can.page.Append(can, can.ui._profile.parentNode, [{view: [html.PROFILE, html.IFRAME], src: msg.Append(mdb.LINK)}])._target
can.onmotion.toggle(can, can.ui.profile, true), can.onimport.layout(can) can.onmotion.toggle(can, can.ui.profile, true), can.onimport.layout(can)
} else { can.ui.profile = sup._profile = can.ui._profile } else { can.ui.profile = sup._profile = can.ui._profile
can.onimport.process(can, msg, can.ui.profile, can.ui.profile.offsetHeight||can.ui.content.offsetHeight, can.db.profile_size[can.onexport.keys(can)]||(can.ConfWidth()-can.ui.project.offsetWidth)/2) can.onimport.process(can, msg, can.ui.profile, can.ui.profile.offsetHeight||can.ui.content.offsetHeight, can.db.profile_size[can.onexport.keys(can)]||(can.ConfWidth()-can.ui.project.offsetWidth)/2, function(sub) {
can.db.profile_size[can.onexport.keys(can)] = sub.ConfWidth()
can.onimport.layout(can)
})
can.page.Select(can, can.ui.profile, html.TABLE, function(target) { can.onmotion.delay(can, function() { can.page.Select(can, can.ui.profile, html.TABLE, function(target) { can.onmotion.delay(can, function() {
if (target.offsetWidth < can.ui._profile.offsetWidth) { can.db.profile_size[can.onexport.keys(can)] = target.offsetWidth, can.onimport.layout(can) } if (target.offsetWidth < can.ui._profile.offsetWidth) { can.db.profile_size[can.onexport.keys(can)] = target.offsetWidth, can.onimport.layout(can) }
}) }) }) })
@ -234,13 +238,13 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
}, },
layout: function(can) { layout: function(can) {
if (can.isSimpleMode()) { return can.page.style(can, can.ui.content, html.WIDTH, can.ConfWidth()) } if (can.isSimpleMode()) { return can.page.style(can, can.ui.content, html.WIDTH, can.ConfWidth()) }
if (can.isCmdMode()) { can.ConfHeight(can.page.height()), can.ConfWidth(can.page.width()) } if (can.isCmdMode()) { can.page.styleHeight(can, can._output, can.ConfHeight(can.page.height())), can.ConfWidth(can.page.width()) }
if (can.isFloatMode()) { can.onmotion.hidden(can, can.ui.profile) } if (can.isFloatMode()) { can.onmotion.hidden(can, can.ui.profile) }
var width = can.ConfWidth()+(can.user.isWindows && !can.isCmdMode()? 20: 0) var width = can.ConfWidth()+(can.user.isWindows && !can.isCmdMode()? 20: 0)
var height = can.user.isMobile && can.isFloatMode()? can.page.height()-2*html.ACTION_HEIGHT: can.base.Min(can.ConfHeight(), 320)-1 var height = can.user.isMobile && can.isFloatMode()? can.page.height()-2*html.ACTION_HEIGHT: can.base.Min(can.ConfHeight(), 320)-1
can.user.isMobile && can.isCmdMode() && can.page.style(can, can._output, html.MAX_HEIGHT, height) can.user.isMobile && can.isCmdMode() && can.page.style(can, can._output, html.MAX_HEIGHT, height)
can.ui.size = {profile: can.db.profile_size[can.onexport.keys(can)]||0.5, display: can.db.display_size[can.onexport.keys(can)]||3*html.ACTION_HEIGHT} can.ui.size = {profile: can.db.profile_size[can.onexport.keys(can)]||0.5, display: can.db.display_size[can.onexport.keys(can)]||3*html.ACTION_HEIGHT}
can.ui.layout(width-2, height) can.ui.layout(width, height, 0)
var sub = can.ui.content._plugin; sub && sub.onimport.size(sub, can.ui.content.offsetHeight-2*html.ACTION_HEIGHT, can.ui.content.offsetWidth, true) var sub = can.ui.content._plugin; sub && sub.onimport.size(sub, can.ui.content.offsetHeight-2*html.ACTION_HEIGHT, can.ui.content.offsetWidth, true)
}, },
exts: function(can, url, cb) { exts: function(can, url, cb) {
@ -310,6 +314,8 @@ Volcanos(chat.ONSYNTAX, {_init: function(can, msg, cb) {
_parse: function(can, line) { line = can.page.replace(can, line||"") _parse: function(can, line) { line = can.page.replace(can, line||"")
function wrap(text, type) { return can.page.Format(html.SPAN, text, type) } function wrap(text, type) { return can.page.Format(html.SPAN, text, type) }
var p = can.onsyntax[can.parse]||{}; p = can.onsyntax[p.link]||p, p.split = p.split||{} var p = can.onsyntax[can.parse]||{}; p = can.onsyntax[p.link]||p, p.split = p.split||{}
if (p.prefix && can.core.Item(p.prefix, function(pre, type) { if (can.base.beginWith(line, pre)) { return line = wrap(line, type) } }).length > 0) { return line }
if (p.suffix && can.core.Item(p.suffix, function(end, type) { if (can.base.endWith(line, end)) { return line = wrap(line, type) } }).length > 0) { return line }
p.keyword && (line = can.core.List(can.core.Split(line, p.split.space||"\t ", p.split.operator||"{[(.,:;!?|&*/+-<=>)]}", {detail: true}), function(item, index, array) { p.keyword && (line = can.core.List(can.core.Split(line, p.split.space||"\t ", p.split.operator||"{[(.,:;!?|&*/+-<=>)]}", {detail: true}), function(item, index, array) {
item = can.base.isObject(item)? item: {text: item}; var text = item.text, type = p.keyword[text] item = can.base.isObject(item)? item: {text: item}; var text = item.text, type = p.keyword[text]
switch (item.type||type) { switch (item.type||type) {
@ -327,8 +333,6 @@ Volcanos(chat.ONSYNTAX, {_init: function(can, msg, cb) {
return t && t.length > 0? wrap(text, t[0]): type? wrap(text, type): text return t && t.length > 0? wrap(text, t[0]): type? wrap(text, type): text
} }
}).join("")) }).join(""))
p.prefix && can.core.Item(p.prefix, function(pre, type) { if (can.base.beginWith(line, pre)) { line = wrap(line, type) } })
p.suffix && can.core.Item(p.suffix, function(end, type) { if (can.base.endWith(line, end)) { line = wrap(line, type) } })
return line return line
}, },
}) })
@ -436,7 +440,7 @@ Volcanos(chat.ONACTION, {
function complete(target, button) { function complete(target, button) {
can.onappend.figure(can, {action: "key", mode: chat.SIMPLE, _enter: function(event) { can.onappend.figure(can, {action: "key", mode: chat.SIMPLE, _enter: function(event) {
if (event.ctrlKey) { meta.grep() } else { meta[button](), can.onmotion.delay(can, function() { target.focus() }) } return true if (event.ctrlKey) { meta.grep() } else { meta[button](), can.onmotion.delay(can, function() { target.focus() }) } return true
}, run: function(event, cmds, cb) { var msg = can.request(event); can.core.List(can.core.Split(can.current.text(), "\t \n{[(,:;=)]}", {detail: true}), function(value) { }, run: function(event, cmds, cb) { var msg = can.request(event); can.core.List(can.core.Split(can.current.text(), "\t {([,:;=<>])}", {detail: true}), function(value) {
if (can.base.isObject(value)) { if (value.type == html.SPACE) { return } if (can.base.isObject(value)) { if (value.type == html.SPACE) { return }
value.type == lang.STRING && msg.Push(mdb.VALUE, value.left+value.text+value.right), msg.Push(mdb.VALUE, value.text) value.type == lang.STRING && msg.Push(mdb.VALUE, value.left+value.text+value.right), msg.Push(mdb.VALUE, value.text)
} else { } else {
@ -450,7 +454,7 @@ Volcanos(chat.ONACTION, {
{type: html.BUTTON, name: nfs.REPLACE}, {type: html.BUTTON, name: cli.CLOSE}, {type: html.BUTTON, name: nfs.REPLACE}, {type: html.BUTTON, name: cli.CLOSE},
], ui.action, {_trans: {find: "查找", grep: "搜索", replace: "替换"}, ], ui.action, {_trans: {find: "查找", grep: "搜索", replace: "替换"},
find: function() { find(last+1, from.value) }, find: function() { find(last+1, from.value) },
grep: function() { can.onimport.exts(can, "inner/search.js", function(sub) { sub.select(), meta.close(), can.onmotion.delayLong(can, function() { sub.runAction(event, nfs.GREP, [from.value, can.Option(nfs.PATH)]) }) }) }, grep: function() { can.onimport.exts(can, "inner/search.js", function(sub) { sub.select(), meta.close(), can.onmotion.delay(can, function() { sub.runAction(event, nfs.GREP, [from.value, can.Option(nfs.PATH)]) }) }) },
replace: function() { var text = can.current.text(), line = can.onaction._getLineno(can, can.current.line) replace: function() { var text = can.current.text(), line = can.onaction._getLineno(can, can.current.line)
can.db.undo.push(function() { can.onaction.selectLine(can, line), can.onaction.modifyLine(can, line, text) }) can.db.undo.push(function() { can.onaction.selectLine(can, line), can.onaction.modifyLine(can, line, text) })
can.current.text(text.replace(from.value, to.value)), can.current.text().indexOf(from.value) == -1 && meta.find() can.current.text(text.replace(from.value, to.value)), can.current.text().indexOf(from.value) == -1 && meta.find()

6
plugin/local/code/inner/search.js
View File

@ -1,14 +1,12 @@
Volcanos(chat.ONIMPORT, {list: ["main", "filter", "grep:button", "history", "last"], _init: function(can, msg) { Volcanos(chat.ONIMPORT, {list: ["main", "filter", "grep:button", "history", "last"], _init: function(can, msg) {
can.misc.Debug("what")
can.onmotion.clear(can), can.onappend.table(can, msg) can.onmotion.clear(can), can.onappend.table(can, msg)
can.onmotion.delay(can, function() { can.onmotion.delay(can, function() {
msg
can.page.Select(can, can._option, "input[name=filter]", function(target) { can.page.Select(can, can._option, "input[name=filter]", function(target) {
target.onkeyup = function(event) { can.onmotion.highlight(can, target.value) } target.onkeyup = function(event) { can.onmotion.highlight(can, target.value) }
}) })
}) })
}}) }})
Volcanos(chat.ONACTION, { Volcanos(chat.ONACTION, {
"grep": function(event, can, button) { grep: function(event, can, button) { can.runAction(event, nfs.GREP, [can.Option("main")], function(msg) { can.onimport._init(can, msg) }) },
can.runAction(event, nfs.GREP, [can.Option("main")], function(msg) { can.onimport._init(can, msg) })
},
}) })

69
plugin/local/code/inner/syntax.js
View File

@ -290,9 +290,7 @@ Volcanos(chat.ONSYNTAX, {
}, sum: {}, }, sum: {},
js: { js: {
prefix: {"// ": code.COMMENT}, prefix: {"// ": code.COMMENT},
regexp: { regexp: {"[A-Z_0-9]+": code.CONSTANT},
"[A-Z_0-9]+": code.CONSTANT,
},
keyword: { keyword: {
"const": code.KEYWORD, "const": code.KEYWORD,
"var": code.KEYWORD, "var": code.KEYWORD,
@ -381,6 +379,7 @@ Volcanos(chat.ONSYNTAX, {
}, },
}, json: {}, }, json: {},
css: { css: {
prefix: {"// ": code.COMMENT, "/* ": code.COMMENT},
split: {operator: "{[(.,:;&>=)]}"}, split: {operator: "{[(.,:;&>=)]}"},
regexp: { regexp: {
"[-0-9]+deg": code.CONSTANT, "[-0-9]+deg": code.CONSTANT,
@ -390,10 +389,6 @@ Volcanos(chat.ONSYNTAX, {
"[-0-9]+": code.CONSTANT, "[-0-9]+": code.CONSTANT,
"#[^ ;]+": code.CONSTANT, "#[^ ;]+": code.CONSTANT,
}, },
prefix: {
"/* ": code.COMMENT,
"// ": code.COMMENT,
},
keyword: { keyword: {
"body": code.KEYWORD, "body": code.KEYWORD,
"fieldset": code.KEYWORD, "fieldset": code.KEYWORD,
@ -411,10 +406,12 @@ Volcanos(chat.ONSYNTAX, {
"h1": code.KEYWORD, "h1": code.KEYWORD,
"h2": code.KEYWORD, "h2": code.KEYWORD,
"h3": code.KEYWORD, "h3": code.KEYWORD,
"a": code.KEYWORD,
"label": code.KEYWORD,
"span": code.KEYWORD,
"div": code.KEYWORD,
"img": code.KEYWORD, "img": code.KEYWORD,
"svg": code.KEYWORD, "svg": code.KEYWORD,
"div": code.KEYWORD,
"span": code.KEYWORD,
"hover": code.DATATYPE, "hover": code.DATATYPE,
"focus": code.DATATYPE, "focus": code.DATATYPE,
"not": code.DATATYPE, "not": code.DATATYPE,
@ -422,6 +419,7 @@ Volcanos(chat.ONSYNTAX, {
"name": code.FUNCTION, "name": code.FUNCTION,
"display": code.FUNCTION, "display": code.FUNCTION,
"visibility": code.FUNCTION,
"overflow": code.FUNCTION, "overflow": code.FUNCTION,
"position": code.FUNCTION, "position": code.FUNCTION,
"z-index": code.FUNCTION, "z-index": code.FUNCTION,
@ -431,47 +429,57 @@ Volcanos(chat.ONSYNTAX, {
"border": code.FUNCTION, "border": code.FUNCTION,
"border-left": code.FUNCTION, "border-left": code.FUNCTION,
"border-top": code.FUNCTION, "border-top": code.FUNCTION,
"border-right": code.FUNCTION,
"border-bottom": code.FUNCTION, "border-bottom": code.FUNCTION,
"border-radius": code.FUNCTION,
"margin": code.FUNCTION, "margin": code.FUNCTION,
"margin-left": code.FUNCTION, "margin-left": code.FUNCTION,
"margin-top": code.FUNCTION, "margin-top": code.FUNCTION,
"margin-right": code.FUNCTION, "margin-right": code.FUNCTION,
"margin-bottom": code.FUNCTION, "margin-bottom": code.FUNCTION,
"box-shadow": code.FUNCTION,
"outline": code.FUNCTION,
"height": code.FUNCTION, "height": code.FUNCTION,
"width": code.FUNCTION, "width": code.FUNCTION,
"min-width": code.FUNCTION, "min-width": code.FUNCTION,
"max-height": code.FUNCTION,
"left": code.FUNCTION, "left": code.FUNCTION,
"top": code.FUNCTION, "top": code.FUNCTION,
"right": code.FUNCTION, "right": code.FUNCTION,
"bottom": code.FUNCTION, "bottom": code.FUNCTION,
"box-sizing": code.FUNCTION, "box-sizing": code.FUNCTION,
"border-box": code.CONSTANT, "border-box": code.CONSTANT,
"relative": code.CONSTANT,
"absolute": code.CONSTANT,
"sticky": code.CONSTANT,
"fixed": code.CONSTANT,
"unset": code.CONSTANT,
"solid": code.CONSTANT,
"block": code.CONSTANT, "block": code.CONSTANT,
"none": code.CONSTANT, "none": code.CONSTANT,
"auto": code.CONSTANT, "auto": code.CONSTANT,
"hidden": code.CONSTANT, "hidden": code.CONSTANT,
"visible": code.CONSTANT,
"relative": code.CONSTANT,
"absolute": code.CONSTANT,
"sticky": code.CONSTANT,
"fixed": code.CONSTANT,
"solid": code.CONSTANT,
"unset": code.CONSTANT,
"transition": code.FUNCTION,
"transform": code.FUNCTION,
"translate": code.FUNCTION,
"rotate": code.FUNCTION,
"float": code.FUNCTION, "float": code.FUNCTION,
"clear": code.FUNCTION, "clear": code.FUNCTION,
"both": code.CONSTANT, "both": code.CONSTANT,
"transform": code.FUNCTION,
"rotate": code.FUNCTION,
"translate": code.FUNCTION,
"background-color": code.FUNCTION, "background-color": code.FUNCTION,
"color": code.FUNCTION, "color": code.FUNCTION,
"tab-size": code.FUNCTION,
"font-size": code.FUNCTION, "font-size": code.FUNCTION,
"font-family": code.FUNCTION, "font-family": code.FUNCTION,
"font-weight": code.FUNCTION,
"line-height": code.FUNCTION,
"text-align": code.FUNCTION, "text-align": code.FUNCTION,
"white-space": code.FUNCTION, "white-space": code.FUNCTION,
"tab-size": code.FUNCTION, "caret-color": code.FUNCTION,
"cursor": code.FUNCTION, "cursor": code.FUNCTION,
"box-shadow": code.FUNCTION, "pointer": code.CONSTANT,
"center": code.CONSTANT, "center": code.CONSTANT,
"monospace": code.CONSTANT, "monospace": code.CONSTANT,
"black": code.CONSTANT, "black": code.CONSTANT,
@ -481,28 +489,31 @@ Volcanos(chat.ONSYNTAX, {
"blue": code.CONSTANT, "blue": code.CONSTANT,
"red": code.CONSTANT, "red": code.CONSTANT,
"green": code.CONSTANT, "green": code.CONSTANT,
"brown": code.CONSTANT,
"yellow": code.CONSTANT, "yellow": code.CONSTANT,
"magenta": code.CONSTANT,
"skyblue": code.CONSTANT, "skyblue": code.CONSTANT,
"darkblue": code.CONSTANT,
"royalblue": code.CONSTANT,
"cadetblue": code.CONSTANT, "cadetblue": code.CONSTANT,
"lightblue": code.CONSTANT,
"aliceblue": code.CONSTANT,
"steelblue": code.CONSTANT, "steelblue": code.CONSTANT,
"lightgray": code.CONSTANT,
"cornflowerblue": code.CONSTANT, "cornflowerblue": code.CONSTANT,
"lightgray": code.CONSTANT,
"darkgrey": code.CONSTANT,
"darkcyan": code.CONSTANT, "darkcyan": code.CONSTANT,
"pointer": code.CONSTANT, "darkgreen": code.CONSTANT,
"lightgreen": code.CONSTANT,
"whitesmoke": code.CONSTANT,
"dimgray": code.CONSTANT,
}, },
keyword0: { keyword0: {
"font-weight": code.FUNCTION,
"word-break": code.FUNCTION, "word-break": code.FUNCTION,
"vertical-align": code.FUNCTION, "vertical-align": code.FUNCTION,
"outline": code.FUNCTION,
"caret-color": code.FUNCTION,
"calc": code.FUNCTION, "calc": code.FUNCTION,
"url": code.FUNCTION, "url": code.FUNCTION,
"bold": code.CONSTANT, "bold": code.CONSTANT,
"pointer": code.CONSTANT,
"contexts": code.CONSTANT, "contexts": code.CONSTANT,
}, },
}, },

32
plugin/local/code/vimer.css
View File

@ -1,21 +1,15 @@
fieldset.vimer>div.output input.current { fieldset.vimer>div.output div.project div.zone.create>div.action { display:none; }
background-color:#0000; color:#0000; font-family:monospace; fieldset.vimer>div.output div.project div.zone.create>div.list div.item { padding:2px; float:left; clear:none; }
padding-left:12px; border:none; outline:none; height:22px; position:absolute; fieldset.vimer>div.output div.project div.zone.create>div.list div.item input { letter-spacing:2px; }
} fieldset.vimer>div.output div.project div.zone.recent>div.list { max-height:240px; overflow:auto; }
fieldset.vimer>div.output input.current.normal { caret-color:gray; } fieldset.vimer>div.output input.current { background-color:#0000; color:#0000; padding-left:10px; height:20px; position:absolute; }
fieldset.vimer>div.output input.current.insert { caret-color:yellow; } fieldset.vimer>div.output input.current.insert { caret-color:black; }
fieldset.vimer>div.output div.project div.zone.recent div.list { max-height:240px; overflow:auto; } fieldset.vimer>div.output input.current.normal { caret-color:lightgray; }
fieldset.vimer>div.output div.complete { overflow:auto; position:absolute; display:none; } fieldset.vimer>div.output div.complete { padding-top:0; display:none; overflow:auto; position:absolute; }
fieldset.vimer>div.output div.complete.insert { display:block; } fieldset.vimer>div.output div.complete.insert { display:block; }
fieldset.vimer>div.output div.complete div.pre { color:#00000000; margin-left:5px; float:left; } fieldset.vimer>div.output div.complete div.prefix { color:#0000; white-space:pre; float:left; }
fieldset.vimer>div.output div.complete table { background-color:darkblue; }
fieldset.vimer>div.output div.complete table.content thead { display:none; } fieldset.vimer>div.output div.complete table.content thead { display:none; }
body.black fieldset.vimer>div.output input.current.normal { caret-color:gray; }
body.white fieldset.vimer>div.output input.current.insert { caret-color:black; } body.black fieldset.vimer>div.output input.current.insert { caret-color:yellow; }
body.white fieldset.vimer>div.output input.current.normal { caret-color:lightgray; } body.dark fieldset.vimer>div.output input.current.normal { caret-color:gray; }
body.white fieldset.vimer>div.output div.complete table { background-color:aliceblue; } body.dark fieldset.vimer>div.output input.current.insert { caret-color:yellow; }
body.white fieldset.vimer>div.output input.current { background-color:#0000; color:#0000; margin-left:0px; margin-top:4px; height:16px; }
body.white fieldset.vimer>div.output input.current { background-color:#0000; color:#0000; }
body.white fieldset.vimer>div.output input.current:hover { background-color:#0000; color:#0000; }
body.dark fieldset.vimer>div.output input.current { background-color:#0000; color:#0000; margin-left:-1px; margin-top:2px; height:16px; }
body.dark fieldset.vimer>div.output input.current:hover { background-color:#0000; color:#0000; }

33
plugin/local/code/vimer.js
View File

@ -15,9 +15,10 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) {
if (can.mode == mdb.NORMAL) { can.onkeymap.prevent(event), can.Status("按键", can.db._keylist.join("")) } if (can.mode == mdb.NORMAL) { can.onkeymap.prevent(event), can.Status("按键", can.db._keylist.join("")) }
}, onkeyup: function(event) { can.onaction._complete(event, can) }, onfocus: function() { }, onkeyup: function(event) { can.onaction._complete(event, can) }, onfocus: function() {
var target = can.ui.complete; can.current.line.appendChild(target), can.onmotion.toggle(can, target, true) var target = can.ui.complete; can.current.line.appendChild(target), can.onmotion.toggle(can, target, true)
}, onblur: function(event) { can.onmotion.hidden(can, can.ui.complete) }, onclick: function(event) { }, onblur: function(event) { }, onclick: function(event) {
// }, onblur: function(event) { can.onmotion.hidden(can, can.ui.complete) }, onclick: function(event) {
can.onkeymap._insert(event, can) can.onkeymap._insert(event, can)
}}, code.COMPLETE, }}, {view: [[code.COMPLETE, "float"]]},
]); can.ui.current = ui.current, can.ui.complete = ui.complete }, ]); can.ui.current = ui.current, can.ui.complete = ui.complete },
}, [""]) }, [""])
Volcanos(chat.ONFIGURE, { Volcanos(chat.ONFIGURE, {
@ -85,6 +86,8 @@ Volcanos(chat.ONFIGURE, {
can.onimport.tree(can, can.core.ItemKeys(can.onengine.plugin.meta, function(key) { return total++, {index: key} }), ctx.INDEX, ice.PT, function(event, item) { can.onimport.tree(can, can.core.ItemKeys(can.onengine.plugin.meta, function(key) { return total++, {index: key} }), ctx.INDEX, ice.PT, function(event, item) {
can.onimport.tabview(can, can.Option(nfs.PATH), can.core.Keys(ice.CAN, item.index), ctx.INDEX) can.onimport.tabview(can, can.Option(nfs.PATH), can.core.Keys(ice.CAN, item.index), ctx.INDEX)
}, target), zone._total(total) }, target), zone._total(total)
can.onmotion.hidden(can, target)
can.onmotion.hidden(can, target.previousSibling)
}, },
module: function(can, target, zone) { module: function(can, target, zone) {
can.runAction(can.request({}, {fields: ctx.INDEX}), ctx.COMMAND, [mdb.SEARCH, ctx.COMMAND], function(msg) { can.runAction(can.request({}, {fields: ctx.INDEX}), ctx.COMMAND, [mdb.SEARCH, ctx.COMMAND], function(msg) {
@ -176,7 +179,7 @@ Volcanos(chat.ONACTION, {
var pre = can.ui.current.value.slice(0, can.ui.current.selectionStart), key = can.core.Split(pre, "\t .[]", " ").pop()||"", end = can.ui.current.value.slice(can.ui.current.selectionStart) var pre = can.ui.current.value.slice(0, can.ui.current.selectionStart), key = can.core.Split(pre, "\t .[]", " ").pop()||"", end = can.ui.current.value.slice(can.ui.current.selectionStart)
function update() { target._pre = pre, target._end = end, target._index = -1 function update() { target._pre = pre, target._end = end, target._index = -1
can.current.line.appendChild(target), can.page.style(can, target, html.LEFT, can.ui.current.offsetLeft, html.MARGIN_TOP, can.current.line.offsetHeight) can.current.line.appendChild(target), can.page.style(can, target, html.LEFT, can.ui.current.offsetLeft, html.MARGIN_TOP, can.current.line.offsetHeight)
can.runAction(can.request(event, {text: pre}, can.Option()), code.COMPLETE, [], function(msg) { can.page.Appends(can, target, [{view: ["pre", html.DIV, pre]}]) can.runAction(can.request(event, {text: pre}, can.Option()), code.COMPLETE, [], function(msg) { can.page.Appends(can, target, [{view: ["prefix", html.DIV, pre]}])
if (can.parse == nfs.JS) { var msg = can.request() if (can.parse == nfs.JS) { var msg = can.request()
var ls = can.core.Split(can.core.Split(pre, "\t (", " ").pop(), ice.PT) var ls = can.core.Split(can.core.Split(pre, "\t (", " ").pop(), ice.PT)
var list = {can: can, msg: msg, target: target, window: window} var list = {can: can, msg: msg, target: target, window: window}
@ -184,14 +187,17 @@ Volcanos(chat.ONACTION, {
v && msg.Push(mdb.NAME, k).Push(mdb.TEXT, v.toString().split(ice.NL)[0]) v && msg.Push(mdb.NAME, k).Push(mdb.TEXT, v.toString().split(ice.NL)[0])
}) })
} }
can.core.Item(can.core.Value(can.onsyntax[can.parse], "keyword"), function(key, value) {
msg.Push(mdb.NAME, key)
})
can.onappend.table(can, msg, function(value, key, index) { return {text: [value, html.TD], onclick: function(event) { can.onappend.table(can, msg, function(value, key, index) { return {text: [value, html.TD], onclick: function(event) {
can.current.text(can.ui.current.value = target._pre+value+target._end), can.onaction.scrollHold(can, target._pre.length+value.length) can.current.text(can.ui.current.value = target._pre+value+target._end), can.onaction.scrollHold(can, target._pre.length+value.length)
}} }, target), can.page.style(can, target, html.MAX_HEIGHT, can.ui._content.offsetHeight-(can.current.line.offsetTop-can.ui.content.scrollTop)-can.current.line.offsetHeight) }} }, target), can.page.style(can, target, html.MAX_HEIGHT, can.ui._content.offsetHeight-(can.current.line.offsetTop-can.ui.content.scrollTop)-can.current.line.offsetHeight)
}) })
} }
function filter() { can.page.Select(can, target, [html.TBODY, html.TR], function(tr) { function filter() { can.page.ClassList.set(can, can.ui.complete, html.HIDE, can.page.Select(can, target, [html.TBODY, html.TR], function(tr) {
can.page.ClassList.set(can, tr, html.HIDE, can.page.Select(can, tr, html.TD, function(td) { if (td.innerText.toLowerCase().indexOf(key.toLowerCase()) == 0) { return td } }).length == 0) if (!can.page.ClassList.set(can, tr, html.HIDE, can.page.Select(can, tr, html.TD, function(td) { if (td.innerText.toLowerCase().indexOf(key.toLowerCase()) == 0) { return td } }).length == 0)) { return tr }
}) } }).length == 0) }
function select(index, total) { index = (index+(total+1))%(total+1); if (index == total) { can.current.text(can.ui.current.value = target._pre+target._end) } function select(index, total) { index = (index+(total+1))%(total+1); if (index == total) { can.current.text(can.ui.current.value = target._pre+target._end) }
can.page.Select(can, target, [html.TBODY, "tr:not(.hide)"], function(tr, i) { if (can.page.ClassList.set(can, tr, html.SELECT, i == index)) { can.page.Select(can, target, [html.TBODY, "tr:not(.hide)"], function(tr, i) { if (can.page.ClassList.set(can, tr, html.SELECT, i == index)) {
can.current.text(can.ui.current.value = target._pre+can.page.Select(can, tr, html.TD)[0].innerText+target._end) can.current.text(can.ui.current.value = target._pre+can.page.Select(can, tr, html.TD)[0].innerText+target._end)
@ -242,7 +248,7 @@ Volcanos(chat.ONACTION, {
}) })
Volcanos(chat.ONEXPORT, {list: ["目录", "模式", "按键", "类型", "文件", "行号", "跳转"]}) Volcanos(chat.ONEXPORT, {list: ["目录", "模式", "按键", "类型", "文件", "行号", "跳转"]})
Volcanos(chat.ONKEYMAP, { Volcanos(chat.ONKEYMAP, {
_model: function(can, value) { can.Status("模式", can.mode = value), can.page.styleClass(can, can.ui.current, [code.CURRENT, can.mode]), can.page.styleClass(can, can.ui.complete, [code.COMPLETE, can.mode]) }, _model: function(can, value) { can.Status("模式", can.mode = value), can.page.styleClass(can, can.ui.current, [code.CURRENT, can.mode]), can.page.styleClass(can, can.ui.complete, [code.COMPLETE, can.mode, "float"]) },
_plugin: function(can) { can.onkeymap._model(can, mdb.PLUGIN), can.ui.current.blur() }, _plugin: function(can) { can.onkeymap._model(can, mdb.PLUGIN), can.ui.current.blur() },
_normal: function(can) { can.onkeymap._model(can, mdb.NORMAL), can.onaction.scrollHold(can), can.onkeymap.prevent(event) }, _normal: function(can) { can.onkeymap._model(can, mdb.NORMAL), can.onaction.scrollHold(can), can.onkeymap.prevent(event) },
_insert: function(event, can, count, begin) { can.onkeymap._model(can, mdb.INSERT), can.onaction.scrollHold(can, count, begin), can.onkeymap.prevent(event) }, _insert: function(event, can, count, begin) { can.onkeymap._model(can, mdb.INSERT), can.onaction.scrollHold(can, count, begin), can.onkeymap.prevent(event) },
@ -374,22 +380,17 @@ Volcanos(chat.ONKEYMAP, {
Enter: shy("换行", function(can, target) { Enter: shy("换行", function(can, target) {
var rest = can.onkeymap.deleteText(target, target.selectionEnd).trimLeft(), text = can.ui.current.value var rest = can.onkeymap.deleteText(target, target.selectionEnd).trimLeft(), text = can.ui.current.value
var left = text.substr(0, text.indexOf(text.trimLeft()))||(text.trimRight() == ""? text: "") var left = text.substr(0, text.indexOf(text.trimLeft()))||(text.trimRight() == ""? text: "")
var line = can.onaction.selectLine(can), next = rest; for (var i = line; i < can.max; i++) { var line = can.onaction.selectLine(can), next = rest; for (var i = line; i < can.max; i++) { next += can.onexport.text(can, i).trimLeft(); if (next != "") { break } }
next += can.onexport.text(can, i).trimLeft(); if (next != "") { break } function deep(text) { var deep = 0; for (var i = 0; i < text.length; i++) { if (text[i] == "\t") { deep += 4 } else if (text[i] == " ") { deep++ } else { break } } return deep }
}
function deep(text) { var deep = 0; for (var i = 0; i < text.length; i++) {
if (text[i] == "\t") { deep += 4 } else if (text[i] == " ") { deep++ } else { break }
} return deep }
text.trim() && can.core.List(["{}", "[]", "()", "``"], function(item) { if (can.base.endWith(text, item[0])) { text.trim() && can.core.List(["{}", "[]", "()", "``"], function(item) { if (can.base.endWith(text, item[0])) {
if (can.base.beginWith(next, item[1])) { if (can.base.beginWith(next, item[1])) {
can.onaction.insertLine(can, left+rest, can.current.next()), rest = "" can.onaction.insertLine(can, left+rest, can.current.next()), rest = ""
} else if (deep(text) >= deep(can.onexport.text(can, line+1))) { } else if (deep(text) >= deep(can.onexport.text(can, line+1)) && rest == "") {
can.onaction.insertLine(can, left+item[1], can.current.next()) can.onaction.insertLine(can, left+item[1], can.current.next())
} left += ice.TB } left += ice.TB
}}) }})
var line = can.onaction.insertLine(can, left+rest, can.current.next()) var line = can.onaction.insertLine(can, left+rest, can.current.next())
can.current.text(text.trimRight()||text), can.onaction.selectLine(can, line) can.current.text(text.trimRight()||text), can.onaction.selectLine(can, line), can.onkeymap._insert(event, can, 0, left.length)
can.onkeymap._insert(event, can, 0, left.length)
}), }),
ArrowDown: shy("光标下移", function(can, target) { event.key == "ArrowDown" && can.onaction.cursorDown(can, target) }), ArrowDown: shy("光标下移", function(can, target) { event.key == "ArrowDown" && can.onaction.cursorDown(can, target) }),
ArrowUp: shy("光标上移", function(can, target) { event.key == "ArrowUp" && can.onaction.cursorUp(can, target) }), ArrowUp: shy("光标上移", function(can, target) { event.key == "ArrowUp" && can.onaction.cursorUp(can, target) }),

2
plugin/local/wiki/draw.css
View File

@ -1,3 +1,3 @@
fieldset.draw td.content { position:relative; } fieldset.draw td.content { position:relative; }
fieldset.draw div.output { background-color:#1b5b738c; font-size:20px; } // fieldset.draw div.output { background-color:#1b5b738c; }
fieldset.draw div.output div.content svg { background-color:#1b5b738c; } fieldset.draw div.output div.content svg { background-color:#1b5b738c; }

2
plugin/local/wiki/word.css
View File

@ -19,7 +19,7 @@ fieldset.word ul.story[data-type=endmenu] { clear:both; }
fieldset.word p.story[data-name=inner] { background-color:#4b6c8a7a; padding:4px 10px; border-left:solid 4px blue; margin:10px 0px; } fieldset.word p.story[data-name=inner] { background-color:#4b6c8a7a; padding:4px 10px; border-left:solid 4px blue; margin:10px 0px; }
fieldset.word p.story[data-name=inner]:hover { background-color:#c10c8a; cursor:copy; } fieldset.word p.story[data-name=inner]:hover { background-color:#c10c8a; cursor:copy; }
fieldset.word table.content { display:block; max-height:400px; } fieldset.word table.content { display:block; max-height:400px; }
fieldset.word>div.output>fieldset.story { margin:10px; } fieldset.word>div.output>fieldset.story:not(.full) { margin:10px; }
// fieldset.word>div.output>fieldset.story { margin:10px; background-color:#58a4d37d; } // fieldset.word>div.output>fieldset.story { margin:10px; background-color:#58a4d37d; }
fieldset.word fieldset.story.full { margin:0px; } fieldset.word fieldset.story.full { margin:0px; }
fieldset.word fieldset.story.float { margin:0px; } fieldset.word fieldset.story.float { margin:0px; }

3
plugin/state.js
View File

@ -83,7 +83,7 @@ Volcanos(chat.ONIMPORT, {_process: function(can, msg) {
} else { } else {
can.page.style(can, can._output, html.HEIGHT, can.ConfHeight(height), html.WIDTH, can.ConfWidth(width), html.MAX_HEIGHT, "", html.MAX_WIDTH, "") can.page.style(can, can._output, html.HEIGHT, can.ConfHeight(height), html.WIDTH, can.ConfWidth(width), html.MAX_HEIGHT, "", html.MAX_WIDTH, "")
} }
can.user.isMobile && can.onmotion.toggle(can, can._action, can.ConfHeight() < can.ConfWidth()-100) // can.user.isMobile && can.onmotion.toggle(can, can._action, can.ConfHeight() < can.ConfWidth()-100)
var sub = can.core.Value(can, chat._OUTPUTS_CURRENT); if (!sub) { return } sub.ConfHeight(can.ConfHeight()), sub.ConfWidth(can.ConfWidth()) var sub = can.core.Value(can, chat._OUTPUTS_CURRENT); if (!sub) { return } sub.ConfHeight(can.ConfHeight()), sub.ConfWidth(can.ConfWidth())
if (mode) { sub.Mode(can.Mode(mode)), sub.onlayout[mode](sub) } else { sub.onlayout._init(sub) } if (mode) { sub.Mode(can.Mode(mode)), sub.onlayout[mode](sub) } else { sub.onlayout._init(sub) }
}, },
@ -117,6 +117,7 @@ Volcanos(chat.ONACTION, {list: [
can.onmotion.toggle(can, can._action, back.action), can.onmotion.toggle(can, can._status, back.status) can.onmotion.toggle(can, can._action, back.action), can.onmotion.toggle(can, can._status, back.status)
can.base.isFunc(load) && load(back), sub.Mode(can.Mode()), sub.ConfHeight(can.ConfHeight()), sub.ConfWidth(can.ConfWidth()), sub.onlayout._init(sub) can.base.isFunc(load) && load(back), sub.Mode(can.Mode()), sub.ConfHeight(can.ConfHeight()), sub.ConfWidth(can.ConfWidth()), sub.onlayout._init(sub)
} }
can.user.isMobile && can.onmotion.hidden(can, can._action)
}, },
_resize: function(can, auto, height, width) { can.onimport.size(can, height, width, auto) }, _resize: function(can, auto, height, width) { can.onimport.size(can, height, width, auto) },
_output: function(can, msg) {}, _output: function(can, msg) {},

21
plugin/table.js
View File

@ -64,7 +64,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
var ui = can.page.Append(can, target, [{view: [html.ITEM, html.DIV, item.nick||item.name], var ui = can.page.Append(can, target, [{view: [html.ITEM, html.DIV, item.nick||item.name],
onclick: function(event) { can.onmotion.select(can, target, html.DIV_ITEM, event.target) 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)) cb(event, event.target, event.target._list && can.onmotion.toggle(can, event.target._list))
}, onmouseenter: function(event) { }, oncontextmenu: function(event) {
if (can.base.isFunc(cbs)) { var menu = cbs(event, ui._target); if (menu) { if (can.base.isFunc(cbs)) { var menu = cbs(event, ui._target); if (menu) {
can.user.carteRight(event, can, menu.meta, menu.list, menu) can.user.carteRight(event, can, menu.meta, menu.list, menu)
} } } }
@ -90,7 +90,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
node = node||{"": target}; can.core.List(list, function(item) { 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 } 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 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: ["switch", html.DIV, (index==array.length-1?"":"⌃")]}, {view: [mdb.NAME, html.DIV, value+(index==array.length-1?"":"")], _init: item._init, onmouseenter: function(event) { if (!item._menu) { return } var ui = can.page.Append(can, node[last], [{view: html.ITEM, list: [{view: ["switch", html.DIV, (index==array.length-1?"":"⌃")]}, {view: [mdb.NAME, html.DIV, value+(index==array.length-1?"":"")], _init: item._init, oncontextmenu: function(event) { if (!item._menu) { return }
can.user.carteRight(event, can, item._menu.meta, item._menu.list||can.core.Item(item._meta.meta), function(event, button) { can.user.carteRight(event, can, item._menu.meta, item._menu.list||can.core.Item(item._meta.meta), function(event, button) {
(item._menu.meta[button]||item._menu)(event, can, button) (item._menu.meta[button]||item._menu)(event, can, button)
}) })
@ -105,7 +105,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
{view: html.NAME, inner: can.user.trans(can, zone.name), onclick: function() { {view: html.NAME, inner: can.user.trans(can, zone.name), onclick: function() {
if (zone._delay_show) { zone._delay_show(zone._target), delete(zone._delay_show) } if (zone._delay_show) { zone._delay_show(zone._target), delete(zone._delay_show) }
can.onmotion.toggle(can, zone._action), can.onmotion.toggle(can, zone._target) can.onmotion.toggle(can, zone._action), can.onmotion.toggle(can, zone._target)
}, onmouseenter: function(event) { }, oncontextmenu: function(event) {
zone._menu? can.user.carteRight(event, can, zone._menu.meta, zone._menu.list||can.core.Item(zone._menu.meta), function(event, button, meta) { zone._menu? can.user.carteRight(event, can, zone._menu.meta, zone._menu.list||can.core.Item(zone._menu.meta), function(event, button, meta) {
(meta[button]||can.onaction[button])(event, can, button) (meta[button]||can.onaction[button])(event, can, button)
}): can.page.Select(can, document.body, can.page.Keys("div.carte.float"), function(target) { can.page.Remove(can, target) }) }): can.page.Select(can, document.body, can.page.Keys("div.carte.float"), function(target) { can.page.Remove(can, target) })
@ -132,20 +132,18 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
tabs: function(can, list, cb, cbs, action, each) { action = action||can._action tabs: function(can, list, cb, cbs, action, each) { action = action||can._action
return can.page.Append(can, action, can.core.List(list, function(tabs) { return can.page.Append(can, action, can.core.List(list, function(tabs) {
return {view: html.TABS, list: [{text: [tabs.name, html.SPAN]}, {img: "/close.png", onclick: function(event) { return {view: html.TABS, list: [{text: [tabs.name, html.SPAN]}, {view: "close icon s16", onclick: function(event) {
item = event.target.parentNode var item = event.target.parentNode, next = item.nextSibling||item.previousSibling; if (!next) { return }
var next = item.nextSibling||item.previousSibling; if (!next) { return } next.click(), can.onmotion.delay(can, function() { can.base.isFunc(cbs) && cbs(item._meta), can.page.Remove(can, item) }), can.onkeymap.prevent(event)
next.click(), can.onmotion.delay(can, function() { can.base.isFunc(cbs) && cbs(item._meta), can.page.Remove(can, item) })
can.onkeymap.prevent(event)
}}], title: tabs.text, onclick: function(event) { }}], title: tabs.text, onclick: function(event) {
can.onmotion.select(can, action, html.DIV_TABS, event.target), can.base.isFunc(cb) && cb(event, tabs) can.onmotion.select(can, action, html.DIV_TABS, tabs._target), can.base.isFunc(cb) && cb(event, tabs)
}, _init: function(item) { }, _init: function(item) { tabs._target = item
function close(item) { var next = item.nextSibling||item.previousSibling; if (!next) { return } function close(item) { var next = item.nextSibling||item.previousSibling; if (!next) { return }
next.click(), can.onmotion.delay(can, function() { can.base.isFunc(cbs) && cbs(item._meta), can.page.Remove(can, item) }) next.click(), can.onmotion.delay(can, function() { can.base.isFunc(cbs) && cbs(item._meta), can.page.Remove(can, item) })
} }
var menu = tabs._menu||shy({}, [], function(event, button, meta) { (meta[button])(event, can, button) }) var menu = tabs._menu||shy({}, [], function(event, button, meta) { (meta[button])(event, can, button) })
can.page.Modify(can, item, {draggable: true, _close: function() { close(item) }, _meta: tabs, can.page.Modify(can, item, {draggable: true, _close: function() { close(item) }, _meta: tabs,
onmouseenter: function(event) { can.user.carte(event, can, can.base.Copy(kit.Dict( oncontextmenu: function(event) { can.user.carte(event, can, can.base.Copy(kit.Dict(
"Close", function(event) { close(item) }, "Close", function(event) { close(item) },
"Close others", function(event) { can.page.Select(can, action, html.DIV_TABS, function(_item) { _item == item || close(_item) }) }, "Close others", function(event) { can.page.Select(can, action, html.DIV_TABS, function(_item) { _item == item || close(_item) }) },
"Close all", function(event) { can.page.Select(can, action, html.DIV_TABS, close) }, "Close all", function(event) { can.page.Select(can, action, html.DIV_TABS, close) },
@ -162,6 +160,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
}, },
plug: function(can, meta, cb, target) { if (!meta || !meta.index) { return } plug: function(can, meta, cb, target) { if (!meta || !meta.index) { return }
meta.type = "plug", can.onappend.plugin(can, meta, function(sub) { sub.sup = can meta.type = "plug", can.onappend.plugin(can, meta, function(sub) { sub.sup = can
can.page.ClassList.add(can, sub._target, chat.FLOAT)
sub.ConfHeight(target.offsetHeight-2*html.ACTION_HEIGHT) sub.ConfHeight(target.offsetHeight-2*html.ACTION_HEIGHT)
can.page.style(can, sub._output, html.MAX_HEIGHT, sub.ConfHeight(), html.MAX_WIDTH, sub.ConfWidth()) can.page.style(can, sub._output, html.MAX_HEIGHT, sub.ConfHeight(), html.MAX_WIDTH, sub.ConfWidth())
sub.run = function(event, cmds, cb) { sub.run = function(event, cmds, cb) {

42
proto.js
View File

@ -152,14 +152,12 @@ var chat = {
LAYOUT: "layout", PROJECT: "project", CONTENT: "content", DISPLAY: "display", PROFILE: "profile", ACTIONS: "actions", LAYOUT: "layout", PROJECT: "project", CONTENT: "content", DISPLAY: "display", PROFILE: "profile", ACTIONS: "actions",
TITLE: "title", TOPIC: "topic", BLACK: "black", WHITE: "white", PRINT: "print", TITLE: "title", TOPIC: "topic", BLACK: "black", WHITE: "white", PRINT: "print",
SHARE: "share", RIVER: "river", STORM: "storm", FIELD: "field", TOOL: "tool", SHARE: "share", RIVER: "river", STORM: "storm", FIELD: "field", TOOL: "tool",
STATE: "state", MENUS: "menus", SSO: "sso", LOCATION: "location", STATE: "state", MENUS: "menus", SSO: "sso", LOCATION: "location", IFRAME: "iframe",
SIMPLE: "simple", OUTPUT: "output", FLOAT: "float", FULL: "full", CMD: "cmd", SIMPLE: "simple", OUTPUT: "output", FLOAT: "float", FULL: "full", CMD: "cmd",
HEADER: "Header", ACTION: "Action", FOOTER: "Footer", HEADER: "Header", ACTION: "Action", FOOTER: "Footer",
libs: ["/lib/base.js", "/lib/core.js", "/lib/date.js", "/lib/misc.js", "/lib/page.js", "/lib/user.js"], libs: ["/lib/base.js", "/lib/core.js", "/lib/date.js", "/lib/misc.js", "/lib/page.js", "/lib/user.js"],
panel_list: [ panel_list: [{name: "Header", pos: "head"}, {name: "River", pos: "left"}, {name: "Action", pos: "main"}, {name: "Search", pos: "auto"}, {name: "Footer", pos: "foot"}],
{name: "Header", pos: "head"}, {name: "River", pos: "left"}, {name: "Action", pos: "main"}, {name: "Search", pos: "auto"}, {name: "Footer", pos: "foot"},
],
plugin_list: [ plugin_list: [
"/plugin/state.js", "/plugin/state.js",
"/plugin/input.js", "/plugin/input.js",
@ -178,7 +176,6 @@ var chat = {
"/plugin/local/team/plan.js", "/plugin/local/team/plan.js",
"/plugin/local/mall/goods.js", "/plugin/local/mall/goods.js",
], PLUGIN_INPUT: "/plugin/input/", PLUGIN_STORY: "/plugin/story/", PLUGIN_LOCAL: "/plugin/local/", ], PLUGIN_INPUT: "/plugin/input/", PLUGIN_STORY: "/plugin/story/", PLUGIN_LOCAL: "/plugin/local/",
SHARE_LOCAL: "/share/local/",
PLUGIN_STATE_JS: "/plugin/state.js", PLUGIN_INPUT_JS: "/plugin/input.js", PLUGIN_TABLE_JS: "/plugin/table.js", PLUGIN_STATE_JS: "/plugin/state.js", PLUGIN_INPUT_JS: "/plugin/input.js", PLUGIN_TABLE_JS: "/plugin/table.js",
ONENGINE: "onengine", ONDAEMON: "ondaemon", ONAPPEND: "onappend", ONLAYOUT: "onlayout", ONMOTION: "onmotion", ONKEYMAP: "onkeymap", ONENGINE: "onengine", ONDAEMON: "ondaemon", ONAPPEND: "onappend", ONLAYOUT: "onlayout", ONMOTION: "onmotion", ONKEYMAP: "onkeymap",
ONIMPORT: "onimport", ONSYNTAX: "onsyntax", ONFIGURE: "onfigure", ONACTION: "onaction", ONDETAIL: "ondetail", ONEXPORT: "onexport", ONPLUGIN: "onplugin", ONIMPORT: "onimport", ONSYNTAX: "onsyntax", ONFIGURE: "onfigure", ONACTION: "onaction", ONDETAIL: "ondetail", ONEXPORT: "onexport", ONPLUGIN: "onplugin",
@ -189,9 +186,7 @@ var chat = {
ONSTORM_SELECT: "onstorm_select", ONACTION_NOTOOL: "onaction_notool", ONACTION_TOUCH: "onaction_touch", ONACTION_CMD: "onaction_cmd", ONSTORM_SELECT: "onstorm_select", ONACTION_NOTOOL: "onaction_notool", ONACTION_TOUCH: "onaction_touch", ONACTION_CMD: "onaction_cmd",
ONOPENSEARCH: "onopensearch", ONSEARCH_FOCUS: "onsearch_focus", ONCOMMAND_FOCUS: "oncommand_focus", ONOPENSEARCH: "onopensearch", ONSEARCH_FOCUS: "onsearch_focus", ONCOMMAND_FOCUS: "oncommand_focus",
_INIT: "_init", _TRANS: "_trans", _ENGINE: "_engine", _SEARCH: "_search", _OUTPUTS_CURRENT: "_outputs.-1", _INIT: "_init", _TRANS: "_trans", _STYLE: "_style", _ENGINE: "_engine", _SEARCH: "_search", _OUTPUTS_CURRENT: "_outputs.-1", _NAMES: "_names", _TOAST: "_toast",
_NAMES: "_names", _TOAST: "_toast",
IFRAME: "iframe", LOCATION: "location",
} }
var team = { var team = {
TASK: "task", PLAN: "plan", TASK: "task", PLAN: "plan",
@ -218,42 +213,37 @@ var svg = {
var html = {PLUGIN_MARGIN: 10, ACTION_HEIGHT: 31, ACTION_MARGIN: 200, var html = {PLUGIN_MARGIN: 10, ACTION_HEIGHT: 31, ACTION_MARGIN: 200,
FIELDSET: "fieldset", LEGEND: "legend", OPTION: "option", ACTION: "action", OUTPUT: "output", STATUS: "status", FIELDSET: "fieldset", LEGEND: "legend", OPTION: "option", ACTION: "action", OUTPUT: "output", STATUS: "status",
FORM_OPTION: "form.option", DIV_ACTION: "div.action", DIV_OUTPUT: "div.output", DIV_STATUS: "div.status", FORM_OPTION: "form.option", DIV_ACTION: "div.action", DIV_OUTPUT: "div.output", DIV_STATUS: "div.status",
FIELDSET_PANEL: "fieldset.panel", FIELDSET_PLUGIN: "fieldset.plugin", FIELDSET_STORY: "fieldset.story", FIELDSET_FLOAT: "fieldset.float", FIELDSET_PANEL: "fieldset.panel", FIELDSET_PLUGIN: "fieldset.plugin", FIELDSET_STORY: "fieldset.story", FIELDSET_INPUT: "fieldset.input", FIELDSET_FLOAT: "fieldset.float",
FIELDSET_INPUT: "fieldset.input",
FIELDSET_HEAD: "fieldset.head", FIELDSET_FOOT: "fieldset.foot", FIELDSET_LEFT: "fieldset.left", FIELDSET_MAIN: "fieldset.main", FIELDSET_HEAD: "fieldset.head", FIELDSET_FOOT: "fieldset.foot", FIELDSET_LEFT: "fieldset.left", FIELDSET_MAIN: "fieldset.main",
OPTION_ARGS: "select.args,input.args,textarea.args", INPUT_ARGS: "input.args,textarea.args", INPUT_BUTTON: "input[type=button]", INPUT_FILE: "input[type=file]", OPTION_ARGS: "select.args,input.args,textarea.args", INPUT_ARGS: "input.args,textarea.args", INPUT_BUTTON: "input[type=button]", INPUT_FILE: "input[type=file]",
FORM: "form", SELECT: "select", INPUT: "input", TEXT: "text", FILE: "file", BUTTON: "button", TEXTAREA: "textarea",
INPUT: "input", TEXT: "text", TEXTAREA: "textarea", SELECT: "select", BUTTON: "button", CLICK: "click", CANCEL: "cancel", SUBMIT: "submit", UPLOAD: "upload", USERNAME: "username", PASSWORD: "password",
FORM: "form", FILE: "file", CLICK: "click", SUBMIT: "submit", CANCEL: "cancel", UPLOAD: "upload", USERNAME: "username", PASSWORD: "password",
TABLE: "table", THEAD: "thead", TBODY: "tbody", TR: "tr", TH: "th", TD: "td", BR: "br", UL: "ul", LI: "li", TABLE: "table", THEAD: "thead", TBODY: "tbody", TR: "tr", TH: "th", TD: "td", BR: "br", UL: "ul", LI: "li",
H1: "h1", H2: "h2", H3: "h3", A: "a", LABEL: "label", INNER: "inner", TITLE: "title", H1: "h1", H2: "h2", H3: "h3", A: "a", LABEL: "label", INNER: "inner", TITLE: "title",
SPAN: "span", CODE: "code", DIV: "div", IMG: "img", VIDEO: "video", SPACE: "space", SPAN: "span", CODE: "code", DIV: "div", IMG: "img", VIDEO: "video", WSS: "wss", SVG: "svg", CANVAS: "canvas", IFRAME: "iframe",
WSS: "wss", SVG: "svg", CANVAS: "canvas", IFRAME: "iframe", SPACE: "space", WEBVIEW: "webview", CHROME: "chrome", MOBILE: "mobile", LANDSCAPE: "landscape",
WEBVIEW: "webview", CHROME: "chrome", MOBILE: "mobile", LANDSCAPE: "landscape",
BODY: "body",
HOVER: "hover", HOVER_SELECT: "hover,select", HOVER: "hover", HOVER_SELECT: "hover,select",
CLASS: "class", DISPLAY: "display", BLOCK: "block", NONE: "none", HIDDEN: "hidden", TOGGLE: "toggle", SIZE: "size", CLASS: "class", DISPLAY: "display", BLOCK: "block", NONE: "none", HIDDEN: "hidden", TOGGLE: "toggle", SIZE: "size",
HEIGHT: "height", WIDTH: "width", PADDING: "padding", MARGIN: "margin", LEFT: "left", TOP: "top", RIGHT: "right", BOTTOM: "bottom", PADDING: "padding", BORDER: "border", MARGIN: "margin", MARGIN_TOP: "margin-top", MARGIN_X: "margin-x", MARGIN_Y: "margin-y",
MIN_HEIGHT: "min-height", MAX_HEIGHT: "max-height", MIN_WIDTH: "min-width", MAX_WIDTH: "max-width", MARGIN_TOP: "margin-top", MARGIN_X: "margin-x", MARGIN_Y: "margin-y", HEIGHT: "height", WIDTH: "width", MIN_HEIGHT: "min-height", MAX_HEIGHT: "max-height", MIN_WIDTH: "min-width", MAX_WIDTH: "max-width", LEFT: "left", TOP: "top", RIGHT: "right", BOTTOM: "bottom",
BACKGROUND: "background", OPACITY: "opacity", OVERFLOW: "overflow", SCROLL: "scroll", SPEED: "speed", FLOAT: "float", CLEAR: "clear", BOTH: "both", BACKGROUND: "background", COLOR: "color", OPACITY: "opacity", OVERFLOW: "overflow", SCROLL: "scroll", SPEED: "speed", FLOAT: "float", CLEAR: "clear", BOTH: "both",
PAGE: "page", TABS: "tabs", MENU: "menu", NODE: "node", PAGE: "page", TABS: "tabs", MENU: "menu", NODE: "node",
ZONE: "zone", LIST: "list", ITEM: "item", NAME: "name", ICON: "icon", ZONE: "zone", LIST: "list", ITEM: "item", NAME: "name", ICON: "icon",
HEAD: "head", LEFT: "left", MAIN: "main", FOOT: "foot", AUTO: "auto", SHOW: "show", HIDE: "hide", HEAD: "head", LEFT: "left", MAIN: "main", FOOT: "foot", AUTO: "auto", SHOW: "show", HIDE: "hide",
PLUGIN: "plugin", LAYOUT: "layout", PROJECT: "project", DISPLAY: "display", PROFILE: "profile", CONTENT: "content", PLUGIN: "plugin", LAYOUT: "layout", PROJECT: "project", DISPLAY: "display", PROFILE: "profile", CONTENT: "content",
DIV_PAGE: "div.page", DIV_TABS: "div.tabs", DIV_PAGE: "div.page", DIV_TABS: "div.tabs", DIV_PATH: "div.path", DIV_CODE: "div.code",
DIV_ZONE: "div.zone", DIV_LIST: "div.list", DIV_ITEM: "div.item", DIV_NAME: "div.name", DIV_ZONE: "div.zone", DIV_LIST: "div.list", DIV_ITEM: "div.item", DIV_NAME: "div.name",
DIV_CONTENT: "div.content", TABLE_CONTENT: "table.content", TABLE_LAYOUT: "table.layout", DIV_TOGGLE: "div.toggle",
DIV_LAYOUT_HEAD: "div.layout.head", DIV_LAYOUT_FOOT: "div.layout.foot", DIV_LAYOUT_LEFT: "div.layout.left", DIV_LAYOUT_HEAD: "div.layout.head", DIV_LAYOUT_FOOT: "div.layout.foot", DIV_LAYOUT_LEFT: "div.layout.left",
DIV_CODE: "div.code", DIV_FLOAT: "div.float", DIV_CONTENT: "div.content", TABLE_CONTENT: "table.content", DIV_FLOAT: "div.float", DIV_TOAST: "div.toast", DIV_CARTE: "div.carte",
DIV_CARTE: "div.carte",
DIV_TOAST: "div.toast",
DIV_TOGGLE: "div.toggle",
TABLE_LAYOUT: "table.layout",
} }
var lang = { var lang = {
UNDEFINED: "undefined", STRING: "string", NUMBER: "number", BOOLEAN: "boolean", FUNCTION: "function", OBJECT: "object", ARRAY: "array", UNDEFINED: "undefined", STRING: "string", NUMBER: "number", BOOLEAN: "boolean", FUNCTION: "function", OBJECT: "object", ARRAY: "array",
META: "Meta", ALT: "Alt", CONTROL: "Control", SHIFT: "Shift", TAB: "Tab", ENTER: "Enter", ESCAPE: "Escape", META: "Meta", ALT: "Alt", CONTROL: "Control", SHIFT: "Shift", TAB: "Tab", ESCAPE: "Escape", ENTER: "Enter",
CMD: "Cmd", CTRL: "Ctrl", SPACE: "Space", BACKSPACE: "Backspace", ESC: "Esc", PS: "/", CMD: "Cmd", CTRL: "Ctrl", SPACE: "Space", BACKSPACE: "Backspace", ESC: "Esc", PS: "/",
} }