add inner.tabview

frame.js

@@ -25,6 +25,7 @@ Volcanos("onaction", { _init: function(can, meta, list, cb, target) {
                 can.onengine && getRiver(can.onengine.river)
 
                 // 应用入口
+                can.user.title(can.user.Search(can, "title"))
                 var pane = can[meta.main.name], msg = can.request({});
                 pane.onaction._init(pane, msg, msg.option||[], cb, target);
             })
@@ -33,7 +34,7 @@ Volcanos("onaction", { _init: function(can, meta, list, cb, target) {
     search: function(event, can, msg, pane, cmds, cb) { var chain = cmds[1]
         var sub, mod = can, key, fun = can; can.core.List(chain.split("."), function(value, index, array) {
             fun && (sub = mod, mod = fun, key = value, fun = mod[value])
-        }); if (!sub || !mod || !fun) { console.error("not found", chain); return }
+        }); if (!sub || !mod || !fun) { console.info("not found", chain); return }
 
         typeof fun == "function" && fun(sub, msg, cmds.slice(2), cb, sub._target)
     },
@@ -57,8 +58,8 @@ Volcanos("onaction", { _init: function(can, meta, list, cb, target) {
                 typeof cb == "function" && cb(msg)
                 return true
             case "Action":
-                var river = can.onengine.river[cmds[0]];
+                var river = can.onengine.river[cmds[0]||can.user.Search(can, "river")];
-                var storm = river && river.storm[cmds[1]];
+                var storm = river && river.storm[cmds[1]||can.user.Search(can, "storm")];
                 var action = storm && storm.action[cmds[2]];
                 if (!storm) { break } if (cmds.length == 2) {
                     can.core.List(storm.action, function(value) {
@@ -96,6 +97,7 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
         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)
+        can.page.ClassList.add(can, field, feature.style||"")
 
         // 添加插件
         var sub = Volcanos(meta.name, { _help: meta.name, _target: field,
@@ -133,6 +135,10 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
                     _follow: can._follow+"."+meta.name+"."+item.name,
                 }, Volcanos.meta.libs.concat([item.display||"/plugin/input.js"]), function(input) {
                     input.onimport._init(input, input.Conf(item), item.list||[], function() {}, input._target);
+                    if (can.user.Search(can, "active") == meta.name) {
+                        var p = sub.user.Search(can, item.name) || ""
+                        p && (input._target.value = p)
+                    }
 
                     input.run = function(event, cmds, cb, silent) {
                         // 控件回调
@@ -153,7 +159,26 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
                             if (!cmds[i]) { cmds.pop() } else { break }
                         }
 
-                        sub._history.push(cmds); sub.run(event, cmds, function(msg) {
+                        var msg = sub.request(event); msg.Option("_action", item.name);
+                        cmds[0] != "action" && sub._history.push(cmds);
+                        run(event, cmds, cb, silent)
+                    }
+
+                    // 添加事件
+                    can.core.Item(input.onaction, function(key, value) {
+                        input._target && key.indexOf("on") == 0 && (input._target[key] = function(event) {
+                            value(event, input);
+                        })
+                    }), next();
+
+                    // 自动执行
+                    if (item.type == "button" && item.action == "auto") {
+                        input._target.click()
+                    }
+                })
+            })
+
+            function run(event, cmds, cb, silent) { sub.run(event, cmds, function(msg) {
                 if (silent) { typeof cb == "function" && cb(msg); return }
 
                 // 添加组件
@@ -165,11 +190,10 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
                     _follow: can._follow+"."+meta.name+"."+display,
                     Option: sub.Option, Action: sub.Action, 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.onimport._init(table, msg, msg.result||[], function() {}, output)
 
                     table.run = function(event, cmds, cb, silent) { cmds = cmds || []
-                                    // 组件回调
+                        sub.run(event, cmds, cb, silent)
-                                    cmds[0] == "field"? sub.run(event, cmds.slice(1), cb, silent): input.run(event, cmds, cb, silent)
                     }
 
                     // 工具栏
@@ -194,22 +218,8 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
                     })
                 }) 
                 var table = sub[display];
-                        }, silent)
+            }, silent) }
-                    }
 
