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

opt js

Browse Source
This commit is contained in:
shaoying 2019-10-04 23:38:13 +08:00
parent 7976a90397
commit 861ff0b2ac
10 changed files with 609 additions and 1108 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/plugin/love/index.js
View File

@ -1,4 +1,4 @@
Script["love/index.js"] = function(field, option, output) {return { Plugin["love/index.js"] = function(field, option, output) {return {
data: function(event) {var plugin = field.Plugin data: function(event) {var plugin = field.Plugin
plugin.Run(event, [option.table.value], function(msg) { plugin.Run(event, [option.table.value], function(msg) {
plugin.ondaemon(msg) plugin.ondaemon(msg)
@ -7,7 +7,7 @@ Script["love/index.js"] = function(field, option, output) {return {
show: function(event) {var plugin = field.Plugin show: function(event) {var plugin = field.Plugin
plugin.Check(undefined, function(msg) { plugin.Check(undefined, function(msg) {
plugin.Run(event, [option.table.value], function(msg) { plugin.Run(event, [option.table.value], function(msg) {
kit.List(ctx.Table(msg), function(line) { kit.List(msg.Table(), function(line) {
kit.Selector(output, ".s"+line.when.split(" ")[0].split("-").join(""), function(item) { kit.Selector(output, ".s"+line.when.split(" ")[0].split("-").join(""), function(item) {
kit.classList.add(item.parentNode, "select") kit.classList.add(item.parentNode, "select")
item.parentNode.title = line.what item.parentNode.title = line.what
@ -17,7 +17,7 @@ Script["love/index.js"] = function(field, option, output) {return {
}) })
}, },
show_after: function(msg) { show_after: function(msg) {
kit.Selector(output, ".s"+ kit.format_date().split(" ")[0].split("-").join(""), function(item) { kit.Selector(output, ".s"+ kit.time().split(" ")[0].split("-").join(""), function(item) {
kit.classList.add(item.parentNode, "today") kit.classList.add(item.parentNode, "today")
}) })
}, },
@ -61,7 +61,7 @@ Script["love/index.js"] = function(field, option, output) {return {
kit.Opacity(cb([{text: [list.join(""), "div", "day"]}]).last) kit.Opacity(cb([{text: [list.join(""), "div", "day"]}]).last)
}, },
Order: function(t, cb, cbs) {var plugin = field.Plugin Order: function(t, cb, cbs) {var plugin = field.Plugin
kit.List(ctx.Table(plugin.msg).concat([{when: "9999-01-08", what: "最后一次爱你", where: "北京市"}]), function(line, index, array) { kit.List(plugin.msg.Table().concat([{when: "9999-01-08", what: "最后一次爱你", where: "北京市"}]), function(line, index, array) {
plugin.flash(line, cb, index, array) plugin.flash(line, cb, index, array)
}, t, cbs) }, t, cbs)
}, },

2
src/plugin/love/maps.js
View File

@ -1,4 +1,4 @@
Script["love/maps.js"] = function(field, option, output) { Plugin["love/maps.js"] = function(field, option, output) {
var id var id
return { return {
initMap: function() {var plugin = field.Plugin initMap: function() {var plugin = field.Plugin

6
src/plugin/love/pics.js
View File

@ -1,4 +1,4 @@
Script["love/pics.js"] = function(field, option, output) {return { Plugin["love/pics.js"] = function(field, option, output) {return {
onexport: {"": function(value, name, line) {var plugin = field.Plugin onexport: {"": function(value, name, line) {var plugin = field.Plugin
kit.AppendChilds(output, [{img: ["/download/"+line.hash], data: {width: output.clientWidth, onclick: function() { kit.AppendChilds(output, [{img: ["/download/"+line.hash], data: {width: output.clientWidth, onclick: function() {
plugin.display("table") plugin.display("table")
@ -7,11 +7,11 @@ Script["love/pics.js"] = function(field, option, output) {return {
show: function() {var plugin = field.Plugin show: function() {var plugin = field.Plugin
var msg = plugin.msg var msg = plugin.msg
var width = output.clientWidth var width = output.clientWidth
output.innerHTML = "", kit.List(ctx.Table(msg), function(line) { output.innerHTML = "", kit.List(msg.Table(), function(line) {
kit.Opacity(kit.AppendChilds(output, [{img: ["/download/"+line.hash], data: {width: width, onclick: function(event) { kit.Opacity(kit.AppendChilds(output, [{img: ["/download/"+line.hash], data: {width: width, onclick: function(event) {
}}}]).last) }}}]).last)
}, 1000, function() { }, 1000, function() {
output.innerHTML = "", kit.List(ctx.Table(msg), function(line) { output.innerHTML = "", kit.List(msg.Table(), function(line) {
kit.Opacity(kit.AppendChild(output, [{img: ["/download/"+line.hash], data: {width: 200, onclick: function(event) { kit.Opacity(kit.AppendChild(output, [{img: ["/download/"+line.hash], data: {width: 200, onclick: function(event) {
plugin.ontoast({width: width, height: width*3/5+40, plugin.ontoast({width: width, height: width*3/5+40,
text: {img: ["/download/"+line.hash], data: {width: width-20, onclick: function(event) { text: {img: ["/download/"+line.hash], data: {width: width-20, onclick: function(event) {

23
usr/librarys/chat.js
View File

@ -23,7 +23,7 @@ var page = Page({check: true,
sizes.action == undefined && (sizes.action = page.action.offsetHeight-page.conf.border) sizes.action == undefined && (sizes.action = page.action.offsetHeight-page.conf.border)
sizes.source == undefined && (sizes.source = page.source.clientHeight) sizes.source == undefined && (sizes.source = page.source.clientHeight)
sizes.target == undefined && (sizes.target = page.target.clientHeight) sizes.target == undefined && (sizes.target = page.target.clientHeight)
sizes.source == 0 && sizes.target == 0 && (sizes.action = height) sizes.source == 0 && sizes.target == 0 && !kit.device.isMobile && (sizes.action = height)
page.action.Pane.Size(width, sizes.action) page.action.Pane.Size(width, sizes.action)
page.source.Pane.Size(width, sizes.source) page.source.Pane.Size(width, sizes.source)
height -= sizes.target==0? height: page.source.offsetHeight+page.action.offsetHeight height -= sizes.target==0? height: page.source.offsetHeight+page.action.offsetHeight
@ -146,7 +146,7 @@ var page = Page({check: true,
return { return {
Append: function(msg) { Append: function(msg) {
kit.AppendChilds(table, [{text: ["1. 选择用户节点 ->", "caption"]}]) kit.AppendChilds(table, [{text: ["1. 选择用户节点 ->", "caption"]}])
kit.AppendTable(table, ctx.Table(msg), ["key", "user.route"], function(value, key, row, i, tr, event) { kit.AppendTable(table, msg.Table(), ["key", "user.route"], function(value, key, row, i, tr, event) {
tr.className = "hidden" tr.className = "hidden"
var uis = kit.AppendChild(ui.list, [{row: [row.key, row["user.route"]], dataset: {user: row.key}, click: function(event) { var uis = kit.AppendChild(ui.list, [{row: [row.key, row["user.route"]], dataset: {user: row.key}, click: function(event) {
tr.className = "normal", uis.last.parentNode.removeChild(uis.last) tr.className = "normal", uis.last.parentNode.removeChild(uis.last)
@ -188,8 +188,8 @@ var page = Page({check: true,
"river": page.river.Pane.which.get(), "river": page.river.Pane.which.get(),
"layout": page.action.Pane.Layout(), "layout": page.action.Pane.Layout(),
})], function(msg) { })], function(msg) {
page.ontoast({text: location.origin+location.pathname+"?relay="+msg.result.join(""), title: "共享链接", button: ["确定"], cb: function(which) { page.toast.Pane.Show({text: location.origin+location.pathname+"?relay="+msg.result.join(""), title: "共享链接", button: ["确定"], cb: function(which) {
page.ontoast() page.toast.Pane.Show()
}}) }})
}) })
}, },
@ -431,10 +431,9 @@ var page = Page({check: true,
Show: function() {var pane = field.Pane Show: function() {var pane = field.Pane
if (field.Pane.Back(river+storm, output)) {return} if (field.Pane.Back(river+storm, output)) {return}
ctx.Event(event, {}, {name: "action.show"})
pane.clear(), pane.Update([river, storm], "plugin", ["node", "name"], "index", false, function(line, index, event, args, cbs) { pane.clear(), pane.Update([river, storm], "plugin", ["node", "name"], "index", false, function(line, index, event, args, cbs) {
pane.Core(event, line, args, cbs) pane.Core(event, line, args, cbs)
}, function(msg) {
!page.plugin && output.querySelector("fieldset.item").Plugin.Select()
}) })
}, },
Layout: function(name) {var pane = field.Pane Layout: function(name) {var pane = field.Pane
@ -586,8 +585,8 @@ var page = Page({check: true,
"layout": page.action.Pane.Layout(), "layout": page.action.Pane.Layout(),
})], function(msg) { })], function(msg) {
var url = location.origin+location.pathname+"?relay="+msg.result.join("") var url = location.origin+location.pathname+"?relay="+msg.result.join("")
page.ontoast({text: "<img src=\""+ctx.Share({"group": "index", "names": "login", cmds: ["share", url]})+"\">", height: 320, width: 320, title: url, button: ["确定"], cb: function(which) { page.toast.Pane.Show({text: "<img src=\""+ctx.Share({"group": "index", "names": "login", cmds: ["share", url]})+"\">", height: 320, width: 320, title: url, button: ["确定"], cb: function(which) {
page.ontoast() page.toast.Pane.Show()
}}) }})
}) })
}, },
@ -671,17 +670,17 @@ var page = Page({check: true,
kit.AppendTable(device, list, ["key", "index", "name", "help"], function(value, key, com, i, tr, event) { kit.AppendTable(device, list, ["key", "index", "name", "help"], function(value, key, com, i, tr, event) {
pane.Select(com, pod) pane.Select(com, pod)
}, function(value, key, com, i, tr, event) { }, function(value, key, com, i, tr, event) {
page.oncarte(event, ["创建"], function(event, item) { page.carte.Pane.Show(event, ["创建"], function(event, item) {
pane.Create(com.key) pane.Create(com.key)
}) })
}) })
}, },
Append: function(msg) {var pane = field.Pane Append: function(msg) {var pane = field.Pane
kit.AppendChilds(table, [{text: ["1. 选择用户节点 ->", "caption"]}]) kit.AppendChilds(table, [{text: ["1. 选择用户节点 ->", "caption"]}])
kit.AppendTable(table, ctx.Table(msg), ["user", "node"], function(value, key, pod, i, tr, event) { kit.AppendTable(table, msg.Table(), ["user", "node"], function(value, key, pod, i, tr, event) {
kit.Selector(table, "tr.select", function(item) {item.className = "normal"}) kit.Selector(table, "tr.select", function(item) {item.className = "normal"})
tr.className = "select", pane.Run([river, pod.user, pod.node], function(msg) { tr.className = "select", pane.Run([river, pod.user, pod.node], function(msg) {
pane.Update(ctx.Table(msg), pod) pane.Update(msg.Table(), pod)
}) })
}), table.querySelector("td").click() }), table.querySelector("td").click()
}, },
@ -711,7 +710,7 @@ var page = Page({check: true,
init: function(page) { init: function(page) {
page.action.Pane.Layout(ctx.Search("layout")? ctx.Search("layout"): kit.device.isMobile? page.conf.first: page.conf.mobile) page.action.Pane.Layout(ctx.Search("layout")? ctx.Search("layout"): kit.device.isMobile? page.conf.first: page.conf.mobile)
page.footer.Pane.Order({"ncmd": "0", "ntxt": "0"}, ["ncmd", "ntxt"], function(event, item, value) {}) page.footer.Pane.Order({"ncmd": "0", "ntxt": "0"}, ["ncmd", "ntxt"], function(event, item, value) {})
page.header.Pane.Order({"logout": "logout", "user": ""}, ["logout", "user"], function(event, item, value) { page.header.Pane.Order({"logout": "logout", "user": "", "title": "github.com/shylinux/context"}, ["logout", "user"], function(event, item, value) {
page.onaction[item] && page.onaction[item](event, item, value, page) page.onaction[item] && page.onaction[item](event, item, value, page)
}) })
page.river.Pane.Show() page.river.Pane.Show()

389
usr/librarys/context.js
View File

@ -1,39 +1,6 @@
ctx = context = {__proto__: kit, ctx = context = (function(kit) {var ctx = {__proto__: kit,
Event: Wrap(function(event, msg, proto) { Run: shy("请求后端", {order: 0}, function(dataset, cmd, cb) {
event = event || document.createEvent("Event") var msg = ctx.Event(event, null, {name: "ctx.run"})
if (event.msg && !msg) {return event.msg}
var meta = arguments.callee
var order = ++meta.order
event.msg = msg = msg || {}, proto = proto || {}, msg.__proto__ = proto, proto.__proto__ = {
Push: function(key, value) {
msg.append || (msg.append = [])
msg[key]? msg[key].push(value): (msg[key] = [value], msg.append.push(key))
return msg
},
Echo: function(res) {
res != null && res != undefined && (msg.result = (msg.result || []).concat(kit.Trans(res)))
return msg
},
Result: function() {
return msg.result? msg.result.join(""): ""
},
Results: function() {
var s = msg.Result()
s = s.replace(/</g, "&lt;")
s = s.replace(/>/g, "&gt;")
s = kit.Color(s)
return s
},
}, msg.event = event
kit.Log("event", order, event.type, proto.name, msg)
return msg
}, {order: 0}),
Run: Wrap(function(dataset, cmd, cb) {
var meta = arguments.callee
var order = ++meta.order
var msg = ctx.Event(event||document.createEvent("Event"), null, {name: "ctx.run"})
var option = {"cmds": cmd} var option = {"cmds": cmd}
msg.option && msg.option.forEach(function(item) { msg.option && msg.option.forEach(function(item) {
@ -42,249 +9,156 @@ ctx = context = {__proto__: kit,
for (var k in dataset) { for (var k in dataset) {
option[k] = dataset[k].split(",") option[k] = dataset[k].split(",")
} }
msg.Order = ++arguments.callee.meta.order
msg.option = [] msg.option = []
for (var k in option) { for (var k in option) {
msg.option.push(k) msg.option.push(k)
msg[k] = option[k] msg[k] = option[k]
} }
msg.detail = ["run", order].concat(option.group).concat(option.names).concat(option.cmds) msg.detail = ["run", msg.Order].concat(option.group).concat(option.names).concat(option.cmds)
msg.Order = order
kit.Log(msg.detail.concat([msg])) kit.Log(msg.detail.concat([msg]))
this.POST("", option, function(msg) { this.POST("", option, function(msg) {
kit.Log("run", order, "result", msg.result? msg.result[0]: "", msg) kit.Log("run", msg.Order, "result", msg.result? msg.result[0]: "", msg)
typeof cb == "function" && cb(msg || {}) kit._call(cb, [msg])
}, msg) }, msg)
}, {order: 0}), }),
Runs: function(form, cb) { Event: shy("封装事件", {order: 0}, function(event, msg, proto) {
var data = {} event = event || document.createEvent("Event")
for (var key in form.dataset) { if (event.msg && !msg) {return event.msg}
data[key] = form.dataset[key]
}
for (var i = 0; i < form.length; i++) {
if (form[i].name) {
data[form[i].name] = form[i].value
}
}
this.Run(data, [], cb || form.ondaemon)
},
Table: function(msg, cb) {
var ret = []
if (!msg || !msg.append || !msg.append.length || !msg[msg.append[0]]) {
return ret
}
var ncol = msg.append.length event.msg = msg = msg || {}, proto = proto || {}, msg.__proto__ = proto, proto.__proto__ = {
var nrow = msg[msg.append[0]].length Copy: function(res) {
for (var i = 0; i < nrow; i++) { res.result && (msg.result = res.result)
var one = {} res.append && (msg.append = res.append) && res.append.forEach(function(item) {
for (var j = 0; j < ncol; j++) { res[item] && (msg[item] = res[item])
one[msg.append[j]] = msg[msg.append[j]][i] })
} return msg
ret.push(one) },
} Push: function(key, value) {msg.append = msg.append || []
msg[key]? msg[key].push(value): (msg[key] = [value], msg.append.push(key))
return msg
},
Echo: function(res) {
kit.notNone(res) && (msg.result = (msg.result || []).concat(kit._call(kit.List, arguments)))
return msg
},
Result: function() {return msg.result? msg.result.join(""): ""},
Results: function() {return kit.Color(msg.Result().replace(/</g, "&lt;").replace(/>/g, "&gt;"))},
Table: function(cb) {if (!msg.append || !msg.append.length || !msg[msg.append[0]]) {return}
return kit.List(msg[msg.append[0]], function(value, index, array) {var one = {}
msg.append.forEach(function(key) {one[key] = msg[key][index]})
return kit._call(cb, [one, index, array])
})
},
}, msg.event = event
var list = [] kit.Log("event", ++arguments.callee.meta.order, event.type, proto.name, msg)
typeof cb == "function" && ret.forEach(function(value, index, array) { return msg
var item = cb(value, index, array) }),
item && list.push(item) Share: shy("共享链接", function(objs, clear) {objs = objs || {}
!clear && kit.Item(this.Search(), function(key, value) {objs[key] = value})
return location.origin+location.pathname+"?"+kit.Item(objs, function(key, value) {
return kit.List(value, function(value) {return key+"="+encodeURIComponent(value)}).join("&")
}).join("&")
}),
Search: shy("请求变量", function(key, value) {var args = {}
location.search && location.search.slice(1).split("&").forEach(function(item) {var x = item.split("=")
x[1] != "" && (args[x[0]] = decodeURIComponent(x[1]))
}) })
if (list.length > 0) {
return list
}
return ret
},
Tables: function(msg, cb) {
var ret = []
if (!msg || !msg.append || !msg.append.length || !msg[msg.append[0]]) {
return ret
}
ret.push(msg.append)
var ncol = msg.append.length if (typeof key == "object") {
var nrow = msg[msg.append[0]].length kit.Item(key, function(key, value) {
for (var i = 0; i < nrow; i++) { if (kit.notNone(value)) {args[key] = value}
var one = [] })
for (var j = 0; j < ncol; j++) { } else if (kit.isNone(key)) {
one.push(msg[msg.append[j]][i])
}
ret.push(one)
}
var list = []
typeof cb == "function" && ret.forEach(function(value, index, array) {
var item = cb(value, index, array)
item && list.push(item)
})
if (list.length > 0) {
return list
}
return ret
},
Upload: function(form, file, cb, detail) {
var data = new FormData()
data.append("upload", file)
for (var k in form) {
data.append(k, form[k])
}
var xhr = new XMLHttpRequest()
xhr.onload = function(event) {
var msg = JSON.parse(xhr.responseText||'{"result":[]}')
typeof cb == "function" && cb(event, msg)
}
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) {
return
}
if (xhr.status != 200) {
return
}
}
xhr.upload.onprogress = function(event) {
typeof detail == "function" && detail(event)
}
xhr.open("POST", "/upload", true)
xhr.send(data)
},
Share: function(objs) {
var args = this.Search()
for (var k in objs) {
args[k] = objs[k]
}
var as = []
for (var k in args) {
if (typeof args[k] == "object") {
for (var i = 0; i < args[k].length; i++) {
as.push(k+"="+encodeURIComponent(args[k][i]));
}
} else {
as.push(k+"="+encodeURIComponent(args[k]));
}
}
var arg = as.join("&");
return location.origin+location.pathname+"?"+arg
},
Search: function(key, value) {
var args = {}
var search = location.search.split("?")
if (search.length > 1) {
var searchs = search[1].split("&")
for (var i = 0; i < searchs.length; i++) {
var keys = searchs[i].split("=")
if (keys[1] == "") {continue}
args[keys[0]] = decodeURIComponent(keys[1])
}
}
if (key == undefined) {
return args return args
} else if (typeof key == "object") { } else if (kit.isNone(value)) {
for (var k in key) { return args[key] || ctx.Cookie(key)
if (key[k] != undefined) {
args[k] = key[k]
}
}
} else if (value == undefined) {
return args[key] || this.Cookie(key)
} else { } else {
args[key] = value args[key] = value
} }
var arg = [] return location.search = kit.Item(args, function(key, value) {
for (var k in args) { return key+"="+encodeURIComponent(value)
arg.push(k+"="+encodeURIComponent(args[k])) }).join("&")
}),
Cookie: shy("会话变量", function(key, value, path) {
function set(k, v) {document.cookie = k+"="+v+";path="+(path||"/")}
if (typeof key == "object") {
for (var k in key) {set(k, key[k])}
key = null
} }
location.search = arg.join("&"); if (kit.isNone(key)) {var cs = {}
return value document.cookie.split("; ").forEach(function(item) {
}, var cookie = item.split("=")
Cookie: function(key, value, expire) {
if (key == undefined) {
cs = {}
cookies = document.cookie.split("; ")
for (var i = 0; i < cookies.length; i++) {
cookie = cookies[i].split("=")
cs[cookie[0]] = cookie[1] cs[cookie[0]] = cookie[1]
} })
return cs return cs
} }
if (typeof key == "object") {
for (var k in key) { kit.notNone(value) && set(key, value)
document.cookie = k+"="+key[k]; var result = (new RegExp(key+"=([^;]*);?")).exec(document.cookie)
} return result && result.length > 0? result[1]: ""
return arguments.callee() }),
} Upload: shy("上传文件", function(form, file, cb, detail) {
if (value == undefined) { var data = new FormData()
var pattern = new RegExp(key+"=([^;]*);?") for (var k in form) {data.append(k, form[k])}
var result = pattern.exec(document.cookie) data.append("upload", file)
return result && result.length > 0? result[1]: ""
}
document.cookie = key+"="+value+";path=/"
return arguments.callee(key)
},
POST: function(url, form, cb, msg) {
var args = []
for (var k in form) {
if (form[k] instanceof Array) {
for (i in form[k]) {
args.push(k+"="+encodeURIComponent(form[k][i]))
}
} else if (form[k] != undefined) {
args.push(k+"="+encodeURIComponent(form[k]))
}
}
var xhr = new XMLHttpRequest() var xhr = new XMLHttpRequest()
xhr.onreadystatechange = function() { xhr.onreadystatechange = function() {
if (xhr.readyState != 4) { if (xhr.readyState != 4) {return}
return if (xhr.status != 200) {return}
} }
if (xhr.status != 200) { xhr.upload.onprogress = function(event) {kit._call(detail, [event])}
return xhr.onload = function(event) {kit._call(cb, [event, JSON.parse(xhr.responseText||'{"result":[]}')])}
} xhr.open("POST", "/upload", true)
xhr.send(data)
}),
POST: shy("请求后端", {order: 0}, function(url, form, cb, msg) {
var args = kit.Items(form, function(value, index, key) {
return key+"="+encodeURIComponent(value)
})
var xhr = new XMLHttpRequest()
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) {return}
if (xhr.status != 200) {return}
try { try {
var res = JSON.parse(xhr.responseText||'[{"result":[]}]') var res = JSON.parse(xhr.responseText||'[{"result":[]}]')
res.length > 0 && res[0] && (res = res[0]) res.length > 0 && res[0] && (res = res[0])
if (res.download_file) {
window.open(res.download_file.join(""))
} else if (res.page_redirect) {
location.href = res.page_redirect.join("")
} else if (res.page_refresh) {
location.reload()
}
} catch (e) { } catch (e) {
var res = {"result": [xhr.responseText]} var res = {"result": [xhr.responseText]}
} }
res.result && (msg.result = res.result) kit._call(cb, [msg.Copy(res)])
res.append && (msg.append = res.append) && res.append.forEach(function(item) {
res[item] && (msg[item] = res[item])
})
if (msg.download_file) {
window.open(msg.download_file.join(""))
} else if (msg.page_redirect) {
location.href = msg.page_redirect.join("")
} else if (msg.page_refresh) {
location.reload()
}
typeof cb == "function" && cb(msg || {})
} }
xhr.open("POST", url) xhr.open("POST", url)
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded") xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
xhr.setRequestHeader("Accept", "application/json") xhr.setRequestHeader("Accept", "application/json")
xhr.send(args.join("&")) xhr.send(args.join("&"))
}, ++arguments.callee.meta.order
WSS: Wrap(function(cb, onerror, onclose) { }),
var meta = arguments.callee WSS: shy("响应后端", {order: 0, wssid: ""}, function(cb, onerror, onclose) {var meta = arguments.callee.meta
var s = new WebSocket(location.protocol.replace("http", "ws")+"//"+location.host+"/wss?wssid="+(page.wssid||"")) var s = new WebSocket(location.protocol.replace("http", "ws")+"//"+location.host+"/wss?wssid="+meta.wssid)
s.onopen = function(event) { s.onopen = function(event) {kit.Tip("wss open"), kit.Log("wss", "open")}
kit.Log("wss", "open") s.onerror = function(event) {kit.Log("wss", "error", event), kit._call(onerror, [event])}
page.ontoast("wss open") s.onclose = function(event) {kit.Tip("wss close"), kit.Log("wss", "close"), kit._call(onclose, [event])}
}
s.onmessage = function(event) { s.onmessage = function(event) {
var order = ++meta.order
try { try {
var msg = JSON.parse(event.data||'{}') var msg = JSON.parse(event.data||'{}')
} catch (e) { } catch (e) {
@ -292,31 +166,18 @@ ctx = context = {__proto__: kit,
} }
// Event入口 -1.0 // Event入口 -1.0
msg = ctx.Event(event, msg, { msg = ctx.Event(event, msg, {name: document.title, Order: ++meta.order, Reply: function(msg) {
name: document.title, kit.Log(["wss", msg.Order, "result"].concat(msg.result).concat([msg]))
Order: order, delete(msg.event), s.send(JSON.stringify(msg))
Reply: function(msg) { }})
kit.Log(["wss", order, "result"].concat(msg.result).concat([msg]))
delete(msg.event), s.send(JSON.stringify(msg))
},
})
// try { try {
kit.Log(["wss", order].concat(msg.detail).concat([msg])) kit.Log(["wss", msg.Order].concat(msg.detail).concat([msg]))
typeof cb == "function" && cb(msg) kit._call(cb, [msg])
// } catch (e) { } catch (e) {
// msg.Reply(kit.Log("err", e)) msg.Reply(kit.Log("err", e))
// } }
}
s.onerror = function(event) {
kit.Log("wss", "error", event)
typeof onerror == "function" && onerror(event)
}
s.onclose = function(event) {
kit.Log("wss", "close")
page.ontoast("wss close")
typeof onclose == "function" && onclose(event)
} }
return s return s
}, {order: 0}), }),
} }; return ctx})(kit)

2
usr/librarys/example.css
View File

@ -251,8 +251,6 @@ fieldset.item.select {
border:solid 2px red; border:solid 2px red;
} }
fieldset.item>div.output { fieldset.item>div.output {
margin-top:2px;
border-top:solid 2px gray;
overflow:auto; overflow:auto;
} }
fieldset.item>div.output>canvas { fieldset.item>div.output>canvas {

488
usr/librarys/example.js
View File

@ -1,29 +1,29 @@
Script = {}
function Meta(target, obj) { function Meta(target, obj) {
// 级连对象
var a = obj var a = obj
for (var i = 2; i < arguments.length; i++) { for (var i = 2; i < arguments.length; i++) {
a.__proto__ = arguments[i], a = arguments[i] a.__proto__ = arguments[i], a = arguments[i]
} }
// 构造对象
var id = 1 var id = 1
var conf = {}, conf_cb = {} var conf = {}, conf_cb = {}, old
var sync = {} var sync = {}
var cache = {} var cache = {}
return {__proto__: obj, target: target, var history = []
ID: function() {return id++}, var meta = {__proto__: obj, target: target,
Conf: function(key, value, cb) { ID: shy("单一序列", function() {return id++}),
if (key == undefined) {return conf} Conf: shy("配置变量", function(key, value, cb) {
if (kit.isNone(key)) {return conf}
cb != undefined && (conf_cb[key] = cb) kit.notNone(cb) && (conf_cb[key] = cb)
if (kit.notNone(value)) {
if (value != undefined) { old = conf[key], conf[key] = value
var old = conf[key] kit.Log("config", key, value, old)
conf[key] = value kit._call(conf_cb[key], [value, old])
conf_cb[key] && conf_cb[key](value, old)
} }
return conf[key] == undefined && obj && obj.Conf? obj.Conf(key): conf[key] return kit.isNone(conf[key]) && obj && obj.Conf? obj.Conf(key): conf[key]
}, }),
Sync: function(m) { Sync: shy("同步变量", function(m) {
var meta = m, data = "", list = [] var meta = m, data = "", list = []
return sync[m] || (sync[m] = { return sync[m] || (sync[m] = {
change: function(cb) {list.push(cb); return list.length-1}, change: function(cb) {list.push(cb); return list.length-1},
@ -31,19 +31,35 @@ function Meta(target, obj) {
neq: function(value) {return data != value}, neq: function(value) {return data != value},
get: function() {return data}, get: function() {return data},
set: function(value, force) { set: function(value, force) {
if (value == undefined) {return} if (kit.isNone(value)) {return}
if (value == data && !force) {return} if (value == data && !force) {return}
old = data, data = value
old_value = data, data = value meta && kit.Log("key", meta, value, old)
meta && kit.Log("key", meta, value, old_value) kit.List(list, function(cb) {cb(value, old)})
for (var i = 0; i < list.length; i++) {
list[i](value, old_value)
}
return value return value
}, },
}) })
}, }),
View: function(output, type, line, key, cb) { Save: shy("保存视图", function(name, output) {if (name === "") {return cache = {}}
var temp = document.createDocumentFragment()
while (output.childNodes.length>0) {
var item = output.childNodes[0]
item.parentNode.removeChild(item)
temp.appendChild(item)
}
cache[name] = temp
return name
}),
Back: shy("恢复视图", function(name, output) {if (kit.isNone(cache[name])) {return}
while (cache[name].childNodes.length>0) {
var item = cache[name].childNodes[0]
item.parentNode.removeChild(item)
output.appendChild(item)
}
delete(cache[name])
return name
}),
View: shy("添加视图", function(output, type, line, key, cb) {
var text = line, list = [], ui = {} var text = line, list = [], ui = {}
switch (type) { switch (type) {
case "icon": case "icon":
@ -94,59 +110,27 @@ function Meta(target, obj) {
ui = kit.AppendChild(output, list) ui = kit.AppendChild(output, list)
ui.field && (ui.field.Meta = text) ui.field && (ui.field.Meta = text)
return ui return ui
}, }),
Save: function(name, output) { Include: shy("加载脚本", function(src, cb) {src = kit.List(src)
if (name === "") {return cache = {}} function next(event) {src.length > 1? meta.Include(src.slice(1), cb): cb(event)}
kit.AppendChild(target, [file.endsWith(".css")? {require: [src[0], next]}: {include: [src[0], next]}])
var temp = document.createDocumentFragment() }),
while (output.childNodes.length>0) { History: shy("操作历史", function(value, target) {var item
var item = output.childNodes[0] return kit.isNone(value)? (item = history.pop()) && (item.target.value = item.value):
item.parentNode.removeChild(item) history.push({value: value, target: target})
temp.appendChild(item)
}
cache[name] = temp
return name
},
Back: function(name, output) {
if (!cache[name]) {return}
while (cache[name].childNodes.length>0) {
item = cache[name].childNodes[0]
item.parentNode.removeChild(item)
output.appendChild(item)
}
delete(cache[name])
return name
},
Include: function(src, cb) {
typeof src == "string" && (src = [src])
kit.AppendChild(target, [{include: [src[0], function(event) {
src.length == 1? cb(event): page.Include(src.slice(1), cb)
}]}])
},
Require: function(file, cb) {
if (!file || Script[file]) {return kit._call(cb, [Script[file]])}
file.endsWith(".css")? kit.AppendChild(document.body, [{require: ["/require/"+file, function(event) {
return Script[file] = file, kit._call(cb, [Script[file]])
}]}]): kit.AppendChild(document.body, [{data: {what: id++}, include: ["/require/"+file, function(event) {
return kit._call(cb, [Script[file]])
}]}])
},
History: shy("操作历史", {}, [], function(value, target) {
var list = arguments.callee.list, item
return value == undefined? (item = list.pop()) && (item.target.value = item.value):
list.push({value: value, target: target})
}), }),
} }
// 注册事件
meta.onaction && kit.Item(meta.onaction.meta, function(key, cb) {target[key] = function(event) {
meta.onaction(event, key, cb)
}})
return meta
} }
function Page(page) { function Page(page) {
var script = {}, record = "" var script = {}, record = ""
var carte = document.querySelector("fieldset.carte")
carte.onmouseleave = function(event) {
kit.ModifyView(carte, {display: "none"})
}
page = Meta(document.body, page, {__proto__: ctx, page = Meta(document.body, page, {__proto__: ctx,
onload: function() { onload: function(event) {
// Event入口 0 // Event入口 0
ctx.Event(event, {}, {name: document.title}) ctx.Event(event, {}, {name: document.title})
if (page.check && !ctx.Cookie("sessid")) { if (page.check && !ctx.Cookie("sessid")) {
@ -197,93 +181,25 @@ function Page(page) {
}, document.body.onmouseup = function(event) { }, document.body.onmouseup = function(event) {
} }
}, },
oncarte: function(event, cb) { oninput: function(event, local) {var target = event.target
kit.Selector(carte, "div.output", function(output) {if (!cb.list || cb.list.length == 0) {return}
kit.AppendChilds(output, kit.List(cb.list, function(item) {
return item === ""? {view: ["line"]}: {text: [item, "div", "item"], click: function(event) {
kit._call(cb, [item, cb.meta, event]) && kit.ModifyView(carte, {display: "none"})
}}
}))
kit.ModifyView(carte, {display: "block", left: event.x, top: event.y})
event.stopPropagation()
event.preventDefault()
})
},
ontoast: function(text, title, duration) {
// {text, title, duration, inputs, buttons}
if (!text) {page.toast.style.display = "none"; return}
var args = typeof text == "object"? text: {text: text, title: title, duration: duration}
var toast = kit.ModifyView("fieldset.toast", {
display: "block", dialog: [args.width||text.length*10+100, args.height||80], padding: 10,
})
if (!args.duration && args.button) {args.duration = -1}
var main = typeof args.text == "string"? {text: [args.text||"", "div", "content"]}: args.text
var list = [{text: [args.title||"", "div", "title"]}, main]
args.inputs && args.inputs.forEach(function(input) {
if (typeof input == "string") {
list.push({inner: input, type: "label", style: {"margin-right": "5px"}})
list.push({input: [input, page.oninput]})
} else {
list.push({inner: input[0], type: "label", style: {"margin-right": "5px"}})
var option = []
for (var i = 1; i < input.length; i++) {
option.push({type: "option", inner: input[i]})
}
list.push({name: input[0], type: "select", list: option})
}
list.push({type: "br"})
})
args.button && args.button.forEach(function(input) {
list.push({type: "button", inner: input, click: function(event) {
var values = {}
toast.querySelectorAll("input").forEach(function(input) {
values[input.name] = input.value
})
toast.querySelectorAll("select").forEach(function(input) {
values[input.name] = input.value
})
typeof args.cb == "function" && args.cb(input, values)
toast.style.display = "none"
}})
})
list.push({view: ["tick"], name: "tick"})
var ui = kit.AppendChild(kit.ModifyNode(toast.querySelector("div.output"), ""), list)
var tick = 1
var begin = kit.time(0,"%H:%M:%S")
var timer = args.duration ==- 1? setTimeout(function() {
function ticker() {
toast.style.display != "none" && (ui.tick.innerText = begin+" ... "+(tick++)+"s") && setTimeout(ticker, 1000)
}
ticker()
}, 10): setTimeout(function(){toast.style.display = "none"}, args.duration||3000)
return page.toast = toast
},
oninput: function(event, local) {
var target = event.target
kit.History.add("key", (event.ctrlKey? "Control+": "")+(event.shiftKey? "Shift+": "")+event.key) kit.History.add("key", (event.ctrlKey? "Control+": "")+(event.shiftKey? "Shift+": "")+event.key)
if (event.ctrlKey) { if (event.ctrlKey) {
if (typeof local == "function" && local(event)) { if (local && kit._call(local, [event])) {
event.stopPropagation() event.stopPropagation()
event.preventDefault() event.preventDefault()
return true return true
} }
var his = target.History var his = target.History || []
var pos = target.Current || -1 var pos = target.Current || -1
switch (event.key) { switch (event.key) {
case "p": case "p":
if (!his) { break }
pos = (pos-1+his.length+1) % (his.length+1) pos = (pos-1+his.length+1) % (his.length+1)
target.value = pos < his.length? his[pos]: "" target.value = pos < his.length? his[pos]: ""
target.Current = pos target.Current = pos
break break
case "n": case "n":
if (!his) { break }
pos = (pos+1) % (his.length+1) pos = (pos+1) % (his.length+1)
target.value = pos < his.length? his[pos]: "" target.value = pos < his.length? his[pos]: ""
target.Current = pos target.Current = pos
@ -388,6 +304,14 @@ function Page(page) {
} }
}, },
Require: function(file, cb) {
if (!file || Plugin[file]) {return kit._call(cb, [Plugin[file]])}
file.endsWith(".css")? kit.AppendChild(document.body, [{require: ["/require/"+file, function(event) {
return Plugin[file] = file, kit._call(cb, [Plugin[file]])
}]}]): kit.AppendChild(document.body, [{include: ["/require/"+file, function(event) {
return kit._call(cb, [Plugin[file]])
}]}])
},
script: function(action, name, time) { script: function(action, name, time) {
switch (action) { switch (action) {
case "create": case "create":
@ -411,7 +335,7 @@ function Page(page) {
kit.Log("script", action, name, item) kit.Log("script", action, name, item)
page.action.Pane.Core(event, {}, ["_cmd", item]); page.action.Pane.Core(event, {}, ["_cmd", item]);
}, time||1000, function() { }, time||1000, function() {
page.ontoast("run "+name+" done") page.toast.Pane.Show("run "+name+" done")
}) })
break break
default: default:
@ -419,16 +343,13 @@ function Page(page) {
} }
return true return true
}, },
Help: function(pane, type, action) { Help: function(pane, type, action) {return []},
return [] Jshy: function(event, args) {var msg = ctx.Event(event)
},
Jshy: function(event, args) {
var msg = event.msg || {}
if (page[args[0]] && page[args[0]].type == "fieldset") { if (page[args[0]] && page[args[0]].type == "fieldset") {
if (args.length > 1) { if (args.length > 1) {
return page[args[0]].Pane.Jshy(event, args.slice(1)) return page[args[0]].Pane.Jshy(event, args.slice(1))
} else { } else {
msg.result = ["pane", args[0]] msg.Echo("pane", args[0])
return page[args[0]].Pane.Show() return page[args[0]].Pane.Show()
} }
} }
@ -441,20 +362,77 @@ function Page(page) {
if (m.detail) { if (m.detail) {
page.action.Pane.Core(event, m, ["_cmd", m.detail], m.Reply) page.action.Pane.Core(event, m, ["_cmd", m.detail], m.Reply)
} else { } else {
page.ontoast(m.result.join("")) page.toast.Pane.Show(m.result.join(""))
} }
}), onerror || (function() { }), onerror || (function() {
page.socket.close() page.socket.close()
}), onclose || (function() { }), onclose || (function() {
page.socket = undefined, setTimeout(function() { delete(page.socket), setTimeout(function() {
page.WSS(cb, onerror, onclose) page.WSS(cb, onerror, onclose)
}, 1000) }, 1000)
}))) })))
}, },
initToast: function() {}, initCarte: function(page, field, option, output) {
field.onmouseleave = function(event) {field.Pane.Hide()}
return {
Show: function(event, cb) {if (!cb.list || cb.list.length == 0) {return}
kit.AppendChilds(output, kit.List(cb.list, function(item) {
return item === ""? {view: "space"}: {text: [item, "div", "item"], click: function(event) {
kit._call(cb, [item, cb.meta, event]) && field.Pane.Hide()
}}
}))
kit.ModifyView(carte, {display: "block", left: event.x, top: event.y})
event.stopPropagation()
event.preventDefault()
},
}
},
initToast: function(page, field, option, output) {
return {
Dialog: function(width, height) {
kit.ModifyView(field, {display: "block", dialog: [width, height], padding: 10})
},
Ticker: function(text, duration) {
var tick = 1
var begin = kit.time(0, "%H:%M:%S")
function ticker() {
field.style.display != "none" && (text.innerText = begin+" ... "+(tick++)+"s") && setTimeout(ticker, 1000)
}
return duration == -1? setTimeout(ticker, 10): setTimeout(field.Pane.Hide, duration||3000)
},
Show: function(text, title, duration) {if (!text) {return field.Pane.Hide()}
var args = typeof text == "object"? text: {text: text, title: title, duration: duration}
var list = [{text: [args.title||"", "div", "title"]},
typeof args.text == "string"? {text: [args.text||"", "div", "content"]}: args.text]
kit.List(args.inputs, function(input) {
typeof input == "string"? list.push({label: input}, {input: [input, page.oninput]}):
list.push({label: input[0]}, {select: input.slice(1)})
list.push({type: "br"})
})
kit.List(args.button, function(input) {
list.push({button: [input, function(event) {
var values = {}
toast.querySelectorAll("input").forEach(function(input) {
values[input.name] = input.value
})
toast.querySelectorAll("select").forEach(function(input) {
values[input.name] = input.value
})
kit._call(args.cb, [input, values]) && field.Pane.Hide()
}]})
})
list.push({view: ["tick"], name: "tick"})
field.Pane.Dialog(args.width||text.length*10+100, args.height||80)
return field.Pane.Ticker(kit.AppendChilds(output, list).tick, args.button? -1: args.duration || 3000)
},
}
},
initLogin: function(page, field, option, output) { initLogin: function(page, field, option, output) {
var ui = kit.AppendChilds(option, [ var ui = kit.AppendChilds(option, [
{label: "username"}, {input: ["username"]}, {type: "br"}, {label: "username"}, {input: ["username"]}, {type: "br"},
@ -465,8 +443,7 @@ function Page(page) {
field.Pane.Login(ui.username.value, ui.password.value, function(sessid) { field.Pane.Login(ui.username.value, ui.password.value, function(sessid) {
if (!sessid) {kit.alert("用户或密码错误"); return} if (!sessid) {kit.alert("用户或密码错误"); return}
// ctx.Cookie("sessid", sessid), page.login.Pane.Dialog(1, 1), page.onload()
page.login.Pane.Dialog(1, 1), page.onload()
}) })
}]}, {type: "br"}, }]}, {type: "br"},
]) ])
@ -482,20 +459,20 @@ function Page(page) {
} }
}, },
initHeader: function(page, field, option, output) { initHeader: function(page, field, option, output) {
var state = {}, list = [], cb = function(event, item, value) {} var state = {title: "github.com/shylinux/context"}, list = [], cb = function(event, item, value) {}
field.onclick = function(event) {page.pane && page.pane.scrollTo(0,0)} field.onclick = function(event) {page.pane && page.pane.scrollTo(0, 0)}
return { return {
Order: function(value, order, cbs) { Order: function(value, order, cbs) {
state = value, list = order, cb = cbs || cb, field.Pane.Show() state = value, list = order, cb = cbs || cb, field.Pane.Show()
}, },
State: function(name, value) { State: function(name, value) {
value != undefined && (state[name] = value, field.Pane.Show()) kit.notNone(value) && (state[name] = value, field.Pane.Show())
return name == undefined? state: state[name] return kit.isNone(name)? state: state[name]
}, },
Show: function() { Show: function() {
output.innerHTML = "", kit.AppendChild(output, [ kit.AppendChilds(output, [
{"view": ["title", "div", "github.com/shylinux/context"], click: function(event) { {"view": ["title", "div", state.title], click: function(event) {
cb(event, "title", "shycontext") cb(event, "title", state.title)
}}, }},
{"view": ["state"], list: list.map(function(item) {return {text: [state[item], "div"], click: function(event) { {"view": ["state"], list: list.map(function(item) {return {text: [state[item], "div"], click: function(event) {
cb(event, item, state[item]) cb(event, item, state[item])
@ -506,10 +483,10 @@ function Page(page) {
} }
}, },
initFooter: function(page, field, option, output) { initFooter: function(page, field, option, output) {
var state = {}, list = [], cb = function(event, item, value) {} var state = {title: "<a href='mailto:shylinux@163.com'>shylinux@163.com</>"}, list = [], cb = function(event, item, value) {}
var ui = kit.AppendChild(output, [ var ui = kit.AppendChilds(output, [
{"view": ["title", "div", "<a href='mailto:shylinux@163.com'>shylinux@163.com</>"]}, {"view": ["title", "div", state.title]},
{"view": ["magic"], style: {"margin-top": "-4px"}, list: [{text: ["0", "label"], name: "count"}, {input: ["magic", function(event) { {"view": ["magic"], list: [{label: "0", name: "count"}, {input: ["magic", function(event) {
if (event.key == "Enter" || event.ctrlKey && event.key == "j") { if (event.key == "Enter" || event.ctrlKey && event.key == "j") {
page.action.Pane.Core(event, {}, ["_cmd", event.target.value]); page.action.Pane.Core(event, {}, ["_cmd", event.target.value]);
(ui.magic.History.length == 0 || ui.magic.History[ui.magic.History.length-1] != event.target.value) && ui.magic.History.push(event.target.value) (ui.magic.History.length == 0 || ui.magic.History[ui.magic.History.length-1] != event.target.value) && ui.magic.History.push(event.target.value)
@ -530,8 +507,7 @@ function Page(page) {
} }
ui.count.innerHTML = ui.magic.Current || 0 ui.count.innerHTML = ui.magic.Current || 0
field.Pane.Show() field.Pane.Show()
}]}]},
}], style: {"margin-top": "-2px", "font-size": "16px"}}]},
{"view": ["state"]}, {"view": ["state"]},
]) ])
@ -551,7 +527,7 @@ function Page(page) {
ui && kit.size(ui.magic, (width - ui.count.offsetWidth - ui.first.offsetWidth - ui.last.offsetWidth - 20), height-6) ui && kit.size(ui.magic, (width - ui.count.offsetWidth - ui.first.offsetWidth - ui.last.offsetWidth - 20), height-6)
}, },
Show: function() { Show: function() {
ui.last.innerHTML = "", kit.AppendChild(ui.last, list.map(function(item) {return {text: [item+":"+state[item], "div"], click: function(item) { kit.AppendChilds(ui.last, list.map(function(item) {return {text: [item+":"+state[item], "div"], click: function(item) {
cb(event, item, state[item]) cb(event, item, state[item])
}}})) }}}))
field.Pane.Size(field.clientWidth, field.clientHeight) field.Pane.Size(field.clientWidth, field.clientHeight)
@ -560,8 +536,8 @@ function Page(page) {
} }
}, },
Pane: Pane, Pane: Pane,
}) }), page.which = page.Sync("layout")
page.which = page.Sync("layout")
kit.Log("init", "page", page) kit.Log("init", "page", page)
return window.onload = page.onload, page return window.onload = page.onload, page
} }
@ -571,12 +547,11 @@ function Pane(page, field) {
var output = field.querySelector("div.output") var output = field.querySelector("div.output")
var timer = "" var timer = ""
var list = [], last = -1, member = {}
var name = option.dataset.names var name = option.dataset.names
var list = [], last = -1, member = {}
var pane = Meta(field, (page[field.dataset.init] || function() { var pane = Meta(field, (page[field.dataset.init] || function() {
})(page, field, option, output) || {}, { })(page, field, option, output) || {}, {
Append: function(type, line, key, which, cb) { Append: function(type, line, key, which, cb) {type = type || line.type
type = type || line.type
var index = list.length, ui = pane.View(output, type, line, key, function(event, cmds, cbs) { var index = list.length, ui = pane.View(output, type, line, key, function(event, cmds, cbs) {
(type != "plugin" && type != "field") && pane.Select(index, line[which]) (type != "plugin" && type != "field") && pane.Select(index, line[which])
page.script("record", [name, line[key[0]]]) page.script("record", [name, line[key[0]]])
@ -588,9 +563,10 @@ function Pane(page, field) {
(type == "plugin" && line.name || type == "field") && page.Require(line.init? line.group+"/"+line.init: "", function(init) { (type == "plugin" && line.name || type == "field") && page.Require(line.init? line.group+"/"+line.init: "", function(init) {
page.Require(line.view? line.group+"/"+line.view: "", function(view) { page.Require(line.view? line.group+"/"+line.view: "", function(view) {
pane.Plugin(page, pane, ui.field, init, function(event, cmds, cbs) { var p = pane.Plugin(page, pane, ui.field, init, function(event, cmds, cbs) {
kit._call(cb, [line, index, event, cmds, cbs]) kit._call(cb, [line, index, event, cmds, cbs])
}) })
index == 0 && p.Select()
}) })
}) })
return ui return ui
@ -615,9 +591,7 @@ function Pane(page, field) {
ctx.Event(event, {}, {name: name+"."+key}) ctx.Event(event, {}, {name: name+"."+key})
key && pane.which.set(key) key && pane.which.set(key)
}, },
clear: function() { clear: function() {output.innerHTML = "", list = [], last = -1},
output.innerHTML = "", list = [], last = -1
},
Help: function(type, action) { Help: function(type, action) {
var text = [] var text = []
@ -638,8 +612,7 @@ function Pane(page, field) {
} }
return text return text
}, },
Jshy: function(event, args) { Jshy: function(event, args) {var msg = ctx.Event(event)
var msg = event.msg || {}
if (pane[args[0]] && pane[args[0]].type == "fieldset") { if (pane[args[0]] && pane[args[0]].type == "fieldset") {
msg.result = ["plugin", args[0]] msg.result = ["plugin", args[0]]
pane[args[0]].scrollIntoView(), pane[args[0]].Plugin.Select(true) pane[args[0]].scrollIntoView(), pane[args[0]].Plugin.Select(true)
@ -658,32 +631,26 @@ function Pane(page, field) {
}, },
Tickers: function(time, cmds, cb) { Tickers: function(time, cmds, cb) {
pane.Ticker(time, cmds, function(msg) { pane.Ticker(time, cmds, function(msg) {msg.Table(function(line, index) {
ctx.Table(msg, function(line, index) { cb(line, index, msg)
cb(line, index, msg) })})
})
})
}, },
Ticker: function(time, cmds, cb) { Ticker: function(time, cmds, cb) {timer && clearTimeout(timer)
timer && clearTimeout(timer) function loop() {!pane.Stop() && pane.Run(cmds, function(msg) {
function loop() { cb(msg), timer = setTimeout(loop, time)
!pane.Stop() && pane.Run(cmds, function(msg) { })}
cb(msg), timer = setTimeout(loop, time)
})
}
time && (timer = setTimeout(loop, 10)) time && (timer = setTimeout(loop, 10))
}, },
Runs: function(cmds, cb) { Runs: function(cmds, cb) {
pane.Run(cmds, function(msg) { pane.Run(cmds, function(msg) {msg.Table(function(line, index) {
ctx.Table(msg, function(line, index) { (cb||pane.ondaemon)(line, index, msg)
(cb||pane.ondaemon)(line, index, msg) })})
})
})
},
Run: function(cmds, cb) {
ctx.Run(option.dataset, cmds, cb||pane.ondaemon)
}, },
Run: function(cmds, cb) {ctx.Run(option.dataset, cmds, cb||pane.ondaemon)},
Hide: function() {
kit.ModifyView(field, {display: "none"})
},
Size: function(width, height) { Size: function(width, height) {
if (width > 0) { if (width > 0) {
field.style.width = width+"px" field.style.width = width+"px"
@ -721,9 +688,6 @@ function Pane(page, field) {
Plugin: Plugin, Plugin: Plugin,
}) })
for (var k in pane.Listen) {
page.Sync(k).change(pane.Listen[k])
}
function call(value, event) { function call(value, event) {
// Event入口 1.1 // Event入口 1.1
ctx.Event(event, {}, {name: name+"."+value}) ctx.Event(event, {}, {name: name+"."+value})
@ -734,15 +698,9 @@ function Pane(page, field) {
return typeof value == "object"? {className: value[0], select: [value.slice(1), call]}: return typeof value == "object"? {className: value[0], select: [value.slice(1), call]}:
value == ""? {view: ["space"]} :value == "br"? {type: "br"}: {button: [value, call]} value == ""? {view: ["space"]} :value == "br"? {type: "br"}: {button: [value, call]}
})).className="action") })).className="action")
field.oncontextmenu = function(event) {
page.oncarte(event, pane.Choice, function(event, value) { kit.Item(pane.Listen, function(key, cb) {page.Sync(key).change(cb)})
call(value, event) option.onsubmit = function(event) {event.preventDefault()};
return true
}) && (event.stopPropagation(), event.preventDefault())
}
option.onsubmit = function(event) {
event.preventDefault()
};
kit.Log("init", "pane", name, pane) kit.Log("init", "pane", name, pane)
return page[name] = field, pane.Field = field, field.Pane = pane return page[name] = field, pane.Field = field, field.Pane = pane
} }
@ -752,16 +710,12 @@ function Plugin(page, pane, field, inits, runs) {
var output = field.querySelector("div.output") var output = field.querySelector("div.output")
var meta = field.Meta var meta = field.Meta
var name = meta.name var name = meta.name, args = meta.args || []
var args = meta.args || []
var inputs = JSON.parse(meta.inputs || "[]") var inputs = JSON.parse(meta.inputs || "[]")
var feature = JSON.parse(meta.feature||'{}') var feature = JSON.parse(meta.feature||'{}')
var display = JSON.parse(meta.display||'{}')
var deal = (feature && feature.display) || "table"
kit.classList.add(field, meta.group, name, feature.style) kit.classList.add(field, meta.group, name, feature.style)
var plugin = Meta(field, (inits || function() { var plugin = Meta(field, inits && inits(field, option, output) || {}, {Inputs: {},
})(field, option, output)||{}, {Inputs: {},
Appends: function() { Appends: function() {
var name = "args"+kit.Selector(option, "input.args.temp").length var name = "args"+kit.Selector(option, "input.args.temp").length
plugin.Append({type: "text", name: name, className: "args temp"}).focus() plugin.Append({type: "text", name: name, className: "args temp"}).focus()
@ -828,7 +782,7 @@ function Plugin(page, pane, field, inits, runs) {
page.input.focus() page.input.focus()
}, },
Reveal: function(msg) { Reveal: function(msg) {
return msg.append && msg.append[0]? ["table", JSON.stringify(ctx.Tables(msg))]: ["code", msg.result? msg.result.join(""): ""] return msg.append && msg.append[0]? ["table", JSON.stringify(msg.Table())]: ["code", msg.result? msg.result.join(""): ""]
}, },
Format: function() { Format: function() {
field.Meta.args = arguments.length > 0? kit.List(arguments): field.Meta.args = arguments.length > 0? kit.List(arguments):
@ -902,77 +856,63 @@ function Plugin(page, pane, field, inits, runs) {
}, },
Option: function(key, value) { Option: function(key, value) {
if (value != undefined) { kit.notNone(value) && option[key] && (option[key].value = value)
option[key] && (option[key].value = value)
}
return option[key]? option[key].value: "" return option[key]? option[key].value: ""
}, },
Check: function(target, cb) { Check: function(target, cb) {
kit.Selector(option, ".args", function(item, index, list) { kit.Selector(option, ".args", function(item, index, list) {
target == undefined && index == list.length-1 && plugin.Runs(window.event, cb) kit.isNone(target)? index == list.length-1 && plugin.Runs(window.event, cb):
item == target && (index == list.length-1? plugin.Runs(window.event, cb): page.plugin == field && list[index+1].focus()) item == target && (index == list.length-1? plugin.Runs(window.event, cb): page.plugin == field && list[index+1].focus())
return item return item
}).length == 0 && plugin.Runs(window.event, cb) }).length == 0 && plugin.Runs(window.event, cb)
}, },
Delay: function(time, event, text) { Delay: function(time, event, text) {
page.ontoast(text, "", -1) plugin.ontoast(text, "", -1)
return setTimeout(function() { return setTimeout(function() {
plugin.Runs(event), page.ontoast("") plugin.Runs(event), plugin.ontoast("")
}, time) }, time)
}, },
Last: function() { Last: function() {kit.notNone(plugin.History()) && plugin.Check()},
plugin.History() != undefined && plugin.Check() Runs: function(event, cb) {plugin.Run(event, kit.Selector(option, ".args", function(item, index) {return item.value}), cb)},
}, Run: function(event, args, cb, silent) {var show = true
Runs: function(event, cb) {
plugin.Run(event, kit.Selector(option, ".args", function(item, index) {return item.value}), cb)
},
Run: function(event, args, cb, silent) {
page.script("record", ["action", name].concat(args)) page.script("record", ["action", name].concat(args))
var show = true setTimeout(function() {show && plugin.ontoast(kit.Format(args||["running..."]), meta.name, -1)}, 1000)
setTimeout(function() {
show && page.ontoast(kit.Format(args||["running..."]), meta.name, -1)
}, 1000)
event.Plugin = plugin, runs(event, args, function(msg) { event.Plugin = plugin, runs(event, args, function(msg) {
page.footer.Pane.State("ncmd", kit.History.get("cmd").length) silent? kit._call(cb, [msg]): plugin.ondaemon(msg, cb), show = false, plugin.ontoast()
silent? kit._call(cb, [msg]): plugin.ondaemon(msg, cb)
show = false, page.ontoast("")
}) })
}, },
clear: function() { clear: function() {output.innerHTML = ""},
output.innerHTML = ""
},
Download: function() { Download: function() {
var text = kit.Selector(output, "tr", function(tr) { var type = "csv", text = kit.Selector(output, "tr", function(tr) {
return kit.Selector(tr, "td,th", function(td) { return kit.Selector(tr, "td,th", function(td) {
return td.innerText return td.innerText
}).join(",") }).join(",")
}).join("\n"), type = ".csv" }).join("\n")
!text && (type = ".txt", text = plugin.msg.result.join(""))
!text && (text = plugin.msg.result.join(""), type = ".txt") plugin.ontoast({text:'<a href="'+URL.createObjectURL(new Blob([text]))+'" target="_blank" download="'+name+type+'">'+name+type+'</a>', title: "下载中...", width: 200})
page.ontoast({text:'<a href="'+URL.createObjectURL(new Blob([text]))+'" target="_blank" download="'+name+type+'">'+name+type+'</a>', title: "下载中...", width: 200}) kit.Selector(page.toast, "a", function(item) {item.click()})
kit.Selector(page.toast, "a", function(item) {
item.click()
})
}, },
upload: function(event) { upload: function(event) {
ctx.Upload({river: meta.river, table: plugin.Option("table")}, option.upload.files[0], function(event, msg) { ctx.Upload({river: meta.river, table: plugin.Option("table")}, option.upload.files[0], function(event, msg) {
kit.OrderTable(kit.AppendTable(kit.AppendChilds(output, "table"), ctx.Table(msg), msg.append)) Output(plugin, "table", msg, null, output, option)
page.ontoast("上传成功") plugin.ontoast("上传成功")
}, function(event) { }, function(event) {
page.ontoast(), page.ontoast("上传进度 "+parseInt(event.loaded*100/event.total)+"%") plugin.ontoast("上传进度 "+parseInt(event.loaded*100/event.total)+"%")
}) })
}, },
ontoast: page.ontoast, ontoast: function() {kit._call(page.toast.Pane.Show, arguments)},
oncarte: function() {kit._call(page.carte.Pane.Show, arguments)},
onformat: shy("数据转换", { onformat: shy("数据转换", {
none: function(value) {return value||""}, none: function(value) {return value||""},
date: function(value) {return kit.format_date(new Date())}, date: function(value) {return kit.time()},
}, function(which, value) {var meta = arguments.callee.meta }, function(which, value) {var meta = arguments.callee.meta
return (meta[which||"none"]||meta["none"])(value) return (meta[which||"none"]||meta["none"])(value)
}), }),
ondaemon: shy("接收数据", function(msg, cb) { ondaemon: shy("接收数据", function(msg, cb) {
plugin.msg = msg, plugin.Save(""), plugin.onfigure.meta.type = "", plugin.onfigure(deal, msg, cb) plugin.msg = msg, plugin.Save(""), plugin.onfigure.meta.type = "", plugin.onfigure(feature.display||"table", msg, cb)
}), }),
onfigure: shy("显示数据", {type: "", onfigure: shy("显示数据", {type: "",
max: function(output) { max: function(output) {
@ -985,25 +925,20 @@ function Plugin(page, pane, field, inits, runs) {
}), }),
onchoice: shy("菜单列表", { onchoice: shy("菜单列表", {
"添加": "Clone", "添加": "Clone",
"删除": "Delete",
"加参": "Appends", "加参": "Appends",
"减参": "Remove", "减参": "Remove",
}, ["添加", "删除", "加参", "减参"], function(value, meta, event) { "删除": "Delete",
}, ["添加", "加参", "减参", "删除"], function(value, meta, event) {
kit._call(plugin, plugin[meta[value]]) kit._call(plugin, plugin[meta[value]])
return true return true
}), }),
onaction: shy("事件列表", { onaction: shy("事件列表", {
oncontextmenu: function(event) { oncontextmenu: function(event) {
page.oncarte(event, plugin.onchoice) plugin.oncarte(event, plugin.onchoice)
}, },
}, function() { }, function(event, key, cb) {cb(event)}),
kit.Item(arguments.callee.meta, function(k, cb) {field[k] = function(event) {
cb(event)
}})
}),
}) })
plugin.onaction()
plugin.which = plugin.Sync("input") plugin.which = plugin.Sync("input")
page[field.id] = pane[field.id] = pane[name] = field, field.Plugin = plugin page[field.id] = pane[field.id] = pane[name] = field, field.Plugin = plugin
inputs.map(function(item) {plugin.Append(item)}) inputs.map(function(item) {plugin.Append(item)})
@ -1111,17 +1046,13 @@ function Inputs(plugin, item, target) {
return true return true
}) })
}, },
}, function() { }, function(event, key, cb) {cb(event)}),
kit.Item(arguments.callee.meta, function(k, cb) {target[k] = function(event) {
cb(event)
}})
}),
Event: shy("事件入口", {name: plug+"."+name}, function(event, msg) { Event: shy("事件入口", {name: plug+"."+name}, function(event, msg) {
return ctx.Event(event, msg||{}, arguments.callee.meta) return ctx.Event(event, msg||{}, arguments.callee.meta)
}), }),
which: plugin.Sync(name), which: plugin.Sync(name),
}, plugin) }, plugin)
input.onaction()
input.onimport() input.onimport()
target.value = plugin.onformat(item.init, item.value) target.value = plugin.onformat(item.init, item.value)
plugin.Inputs[item.name] = target, target.Input = input plugin.Inputs[item.name] = target, target.Input = input
@ -1145,8 +1076,8 @@ function Output(plugin, type, msg, cb, target, option) {
event.Plugin = plugin event.Plugin = plugin
line.you && name == "status" && (line.status == "start"? function() { line.you && name == "status" && (line.status == "start"? function() {
plugin.Delay(3000, event, line.you+" stop...") && field.Run(event, [option.pod.value, line.you, "stop"]) plugin.Delay(3000, event, line.you+" stop...") && plugin.Run(event, [option.pod.value, line.you, "stop"])
}(): field.Run(event, [option.pod.value, line.you], function(msg) { }(): plugin.Run(event, [option.pod.value, line.you], function(msg) {
plugin.Delay(3000, event, line.you+" start...") plugin.Delay(3000, event, line.you+" start...")
})) }))
return name == "status" || line.status == "stop" ? undefined: line.you return name == "status" || line.status == "stop" ? undefined: line.you
@ -1168,7 +1099,7 @@ function Output(plugin, type, msg, cb, target, option) {
}), }),
onimport: shy("导入数据", { onimport: shy("导入数据", {
_table: function(msg, list) { _table: function(msg, list) {
return list && list.length > 0 && kit.OrderTable(kit.AppendTable(kit.AppendChild(target, "table"), ctx.Table(msg), list), "", output.onexport) return list && list.length > 0 && kit.OrderTable(kit.AppendTable(kit.AppendChild(target, "table"), msg.Table(), list), "", output.onexport)
}, },
_code: function(msg) { _code: function(msg) {
return msg.result && msg.result.length > 0 && kit.OrderCode(kit.AppendChild(target, [{view: ["code", "div", msg.Results()]}]).first) return msg.result && msg.result.length > 0 && kit.OrderCode(kit.AppendChild(target, [{view: ["code", "div", msg.Results()]}]).first)
@ -1202,15 +1133,10 @@ function Output(plugin, type, msg, cb, target, option) {
}), }),
onaction: shy("事件列表", { onaction: shy("事件列表", {
oncontextmenu: function(event) { oncontextmenu: function(event) {
page.oncarte(event, output.onchoice) plugin.oncarte(event, output.onchoice)
}, },
}, function() { }, function(event, key, cb) {cb(event)}),
kit.Item(arguments.callee.meta, function(k, cb) {target[k] = function(event) {
cb(event)
}})
}),
}, plugin) }, plugin)
output.onaction()
output.onimport(type, msg, cb) output.onimport(type, msg, cb)
return output return output
} }

791
usr/librarys/toolkit.js
View File

File diff suppressed because it is too large Load Diff

4
usr/librarys/wiki.js
View File

@ -53,7 +53,7 @@ var page = Page({
page.onlayout() page.onlayout()
}) })
ctx.Runs(form, function(msg) { ctx.Run(form.dataset, [], function(msg) {
ui.back.innerHTML = "", kit.AppendChild(ui.back, [ ui.back.innerHTML = "", kit.AppendChild(ui.back, [
{"button": ["知识", function(event) { {"button": ["知识", function(event) {
ctx.Search({"level": "", "class": "", "favor": ""}) ctx.Search({"level": "", "class": "", "favor": ""})
@ -129,7 +129,7 @@ var page = Page({
ctx.Search("layout") == "max" && (page.Conf("tree.display", "none"), page.Conf("menu.display", "none")) ctx.Search("layout") == "max" && (page.Conf("tree.display", "none"), page.Conf("menu.display", "none"))
ctx.Runs(form, function(msg) { ctx.Run(form.dataset, [], function(msg) {
ui.menu.innerHTML = "", ui.text.innerHTML = msg.result? msg.result.join(""): "" ui.menu.innerHTML = "", ui.text.innerHTML = msg.result? msg.result.join(""): ""
kit.AppendChild(ui.menu, [{"tree": kit.OrderText(field, ui.text)}]) kit.AppendChild(ui.menu, [{"tree": kit.OrderText(field, ui.text)}])
page.footer.Pane.State("count", msg.visit_count) page.footer.Pane.State("count", msg.visit_count)

4
usr/template/common.tmpl
View File

@ -13,11 +13,11 @@
{{end}} {{end}}
</head> </head>
<body> <body>
<fieldset class="carte"><legend></legend> <fieldset class="carte" data-init="initCarte"><legend></legend>
<form class="option" data-names="carte"></form> <form class="option" data-names="carte"></form>
<div class="output"></div> <div class="output"></div>
</fieldset> </fieldset>
<fieldset class="toast"><legend></legend> <fieldset class="toast" data-init="initToast"><legend></legend>
<form class="option" data-names="toast"></form> <form class="option" data-names="toast"></form>
<div class="output"></div> <div class="output"></div>
</fieldset> </fieldset>