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

add Favor

Browse Source
This commit is contained in:
shaoying 2019-12-11 22:32:42 +08:00
parent 275005283a
commit ff6b987c2d
26 changed files with 602 additions and 354 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
frame.js
View File

@ -1,19 +1,24 @@
var can = Volcanos("chat", { var can = Volcanos("chat", {
Page: shy("构造网页", function(can, name, conf, cb, body) { Page: shy("构造网页", function(can, name, conf, cb, body) {
var page = Volcanos(name, {type: "local", var page = Volcanos(name, {_type: "local",
Plugin: can.Plugin, Inputs: can.Inputs, Output: can.Output, Plugin: can.Plugin, Inputs: can.Inputs, Output: can.Output,
Report: function(event, value, key) { Report: function(event, value, key) {
kit.Item(page, function(index, item) { page.Import && page.Import(event, value, key)
can.core.Item(page.panes, function(index, item) {
item.Import && item.Import(event, value, key) item.Import && item.Import(event, value, key)
}) })
}, },
Import: function(event, value, key) {var cb = page.onimport[key];
typeof cb == "function" && cb(event, page, value, key, body);
},
run: function(event, option, cmds, cb) {ctx.Run(event, option, cmds, cb)}, run: function(event, option, cmds, cb) {ctx.Run(event, option, cmds, cb)},
}, Config.libs.concat(["page/"+name]), function(page) { }, Config.libs.concat(["page/"+name]), function(page) {page.Conf(conf);
page.onimport._init && page.onimport._init(page, conf, body) page.onimport._init && page.onimport._init(page, conf, body)
can.core.Next(conf.pane, function(item, cb) { can.core.Next(conf.pane, function(item, cb) {page.panes = page.panes || {};
page[item.pos] = page[item.name] = can.Pane(page, item.name, item, cb, can.page.Select(can, body, "fieldset."+item.name)[0] || page.panes[item.name] = page[item.pos] = page[item.name] = can.Pane(page, item.name, item, cb,
can.page.Select(can, body, "fieldset."+item.name)[0] ||
can.page.AppendField(can, body, item.name+" dialog", item)) can.page.AppendField(can, body, item.name+" dialog", item))
}, function() {typeof cb == "function" && cb(page)}) }, function() {typeof cb == "function" && cb(page)})
}, conf) }, conf)
@ -22,7 +27,7 @@ var can = Volcanos("chat", {
Pane: shy("构造面板", function(can, name, meta, cb, field) { Pane: shy("构造面板", function(can, name, meta, cb, field) {
var river = "", storm = ""; var river = "", storm = "";
var pane = Volcanos(name, {type: "local", var pane = Volcanos(name, {_type: "local",
option: field.querySelector("form.option"), option: field.querySelector("form.option"),
action: field.querySelector("div.action"), action: field.querySelector("div.action"),
output: field.querySelector("div.output"), output: field.querySelector("div.output"),
@ -34,27 +39,28 @@ var can = Volcanos("chat", {
}, },
Size: function(event, width, height) {var cb = pane.onimport["size"]; Size: function(event, width, height) {var cb = pane.onimport["size"];
field.style.display = width === 0 || height === 0? "none": "block";
if (width > 0) { if (width > 0) {
field.style.width = width + "px" field.style.width = width + "px"
} else if (width == -1) { } else if (width == -1) {
field.style.width = document.body.offsetWidth + "px" field.style.width = document.body.offsetWidth + "px"
} else if (width == -2) {
field.style.width = ""
} }
if (height > 0) { if (height > 0) {
field.style.height = height + "px" field.style.height = height + "px"
} else if (height == -1) { } else if (height == -1) {
field.style.height = document.body.offsetHeight + "px" field.style.height = document.body.offsetHeight + "px"
} else if (width == -2) {
field.style.width = ""
} }
typeof cb == "function" && cb(event, pane, {width: width, height: height}, "size", pane.output) typeof cb == "function" && cb(event, pane, {width: width, height: height}, "size", pane.output)
}, },
Show: function(width, height) {field.style.display = "block"; Show: function(width, height) {field.style.display = "block";
if (width < 0) {field.style.left = -width / 2 + "px"; if (width < 0) {field.style.left = -width / 2 + "px";
field.style.width = (document.body.offsetWidth + width) / 2 + "px"; field.style.width = (document.body.offsetWidth + width) + "px";
}
if (height < 0) {field.style.top = -height / 2 + "px";
field.style.height = (document.body.offsetHeight + height) / 2 + "px";
} }
if (width > 0) {field.style.width = width + "px"; if (width > 0) {field.style.width = width + "px";
field.style.left = (document.body.offsetWidth - width) / 2 + "px"; field.style.left = (document.body.offsetWidth - width) / 2 + "px";
@ -62,17 +68,21 @@ var can = Volcanos("chat", {
if (height > 0) {field.style.height = height + "px"; if (height > 0) {field.style.height = height + "px";
field.style.top = (document.body.offsetHeight - height) / 2 + "px"; field.style.top = (document.body.offsetHeight - height) / 2 + "px";
} }
if (height < 0) {field.style.top = -height / 2 + "px";
field.style.height = (document.body.offsetHeight + height) + "px";
}
return field;
}, },
Hide: function() {field.style.display = "none"}, Hide: function() {field.style.display = "none"},
run: function(event, cmds, cb) {var msg = pane.Event(event) run: function(event, cmds, cb) {var msg = pane.Event(event)
can.page.Select(can, pane.action, "input", function(item, index) { can.page.Select(can, pane.action, "input", function(item, index) {
msg.Option(name, item.value) msg.Option(item.name, item.value)
}) })
can.run(event, pane.option.dataset, cmds, cb) can.run(event, pane.option.dataset, cmds, cb)
}, },
}, Config.libs.concat(["pane/"+name]), function(pane) { }, Config.libs.concat(["pane/"+name]), function(pane) {
pane.onimport._init && pane.onimport._init(pane, pane.output, pane.action, pane.option, field) pane.onimport._init && pane.onimport._init(pane, pane.Conf(meta), pane.output, pane.action, pane.option, field)
function deal(event, value) { function deal(event, value) {
typeof pane.onaction[value] == "function" && pane.onaction[value](event, pane, meta, value, pane.output) typeof pane.onaction[value] == "function" && pane.onaction[value](event, pane, meta, value, pane.output)
@ -95,9 +105,15 @@ var can = Volcanos("chat", {
var args = meta.args || []; var args = meta.args || [];
var feature = JSON.parse(meta.feature||'{}'); var feature = JSON.parse(meta.feature||'{}');
var exports = JSON.parse(meta.exports||'{}'); var exports = JSON.parse(meta.exports||'{}');
var plugin = Volcanos(name, {type: "local", var plugin = Volcanos(name, {_type: "local",
option: field.querySelector("form.option"),
action: field.querySelector("div.action"),
output: field.querySelector("div.output"),
Inputs: can.Inputs, Output: can.Output, Inputs: can.Inputs, Output: can.Output,
Remove: function(event) {var list = can.page.Select(can, option, "input.temp")
list.length > 0 && list[list.length-1].parentNode.removeChild(list[list.length-1])
},
Append: function(item, cb) {item = item || {type: "text", name: "", className: "args temp"}; Append: function(item, cb) {item = item || {type: "text", name: "", className: "args temp"};
var name = item.name || item.value || "args"+plugin.page.Select(can, option, "input.args.temp").length; var name = item.name || item.value || "args"+plugin.page.Select(can, option, "input.args.temp").length;
var count = plugin.page.Select(can, option, ".args").length, value = ""; var count = plugin.page.Select(can, option, ".args").length, value = "";
@ -107,6 +123,7 @@ var can = Volcanos("chat", {
Select: function(event, target, focus) { Select: function(event, target, focus) {
can.plugin = field, can.input = target || option.querySelectorAll("input")[1]; can.plugin = field, can.input = target || option.querySelectorAll("input")[1];
focus && can.input.focus(); focus && can.input.focus();
return true
}, },
Option: function(key, value) { Option: function(key, value) {
value != undefined && option[key] && (option[key].value = value) value != undefined && option[key] && (option[key].value = value)
@ -115,9 +132,14 @@ var can = Volcanos("chat", {
}, },
Report: function(event, value, key, index) { Report: function(event, value, key, index) {
for (var i = 0; i < exports.length; i += 3) { for (var i = 0; i < exports.length; i += 3) {
if (exports[i+1] == key) {key = exports[i]} if (exports[i+1] == key) {key = exports[i]
if (exports[i+2]) {var cb = plugin.onexport[exports[i+2]], res;
value = typeof cb == "function" && ((res = cb(event, plugin, plugin.msg, value, key, index)) != undefined) && res || value;
} }
plugin[key] && plugin[key].target && plugin[key].Import(event, value, key, index) key && can.Import(event, value, key)
}
}
key && plugin[key] && plugin[key].target && plugin[key].Import(event, value, key, index)
}, },
Check: function(event, target, cb) { Check: function(event, target, cb) {
plugin.page.Select(can, option, ".args", function(item, index, list) { plugin.page.Select(can, option, ".args", function(item, index, list) {
@ -134,18 +156,25 @@ var can = Volcanos("chat", {
history.push(plugin.page.Select(can, option, ".args", function(item, index, list) { history.push(plugin.page.Select(can, option, ".args", function(item, index, list) {
return {target: item, value: item.value} return {target: item, value: item.value}
})) }))
can.Export(event, 1, "ncmd")
for (var i = args.length-1; i >= 0; i--) {if (args[i] == "") {args = args.slice(0, i)} else {break}} for (var i = args.length-1; i >= 0; i--) {if (args[i] == "") {args = args.slice(0, i)} else {break}}
show && plugin.Timer(1000, function() {show && plugin.user.toast(kit.Format(args||["running..."]), meta.name, -1)}); show && plugin.Timer(1000, function() {show && plugin.user.toast(can.base.Format(args||["running..."]), meta.name, -1)});
run(event, args, function(msg) {if (silent) {return typeof cb == "function" && cb(msg)} run(event, args, function(msg) {if (silent) {return typeof cb == "function" && cb(msg)}
plugin.msg = msg
plugin.Show(feature.display || "table", msg, cb) plugin.Show(feature.display || "table", msg, cb)
show = false, plugin.user.toast(); show = false, plugin.user.toast();
}) })
}, },
Show: function(type, msg, cb) {msg._plugin_name = name; Show: function(type, msg, cb) {plugin.msg = msg, msg._plugin_name = name;
return plugin[type] = can.Output(plugin, type, msg, cb, output, option) return plugin[type] = can.Output(plugin, type, msg, cb, output, option)
}, },
}, Config.libs.concat(["plugin/"+(meta.type||"state")]), function(plugin) { Clone: function(event) {meta.nick = meta.name + can.ID()
can.Plugin(can, meta.nick, meta, run,
can.page.AppendField(can, field.parentNode, "item "+meta.group+" "+meta.nick, meta))
},
Delete: function(event) {field.parentNode.removeChild(field)},
}, Config.libs.concat(["plugin/"+(meta.type||"state")]), function(plugin) {plugin.Conf(meta);
can.core.Next(JSON.parse(meta.inputs||"[]"), plugin.Append) can.core.Next(JSON.parse(meta.inputs||"[]"), plugin.Append)
}, meta) }, meta)
return plugin.target = field, field.Plugin = plugin return plugin.target = field, field.Plugin = plugin
@ -153,7 +182,9 @@ var can = Volcanos("chat", {
Inputs: shy("构造控件", function(can, item, type, name, value, cb, option) { Inputs: shy("构造控件", function(can, item, type, name, value, cb, option) {
var input = Volcanos(name, {type: "local", item: item, var input = Volcanos(name, {type: "local", item: item,
Select: function(event) {can.Select(event, input.target, true)}, Select: function(event) {can.Select(event, input.target, true)},
Import: function(event, value, key, index) {input.target.value = value; Import: function(event, value, key, index) {var cb = input.onimport[item.imports];
value = typeof cb == "function" && cb(event, input, value, key, input.target) || value
input.target.value = value;
item.action == "auto"? can.Runs(event): can.Check(event, input.target); item.action == "auto"? can.Runs(event): can.Check(event, input.target);
}, },
run: function(event, cmd, cb, silent) { run: function(event, cmd, cb, silent) {
@ -172,7 +203,7 @@ var can = Volcanos("chat", {
if (type == "inner" && (!msg.result || msg.result.length == 0)) { if (type == "inner" && (!msg.result || msg.result.length == 0)) {
type = "table" type = "table"
} }
var output = Volcanos(type, {type: "local", var output = Volcanos(type, {_type: "local", msg: msg,
Export: function(event, value, key, index) {can.Report(event, value, key, index)}, Export: function(event, value, key, index) {can.Report(event, value, key, index)},
run: function(event, cmd, cb, silent) { run: function(event, cmd, cb, silent) {
(output[cmd[1]] || can[cmd[1]] || can.Run)(event, cmd, cb, silent); (output[cmd[1]] || can[cmd[1]] || can.Run)(event, cmd, cb, silent);
@ -185,9 +216,8 @@ var can = Volcanos("chat", {
}, Config.libs.concat(Config.list), function(can) { }, Config.libs.concat(Config.list), function(can) {
if (ctx.Search("feature") != "") { if (ctx.Search("feature") != "") {
can[Config.main] = can.Page(can, Config.main, Config, function(chat) { can[Config.main] = can.Page(can, Config.main, Config, function(chat) {
// can.user.carte = page.carte.Pane.Show; chat.Login.Import(event||{}, "", "login")
// can.user.toast = page.toast.Pane.Show; can.user.Search(can, "layout") && chat.Login.Export(event||{}, can.user.Search(can, "layout"), "layout")
chat.River.Import(event||{}, "shy", "username")
}, document.body) }, document.body)
} }
}) })

1
lib/base.js
View File

@ -2,6 +2,7 @@ Volcanos("base", {help: "基础模块",
isNone: function(c) {return c === undefined || c === null}, isNone: function(c) {return c === undefined || c === null},
isSpace: function(c) {return c == " " || c == "Enter"}, isSpace: function(c) {return c == " " || c == "Enter"},
Int: function(value) {return parseInt(value)||0},
Duration: function(n) {var res = "", h = 0; Duration: function(n) {var res = "", h = 0;
h = parseInt(n/3600000), h > 0 && (res += h+"h"), n = n % 3600000; h = parseInt(n/3600000), h > 0 && (res += h+"h"), n = n % 3600000;
h = parseInt(n/60000), h > 0 && (res += h+"m"), n = n % 60000; h = parseInt(n/60000), h > 0 && (res += h+"m"), n = n % 60000;

108
lib/page.js
View File

@ -87,18 +87,24 @@ Volcanos("page", {help: "网页模块",
item.list = list[0].slice(1).map(function(value) { item.list = list[0].slice(1).map(function(value) {
return {type: "option", value: value, inner: value}; return {type: "option", value: value, inner: value};
}) })
data.className = list[0][0] || "" data.className = list[0][0] || "";
} else if (item.input) {var list = can.core.List(item.input); } else if (item.input) {var list = can.core.List(item.input);
type = "input", name = name || list[0]; type = "input", name = name || list[0] || "";
data.name = data.name || name;
data.className = data.className || data.name;
data.placeholder = data.placeholder || data.name;
data.title = data.title || data.placeholder;
data.onkeydown = function(event) { data.onkeydown = function(event) {
typeof list[1] == "function" && list[1](event); typeof list[1] == "function" && list[1](event);
} }
data.onkeyup = function(event) { data.onkeyup = function(event) {
typeof list[2] == "function" && list[2](event); typeof list[2] == "function" && list[2](event);
} }
} else if (item.row) {type = "tr"
item.list = item.row.map(function(text) {return {text: [text, item.sub||"td"]}}) } else if (item.row) {type = "tr";
item.list = item.row.map(function(text) {return {text: [text, item.sub||"td"]}});
} }
@ -117,16 +123,16 @@ Volcanos("page", {help: "网页模块",
AppendItem: shy("添加插件", function(can, target, list, click, cb, cbs) { AppendItem: shy("添加插件", function(can, target, list, click, cb, cbs) {
can.core.List(list, function(line, index) { can.core.List(list, function(line, index) {
var item = can.page.Append(can, target, [{view: ["item "+line.key], list: [{text: [line.nick||line.key]}], click: function(event) { var item = can.page.Append(can, target, [{view: ["item k"+line.key], list: [{text: [line.nick||line.key]}], click: function(event) {
typeof cb == "function" && cb(event, line, item) typeof cb == "function" && cb(event, line, item)
can.page.Select(can, target, "div.item.select", function(item) { can.page.Select(can, target, "div.item.select", function(item) {
can.page.ClassList.del(can, item, "select") can.page.ClassList.del(can, item, "select")
}) })
can.page.ClassList.add(can, item, "select") can.page.ClassList.add(can, item, "select")
}, data: {oncontextmenu: function(event) { }, data: {oncontextmenu: function(event) {
can.user.carte(event, shy("", can.ondetail, can.ondetail.list, function(event, value, meta) {var cb = meta[value]; can.user.carte(event, shy("", can.ondetail, can.ondetail.list, function(event, key, meta) {var cb = meta[key];
typeof cb == "function"? cb(event, can, line, value, item, target): typeof cb == "function"? cb(event, can, line, line.key, key, item):
can.run(event, [typeof cb == "string"? cb: value, item], null, true) can.run(event, [typeof cb == "string"? cb: key, item], null, true)
})) }))
event.stopPropagation() event.stopPropagation()
@ -136,15 +142,16 @@ Volcanos("page", {help: "网页模块",
if (click === false) {return} if (click === false) {return}
if (click != "") { if (click != "") {
var list = can.page.Select(can, target, "div.item."+click) var list = can.page.Select(can, target, "div.item.k"+click)
if (list.length>0) {list[0].click(); return} if (list.length>0) {list[0].click(); return}
} }
can.page.Select(can, target, "div.item")[0].click() can.page.Select(can, target, "div.item")[0].click()
}), }),
AppendField: shy("添加插件", function(can, target, type, item) { AppendField: shy("添加插件", function(can, target, type, item) {
var dataset = {}; item && item.name && (dataset.names = item.name); item && item.group && (dataset.group = item.group);
var field = can.page.Append(can, target, [{view: [type, "fieldset"], list: [ var field = can.page.Append(can, target, [{view: [type, "fieldset"], list: [
{text: [item.name+item.help, "legend"]}, {text: [(item.nick||item.name||"")+"("+(item.help||"")+")", "legend"]},
{view: ["option", "form"], list: [{type: "input", style: {display: "none"}}]}, {view: ["option", "form"], dataset: dataset, list: [{type: "input", style: {display: "none"}}]},
{view: ["action"]}, {view: ["action"]},
{view: ["output"]}, {view: ["output"]},
]}]).first; ]}]).first;
@ -188,5 +195,84 @@ Volcanos("page", {help: "网页模块",
text:'<a href="'+URL.createObjectURL(new Blob([value]))+'" target="_blank" download="'+name+'">'+name+'</a>', text:'<a href="'+URL.createObjectURL(new Blob([value]))+'" target="_blank" download="'+name+'">'+name+'</a>',
}) })
}, },
DelText: function(target, start, count) {
target.value = target.value.substring(0, start)+target.value.substring(start+(count||target.value.length), target.value.length)
target.setSelectionRange(start, start)
},
oninput: function(event, can, local) {var target = event.target
if (event.ctrlKey) {
if (typeof local == "function" && local(event)) {
event.stopPropagation()
event.preventDefault()
return true
}
var his = target.History || []
var pos = target.Current || -1
switch (event.key) {
case "p":
pos = (pos-1+his.length+1) % (his.length+1)
target.value = pos < his.length? his[pos]: ""
target.Current = pos
break
case "n":
pos = (pos+1) % (his.length+1)
target.value = pos < his.length? his[pos]: ""
target.Current = pos
break
case "a":
case "e":
case "f":
case "b":
break
case "h":
can.page.DelText(target, target.selectionStart-1, target.selectionStart)
break
case "d":
can.page.DelText(target, 0, target.selectionStart)
break
case "k":
can.page.DelText(target, target.selectionStart)
break
case "u":
can.page.DelText(target, 0, target.selectionEnd)
break
case "w":
var start = target.selectionStart-2
var end = target.selectionEnd-1
for (var i = start; i >= 0; i--) {
if (target.value[end] == " " && target.value[i] != " ") {
break
}
if (target.value[end] != " " && target.value[i] == " ") {
break
}
}
can.page.DelText(target, i+1, end-i)
break
default:
return false
}
} else {
switch (event.key) {
case " ":
event.stopPropagation()
return true
default:
if (target.value.endsWith("j") && event.key == "k") {
can.page.DelText(target, target.selectionStart-1, 2)
target.blur()
break
}
return false
}
}
event.stopPropagation()
event.preventDefault()
return true
},
}) })

31
order.js
View File

@ -1,13 +1,14 @@
var Config = { var Config = {
main: "chat", list: ["page/chat", main: "chat", list: ["page/chat",
"pane/Toast", "pane/Carte", "pane/Debug", "pane/Login", "pane/Toast", "pane/Carte", "pane/Debug",
"pane/Tutor", "pane/Favor", "pane/Login",
"pane/Header", "pane/Header",
"pane/Ocean", "pane/River", "pane/Storm", "pane/Steam", "pane/Ocean", "pane/River", "pane/Storm", "pane/Steam",
"pane/Target", "pane/Source", "pane/Action", "pane/Target", "pane/Source", "pane/Action",
"pane/Footer", "pane/Footer",
"plugin/state", "plugin/input", "plugin/table", "plugin/inner", "plugin/state", "plugin/input", "plugin/table", "plugin/inner", "plugin/media",
], ],
libs: ["lib/base", "lib/core", "lib/misc", "lib/page", "lib/user"], libs: ["lib/base", "lib/core", "lib/misc", "lib/page", "lib/user"],
pane: [ pane: [
@ -15,19 +16,31 @@ var Config = {
{group: "index", name: "Carte", pos: "float"}, {group: "index", name: "Carte", pos: "float"},
{group: "index", name: "Debug", pos: "float"}, {group: "index", name: "Debug", pos: "float"},
{group: "index", name: "Login", pos: "float"}, {group: "index", name: "Login", pos: "float"},
{group: "index", name: "Favor", pos: "float"},
{group: "index", name: "Tutor", pos: "float"},
{group: "index", name: "Header", pos: "head"}, {group: "index", name: "Header", pos: "head",
{group: "index", name: "Ocean", pos: "float"}, title: "github.com/shylinux/context",
state: ["time", "user", "link"],
},
{group: "index", name: "Ocean", pos: "float", def_name: "meet"},
{group: "index", name: "River", pos: "left"}, {group: "index", name: "River", pos: "left"},
{group: "index", name: "Storm", pos: "right"}, {group: "index", name: "Storm", pos: "right"},
{group: "index", name: "Steam", pos: "float"}, {group: "index", name: "Steam", pos: "float", def_name: "miss"},
{group: "index", name: "Target", pos: "top"}, {group: "index", name: "Target", pos: "top"},
{group: "index", name: "Source", pos: "center"}, {group: "index", name: "Source", pos: "center"},
{group: "index", name: "Action", pos: "bottom"}, {group: "index", name: "Action", pos: "bottom"},
{group: "index", name: "Footer", pos: "foot"}, {group: "index", name: "Footer", pos: "foot",
], title: '<a href="mailto:shylinux@163.com">shylinux@163.com</a>',
layout: { state: ["ntxt", "ncmd"],
border: 4, },
], layout: {list: ["工作", "办公", "聊天"], size: {
"工作": {head: 30, foot: 30, left: 0, right: 100, bottom: -1, center: 0, top: 0},
"办公": {head: 30, foot: 30, left: 100, right: 100, bottom: -1, center: 0, top: 0},
"聊天": {head: 30, foot: 30, left: 100, right: 100, bottom: 300, center: 40, top: -2},
"全屏": {head: 0, foot: 0, left: 0, right: 0, bottom: -1, center: 0, top: 0},
}, border: 4,
}, },
} }

20
page/chat.js
View File

@ -3,9 +3,26 @@ Volcanos("onimport", {help: "导入数据", list: [],
window.onresize = function(event) { window.onresize = function(event) {
can.onlayout["刷新"](event, can, conf, null, body) can.onlayout["刷新"](event, can, conf, null, body)
} }
},
layout: function(event, can, value, key, body) {var conf = can.Conf()
can.onlayout["刷新"](event, can, conf, conf.layout.size[value], body)
} }
}) })
Volcanos("onaction", {help: "组件交互", list: []}) Volcanos("onaction", {help: "组件交互", list: [],
onkeydown: function(event, can) {
switch (event.key) {
case " ":
if (can.Favor) {
can.page.Select(can, can.Favor.Show(400, 200), "input.cmd", function(item) {
item.focus()
})
}
event.stopPropagation()
event.preventDefault()
}
},
})
Volcanos("onlayout", {help: "组件布局", list: ["刷新"], Volcanos("onlayout", {help: "组件布局", list: ["刷新"],
"刷新": function(event, can, conf, layout, body) {layout = layout || {}; "刷新": function(event, can, conf, layout, body) {layout = layout || {};
var height = body.clientHeight-conf.layout.border; var height = body.clientHeight-conf.layout.border;
@ -35,7 +52,6 @@ Volcanos("onlayout", {help: "组件布局", list: ["刷新"],
height -= layout.top==0? height: can.center.target.offsetHeight+can.bottom.target.offsetHeight height -= layout.top==0? height: can.center.target.offsetHeight+can.bottom.target.offsetHeight
can.top.Size(event, width, height) can.top.Size(event, width, height)
}, },
}) })
Volcanos("onchoice", {help: "组件菜单", list: ["刷新", "登出"], Volcanos("onchoice", {help: "组件菜单", list: ["刷新", "登出"],
"刷新": function(event, can, conf, key, body) { "刷新": function(event, can, conf, key, body) {

96
pane/Action.js
View File

@ -1,75 +1,81 @@
Volcanos("onimport", {help: "导入数据", list: [], Volcanos("onimport", {help: "导入数据", list: [],
init: function(event, can, msg, key, output) {output.innerHTML = ""; init: function(event, can, msg, cmd, output) {output.innerHTML = "";
msg.Table(function(item, index) {if (!item.name) {return} msg.Table(function(item, index) {if (!item.name) {return}
can[item.name] = can.Plugin(can, item.name, item, function(event, cmds, cbs) { can[item.name] = can.Plugin(can, item.name, item, function(event, cmds, cbs) {
can.run(event, [item.river, item.storm, item.action].concat(cmds), cbs) can.run(event, [item.river, item.storm, item.action].concat(cmds), cbs)
}, can.page.AppendField(can, output, "item "+item.group+" "+item.name, item)) }, can.page.AppendField(can, output, "item "+item.group+" "+item.name, item))
}) })
}, },
size: function(event, can, value, key, output) { size: function(event, can, value, cmd, output) {
}, },
river: function(event, can, value, key, output) { river: function(event, can, value, cmd, output) {
if (value == "update") {return} if (value == "update") {return}
can.Conf("temp_river", value) can.Conf("temp_river", value)
}, },
storm: function(event, can, value, key, output) { storm: function(event, can, value, cmd, output) {
can.Cache(can.Conf("river")+"."+can.Conf("storm"), output, "some"); can.Cache(can.Conf("river")+"."+can.Conf("storm"), output, "some");
can.Conf("river", can.Conf("temp_river")) can.Conf("river", can.Conf("temp_river"))
can.Conf("storm", value) can.Conf("storm", value)
if (!can.Cache(can.Conf("river")+"."+can.Conf("storm"), output)) { if (!can.Cache(can.Conf("river")+"."+can.Conf("storm"), output)) {
can.run(event, [can.Conf("river"), can.Conf("storm")], function(msg) { can.run(event, [can.Conf("river"), can.Conf("storm")], function(msg) {
can.onimport.init(event, can, msg, key, output) can.onimport.init(event, can, msg, cmd, output)
}) })
} }
}, },
}) pod: function(event, can, value, cmd, output) {
Volcanos("onaction", {help: "组件交互", list: [], can.page.Select(can, can.action, "input."+cmd, function(item) {
}) item.value = value
Volcanos("onchoice", {help: "组件菜单", list: ["返回", "清空", "复制", "下载", "表格", "绘图", "媒体"], })
"返回": function(event, can, msg, value, target) {
can.run(event, ["", "Last"])
}, },
"清空": function(event, can, msg, value, target) { you: function(event, can, value, cmd, output) {
can.target.innerHTML = ""; can.page.Select(can, can.action, "input."+cmd, function(item) {
item.value = value
})
}, },
"复制": function(event, can, msg, value, target) { layout: function(event, can, value, cmd, output) {can.layout = value;
var list = can.onexport.Format(can, msg, "data"); can.page.Select(can, can.action, "select.layout", function(item) {
can.user.toast(can.page.CopyText(can, list[2]), "复制成功") item.value = value
})
}, },
"下载": function(event, can, msg, value, target) { favor: function(event, can, msg, cmd, output) {
var list = can.onexport.Format(can, msg, msg._plugin_name||"data"); var p = can[msg.detail[0]];
can.page.Download(can, list[0]+list[1], list[2]); p.Select && p.Select(event, null, true) && (msg._hand = true)
}, },
}) })
Volcanos("ondetail", {help: "组件详情", list: ["选择", "修改", "删除", "复制", "下载"], Volcanos("onaction", {help: "组件交互", list: [["layout", "工作", "办公", "聊天"], "清屏", "刷新", "串行", "并行",
"选择": "select", {input: "pod"}, {input: "you"}],
"删除": "delete", "工作": function(event, can, msg, cmd, output) {
"修改": function(event, can, msg, value, index, key, td) { can.Export(event, cmd, "layout")
var text = td.innerHTML;
can.page.Appends(can, td, [{type: "input", style: {width: td.clientWidth+"px"}, data: {onkeydown: function(event) {
if (event.key != "Enter") {return}
can.run(event, [index, "modify", key == "value" && msg.key? msg[key][index]: key, event.target.value,], function(msg) {
td.innerHTML = event.target.value;
can.user.toast("修改成功")
}, true)
}}}])
}, },
"复制": function(event, can, msg, value, index, key, td) { "办公": function(event, can, msg, cmd, output) {
can.user.toast(can.page.CopyText(can, td.innerHTML), "复制成功") can.Export(event, cmd, "layout")
}, },
"下载": function(event, can, msg, value, index, key, td) { "聊天": function(event, can, msg, cmd, output) {
can.page.Download(can, key, td.innerHTML); can.Export(event, cmd, "layout")
}, },
}) "清屏": function(event, can, msg, cmd, output) {
Volcanos("onexport", {help: "导出数据", list: [], can.page.Select(can, output, "fieldset.item>div.output", function(item) {
Format: function(can, msg, name) { item.innerHTML = "";
var ext = ".csv", txt = can.page.Select(can, can.target, "tr", function(tr) { })
return can.page.Select(can, tr, "td,th", function(td) {return td.innerText}).join(",") },
}).join("\n"); "刷新": function(event, can, msg, cmd, output) {
can.page.Select(can, output, "fieldset.item>div.output", function(item) {
!txt && (ext = ".txt", txt = msg.result && msg.result.join("") || ""); item.innerHTML = "";
return [name, ext, txt] })
}, },
}) })
Volcanos("onchoice", {help: "组件菜单", list: [["layout", "工作", "办公", "聊天"]],
"工作": function(event, can, msg, cmd, target) {
can.Export(event, cmd, "layout")
},
"办公": function(event, can, msg, cmd, target) {
can.Export(event, cmd, "layout")
},
"聊天": function(event, can, msg, cmd, target) {
can.Export(event, cmd, "layout")
},
})
Volcanos("ondetail", {help: "组件详情", list: []})
Volcanos("onexport", {help: "导出数据", list: []})

21
pane/Carte.js
View File

@ -1,9 +1,15 @@
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, output, action, option, field) { Volcanos("onimport", {help: "导入数据", list: [],
can.user.carte = function(event, cb) {if (!cb || !cb.list || cb.list.length == 0) {return} _init: function(can, conf, output, action, option, field) {
output.innerHTML = "", can.page.AppendItem(can, output, can.core.List(cb.list, function(item) { can.user.carte = function(event, cb, src) {if (!cb || !cb.list || cb.list.length == 0) {return}
return {key: item}; output.innerHTML = "", can.page.Append(can, output, can.core.List(cb.list, function(item) {
}), false, function(event, line, item) { return {view: ["item"], list: [typeof item == "string"? {text: [item], click: function(event) {
typeof cb == "function" && cb(event, line.key, cb.meta) typeof cb == "function" && cb(event, item, cb.meta)
}}: {select: [item, function(event) {
typeof cb == "function" && cb(event, event.target.value, cb.meta)
}], value: src[item[0]]||""}]}
}))
can.page.Select(can, output, "select", function(item) {
item.value = src[item.className]||""
}) })
var pos = {display: "block", left: event.x, top: event.y} var pos = {display: "block", left: event.x, top: event.y}
@ -17,7 +23,8 @@ Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, outpu
event.preventDefault() event.preventDefault()
can.Show() can.Show()
} }
}}) },
})
Volcanos("onaction", {help: "组件交互", list: []}) Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []}) Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []}) Volcanos("ondetail", {help: "组件详情", list: []})

9
pane/Debug.js
View File

@ -1,5 +1,10 @@
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, output, action, option, field) { Volcanos("onimport", {help: "导入数据", list: [],
}}) _init: function(can, conf, output, action, option, field) {
},
favor: function(event, can, value, cmd, output) {
console.log(can.base.Time(), value)
},
})
Volcanos("onaction", {help: "组件交互", list: []}) Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []}) Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []}) Volcanos("ondetail", {help: "组件详情", list: []})

47
pane/Favor.js Normal file
View File

@ -0,0 +1,47 @@
Volcanos("onimport", {help: "导入数据", list: [],
_init: function(can, conf, output, action, option, field) {
can.page.Append(can, option, [{input: ["cmd", function(event) {
function run(cmd) {
var msg = can.Event(event);
msg.detail = [cmd]
msg._time = can.base.Time()
msg._source = can
can.Export(event, msg, "favor")
if (msg._hand) {
event.target.value = ""
}
return msg
}
if (can.page.oninput(event, can, function(event) {
event.stopPropagation()
event.preventDefault()
return true
})) {return}
switch (event.key) {
case "Enter":
var msg = run(event.target.value.trim())
output.innerHTML = msg.Result()
break
case "Escape":
can.Hide()
break
}
}, function(event) {
if (event.ctrlKey) {
event.stopPropagation()
event.preventDefault()
return true
}
}]}])
},
})
Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []})
Volcanos("onexport", {help: "导出数据", list: []})

39
pane/Footer.js
View File

@ -1,23 +1,22 @@
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, output, action, option, field) { Volcanos("onimport", {help: "导入数据", list: [],
can.user.carte = function(event, cb) {if (!cb || !cb.list || cb.list.length == 0) {return} _init: function(can, conf, output, action, option, field) {output.innerHTML = "";
output.innerHTML = "", can.page.AppendItem(can, output, can.core.List(cb.list, function(item) { conf.title && can.page.Append(can, output, [{view: "title", list: [{text: conf.title, className: "title"}]}])
return {key: item}; can.ui = can.page.Append(can, output, [{view: "state", list: can.core.List(conf.state, function(item) {
}), false, function(event, line, item) { return {text: conf[item]||"", className: item, click: function(event) {var cb = can.onexport[item];
typeof cb == "function" && cb(event, line.key, cb.meta) typeof cb == "function" && cb(event, can, item, item, output)
}) }};
})}])
var pos = {display: "block", left: event.x, top: event.y} },
if (document.body.clientWidth - event.x < 60) { email: function(event, can, value, cmd, output) {
var pos = {display: "block", right: event.x, top: event.y} can.ui[cmd].innerHTML = value
} },
pos.left += "px"; pos.top += "px"; ntxt: function(event, can, value, cmd, output) {var state = can.Conf(cmd);
can.page.Modify(can, field, {style: pos}) can.ui[cmd].innerHTML = cmd+":"+ can.Conf(cmd, can.base.Int(value)+can.base.Int(state))
},
event.stopPropagation() ncmd: function(event, can, value, cmd, output) {var state = can.Conf(cmd);
event.preventDefault() can.ui[cmd].innerHTML = cmd+":"+ can.Conf(cmd, can.base.Int(value)+can.base.Int(state))
can.Show() },
} })
}})
Volcanos("onaction", {help: "组件交互", list: []}) Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []}) Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []}) Volcanos("ondetail", {help: "组件详情", list: []})

66
pane/Header.js
View File

@ -1,25 +1,51 @@
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, output, action, option, field) { Volcanos("onimport", {help: "导入数据", list: [],
can.user.carte = function(event, cb) {if (!cb || !cb.list || cb.list.length == 0) {return} _init: function(can, conf, output, action, option, field) {output.innerHTML = "";
output.innerHTML = "", can.page.AppendItem(can, output, can.core.List(cb.list, function(item) { conf.title && can.page.Append(can, output, [{view: "title",
return {key: item}; list: [{text: conf.title, className: "title"}], click: function(event) {can.onexport.title(event, can)}}])
}), false, function(event, line, item) { can.ui = can.page.Append(can, output, [{view: "state", list: can.core.List(conf.state, function(item) {
typeof cb == "function" && cb(event, line.key, cb.meta) return {text: conf[item]||"", className: item, click: function(event) {var cb = can.onexport[item];
typeof cb == "function" && cb(event, can, item, item, output)
}};
})}])
can.timer = can.Timer({interval: 1000, length: -1}, function() {
can.ui.time.innerHTML = can.base.Time().split(" ")[1]
}) })
},
var pos = {display: "block", left: event.x, top: event.y} title: function(event, can, value, cmd, output) {
if (document.body.clientWidth - event.x < 60) { can.ui[cmd].innerHTML = value
var pos = {display: "block", right: event.x, top: event.y} },
} username: function(event, can, value, cmd, output) {
pos.left += "px"; pos.top += "px"; can.ui["user"].innerHTML = value
can.page.Modify(can, field, {style: pos}) },
time: function(event, can, value, cmd, output) {
event.stopPropagation() can.ui[cmd].innerHTML = value
event.preventDefault() },
can.Show() link: function(event, can, value, cmd, output) {
} can.ui[cmd].innerHTML = value
}}) },
river: function(event, can, value, cmd, output) {if (value == "update") {return}
can.Conf("river", value)
},
storm: function(event, can, value, cmd, output) {if (value == "update") {return}
can.Conf("storm", value)
},
layout: function(event, can, value, cmd, output) {if (value == "update") {return}
can.Conf("layout", value)
},
})
Volcanos("onaction", {help: "组件交互", list: []}) Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []}) Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []}) Volcanos("ondetail", {help: "组件详情", list: []})
Volcanos("onexport", {help: "导出数据", list: []}) Volcanos("onexport", {help: "导出数据", list: [],
title: function(event, can, value, cmd, output) {
can.user.Search(can, {
river: can.Conf("river"),
storm: can.Conf("storm"),
layout: can.Conf("layout"),
})
},
link: function(event, can, value, cmd, output) {
can.ui[cmd].innerHTML = value
},
})

28
pane/Login.js
View File

@ -1,23 +1,13 @@
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, output, action, option, field) { Volcanos("onimport", {help: "导入数据", list: [],
can.user.carte = function(event, cb) {if (!cb || !cb.list || cb.list.length == 0) {return} login: function(event, can, value, cmd, output) {
output.innerHTML = "", can.page.AppendItem(can, output, can.core.List(cb.list, function(item) { if (!can.user.Cookie("sessid")) {can.Show(); return}
return {key: item};
}), false, function(event, line, item) { can.run(event||{}, [], function(msg) {
typeof cb == "function" && cb(event, line.key, cb.meta) msg.nickname && msg.nickname.length > 0?
can.Export(event, msg.nickname[0], "username"): can.Show()
}) })
},
var pos = {display: "block", left: event.x, top: event.y} })
if (document.body.clientWidth - event.x < 60) {
var pos = {display: "block", right: event.x, top: event.y}
}
pos.left += "px"; pos.top += "px";
can.page.Modify(can, field, {style: pos})
event.stopPropagation()
event.preventDefault()
can.Show()
}
}})
Volcanos("onaction", {help: "组件交互", list: []}) Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []}) Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []}) Volcanos("ondetail", {help: "组件详情", list: []})

4
pane/Ocean.js
View File

@ -1,7 +1,7 @@
Volcanos("onimport", {help: "导入数据", list: [], Volcanos("onimport", {help: "导入数据", list: [],
_init: function(can, output, action, option, field) {output.innerHTML = ""; _init: function(can, conf, output, action, option, field) {output.innerHTML = "";
var ui = can.page.Append(can, field, [{view: ["create"], list: [ var ui = can.page.Append(can, field, [{view: ["create"], list: [
{input: ["name"], title: "群聊名称"}, {input: "name", value: can.Conf("def_name"), title: "群聊名称"},
{button: ["创建群聊", function(event) { {button: ["创建群聊", function(event) {
if (!ui.name.value) {ui.name.focus(); can.user.toast("请输入群名"); return} if (!ui.name.value) {ui.name.focus(); can.user.toast("请输入群名"); return}

8
pane/River.js
View File

@ -16,6 +16,14 @@ Volcanos("onimport", {help: "导入数据", list: [],
}) })
} }
}, },
favor: function(event, can, msg, cmd, output) {
can.page.Select(can, output, "div.item>span", function(item) {
if (item.innerText == msg.detail[0]) {
msg.Echo("storm", msg.detail[0])
item.click(), msg._hand = true;
}
})
},
}) })
Volcanos("onaction", {help: "组件交互", list: ["创建", "刷新"], Volcanos("onaction", {help: "组件交互", list: ["创建", "刷新"],
"创建": function(event, can, meta, key, output) { "创建": function(event, can, meta, key, output) {

24
pane/Source.js
View File

@ -1,23 +1,7 @@
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, output, action, option, field) { Volcanos("onimport", {help: "导入数据", list: [],
can.user.carte = function(event, cb) {if (!cb || !cb.list || cb.list.length == 0) {return} _init: function(can, conf, output, action, option, field) {
output.innerHTML = "", can.page.AppendItem(can, output, can.core.List(cb.list, function(item) { },
return {key: item}; })
}), false, function(event, line, item) {
typeof cb == "function" && cb(event, line.key, cb.meta)
})
var pos = {display: "block", left: event.x, top: event.y}
if (document.body.clientWidth - event.x < 60) {
var pos = {display: "block", right: event.x, top: event.y}
}
pos.left += "px"; pos.top += "px";
can.page.Modify(can, field, {style: pos})
event.stopPropagation()
event.preventDefault()
can.Show()
}
}})
Volcanos("onaction", {help: "组件交互", list: []}) Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []}) Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []}) Volcanos("ondetail", {help: "组件详情", list: []})

19
pane/Steam.js
View File

@ -1,8 +1,8 @@
Volcanos("onimport", {help: "导入数据", list: [], Volcanos("onimport", {help: "导入数据", list: [],
_init: function(can, output, action, option, field) {output.innerHTML = ""; _init: function(can, conf, output, action, option, field) {output.innerHTML = "";
var device = can.page.Append(can, field, [{"view": ["device", "table"]}]).last var device = can.page.Append(can, field, [{"view": ["device", "table"]}]).last
var ui = can.page.Append(can, field, [{view: ["create"], list: [ var ui = can.page.Append(can, field, [{view: ["create"], list: [
{title: "应用名称", input: ["name"]}, {button: ["创建应用", function(event) { {input: "name", value: can.Conf("def_name"), title: "应用名称"}, {button: ["创建应用", function(event) {
if (!ui.name.value) {ui.name.focus(); can.user.toast("请输入群名"); return} if (!ui.name.value) {ui.name.focus(); can.user.toast("请输入群名"); return}
var list = [] var list = []
@ -21,7 +21,7 @@ Volcanos("onimport", {help: "导入数据", list: [],
can.device = device can.device = device
can.ui = ui can.ui = ui
}, },
init: function(event, can, msg, key, output) {output.innerHTML = ""; can.Show(); init: function(event, can, msg, key, output) {output.innerHTML = ""; can.Show(-100, -100);
var table = can.page.Append(can, output, "table") var table = can.page.Append(can, output, "table")
can.page.Append(can, table, [{text: ["1. 选择用户节点 ->", "caption"]}]) can.page.Append(can, table, [{text: ["1. 选择用户节点 ->", "caption"]}])
@ -32,7 +32,7 @@ Volcanos("onimport", {help: "导入数据", list: [],
var node = msg.node[index]; var node = msg.node[index];
can.run(event, [can.Conf("river"), msg.user[index], node], function(com) { can.run(event, [can.Conf("river"), msg.user[index], node], function(com) {
can.page.Append(can, can.device, [{text: ["2. 选择模块命令 ->", "caption"]}]) can.page.Appends(can, can.device, [{text: ["2. 选择模块命令 ->", "caption"]}])
can.page.AppendTable(can, can.device, com, ["key", "index", "name", "help"], function(event, value, key, index, tr, td) { can.page.AppendTable(can, can.device, com, ["key", "index", "name", "help"], function(event, value, key, index, tr, td) {
var last = can.page.Append(can, can.ui.list, [{ var last = can.page.Append(can, can.ui.list, [{
@ -43,7 +43,7 @@ Volcanos("onimport", {help: "导入数据", list: [],
}, function(event, value, key, index, tr, td) { }, function(event, value, key, index, tr, td) {
can.user.carte(event, shy(can.ondetail, can.ondetail.list, function(event, key, meta) { can.user.carte(event, shy(can.ondetail, can.ondetail.list, function(event, key, meta) {
meta[key](event, can, msg, key, td) meta[key](event, can, com, value, key, index, td)
})) }))
}) })
}) })
@ -79,8 +79,13 @@ Volcanos("onchoice", {help: "组件菜单", list: ["关闭", "刷新"],
can.onaction[key](event, can, key, can.output) can.onaction[key](event, can, key, can.output)
}, },
}) })
Volcanos("ondetail", {help: "组件详情", list: ["共享"], Volcanos("ondetail", {help: "组件详情", list: ["创建", "删除", "共享"],
"共享": function(event, can, line, value, target) { "创建": function(event, can, msg, value, key, index, td) {
can.run(event, [can.Conf("river"), "spawn", msg.key[index]], function(msg) {
can.Hide(), can.Export(event, "update", "storm");
})
},
"共享": function(event, can, msg, value, key, index, td) {
can.user.toast(can.user.Share(can, {storm: line.key}), "共享链接", 10000) can.user.toast(can.user.Share(can, {storm: line.key}), "共享链接", 10000)
}, },
}) })

66
pane/Storm.js
View File

@ -1,65 +1,63 @@
Volcanos("onimport", {help: "导入数据", list: [], Volcanos("onimport", {help: "导入数据", list: [],
init: function(event, can, msg, key, output) {output.innerHTML = ""; init: function(event, can, msg, cmd, output) {output.innerHTML = "";
can.page.AppendItem(can, output, msg.Table(), can.user.Search(can, "storm"), function(event, line, item) { can.page.AppendItem(can, output, msg.Table(), can.user.Search(can, "storm"), function(event, line, item) {
can.Export(event, line.key, "storm") can.Export(event, line.key, "storm")
}) })
}, },
river: function(event, can, value, key, output) { river: function(event, can, value, cmd, output) {
if (value == "update") {return} if (value == "update") {return}
can.run(event, [can.Conf("river", value)], function(msg) {
can.run(event, [value], function(msg) { can.onimport.init(event, can, msg, cmd, output)
can.onimport.init(event, can, msg, key, output) })
},
storm: function(event, can, value, cmd, output) {
if (value == "update") {
can.run(event, [can.Conf("river")], function(msg) {
can.onimport.init(event, can, msg, cmd, output)
})
}
},
favor: function(event, can, msg, cmd, output) {
can.page.Select(can, output, "div.item.k"+msg.detail[0], function(item) {
msg.Echo("storm", msg.detail[0])
item.click(), msg._hand = true;
}) })
}, },
}) })
Volcanos("onaction", {help: "组件交互", list: ["创建", "刷新"], Volcanos("onaction", {help: "组件交互", list: ["创建", "刷新"],
"创建": function(event, can, meta, key, output) { "创建": function(event, can, meta, cmd, output) {
can.Export(event, "create", "steam") can.Export(event, "create", "steam")
}, },
"刷新": function(event, can, meta, key, output) { "刷新": function(event, can, meta, cmd, output) {
can.run(event, [], function(msg) { can.run(event, [can.Conf("river")], function(msg) {
can.onimport.init(event, can, msg, key, output) can.onimport.init(event, can, msg, cmd, output)
}) })
}, },
}) })
Volcanos("onchoice", {help: "组件菜单", list: ["返回", "清空", "复制", "下载", "表格", "绘图", "媒体"], Volcanos("onchoice", {help: "组件菜单", list: ["返回", "清空", "复制", "下载", "表格", "绘图", "媒体"],
"返回": function(event, can, msg, key, target) { "返回": function(event, can, msg, cmd, target) {
can.run(event, ["", "Last"]) can.run(event, ["", "Last"])
}, },
"清空": function(event, can, msg, key, target) { "清空": function(event, can, msg, cmd, target) {
can.target.innerHTML = ""; can.target.innerHTML = "";
}, },
"复制": function(event, can, msg, key, target) { "复制": function(event, can, msg, cmd, target) {
var list = can.onexport.Format(can, msg, "data"); var list = can.onexport.Format(can, msg, "data");
can.user.toast(can.page.CopyText(can, list[2]), "复制成功") can.user.toast(can.page.CopyText(can, list[2]), "复制成功")
}, },
"下载": function(event, can, msg, key, target) { "下载": function(event, can, msg, cmd, target) {
var list = can.onexport.Format(can, msg, msg._plugin_name||"data"); var list = can.onexport.Format(can, msg, msg._plugin_name||"data");
can.page.Download(can, list[0]+list[1], list[2]); can.page.Download(can, list[0]+list[1], list[2]);
}, },
}) })
Volcanos("ondetail", {help: "组件详情", list: ["选择", "修改", "删除", "复制", "下载"], Volcanos("ondetail", {help: "组件详情", list: ["保存", "恢复", "删除"],
"选择": "select", "删除": function(event, can, line, value, cmd, item) {
"删除": "delete", can.run(event, [can.Conf("river"), "delete", value], function(msg) {
"修改": function(event, can, msg, value, index, key, td) { can.run(event, [can.Conf("river")], function(msg) {
var text = td.innerHTML; can.onimport.init(event, can, msg, cmd, can.output)
can.page.Appends(can, td, [{type: "input", style: {width: td.clientWidth+"px"}, data: {onkeydown: function(event) { })
if (event.key != "Enter") {return} })
can.run(event, [index, "modify", key == "value" && msg.key? msg[key][index]: key, event.target.value,], function(msg) {
td.innerHTML = event.target.value;
can.user.toast("修改成功")
}, true)
}}}])
},
"复制": function(event, can, msg, value, index, key, target) {
can.user.toast(can.page.CopyText(can, target.innerHTML), "复制成功")
},
"下载": function(event, can, msg, value, index, key, target) {
can.page.Download(can, key, target.innerHTML);
}, },
}) })
Volcanos("onexport", {help: "导出数据", list: []}) Volcanos("onexport", {help: "导出数据", list: []})

24
pane/Target.js
View File

@ -1,23 +1,7 @@
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, output, action, option, field) { Volcanos("onimport", {help: "导入数据", list: [],
can.user.carte = function(event, cb) {if (!cb || !cb.list || cb.list.length == 0) {return} _init: function(can, conf, output, action, option, field) {
output.innerHTML = "", can.page.AppendItem(can, output, can.core.List(cb.list, function(item) { },
return {key: item}; })
}), false, function(event, line, item) {
typeof cb == "function" && cb(event, line.key, cb.meta)
})
var pos = {display: "block", left: event.x, top: event.y}
if (document.body.clientWidth - event.x < 60) {
var pos = {display: "block", right: event.x, top: event.y}
}
pos.left += "px"; pos.top += "px";
can.page.Modify(can, field, {style: pos})
event.stopPropagation()
event.preventDefault()
can.Show()
}
}})
Volcanos("onaction", {help: "组件交互", list: []}) Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []}) Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []}) Volcanos("ondetail", {help: "组件详情", list: []})

13
pane/Toast.js
View File

@ -1,4 +1,5 @@
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, output) { Volcanos("onimport", {help: "导入数据", list: [],
_init: function(can, conf, output) {
can.user.toast = function(text, title, duration, list) {if (!text) {return can.Hide()} can.user.toast = function(text, title, duration, list) {if (!text) {return can.Hide()}
text = typeof text == "object"? text: {list: list, text: text, title: title||"", duration: duration||3000} text = typeof text == "object"? text: {list: list, text: text, title: title||"", duration: duration||3000}
@ -11,21 +12,23 @@ Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, outpu
] ]
var toast = can.page.Appends(can, output, list) var toast = can.page.Appends(can, output, list)
var width = text.width||text.text.length*10+10 var width = text.width||text.text.length*10+100
width = width>400?400:width width = width>400?400:width
width = width<100?100:width
can.Show(width, text.height||80) can.Show(width, text.height||80)
var begin = can.base.Time().split(" ")[1] var begin = can.base.Time().split(" ")[1]
var timer = can.Timer({value: 1000, length: text.duration > 0? text.duration/1000: text.duration}, function(t, i) { var timer = can.Timer({value: 1000, length: text.duration > 0? text.duration/1000: text.duration}, function(t, i) {
console.log(t, i) if (i < 10) {return}
if (i > 10000) {return true} if (i > 10000) {return true}
toast.tick.innerHTML = can.base.Duration(i*t) + " after " + begin toast.tick.innerHTML = can.base.Duration(i*t) + " after " + begin
console.log(t, i)
}, function() { }, function() {
can.Hide() can.Hide()
}) })
return timer
} }
}}) },
})
Volcanos("onaction", {help: "组件交互", list: []}) Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []}) Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []}) Volcanos("ondetail", {help: "组件详情", list: []})

12
pane/Tutor.js Normal file
View File

@ -0,0 +1,12 @@
Volcanos("onimport", {help: "导入数据", list: [],
_init: function(can, conf, output, action, option, field) {
},
})
Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []})
Volcanos("onexport", {help: "导出数据", list: []})

63
plugin/inner.js
View File

@ -1,64 +1,59 @@
Volcanos("onimport", {help: "导入数据", list: [], Volcanos("onimport", {help: "导入数据", list: [],
init: function(can, msg, cb, output, option) {output.innerHTML = ""; init: function(can, msg, cb, output, option) {output.innerHTML = msg.Result();
output.innerHTML = msg.Result() can.page.Select(can, output, "svg", function(svg) {
output.onclick = function(event) { svg.onclick = function(event) {var item = event.target;
switch (event.target.tagName) { switch (event.target.tagName) {
case "text": case "text":
alert(event.target.innerHTML) can.user.toast(can.page.CopyText(can, item.innerHTML), "复制成功")
break break
case "rect": case "rect":
break break
} }
} }
svg.oncontextmenu = function(event) {var item = event.target;
switch (event.target.tagName) {
case "text":
can.user.carte(event, shy("", can.ondetail, can.ondetail.list, function(event, key, meta) {cb = meta[key];
typeof cb == "function"? cb(event, can, msg, key, item, svg):
can.run(event, [typeof cb == "string"? cb: key, item], null, true)
}))
break
case "rect":
can.user.carte(event, shy("", can.ondetail, can.ondetail.list, function(event, key, meta) {cb = meta[key];
typeof cb == "function"? cb(event, can, msg, key, item, svg):
can.run(event, [typeof cb == "string"? cb: key, item], null, true)
}))
break
}
}
})
}, },
}) })
Volcanos("onaction", {help: "组件交互", list: [], Volcanos("onaction", {help: "组件交互", list: [],
}) })
Volcanos("onchoice", {help: "组件菜单", list: ["返回", "清空", "复制", "下载", "表格", "绘图", "媒体"], Volcanos("onchoice", {help: "组件菜单", list: ["返回", "清空", "复制", "下载", "表格", "绘图", "媒体"],
"返回": function(event, can, msg, value, target) { "返回": function(event, can, msg, key, target) {
can.run(event, ["", "Last"]) can.run(event, ["", "Last"])
}, },
"清空": function(event, can, msg, value, target) { "清空": function(event, can, msg, key, target) {
can.target.innerHTML = ""; can.target.innerHTML = "";
}, },
"复制": function(event, can, msg, value, target) { "复制": function(event, can, msg, key, target) {
var list = can.onexport.Format(can, msg, "data"); var list = can.onexport.Format(can, msg, "data");
can.user.toast(can.page.CopyText(can, list[2]), "复制成功") can.user.toast(can.page.CopyText(can, list[2]), "复制成功")
}, },
"下载": function(event, can, msg, value, target) { "下载": function(event, can, msg, key, target) {
var list = can.onexport.Format(can, msg, msg._plugin_name||"data"); var list = can.onexport.Format(can, msg, msg._plugin_name||"data");
can.page.Download(can, list[0]+list[1], list[2]); can.page.Download(can, list[0]+list[1], list[2]);
}, },
}) })
Volcanos("ondetail", {help: "组件详情", list: ["选择", "修改", "删除", "复制", "下载"], Volcanos("ondetail", {help: "组件详情", list: ["选择", "修改", "复制"],
"选择": "select", "选择": "select",
"删除": "delete", "删除": "delete",
"修改": function(event, can, msg, value, index, key, td) { "复制": function(event, can, msg, key, svg) {
var text = td.innerHTML; can.user.toast(can.page.CopyText(can, svg.innerHTML), "复制成功")
can.page.Appends(can, td, [{type: "input", style: {width: td.clientWidth+"px"}, data: {onkeydown: function(event) {
if (event.key != "Enter") {return}
can.run(event, [index, "modify", key == "value" && msg.key? msg[key][index]: key, event.target.value,], function(msg) {
td.innerHTML = event.target.value;
can.user.toast("修改成功")
}, true)
}}}])
},
"复制": function(event, can, msg, value, index, key, target) {
can.user.toast(can.page.CopyText(can, target.innerHTML), "复制成功")
},
"下载": function(event, can, msg, value, index, key, target) {
can.page.Download(can, key, target.innerHTML);
},
})
Volcanos("onexport", {help: "导出数据", list: [],
Format: function(can, msg, name) {
var ext = ".csv", txt = can.page.Select(can, can.target, "tr", function(tr) {
return can.page.Select(can, tr, "td,th", function(td) {return td.innerText}).join(",")
}).join("\n");
!txt && (ext = ".txt", txt = msg.result && msg.result.join("") || "");
return [name, ext, txt]
}, },
}) })
Volcanos("onexport", {help: "导出数据", list: []})

13
plugin/input.js
View File

@ -32,11 +32,16 @@ Volcanos("onimport", {help: "导入数据", list: [],
item.type == "button" && item.action == "auto" && can.run && can.run({}); item.type == "button" && item.action == "auto" && can.run && can.run({});
return target; return target;
}), }),
path: function(event, can, value, cmd, target) {
return target.value + (target.value == "" || target.value.endsWith("/")? "": "/") + value
},
}) })
Volcanos("onaction", {help: "控件交互", list: [], Volcanos("onaction", {help: "控件交互", list: [],
onclick: function(event, can) {can.Select(event); can.item.type == "button" && can.run(event)}, onclick: function(event, can) {can.Select(event); can.item.type == "button" && can.run(event)},
onkeydown: function(event, can) { onkeydown: function(event, can) {
if (event.key == "Enter") {return can.run(event, [])}; if (event.key == "Enter") {return can.run(event, [])}
if (event.key == "Escape") {return event.target.blur()}
can.page.oninput(event, can)
}, },
}) })
Volcanos("onchoice", {help: "控件菜单", list: ["全选", "复制", "清空"], Volcanos("onchoice", {help: "控件菜单", list: ["全选", "复制", "清空"],
@ -50,8 +55,6 @@ Volcanos("onchoice", {help: "控件菜单", list: ["全选", "复制", "清空"]
can.target.value = ""; can.target.value = "";
}, },
}) })
Volcanos("ondetail", {help: "控件详情", list: [], Volcanos("ondetail", {help: "控件详情", list: []})
}) Volcanos("onexport", {help: "导出数据", list: []})
Volcanos("onexport", {help: "导出数据", list: [],
})

13
plugin/media.js Normal file
View File

@ -0,0 +1,13 @@
Volcanos("onimport", {help: "导入数据", list: [],
_init: function(can, output, action, option, field) {
output.innerHTML = msg.Result();
},
init: function(can, msg, cb, output, option) {output.innerHTML = msg.Result();
},
})
Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onchoice", {help: "组件菜单", list: []})
Volcanos("ondetail", {help: "组件详情", list: []})
Volcanos("onexport", {help: "导出数据", list: []})

30
plugin/state.js
View File

@ -1,11 +1,27 @@
Volcanos("onimport", {help: "导入数据", list: [], Volcanos("onimport", {help: "导入数据", list: []})
}) Volcanos("onaction", {help: "组件交互", list: []})
Volcanos("onaction", {help: "组件交互", list: [], Volcanos("onchoice", {help: "组件菜单", list: [["display", "表格", "文档", "相册"],
}) "执行", "返回", "加参", "减参", "克隆", "删除"],
Volcanos("onchoice", {help: "组件菜单", list: ["copy", "复制", "下载"],
}) "表格": function(event, can, msg, cmd, field) {can.Show("table", can.msg)},
Volcanos("ondetail", {help: "组件详情", list: ["copy", "复制", "下载"], "文档": function(event, can, msg, cmd, field) {can.Show("inner", can.msg)},
"相册": function(event, can, msg, cmd, field) {can.Show("media", can.msg)},
"返回": function(event, can, msg, cmd, field) {can.Last(event)},
"执行": function(event, can, msg, cmd, field) {can.Runs(event)},
"加参": function(event, can, msg, cmd, field) {can.Append()},
"减参": function(event, can, msg, cmd, field) {can.Remove(event)},
"克隆": function(event, can, msg, cmd, field) {can.Clone(event)},
"删除": function(event, can, msg, cmd, field) {can.Delete(event)},
}) })
Volcanos("ondetail", {help: "组件详情", list: ["copy", "复制", "下载"]})
Volcanos("onexport", {help: "导出数据", list: ["复制", "下载"], Volcanos("onexport", {help: "导出数据", list: ["复制", "下载"],
you_status: function(event, can, msg, value, key, index) {
var cmd = [can.option.pod.value, msg.you[index]]
value == "start" && cmd.push("stop")
var timer = can.user.toast(cmd.join(" ")+"...", msg.you[index], 5000)
can.Run(event, cmd, function(msg) {
})
}
}) })

26
plugin/table.js
View File

@ -21,9 +21,9 @@ Volcanos("onimport", {help: "导入数据", list: [],
switch (event.target.tagName) { switch (event.target.tagName) {
case "TD": case "TD":
can.onimport.which(event, table, msg.append, function(index, key) { can.onimport.which(event, table, msg.append, function(index, key) {
can.user.carte(event, shy("", can.ondetail, can.ondetail.list, function(event, value, meta) {var cb = meta[value]; can.user.carte(event, shy("", can.ondetail, can.ondetail.list, function(event, cmd, meta) {var cb = meta[cmd];
typeof cb == "function"? cb(event, can, msg, value, index, key, target): typeof cb == "function"? cb(event, can, msg, index, key, cmd, target):
can.run(event, [index, typeof cb == "string"? cb: value, key, target.innerHTML], null, true) can.run(event, [index, typeof cb == "string"? cb: cmd, key, target.innerHTML], null, true)
})) }))
}) })
event.stopPropagation() event.stopPropagation()
@ -37,27 +37,27 @@ Volcanos("onimport", {help: "导入数据", list: [],
return typeof cb == "function" && cb(msg), table; return typeof cb == "function" && cb(msg), table;
}, },
which: function(event, table, list, cb) {if (event.target == table) {return cb(-1, "")} which: function(event, table, list, cb) {if (event.target == table) {return cb(-1, "")}
can.page.Select(can, table, "tr", function(tr, index) {if (event.target == tr) {return cb(index, "")} can.page.Select(can, table, "tr", function(tr, index) {if (event.target == tr) {return cb(index-1, "")}
can.page.Select(can, tr, "th,td", function(td, order) { can.page.Select(can, tr, "th,td", function(td, order) {
if (event.target == td) {return cb(index, list[order])} if (event.target == td) {return cb(index-1, list[order])}
}) })
}) })
}, },
}) })
Volcanos("onaction", {help: "组件交互", list: [], Volcanos("onaction", {help: "组件交互", list: [],
}) })
Volcanos("onchoice", {help: "组件菜单", list: ["返回", "清空", "复制", "下载", "表格", "绘图", "媒体"], Volcanos("onchoice", {help: "组件菜单", list: ["返回", "清空", "复制", "下载"],
"返回": function(event, can, msg, value, target) { "返回": function(event, can, msg, cmd, target) {
can.run(event, ["", "Last"]) can.run(event, ["", "Last"])
}, },
"清空": function(event, can, msg, value, target) { "清空": function(event, can, msg, cmd, target) {
can.target.innerHTML = ""; can.target.innerHTML = "";
}, },
"复制": function(event, can, msg, value, target) { "复制": function(event, can, msg, cmd, target) {
var list = can.onexport.Format(can, msg, "data"); var list = can.onexport.Format(can, msg, "data");
can.user.toast(can.page.CopyText(can, list[2]), "复制成功") can.user.toast(can.page.CopyText(can, list[2]), "复制成功")
}, },
"下载": function(event, can, msg, value, target) { "下载": function(event, can, msg, cmd, target) {msg = msg || can.msg;
var list = can.onexport.Format(can, msg, msg._plugin_name||"data"); var list = can.onexport.Format(can, msg, msg._plugin_name||"data");
can.page.Download(can, list[0]+list[1], list[2]); can.page.Download(can, list[0]+list[1], list[2]);
}, },
@ -65,7 +65,7 @@ Volcanos("onchoice", {help: "组件菜单", list: ["返回", "清空", "复制",
Volcanos("ondetail", {help: "组件详情", list: ["选择", "修改", "删除", "复制", "下载"], Volcanos("ondetail", {help: "组件详情", list: ["选择", "修改", "删除", "复制", "下载"],
"选择": "select", "选择": "select",
"删除": "delete", "删除": "delete",
"修改": function(event, can, msg, value, index, key, td) { "修改": function(event, can, msg, index, key, cmd, td) {
var text = td.innerHTML; var text = td.innerHTML;
can.page.Appends(can, td, [{type: "input", style: {width: td.clientWidth+"px"}, data: {onkeydown: function(event) { can.page.Appends(can, td, [{type: "input", style: {width: td.clientWidth+"px"}, data: {onkeydown: function(event) {
if (event.key != "Enter") {return} if (event.key != "Enter") {return}
@ -75,10 +75,10 @@ Volcanos("ondetail", {help: "组件详情", list: ["选择", "修改", "删除",
}, true) }, true)
}}}]) }}}])
}, },
"复制": function(event, can, msg, value, index, key, target) { "复制": function(event, can, msg, index, key, cmd, target) {
can.user.toast(can.page.CopyText(can, target.innerHTML), "复制成功") can.user.toast(can.page.CopyText(can, target.innerHTML), "复制成功")
}, },
"下载": function(event, can, msg, value, index, key, target) { "下载": function(event, can, msg, index, key, cmd, target) {
can.page.Download(can, key, target.innerHTML); can.page.Download(can, key, target.innerHTML);
}, },
}) })

21
proto.js
View File

@ -20,24 +20,24 @@ function Volcanos(name, can, libs, cb, msg) { // 封装模块
}; };
can = can || {}; can = can || {};
can.name = name; can._name = name;
// 定义原型 // 定义原型
var id = 1, conf = {}, conf_cb = {}, sync = {}, cache = {}; var id = 1, conf = {}, conf_cb = {}, sync = {}, cache = {};
can[name] || list.push({name: name, can: can, create_time: new Date()}) && (can.__proto__ = { can[name] || list.push({_name: name, can: can, create_time: new Date()}) && (can.__proto__ = {
create_time: new Date(), name: name, path: "", help: "插件模块", load: function(name) { _create_time: new Date(), _name: name, _path: "", _help: "插件模块", load: function(name) {
if (meta.cache[name]) {var cache = meta.cache[name]; if (meta.cache[name]) {var cache = meta.cache[name];
for (var i = 0; i < cache.length; i++) {var item = cache[i]; for (var i = 0; i < cache.length; i++) {var item = cache[i];
if (item.can.name == can.name) {continue} if (item.can._name == can._name) {continue}
can[item.name] = item.can; can[item._name] = item.can;
} }
return can return can
} }
meta.cache[name] = [] meta.cache[name] = []
for (var i = meta.index; i < list.length; i++) {var item = list[i]; for (var i = meta.index; i < list.length; i++) {var item = list[i];
if (item.can.name == can.name || item.can.type == "local") {continue} if (item.can._name == can._name || item.can._type == "local") {continue}
can[item.name] = item.can; can[item._name] = item.can;
meta.cache[name].push(item); meta.cache[name].push(item);
} }
meta.index = i; meta.index = i;
@ -74,8 +74,9 @@ function Volcanos(name, can, libs, cb, msg) { // 封装模块
setTimeout(function() {loop(0)}, interval.value||interval[0]); setTimeout(function() {loop(0)}, interval.value||interval[0]);
return timer; return timer;
}), }),
Event: shy("触发器", function(event, msg, proto) { Event: shy("触发器", function(event, msg, proto) {event = event || {};
msg = event.msg = msg || event.msg || {}, msg.__proto__ = proto || { msg = event.msg = msg || event.msg || {}, msg.__proto__ = proto || {
_create_time: can.base.Time(),
Log: shy("输出日志", function() {console.log(arguments)}), Log: shy("输出日志", function() {console.log(arguments)}),
Option: function(key, val) { Option: function(key, val) {
if (val == undefined) {return msg[key]} if (val == undefined) {return msg[key]}
@ -164,7 +165,7 @@ function Volcanos(name, can, libs, cb, msg) { // 封装模块
can.user.carte(event, shy("", can.onchoice, can.onchoice.list, function(event, key, meta) {var cb = meta[key]; can.user.carte(event, shy("", can.onchoice, can.onchoice.list, function(event, key, meta) {var cb = meta[key];
typeof cb == "function"? cb(event, can, msg, key, event.target): typeof cb == "function"? cb(event, can, msg, key, event.target):
can.run(event, [typeof cb == "string"? cb: key, event.target], null, true) can.run(event, [typeof cb == "string"? cb: key, event.target], null, true)
})) }), can)
event.stopPropagation() event.stopPropagation()
event.preventDefault() event.preventDefault()
} }
@ -180,7 +181,7 @@ function Volcanos(name, can, libs, cb, msg) { // 封装模块
} else { } else {
// 加载脚本 // 加载脚本
var script = document.createElement("script"); var script = document.createElement("script");
script.src = (can.path||meta.path)+libs[0]+".js"; script.src = (can._path||meta.path)+libs[0]+".js";
script.onload = function() {can.load(libs[0]), next()} script.onload = function() {can.load(libs[0]), next()}
document.body.appendChild(script); document.body.appendChild(script);
} }