x/volcanos
1
0
Fork 1
mirror of https://shylinux.com/x/volcanos synced 2025-07-01 20:11:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

opt code

Browse Source
This commit is contained in:
shaoying 2020-10-18 14:26:24 +08:00
parent eaad4a6875
commit 825eac0110
6 changed files with 306 additions and 249 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frame.js
View File

@ -158,7 +158,7 @@ Volcanos("onengine", {help: "解析引擎", list: [], _init: function(can, meta,
"studio": {name: "研发 studio", action: [ "studio": {name: "研发 studio", action: [
{name: "route", help: "路由器", index: "web.route"}, {name: "route", help: "路由器", index: "web.route"},
{name: "tmux", help: "命令行", index: "web.code.tmux.session"}, {name: "tmux", help: "命令行", index: "web.code.tmux.session"},
{name: "inner", help: "编辑器", index: "web.code.inner", args: ["src/", "main.go"]}, {name: "vimer", help: "编辑器", index: "web.code.vimer", args: ["src/", "main.go"]},
{name: "repos", help: "代码库", index: "web.code.git.status"}, {name: "repos", help: "代码库", index: "web.code.git.status"},
{name: "total", help: "统计量", index: "web.code.git.total"}, {name: "total", help: "统计量", index: "web.code.git.total"},
{name: "plan", help: "任务表", index: "web.team.plan"}, {name: "plan", help: "任务表", index: "web.team.plan"},

2
index.css
View File

@ -136,7 +136,7 @@ fieldset>div.output>pre.display:hover {
table { table {
border:0; white-space: pre; border:0; white-space: pre;
font-size:14px; font-family:monospace; font-size:14px; font-family:monospace;
box-shadow: 4px 4px 10px 1px #626bd0; /* box-shadow: 4px 4px 10px 1px #626bd0; */
cursor:pointer; overflow: auto; cursor:pointer; overflow: auto;
} }
table tr:hover { table tr:hover {

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

@ -14,15 +14,35 @@ fieldset.editor>form.option div.item input.args[name=line] {
width:40px; width:40px;
} }
body.white fieldset.plugin.editor table {
background:#0b2c5400;
}
body.white fieldset.plugin.editor table tr {
background:#0b2c5400;
}
fieldset.editor>div.output {
background-color:#173d40ab;
}
fieldset.editor { fieldset.editor {
background:#0b2c54ab; background:#0b2c54ab;
} }
fieldset.editor>div.output { fieldset.editor>div.output {
background-color:#173d40ab; background-color:#173d40ab;
} }
fieldset.editor>div.output>table>tr:hover {
background-color:#99CCFF00;
}
fieldset.editor>div.output>table>tr>td {
padding:0; overflow:auto;
vertical-align:top;
}
fieldset.editor>div.output>table>tr>td:hover {
background-color:#99CCFF00;
}
fieldset.editor>div.output div.project { fieldset.editor>div.output div.project {
max-width:180px; overflow:auto; max-width:180px; overflow:auto;
text-align:left; padding-right:20px; text-align:left; padding:0 10px;
font-size:14px; font-family:monospace; font-size:14px; font-family:monospace;
color:white; color:white;
} }
@ -32,60 +52,61 @@ fieldset.editor>div.output div.project div.item {
fieldset.editor>div.output div.project div.item:hover { fieldset.editor>div.output div.project div.item:hover {
border:solid 2px red; border:solid 2px red;
} }
fieldset.editor>div.output div.project div.list {
padding-left:10px;
}
fieldset.editor>div.output div.profile { fieldset.editor>div.output div.profile {
min-height:200px; overflow:auto; padding:0; margin:0;
position:relative;
} }
fieldset.editor>div.output div.preview { fieldset.editor>div.output table.content {
font-family:monospace; font-size:16px; font-family:monospace;
float:left; padding:0; margin:0;
} }
fieldset.editor>div.output div.preview>div.item { fieldset.editor>div.output table.content tr {
text-align:right; padding:0 4px; margin:0; padding:0; margin:0;
height:20px; /* background-color:#06062700; */
border:solid 1px #173d4000;
color:white;
} }
fieldset.editor>div.output div.preview>div.item:hover { fieldset.editor>div.output table.content tr.select td.line {
background-color:green;
}
fieldset.editor>div.output div.preview>div.item.select {
background-color:red; background-color:red;
border:solid 1px yellow; border:solid 1px yellow;
} }
fieldset.editor>div.output div.content { fieldset.editor>div.output table.content td.line {
font-size:16px; font-family:monospace; text-align:right; margin:0;
border-left:solid 2px red; border-right:solid 2px red;
min-height:20px; padding:0 6px;
max-width:1000px; color:white;
overflow:auto;
float:left;
} }
fieldset.editor>div.output div.content>pre.item { fieldset.editor>div.output table.content td.line:hover {
background-color:green;
}
fieldset.editor>div.output table.content td.text {
text-align:left; height:20px; text-align:left; height:20px;
border:solid 1px #173d4000; border:solid 1px #173d4000;
padding:0; margin:0; padding:0; margin:0;
padding-left:10px; padding-left:10px;
color:white; color:white;
} }
fieldset.editor>div.output div.content>pre.item.select { fieldset.editor>div.output table.content td.text:hover {
border-right:0px; background-color:#06062700;
} }
fieldset.editor>div.output div.content>pre.item span.comment { fieldset.editor>div.output table.content td.text span.comment {
color:cyan; background-color:blue; color:cyan; background-color:blue;
} }
fieldset.editor>div.output div.content>pre.item span.keyword { fieldset.editor>div.output table.content td.text span.keyword {
color:yellow; font-weight:bold; color:yellow; font-weight:bold;
} }
fieldset.editor>div.output div.content>pre.item span.function { fieldset.editor>div.output table.content td.text span.function {
color:cyan; font-weight:bold; color:cyan; font-weight:bold;
} }
fieldset.editor>div.output div.content>pre.item span.datatype { fieldset.editor>div.output table.content td.text span.datatype {
color:lightgreen; font-weight:bold; color:lightgreen; font-weight:bold;
} }
fieldset.editor>div.output div.content>pre.item span.string { fieldset.editor>div.output table.content td.text span.string {
color:magenta; color:magenta;
} }
fieldset.editor>div.output pre.display { fieldset.editor>div.output pre.display {
padding:6px; border:solid 1px red; padding:6px; border:solid 1px red;
max-height:120px; overflow:auto; max-height:120px; overflow:auto;

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

@ -1,41 +1,45 @@
Volcanos("onimport", {help: "导入数据", _init: function(can, msg, list, cb, target) { Volcanos("onimport", {help: "导入数据", _init: function(can, msg, list, cb, target) {
can.Conf("content") && (msg = can.request({}), msg.result = [can.Conf("content")])
can.ui = can.page.Appends(can, target, [ can.ui = can.page.Appends(can, target, [
{view: "project", style: { {type: "table", list: [{type: "tr", list: [
display: "none", "max-height": window.innerHeight-300, {type: "td", list: [{view: "project", style: {"max-height": window.innerHeight-300, display: "none"}} ]},
}}, {type: "td", list: [{view: "profile", style: {"max-height": window.innerHeight-300}, list: [
{view: "profile", list: [ {view: ["content", "table"]},
{view: "preview"}, {view: "content"} ]} ], onscroll: function(event) {
], style: {"max-height": window.innerHeight-300}}, }},
{view: ["display", "pre"]}, ]},
]},
{view: "search", style: {display: "none"}, list: [{view: "action", list: [ {view: "display", style: {display: "none", "max-height": "200"}, list: [{view: "action", list: [
{input: ["word", function(event) {
if (event.key == "Enter") {
can.onaction.searchLine(event, can, can.ui.word.value)
}
}], onfocus: function(event) {
event.target.setSelectionRange(0, -1)
}},
{button: ["搜索", function(event) {
can.onaction.searchLine(event, can, can.ui.word.value)
}]},
{button: ["返回", function(event) {
var last = can.history.pop(); last = can.history.pop()
last && can.onimport.tabview(can, last.path, last.file, last.line)
}]},
{button: ["关闭", function(event) { {button: ["关闭", function(event) {
can.page.Modify(can, can.ui.search, {style: {display: "none"}}) can.page.Modify(can, can.ui.display, {style: {display: "none"}})
}]}, }]},
]}, {view: "tags"}, ]}, ]}, {view: "output"} ]},
{view: "search", style: {display: "none"}, list: [{view: "action", list: [
{input: ["word", function(event) {
if (event.key == "Enter") {
can.onaction.searchLine(event, can, can.ui.word.value)
}
}], onfocus: function(event) {
event.target.setSelectionRange(0, -1)
}},
{button: ["搜索", function(event) {
can.onaction.searchLine(event, can, can.ui.word.value)
}]},
{button: ["返回", function(event) {
var last = can.history.pop(); last = can.history.pop()
last && can.onimport.tabview(can, last.path, last.file, last.line)
}]},
{button: ["关闭", function(event) {
can.page.Modify(can, can.ui.search, {style: {display: "none"}})
}]},
]},
{view: "tags"},
]},
]) ])
can.tabview = {}, can.history = [] can.tabview = {}, can.history = []
can.tabview[can.Option("path")+can.Option("file")] = msg can.tabview[can.Option("path")+can.Option("file")] = msg
msg.Option({path: can.Option("path"), file: can.Option("file"), line: can.Option("line")||1}) msg.Option({path: can.Option("path"), file: can.Option("file"), line: can.Option("line")||1})
can.onimport.tabview(can, can.Option("path"), can.Option("file"), can.Option("line")) can.onimport.tabview(can, can.Option("path"), can.Option("file"), can.Option("line")||1)
return typeof cb == "function" && cb(msg) return typeof cb == "function" && cb(msg)
}, },
tabview: function(can, path, file, line) { tabview: function(can, path, file, line) {
@ -46,14 +50,8 @@ Volcanos("onimport", {help: "导入数据", _init: function(can, msg, list, cb,
can._msg && can._msg.Option("line", can.Option("line")) can._msg && can._msg.Option("line", can.Option("line"))
can._msg = can.tabview[path+file] can._msg = can.tabview[path+file]
can.Option({path: path, file: file, line: line||parseInt(can._msg.Option("line"))}) can.Option({path: path, file: file, line: line||parseInt(can._msg.Option("line"))||1})
can.file = file, can.parse = can.base.Ext(file||path), can.max = 0
can.onsyntax._init(can, can._msg) can.onsyntax._init(can, can._msg)
can.onaction._resize(can, can.ui.project.style.display != "none")
can.Status("文件名", can.file), can.Status("解析器", can.parse)
can.Status("当前行", can.onexport.position(can, 0))
can.Status("模式", "normal")
} }
if (can.tabview[path+file]) { return show() } if (can.tabview[path+file]) { return show() }
@ -61,7 +59,8 @@ Volcanos("onimport", {help: "导入数据", _init: function(can, msg, list, cb,
msg.Option({path: path, file: file, line: line||1}) msg.Option({path: path, file: file, line: line||1})
can.tabview[path+file] = msg can.tabview[path+file] = msg
can.page.EnableDrop(can, can._action, "div.file", can.page.Append(can, can._action, [{view: ["file", "div", file], onclick: function(event) { var name = file.split("/").pop()
can.page.EnableDrop(can, can._action, "div.file", can.page.Append(can, can._action, [{view: ["file", "div", name], title: file, onclick: function(event) {
can.onimport.tabview(can, path, file) can.onimport.tabview(can, path, file)
}}]).first).click() }}]).first).click()
}, true) }, true)
@ -77,39 +76,47 @@ Volcanos("onimport", {help: "导入数据", _init: function(can, msg, list, cb,
}, ["/plugin/local/code/inner.css"]) }, ["/plugin/local/code/inner.css"])
Volcanos("onsyntax", {help: "语法高亮", list: ["keyword", "prefix", "line"], _init: function(can, msg) { can._msg = msg Volcanos("onsyntax", {help: "语法高亮", list: ["keyword", "prefix", "line"], _init: function(can, msg) { can._msg = msg
can.page.Select(can, can._action, "div.file", function(item) { can.page.Select(can, can._action, "div.file", function(item) {
item.innerText == msg.Option("file")? can.page.ClassList.add(can, item, "select"): item.title == msg.Option("file")? can.page.ClassList.add(can, item, "select"):
can.page.ClassList.del(can, item, "select") can.page.ClassList.del(can, item, "select")
}) })
// caches save // caches save
can.core.List(["preview", "content", "display"], function(item) { can.core.List(["content"], function(item) {
can.Cache(can.file+item, can.ui[item], can.ui.profile.scrollTop) can.Cache(can.file+item, can.ui[item], {
scrollTop: can.ui.profile.parentNode.scrollTop,
current: can.current,
max: can.max,
})
}) })
// caches load // caches load
can.file = can.base.Path(msg.Option("path"), msg.Option("file")) can.file = can.base.Path(msg.Option("path"), msg.Option("file"))
var cache = false; can.core.List(["preview", "content", "display"], function(item) { can.parse = can.base.Ext(can.file)
var p = can.Cache(can.file+item, can.ui[item]); if (!cache && p != undefined) { can.ui.profile.scrollTo(0, p); cache = true } can.Status("模式", "normal")
}); if (cache) { return }
var cache = false; can.core.List(["content"], function(item) {
var p = can.Cache(can.file+item, can.ui[item]); if (p != undefined) { cache = true
can.ui.profile.parentNode.scrollTo(0, p.scrollTop)
can.onaction.selectLine(can, p.current.target)
can.max = p.max
}
}); if (cache) {
return
}
function init(p) { function init(p) {
can.core.List(can.ls = msg.Result().split("\n"), function(item) { can.max = 0, can.core.List(can.ls = msg.Result().split("\n"), function(item) {
can.onaction.appendLine(can, item) can.onaction.appendLine(can, item)
}) })
can.onaction.selectLine(can, can.Option("line")||1) can.onaction.selectLine(can, can.Option("line")||1)
can.Status("文件名", can.file), can.Status("解析器", can.parse)
can.Status("当前行", can.onexport.position(can, 0))
can.Status("模式", "normal")
} }
// plugin // plugin
can.parse = can.base.Ext(can.file), can.max = 0
var p = can.onsyntax[can.parse]; !p? can.run({}, ["action", "plugin", can.parse, can.Option("file"), can.Option("path")], function(msg) { var p = can.onsyntax[can.parse]; !p? can.run({}, ["action", "plugin", can.parse, can.Option("file"), can.Option("path")], function(msg) {
init(p = can.onsyntax[can.parse] = can.base.Obj(msg.Result())) init(p = can.onsyntax[can.parse] = can.base.Obj(msg.Result()))
}, true): init(p) }, true): init(p)
}, },
_parse: function(can, line) { line = line.replace("<", "&lt;").replace(">", "&gt;") _parse: function(can, line) { line = line || "", line = line.replace("<", "&lt;").replace(">", "&gt;")
var p = can.onsyntax[can.parse]; if (!p) { return } var p = can.onsyntax[can.parse]; if (!p) { return }
p = can.onsyntax[p.link] || p p = can.onsyntax[p.link] || p
@ -133,52 +140,18 @@ Volcanos("onsyntax", {help: "语法高亮", list: ["keyword", "prefix", "line"],
}) })
return p.line? p.line(can, line): line return p.line? p.line(can, line): line
}, },
png: {
line: function(can, line) {
can.page.Append(can, can.ui.display, [{img: "/share/local/"+line, height: 400}])
can.page.Modify(can, can.ui.display, {style: {display: "block"}})
return line
},
}, qrc: {link: "png"}, svg: {link: "png"},
url: {
line: function(can, line) {
return {button: [line, function(event) {
can.page.Appends(can, can.ui.display, [{type: "iframe", data: {src: line}, style: {
height: "600px", width: can.Conf("width")-80+"px",
}}])
}]}
}
},
}) })
Volcanos("onaction", {help: "控件交互", list: [], Volcanos("onaction", {help: "控件交互", list: [],
"刷新": function(event, can) { "刷新": function(event, can) {
can.run(event, [can.Option("path"), can.Option("file")]) can.run(event, [can.Option("path"), can.Option("file")])
}, },
"编辑": function(event, can) { can.onkeymap && can.onkeymap._insert(can) }, "编辑": function(event, can) { can.onkeymap && can.onkeymap._insert(can) },
"保存": function(event, can) {
var msg = can.request(event); msg.Option("content", can.onexport.content(can))
can.run(event, ["action", "save", can.parse, can.Option("file"), can.Option("path")], function(msg) {
can.user.toast(can, "保存成功")
}, true)
},
"返回": function(event, can) { "返回": function(event, can) {
var last = can.history.pop(); last = can.history.pop() var last = can.history.pop(); last = can.history.pop()
last && can.onimport.tabview(can, last.path, last.file, last.line) last && can.onimport.tabview(can, last.path, last.file, last.line)
}, },
"项目": function(event, can) {
var hide = can.ui.project.style.display == "none"
hide? can.onimport.project(can, can.Option("path"), function() {
can.page.Modify(can, can.ui.project, {style: {display: ""}}), can.onaction._resize(can, true)
}): (
can.page.Modify(can, can.ui.project, {style: {display: "none"}}), can.onaction._resize(can, false)
)
can.onaction.selectLine(can, can.current)
},
"搜索": function(event, can) { var hide = can.ui.search.style.display == "none"
can.page.Modify(can, can.ui.search, {style: {display: hide? "": "none"}})
hide && can.onaction.searchLine(event, can, "")
},
"运行": function(event, can) { "运行": function(event, can) {
can.page.Modify(can, can.ui.display, {innerHTML: "", style: {display: "none"}}) can.page.Modify(can, can.ui.display, {innerHTML: "", style: {display: "none"}})
can.run(event, ["action", "engine", can.parse, can.Option("file"), can.Option("path")], function(msg) { can.run(event, ["action", "engine", can.parse, can.Option("file"), can.Option("path")], function(msg) {
@ -187,21 +160,39 @@ Volcanos("onaction", {help: "控件交互", list: [],
can.onappend.board(can, can.ui.display, "board", msg) can.onappend.board(can, can.ui.display, "board", msg)
}, true) }, true)
}, },
_resize: function(can, hide) {
can.Timer(10, function() { "save": function(event, can) {
var width = ((parseInt(can.Conf("width"))-30)||can._target.offsetWidth) - (hide? can.ui.project.offsetWidth+10: 0) var msg = can.request(event); msg.Option("content", can.onexport.content(can))
can.page.Modify(can, can.ui.profile, {style: {width: width}}) can.run(event, ["action", "save", can.parse, can.Option("file"), can.Option("path")], function(msg) {
width -= can.ui.preview.offsetWidth + 20 can.user.toast(can, "保存成功")
can.page.Modify(can, can.ui.content, {style: {"max-width": width}}) }, true)
}) },
"project": function(event, can) {
var hide = can.ui.project.style.display == "none"
hide? can.onimport.project(can, can.Option("path"), function() {
can.page.Modify(can, can.ui.project, {style: {display: ""}})
}): (
can.page.Modify(can, can.ui.project, {style: {display: "none"}})
)
// can.onaction.selectLine(can, can.current)
},
"search": function(event, can) { var hide = can.ui.search.style.display == "none"
can.page.Modify(can, can.ui.search, {style: {display: hide? "": "none"}})
hide && can.onaction.searchLine(event, can, "")
}, },
appendLine: function(can, value) { var index = ++can.max appendLine: function(can, value) { var index = ++can.max
can.page.Append(can, can.ui.preview, [{view: ["item", "div", index], onclick: function(event) { var line = can.page.Append(can, can.ui.content, [{type: "tr", list: [{view: ["line", "td", index], onclick: function(event) {
can.onaction.selectLine(can, index) can.onaction.selectLine(can, line)
}, ondblclick: function(event) { }, ondblclick: function(event) {
can.user.input(event, can, [{_input: "text", name: "topic", value: "@key"}, "name"], function(event, button, meta, list) { can.user.input(event, can, [
can.run(event, ["favor", "topic", meta.topic||"some", {_input: "text", name: "topic", value: "@key"},
{_input: "text", name: "name", value: "@key"},
], function(event, button, meta, list) {
can.run(event, [
"favor", "topic", meta.topic||"some",
"type", can.parse, "name", meta.name||"some", "text", value, "type", can.parse, "name", meta.name||"some", "text", value,
"path", can.Option("path"), "file", can.Option("file"), "line", can.Option("line"), "path", can.Option("path"), "file", can.Option("file"), "line", can.Option("line"),
], function(msg) { ], function(msg) {
@ -209,14 +200,21 @@ Volcanos("onaction", {help: "控件交互", list: [],
}, true) }, true)
return true return true
}) })
}}]) }}, {view: ["text", "td"], _init: function(td) {
var line = can.page.Append(can, can.ui.content, [{view: ["item", "pre", ""], onclick: function(event) { var p = can.onsyntax._parse(can, value)
can.onkeymap && can.onkeymap._init(can, "insert") typeof p == "object"? can.page.Appends(can, td, [p]): td.innerHTML = p
can.onaction.selectLine(can, index)
can.ui.editor && can.ui.editor.focus()
can.editor && can.editor.setSelectionRange(event.offsetX/10, event.offsetX/10)
}, onclick: function(event) {
can.onaction.selectLine(can, line)
if (can.ui.editor) {
can.ui.editor.focus()
can.ui.editor.setSelectionRange(0, 0)
can.onkeymap && can.onkeymap._mode(can, "insert")
// can.ui.editor.setSelectionRange(event.offsetX/10, event.offsetX/10)
}
}, ondblclick: function(event) { }, ondblclick: function(event) {
return
var s = document.getSelection() var s = document.getSelection()
var str = s.baseNode.data var str = s.baseNode.data
var begin = str.indexOf(s.toString()) var begin = str.indexOf(s.toString())
@ -236,40 +234,63 @@ Volcanos("onaction", {help: "控件交互", list: [],
} }
can.onaction.searchLine(event, can, s) can.onaction.searchLine(event, can, s)
}}]).first; value && can.onaction.modifyLine(can, line, value) }} ] }]).tr
return line return line
}, },
modifyLine: function(can, target, value) { var p = can.onsyntax._parse(can, value) rerankLine: function(can, value) { can.max = 0
typeof p == "object"? can.page.Appends(can, target, [p]): target.innerHTML = p can.page.Select(can, can.ui.content, "tr", function(item, index) {
can.max++, can.page.Select(can, item, "td.line", function(item) {
item.innerText = index+1
})
})
}, },
selectLine: function(can, target) { if (target !== 0 && !target) { return } modifyLine: function(can, line, value) {
can.page.Select(can, can.ui.content, "pre.item", function(item, index) { can.page.Select(can, can.ui.content, "tr", function(item, index) {
if (item != line && index+1 != line) { return }
can.page.Select(can, item, "td.text", function(item) {
var p = can.onsyntax._parse(can, value)
typeof p == "object"? can.page.Appends(can, item, [p]): item.innerHTML = p
})
})
},
selectLine: function(can, line) { if (!line) { return }
can.page.Select(can, can.ui.content, "tr", function(item, index) {
can.page.ClassList.del(can, item, "select") can.page.ClassList.del(can, item, "select")
if (item != target && index+1 != target) { return } if (item != line && index+1 != line) { return }
can.Status("文件名", can.file)
can.Status("解析器", can.parse)
can.Status("当前行", can.onexport.position(can, index+1))
can.page.ClassList.add(can, item, "select") can.page.ClassList.add(can, item, "select")
can.Option("line", index+1) can.Option("line", index+1)
line = item
})
target = item, can.Status("当前行", can.onexport.position(can, index)) can.page.Select(can, line, "td.text", function(item) {
can.Status("文件名", can.file), can.Status("解析器", can.parse) can.current = {
can.Status("模式", "normal") scroll: function(x, y) { return can.ui.profile.parentNode.scrollBy(x, y) },
can.page.Select(can, can.ui.preview, "div.item", function(item, i) { offset: function() { return can.ui.profile.parentNode.scrollTop },
can.page.ClassList[index==i? "add": "del"](can, item, "select") window: function() { return can.ui.profile.parentNode.offsetHeight },
}) height: function() { return line.offsetHeight },
}); if (typeof target != "object") { return }; can.current = target prev: function() { return line.previousSibling },
if (target.offsetTop < can.ui.profile.scrollTop || target.offsetTop > can.ui.profile.scrollTop+can.ui.profile.offsetHeight) { next: function() { return line.nextSibling },
can.ui.profile.scrollTo(0, target.offsetTop-160) text: function(what) {
} what != undefined && can.onaction.modifyLine(can, line, what)
return item.innerText
},
target: line,
}
can.ui.editor && can.page.Modify(can, can.ui.editor, {className: "editor "+can.mode, value: can.current.innerText, style: { can.ui.editor && can.page.Modify(can, can.ui.editor, {className: "editor "+can.mode, value: item.innerText, style: {
height: target.offsetHeight, width: target.offsetWidth, height: item.offsetHeight, width: item.offsetWidth,
left: target.offsetLeft, top: target.offsetTop - target.parentNode.parentNode.scrollTop, left: item.offsetLeft, top: item.offsetTop,
display: "block", }})
}}) can.ui.command && can.page.Modify(can, can.ui.command, {className: "command "+can.mode, value: item.innerText, style: {
height: item.offsetHeight, width: item.offsetWidth,
can.ui.command && can.page.Modify(can, can.ui.command, {style: { left: item.offsetLeft, top: item.offsetTop + can.ui.profile.offsetHeight-100,
height: target.offsetHeight, width: target.offsetWidth, }})
left: target.offsetLeft, })
}})
}, },
searchLine: function(event, can, value) { value = value.trim() searchLine: function(event, can, value) { value = value.trim()
can.page.Modify(can, can.ui.search, {style: {display: ""}}) can.page.Modify(can, can.ui.search, {style: {display: ""}})
@ -295,11 +316,11 @@ Volcanos("onaction", {help: "控件交互", list: [],
}) })
Volcanos("onexport", {help: "导出数据", list: ["模式", "按键", "文件名", "解析器", "当前行", "标签数"], Volcanos("onexport", {help: "导出数据", list: ["模式", "按键", "文件名", "解析器", "当前行", "标签数"],
position: function(can, index, total) { total = total || can.max position: function(can, index, total) { total = total || can.max
return (parseInt(index)+1)+"/"+parseInt(total)+" = "+parseInt((index+1)*100/total)+"%" return (parseInt(index))+"/"+parseInt(total)+" = "+parseInt((index)*100/total)+"%"
}, },
content: function(can) { content: function(can) {
return can.page.Select(can, can._output, "div.content>pre.item", function(item) { return can.page.Select(can, can._output, "table.content>td.text", function(item) {
return can.current == item? can.editor.value: item.innerText return item.innerText
}).join("\n") }).join("\n")
}, },
}) })

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

@ -9,8 +9,16 @@ fieldset.editor>div.output input.editor {
min-width:480px; min-width:480px;
display:none; display:none;
} }
fieldset.editor>div.output input.editor.insert {
caret-color:yellow;
display:block;
}
fieldset.editor>div.output input.editor.normal { fieldset.editor>div.output input.editor.normal {
caret-color:#00000000; caret-color:blue;
display:block;
}
fieldset.editor>div.output input.editor.command {
display:none;
} }
fieldset.editor>div.output input.command { fieldset.editor>div.output input.command {
clear:both; clear:both;
@ -25,4 +33,11 @@ fieldset.editor>div.output input.command {
border-left:solid 3px green; border-left:solid 3px green;
z-index:200; z-index:200;
min-width:480px; min-width:480px;
display:block;
}
fieldset.editor>div.output input.command.normal {
display:none;
}
fieldset.editor>div.output input.command.insert {
display:none;
} }

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

@ -1,15 +1,14 @@
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg, list, cb, target) { Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg, list, cb, target) {
can.require(["/plugin/local/code/inner.js"], function(can) { can.require(["/plugin/local/code/inner.js"], function(can) {
can.onimport._init(can, msg, list, function() { can.onimport._init(can, msg, list, function() {
// can.page.Modify(can, can._option, {style: {display: "none"}})
var ui = can.page.Append(can, can.ui.profile, [ var ui = can.page.Append(can, can.ui.profile, [
{view: ["editor", "input"], "rows": "1", onkeydown: function(event) { {view: ["editor", "input"], onkeydown: function(event) {
can.onkeypop.show(event, can) can.onkeymap.parse(event, can, "insert")
can.onkeymap.parse(event, can, "insert"), can.Timer(10, function() { can.Timer(1, function() {
can.onaction.modifyLine(can, can.current, can.editor.value) can.current.text(can.ui.editor.value)
}) })
}, onblur: function(event) { }, onblur: function(event) {
can.onaction.modifyLine(can, can.current, can.editor.value) can.current.text(can.ui.editor.value)
}, onclick: function(event) { }, onclick: function(event) {
can.onkeymap._insert(can) can.onkeymap._insert(can)
}}, }},
@ -17,48 +16,41 @@ Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg,
can.onkeymap.parse(event, can, "command") can.onkeymap.parse(event, can, "command")
}}, }},
]) ])
can.ui.editor = ui.editor can.ui.editor = ui.editor
can.ui.command = ui.command can.ui.command = ui.command
can.onkeymap._init(can, "insert") can.onkeymap._init(can, "insert")
can.ui.profile.onscroll = function(event) { var target = can.current
can.ui.editor && can.page.Modify(can, can.ui.editor, {className: "editor "+can.mode, value: target.innerText, style: {
height: target.offsetHeight, width: target.offsetWidth,
left: target.offsetLeft, top: target.offsetTop - target.parentNode.parentNode.scrollTop,
display: "block",
}})
}
typeof cb == "function" && cb() typeof cb == "function" && cb()
}, target) }, target)
}) })
}, },
}, ["/plugin/local/code/vimer.css"]) }, ["/plugin/local/code/vimer.css"])
Volcanos("onkeymap", {help: "键盘交互", list: ["command", "normal", "insert"], _init: function(can, mode) { Volcanos("onkeymap", {help: "键盘交互", list: ["command", "normal", "insert"], _init: function(can, mode) {
can.page.Modify(can, can.ui.command, {style: {display: "none", width: can._target.offsetWidth-20+"px"}}) can.history = []
can.history = [], can.editor = can.ui.editor
can.core.List(can.onkeymap.list, function(item) { var engine = {} can.core.List(can.onkeymap.list, function(item) { var engine = {}
can.core.Item(can.onkeymap[item], function(key, cb) { var map = engine can.core.Item(can.onkeymap[item], function(key, cb) { var map = engine
for (var i = key.length-1; i > -1; i--) { for (var i = key.length-1; i > -1; i--) {
map = map[key[i]] = i == 0? cb: (map[key[i]]||{}) map = map[key[i]] = i == 0? cb: (map[key[i]]||{})
} }
}), can.onkeymap[item]._engine = engine }), can.onkeymap[item]._engine = engine
}), can.onkeymap._mode(can, mode||"normal") })
can.onkeymap._mode(can, mode||"normal")
}, },
_mode: function(can, value) { can.Status("模式", can.mode = value) _mode: function(can, value) { can.Status("模式", can.mode = value)
can.page.Modify(can, can.ui.editor, {className: "editor "+can.mode, style: {display: "none"}}) can.page.Modify(can, can.ui.editor, {className: "editor "+can.mode})
can.page.Modify(can, can.ui.command, {className: "command "+can.mode, style: {display: "none"}}) can.page.Modify(can, can.ui.command, {className: "command "+can.mode})
return value return value
}, },
_command: function(can) { can.onkeymap._mode(can, "command") _command: function(can) { can.onkeymap._mode(can, "command")
can.page.Modify(can, can.ui.command, {value: "", style: {display: "block"}}) can.page.Modify(can, can.ui.command, {style: {
position: "absolute", top: can.current.offset()+can.current.window()-can.current.height(),
}})
can.ui.command.focus() can.ui.command.focus()
}, },
_normal: function(can) { can.onkeymap._mode(can, "normal") _normal: function(can) { can.onkeymap._mode(can, "normal")
can.page.Modify(can, can.ui.editor, {style: {display: "block"}})
can.ui.editor.focus() can.ui.editor.focus()
}, },
_insert: function(can) { can.onkeymap._mode(can, "insert") _insert: function(can) { can.onkeymap._mode(can, "insert")
can.page.Modify(can, can.ui.editor, {style: {display: "block"}})
can.ui.editor.focus() can.ui.editor.focus()
}, },
@ -67,8 +59,10 @@ Volcanos("onkeymap", {help: "键盘交互", list: ["command", "normal", "insert"
var msg = can.request(event); msg.Option("content", can.onexport.content(can)) var msg = can.request(event); msg.Option("content", can.onexport.content(can))
can.run(event, arg||["action", key, can.Option("path"), can.Option("file")], cb||function(msg) { can.run(event, arg||["action", key, can.Option("path"), can.Option("file")], cb||function(msg) {
(msg.Result() || msg.append && msg.append.length > 0) && can.page.Modify(can, can.ui.display, {innerHTML: "", style: {display: "block"}}) (msg.Result() || msg.append && msg.append.length > 0) && can.page.Modify(can, can.ui.display, {innerHTML: "", style: {display: "block"}})
can.onappend.table(can, can.ui.display, "table", msg) can.onappend.table(can, can.ui.output, "table", msg, function(value, key, index) {
can.onappend.board(can, can.ui.display, "board", msg) return {text: [value, "td"]}
})
can.onappend.board(can, can.ui.output, "board", msg)
}, true) }, true)
}, },
_engine: { _engine: {
@ -104,12 +98,12 @@ Volcanos("onkeymap", {help: "键盘交互", list: ["command", "normal", "insert"
} }
}, },
command: { command: {
Escape: function(event, can) { can.onkeymap._normal(can) Escape: function(event, can) {
can.onaction.selectLine(can, can.current) can.onkeymap._normal(can)
}, },
Enter: function(event, can) { var line = can.ui.command.value; var ls = can.core.Split(line, " ", ",", {simple: true}) Enter: function(event, can) { var line = can.ui.command.value; var ls = can.core.Split(line, " ", ",", {simple: true})
var cb = can.onkeymap._engine[ls[0]]; typeof cb == "function"? cb(event, can, line, ls): var cb = can.onkeymap._engine[ls[0]]; typeof cb == "function"? cb(event, can, line, ls):
can.onkeymap._remote(event, can, line, ["action", "cmd"].concat(ls)) can.onkeymap._remote(event, can, line, ["action", "command"].concat(ls))
can.onkeymap.command.Escape(event, can) can.onkeymap.command.Escape(event, can)
}, },
jk: function(event, can) { can.history = can.history.slice(0, -1) jk: function(event, can) { can.history = can.history.slice(0, -1)
@ -117,137 +111,143 @@ Volcanos("onkeymap", {help: "键盘交互", list: ["command", "normal", "insert"
}, },
}, },
normal: { normal: {
":": function(event, can) { can.onkeymap._command(can) }, ":": function(event, can) {
can.ui.command.value = ""
can.onkeymap._command(can)
},
".": function(event, can) { ".": function(event, can) {
can.history = can.lastcmd can.history = can.lastcmd
can.onkeymap.parse({key: ""}, can, "normal") can.onkeymap.parse({key: ""}, can, "normal")
}, },
h: function(event, can) { h: function(event, can) {
can.editor.setSelectionnRange(can.editor.selectionStart-1, can.editor.selectionStart-1) can.ui.editor.setSelectionnRange(can.ui.editor.selectionStart-1, can.ui.editor.selectionStart-1)
}, },
l: function(event, can) { l: function(event, can) {
can.editor.setSelectionRange(can.editor.selectionStart+1, can.editor.selectionStart+1) can.ui.editor.setSelectionRange(can.ui.editor.selectionStart+1, can.ui.editor.selectionStart+1)
}, },
j: function(event, can) { j: function(event, can) {
can.onaction.selectLine(can, can.current.nextSibling) can.onaction.selectLine(can, can.current.next())
var pos = can.current.offsetTop-can._target.scrollTop; if (pos > 22*15) { var pos = can.current.offset()+can.current.window()-can.ui.editor.offsetTop; if (pos < 5*can.current.height()) {
can._target.scrollBy(0, 22) can.current.scroll(0, can.current.height())
can.onaction.selectLine(can, can.current)
} }
}, },
k: function(event, can) { can.onaction.selectLine(can, can.current.previousSibling) k: function(event, can) {
var pos = can.current.offsetTop-can._target.scrollTop; if (pos < 22*5) { can.onaction.selectLine(can, can.current.prev())
can._target.scrollBy(0, -22) var pos = can.ui.editor.offsetTop-can.current.offset(); if (pos < can.current.height()*5) {
can.current.scroll(0, -can.current.height())
} }
}, },
gg: function(event, can, count) { count = count || 1 gg: function(event, can, count) { count = count || 1
can.onaction.selectLine(can, count) can.onaction.selectLine(can, count)
can.current.scrollIntoView() var pos = can.current.offset()-can.ui.editor.offsetTop
can._target.scrollBy(0, -22*5) can.current.scroll(0, -(pos+can.current.height()*5))
can.onaction.selectLine(can, count)
return true return true
}, },
G: function(event, can, count) { count = count > 1? count: can.max G: function(event, can, count) { count = count > 1? count: can.max
can.onaction.selectLine(can, count) can.onaction.selectLine(can, count)
can.current.scrollIntoView() var pos = can.current.offset()-can.ui.editor.offsetTop
if (count - can.max < -5) { can.current.scroll(0, -(pos+can.current.height()*5))
can._target.scrollBy(0, -22*5)
}
can.onaction.selectLine(can, count)
return true return true
}, },
zt: function(event, can, count) { count = count || 2 zt: function(event, can, count) { count = count || 2
can.current.scrollIntoView() var pos = can.current.offset()-can.ui.editor.offsetTop
can._target.scrollBy(0, -22*count) can.current.scroll(0, -(pos+can.current.height()*count))
return true return true
}, },
zz: function(event, can, count) { count = count || 5 zz: function(event, can, count) { count = count || 5
can.current.scrollIntoView() var pos = can.current.offset()-can.ui.editor.offsetTop
can._target.scrollBy(0, -22*count) can.current.scroll(0, -(pos+can.current.height()*count))
return true return true
}, },
zb: function(event, can, count) { count = count || 3 zb: function(event, can, count) { count = count || 3
can._target.scrollBy(0, -(can._target.offsetHeight - (can.current.offsetTop - can._target.scrollTop))+22*count) var pos = can.current.offset()-can.ui.editor.offsetTop
can.current.scroll(0, -(pos+can.current.window()-can.current.height()*count))
return true return true
}, },
i: function(event, can) { can.onkeymap._insert(can) i: function(event, can) { can.onkeymap._insert(can)
}, },
I: function(event, can) { can.onkeymap._insert(can) I: function(event, can) { can.onkeymap._insert(can)
can.editor.setSelectionRange(0, 0) can.ui.editor.setSelectionRange(0, 0)
}, },
a: function(event, can) { can.onkeymap._insert(can) a: function(event, can) { can.onkeymap._insert(can)
}, },
A: function(event, can) { can.onkeymap._insert(can) A: function(event, can) { can.onkeymap._insert(can)
can.editor.setSelectionRange(-1, -1) can.ui.editor.setSelectionRange(-1, -1)
}, },
o: function(event, can) { can.onkeymap._insert(can) o: function(event, can) { can.onkeymap._insert(can)
can.onaction.selectLine(can, can.onkeymap.insertLine(can, can.current)) can.onaction.selectLine(can, can.onkeymap.insertLine(can, "", can.current.next()))
}, },
O: function(event, can) { can.onkeymap._insert(can) O: function(event, can) { can.onkeymap._insert(can)
can.onaction.selectLine(can, can.onkeymap.insertLine(can, can.current, "", true)) can.onaction.selectLine(can, can.onkeymap.insertLine(can, "", can.current.target))
}, },
yy: function(event, can) { can.last = can.current.innerText }, yy: function(event, can) { can.last = can.current.text() },
dd: function(event, can) { can.last = can.current.innerText dd: function(event, can) { can.last = can.current.text()
var next = can.current.nextSibling || can.current.previousSibling var next = can.current.next()
can.onkeymap.deleteLine(can, can.current) can.onkeymap.deleteLine(can, can.current.target)
can.onaction.selectLine(can, next) can.onaction.selectLine(can, next)
}, },
p: function(event, can) { p: function(event, can) {
can.onkeymap.insertLine(can, can.current, can.last) can.onkeymap.insertLine(can, can.last, can.current.next())
can.onaction.selectLine(can, can.current.nextSibling)
}, },
P: function(event, can) { P: function(event, can) {
can.onkeymap.insertLine(can, can.current, can.last, true) can.onkeymap.insertLine(can, can.last, can.current.target)
can.onaction.selectLine(can, can.current.previousSibling)
}, },
}, },
insert: { insert: {
Escape: function(event, can) { can.onkeymap._normal(can) Escape: function(event, can) { can.onkeymap._normal(can)
can.onaction.modifyLine(can, can.current, can.editor.value) can.onaction.modifyLine(can, can.current, can.ui.editor.value)
event.stopPropagation(), event.preventDefault() event.stopPropagation(), event.preventDefault()
}, },
Enter: function(event, can) { Enter: function(event, can) {
var before = can.editor.value.slice(0, event.target.selectionEnd) var before = can.ui.editor.value.slice(0, event.target.selectionEnd)
var left = can.editor.value.slice(event.target.selectionEnd) var left = can.ui.editor.value.slice(event.target.selectionEnd)
left && can.onaction.modifyLine(can, can.current, before) can.current.text(before||"")
can.onaction.selectLine(can, can.onkeymap.insertLine(can, can.current, left)) can.onaction.selectLine(can, can.onkeymap.insertLine(can, left, can.current.next()))
can.editor && can.editor.setSelectionRange(0, 0) can.ui.editor && can.ui.editor.setSelectionRange(0, 0)
}, },
Backspace: function(event, can) { if (can.editor.selectionStart > 0) { return } Backspace: function(event, can) {
can.onkeymap.mergeLine(can, can.current.previousSibling) if (can.ui.editor.selectionStart > 0) { return }
event.stopPropagation(), event.preventDefault() event.stopPropagation(), event.preventDefault()
if (!can.current.prev()) { return }
var rest = can.current.text()
can.onaction.selectLine(can, can.current.prev())
var pos = can.current.text().length
rest = can.current.text()+rest
can.ui.editor.value = rest
can.current.text(rest)
can.ui.editor.setSelectionRange(pos, pos)
can.onkeymap.deleteLine(can, can.current.next())
}, },
ArrowDown: function(event, can) { ArrowDown: function(event, can) {
can.onaction.selectLine(can, can.current.nextSibling) can.onaction.selectLine(can, can.current.next())
can.ui.editor.setSelectionRange(can.ui.editor.selectionStart, can.ui.editor.selectionEnd)
}, },
ArrowUp: function(event, can) { ArrowUp: function(event, can) {
can.onaction.selectLine(can, can.current.previousSibling) can.onaction.selectLine(can, can.current.prev())
can.ui.editor.setSelectionRange(can.ui.editor.selectionStart, can.ui.editor.selectionEnd)
}, },
jk: function(event, can) { jk: function(event, can) {
can.page.DelText(can.editor, can.editor.selectionStart-1, 1) can.page.DelText(can.ui.editor, can.ui.editor.selectionStart-1, 1)
can.onkeymap.insert.Escape(event, can) can.onkeymap.insert.Escape(event, can)
}, },
}, },
insertLine: function(can, target, value, before) { var line = can.onaction.appendLine(can, value) insertLine: function(can, value, before) {
can.ui.content.insertBefore(line, before || target && target.nextSibling) var line = can.onaction.appendLine(can, value)
before && can.ui.content.insertBefore(line, before)
can.onaction.rerankLine(can)
return line return line
}, },
deleteLine: function(can, target) { can.page.Remove(can, target) deleteLine: function(can, target) {
var ls = can.page.Select(can, can.ui.preview, "div.item") can.page.Remove(can, target)
can.page.Remove(can, ls[ls.length-1]), can.max-- can.onaction.rerankLine(can)
},
mergeLine: function(can, target) { if (!target) {return}
var before = target.innerText
can.onaction.modifyLine(can, target, before + target.nextSibling.innerText)
can.onkeymap.deleteLine(can, target.nextSibling)
can.onaction.selectLine(can, target)
can.ui.editor.setSelectionRange(before.length, before.length)
return target
}, },
}) })