-                    // 添加事件
-                    can.core.Item(input.onaction, function(key, value) {
-                        input._target && key.indexOf("on") == 0 && (input._target[key] = function(event) {
-                            value(event, input);
-                        })
-                    }), next();
-
-                    // 自动执行
-                    if (item.type == "button" && item.action == "auto") {
-                        input._target.click()
-                    }
-                })
-            })
         }); cb(sub);
     },
     item: function(can, target, type, item, cb, cbs) {
@@ -280,7 +290,7 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
         return target;
     },
     table: function(can, target, type, msg) {
-        var table = can.page.AppendTable(can, can._output, msg, msg.append, function(event, value, key, index, tr, td) {
+        var table = can.page.AppendTable(can, target, msg, msg.append, function(event, value, key, index, tr, td) {
             can.page.Select(can, can._option, "input.args", function(input) { if (input.name == key) { var data = input.dataset || {}
                 input.value = value; if (data.action == "auto") {
                     can.run(event, [], function(msg) {})
@@ -320,7 +330,7 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
         })
     },
     board: function(can, target, type, msg) {
-        msg.result && can.page.AppendBoard(can, can._output, can.page.Display(msg.Result()))
+        msg.result && can.page.AppendBoard(can, target, can.page.Display(msg.Result()))
     },
 
     carte: function(can, meta, list, cb) { list = list && list.length > 0? list: meta.list; if (list.length == 0) { return }
@@ -394,7 +404,44 @@ Volcanos("onappend", { _init: function(can, meta, list, cb, target, field) {
                     can.page.Modify(can, can._toast, {style: {display: "none"}})
             }]}] });
         })
+    },
+
+    upload: function(can) { var begin = new Date();
+        can._upload = can._upload || can.page.Append(can, can._target, [{view: "upload", list: [{view: "action"}, {view: "output"}]}])
+
+        function show(event, value, total, loaded) {
+            var now = new Date(); can.page.Appends(can, can._upload.output, [
+                {view: ["progress"], style: {height: "10px", border: "solid 2px red"}, list: [{
+                    view: ["progress"], style: {height: "10px", width: value + "%", background: "red"},  
+                }]},
+                {text: [value+"%", "div"], style: {"float": "right"}},
+                {text: [can.base.Duration(now - begin), "div"], style: {"float": "left"}},
+                {text: [can.base.Size(loaded)+"/"+can.base.Size(total), "div"], style: {"text-align": "center"}},
+            ]);
         }
+
+        var action = can.page.AppendAction(can, can._upload.action, [
+            {type: "input", data: {name: "upload", type: "file", onchange: function(event) {
+                var file = action.upload.files[0]
+                show(event, 0, file.size, 0)
+            }}, style: {width: "200px"}}, "上传", "关闭"], function(event, value, cmd) {
+                if (action.upload.files.length == 0) {return action.upload.focus()}
+                if (value == "关闭") {can._upload.stick = false; return can.page.Remove(can, can._upload.output.parentNode)}
+
+                var msg = can.request(event);
+                can.page.Select(can, can._option, "input", function(item) {
+                    item.name && item.value && msg.Option(item.name, item.value)
+                })
+
+                // 上传文件
+                begin = new Date();
+                msg._progress = show
+                msg.upload = action.upload.files[0];
+                can.run(event, ["action", "upload"], function(msg) {
+                    can.onappend.toast(can, "上传成功")
+                }, true);
+            })
+    },
 }, [], function(can) {})
 Volcanos("onlayout", { _init: function(can, meta, list, cb, target) {
         var width = can._width, height = can._height;

index.css

@@ -77,6 +77,17 @@ fieldset>div.action {
 fieldset>div.action>div.item {
     float:left;
 }
+fieldset>div.action>div.item>input {
+    color:cyan;
+    background:black;
+}
+fieldset>div.action>div.item>input:hover {
+    background:gray;
+}
+fieldset>div.action>div.item>select {
+    color:cyan;
+    background:black;
+}
 fieldset>div.status>div.item {
     float:left;
     padding:4px;
@@ -86,27 +97,32 @@ fieldset>div.status>div.item>label {
     color:gray;
 }
 
-fieldset div.output {
+fieldset>div.output {
     margin-top:4px;
     clear:both;
     overflow:auto;
+    position:relative;
 }
-fieldset div.output>div.project {
+fieldset>div.output>div.project {
     float:left;
+    /* position:fixed; */
 }
-fieldset div.output>div.project>div.item {
+fieldset>div.output>div.project>div.item {
     clear:both;
 }
-fieldset div.output>div.project>div.item:hover {
+fieldset>div.output>div.project>div.item:hover {
     border:solid 1px red;
 }
-fieldset div.output>pre.display {
+fieldset>div.output>pre.profile {
-    padding:4px;
+    float:right;
-    max-height:80px;
-    border:solid 2px red;
-    margin:0;
-    overflow:auto;
 }
+fieldset>div.output>div.profile>div.item {
+    clear:both;
+}
+fieldset>div.output>div.profile>div.item:hover {
+    border:solid 1px red;
+}
+
 fieldset div.code {
     color:white;
     font-size:14px;
@@ -172,7 +188,8 @@ div.toast {
     border:solid 2px red;
     position:absolute;
     padding:5px;
-    color:yellow
+    color:yellow;
+    z-index:100;
 }
 div.toast div.title {
     font-size:14px;
@@ -185,3 +202,17 @@ div.toast div.duration {
     font-size:14px;
     color:gray;
 }
+
+div.upload {
+    background:black;
+    border:solid 2px red;
+    position:absolute;
+    padding:5px;
+    color:yellow;
+    z-index:100;
+    left:20px;
+    top:20px;
+}
+div.upload div.item {
+    float:left;
+}

lib/core.js

@@ -62,7 +62,9 @@ Volcanos("core", {help: "核心模块",
     }),
 
     Split: shy("分词器", function(str) { if (!str || !str.length) {return []}
-        var arg = []; for (var i = 1; i < arguments.length; i++) { arg.push(arguments[i]) }
+        var opt = {simple: false}, arg = []; for (var i = 1; i < arguments.length; i++) {
+            typeof arguments[i] == "object"? opt=arguments[i]: arg.push(arguments[i])
+        }
 
         function trans(str) { var res = {}; for (var i = 0; i < str.length; i++) { res[str[i]] = true }; return res }
         // 空白符
@@ -74,36 +76,28 @@ Volcanos("core", {help: "核心模块",
 
         // 开始分词
         var res = [], list = str;
-        var left = '\000', space = true, begin = 0;
+        var left = "", space = true, begin = 0;
         for (var i = 0; i < list.length; i++) {
             if (seps[list[i]]) {
                 // 空白符
-                if (left == '\000') {
+                if (left == "") {
                     if (!space) {
                         res.push(list.slice(begin, i))
                     }
-                    res.push({text: list.slice(i, i+1), type: "space", left: left})
+                    opt.simple || res.push({text: list.slice(i, i+1), type: "space", left: left})
                     space = true, begin = i+1
                 }
             } else if (subs[list[i]]) {
                 // 引用符
-                if (arg.length > 0) {
+                if (left == "") {
-                    if (left == '\000') {
-                        left = list[i]
-                    } else if (left == list[i]) {
-                        left = '\000'
-                    }
-                } else {
-                    if (left == '\000') {
                     left = list[i], space = false, begin = i+1
                 } else if (left == list[i]) {
                     res.push({text: list.slice(begin, i), type: "string", left: left})
-                        left = '\000', space = true, begin = i+1
+                    left = "", space = true, begin = i+1
-                    }
                 }
             } else if (sups[list[i]]) {
                 // 分隔符
-                if (left == '\000') {
+                if (left == "") {
                     if (!space) {
                         res.push(list.slice(begin, i))
                     }

page/share.html

@@ -4,7 +4,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=0.7,user-scalable=no">
     <title>volcanos</title>
 
-    <link rel="shortcut icon" type="image/ico" href="/static/volcanos/favicon.ico">
+    <link rel="shortcut icon" type="image/ico" href="/favicon.ico">
     <link rel="stylesheet" type="text/css" href="/index.css">
     <link rel="stylesheet" type="text/css" href="/page/share.css">
 </head>

page/share.js

@@ -1,26 +1,13 @@
-var Config = {name: "demo", volcano: "/frame.js", iceberg: "/chat/", intshell: "plug.sh",
+Volcanos({name: "demo", volcano: "/frame.js", iceberg: "/chat/", intshell: "plug.sh",
     libs: ["/lib/base", "/lib/core", "/lib/misc", "/lib/page", "/lib/user"], panes: [
         {type: "pane", name: "Action", help: "工作台", pos: "middle", list: ["/pane/Action.js", "/pane/Action.css"]},
-    ], main: {name: "Action", engine: "remote", list: []},
+    ], main: {name: "Action", engine: "remote", list: ["/publish/order.js"]}, plugin: [
-    list: ["/plugin/state.js", "/plugin/input.js", "/plugin/table.js",
+        "/plugin/state.js",
+        "/plugin/input.js",
+        "/plugin/table.js",
         "/plugin/input/key",
         "/plugin/input/date",
         "/plugin/input/upload",
         "/plugin/input/province",
     ],
-}
-
-var Preload = Config.libs; Config.panes.forEach(function(pane) {
-    Preload = Preload.concat(pane.list);
-}); Preload = Preload.concat(Config.list)
-
-Volcanos(Config.name, { _target: document.body, _follow: "demo",
-    _head: document.head, _body: document.body,
-    _width: window.innerWidth, _height: window.innerHeight,
-}, Preload.concat(Config.volcano), function(can) { // 程序入口
-    can.onaction._init(can, can.Conf(Config), [], function(msg) {
-        console.log(can._root, can._name, "start", can, msg);
-    }, can._target)
 })
-
-

pane/Action.css

@@ -17,7 +17,7 @@ fieldset.Action fieldset.plugin legend {
     margin-top:5px;
 }
 fieldset.Action fieldset.plugin form.option div.item {
-    margin:5px;
+    margin:2px;
 }
 fieldset.Action fieldset.plugin div.output {
     margin:5px;

pane/Action.js

@@ -32,6 +32,8 @@ Volcanos("onexport", {help: "导出数据", list: [],
                 {type: "button", name: "查看", action: "auto"},
                 {type: "button", name: "返回"},
             ]);
+            value.width = can._target.offsetWidth
+            value.height = can._target.offsetHeight
             can.onappend._init(can, value, Volcanos.meta.libs.concat(["/plugin/state.js"]), function(sub) {
                 sub.run = function(event, cmds, cb, silent) { var msg = can.request(event, event._msg||{_msg: sup});
                     // 插件回调

plugin/inner.css

@@ -1,62 +1,116 @@
-fieldset.editor>div.output textarea.editor {
+fieldset.editor>div.action>div.file {
-    font-family:monospace;
+    border:solid 2px red;
-    background-color:black;
+    padding:2px;
-    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 {
+fieldset.editor>div.action>div.file:hover {
-    text-align:right;
+    background-color:green;
-    border:solid 1px black;
+    cursor:pointer;
-    padding:0 4px;
-    height:20px;
-    margin:0;
 }
-fieldset.editor>div.output div.lineno>div.item:hover {
+fieldset.editor>div.action>div.file.select {
     background-color:green;
 }
-fieldset.editor>div.output div.lineno>div.item.select {
+fieldset.editor>div.output {
+    min-height:300px;
+}
+fieldset.editor>div.output>div.project {
+    width:80px; overflow:auto;
+    position:fixed;
+}
+fieldset.editor>div.output>div.profile {
+    position:absolute; right:0;
+    width:80px; overflow:auto;
+}
+fieldset.editor>div.output>div.profile:hover {
+    position:absolute; right:0;
+    width:480px;
+}
+
+fieldset.editor>div.output div.preview {
+    font-family:monospace;
+    float:left; margin-left:80px;
+}
+fieldset.editor>div.output div.preview>div.item {
+    text-align:right;
+    height:20px; border:solid 1px black;
+    padding:0 4px; margin:0;
+}
+fieldset.editor>div.output div.preview>div.item:hover {
+    background-color:green;
+}
+fieldset.editor>div.output div.preview>div.item.select {
     background-color:red;
 }
 fieldset.editor>div.output div.content {
-    font-family:monospace;
+    font-size:16px; font-family:monospace;
     border-left:solid 2px red;
     padding-left:10px;
 }
 fieldset.editor>div.output div.content>pre.item {
-    border:solid 1px black;
+    height:20px; border:solid 1px black;
-    padding:0;
+    padding:0; margin:0;
-    height:20px;
-    margin:0;
-}
-fieldset.editor>div.output div.content>pre.item span.comment {
-    background-color:blue;
-    color:cyan;
-}
-fieldset.editor>div.output div.content>pre.item span.keyword {
-    color:yellow;
-    font-weight:bold;
-}
-fieldset.editor>div.output div.content>pre.item span.function {
-    color:cyan;
-    font-weight:bold;
-}
-fieldset.editor>div.output div.content>pre.item span.datatype {
-    color:lightgreen;
-    font-weight:bold;
-}
-fieldset.editor>div.output div.content>pre.item span.string {
-    color:magenta;
 }
 fieldset.editor>div.output div.content>pre.item:hover {
     border:solid 1px red;
 }
+fieldset.editor>div.output div.content>pre.item span.comment {
+    background-color:blue; color:cyan;
+}
+fieldset.editor>div.output div.content>pre.item span.keyword {
+    font-weight:bold;
+    color:yellow;
+}
+fieldset.editor>div.output div.content>pre.item span.function {
+    font-weight:bold;
+    color:cyan;
+}
+fieldset.editor>div.output div.content>pre.item span.datatype {
+    font-weight:bold;
+    color:lightgreen;
+}
+fieldset.editor>div.output div.content>pre.item span.string {
+    color:magenta;
+}
+fieldset.editor>div.output pre.display {
+    padding:6px; border:solid 1px red;
+    max-height:80px; overflow:auto;
+    position:sticky; bottom:0;
+    display:none;
+}
+fieldset.editor>div.output pre.display:hover {
+    background-color:black;
+    max-height:360px;
+    z-index:100;
+}
+
+fieldset.editor>div.output textarea.editor.normal {
+    background-color:#00000000; color:#00000000;
+    caret-color:#00000000;
+}
+fieldset.editor>div.output textarea.editor {
+    font-size:16px; font-family:monospace;
+    background-color:black; color:white;
+    caret-color:yellow;
+
+    position:absolute; left:0;
+    border:solid 1px red;
+    width:0; height:20px;
+    padding:0; margin:0;
+
+    background-color:#00000000; color:#00000000;
+    padding-left:12px;
+    display:none;
+}
+fieldset.editor>div.output textarea.command {
+    background-color:black; color:white;
+    font-family:monospace;
+    caret-color:red;
+
+    position:sticky; bottom:0;
+    width:0; height:20px;
+    border:solid 1px red;
+    padding:0; margin:0;
+    padding-left:10px;
+    z-index:10;
+}
+

plugin/inner.js

@@ -1,71 +1,125 @@
-Volcanos("onimport", {help: "导入数据", _init: function(can, msg, list, cb, target) { target.innerHTML = "";
+Volcanos("onimport", {help: "导入数据", _init: function(can, msg, list, cb, target) { target.innerHTML = ""
-        // can.onappend.table(can, target, "table", msg);
+        var width = can.Conf("width"), height = can.Conf("height")
+        can.page.Modify(can, target, {style: {"max-height": height-160+"px"}})
 
-        can.history = []
+        msg.Option("_action") != "查看" && can.onappend.table(can, target, "table", msg)
-        can.ui = can.page.Append(can, target, [{view: ["editor", "textarea"], onkeydown: function(event) {
+        can.ui = can.page.Append(can, target, [
-            can.history.push(event.key); if (can.mode != "insert") {
+            {view: ["project", "div"], style: {width: "80px"}},
-                event.stopPropagation()
+            {view: ["profile", "div"]},
-                event.preventDefault()
-            }
 
-            can.Status("输入值", can.history.join())
+            {view: "preview", style: {width: "30px"}},
-            var cb = can.onkeymap[can.mode][event.key]
+            {view: "content"}, {type: "code", list: [{view: ["display", "pre"]}]},
-            if (typeof cb == "function") { return cb(event, can),  can.history = [] }
-
-            var map = can.onkeymap[can.mode]._engine
-            for (var i = can.history.length-1; i > -1; i--) {
-                var pos = map[can.history[i]]
-                if (typeof pos == "object") { map = pos; continue }
-                if (typeof pos == "function") { pos(event, can); can.history = [] } break
-            }
-        }, onkeyup: function(event) {
 
+            {view: ["command", "textarea"], onkeydown: function(event) {
+                can.onkeymap.parse(event, can, "command")
+            }},
+            {view: ["editor", "textarea"], onkeydown: function(event) {
+                can.onkeymap.parse(event, can, "insert"), can.Timer(10, function() {
+                    can.onaction.modifyLine(can, can.current, can.editor.value)
+                })
             }, onblur: function(event) {
                 can.onaction.modifyLine(can, can.current, can.editor.value)
             }},
-            {view: ["project", "div"], style: {width: "80px"}},
+        ])
-            {view: "lineno", style: {width: "30px"}},
-            {view: "content"},
-            {view: "preview"}, {view: ["display", "pre"]},
-        ]);
-        can.onlayout.show_project(can);
-        can.onlayout.show_project(can);
 
-        can.core.List(can.onkeymap.list, function(item) { var engine = {};
+        msg.Option("path", can.Option("path"))
-            can.core.Item(can.onkeymap[item], function(key, cb) { var map = engine;
+        msg.Option("name", can.Option("name"))
-                for (var i = key.length-1; i > -1; i--) {
+        can.tabview = {}, can.Timer(10, function() {
-                    map = map[key[i]] = i == 0? cb: (map[key[i]]||{});
+            can.onlayout._init(can)
+            can.onkeymap._init(can, "normal")
+            can.onimport.project(can, can.Option("path"))
+            can.onimport.tabview(can, can.Option("path"), can.Option("name"))
+        })
+        return typeof cb == "function" && cb(msg)
+    },
+    tabview: function(can, path, name) {
+        can.Option("path", path)
+        can.Option("name", name)
+        if (can.tabview[path+name]) { return can.onsyntax._init(can, can.tabview[path+name]) }
+
+        var p = can.onsyntax[can.parse]
+        !p && can.run({}, ["action", "plug", can.Option("path"), can.Option("name")], function(msg) {
+            can.onsyntax[can.parse] = p
+        }, true)
+
+        can.run({}, [path, name], function(msg) {
+            msg.Option("path", can.Option("path"))
+            msg.Option("name", can.Option("name"))
+
+            can.page.Append(can, can._action, [{view: ["file", "div", name], onclick: function(event) {
+                can.onsyntax._init(can, msg)
+            }}]), can.onsyntax._init(can, can.tabview[path+name] = msg)
+        }, true)
+    },
+    project: function(can, path) { can.ui.project.innerHTML = ""
+        can.Option("path", path)
+        can.run({}, ["action", "project", path], function(res) {
+            res.Table(function(value) { can.page.Append(can, can.ui.project, [{text: [value.file, "div", "item"], onclick: function(event) {
+                if (value.file.endsWith("/")) {
+                    can.onimport.project(can, can.Option("path", can.base.Path(can.Option("path"), value.file)))
+                } else {
+                    can.onimport.tabview(can, can.Option("path"), can.Option("name", value.file))
                 }
-            })
+            }} ]) })
-            can.onkeymap[item]._engine = engine
+        }, true)
-        })
-        console.log(can.onkeymap)
-
-        var ls = can.Option("name").split(".");
-        can.parse = ls.pop()||"txt";
-        can.editor = can.ui.editor, can.max = 0, can.ls = msg.Result().split("\n");
-        can.core.List(can.ls, function(item) { can.onaction.appendLine(can, item) });
-        can.Timer(100, function() {
-            can.onaction.project(can);
-            can.onaction.selectLine(can, 0);
-            can.onaction.mode(null, can, null, "normal");
-            can.Status("文件名", can.Option("name"))
-            can.Status("解析器", can.parse)
-        })
-        return typeof cb == "function" && cb(msg);
     },
 }, ["/plugin/inner.css"])
-Volcanos("onsyntax", {help: "语法高亮", list: ["normal", "insert"],
+Volcanos("onsyntax", {help: "语法高亮", list: ["keyword", "prefix", "line"], _init: function(can, msg) {
-    parse: function(can, line) { var p = can.onsyntax[can.parse];
+        var file = can.base.Path(msg.Option("path"), msg.Option("name"))
+
+        // option
+        can.core.List(["path", "name"], function(item) {
+            can.Option(item, msg.Option(item))
+        })
+        // action
+        can.page.Select(can, can._action, "div.file", function(item) {
+            item.innerText == msg.Option("name")? can.page.ClassList.add(can, item, "select"): can.page.ClassList.del(can, item, "select")
+        })
+
+        // caches
+        can.core.List(["preview", "content", "display"], function(item) {
+            can.Cache(can.file+item, can.ui[item], can.current)
+        });
+        // caches
+        can.file = file; var cache = false; can.core.List(["preview", "content", "display"], function(item) {
+            var p = can.Cache(can.file+item, can.ui[item]); if (p) { p.click(), cache = true }
+        }); if (cache) { return }
+
+        // remote
+        can.ui.preview.innerHTML = ""
+        can.ui.content.innerHTML = ""
+        can.parse = file.split(".").pop()||"txt"
+        can.max = 0, can.core.List(can.ls = msg.Result().split("\n"), function(item) {
+            can.onaction.appendLine(can, item)
+        })
+
+        // status
+        can.Status("当前行", can.onexport.position(can, 0))
+        can.Status("文件名", can.file), can.Status("解析器", can.parse)
+
+        // plugin
+        function init() {
+            can.onkeymap._remote(event, can, "运行")
+            typeof p.display == "object" && (
+                p.display.height && can.page.Modify(can, can.ui.display, {style: {
+                    "max-height": p.display.height,
+                }})
+            )
+        }; var p = can.onsyntax[can.parse]; !p? can.run({}, ["action", "plug", can.Option("path"), can.Option("name")], function(msg) {
+            can.onsyntax[can.parse] = p = can.base.Obj(msg.Result()), p.display && init()
+        }, true): p.display && init()
+    },
+    parse: function(can, line) { var p = can.onsyntax[can.parse]
         function wrap(type, str) { return type? '<span class="'+type+'">'+str+'</span>': str }
-        p && p.keyword && (line = can.core.List(can.core.Split(line), function(item, index, array) {
+        p && p.keyword && (line = can.core.List(can.core.Split(line, " ", p.split.operator), function(item, index, array) {
-            var text = item.text || item;
+            item = typeof item == "object"? item: {text: item}
-            var key = p.keyword[text];
+            p.word && (item = p.word(item, index, array))
+            var text = item.text; var key = item.keyword||p.keyword[text]
 
             switch (item.type) {
-                case "string": return wrap("string", item.left+text+item.left);
                 case "space": return text
-                default: return wrap(key, text);
+                case "string": return wrap("string", item.left+text+item.left)
+                default: return wrap(key, text)
             }
         }).join(""))
 
@@ -75,47 +129,43 @@ Volcanos("onsyntax", {help: "语法高亮", list: ["normal", "insert"],
         return p && p.line? p.line(can, line): line
     },
     sh: {
+        display: true,
+        split: {},
         keyword: {
-            "require": "keyword",
+            export: "keyword",
-            "export": "keyword",
+            source: "keyword",
-            "source": "keyword",
+            require: "keyword",
-        },
-        prefix: {
-            "#": "comment",
-        },
-        line: function(can, line) {
-            return line
         },
+        prefix: {"#": "comment"},
+        line: function(can, line) { return line },
     },
     vim: {
+        split: {},
         keyword: {
-            syntax: "keyword",
             highlight: "keyword",
+            syntax: "keyword",
         },
-        prefix: {
+        prefix: {"\"": "comment"},
-            "\"": "comment",
-        },
     },
     shy: {
-        keyword: {
+        profile: true,
-        },
+        display: true,
-        prefix: {
+        split: {},
-            "~": "keyword",
+        line: function(can, line) { return line },
-            "#": "comment",
-        },
     },
     mod: {
+        split: {},
         keyword: {
             "module": "keyword",
             "require": "keyword",
             "replace": "keyword",
             "=>": "keyword",
         },
-        prefix: {
+        prefix: {"#": "comment"},
-            "#": "comment",
-        },
     },
     go: {
+        display: true,
+        split: {},
         keyword: {
             "package": "keyword",
             "import": "keyword",
@@ -158,142 +208,332 @@ Volcanos("onsyntax", {help: "语法高亮", list: ["normal", "insert"],
             "msg": "function",
             "kit": "keyword",
         },
+        prefix: {"//": "comment"},
+    },
+    js: {
+        display: true,
+        split: {
+            space: " ",
+            operator: "{[(.:,;!|)]}",
+        },
+        keyword: {
+            "var": "keyword",
+            "new": "keyword",
+            "delete": "keyword",
+            "typeof": "keyword",
+            "function": "keyword",
+
+            "if": "keyword",
+            "else": "keyword",
+            "for": "keyword",
+            "while": "keyword",
+            "break": "keyword",
+            "continue": "keyword",
+            "switch": "keyword",
+            "case": "keyword",
+            "default": "keyword",
+            "return": "keyword",
+
+            "window": "function",
+            "console": "function",
+            "document": "function",
+            "arguments": "function",
+            "event": "function",
+            "Date": "function",
+            "JSON": "function",
+
+            "0": "string",
+            "1": "string",
+            "-1": "string",
+            "true": "string",
+            "false": "string",
+            "undefined": "string",
+            "null": "string",
+
+            "__proto__": "function",
+            "setTimeout": "function",
+            "createElement": "function",
+            "appendChild": "function",
+            "removeChild": "function",
+            "parentNode": "function",
+            "childNodes": "function",
+
+            "Volcanos": "function",
+            "request": "function",
+            "require": "function",
+
+            "cb": "function",
+            "cbs": "function",
+            "shy": "function",
+            "can": "function",
+            "sub": "function",
+            "msg": "function",
+            "res": "function",
+            "pane": "function",
+            "plugin": "function",
+        },
+        prefix: {"//": "comment"},
+        word: function(value, index, array) {
+            var libs = {
+                base: true,
+                core: true,
+                misc: true,
+                page: true,
+                user: true,
+            }
+            return array[index-2]=="can"&&array[index-1]=="."&&(libs[value]||libs[value.text])? {keyword: "function", text: value.text||value}: value
+        },
+    },
+
+    png: {
+        line: function(can, line) { return can.page.Format("img", "/share/local/"+line) }
+    },
+    m4v: {
+        keymap: {
+            j: function(event, can) {
+                console.log("down")
+            },
+            k: function(event, can) {
+            },
+        },
+        display: true,
+        line: function(can, line) { var auto = false, loop = true
+            var total = 0
+            function cb(event) { console.log(event) }
+            return {className: "preview", type: "video", style: {height: can.Conf("height")-160+"px", width: can.Conf("width")-160+"px"},
+                data: {src: "/share/local/"+line, controls: "controls", autoplay: auto, loop: loop},
+                oncontextmenu: cb, onplay: cb, onpause: cb, onended: cb,
+                onloadedmetadata: function(event) { total = event.timeStamp }, onloadeddata: cb, ontimeupdate: function(event) {
+                    can.Status("当前行", can.onexport.position(can, event.target.currentTime-1, event.target.duration))
+                },
+            }
+        },
     },
 })
-Volcanos("onkeymap", {help: "键盘交互", list: ["command", "normal", "insert"],
+Volcanos("onkeymap", {help: "键盘交互", list: ["command", "normal", "insert"], _init: function(can, mode) {
-    _command: function(can) { can.onaction.mode(null, can, null, "command") },
+        can.page.Modify(can, can.ui.command, {style: {display: "none", width: can._target.offsetWidth-20+"px"}})
-    _normal: function(can) { can.onaction.mode(null, can, null, "normal") },
+
-    _insert: function(can) { can.onaction.mode(null, can, null, "insert") },
+        can.history = [], can.editor = can.ui.editor
-    _engine: {
+        can.core.List(can.onkeymap.list, function(item) { var engine = {}
-        w: function(event, can) {
+            can.core.Item(can.onkeymap[item], function(key, cb) { var map = engine
-            can.onaction.remote(event, can, null, "保存")
+                for (var i = key.length-1; i > -1; i--) {
+                    map = map[key[i]] = i == 0? cb: (map[key[i]]||{})
+                }
+            }), can.onkeymap[item]._engine = engine
+        }), can.onkeymap._mode(can, mode||"normal")
     },
+    _mode: function(can, value) { can.Status("输入法", can.mode = value)
+        can.ui.editor.className = "editor "+can.mode
+        can.Action("mode", can.mode)
+        return value
+    },
+    _command: function(can) { can.onkeymap._mode(can, "command")
+        can.page.Modify(can, can.ui.command, {value: "", style: {display: "block"}})
+        can.ui.command.focus()
+    },
+    _normal: function(can) { can.onkeymap._mode(can, "normal") },
+    _insert: function(can) { can.onkeymap._mode(can, "insert") },
+
+    _remote: function(event, can, key, arg) { can.ui.display.innerHTML = "", can.ui.profile.innerHTML = ""
+        var p = can.onsyntax[can.parse]
+        can.display = p && p.profile && can.ui.profile || can.ui.display
+        var msg = can.request(event); msg.Option("content", can.onexport.content(can))
+        can.run(event, arg||["action", key, can.Option("path"), can.Option("name")], function(msg) {
+            can.page.Modify(can, can.display, {innerHTML: "", style: {display: "block"}})
+            can.onappend.table(can, can.display, "table", msg)
+            can.onappend.board(can, can.display, "board", msg)
+        }, true)
+    },
+    _engine: {
+        w: function(event, can) { can.onkeymap._remote(event, can, "保存") },
+        e: function(event, can, line, ls) { ls = ls[1].split("/")
+            can.onimport.tabview(can, ls.slice(0, -1).join("/"), ls.slice(-1).join(""))
+        },
+        r: function(event, can) { can.onkeymap._remote(event, can, "运行") },
+
+        commit: function(event, can) { can.onkeymap._remote(event, can, "提交") },
+        history: function(event, can) { can.onkeymap._remote(event, can, "历史") },
+    },
+
+    parse: function(event, can, mode) {
+        event.key.length == 1 && can.history.push(event.key); if (can.mode != mode) {
+            event.stopPropagation(), event.preventDefault()
+        }; can.mode != "command" && can.Status("输入值", can.history.join())
+
+        for (var pre = 0; pre < can.history.length; pre++) {
+            if ("0" <= can.history[pre] && can.history[pre] <= "9") { continue } break
+        }; can.count = parseInt(can.history.slice(0, pre).join(""))
+
+        var p = can.onsyntax[can.parse]
+        var cb = (p&&p.keymap||can.onkeymap[can.mode])[event.key]; if (typeof cb == "function") {
+            return cb(event, can, can.count), can.history = []
+        }
+
+        var map = can.onkeymap[can.mode]._engine; for (var i = can.history.length-1; i > pre-1; i--) {
+            var cb = map[can.history[i]]; if (typeof cb == "function") {
+                return cb(event, can, can.count), can.history = []
+            }; if (typeof cb == "object") { map = cb; continue }; break
+        }
     },
     command: {
-        Enter: function(event, can) { can.onkeymap._normal(can);
+        Escape: function(event, can) { can.onkeymap._normal(can)
-            var line = can.history.slice(0, -1).join("");
+            can.page.Modify(can, can.ui.command, {style: {display: "none"}})
-            var cb = can.onkeymap._engine[line]; if (typeof cb == "function") {
+            can.editor.focus()
-                return cb(event, can)
-            }
-            can.run(event, ["action", line, can.base.Path(can.Option("path"), can.Option("name"))], function(res) {
-                can.ui.display.innerHTML = res.Result()
-            }, true);
         },
-        jk: function(event, can) { can.history = can.history.slice(0, -1);
+        Enter: function(event, can) { can.onkeymap._normal(can)
-            can.onkeymap.command.Enter(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): can.onkeymap._remote(event, can, line, ls)
+
+            can.onkeymap.command.Escape(event, can)
+        },
+        jk: function(event, can) { can.history = can.history.slice(0, -1)
+            can.onkeymap.command.Enter(event, can)
         },
     },
     normal: {
-        ":": function(event, can) {
+        ":": function(event, can) { can.onkeymap._command(can) },
-            can.onkeymap._command(can)
+
-        },
         h: function(event, can) {
             can.editor.setSelectionRange(can.editor.selectionStart-1, can.editor.selectionStart-1)
         },
         l: function(event, can) {
             can.editor.setSelectionRange(can.editor.selectionStart+1, can.editor.selectionStart+1)
         },
-        j: function(event, can) {
+        j: function(event, can, count) { count = count || 1
+            for (var i = 0; i < count; i++) {
+                var pos = can.current.offsetTop-can._target.scrollTop
                 can.onaction.selectLine(can, can.current.nextSibling)
+                if (pos > 22*15) {
+                    can._target.scrollBy(0, 22)
+                }
+            }
         },
-        k: function(event, can) {
+        k: function(event, can, count) { count = count || 1
+            for (var i = 0; i < count; i++) {
+                var pos = can.current.offsetTop-can._target.scrollTop
                 can.onaction.selectLine(can, can.current.previousSibling)
+                if (pos < 22*5) {
+                    can._target.scrollBy(0, -22)
+                }
+            }
+        },
+        gg: function(event, can, count) { count = count || 1
+            can.onaction.selectLine(can, count - 1)
+            can.current.scrollIntoView()
+            can._target.scrollBy(0, -22*5)
+        },
+        G: function(event, can, count) { count = count || can.max
+            can.onaction.selectLine(can, count - 1)
+            can.current.scrollIntoView()
+            if (count - can.max < -5) {
+                can._target.scrollBy(0, -22*5)
+            }
+        },
+        zt: function(event, can, count) { count = count || 2
+            can.current.scrollIntoView()
+            can._target.scrollBy(0, -22*count)
+        },
+        zz: function(event, can, count) { count = count || 5
+            can.current.scrollIntoView()
+            can._target.scrollBy(0, -22*count)
+        },
+        zb: function(event, can, count) { count = count || 3
+            can._target.scrollBy(0, -(can._target.offsetHeight - (can.current.offsetTop - can._target.scrollTop))+22*count)
         },
 
-        r: function(event, can) {
+        i: function(event, can) { can.onkeymap._insert(can)
-            can.run(event)
         },
-        i: function(event, can) {
+        I: function(event, can) { can.onkeymap._insert(can)
-            can.onkeymap._insert(can)
+            can.editor.setSelectionRange(0, 0)
         },
-        O: function(event, can) {
+        o: function(event, can) { can.onkeymap._insert(can)
-            can.onkeymap._insert(can)
-            can.onaction.insertLine(can, can.current, "", true).click()
-        },
-        o: function(event, can) {
-            can.onkeymap._insert(can)
             can.onaction.insertLine(can, can.current).click()
         },
-        yy: function(event, can) {
+        O: function(event, can) { can.onkeymap._insert(can)
-            can.last = can.current.innerText
+            can.onaction.insertLine(can, can.current, "", true).click()
         },
-        dd: function(event, can) {
+
+        yy: function(event, can) { can.last = can.current.innerText
+        },
+        dd: function(event, can, count) { count = count || 1
+            for (var i = 0; i < count; i++) {
                 can.last = can.current.innerText
                 var next = can.current.nextSibling || can.current.previousSibling
                 can.onaction.deleteLine(can, can.current)
                 next.click()
+            }
         },
-        p: function(event, can) {
+        p: function(event, can, count) { count = count || 1
-            can.onaction.insertLine(can, can.current, can.last).click()
+            for (var i = 0; i < count; i++){
+                var last = can.onaction.insertLine(can, can.current, can.last)
+            }
+            last.click()
         },
         P: function(event, can) {
             can.onaction.insertLine(can, can.current, can.last, true).click()
         },
     },
     insert: {
+        Escape: function(event, can) { can.onkeymap._normal(can)
+            can.onaction.modifyLine(can, can.current, can.editor.value)
+        },
+        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()
+        },
         ArrowDown: function(event, can) {
             can.onaction.selectLine(can, can.current.nextSibling)
         },
         ArrowUp: function(event, can) {
             can.onaction.selectLine(can, can.current.previousSibling)
         },
-        Escape: function(event, can) {
+        jk: function(event, can) { can.onkeymap._normal(can)
-            can.onaction.modifyLine(can, can.current, can.editor.value)
-            can.onkeymap._normal(can)
-        },
-        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()
-        },
-        jk: function(event, can) {
             can.page.DelText(can.editor, can.editor.selectionStart-1, 1)
-
             can.onaction.modifyLine(can, can.current, can.editor.value)
-            can.onkeymap._normal(can)
+            event.stopPropagation(), event.preventDefault()
-            event.stopPropagation()
-            event.preventDefault()
         },
     },
 })
-Volcanos("onaction", {help: "控件交互", list: ["项目", "保存", "运行", "提交", ["mode", "normal", "insert"]],
+Volcanos("onaction", {help: "控件交互", list: ["项目", "上传", "保存", "运行", "提交", "历史"],
-    modifyLine: function(can, target, value) {
+    modifyLine: function(can, target, value) { var p = can.onsyntax.parse(can, value)
-        value = can.onsyntax.parse(can, value)
+        typeof p == "object"? can.page.Appends(can, target, [p]): target.innerHTML = p
-        target.innerHTML = value
     },
-    deleteLine: function(can, target) {
+    deleteLine: function(can, target) { can.page.Remove(can, target)
-        can.page.Remove(can, target)
+        var ls = can.page.Select(can, can.ui.preview, "div.item")
+        can.page.Remove(can, ls[ls.length-1]), can.max--
+    },
+    selectLine: function(can, target) { if (target !== 0 && !target) { return }
+        can.page.Select(can, can.ui.content, "pre.item", function(item, index) { if (item != target && index != target) { return }
+            target = item, can.Status("当前行", can.onexport.position(can, index))
+            can.page.Select(can, can.ui.preview, "div.item", function(item, i) {
+                can.page.ClassList[index==i? "add": "del"](can, item, "select")
+            })
+        }); if (typeof target != "object") { return }; can.current = target
 
-        var ls = can.page.Select(can, can.ui.lineno, "div.item")
+        can.page.Modify(can, can.editor, {className: "editor "+can.mode, value: can.current.innerText, style: {
-        can.page.Remove(can, ls[ls.length-1])
-        // can.max--
-    },
-    selectLine: function(can, target) { if (!target) { return }
-        can.page.Select(can, can.ui.content, "pre.item", function(item, index) {
-            if (item != target && index != target) { return }
-            target = item, can.Status("当前行", can.onexport.position(can, index)), 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",
+            top: (target.offsetTop)+"px", display: "block",
-        }}), can.editor.focus();
+        }}), can.editor.focus()
+
+        can.page.Modify(can, can.ui.command, {value: can.current.innerText, style: {
+            height: target.offsetHeight+"px", width: target.offsetWidth+"px",
+        }})
     },
-    appendLine: function(can, value) { var index = can.max++;
+    appendLine: function(can, value) { var index = can.max++
-        can.page.Append(can, can.ui.lineno, [{view: ["item", "div", index+1], onclick: function(event) {
+        can.page.Append(can, can.ui.preview, [{view: ["item", "div", index+1], onclick: function(event) {
             can.onaction.selectLine(can, index)
         }}])
-        value = can.onsyntax.parse(can, value)
+        var p = can.onsyntax.parse(can, value||"")
-        return can.page.Append(can, can.ui.content, [{view: ["item", "pre", value||""], onclick: function(event) {
+        var line = can.page.Append(can, can.ui.content, [typeof p == "object"? p: {view: ["item", "pre", p], onclick: function(event) {
-            can.onaction.selectLine(can, event.target)
+            can.onaction.selectLine(can, line)
         }}]).last
+        return line
     },
     insertLine: function(can, target, value, before) {
         var line = can.onaction.appendLine(can, value)
@@ -301,52 +541,17 @@ Volcanos("onaction", {help: "控件交互", list: ["项目", "保存", "运行",
         return line
     },
     mergeLine: function(can, target) { if (!target) {return}
-        can.onaction.modifyLine(can, target, target.innerHTML + target.nextSibling.innerHTML);
+        can.onaction.modifyLine(can, target, target.innerHTML + target.nextSibling.innerHTML)
-        can.onaction.deleteLine(can, target.nextSibling);
+        can.onaction.deleteLine(can, target.nextSibling)
         return target
     },
 
-    project: function(can) { can.ui.project.innerHTML = ""
+    "项目": function(event, can, msg) { can.onlayout.project(can) },
-        can.run({}, ["action", "project", can.Option("path")], function(res) {
+    "上传": function(event, can, msg) { can.onappend.upload(can) },
-            res.Table(function(value) {
+    "保存": function(event, can, msg) { can.onkeymap._remote(event, can, "保存") },
-                can.page.Append(can, can.ui.project, [{text: [value.file, "div", "item"], onclick: function(event) {
+    "运行": function(event, can, msg) { can.onkeymap._remote(event, can, "运行") },
-                    if (value.file.endsWith("/")) {
+    "提交": function(event, can, msg) { can.onkeymap._remote(event, can, "提交") },
-                        can.Option("path", can.base.Path(can.Option("path"), value.file))
+    "历史": function(event, can, msg) { can.onkeymap._remote(event, can, "历史") },
-                        can.onaction.project(can)
-                    } else {
-                        can.Option("name", value.file)
-                        can.run(event)
-                    }
-                }}])
-            })
-        }, true)
-    },
-
-
-    remote: function(event, can, msg, key, cb) {
-        msg = can.request(event), msg.Option("content", can.onexport.content(can))
-        can.run(event, ["action", key, can.base.Path(can.Option("path"), can.Option("name"))], function(res) {
-        }, true)
-    },
-    mode: function(event, can, msg, value) {
-        can.Action("mode", can.mode = value)
-        can.Status("输入法", can.mode)
-        return value
-    },
-    "项目": function(event, can, msg) {
-        can.onlayout.show_project(can)
-    },
-    "保存": function(event, can, msg) {
-        can.onaction.remote(event, can, msg, "保存")
-    },
-    "运行": function(event, can, msg) {
-        can.run(event, ["action", can.parse, can.base.Path(can.Option("path"), can.Option("name"))], function(res) {
-            can.ui.display.innerHTML = res.Result()
-        }, true);
-    },
-    "提交": function(event, can, msg) {
-        can.onaction.remote(event, can, msg, "提交")
-    },
 })
 Volcanos("ondetail", {help: "菜单交互", list: ["删除行", "合并行", "插入行", "添加行", "追加行"],
     "删除行": function(event, can, msg) {
@@ -365,18 +570,28 @@ Volcanos("ondetail", {help: "菜单交互", list: ["删除行", "合并行", "
         can.onaction.appendLine(can)
     },
 })
-Volcanos("onlayout", {help: "页面布局", list: [],
+Volcanos("onlayout", {help: "页面布局", list: [], _init: function(can) {
-    show_project: function(can) {
+        can.onlayout.project(can)
-        var hide = can.ui.project.style.display == "none"
+        can.onlayout.project(can)
-        can.page.Modify(can, can.ui.project, {style: {
+    },
-            display: hide? "": "none",
+
-        }})
+    project: function(can) { var hide = can.ui.project.style.display == "none"
-        can.page.Modify(can, can.ui.content, {style: {
+        can.page.Modify(can, can.ui.project, {style: {display: hide? "": "none"}})
+
+        var style = {style: {
+            "margin-left": hide? "80px": "0px",
+        }}; can.page.Modify(can, can.ui.preview, style)
+
+        var style = {style: {
             "margin-left": hide? "110px": "30px",
-        }})
+        }}; can.page.Modify(can, can.ui.content, style)
-        can.page.Modify(can, can.ui.display, {style: {
+
-            "margin-left": hide? "110px": "30px",
+        can.page.Modify(can, can.ui.display, style)
-        }})
+        can.page.Modify(can, can.ui.command, style)
+        can.page.Modify(can, can.ui.editor, style)
+    },
+})
+Volcanos("ondaemon", {help: "数据刷新", list: [], _init: function(can) {
 },
 })
 Volcanos("onexport", {help: "导出数据", list: ["输入法", "输入值", "文件名", "解析器", "当前行"],
@@ -385,7 +600,8 @@ Volcanos("onexport", {help: "导出数据", list: ["输入法", "输入值", "
             return can.current == item? can.editor.value: item.innerText
         }).join("\n")
     },
-    position: function(can, index) {
+    position: function(can, index, total) { total = total || can.max
-        return parseInt((index+1)*100/can.max)+"%"+" = "+(index+1)+"/"+can.max
+        return parseInt((index+1)*100/total)+"%"+" = "+(parseInt(index)+1)+"/"+parseInt(total)
     },
 })
+