mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 16:58:06 +08:00
add inner.js
This commit is contained in:
shaoying
parent
a38b633dec
commit
712f799242
45
frame.js
45
frame.js
@ -94,12 +94,25 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
|
||||
var option = can.page.Select(can, field, "form.option")[0];
|
||||
var action = can.page.Select(can, field, "div.action")[0];
|
||||
var output = can.page.Select(can, field, "div.output")[0];
|
||||
var status = can.page.Select(can, field, "div.status")[0];
|
||||
var feature = can.base.Obj(meta.feature)
|
||||
|
||||
// 添加插件
|
||||
var sub = Volcanos(meta.name, { _help: meta.name, _target: field,
|
||||
_option: option, _action: action, _output: output, _history: [],
|
||||
_follow: can._follow+"."+meta.name,
|
||||
_option: option, _action: action, _output: output,
|
||||
_follow: can._follow+"."+meta.name, _history: [],
|
||||
Option: function(key, value) {
|
||||
sub.page.Select(sub, option, "input[name="+key+"]", function(item) {
|
||||
value == undefined? (value = item.value): (item.value = value)
|
||||
})
|
||||
return value
|
||||
},
|
||||
Status: function(key, value) {
|
||||
sub.page.Select(sub, status, "div."+key, function(item) {
|
||||
item.innerHTML = key+": "+value
|
||||
})
|
||||
return value
|
||||
},
|
||||
}, [Volcanos.meta.volcano].concat(list), function(sub) {
|
||||
meta.feature = can.base.Obj(meta.feature, {})
|
||||
meta.detail = meta.feature["detail"] || {}
|
||||
@ -141,18 +154,38 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
|
||||
var display = (msg.Option("_display")||feature.display||"table.js")
|
||||
display.indexOf("/") == 0 || (display = "/plugin/"+display)
|
||||
|
||||
sub[display] = Volcanos(display, { _target: output,
|
||||
sub[display] = Volcanos(display, { _help: display, _target: output,
|
||||
_option: option, _action: action, _output: output,
|
||||
_follow: can._follow+"."+meta.name+"."+display,
|
||||
Option: sub.Option, Status: sub.Status,
|
||||
}, Volcanos.meta.libs.concat(["/frame.js", display]), function(table) { table.Conf(sub.Conf())
|
||||
table.onimport._init(table, msg, msg.append||[], function() {}, output)
|
||||
|
||||
table.run = function(event, cmds, cb, silent) {
|
||||
// 组件回调
|
||||
cmds[0] == "field"? sub.run(event, cmds.slice(1), cb, silent):
|
||||
input.run(event, cmds, cb, silent)
|
||||
cmds[0] == "field"? sub.run(event, cmds.slice(1), cb, silent): input.run(event, cmds, cb, silent)
|
||||
}
|
||||
|
||||
// 工具栏
|
||||
action.innerHTML = "", table.onaction && can.core.List(table.onaction.list, function(item) {
|
||||
can.onappend.input(can, action, "input", {type: "button", value: item, onclick: function(event) {
|
||||
table.onaction[item](event, table, msg)
|
||||
}})
|
||||
})
|
||||
|
||||
// 上下文
|
||||
table.ondetail && table.ondetail.list && table.ondetail.list.length > 0 && (table._target.oncontextmenu = function(event) {
|
||||
can.onappend.carte(sub, table.ondetail||{}, msg["_detail"] || sub.Conf("detail"), function(ev, item, meta) {
|
||||
(table.ondetail[item]||table.onaction[item])(event, table, msg)
|
||||
})
|
||||
})
|
||||
|
||||
// 状态条
|
||||
status.innerHTML = "", table.onexport && can.core.List(table.onexport.list, function(item) {
|
||||
can.page.Append(can, status, [{view: "item "+item, inner: item, title: item}])
|
||||
})
|
||||
})
|
||||
var table = sub[display];
|
||||
}, silent)
|
||||
}
|
||||
|
||||
@ -282,7 +315,7 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
|
||||
msg.result && can.page.AppendBoard(can, can._output, can.page.Display(msg.Result()))
|
||||
},
|
||||
|
||||
carte: function(can, meta, list, cb) {
|
||||
carte: function(can, meta, list, cb) { list = list && list.length > 0? list: meta.list; if (list.length == 0) { return }
|
||||
can._carte = can._carte || can.page.Append(can, can._target, [{view: "carte", onmouseleave: function(event) {
|
||||
can.page.Modify(can, can._carte, {style: {display: "none"}})
|
||||
}}]).last
|
||||
|
||||
10
index.css
10
index.css
@ -71,6 +71,16 @@ fieldset>form.option>div.item.textarea {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
fieldset>div.action {
|
||||
clear:both;
|
||||
}
|
||||
fieldset>div.action>div.item {
|
||||
float:left;
|
||||
}
|
||||
fieldset>div.status>div.item {
|
||||
float:left;
|
||||
}
|
||||
|
||||
fieldset div.output {
|
||||
margin-top:4px;
|
||||
clear:both;
|
||||
|
||||
43
plugin/inner.css
Normal file
43
plugin/inner.css
Normal file
@ -0,0 +1,43 @@
|
||||
fieldset.editor>div.output textarea.editor {
|
||||
font-family:monospace;
|
||||
background-color:black;
|
||||
color:white;
|
||||
border:solid 1px red;
|
||||
padding:0;
|
||||
width:0;
|
||||
height:20px;
|
||||
margin:0;
|
||||
position:relative;
|
||||
float:right;
|
||||
}
|
||||
fieldset.editor>div.output div.lineno {
|
||||
font-family:monospace;
|
||||
float:left;
|
||||
}
|
||||
fieldset.editor>div.output div.lineno>div.item {
|
||||
text-align:right;
|
||||
border:solid 1px black;
|
||||
padding:0 4px;
|
||||
height:20px;
|
||||
margin:0;
|
||||
}
|
||||
fieldset.editor>div.output div.lineno>div.item:hover {
|
||||
background-color:green;
|
||||
}
|
||||
fieldset.editor>div.output div.lineno>div.item.select {
|
||||
background-color:red;
|
||||
}
|
||||
fieldset.editor>div.output div.content {
|
||||
font-family:monospace;
|
||||
border-left:solid 2px red;
|
||||
padding-left:10px;
|
||||
}
|
||||
fieldset.editor>div.output div.content>pre.item {
|
||||
border:solid 1px black;
|
||||
padding:0;
|
||||
height:20px;
|
||||
margin:0;
|
||||
}
|
||||
fieldset.editor>div.output div.content>pre.item:hover {
|
||||
background-color:green;
|
||||
}
|
||||
112
plugin/inner.js
Normal file
112
plugin/inner.js
Normal file
@ -0,0 +1,112 @@
|
||||
Volcanos("onimport", {help: "导入数据", _init: function(can, msg, list, cb, target) { target.innerHTML = "";
|
||||
can.onappend.table(can, target, "table", msg);
|
||||
|
||||
can.ui = can.page.Append(can, target, [{view: ["editor", "textarea"], onkeydown: function(event) {
|
||||
(can.onkeymap[can.mode][event.key]||function() {})(event, can)
|
||||
}, onkeyup: function(event) {
|
||||
|
||||
}, onblur: function(event) {
|
||||
can.onaction.modifyLine(can, can.current, can.editor.value)
|
||||
}}, {view: "lineno", style: {width: "30px"}}, {view: "content", style: {"margin-left": "30px"}}, ]);
|
||||
|
||||
can.max = 0, can.ls = msg.Result().split("\n");
|
||||
can.editor = can.ui.editor, can.mode = "modify";
|
||||
can.core.List(can.ls, function(item) { can.onaction.appendLine(can, item) });
|
||||
return typeof cb == "function" && cb(msg);
|
||||
},
|
||||
}, ["/plugin/inner.css"])
|
||||
Volcanos("onkeymap", {help: "键盘交互", list: ["modify", "normal"],
|
||||
modify: {
|
||||
ArrowDown: function(event, can) {
|
||||
can.onaction.selectLine(can, can.current.nextSibling)
|
||||
},
|
||||
ArrowUp: function(event, can) {
|
||||
can.onaction.selectLine(can, can.current.previousSibling)
|
||||
},
|
||||
Enter: function(event, can) {
|
||||
can.onaction.modifyLine(can, can.current, can.editor.value)
|
||||
can.onaction.insertLine(can, can.current, event.shiftKey).click()
|
||||
event.stopPropagation()
|
||||
event.preventDefault()
|
||||
},
|
||||
Backspace: function(event, can) {
|
||||
can.editor.selectionStart == 0 && can.onaction.mergeLine(can, can.current.previousSibling).click()
|
||||
},
|
||||
},
|
||||
})
|
||||
Volcanos("onaction", {help: "控件交互", list: ["保存", "提交"],
|
||||
modifyLine: function(can, target, value) {
|
||||
target.innerHTML = value
|
||||
},
|
||||
deleteLine: function(can, target) {
|
||||
can.page.Remove(can, target)
|
||||
},
|
||||
selectLine: function(can, target) {
|
||||
can.page.Select(can, can.ui.content, "pre.item", function(item, index) {
|
||||
if (item != target && index != target) { return }
|
||||
can.Status("当前行", index+1) && can.page.Select(can, can.ui.lineno, "div.item", function(item, i) {
|
||||
can.page.ClassList.del(can, item, "select")
|
||||
index == i && can.page.ClassList.add(can, item, "select")
|
||||
})
|
||||
})
|
||||
|
||||
can.current = target, can.page.Modify(can, can.editor, {value: can.current.innerText, style: {
|
||||
height: target.offsetHeight+"px", width: target.offsetWidth+"px",
|
||||
top: (target.offsetTop-can._output.offsetTop)+"px",
|
||||
}}), can.editor.focus();
|
||||
},
|
||||
appendLine: function(can, value) { var index = can.max++;
|
||||
can.page.Append(can, can.ui.lineno, [{view: ["item", "div", can.Status("总行数", index+1)], onclick: function(event) {
|
||||
can.onaction.selectLine(can, index)
|
||||
}}])
|
||||
return can.page.Append(can, can.ui.content, [{view: ["item", "pre", value||""], onclick: function(event) {
|
||||
can.onaction.selectLine(can, event.target)
|
||||
}}]).last
|
||||
},
|
||||
insertLine: function(can, target, before) {
|
||||
var line = can.onaction.appendLine(can)
|
||||
can.ui.content.insertBefore(line, before && target || target.nextSibling)
|
||||
return line
|
||||
},
|
||||
mergeLine: function(can, target) {
|
||||
can.ondetail.modifyLine(can, target, target.innerHTML + target.nextSibling.innerHTML);
|
||||
can.ondetail.deleteLine(can, target.nextSibling);
|
||||
return target
|
||||
},
|
||||
|
||||
remote: function(event, can, msg, key) {
|
||||
msg = can.request(event), msg.Option("content", can.onexport.content(can))
|
||||
can.run(event, ["action", key, can.Option("path")], function(res) {
|
||||
}, true)
|
||||
},
|
||||
"保存": function(event, can, msg) {
|
||||
can.onaction.remote(event, can, msg, "保存")
|
||||
},
|
||||
"提交": function(event, can, msg) {
|
||||
can.onaction.remote(event, can, msg, "提交")
|
||||
},
|
||||
})
|
||||
Volcanos("ondetail", {help: "菜单交互", list: ["删除行", "合并行", "插入行", "添加行", "追加行"],
|
||||
"删除行": function(event, can, msg) {
|
||||
can.onaction.delteLine(can, can.current)
|
||||
},
|
||||
"合并行": function(event, can, msg) {
|
||||
can.onaction.mergeLine(can, can.current)
|
||||
},
|
||||
"插入行": function(event, can, msg) {
|
||||
can.onaction.insertLine(can, can.current, true)
|
||||
},
|
||||
"添加行": function(event, can, msg) {
|
||||
can.onaction.insertLine(can, can.current, false)
|
||||
},
|
||||
"追加行": function(event, can, msg) {
|
||||
can.onaction.appendLine(can)
|
||||
},
|
||||
})
|
||||
Volcanos("onexport", {help: "导出数据", list: ["当前行", "总行数"],
|
||||
content: function(can) {
|
||||
return can.page.Select(can, can._output, "div.content>pre.item", function(item) {
|
||||
return can.current == item? can.editor.value: item.innerText
|
||||
}).join("\n")
|
||||
},
|
||||
})
|
||||
@ -18,7 +18,7 @@ Volcanos("onimport", {help: "导入数据", list: [],
|
||||
|
||||
can.page.Select(can, can._output, "fieldset.story", function(item) {var data = item.dataset
|
||||
var meta = JSON.parse(data.meta||"{}")
|
||||
can.onappend._init(can, meta, Config.libs.concat(["plugin/state.js"]), function(sub) {
|
||||
can.onappend._init(can, meta, Volcanos.meta.libs.concat(["plugin/state.js"]), function(sub) {
|
||||
sub.run = function(event, cmds, cb, silent) {
|
||||
can.run(event, ["field", "action", "story", data.type, data.name, data.text].concat(cmds), cb, silent)
|
||||
}
|
||||
|
||||
@ -11,5 +11,3 @@ Volcanos("onaction", {help: "控件交互", list: [],
|
||||
},
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user