mirror of
https://shylinux.com/x/ContextOS
synced 2025-04-25 16:58:06 +08:00
1587 lines
73 KiB
JavaScript
1587 lines
73 KiB
JavaScript
function Meta(zone, target, obj) {
|
|
// 级连对象
|
|
var a = obj
|
|
for (var i = 3; i < arguments.length; i++) {
|
|
a.__proto__ = arguments[i], a = arguments[i]
|
|
}
|
|
|
|
// 构造对象
|
|
var id = 1
|
|
var conf = {}, conf_cb = {}, old
|
|
var sync = {}
|
|
var cache = {}, datas = {}
|
|
var history = []
|
|
var meta = {__proto__: obj, target: target,
|
|
ID: shy("单一序列", function() {return id++}),
|
|
Conf: shy("配置变量", function(key, value, cb) {
|
|
if (kit.isNone(key)) {return conf}
|
|
kit.notNone(cb) && (conf_cb[key] = cb)
|
|
if (kit.notNone(value)) {
|
|
old = conf[key], conf[key] = value
|
|
kit.Log("config", key, value, old)
|
|
kit._call(conf_cb[key], [value, old])
|
|
}
|
|
return kit.isNone(conf[key]) && obj && obj.Conf? obj.Conf(key): conf[key]
|
|
}),
|
|
Sync: shy("同步变量", function(m) {
|
|
var meta = m, data = "", list = []
|
|
return sync[m] || (sync[m] = {
|
|
change: function(cb) {list.push(cb); return list.length-1},
|
|
eq: function(value) {return data == value},
|
|
neq: function(value) {return data != value},
|
|
get: function() {return data},
|
|
set: function(value, force) {
|
|
if (kit.isNone(value)) {return}
|
|
if (value == data && !force) {return}
|
|
old = data, data = value
|
|
meta && kit.Log("key", meta, value, old)
|
|
kit.List(list, function(cb) {cb(value, old)})
|
|
return value
|
|
},
|
|
})
|
|
}),
|
|
Save: shy("保存视图", function(name, output, data) {if (name === "") {return cache = {}}
|
|
kit.Log("view", "save", meta.Zone(name).join("."))
|
|
var temp = document.createDocumentFragment()
|
|
while (output.childNodes.length>0) {
|
|
var item = output.childNodes[0]
|
|
item.parentNode.removeChild(item)
|
|
temp.appendChild(item)
|
|
}
|
|
cache[name] = temp
|
|
datas[name] = data || {}
|
|
return name
|
|
}),
|
|
Load: shy("恢复视图", function(name, output) {if (kit.isNone(cache[name])) {return}
|
|
kit.Log("view", "load", meta.Zone(name).join("."))
|
|
while (cache[name].childNodes.length>0) {
|
|
var item = cache[name].childNodes[0]
|
|
item.parentNode.removeChild(item)
|
|
output.appendChild(item)
|
|
}
|
|
delete(cache[name])
|
|
return datas[name]
|
|
}),
|
|
View: shy("添加视图", function(output, type, line, key) {
|
|
var text = line, list = [], item = false
|
|
switch (type) {
|
|
case "icon":
|
|
list.push({img: [line[key[0]]]})
|
|
break
|
|
|
|
case "text":
|
|
list.push({text: [key.length>1? line[key[0]]+"("+line[key[1]]+")":
|
|
(key.length>0? line[key[0]]: "null"), "span"]})
|
|
break
|
|
|
|
case "code":
|
|
list.push({view: ["code", "div", key.length>1? line[key[0]]+"("+line[key[1]]+")":
|
|
(key.length>0? line[key[0]]: "null")]})
|
|
break
|
|
|
|
case "table":
|
|
list.push({type: "table", list: JSON.parse(line.text || "[]").map(function(item, index) {
|
|
return {type: "tr", list: item.map(function(value) {
|
|
return {text: [value, index == 0? "th": "td"]}
|
|
})}
|
|
})})
|
|
break
|
|
|
|
case "input":
|
|
list.push(line)
|
|
break
|
|
|
|
case "field": text = JSON.parse(line.text)
|
|
case "plugin": if (!text.name) {return {}}
|
|
var id = "plugin"+meta.ID()
|
|
list.push({view: ["item", "fieldset"], data: {id: id, draggable: false}, list: [
|
|
{text: [text.name+"("+text.help+")", "legend"]},
|
|
{view: ["option", "form"], list: [{type: "input", style: {"display": "none"}}]},
|
|
{view: ["output", "div"]},
|
|
]}), item = true
|
|
break
|
|
}
|
|
|
|
var ui = kit.AppendChild(output, item? list: [{view: ["item"], data: {id: "item"+meta.ID(), draggable: false}, list:list}])
|
|
return ui.item.Meta = text, ui
|
|
}),
|
|
Include: shy("加载脚本", function(src, cb) {src = kit.List(src)
|
|
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]}])
|
|
}),
|
|
History: shy("操作历史", function(value, target) {var item
|
|
return kit.isNone(value)? (item = history.pop()) && (item.target.value = item.value):
|
|
history.push({value: value, target: target})
|
|
}),
|
|
Event: shy("事件入口", {name: zone}, function(event, msg, proto) {
|
|
return ctx.Event(event, msg, proto||arguments.callee.meta)
|
|
}),
|
|
_call: function(key) {
|
|
kit._call(meta, typeof key == "function"? key: meta[key], kit.List(arguments).slice(1))
|
|
return true
|
|
},
|
|
Zones: function(name) {return zone.concat(kit.List(arguments)).join(".")},
|
|
Zone: function(name) {return zone.concat(kit.List(arguments))},
|
|
}
|
|
|
|
// 注册事件
|
|
meta.onaction && kit.Item(meta.onaction.meta, function(key, cb) {target[key] = function(event) {
|
|
meta.onaction(event, key, cb)
|
|
}})
|
|
return meta
|
|
}
|
|
function Page(page) {
|
|
kit.device.isWeiXin = true
|
|
var script = {}, record = ""
|
|
page = Meta([document.title], document.body, page, {check: true,
|
|
onload: function(event) {
|
|
// Event入口 0
|
|
if (page.Event(event, {}) && page.check && !ctx.Cookie("sessid")) {
|
|
// 用户登录
|
|
document.querySelectorAll("body>fieldset.Login").forEach(function(field) {
|
|
page.Pane(page, field)
|
|
}), page.login.Pane.Dialog(1, 1)
|
|
} else {
|
|
// 登录成功
|
|
document.querySelectorAll("body>fieldset").forEach(function(field) {
|
|
page.Pane(page, field)
|
|
}), page.check? page.login.Pane.Run(event, [], function(msg) {
|
|
msg.result && msg.result[0]? (page.who.set(msg.nickname[0]), page.init(page))
|
|
:page.login.Pane.Dialog(1, 1)
|
|
}): page.init(page)
|
|
page.Button()
|
|
page.Status()
|
|
}
|
|
|
|
// 事件回调
|
|
window.onresize = function(event) {
|
|
page.onlayout(event)
|
|
}, document.body.onkeydown = function(event) {
|
|
// page.oncontrol(event) || page.onscroll(event)
|
|
}, document.body.onkeyup = function(event) {
|
|
}, document.body.oncontextmenu = function(event) {
|
|
}, document.body.onmousewheel = function(event) {
|
|
}, document.body.onmousedown = function(event) {
|
|
}, document.body.onmouseup = function(event) {
|
|
}
|
|
},
|
|
oninput: function(event, local) {var target = event.target
|
|
kit.History("key", -1, (event.ctrlKey? "Control+": "")+(event.shiftKey? "Shift+": "")+event.key)
|
|
|
|
if (event.ctrlKey) {
|
|
if (local && kit._call(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":
|
|
kit.DelText(target, target.selectionStart-1, target.selectionStart)
|
|
break
|
|
case "d":
|
|
kit.DelText(target, 0, target.selectionStart)
|
|
break
|
|
case "k":
|
|
kit.DelText(target, target.selectionStart)
|
|
break
|
|
case "u":
|
|
kit.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
|
|
}
|
|
}
|
|
kit.DelText(target, i+1, end-i)
|
|
break
|
|
default:
|
|
return false
|
|
}
|
|
} else {
|
|
switch (event.key) {
|
|
case " ":
|
|
event.stopPropagation()
|
|
return true
|
|
case "Escape":
|
|
target.blur()
|
|
break
|
|
default:
|
|
if (kit.HitText(target, "jk")) {
|
|
kit.DelText(target, target.selectionStart-2, 2)
|
|
target.blur()
|
|
break
|
|
}
|
|
return false
|
|
}
|
|
}
|
|
|
|
event.stopPropagation()
|
|
event.preventDefault()
|
|
return true
|
|
},
|
|
onlayout: function() {},
|
|
oncontrol: function() {},
|
|
onscroll: function(event, target, action) {
|
|
switch (event.key) {
|
|
case " ":
|
|
page.footer.Pane.Select()
|
|
break
|
|
case "h":
|
|
if (event.ctrlKey) {
|
|
target.scrollBy(-conf.scroll_x*10, 0)
|
|
} else {
|
|
target.scrollBy(-conf.scroll_x, 0)
|
|
}
|
|
break
|
|
case "H":
|
|
target.scrollBy(-document.body.scrollWidth, 0)
|
|
break
|
|
case "l":
|
|
if (event.ctrlKey) {
|
|
target.scrollBy(conf.scroll_x*10, 0)
|
|
} else {
|
|
target.scrollBy(conf.scroll_x, 0)
|
|
}
|
|
break
|
|
case "L":
|
|
target.scrollBy(document.body.scrollWidth, 0)
|
|
break
|
|
case "j":
|
|
if (event.ctrlKey) {
|
|
target.scrollBy(0, conf.scroll_y*10)
|
|
} else {
|
|
target.scrollBy(0, conf.scroll_y)
|
|
}
|
|
break
|
|
case "J":
|
|
target.scrollBy(0, document.body.scrollHeight)
|
|
break
|
|
case "k":
|
|
if (event.ctrlKey) {
|
|
target.scrollBy(0, -conf.scroll_y*10)
|
|
} else {
|
|
target.scrollBy(0, -conf.scroll_y)
|
|
}
|
|
break
|
|
case "K":
|
|
target.scrollBy(0, -document.body.scrollHeight)
|
|
break
|
|
}
|
|
},
|
|
title: function(title) {
|
|
document.title = title
|
|
},
|
|
|
|
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) {
|
|
switch (action) {
|
|
case "create":
|
|
record = name, script[name] = []
|
|
kit.Log("script", action, name)
|
|
break
|
|
case "record":
|
|
record && kit.Log("script", action, record, name)
|
|
record && script[record].push(name)
|
|
break
|
|
case "finish":
|
|
kit.Log("script", action, record)
|
|
record = ""
|
|
break
|
|
case "replay":
|
|
kit.Log("script", action, name)
|
|
record = ""
|
|
|
|
var event = window.event
|
|
kit.List(script[name], function(item) {
|
|
kit.Log("script", action, name, item)
|
|
page.action.Pane.Core(event, {}, ["_cmd", item]);
|
|
}, time||1000, function() {
|
|
page.toast.Pane.Show("run "+name+" done")
|
|
})
|
|
break
|
|
default:
|
|
return script
|
|
}
|
|
return true
|
|
},
|
|
Help: function(pane, type, action) {return []},
|
|
Jshy: shy("本地命令", function(event, args) {var msg = ctx.Event(event)
|
|
// 面板命令
|
|
if (page[args[0]] && page[args[0]].type == "fieldset") {
|
|
return page[args[0]].Pane.Jshy(event, args.slice(1)) || page.Zone("select", args[0])
|
|
}
|
|
// 控件命令
|
|
if (typeof page.Action[args[0]] == "function") {
|
|
return kit._call(page.Action[args[0]], [event, args[0]]) || page.Zone("action", args[0])
|
|
}
|
|
|
|
// 脚本命令
|
|
if (script[args[0]]) {return page.script("replay", args[0])}
|
|
|
|
// 内部命令
|
|
if (typeof page[args[0]] == "function") {
|
|
return kit._call(page[args[0]], args.slice(1)) || page.Zone("function", args[0])
|
|
}
|
|
}),
|
|
WSS: function(cb, onerror, onclose, onopen) {
|
|
return page.socket || (page.socket = ctx.WSS(cb || (function(event, m) {
|
|
if (m.detail) {
|
|
page.action.Pane.Core(event, m, ["_cmd", m.detail], m.Reply)
|
|
} else {
|
|
page.toast.Pane.Show(m.result.join(""))
|
|
}
|
|
|
|
}), onerror || (function() {
|
|
page.socket.close()
|
|
|
|
}), onclose || (function() {
|
|
page.toast.Pane.Show("WSS Close")
|
|
delete(page.socket), setTimeout(function() {
|
|
page.WSS(cb, onerror, onclose)
|
|
}, 1000)
|
|
}), onopen || (function() {
|
|
page.toast.Pane.Show("WSS Open")
|
|
})))
|
|
},
|
|
|
|
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 = {}
|
|
output.querySelectorAll("input").forEach(function(input) {
|
|
values[input.name] = input.value
|
|
})
|
|
output.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)
|
|
},
|
|
}
|
|
},
|
|
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}
|
|
output.innerHTML = ""
|
|
kit.AppendActions(output, cb.list, function(event, value) {
|
|
kit._call(cb, [event, value, cb.meta]) && field.Pane.Hide()
|
|
}, true)
|
|
|
|
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}
|
|
}
|
|
|
|
kit.ModifyView(field, pos)
|
|
event.stopPropagation()
|
|
event.preventDefault()
|
|
},
|
|
}
|
|
},
|
|
initDebug: function(page, field, option, output) {
|
|
var table = kit.AppendChilds(output, "table")
|
|
var caption = kit.AppendChild(table, [{type: "caption"}]).last
|
|
var head = kit.AppendChild(table, [{type: "thead", list: [{row: ["index", "time", "type", "order", "action", "target", "args"], sub: "th"}]}]).tr
|
|
var list = kit.AppendChild(table, "tbody")
|
|
kit.OrderTable(table)
|
|
var last, types = {all: 0, event: 0, run: 0, key: 0}
|
|
|
|
|
|
kit.Log.meta.call.push(function(time, type, order, action, target) {var Choice = field.Pane && field.Pane.Choice || []
|
|
if (kit.isNone(types[type])) {types[type] = 0, Choice.push(type)}
|
|
types[type]++
|
|
|
|
last = kit.AppendChild(list, [{className: type, row: [types.all++, time, type, order, action||"", target||"", kit.List(arguments, function(item) {
|
|
return typeof item == "object"? "{...}": item
|
|
}).slice(5).join(" ")]}]).last
|
|
field.Pane && field.Pane.Head()
|
|
|
|
kit.AppendChilds(caption, kit.List(Choice.slice(1), function(item) {return {text: [item+": "+types[item], "span"], click: function(event) {
|
|
field.Pane.Action(event, item)
|
|
}}}))
|
|
})
|
|
var layout
|
|
return {
|
|
Head: function() {if (kit.isNone(last)) {return}
|
|
caption.style.width = last.offsetWidth+"px"
|
|
kit.Selector(last, "td", function(item, index) {
|
|
head.childNodes[index] && (head.childNodes[index].style.width = item.offsetWidth-14+"px")
|
|
})
|
|
},
|
|
Show: function() {layout || (layout = field.Pane.Action.meta["最大"](), 1)
|
|
kit.ModifyView(field, {display: field.style.display != "block"? "block": "none"})
|
|
field.Pane.Head()
|
|
},
|
|
clear: function() {
|
|
var th = kit.AppendChilds(list, [{row: ["time", "type", "main", "arg", "args"], sub: "th"}]).last
|
|
},
|
|
Action: shy({
|
|
"关闭": function() {
|
|
field.Pane.Show()
|
|
},
|
|
"最大": function() {
|
|
kit.size(output, document.body.clientWidth, document.body.clientHeight-160)
|
|
},
|
|
"最小": function() {
|
|
kit.size(output, document.body.clientWidth/2, document.body.clientHeight/2)
|
|
},
|
|
"左边": function() {
|
|
field.style.left = "0px"
|
|
kit.size(output, document.body.clientWidth/2, document.body.clientHeight)
|
|
},
|
|
"右边": function() {
|
|
field.style.left = document.body.clientWidth/2+"px"
|
|
kit.size(output, document.body.clientWidth/2, document.body.clientHeight)
|
|
},
|
|
}, function(event, type) {last = null
|
|
kit.Selector(list, "tr", function(item, index) {
|
|
type == "all" || kit.classList.has(item, type)?
|
|
(kit.classList.del(item, "hide"), last = item): kit.classList.add(item, "hide")
|
|
})
|
|
field.Pane.Head()
|
|
}),
|
|
Choice: ["关闭", "all", "event", "run", "key"],
|
|
Button: ["关闭", "最大", "最小", "左边", "右边"],
|
|
}
|
|
},
|
|
initLogin: function(page, field, option, output) {
|
|
var ui = kit.AppendChilds(option, [
|
|
{label: "username"}, {input: ["username"], data: {autocomplete: "username"}}, {type: "br"},
|
|
{label: "password"}, {password: ["password"], data: {autocomplete: "current-password"}}, {type: "br"},
|
|
{button: ["login", function(value, event) {
|
|
if (!ui.username.value) {ui.username.focus(); return}
|
|
if (!ui.password.value) {ui.password.focus(); return}
|
|
|
|
field.Pane.Login(ui.username.value, ui.password.value, function(sessid) {
|
|
if (!sessid) {kit.alert("用户或密码错误"); return}
|
|
page.login.Pane.Dialog(1, 1), page.onload(event)
|
|
})
|
|
}]}, {type: "br"},
|
|
])
|
|
|
|
return {
|
|
WeiXin: function() {
|
|
// 微信接口
|
|
kit.device.isWeiXin && page.login.Pane.Run(event, ["weixin"], function(msg) {
|
|
msg.appid[0] && page.Include(["https://res.wx.qq.com/open/js/jweixin-1.4.0.js"], function(event) {
|
|
wx.error(function(res){})
|
|
wx.ready(function(){
|
|
page.scanQRCode = function(cb) {
|
|
|
|
}
|
|
page.getLocation = function(cb) {
|
|
wx.getLocation({success: cb})
|
|
}
|
|
page.openLocation = function(latitude, longitude, name) {
|
|
wx.openLocation({latitude: parseFloat(latitude), longitude: parseFloat(longitude), name:name||"here"})
|
|
}
|
|
}), wx.config({jsApiList: ["closeWindow", "scanQRCode", "getLocation", "openLocation"],
|
|
appId: msg.appid[0], nonceStr: msg.nonce[0], timestamp: msg.timestamp[0], signature: msg.signature[0]})
|
|
})
|
|
})
|
|
},
|
|
Login: function(username, password, cb) {
|
|
field.Pane.Run(event, [username, password], function(msg) {cb(msg.result && msg.result[0] || "")})
|
|
},
|
|
Exit: function() {ctx.Cookie("sessid", ""), kit.reload()},
|
|
}
|
|
},
|
|
initHeader: function(page, field, option, output) {
|
|
var cb = function(event, item, value) {kit._call(page.Action[item], [event, item, value, page])}
|
|
field.onclick = function(event) {page.pane && page.pane.scrollTo(0, 0)}
|
|
page.who.change(function(value, old) {page.Button("user", value)})
|
|
|
|
return {
|
|
Show: function() {var meta = page.Button.meta, list = page.Button.list
|
|
kit.AppendChilds(output, [
|
|
{"view": ["title", "div", meta.title], click: function(event) {
|
|
cb(event, "title", meta.title)
|
|
}},
|
|
{"view": ["state"], list: list.map(function(item) {return {text: [meta[item], "div", "item"], click: function(event) {
|
|
cb(event, item, meta[item])
|
|
}}})},
|
|
])
|
|
},
|
|
Help: function() {return []},
|
|
}
|
|
},
|
|
initFooter: function(page, field, option, output) {
|
|
var cb = function(event, item, value) {kit._call(page.Action[item], [event, item, value, page])}
|
|
var ui = kit.AppendChilds(output, [
|
|
{"view": ["title", "div", page.Status.meta.title]},
|
|
{"view": ["state"]},
|
|
{"view": ["magic"], list: [{label: "0", name: "count"}, {input: ["magics", function(event) {
|
|
if (event.key == "Enter" || event.ctrlKey && event.key == "j") {
|
|
page.action.Pane.Core(event, {}, ["_cmd", event.target.value], function(msg) {
|
|
page.toast.Pane.Show(JSON.stringify(msg.result), 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.Current = ui.magic.History.length
|
|
ui.count.innerHTML = ui.magic.Current
|
|
event.target.value = ""
|
|
} else {
|
|
page.oninput(event, function(event) {
|
|
switch (event.key) {
|
|
case "Enter":
|
|
kit.Log(event.target.value)
|
|
break
|
|
default:
|
|
return false
|
|
}
|
|
return true
|
|
})
|
|
}
|
|
ui.count.innerHTML = ui.magic.Current || 0
|
|
field.Pane.Show()
|
|
}]}]},
|
|
])
|
|
|
|
ui.magic.History = []
|
|
|
|
return {
|
|
Select: function() {ui.magics.focus()},
|
|
Size: function(width, height) {
|
|
kit.size(field, width, height)
|
|
ui && kit.size(ui.magics, (width - ui.count.offsetWidth - ui.first.offsetWidth - ui.state.offsetWidth - 40), height-6)
|
|
},
|
|
Show: function() {var meta = page.Status.meta, list = page.Status.list
|
|
kit.AppendChilds(ui.state, list.map(function(item) {return {text: [item+":"+meta[item], "div", "item"], click: function(event) {
|
|
cb(event, item, meta[item])
|
|
}}}))
|
|
field.Pane.Size(field.clientWidth, field.clientHeight)
|
|
},
|
|
Help: function() {return []},
|
|
}
|
|
},
|
|
Pane: Pane,
|
|
}), page.which = page.Sync("layout"), page.who = page.Sync("username")
|
|
|
|
kit.Log("init", "page", page)
|
|
return window.onload = page.onload, page
|
|
}
|
|
function Pane(page, field) {
|
|
var option = field.querySelector("form.option")
|
|
var action = field.querySelector("div.action")
|
|
var output = field.querySelector("div.output")
|
|
|
|
var timer = ""
|
|
var name = option.dataset.names
|
|
var itemkey = "fieldset.item, div.item"
|
|
var itemkeys = "fieldset.item.select, div.item.select"
|
|
|
|
var pane = Meta(page.Zone(name), field, (page[field.dataset.init] || function() {})(page, field, option, output) || {}, {
|
|
Appends: shy("添加列表", function(cmds, type, key, which, first, cb, cbs) {
|
|
var list = []
|
|
pane.Runs(event, cmds, function(line, index, msg) {
|
|
var ui = pane.Append(type, line, key, which, cb)
|
|
list.push(ui)
|
|
if (typeof first == "string") {
|
|
(line.key == first || line.name == first || line[which] == first || line[key[0]] == first) && ui.item.click()
|
|
} else {
|
|
first && index == 0 && ui.item.click()
|
|
}
|
|
if (index == msg[msg.append[0]].length-1) {
|
|
kit.Selector(output, itemkeys).length == 0 && pane.Select(0)
|
|
kit._call(cbs, [msg, list])
|
|
}
|
|
})
|
|
}),
|
|
Append: shy("添加列表", function(type, line, key, which, cb) {type = type || line.type
|
|
var ui = pane.View(output, type, line, key)
|
|
if (!ui.item) {return}
|
|
|
|
ui.item.onclick = function(event) { if (pane.which.get() == line[which]) {return}
|
|
pane.Event(event, {}, {name: pane.Zone("select", line[key[0]])})
|
|
page.script("record", [name, line[key[0]]])
|
|
pane.Select(ui.item)
|
|
|
|
pane.which.set(line[which])
|
|
kit._call(cb, [event, line])
|
|
}
|
|
ui.item.ondragstart = function(event) {if (event.target != ui.item) {return}
|
|
event.dataTransfer.setData("item", event.target.id)
|
|
event.stopPropagation()
|
|
event.preventDefault()
|
|
}
|
|
ui.item.ondragover = function(event) {if (event.target != ui.item) {return}
|
|
event.stopPropagation()
|
|
event.preventDefault()
|
|
pane.Select(ui.item)
|
|
}
|
|
ui.item.ondrop = function(event) {if (event.target != ui.item) {return}
|
|
var item = pane[event.dataTransfer.getData("item")]
|
|
output.insertBefore(item, event.target)
|
|
event.stopPropagation()
|
|
}
|
|
ui.item.oncontextmenu = function(event) {
|
|
pane.Detail && page.carte.Pane.Show(event, shy({}, pane.Detail, function(event, value, meta) {
|
|
pane.Check(event, value, meta, line)
|
|
}))
|
|
}
|
|
|
|
if (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) {
|
|
pane.Plugin(page, pane, ui.item, init, function(event, cmds, cbs) {
|
|
kit._call(cb||pane.Core, [event, line, cmds, cbs])
|
|
})
|
|
})
|
|
})
|
|
}
|
|
return pane[ui.item.id] = ui.item, ui
|
|
}),
|
|
Select: shy("选择列表", function(index) {
|
|
kit.Selector(output, itemkey, function(item, i) {if (item != index && i != index) {return}
|
|
kit.Selector(output, itemkeys, function(item) {kit.classList.del(item, "select")})
|
|
kit.classList.add(item, "select")
|
|
})
|
|
}),
|
|
|
|
Next: function() {
|
|
var next = output.querySelector(itemkeys).nextSibling
|
|
next? next.click(): output.firstChild.click()
|
|
},
|
|
Prev: function() {
|
|
var prev = output.querySelector(itemkeys).previousSibling
|
|
prev? prev.click(): output.lastChild.click()
|
|
},
|
|
|
|
Show: function() {
|
|
kit.ModifyView(field, {display: "block"})
|
|
},
|
|
Hide: function() {
|
|
kit.ModifyView(field, {display: "none"})
|
|
},
|
|
Size: function(width, height) {
|
|
if (width > 0) {
|
|
field.style.width = width+"px"
|
|
field.style.display = "block"
|
|
} else if (width === "") {
|
|
field.style.width = ""
|
|
field.style.display = "block"
|
|
} else {
|
|
field.style.display = "none"
|
|
return
|
|
}
|
|
|
|
if (height > 0) {
|
|
field.style.height = height+"px"
|
|
field.style.display = "block"
|
|
} else if (height === "") {
|
|
field.style.height = ""
|
|
field.style.display = "block"
|
|
} else {
|
|
field.style.display = "none"
|
|
return
|
|
}
|
|
},
|
|
Dialog: function(width, height) {
|
|
if (field.style.display != "block") {
|
|
page.dialog && page.dialog != field && page.dialog.style.display == "block" && page.dialog.Show()
|
|
page.dialog = field, field.style.display = "block", kit.ModifyView(field, {window: [width||80, height||200]})
|
|
return true
|
|
}
|
|
field.style.display = "none"
|
|
delete(page.dialog)
|
|
return false
|
|
},
|
|
|
|
Help: function(type, action) {
|
|
var text = []
|
|
switch (type) {
|
|
case "name":
|
|
case undefined:
|
|
text = [name]
|
|
break
|
|
case "list":
|
|
var list = []
|
|
for (var k in pane) {list.push(k)}
|
|
list.sort(), text = text.concat(list.map(function(item) {return "func: "+item+"\n"}))
|
|
|
|
var list = []
|
|
for (var k in pane.Action) {list.push(k)}
|
|
list.sort(), text = text.concat(list.map(function(item) {return "action: "+item+"\n"}))
|
|
break
|
|
}
|
|
return text
|
|
},
|
|
Jshy: shy("本地命令", function(event, args) {var msg = ctx.Event(event)
|
|
if (kit.isNone(args) || args.length == 0) {
|
|
return kit.classList.has(field, "dialog") && pane.Show() || pane.Zone("show", args[0])
|
|
}
|
|
|
|
// 插件命令
|
|
if (pane[args[0]] && pane[args[0]].type == "fieldset") {
|
|
return pane[args[0]].Plugin.Jshy(event, args.slice(1)) || pane.Zone("plugin", args[0])
|
|
}
|
|
// 控件命令
|
|
if (typeof pane.Action[args[0]] == "function") {
|
|
return kit._call(pane.Action[args[0]], [event, args[0]]) || pane.Zone("action", args[0])
|
|
}
|
|
// 列表命令
|
|
var list = kit.Selector(output, itemkey, function(item) {
|
|
if (item.Meta.key == args[0] || item.Meta.name == args[0]) {return item}
|
|
})
|
|
if (list.length > 0) {list[0].click(); return pane.Zone("select", args[0])}
|
|
|
|
// 内部命令
|
|
if (typeof pane[args[0]] == "function") {
|
|
return kit._call(pane[args[0]], args.slice(1)) || pane.Zone("function", args[0])
|
|
}
|
|
}),
|
|
|
|
Tickers: shy("定时刷新", function(time, cmds, cb) {
|
|
pane.Ticker(time, cmds, function(msg) {msg.Table(function(line, index) {
|
|
cb(line, index, msg)
|
|
})})
|
|
}),
|
|
Ticker: shy("定时刷新", function(time, cmds, cb) {timer && clearTimeout(timer)
|
|
function loop() {
|
|
event = document.createEvent("Event")
|
|
pane.Event(event, {}, {name: pane.Zone("ticker")})
|
|
!pane.Stop() && pane.Run(event, cmds, function(msg) {
|
|
cb(msg), timer = setTimeout(loop, time)
|
|
})}
|
|
time && (timer = setTimeout(loop, 10))
|
|
}),
|
|
Check: shy("执行操作", function (event, value) {
|
|
// Event入口 1.1
|
|
pane.Event(event, {}, {name: pane.Zone("click", value)})
|
|
page.script("record", [name, value])
|
|
|
|
var cb = function() {}
|
|
if (pane.Action && pane.Action.meta && typeof pane.Action.meta[value] == "function") {
|
|
cb = pane.Action.meta[value]
|
|
} else if (pane.Action && typeof pane.Action[value] == "function") {
|
|
cb = pane.Action[value]
|
|
} else if (typeof pane.Action == "function") {
|
|
cb = pane.Action
|
|
} else if (typeof pane[value] == "function") {
|
|
cb = pane[value]
|
|
}
|
|
|
|
if (page.Action && page.Action.meta && typeof page.Action.meta[value] == "function") {
|
|
cb = page.Action.meta[value]
|
|
} else if (page.Action && typeof page.Action[value] == "function") {
|
|
cb = page.Action[value]
|
|
} else if (typeof page.Action == "function") {
|
|
cb = page.Action
|
|
} else if (typeof page[value] == "function") {
|
|
cb = page[value]
|
|
}
|
|
kit._call(cb, arguments)
|
|
}),
|
|
Tutor: function() {var pane = field.Pane
|
|
var event = window.event
|
|
function loop(list, index) {
|
|
if (index >= list.length) {return}
|
|
kit.Log(index, list[index])
|
|
pane.Core(event, {}, ["_cmd", list[index]])
|
|
setTimeout(function() {loop(list, index+1)}, 1000)
|
|
}
|
|
loop([
|
|
"聊天", "help", "最高", "最大", "聊天",
|
|
"工作", "串行", "清空", "并行", "help storm", "help storm list", "help action", "help action list",
|
|
"聊天", "help target", "help target list",
|
|
], 0)
|
|
},
|
|
Core: shy("命令分发", {
|
|
wssid: function(id) {return id && (page.wssid = id)},
|
|
}, function(event, line, args, cbs) {var msg = pane.Event(event), meta = arguments.callee.meta
|
|
if (kit.isNone(args)) {return}
|
|
var plugin = event.Plugin || page.plugin && page.plugin.Plugin || {}, engine = {
|
|
share: function(args) {
|
|
return ctx.Share({"group": option.dataset.group, "names": option.dataset.names, "cmds": [
|
|
line.river, line.storm, line.action, args[1]||"",
|
|
]})
|
|
},
|
|
pwd: function(name, value) {
|
|
name && kit.Selector(page.action, "fieldset.item."+name, function(item) {
|
|
item.Plugin.Select()
|
|
})
|
|
if (value) {return engine.set(value)}
|
|
return [page.river.Pane.which.get(), page.storm.Pane.which.get(), page.plugin && page.plugin.Meta.name, page.input && page.input.name, page.input && page.input.value]
|
|
},
|
|
set: function(value, name) {
|
|
try {
|
|
if (value == undefined) {
|
|
msg.append = ["name", "value"]
|
|
msg.name = [], msg.value = []
|
|
return kit.Selector(page.plugin, ".args", function(item) {
|
|
msg.Push("name", item.name)
|
|
msg.Push("value", item.value)
|
|
return item.name+":"+item.value
|
|
})
|
|
|
|
} else if (name == undefined) {
|
|
kit.Selector(page.plugin, "input[type=button]", function(item) {
|
|
if (item.value == value) {item.click(); return value}
|
|
}).length > 0 || (page.action.Pane.Action[value]?
|
|
page.action.Pane.Action[value](event, value): (page.input.value = value))
|
|
} else {
|
|
page.plugin.Plugin.Inputs[name].value = value
|
|
}
|
|
} catch (e) {
|
|
engine._cmd("_cmd", [value, name])
|
|
}
|
|
},
|
|
dir: function(rid, sid, pid, uid) {
|
|
if (!rid) {
|
|
return kit.Selector(page.river, "div.output>div.item>div.text>span", function(item) {
|
|
return item.innerText
|
|
})
|
|
}
|
|
if (!sid) {
|
|
return kit.Selector(page.storm, "div.output>div.item>div.text>span", function(item) {
|
|
return item.innerText
|
|
})
|
|
}
|
|
if (!pid) {
|
|
return kit.Selector(page.action, "fieldset.item>legend", function(item) {
|
|
msg.Push("name", item.parentNode.Meta.name)
|
|
msg.Push("help", item.parentNode.Meta.help)
|
|
return item.innerText
|
|
})
|
|
}
|
|
if (!uid) {
|
|
return kit.Selector(page.plugin, "input", function(item) {
|
|
msg.Push("name", item.name)
|
|
msg.Push("value", item.value)
|
|
return item.name+":"+item.value
|
|
})
|
|
}
|
|
return [river, storm, page.plugin && page.plugin.Meta.name, page.input && page.input.name]
|
|
},
|
|
echo: function(one, two) {
|
|
kit.Log(one, two)
|
|
},
|
|
helps: function() {
|
|
engine.help("river")
|
|
engine.help("action")
|
|
engine.help("storm")
|
|
},
|
|
help: function() {
|
|
var args = kit.List(arguments), cb, target
|
|
if (args.length > 0 && page.pane && page.pane.Pane[args[0]] && page.pane.Pane[args[0]].Plugin) {
|
|
cb = page.pane.Pane[args[0]].Plugin.Help, target = page.pane.Pane[args[0]], args = args.slice(1)
|
|
} else if (args.length > 1 && page[args[0]] && page[args[0]].Pane[args[1]]) {
|
|
cb = page[args[0]].Pane[args[1]].Plugin.Help, target = page[args[0]].Pane[args[1]], args = args.slice(2)
|
|
} else if (args.length > 0 && page[args[0]]) {
|
|
cb = page[args[0]].Pane.Help, target = page[args[0]], args = args.slice(1)
|
|
} else {
|
|
cb = page.Help, target = document.body, args
|
|
}
|
|
|
|
if (kit.Selector(target, "div.Help", function(help) {
|
|
target.removeChild(help)
|
|
return help
|
|
}).length > 0) {return}
|
|
|
|
var text = kit._call(cb, args)
|
|
var ui = kit.AppendChild(target, [{view: ["Help"], list: [{text: [text.join(""), "div"]}]}])
|
|
setTimeout(function() {target.removeChild(ui.last)}, 30000)
|
|
},
|
|
_split: function(str) {return str.trim().split(" ")},
|
|
_cmd: function(arg) {
|
|
var args = typeof arg[1] == "string"? engine._split(arg[1]): arg[1];
|
|
page.script("record", args)
|
|
|
|
if (typeof meta[args[0]] == "function") {
|
|
return kit._call(meta[args[0]], args.slice(1))
|
|
}
|
|
if (typeof engine[args[0]] == "function") {
|
|
return kit._call(engine[args[0]], args.slice(1))
|
|
}
|
|
|
|
// if (page.output && typeof page.output.Output[args[0]] == "function") {
|
|
// return kit._call(page.output.Output[args[0]], args.slice(1))
|
|
// }
|
|
// if (page.input && typeof page.input.Input[args[0]] == "function") {
|
|
// return kit._call(page.input.Input[args[0]], args.slice(1))
|
|
// }
|
|
if (page.plugin && typeof page.plugin.Plugin[args[0]] == "function") {
|
|
return kit._call(page.plugin.Plugin[args[0]], args.slice(1))
|
|
}
|
|
|
|
if (page.dialog && (res = page.dialog.Pane.Jshy(event, args))) {return res}
|
|
if (page.pane && (res = page.pane.Pane.Jshy(event, args))) {return res}
|
|
if (page.action && (res = page.action.Pane.Jshy(event, args))) {return res}
|
|
if (page.storm && (res = page.storm.Pane.Jshy(event, args))) {return res}
|
|
if (page.river && (res = page.river.Pane.Jshy(event, args))) {return res}
|
|
|
|
if (page && (res = page.Jshy(event, args))) {return res}
|
|
|
|
if (page.plugin && (res = page.plugin.Plugin.Jshy(event, args))) {return res}
|
|
return kit.Log(["warn", "not", "find"].concat(args))
|
|
},
|
|
_msg: function(msg) {
|
|
event.ctrlKey? kit._call(page.target.Pane.Send, msg.Format()):
|
|
event.shiftKey && page.target.Pane.Send("field", plugin.Reveal())
|
|
},
|
|
_run: function(msg) {
|
|
pane.Run(event, [Meta.river, Meta.storm, Meta.action].concat(args), function(msg) {
|
|
kit._call(cbs, [msg]), engine._msg(msg)
|
|
})
|
|
},
|
|
}
|
|
|
|
var Meta = plugin && plugin.target && plugin.target.Meta || {}
|
|
kit.Log(["cmd"].concat(kit.List([Meta.river, Meta.storm, Meta.action])).concat(args[0] == "_cmd"? args[1]: args))
|
|
|
|
page.Status("ncmd", kit.History("cmd", -1, {args: args, meta: Meta}))
|
|
return args.length > 0 && meta[args[0]]? kit._call(cbs, [msg.Echo(meta[args[0]](args))]):
|
|
args.length > 0 && engine[args[0]]? kit._call(cbs, [msg.Echo(engine[args[0]](args))]):
|
|
event.shiftKey? engine._msg(msg): engine._run(msg)
|
|
}),
|
|
Runs: shy("执行命令", function(event, cmds, cb) {
|
|
pane.Run(event, cmds, function(msg) {msg.Table(function(line, index) {
|
|
(cb||pane.ondaemon)(line, index, msg)
|
|
})})
|
|
}),
|
|
Run: shy("执行命令", function(event, cmds, cb) {
|
|
pane.Event(event, null, {name: pane.Zone(cmds[0])})
|
|
ctx.Run(event, option.dataset, cmds, cb||pane.ondaemon)
|
|
}),
|
|
|
|
onchoice: shy("菜单列表", {
|
|
"删除": "_table",
|
|
"修改": "_canvas",
|
|
}, ["删除", "修改"], function(event, value, meta) {
|
|
return pane._call(meta[value], event)
|
|
}),
|
|
onaction: shy("事件列表", {
|
|
oncontextmenu: function(event) {
|
|
page.carte.Pane.Show(event, pane.Choice? shy({}, pane.Choice, function(event, value, meta) {
|
|
pane.Check(event, value)
|
|
}): pane.onchoice)
|
|
},
|
|
}, function(event, key, cb) {cb(event)}),
|
|
which: page.Sync(name), Listen: {}, Action: {}, Button: [], Choice: [],
|
|
Plugin: Plugin,
|
|
})
|
|
|
|
kit.Log("init", "pane", name, pane)
|
|
kit.AppendAction(action, pane.Button, pane.Check)
|
|
kit.Item(pane.Listen, function(key, cb) {page.Sync(key).change(cb)})
|
|
return page[name] = field, field.Pane = pane
|
|
}
|
|
function Plugin(page, pane, field, inits, runs) {
|
|
var option = field.querySelector("form.option")
|
|
var action = field.querySelector("div.action")
|
|
var output = field.querySelector("div.output")
|
|
|
|
var meta = field.Meta
|
|
var name = meta.name, args = meta.args || []
|
|
var inputs = JSON.parse(meta.inputs || "[]")
|
|
var feature = JSON.parse(meta.feature||'{}')
|
|
kit.classList.add(field, meta.group, name, feature.style)
|
|
|
|
var plugin = Meta(pane.Zone(name), field, inits && inits(field, option, output) || {}, {Inputs: {}, Outputs: {},
|
|
Appends: shy("添加控件", function(event, inputs) {
|
|
if (inputs) {return inputs.map(function(item) {plugin.Append(item)})}
|
|
|
|
var name = "args"+kit.Selector(option, "input.args.temp").length
|
|
plugin.Append({type: "text", name: name, className: "args temp"}).focus()
|
|
}),
|
|
Append: shy("添加控件", function(item, name, value) {
|
|
var count = kit.Selector(option, ".args").length
|
|
args && count < args.length && (value = value || args[count] || "")
|
|
|
|
var input = {plug: meta.name, type: "input", name: name || item.name || item.value || "input", data: item}
|
|
switch (item.type) {
|
|
case "upfile": item.type = "file"; break
|
|
case "select":
|
|
input.type = "select", input.list = item.values.map(function(value) {
|
|
return {type: "option", value: value, inner: value}
|
|
})
|
|
item.value = value || item.value || item.values[0]
|
|
kit.classList.add(item, "args")
|
|
break
|
|
case "textarea":
|
|
kit.AppendChild(option, "br")
|
|
input.type = "textarea", item.style = "height:"+(item.height||"50px")+";width:"+(pane.target.clientWidth-35)+"px"
|
|
// no break
|
|
case "text":
|
|
item.value = value || item.value || ""
|
|
kit.classList.add(item, "args")
|
|
item.autocomplete = "off"
|
|
break
|
|
}
|
|
kit.classList.add(item, item.view)
|
|
return Inputs(plugin, input, item, plugin.View(option, "input", input)[input.name], option).target
|
|
}),
|
|
Select: shy("选择控件", function(target, focus) {field.onclick(event)
|
|
page.plugin = field, page.input = target = target || option.querySelectorAll("input")[1]
|
|
plugin.which.set(page.input.name)
|
|
focus && page.input.focus()
|
|
}),
|
|
Remove: shy("删除控件", function() {
|
|
var list = option.querySelectorAll("input.temp")
|
|
list.length > 0 && (option.removeChild(list[list.length-1].parentNode))
|
|
}),
|
|
Rename: shy("命名", function() {
|
|
kit.prompt("控件名称", function(name) {
|
|
meta["help"] = name
|
|
kit.Selector(field, "legend", function(legend) {
|
|
legend.innerHTML = meta.name+"("+meta.help+")"
|
|
})
|
|
})
|
|
}),
|
|
|
|
Delete: shy("删除插件", function() {
|
|
plugin.Prev().Plugin.Select(), field.parentNode.removeChild(field)
|
|
}),
|
|
Reveal: shy("导出插件", function() {
|
|
field.Meta.args = arguments.length > 0? kit.List(arguments):
|
|
kit.Selector(option, ".args", function(item) {return item.value})
|
|
return JSON.stringify(field.Meta)
|
|
}),
|
|
Clone: shy("复制插件", function() {
|
|
return pane.Append("field", {text: plugin.Reveal(), init: meta.init, view: meta.view, group: meta.group}, [], "").item.Plugin.Select(null, true)
|
|
}),
|
|
clear: function() {
|
|
plugin.Save(""), output.innerHTML = ""
|
|
},
|
|
|
|
Move: function() {
|
|
return field.nextSibling || field.parentNode.firstChild
|
|
},
|
|
Next: function() {
|
|
return field.nextSibling || field.parentNode.firstChild
|
|
},
|
|
Prev: function() {
|
|
return field.previousSibling || field.parentNode.lastChild
|
|
},
|
|
|
|
Help: function(type, action) {
|
|
var text = []
|
|
switch (type) {
|
|
case "name":
|
|
case undefined:
|
|
text = [meta.name]
|
|
break
|
|
case "list":
|
|
var list = []
|
|
for (var k in plugin) {list.push(k)}
|
|
list.sort(), text = text.concat(list.map(function(item) {return "func: "+item+"\n"}))
|
|
|
|
var list = []
|
|
for (var k in plugin.ondaemon) {list.push(k)}
|
|
list.sort(), text = text.concat(list.map(function(item) {return "daemon: "+item+"\n"}))
|
|
|
|
var list = []
|
|
for (var k in plugin.onexport) {list.push(k)}
|
|
list.sort(), text = text.concat(list.map(function(item) {return "export: "+item+"\n"}))
|
|
|
|
var list = []
|
|
for (var k in plugin.onaction) {list.push(k)}
|
|
list.sort(), text = text.concat(list.map(function(item) {return "action: "+item+"\n"}))
|
|
break
|
|
}
|
|
return text
|
|
},
|
|
Jshy: function(event, args) {
|
|
plugin.Select(), field.scrollIntoView()
|
|
// 显示命令
|
|
if (plugin.Outputs[args[0]]) {
|
|
return plugin.Outputs[args[0]].Output.Jshy(event, args.slice(1)) || plugin.Zone("output", args[0])
|
|
}
|
|
// 控件命令
|
|
if (plugin.Inputs[args[0]]) {
|
|
return plugin.Inputs[args[0]].Input.Jshy(event, args.slice(1)) || plugin.Zone("input", args[0])
|
|
}
|
|
// 内部命令
|
|
if (typeof plugin[args[0]] == "function") {
|
|
return kit._call(plugin[args[0]], args.slice(1)) || plugin.Zone("function", args[0])
|
|
}
|
|
// 远程命令
|
|
return kit._call(plugin.Runs, [event]) || plugin.Zone("remote", args[0])
|
|
},
|
|
|
|
ontoast: function() {kit._call(page.toast.Pane.Show, arguments)},
|
|
oncarte: function() {kit._call(page.carte.Pane.Show, arguments)},
|
|
|
|
Option: function(key, value) {
|
|
kit.notNone(value) && option[key] && (option[key].value = value)
|
|
return kit.notNone(key)? (option[key]? option[key].value: ""):
|
|
kit.Selector(option, ".args", function(item, index) {return item.value})
|
|
},
|
|
upload: function(event) {
|
|
ctx.Upload({river: meta.river, table: plugin.Option("table")}, option.upload.files[0], function(event, msg) {
|
|
Output(plugin, "table", msg, null, output, option)
|
|
plugin.ontoast("上传成功")
|
|
}, function(event) {
|
|
plugin.ontoast("上传进度 "+parseInt(event.loaded*100/event.total)+"%")
|
|
})
|
|
},
|
|
Delay: shy("延时命令", function(time, event, text) {plugin.ontoast(text, "", -1)
|
|
return setTimeout(function() {plugin.Runs(event)}, time)
|
|
}),
|
|
Check: shy("检查命令", function(event, target, cb) {
|
|
kit.Selector(option, ".args", function(item, index, list) {
|
|
kit.isNone(target)? index == list.length-1 && plugin.Runs(event, cb):
|
|
item == target && (index == list.length-1? plugin.Runs(event, cb): page.plugin == field && list[index+1].focus())
|
|
return item
|
|
}).length == 0 && plugin.Runs(event, cb)
|
|
}),
|
|
Last: shy("历史命令", function(event) {kit.notNone(plugin.History()) && plugin.Check(event)}),
|
|
Runs: shy("执行命令", function(event, cb) {plugin.Run(event, plugin.Option(), cb)}),
|
|
Run: shy("执行命令", function(event, args, cb, silent) {var show = true
|
|
page.script("record", ["action", name].concat(args))
|
|
setTimeout(function() {show && plugin.ontoast(kit.Format(args||["running..."]), meta.name, -1)}, 1000)
|
|
event.Plugin = plugin, runs(event, args, function(msg) {
|
|
silent? kit._call(cb, [msg]): plugin.ondaemon(msg, cb), show = false, plugin.ontoast()
|
|
})
|
|
}),
|
|
|
|
ondaemon: shy("接收数据", function(msg, cb) {
|
|
plugin.msg = msg, plugin.Save(""), plugin.onfigure(plugin.onfigure.meta.type, msg, cb)
|
|
}),
|
|
onfigure: shy("显示数据", {type: feature.display||"table",
|
|
max: function(output) {
|
|
output.style.maxWidth = pane.target.clientWidth-30+"px"
|
|
output.style.maxHeight = pane.target.clientHeight-60+"px"
|
|
},
|
|
size: function(cb) {
|
|
kit._call(cb, [pane.target.clientWidth, pane.target.clientHeight])
|
|
},
|
|
}, function(type, msg, cb) {var meta = arguments.callee.meta
|
|
type != meta.type && plugin.Save(meta.type, output), meta.type = type
|
|
!plugin.Load(type, output) && Output(plugin, type || feature.display, msg || plugin.msg, cb, output, option)
|
|
}),
|
|
onexport: shy("导出数据", {
|
|
"": function(value, name, line) {
|
|
return value
|
|
},
|
|
see: function(value, name, line) {
|
|
return value.split("/")[0]
|
|
},
|
|
you: function(value, name, line) {
|
|
event.Plugin = plugin
|
|
|
|
line.you && name == "status" && (line.status == "start"? function() {
|
|
plugin.Delay(3000, event, line.you+" stop...") && plugin.Run(event, [option.pod.value, line.you, "stop"])
|
|
}(): plugin.Run(event, [option.pod.value, line.you], function(msg) {
|
|
plugin.Delay(3000, event, line.you+" start...")
|
|
}))
|
|
return name == "status" || line.status == "stop" ? undefined: line.you
|
|
},
|
|
pod: function(value, name, line, list) {
|
|
return (option[list[0]].value? option[list[0]].value+".": "")+line.pod
|
|
},
|
|
dir: function(value, name, line) {
|
|
name != "path" && (value = line.path)
|
|
return value
|
|
},
|
|
tip: function(value, name, line) {
|
|
return option.tip.value + value
|
|
},
|
|
}, JSON.parse(meta.exports||'["",""]'), function(event, value, name, line) {
|
|
var meta = arguments.callee.meta
|
|
var list = arguments.callee.list
|
|
|
|
for (var i = 0; i < list.length; i += 3) {if (list[i+1] == name || list[i+2]) {
|
|
for (var i = 0; i < list.length; i += 3) {
|
|
page.Sync("plugin_"+list[i]).set(meta[list[i+2]||""](list[i+1]? line[list[i+1]]: value, list[i+1]||name, line, list))
|
|
}
|
|
break
|
|
}}
|
|
}),
|
|
onchoice: shy("菜单列表", {
|
|
"返回": "Last",
|
|
"清空": "clear",
|
|
"克隆": "Clone",
|
|
"重命名": "Rename",
|
|
"删除": "Delete",
|
|
}, ["返回", "清空", "重命名", "克隆", "删除"], function(event, value, meta) {
|
|
return plugin._call(meta[value], event)
|
|
}),
|
|
onaction: shy("事件列表", {
|
|
oncontextmenu: function(event) {
|
|
plugin.oncarte(event, plugin.onchoice)
|
|
},
|
|
}, function(event, key, cb) {cb(event)}),
|
|
})
|
|
|
|
kit.Log("init", "plugin", name, plugin)
|
|
plugin.which = plugin.Sync("input")
|
|
page[field.id] = pane[field.id] = pane[name] = field, field.Plugin = plugin
|
|
plugin.Appends(null, inputs)
|
|
return plugin
|
|
}
|
|
function Inputs(plugin, meta, item, target, option) {
|
|
var plug = meta.plug, name = meta.name, type = item.type
|
|
var input = Meta(plugin.Zone(name), target, item, {
|
|
getLocation: function(event) {
|
|
var x = parseFloat(option.x.value)
|
|
var y = parseFloat(option.y.value)
|
|
page.getLocation && page.getLocation(function(res) {
|
|
plugin.ondaemon({
|
|
append: ["longitude", "latitude", "accuracy", "speed"],
|
|
longitude: [res.longitude+x+""],
|
|
latitude: [res.latitude+y+""],
|
|
accuracy: [res.accuracy+""],
|
|
speed: [res.speed+""],
|
|
})
|
|
})
|
|
},
|
|
openLocation: function(event) {
|
|
var x = parseFloat(option.x.value)
|
|
var y = parseFloat(option.y.value)
|
|
page.getLocation && page.getLocation(function(res) {
|
|
page.openLocation && page.openLocation(res.latitude+y, res.longitude+x, option.pos.value)
|
|
})
|
|
},
|
|
clear: function() {
|
|
target.value = ""
|
|
},
|
|
|
|
Jshy: function(event, args) {
|
|
// 内部命令
|
|
if (typeof plugin[args[0]] == "function") {
|
|
return kit._call(plugin[args[0]], args.slice(1)) || plugin.Zone("function", args[0])
|
|
}
|
|
// 内部命令
|
|
return (target.value = args[0]) || plugin.Zone("value", args[0])
|
|
},
|
|
|
|
onformat: shy("数据转换", {
|
|
none: function(value) {return value||""},
|
|
date: function(value) {return kit.time()},
|
|
month: function(value) {return kit.time().slice(0, 7)},
|
|
}, function(which, value) {var meta = arguments.callee.meta
|
|
return (meta[which||"none"]||meta["none"])(value)
|
|
}),
|
|
onimport: shy("导入数据", {}, [item.imports], function() {
|
|
kit.List(arguments.callee.list, function(imports) {
|
|
page.Sync(imports).change(function(value) {
|
|
plugin.History(target.value, target), target.value = value.trim()
|
|
input.Event(event = document.createEvent("Event"))
|
|
item.action == "auto" && plugin.Runs(event)
|
|
})
|
|
}), item.type == "button" && item.action == "auto" && target.click()
|
|
}),
|
|
onchoice: shy("菜单列表", {
|
|
"返回": "Last",
|
|
"清空": "clear",
|
|
"加参": "Appends",
|
|
"减参": "Remove",
|
|
}, ["返回", "清空", "加参", "减参"], function(event, value, meta) {
|
|
return input._call(meta[value], event)
|
|
}),
|
|
onaction: shy("事件列表", {
|
|
oncontextmenu: function(event) {
|
|
item.type != "button" && plugin.oncarte(event, input.onchoice)
|
|
},
|
|
onfocus: function(event) {plugin.Select(target)},
|
|
onblur: function(event) {type == "text" && input.which.set(target.value)},
|
|
onclick: function(event) {plugin.Select()
|
|
// Event入口 2.0
|
|
type == "button" && input.Event(event, {}) && kit.Value(input[item.cb], plugin[item.cb], function(event, target) {
|
|
plugin.Check(event)
|
|
})(event, target)
|
|
},
|
|
onchange: function(event) {
|
|
// Event入口 2.1
|
|
type == "select" && input.Event(event, {}) && plugin.History(target.value, target) && plugin.Check(event, item.action == "auto"? undefined: target)
|
|
},
|
|
ondblclick: function(event) {
|
|
var txt = kit.History("txt", -1);
|
|
(type == "text" || type == "textarea") && txt && (target.value = txt.data.trim())
|
|
},
|
|
onselect: function(event) {
|
|
kit.CopyText()
|
|
},
|
|
onkeydown: function(event) {
|
|
switch (event.key) {
|
|
case " ":
|
|
event.stopPropagation()
|
|
return true
|
|
}
|
|
|
|
page.oninput(event, function(event) {
|
|
switch (event.key) {
|
|
case " ":
|
|
case "w":
|
|
break
|
|
case "p":
|
|
action.Last()
|
|
break
|
|
case "i":
|
|
plugin.Next().Plugin.Select()
|
|
break
|
|
case "o":
|
|
plugin.Prev().Plugin.Select()
|
|
break
|
|
case "c":
|
|
plugin.clear()
|
|
break
|
|
case "r":
|
|
plugin.clear()
|
|
case "j":
|
|
plugin.Runs(event)
|
|
break
|
|
case "l":
|
|
target.scrollTo(0, plugin.target.offsetTop)
|
|
break
|
|
case "b":
|
|
plugin.Appends(event)
|
|
break
|
|
case "m":
|
|
plugin.Clone()
|
|
break
|
|
default:
|
|
return false
|
|
}
|
|
return true
|
|
})
|
|
|
|
// Event入口 2.1
|
|
if (event.key == "Enter" && (event.ctrlKey || item.type == "text")) {
|
|
input.which.set(target.value) != undefined && plugin.History(target.value, target)
|
|
input.Event(event, {}) && event.ctrlKey? plugin.Runs(event): plugin.Check(event, target)
|
|
}
|
|
},
|
|
onkeyup: function(event) {
|
|
switch (event.key) {
|
|
case " ":
|
|
event.stopPropagation()
|
|
return true
|
|
}
|
|
|
|
page.oninput(event, function(event) {
|
|
switch (event.key) {
|
|
case " ":
|
|
case "w":
|
|
break
|
|
default:
|
|
return false
|
|
}
|
|
return true
|
|
})
|
|
},
|
|
}, function(event, key, cb) {cb(event)}),
|
|
which: plugin.Sync(name),
|
|
}, plugin)
|
|
|
|
kit.Log("init", "input", input.Zones(), input)
|
|
|
|
input.onimport()
|
|
target.value = input.onformat(item.init, item.value)
|
|
type == "text" && !target.placeholder && (target.placeholder = item.name)
|
|
type == "text" && !target.title && (target.title = item.placeholder || item.name || "")
|
|
return plugin.Inputs[item.name] = target, target.Input = input
|
|
}
|
|
function Output(plugin, type, msg, cb, target, option) {
|
|
var name = plugin.target.Meta.name+"."+type
|
|
var feature = JSON.parse(plugin.target.Meta.feature||'{}')
|
|
var exports = JSON.parse(plugin.target.Meta.exports||'{}')
|
|
|
|
var output = Meta(plugin.Zone(type), target, {
|
|
Format: function() {
|
|
var ext = ".csv", txt = kit.Selector(target, "tr", function(tr) {
|
|
return kit.Selector(tr, "td,th", function(td) {
|
|
return td.innerText
|
|
}).join(",")
|
|
}).join("\n");
|
|
type == "editor" && msg.file && (ext = ".txt", txt = msg.result.join("\n"));
|
|
!txt && (ext = ".txt", txt = msg.result.join(""))
|
|
return [name, ext, txt]
|
|
},
|
|
Download: function() {
|
|
var ps = output.Format()
|
|
|
|
plugin.ontoast({text:'<a href="'+URL.createObjectURL(new Blob([ps[2]]))+'" target="_blank" download="'+ps[0]+ps[1]+'">'+ps[0]+ps[1]+'</a>', title: "下载中...", width: 200})
|
|
kit.Selector(page.toast, "a", function(item) {item.click()})
|
|
},
|
|
Copy: function(event) {
|
|
kit.CopyText(output.Format()[2])
|
|
},
|
|
|
|
Jshy: function(event, args) {
|
|
// 内部命令
|
|
if (typeof plugin[args[0]] == "function") {
|
|
return kit._call(plugin[args[0]], args.slice(1)) || plugin.Zone("function", args[0])
|
|
}
|
|
// 内部命令
|
|
return (target.value = args[0]) || plugin.Zone("value", args[0])
|
|
},
|
|
|
|
onimport: shy("导入数据", {
|
|
_table: function(msg, list) {
|
|
return list && list.length > 0 && kit.OrderTable(kit.AppendTable(kit.AppendChild(target, "table"), msg.Table(), list), "", output.onexport, function(event, value, name, line, index) {
|
|
var td = event.target
|
|
plugin.oncarte(event, shy("菜单列表", {
|
|
"修改": "modify",
|
|
"删除": "delete",
|
|
"下载": "Download",
|
|
"复制": function(event, text) {kit.CopyText(text), plugin.ontoast(text, "Copy to ClipBoard!")},
|
|
}, feature.detail||["复制", "下载"], function(event, item, meta) {
|
|
var text = td.innerText.trim()
|
|
if (typeof meta[item] == "function") {meta[item](event, text); return}
|
|
|
|
item == "修改"? (text = kit.AppendChilds(td, [{type: "input", value: text, data: {onkeydown: function(event) {
|
|
if (event.key == "Enter") {
|
|
var id = ""
|
|
for (var i = 0; i < exports.length-1; i += 3) {
|
|
id = (id || line[exports[i+1]] || "").trim()
|
|
}
|
|
plugin.Run(event, [id, meta[item], name, event.target.value], function(msg) {
|
|
td.innerHTML = event.target.value
|
|
plugin.ontoast("修改成功")
|
|
}, true)
|
|
return
|
|
}
|
|
}}}]).input, text.focus(), text.setSelectionRange(0, -1)): output[meta[item]]? output[meta[item]](event): plugin.Run(event, [(line[exports[1]]||"").trim(), meta[item]||item], function(msg) {
|
|
console.log(msg)
|
|
})
|
|
|
|
return true
|
|
}),
|
|
)
|
|
})
|
|
},
|
|
_code: function(msg) {
|
|
return msg.result && msg.result.length > 0 && kit.OrderCode(kit.AppendChild(target, [{view: ["code", "div", msg.Results()]}]).first)
|
|
},
|
|
code: function(msg, cb) {
|
|
target.innerHTML = "", output.onimport.meta._code(msg)
|
|
typeof cb == "function" && cb(msg)
|
|
},
|
|
table: function(msg, cb) {
|
|
target.innerHTML = ""
|
|
output.onimport.meta._table(msg, msg.append) || output.onimport.meta._code(msg)
|
|
typeof cb == "function" && cb(msg)
|
|
},
|
|
inner: function(msg, cb) {
|
|
target.innerHTML = "", plugin.onfigure.meta.max(target)
|
|
output.onimport.meta._table(msg, msg.append) || kit.OrderCode(kit.ModifyNode(target, msg.result.join("")))
|
|
kit._call(cb, [msg])
|
|
},
|
|
_svg: function(target, width, height, src) {
|
|
target.innerHTML = '<embed src="'+src+'" width="'+width+'" height="'+height+'" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />'
|
|
},
|
|
svg: function(msg, cb) {
|
|
plugin.onfigure.meta.size(function(width, height) {
|
|
output.onimport.meta._svg(output.target, width, height*1.6, msg.result.join(""))
|
|
})
|
|
},
|
|
editor: function(msg, cb) {
|
|
output.onimport.meta.table(msg, cb)
|
|
|
|
var current = page.Sync("plugin_editor_index").get()
|
|
target.style.maxHeight = ""
|
|
if (msg.file) {
|
|
target.style.maxHeight = "500px"
|
|
var code = kit.AppendChild(target, [{view: ["code", "table"], list: kit.List(msg.result, function(line, index) {
|
|
return {view: ["line"+ (current == index+1? " select": ""), "tr"],
|
|
list: [{view: ["number", "td", index+1]}, {view: ["code", "td", kit.Origin(kit.Color(line))], style: {"white-space": "pre"}}], click: function(event) {
|
|
page.Sync("plugin_editor_file").set(msg.file[0])
|
|
page.Sync("plugin_editor_index").set(index+1)
|
|
page.Sync("plugin_editor_line").set(line)
|
|
page.Sync("plugin_editor_word").set(kit.CopyText())
|
|
}}
|
|
})}])
|
|
kit.Selector(target, "tr.line.select", function(tr) {
|
|
tr.scrollIntoView()
|
|
})
|
|
}
|
|
},
|
|
canvas: function(msg, cb) {
|
|
target.innerHTML = "", plugin.onfigure.meta.size(function(width, height) {
|
|
Canvas(plugin, option, target, width-45, height-175, 10, msg)
|
|
})
|
|
},
|
|
}, function(type, msg, cb) {var meta = arguments.callee.meta
|
|
page.output = target
|
|
meta[type](msg, cb)
|
|
}),
|
|
ondetail: shy("菜单列表", {
|
|
"删除": "_table",
|
|
"修改": "_canvas",
|
|
}, ["删除", "修改"], function(event, value, meta) {
|
|
kit._call(output, output[meta[value]], [event])
|
|
return true
|
|
}),
|
|
onchoice: shy("菜单列表", {
|
|
"返回": "Last",
|
|
"清空": "clear",
|
|
"复制": "Copy",
|
|
"下载": "Download",
|
|
"绘图": function() {plugin.onfigure("canvas")},
|
|
"表格": function() {plugin.onfigure("table")},
|
|
}, ["返回", "清空", "复制", "下载", "绘图", "表格"], function(event, value, meta) {
|
|
return output._call(meta[value], event)
|
|
}),
|
|
onaction: shy("事件列表", {
|
|
oncontextmenu: function(event) {
|
|
plugin.oncarte(event, output.onchoice)
|
|
},
|
|
}, function(event, key, cb) {cb(event)}),
|
|
}, plugin)
|
|
kit.Log("init", "output", output.Zones(), output)
|
|
output.onimport(type, msg, cb)
|
|
return plugin.Outputs[type] = target, target.Output = output
|
|
}
|