forked from x/ContextOS
add macro
This commit is contained in:
parent
4b6f98256d
commit
60b3c67526
@ -51,6 +51,17 @@ fun salary "工资单" "" "" \
|
||||
append "结余" $rest
|
||||
end
|
||||
|
||||
fun macro "脚本宏" "" "macro.js" \
|
||||
public \
|
||||
text "" name mac imports plugin_mac action auto \
|
||||
button "查看" \
|
||||
button "全部" click "all" \
|
||||
button "录制" click "Record" \
|
||||
button "运行" click "Replay" \
|
||||
exports mac name
|
||||
|
||||
end
|
||||
|
||||
fun hello world "" "" \
|
||||
public \
|
||||
text "" \
|
||||
|
35
src/plugin/favor/macro.js
Normal file
35
src/plugin/favor/macro.js
Normal file
@ -0,0 +1,35 @@
|
||||
{init: function(run, field, option, output) {
|
||||
return {
|
||||
Record: function() {
|
||||
if (confirm("run script "+option.mac.value)) {
|
||||
page.script("record", option.mac.value)
|
||||
}
|
||||
},
|
||||
Replay: function() {
|
||||
if (confirm("run script "+option.mac.value)) {
|
||||
page.script("replay", option.mac.value)
|
||||
}
|
||||
},
|
||||
all: function() {var plugin = field.Plugin
|
||||
option.mac.value = "", plugin.Runs(window.event, function() {
|
||||
page.Sync("plugin_"+plugin.exports[0]).set(plugin.onexport[plugin.exports[2]||""]("", "name", {name: ""}))
|
||||
})
|
||||
},
|
||||
Run: function(event, args, cb) {var plugin = field.Plugin
|
||||
var script = page.script()
|
||||
if (args[0] && !script[args[0]]) {
|
||||
return confirm("create script "+args[0]) && page.script("create", args[0])
|
||||
}
|
||||
|
||||
plugin.msg = args[0]? ({append: ["index", "script"],
|
||||
index: kit.List(script[args[0]], function(item, index) {return index+""}),
|
||||
script: kit.List(script[args[0]], function(item) {return item.join(" ")}),
|
||||
|
||||
}): ({append: ["name", "count"],
|
||||
name: kit.Item(script),
|
||||
count: kit.Item(script, function(key, list) {return list.length+""}),
|
||||
|
||||
}), plugin.display("table", cb)
|
||||
},
|
||||
}
|
||||
}}
|
@ -30,6 +30,9 @@ fieldset.Target>div.output>div.item>div.user {
|
||||
float:left;
|
||||
padding:6px;
|
||||
}
|
||||
fieldset.Source {
|
||||
overflow:hidden;
|
||||
}
|
||||
fieldset.Source div.output {
|
||||
padding:0;
|
||||
}
|
||||
|
@ -1,4 +1,4 @@
|
||||
Page({
|
||||
var page = Page({
|
||||
check: true,
|
||||
conf: {refresh: 1000, border: 4, layout: {header:30, river:120, action:180, source:60, storm:100, footer:30}},
|
||||
onlayout: function(event, sizes) {
|
||||
@ -100,7 +100,7 @@ Page({
|
||||
|
||||
initOcean: function(page, field, option, output) {
|
||||
var table = kit.AppendChild(output, "table")
|
||||
var ui = kit.AppendChild(field, [{view: ["create ocean"], list: [
|
||||
var ui = kit.AppendChild(field, [{view: ["create"], list: [
|
||||
{input: ["name", function(event) {
|
||||
page.oninput(event, function(event) {
|
||||
switch (event.key) {
|
||||
@ -279,19 +279,36 @@ Page({
|
||||
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)
|
||||
if (args.length > 1 && page[args[0]] && page[args[0]].Pane[args[1]]) {
|
||||
return kit._call(page[args[0]].Pane[args[1]].Plugin.Help, args.slice(2))
|
||||
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 (args.length > 0 && page[args[0]]) {
|
||||
return kit._call(page[args[0]].Pane.Help, args.slice(1))
|
||||
}
|
||||
return kit._call(page.Help, 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 = engine._split(arg[1]);
|
||||
var args = typeof arg[1] == "string"? engine._split(arg[1]): arg[1];
|
||||
page.script("record", args)
|
||||
if (typeof engine[args[0]] == "function") {
|
||||
return kit._call(engine[args[0]], args.slice(1))
|
||||
}
|
||||
@ -399,7 +416,7 @@ Page({
|
||||
page.plugin && page.plugin.Plugin.Clone().Select()
|
||||
},
|
||||
"删除": function(event, value) {
|
||||
page.input && page.plugin.Plugin.Delete()
|
||||
page.plugin && page.plugin.Plugin.Delete()
|
||||
},
|
||||
"加参": function(event, value) {
|
||||
page.plugin && page.plugin.Plugin.Append({className: "args temp"})
|
||||
@ -457,7 +474,7 @@ Page({
|
||||
var river = ""
|
||||
var table = kit.AppendChild(output, "table")
|
||||
var device = kit.AppendChild(field, [{"view": ["device", "table"]}]).last
|
||||
var ui = kit.AppendChild(field, [{view: ["create steam"], list: [
|
||||
var ui = kit.AppendChild(field, [{view: ["create"], list: [
|
||||
{input: ["name", function(event) {
|
||||
page.oninput(event, function(event) {
|
||||
switch (event.key) {
|
||||
|
@ -221,10 +221,6 @@ fieldset.Footer>div.output div.state div {
|
||||
float:right;
|
||||
}
|
||||
|
||||
fieldset.Source {
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
fieldset.item {
|
||||
float:left;
|
||||
}
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -546,7 +546,16 @@ kit = toolkit = {
|
||||
return JSON.stringify(objs)
|
||||
wa
|
||||
},
|
||||
List: function(obj, cb) {
|
||||
List: function(obj, cb, interval, cbs) {
|
||||
if (interval) {
|
||||
function loop(i) {
|
||||
if (i >= obj.length) {typeof cbs == "function" && cbs(); return}
|
||||
typeof cb == "function" && cb(obj[i], i)
|
||||
setTimeout(function() {loop(i+1)}, interval)
|
||||
}
|
||||
obj.length > 0 && setTimeout(function() {loop(0)}, interval)
|
||||
return obj
|
||||
}
|
||||
var list = []
|
||||
for (var i = 0; i < obj.length; i++) {
|
||||
list.push(typeof cb == "function"? cb(obj[i], i): obj[i])
|
||||
@ -554,9 +563,11 @@ kit = toolkit = {
|
||||
return list
|
||||
},
|
||||
Item: function(obj, cb) {
|
||||
var list = []
|
||||
for (var k in obj) {
|
||||
cb(k, obj[k])
|
||||
list.push(typeof cb == "function"? cb(k, obj[k]): k)
|
||||
}
|
||||
return list
|
||||
},
|
||||
alert: function(text) {
|
||||
alert(JSON.stringify(text))
|
||||
@ -639,17 +650,18 @@ kit = toolkit = {
|
||||
obj.style.height = height+"px"
|
||||
},
|
||||
_call: function(cb, arg) {
|
||||
var res
|
||||
switch (arg.length) {
|
||||
case 0: cb(); break
|
||||
case 1: cb(arg[0]); break
|
||||
case 2: cb(arg[0], arg[1]); break
|
||||
case 3: cb(arg[0], arg[1], arg[2]); break
|
||||
case 4: cb(arg[0], arg[1], arg[2], arg[3]); break
|
||||
case 5: cb(arg[0], arg[1], arg[2], arg[3], arg[4]); break
|
||||
case 6: cb(arg[0], arg[1], arg[2], arg[3], arg[4], arg[5]); break
|
||||
case 7: cb(arg[0], arg[1], arg[2], arg[3], arg[4], arg[5], arg[6]); break
|
||||
case 0: res = cb(); break
|
||||
case 1: res = cb(arg[0]); break
|
||||
case 2: res = cb(arg[0], arg[1]); break
|
||||
case 3: res = cb(arg[0], arg[1], arg[2]); break
|
||||
case 4: res = cb(arg[0], arg[1], arg[2], arg[3]); break
|
||||
case 5: res = cb(arg[0], arg[1], arg[2], arg[3], arg[4]); break
|
||||
case 6: res = cb(arg[0], arg[1], arg[2], arg[3], arg[4], arg[5]); break
|
||||
case 7: res = cb(arg[0], arg[1], arg[2], arg[3], arg[4], arg[5], arg[6]); break
|
||||
}
|
||||
return true
|
||||
return res || true
|
||||
},
|
||||
|
||||
OrderForm: function(page, field, option, append, result) {
|
||||
@ -720,3 +732,758 @@ kit = toolkit = {
|
||||
},
|
||||
}
|
||||
|
||||
function Editor(plugin, option, output, width, height, space, msg) {
|
||||
exports = ["dir", "path", "dir"]
|
||||
msg.append && kit.OrderTable(kit.AppendTable(kit.AppendChild(output, "table"), ctx.Table(msg), msg.append), exports[1], function(event, value, name, line) {
|
||||
page.Sync("plugin_"+exports[0]).set(plugin.onexport[exports[2]||""](value, name, line))
|
||||
});
|
||||
|
||||
var args = [option.pod.value, option.dir.value]
|
||||
|
||||
if (msg.file) {
|
||||
var action = kit.AppendAction(kit.AppendChild(output, [{view: ["action"]}]).last, [
|
||||
"追加", "提交", "取消",
|
||||
], function(value, event) {
|
||||
switch (value) {
|
||||
case "追加":
|
||||
field.Run(event, args.concat(["dir_sed", "add"]))
|
||||
break
|
||||
case "提交":
|
||||
field.Run(event, args.concat(["dir_sed", "put"]))
|
||||
break
|
||||
case "取消":
|
||||
break
|
||||
}
|
||||
})
|
||||
|
||||
kit.AppendChild(output, [{view: ["edit", "table"], list: (msg.result||[]).map(function(value, index) {
|
||||
return {view: ["line", "tr"], list: [{view: ["num", "td", index+1]}, {view: ["txt", "td"], list: [{value: value, style: {width: width+"px"}, input: [value, function(event) {
|
||||
if (event.key == "Enter") {
|
||||
field.Run(event, args.concat(["dir_sed", "set", index, event.target.value]))
|
||||
}
|
||||
}]}]}]}
|
||||
})}])
|
||||
}
|
||||
}
|
||||
function Canvas(plugin, option, output, width, height, space, msg) {
|
||||
var keys = [], data = {}, max = {}, nline = 0
|
||||
var nrow = msg[msg.append[0]].length
|
||||
var step = width / (nrow - 1)
|
||||
msg.append.forEach(function(key, index) {
|
||||
var list = []
|
||||
msg[key].forEach(function(value, index) {
|
||||
var v = parseInt(value)
|
||||
!isNaN(v) && (list.push((value.indexOf("-") == -1)? v: value), v > (max[key]||0) && (max[key] = v))
|
||||
})
|
||||
list.length == nrow && (keys.push(key), data[key] = list, nline++)
|
||||
})
|
||||
|
||||
var conf = {
|
||||
font: "monospace", text: "hi", tool: "stroke", style: "black",
|
||||
type: "trend", shape: "drawText", means: "drawPoint",
|
||||
limits: {scale: 3, drawPoint: 1, drawPoly: 3},
|
||||
|
||||
axies: {style: "black", width: 2},
|
||||
xlabel: {style: "red", width: 2, height: 5},
|
||||
plabel: {style: "red", font: "16px monospace", offset: 10, height: 20, length: 20},
|
||||
data: {style: "black", width: 1},
|
||||
|
||||
mpoint: 10,
|
||||
play: 500,
|
||||
}
|
||||
|
||||
var view = [], ps = [], point = [], now = {}, index = 0
|
||||
var trap = false, label = false
|
||||
|
||||
var what = {
|
||||
reset: function(x, y) {
|
||||
canvas.resetTransform()
|
||||
canvas.setTransform(1, 0, 0, -1, space+(x||0), height+space-(y||0))
|
||||
canvas.strokeStyle = conf.data.style
|
||||
canvas.fillStyle = conf.data.style
|
||||
return what
|
||||
},
|
||||
clear: function() {
|
||||
var p0 = what.transform({x:-width, y:-height})
|
||||
var p1 = what.transform({x:2*width, y:2*height})
|
||||
canvas.clearRect(p0.x, p0.y, p1.x-p0.x, p1.y-p0.y)
|
||||
return what
|
||||
},
|
||||
|
||||
move: function(meta) {
|
||||
var p0 = meta.ps[0] || {x:0, y:0}
|
||||
var p1 = meta.ps[1] || now
|
||||
canvas.save(), what.clear().drawLine(meta)
|
||||
canvas.translate(p1.x-p0.x, p1.y-p0.y)
|
||||
what.drawData().drawView()
|
||||
meta.ps.length < 2 && canvas.restore()
|
||||
},
|
||||
scale: function(meta) {
|
||||
var ps = meta.ps
|
||||
var p0 = ps[0] || {x:0, y:0}
|
||||
var p1 = ps[1] || now
|
||||
var p2 = ps[2] || now
|
||||
|
||||
if (ps.length > 1) {
|
||||
canvas.save(), what.clear()
|
||||
what.drawLine({ps: [p0, {x: p1.x, y: p0.y}]})
|
||||
what.drawLine({ps: [{x: p1.x, y: p0.y}, p1]})
|
||||
what.drawLine({ps: [p0, {x: p2.x, y: p0.y}]})
|
||||
what.drawLine({ps: [{x: p2.x, y: p0.y}, p2]})
|
||||
canvas.scale((p2.x-p0.x)/(p1.x-p0.x), (p2.y-p0.y)/(p1.y-p0.y))
|
||||
what.drawData().drawView()
|
||||
meta.ps.length < 3 && canvas.restore()
|
||||
}
|
||||
},
|
||||
rotate: function(meta) {
|
||||
var p0 = meta.ps[0] || {x:0, y:0}
|
||||
var p1 = meta.ps[1] || now
|
||||
canvas.save(), what.clear().drawLine(meta)
|
||||
canvas.rotate(Math.atan2(p1.y-p0.y, p1.x-p0.x))
|
||||
what.drawData().drawView()
|
||||
meta.ps.length < 2 && canvas.restore()
|
||||
},
|
||||
|
||||
draw: function(meta) {
|
||||
function trans(value) {
|
||||
if (value == "random") {
|
||||
return ["black", "red", "green", "yellow", "blue", "purple", "cyan", "white"][parseInt(Math.random()*8)]
|
||||
}
|
||||
return value
|
||||
}
|
||||
canvas.strokeStyle = trans(meta.style || conf.style)
|
||||
canvas.fillStyle = trans(meta.style || conf.style)
|
||||
canvas[meta.tool||conf.tool]()
|
||||
return meta
|
||||
},
|
||||
drawText: function(meta) {
|
||||
var p0 = meta.ps[0] || {x:0, y:0}
|
||||
var p1 = meta.ps[1] || now
|
||||
var t = meta.text||status.cmd.value||conf.text
|
||||
|
||||
canvas.save()
|
||||
canvas.translate(p0.x, p0.y)
|
||||
canvas.scale(1, -1)
|
||||
canvas.rotate(-Math.atan2(p1.y-p0.y, p1.x-p0.x))
|
||||
what.draw(meta)
|
||||
canvas.font=kit.distance(p0.x, p0.y, p1.x, p1.y)/t.length*2+"px "+conf.font
|
||||
canvas[(meta.tool||conf.tool)+"Text"](t, 0, 0)
|
||||
canvas.restore()
|
||||
return meta
|
||||
},
|
||||
drawPoint: function(meta) {
|
||||
meta.ps.concat(now).forEach(function(p) {
|
||||
canvas.save()
|
||||
canvas.translate(p.x, p.y)
|
||||
canvas.beginPath()
|
||||
canvas.moveTo(-conf.mpoint, 0)
|
||||
canvas.lineTo(conf.mpoint, 0)
|
||||
canvas.moveTo(0, -conf.mpoint)
|
||||
canvas.lineTo(0, conf.mpoint)
|
||||
what.draw(meta)
|
||||
canvas.restore()
|
||||
})
|
||||
return meta
|
||||
},
|
||||
drawLine: function(meta) {
|
||||
var p0 = meta.ps[0] || {x:0, y:0}
|
||||
var p1 = meta.ps[1] || now
|
||||
canvas.save()
|
||||
canvas.beginPath()
|
||||
canvas.moveTo(p0.x, p0.y)
|
||||
canvas.lineTo(p1.x, p1.y)
|
||||
what.draw(meta)
|
||||
canvas.restore()
|
||||
return meta
|
||||
},
|
||||
drawPoly: function(meta) {
|
||||
var ps = meta.ps
|
||||
canvas.save()
|
||||
canvas.beginPath()
|
||||
canvas.moveTo(ps[0].x, ps[0].y)
|
||||
for (var i = 1; i < ps.length; i++) {
|
||||
canvas.lineTo(ps[i].x, ps[i].y)
|
||||
}
|
||||
ps.length < conf.limits.drawPoly && canvas.lineTo(now.x, now.y)
|
||||
what.draw(meta)
|
||||
canvas.restore()
|
||||
return meta
|
||||
},
|
||||
drawRect: function(meta) {
|
||||
var p0 = meta.ps[0] || {x:0, y:0}
|
||||
var p1 = meta.ps[1] || now
|
||||
canvas.save()
|
||||
what.draw(meta)
|
||||
canvas[(meta.tool||conf.tool)+"Rect"](p0.x, p0.y, p1.x-p0.x, p1.y-p0.y)
|
||||
canvas.restore()
|
||||
return meta
|
||||
},
|
||||
drawCircle: function(meta) {
|
||||
var p0 = meta.ps[0] || {x:0, y:0}
|
||||
var p1 = meta.ps[1] || now
|
||||
canvas.save()
|
||||
canvas.beginPath()
|
||||
canvas.arc(p0.x, p0.y, kit.distance(p0.x, p0.y, p1.x, p1.y), 0, Math.PI*2, true)
|
||||
what.draw(meta)
|
||||
canvas.restore()
|
||||
return meta
|
||||
},
|
||||
drawEllipse: function(meta) {
|
||||
var p0 = meta.ps[0] || {x:0, y:0}
|
||||
var p1 = meta.ps[1] || now
|
||||
var r0 = Math.abs(p1.x-p0.x)
|
||||
var r1 = Math.abs(p1.y-p0.y)
|
||||
|
||||
canvas.save()
|
||||
canvas.beginPath()
|
||||
canvas.translate(p0.x, p0.y)
|
||||
r1 > r0? (canvas.scale(r0/r1, 1), r0 = r1): canvas.scale(1, r1/r0)
|
||||
canvas.arc(0, 0, r0, 0, Math.PI*2, true)
|
||||
what.draw(meta)
|
||||
canvas.restore()
|
||||
return meta
|
||||
},
|
||||
|
||||
drawAxies: function() {
|
||||
canvas.beginPath()
|
||||
canvas.moveTo(-space, 0)
|
||||
canvas.lineTo(width+space, 0)
|
||||
canvas.moveTo(0, -space)
|
||||
canvas.lineTo(0, height+space)
|
||||
canvas.strokeStyle = conf.axies.style
|
||||
canvas.lineWidth = conf.axies.width
|
||||
canvas.stroke()
|
||||
return what
|
||||
},
|
||||
drawXLabel: function(step) {
|
||||
canvas.beginPath()
|
||||
for (var pos = step; pos < width; pos += step) {
|
||||
canvas.moveTo(pos, 0)
|
||||
canvas.lineTo(pos, -conf.xlabel.height)
|
||||
}
|
||||
canvas.strokeStyle = conf.xlabel.style
|
||||
canvas.lineWidth = conf.xlabel.width
|
||||
canvas.stroke()
|
||||
return what
|
||||
},
|
||||
|
||||
figure: {
|
||||
trend: {
|
||||
draw: function() {
|
||||
what.drawAxies().drawXLabel(step)
|
||||
canvas.beginPath()
|
||||
for (var key in data) {
|
||||
data[key].forEach(function(value, i) {
|
||||
i == 0? canvas.moveTo(0, value/max[key]*height): canvas.lineTo(step*i, value/max[key]*height)
|
||||
i == index && (canvas.moveTo(step*i, 0), canvas.lineTo(step*i, value/max[key]*height))
|
||||
})
|
||||
}
|
||||
canvas.strokeStyle = conf.data.style
|
||||
canvas.lineWidth = conf.data.width
|
||||
canvas.stroke()
|
||||
},
|
||||
show: function(p) {
|
||||
index = parseInt(p.x/step)
|
||||
canvas.moveTo(p.x, -space)
|
||||
canvas.lineTo(p.x, height)
|
||||
canvas.moveTo(-space, p.y)
|
||||
canvas.lineTo(width, p.y)
|
||||
return p
|
||||
},
|
||||
},
|
||||
ticket: {
|
||||
draw: function() {
|
||||
what.drawAxies().drawXLabel(step)
|
||||
if (keys.length < 3) {
|
||||
return
|
||||
}
|
||||
canvas.beginPath()
|
||||
|
||||
var sum = 0, total = 0
|
||||
for (var i = 0; i < nrow; i++) {
|
||||
sum += data[keys[1]][i]
|
||||
sum > total && (total = sum)
|
||||
sum -= data[keys[2]||keys[1]][i]
|
||||
}
|
||||
if (!data["sum"]) {
|
||||
var sum = 0, max = 0, min = 0, end = 0
|
||||
keys = keys.concat(["sum", "max", "min", "end"])
|
||||
data["sum"] = []
|
||||
data["max"] = []
|
||||
data["min"] = []
|
||||
data["end"] = []
|
||||
for (var i = 0; i < nrow; i++) {
|
||||
max = sum + data[keys[1]][i]
|
||||
min = sum - data[keys[2||keys[1]]][i]
|
||||
end = sum + data[keys[1]][i] - data[keys[2]||keys[1]][i]
|
||||
data["sum"].push(sum)
|
||||
data["max"].push(max)
|
||||
data["min"].push(min)
|
||||
data["end"].push(end)
|
||||
sum = end
|
||||
}
|
||||
msg.append.push("sum")
|
||||
msg.sum = data.sum
|
||||
msg.append.push("max")
|
||||
msg.max = data.max
|
||||
msg.append.push("min")
|
||||
msg.min = data.min
|
||||
msg.append.push("end")
|
||||
msg.end = data.end
|
||||
}
|
||||
|
||||
for (var i = 0; i < nrow; i++) {
|
||||
if (data["sum"][i] < data["end"][i]) {
|
||||
canvas.moveTo(step*i, data["min"][i]/total*height)
|
||||
canvas.lineTo(step*i, data["sum"][i]/total*height)
|
||||
|
||||
canvas.moveTo(step*i, data["max"][i]/total*height)
|
||||
canvas.lineTo(step*i, data["end"][i]/total*height)
|
||||
} else {
|
||||
canvas.moveTo(step*i, data["min"][i]/total*height)
|
||||
canvas.lineTo(step*i, data["end"][i]/total*height)
|
||||
|
||||
canvas.moveTo(step*i, data["max"][i]/total*height)
|
||||
canvas.lineTo(step*i, data["sum"][i]/total*height)
|
||||
}
|
||||
}
|
||||
canvas.strokeStyle = conf.data.style
|
||||
canvas.lineWidth = conf.data.width
|
||||
canvas.stroke()
|
||||
},
|
||||
show: function(p) {
|
||||
index = parseInt(p.x/step)
|
||||
canvas.moveTo(p.x, -space)
|
||||
canvas.lineTo(p.x, height)
|
||||
canvas.moveTo(-space, p.y)
|
||||
canvas.lineTo(width, p.y)
|
||||
return p
|
||||
},
|
||||
},
|
||||
stick: {
|
||||
draw: function() {
|
||||
what.drawAxies().drawXLabel(step)
|
||||
canvas.beginPath()
|
||||
|
||||
var total = 0
|
||||
for (var key in max) {
|
||||
total += max[key]
|
||||
}
|
||||
|
||||
for (var i = 0; i < nrow; i++) {
|
||||
canvas.moveTo(step*i, 0)
|
||||
for (var key in data) {
|
||||
canvas.lineTo(step*i, data[key][i]/total*height)
|
||||
canvas.moveTo(step*i-step/2, data[key][i]/total*height)
|
||||
canvas.lineTo(step*i+step/2, data[key][i]/total*height)
|
||||
canvas.moveTo(step*i, data[key][i]/total*height)
|
||||
}
|
||||
}
|
||||
canvas.strokeStyle = conf.data.style
|
||||
canvas.lineWidth = conf.data.width
|
||||
canvas.stroke()
|
||||
},
|
||||
show: function(p) {
|
||||
index = parseInt(p.x/step)
|
||||
canvas.moveTo(p.x, -space)
|
||||
canvas.lineTo(p.x, height)
|
||||
canvas.moveTo(-space, p.y)
|
||||
canvas.lineTo(width, p.y)
|
||||
return p
|
||||
},
|
||||
},
|
||||
weight: {
|
||||
conf: {
|
||||
space: 20,
|
||||
focus: "white",
|
||||
style: "black",
|
||||
width: 1,
|
||||
least: 0.01,
|
||||
},
|
||||
draw: function() {
|
||||
var that = this
|
||||
var space = width / (nline+1)
|
||||
|
||||
canvas.translate(0, height/2)
|
||||
for (var key in data) {
|
||||
var total = 0
|
||||
data[key].forEach(function(value) {
|
||||
total += value
|
||||
})
|
||||
|
||||
var sum = 0
|
||||
canvas.translate(space, 0)
|
||||
data[key].forEach(function(value, i) {
|
||||
if (value/total < that.conf.least) {
|
||||
return
|
||||
}
|
||||
|
||||
var a = sum/total*Math.PI*2
|
||||
var b = (sum+value)/total*Math.PI*2
|
||||
sum+=value
|
||||
|
||||
canvas.beginPath()
|
||||
canvas.moveTo(0, 0)
|
||||
canvas.arc(0, 0, (space/2)-that.conf.space, a, b, false)
|
||||
canvas.closePath()
|
||||
|
||||
if (i == index) {
|
||||
canvas.fillStyle = that.conf.focus
|
||||
canvas.fill()
|
||||
} else {
|
||||
canvas.strokeStyle = that.conf.style
|
||||
canvas.lineWidth = that.conf.width
|
||||
canvas.stroke()
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
show: function(p) {
|
||||
var nspace = width / (nline+1)
|
||||
var which = parseInt((p.x-nspace/2)/nspace)
|
||||
which >= nline && (which = nline-1), which < 0 && (which = 0)
|
||||
|
||||
var q = what.reverse(p)
|
||||
canvas.translate((which+1)*nspace, height/2)
|
||||
var p = what.transform(q)
|
||||
|
||||
var a = Math.atan2(p.y, p.x)
|
||||
a < 0 && (a += Math.PI*2)
|
||||
var pos = a/2/Math.PI
|
||||
|
||||
var total = 0
|
||||
data[keys[which]].forEach(function(value) {
|
||||
total += value
|
||||
})
|
||||
var sum = 0, weight = 0
|
||||
data[keys[which]].forEach(function(value, i) {
|
||||
sum += value, sum / total < pos && (index = i+1)
|
||||
index == i && (weight = parseInt(value/total*100))
|
||||
})
|
||||
|
||||
canvas.moveTo(0, 0)
|
||||
canvas.lineTo(p.x, p.y)
|
||||
canvas.lineTo(p.x+conf.plabel.length, p.y)
|
||||
|
||||
canvas.scale(1, -1)
|
||||
canvas.fillText("weight: "+weight+"%", p.x+conf.plabel.offset, -p.y+conf.plabel.offset)
|
||||
canvas.scale(1, -1)
|
||||
return p
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
drawData: function() {
|
||||
canvas.save()
|
||||
what.figure[conf.type].draw()
|
||||
canvas.restore()
|
||||
return what
|
||||
},
|
||||
drawView: function() {
|
||||
view.forEach(function(view) {
|
||||
view.meta && what[view.type](view.meta)
|
||||
})
|
||||
return what
|
||||
},
|
||||
drawLabel: function() {
|
||||
if (!label) { return what }
|
||||
|
||||
index = 0
|
||||
canvas.save()
|
||||
canvas.font = conf.plabel.font || conf.font
|
||||
canvas.fillStyle = conf.plabel.style || conf.style
|
||||
canvas.strokeStyle = conf.plabel.style || conf.style
|
||||
var p = what.figure[conf.type].show(now)
|
||||
canvas.stroke()
|
||||
|
||||
canvas.scale(1, -1)
|
||||
p.x += conf.plabel.offset
|
||||
p.y -= conf.plabel.offset
|
||||
|
||||
if (width - p.x < 200) {
|
||||
p.x -= 200
|
||||
}
|
||||
canvas.fillText("index: "+index, p.x, -p.y+conf.plabel.height)
|
||||
msg.append.forEach(function(key, i) {
|
||||
msg[key][index] && canvas.fillText(key+": "+msg[key][index], p.x, -p.y+(i+2)*conf.plabel.height)
|
||||
})
|
||||
canvas.restore()
|
||||
return what
|
||||
},
|
||||
drawShape: function() {
|
||||
point.length > 0 && (what[conf.shape]({ps: point}), what[conf.means]({ps: point, tool: "stroke", style: "red"}))
|
||||
return what
|
||||
},
|
||||
|
||||
refresh: function() {
|
||||
return what.clear().drawData().drawView().drawLabel().drawShape()
|
||||
},
|
||||
cancel: function() {
|
||||
point = [], what.refresh()
|
||||
return what
|
||||
},
|
||||
play: function() {
|
||||
function cb() {
|
||||
view[i] && what[view[i].type](view[i].meta) && (t = kit.Delay(view[i].type == "drawPoint"? 10: conf.play, cb))
|
||||
i++
|
||||
status.nshape.innerText = i+"/"+view.length
|
||||
}
|
||||
var i = 0
|
||||
what.clear().drawData()
|
||||
kit.Delay(10, cb)
|
||||
return what
|
||||
},
|
||||
back: function() {
|
||||
view.pop(), status.nshape.innerText = view.length
|
||||
return what.refresh()
|
||||
},
|
||||
push: function(item) {
|
||||
item.meta && item.meta.ps < (conf.limits[item.type]||2) && ps.push(item)
|
||||
status.nshape.innerText = view.push(item)
|
||||
return what
|
||||
},
|
||||
wait: function() {
|
||||
status.cmd.focus()
|
||||
return what
|
||||
},
|
||||
trap: function(value, event) {
|
||||
event.target.className = (trap = !trap)? "trap": "normal"
|
||||
page.localMap = trap? what.input: undefined
|
||||
},
|
||||
label: function(value, event) {
|
||||
event.target.className = (label = !label)? "trap": "normal"
|
||||
},
|
||||
|
||||
movePoint: function(p) {
|
||||
now = p, status.xy.innerHTML = p.x+","+p.y;
|
||||
(point.length > 0 || ps.length > 0 || label) && what.refresh()
|
||||
},
|
||||
pushPoint: function(p) {
|
||||
if (ps.length > 0) {
|
||||
ps[0].meta.ps.push(p) > 1 && ps.pop(), what.refresh()
|
||||
return
|
||||
}
|
||||
|
||||
point.push(p) >= (conf.limits[conf.shape]||2) && what.push({type: conf.shape,
|
||||
meta: what[conf.shape]({ps: point, text: status.cmd.value||conf.text, tool: conf.tool, style: conf.style}),
|
||||
}) && (point = [])
|
||||
conf.means == "drawPoint" && what.push({type: conf.means, meta: what[conf.means]({ps: [p], tool: "stroke", style: "red"})})
|
||||
},
|
||||
transform: function(p) {
|
||||
var t = canvas.getTransform()
|
||||
return {
|
||||
x: (p.x-t.c/t.d*p.y+t.c*t.f/t.d-t.e)/(t.a-t.c*t.b/t.d),
|
||||
y: (p.y-t.b/t.a*p.x+t.b*t.e/t.a-t.f)/(t.d-t.b*t.c/t.a),
|
||||
}
|
||||
},
|
||||
reverse: function(p) {
|
||||
var t = canvas.getTransform()
|
||||
return {
|
||||
x: t.a*p.x+t.c*p.y+t.e,
|
||||
y: t.b*p.x+t.d*p.y+t.f,
|
||||
}
|
||||
},
|
||||
|
||||
check: function() {
|
||||
view.forEach(function(item, index, view) {
|
||||
item && item.send && plugin.Run(window.event||{}, item.send.concat(["type", item.type]), function(msg) {
|
||||
msg.text && msg.text[0] && (item.meta.text = msg.text[0])
|
||||
msg.style && msg.style[0] && (item.meta.style = msg.style[0])
|
||||
msg.ps && msg.ps[0] && (item.meta.ps = JSON.parse(msg.ps[0]))
|
||||
what.refresh()
|
||||
})
|
||||
index == view.length -1 && kit.Delay(1000, what.check)
|
||||
})
|
||||
},
|
||||
parse: function(txt) {
|
||||
var meta = {}, cmds = [], rest = -1, send = []
|
||||
txt.trim().split(" ").forEach(function(item) {
|
||||
switch (item) {
|
||||
case "stroke":
|
||||
case "fill":
|
||||
meta.tool = item
|
||||
break
|
||||
case "black":
|
||||
case "white":
|
||||
case "red":
|
||||
case "yellow":
|
||||
case "green":
|
||||
case "cyan":
|
||||
case "blue":
|
||||
case "purple":
|
||||
meta.style = item
|
||||
break
|
||||
case "cmds":
|
||||
rest = cmds.length
|
||||
default:
|
||||
cmds.push(item)
|
||||
}
|
||||
}), rest != -1 && (send = cmds.slice(rest+1), cmds = cmds.slice(0, rest))
|
||||
|
||||
var cmd = {
|
||||
"t": "drawText",
|
||||
"l": "drawLine",
|
||||
"p": "drawPoly",
|
||||
"r": "drawRect",
|
||||
"c": "drawCircle",
|
||||
"e": "drawEllipse",
|
||||
}[cmds[0]] || cmds[0]
|
||||
cmds = cmds.slice(1)
|
||||
|
||||
var args = []
|
||||
switch (cmd) {
|
||||
case "send":
|
||||
plugin.Run(window.event, cmds, function(msg) {
|
||||
kit.Log(msg)
|
||||
})
|
||||
return
|
||||
default:
|
||||
meta.ps = []
|
||||
for (var i = 0; i < cmds.length; i+=2) {
|
||||
var x = parseInt(cmds[i])
|
||||
var y = parseInt(cmds[i+1])
|
||||
!isNaN(x) && !isNaN(y) && meta.ps.push({x: x, y: y}) || (args.push(cmds[i]), i--)
|
||||
}
|
||||
}
|
||||
meta.args = args
|
||||
|
||||
switch (cmd) {
|
||||
case "drawText":
|
||||
meta.text = args.join(" "), delete(meta.args)
|
||||
case "drawLine":
|
||||
case "drawPoly":
|
||||
case "drawRect":
|
||||
case "drawCircle":
|
||||
case "drawEllipse":
|
||||
what.push({type: cmd, meta: what[cmd](meta), send:send})
|
||||
}
|
||||
|
||||
return (what[cmd] || function() {
|
||||
return what
|
||||
})(meta)
|
||||
},
|
||||
input: function(event) {
|
||||
var map = what.trans[event.key]
|
||||
map && action[map[0]] && (action[map[0]].value = map[1])
|
||||
map && what.trans[map[0]] && (map = what.trans[map[1]]) && (conf[map[0]] && (conf[map[0]] = map[1]) || what[map[0]] && what[map[0]]())
|
||||
what.refresh()
|
||||
},
|
||||
trans: {
|
||||
"折线图": ["type", "trend"],
|
||||
"股价图": ["type", "ticket"],
|
||||
"柱状图": ["type", "stick"],
|
||||
"饼状图": ["type", "weight"],
|
||||
|
||||
"移动": ["shape", "move"],
|
||||
"旋转": ["shape", "rotate"],
|
||||
"缩放": ["shape", "scale"],
|
||||
|
||||
"文本": ["shape", "drawText"],
|
||||
"直线": ["shape", "drawLine"],
|
||||
"折线": ["shape", "drawPoly"],
|
||||
"矩形": ["shape", "drawRect"],
|
||||
"圆形": ["shape", "drawCircle"],
|
||||
"椭圆": ["shape", "drawEllipse"],
|
||||
|
||||
"辅助点": ["means", "drawPoint"],
|
||||
"辅助线": ["means", "drawRect"],
|
||||
|
||||
"画笔": ["tool", "stroke"],
|
||||
"画刷": ["tool", "fill"],
|
||||
|
||||
"黑色": ["style", "black"],
|
||||
"红色": ["style", "red"],
|
||||
"绿色": ["style", "green"],
|
||||
"黄色": ["style", "yellow"],
|
||||
"蓝色": ["style", "blue"],
|
||||
"紫色": ["style", "purple"],
|
||||
"青色": ["style", "cyan"],
|
||||
"白色": ["style", "white"],
|
||||
"随机色": ["style", "random"],
|
||||
"默认色": ["style", "default"],
|
||||
|
||||
"清屏": ["clear"],
|
||||
"刷新": ["refresh"],
|
||||
"取消": ["cancel"],
|
||||
"播放": ["play"],
|
||||
"回退": ["back"],
|
||||
"输入": ["wait"],
|
||||
|
||||
"标签": ["label"],
|
||||
"快捷键": ["trap"],
|
||||
|
||||
"x": ["折线图", "折线图"],
|
||||
"y": ["折线图", "饼状图"],
|
||||
|
||||
"a": ["移动", "旋转"],
|
||||
"m": ["移动", "移动"],
|
||||
"z": ["移动", "缩放"],
|
||||
|
||||
"t": ["文本", "文本"],
|
||||
"l": ["文本", "直线"],
|
||||
"v": ["文本", "折线"],
|
||||
"r": ["文本", "矩形"],
|
||||
"c": ["文本", "圆形"],
|
||||
"e": ["文本", "椭圆"],
|
||||
|
||||
"s": ["画笔", "画笔"],
|
||||
"f": ["画笔", "画刷"],
|
||||
|
||||
"0": ["黑色", "黑色"],
|
||||
"1": ["黑色", "红色"],
|
||||
"2": ["黑色", "绿色"],
|
||||
"3": ["黑色", "黄色"],
|
||||
"4": ["黑色", "蓝色"],
|
||||
"5": ["黑色", "紫色"],
|
||||
"6": ["黑色", "青色"],
|
||||
"7": ["黑色", "白色"],
|
||||
"8": ["黑色", "随机色"],
|
||||
"9": ["黑色", "默认色"],
|
||||
|
||||
"j": ["刷新", "刷新"],
|
||||
"g": ["播放", "播放"],
|
||||
"b": ["回退", "回退"],
|
||||
"q": ["清空", "清空"],
|
||||
|
||||
"Escape": ["取消", "取消"],
|
||||
" ": ["输入", "输入"],
|
||||
},
|
||||
}
|
||||
|
||||
var action = kit.AppendAction(kit.AppendChild(output, [{view: ["action"]}]).last, [
|
||||
["折线图", "股价图", "柱状图", "饼状图"],
|
||||
["移动", "旋转", "缩放"],
|
||||
["文本", "直线", "折线", "矩形", "圆形", "椭圆"],
|
||||
["辅助点", "辅助线"],
|
||||
["画笔", "画刷"],
|
||||
["黑色", "红色", "绿色", "黄色", "蓝色", "紫色", "青色", "白色", "随机色", "默认色"],
|
||||
"", "清屏", "刷新", "播放", "回退",
|
||||
"", "标签", "快捷键",
|
||||
], function(value, event) {
|
||||
var map = what.trans[value]
|
||||
conf[map[0]] && (conf[map[0]] = map[1]) || what[map[0]] && what[map[0]](value, event)
|
||||
what.refresh()
|
||||
})
|
||||
|
||||
var canvas = kit.AppendChild(output, [{view: ["draw", "canvas"], data: {width: width+20, height: height+20,
|
||||
onclick: function(event) {
|
||||
what.pushPoint(what.transform({x: event.offsetX, y: event.offsetY}), event.clientX, event.clientY)
|
||||
}, onmousemove: function(event) {
|
||||
what.movePoint(what.transform({x: event.offsetX, y: event.offsetY}), event.clientX, event.clientY)
|
||||
},
|
||||
}}]).last.getContext("2d")
|
||||
|
||||
var status = kit.AppendStatus(kit.AppendChild(output, [{view: ["status"]}]).last, [{name: "nshape"}, {"className": "cmd", style: {width: (output.clientWidth - 100)+"px"}, data: {autocomplete: "off"}, input: ["cmd", function(event) {
|
||||
var target = event.target
|
||||
event.type == "keyup" && event.key == "Enter" && what.parse(target.value) && (!target.History && (target.History=[]),
|
||||
target.History.push(target.value), target.Current=target.History.length, target.value = "")
|
||||
event.type == "keyup" && page.oninput(event), event.stopPropagation()
|
||||
|
||||
}]}, {name: "xy"}], function(value, name, event) {
|
||||
|
||||
})
|
||||
|
||||
return what.reset().refresh()
|
||||
}
|
||||
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user