From ab11ad2c12f9d84359b664e97e285b94d7d7a502 Mon Sep 17 00:00:00 2001
From: shaoying <shylinux@icloud.com>
Date: Mon, 7 Oct 2019 23:32:17 +0800
Subject: [PATCH] opt Jshy.js

---
 usr/librarys/chat.css    |   3 +
 usr/librarys/chat.js     | 220 ++++-------------------
 usr/librarys/example.css |  42 ++++-
 usr/librarys/example.js  | 380 ++++++++++++++++++++++++++++++++-------
 usr/librarys/toolkit.js  |  13 +-
 5 files changed, 399 insertions(+), 259 deletions(-)

diff --git a/usr/librarys/chat.css b/usr/librarys/chat.css
index d4e5fe93..71d4b691 100644
--- a/usr/librarys/chat.css
+++ b/usr/librarys/chat.css
@@ -39,6 +39,9 @@ fieldset.Target>div.output>div.item>div.user {
 fieldset.Source {
     overflow:hidden;
 }
+fieldset.Source div.action {
+    padding:0;
+}
 fieldset.Source div.output {
     padding:0;
 }
diff --git a/usr/librarys/chat.js b/usr/librarys/chat.js
index 1372da79..d409a941 100644
--- a/usr/librarys/chat.js
+++ b/usr/librarys/chat.js
@@ -101,6 +101,36 @@ var page = Page({check: true,
         },
     },
 
+    Action: {
+        "聊天": function(event, value) {
+            page.which.set(value)
+            page.onlayout(event, page.conf.layout)
+        },
+        "办公": function(event, value) {
+            page.which.set(value)
+            page.onlayout(event, page.conf.layout)
+            page.onlayout(event, {river: 0, action:300})
+        },
+        "工作": function(event, value) {
+            page.which.set(value)
+            page.onlayout(event, page.conf.layout)
+            page.onlayout(event, {river:0, action:-1})
+        },
+        "最高": function(event, value) {
+            page.which.set(value)
+            page.onlayout(event, {action: -1})
+        },
+        "最宽": function(event, value) {
+            page.which.set(value)
+            page.onlayout(event, {river:0, storm:0})
+        },
+        "最大": function(event, value) {
+            page.which.set(value)
+            page.onlayout(event, {header:0, footer:0, river:0, storm:0, action: -1})
+        },
+    },
+
+
     initOcean: function(page, field, option, output) {
         var table = kit.AppendChild(output, "table")
         var ui = kit.AppendChild(field, [{view: ["create"], list: [
@@ -233,6 +263,9 @@ var page = Page({check: true,
                     river = value, field.Pane.Show()
                 },
             },
+            Choice: [
+                ["layout", "工作", "聊天", "最高"],
+            ],
         }
     },
     initSource: function(page, field, option, output) {
@@ -283,169 +316,15 @@ var page = Page({check: true,
         var temp = ""
         output.DisplayRaw = true
         return {
-            Tutor: function() {var pane = field.Pane
-                var event = window.event
-                function loop(list, index) {
-                    if (index >= list.length) {return}
-                    kit.Log(index, list[index])
-                    pane.Core(event, {}, ["_cmd", list[index]])
-                    setTimeout(function() {loop(list, index+1)}, 1000)
-                }
-                loop([
-                    "聊天", "help", "最高", "最大", "聊天",
-                    "工作", "串行", "清空", "并行", "help storm", "help storm list", "help action", "help action list",
-                    "聊天", "help target", "help target list",
-                ], 0)
-            },
-            Core: function(event, line, args, cbs) {var pane = field.Pane
-                var msg = pane.Event(event)
-                var plugin = event.Plugin || page.plugin && page.plugin.Plugin || {}, engine = {
-                    share: function(args) {
-                        return ctx.Share({"group": option.dataset.group, "names": option.dataset.names, "cmds": [
-                            river, line.storm, line.action,  args[1]||"",
-                        ]})
-                    },
-                    wssid: function(id) {
-                        return id && (page.wssid = id)
-                    },
-                    pwd: function(name, value) {
-                        name && kit.Selector(page.action, "fieldset.item."+name, function(item) {
-                            item.Plugin.Select()
-                        })
-                        if (value) {return engine.set(value)}
-                        return [river, storm, page.plugin && page.plugin.Meta.name, page.input && page.input.name, page.input && page.input.value]
-                    },
-                    set: function(value, name) {
-                        try {
-                            if (value == undefined) {
-                                msg.append = ["name", "value"]
-                                msg.name = [], msg.value = []
-                                return kit.Selector(page.plugin, ".args", function(item) {
-                                    msg.Push("name", item.name)
-                                    msg.Push("value", item.value)
-                                    return item.name+":"+item.value
-                                })
-
-                            } else if (name == undefined) {
-                                kit.Selector(page.plugin, "input[type=button]", function(item) {
-                                    if (item.value == value) {item.click(); return value}
-                                }).length > 0 || (page.action.Pane.Action[value]?
-                                    page.action.Pane.Action[value](event, value): (page.input.value = value))
-                            } else {
-                                page.plugin.Plugin.Inputs[name].value = value
-                            }
-                        } catch (e) {
-                            engine._cmd("_cmd", [value, name])
-                        }
-                    },
-                    dir: function(rid, sid, pid, uid) {
-                        if (!rid) {
-                            return kit.Selector(page.river, "div.output>div.item>div.text>span", function(item) {
-                                return item.innerText
-                            })
-                        }
-                        if (!sid) {
-                            return kit.Selector(page.storm, "div.output>div.item>div.text>span", function(item) {
-                                return item.innerText
-                            })
-                        }
-                        if (!pid) {
-                            return kit.Selector(page.action, "fieldset.item>legend", function(item) {
-                                msg.Push("name", item.parentNode.Meta.name)
-                                msg.Push("help", item.parentNode.Meta.help)
-                                return item.innerText
-                            })
-                        }
-                        if (!uid) {
-                            return kit.Selector(page.plugin, "input", function(item) {
-                                msg.Push("name", item.name)
-                                msg.Push("value", item.value)
-                                return item.name+":"+item.value
-                            })
-                        }
-                        return [river, storm, page.plugin && page.plugin.Meta.name, page.input && page.input.name]
-                    },
-                    echo: function(one, two) {
-                        kit.Log(one, two)
-                    },
-                    helps: function() {
-                        engine.help("river")
-                        engine.help("action")
-                        engine.help("storm")
-                    },
-                    help: function() {
-                        var args = kit.List(arguments), cb, target
-                        if (args.length > 0 && page.pane && page.pane.Pane[args[0]] && page.pane.Pane[args[0]].Plugin) {
-                            cb = page.pane.Pane[args[0]].Plugin.Help, target = page.pane.Pane[args[0]], args = args.slice(1)
-                        } else if (args.length > 1 && page[args[0]] && page[args[0]].Pane[args[1]]) {
-                            cb = page[args[0]].Pane[args[1]].Plugin.Help, target = page[args[0]].Pane[args[1]], args = args.slice(2)
-                        } else if (args.length > 0 && page[args[0]]) {
-                            cb = page[args[0]].Pane.Help, target = page[args[0]], args = args.slice(1)
-                        } else {
-                            cb = page.Help, target = document.body, args
-                        }
-
-                        if (kit.Selector(target, "div.Help", function(help) {
-                            target.removeChild(help)
-                            return help
-                        }).length > 0) {return}
-
-                        var text = kit._call(cb, args)
-                        var ui = kit.AppendChild(target, [{view: ["Help"], list: [{text: [text.join(""), "div"]}]}])
-                        setTimeout(function() {target.removeChild(ui.last)}, 30000)
-                    },
-                    _split: function(str) {return str.trim().split(" ")},
-                    _cmd: function(arg) {
-                        var args = typeof arg[1] == "string"? engine._split(arg[1]): arg[1];
-                        page.script("record", args)
-                        kit.Log(["cmd"].concat(args))
-
-                        if (typeof engine[args[0]] == "function") {
-                            return kit._call(engine[args[0]], args.slice(1))
-                        }
-                        if (page.plugin && typeof page.plugin.Plugin[args[0]] == "function") {
-                            return kit._call(page.plugin.Plugin[args[0]], args.slice(1))
-                        }
-
-                        if (page.dialog && (res = page.dialog.Pane.Jshy(event, args))) {return res}
-                        if (page.pane && (res = page.pane.Pane.Jshy(event, args))) {return res}
-                        if (page.storm && (res = page.storm.Pane.Jshy(event, args))) {return res}
-                        if (page.river && (res = page.river.Pane.Jshy(event, args))) {return res}
-
-
-                        if (page && (res = page.Jshy(event, args))) {return res}
-                        if (page.plugin && (res = page.plugin.Plugin.Jshy(event, args))) {return res}
-                        return kit.Log(["warn", "not", "find"].concat(args))
-                    },
-                    _msg: function(msg) {
-                        if (msg) {
-                            var text = msg.Format()
-                            text && event.ctrlKey && page.target.Pane.Send(text[0], text[1])
-                        } else {
-                            page.target.Pane.Send("field", plugin.Reveal())
-                        }
-                    },
-                    _run: function() {
-                        var meta = plugin && plugin.target && plugin.target.Meta || {}
-                        field.Pane.Run(event, [meta.river||river, meta.storm||storm, meta.action].concat(args), function(msg) {
-                            engine._msg(msg), typeof cbs == "function" && cbs(msg)
-                        })
-                    },
-                }
-                if (args.length > 0 && engine[args[0]] && msg.Echo(engine[args[0]](args))) {typeof cbs == "function" && cbs(msg); return}
-                event.shiftKey? engine._msg(): engine._run()
-            },
             Show: function() {var pane = field.Pane
                 if (river && storm && field.Pane.Load(river+"."+storm, output)) {return}
 
                 pane.Event(event, {}, {name: pane.Zone("show", river, storm)})
-                output.innerHTML = "", pane.Appends([river, storm], "plugin", ["name", "help"], "name", true, function(line, index, event, args, cbs) {
-                    kit.notNone(args) && pane.Core(event, line, args, cbs)
-                })
+                output.innerHTML = "", pane.Appends([river, storm], "plugin", ["name", "help"], "name", true)
             },
             Layout: function(name) {var pane = field.Pane
                 var layout = field.querySelector("select.layout")
-                name && pane.Action[layout.value = name](window.event, layout.value)
+                name && page.Action[layout.value = name](window.event, layout.value)
                 return layout.value
             },
             Listen: {
@@ -458,33 +337,6 @@ var page = Page({check: true,
                 target: function(value, old) {share = value},
             },
             Action: {
-                "聊天": function(event, value) {
-                    page.which.set(value)
-                    page.onlayout(event, page.conf.layout)
-                },
-                "办公": function(event, value) {
-                    page.which.set(value)
-                    page.onlayout(event, page.conf.layout)
-                    page.onlayout(event, {river: 0, action:300})
-                },
-                "工作": function(event, value) {
-                    page.which.set(value)
-                    page.onlayout(event, page.conf.layout)
-                    page.onlayout(event, {river:0, action:-1})
-                },
-                "最高": function(event, value) {
-                    page.which.set(value)
-                    page.onlayout(event, {action: -1})
-                },
-                "最宽": function(event, value) {
-                    page.which.set(value)
-                    page.onlayout(event, {river:0, storm:0})
-                },
-                "最大": function(event, value) {
-                    page.which.set(value)
-                    page.onlayout(event, {header:0, footer:0, river:0, storm:0, action: -1})
-                },
-
                 "刷新": function(event, value) {
                     output.innerHTML = "", field.Pane.Show()
                 },
@@ -555,7 +407,7 @@ var page = Page({check: true,
                 "", "执行", "下载", "清空", "返回",
             ],
             Choice: [
-                ["layout", "聊天", "办公", "工作"],
+                ["layout", "工作", "聊天", "最高"],
                 "", "刷新", "清屏", "并行", "串行", "调试",
             ],
         }
diff --git a/usr/librarys/example.css b/usr/librarys/example.css
index dd97869c..f01c432b 100644
--- a/usr/librarys/example.css
+++ b/usr/librarys/example.css
@@ -218,7 +218,6 @@ fieldset.dialog.Carte>div.output div.space {
     clear:both;
 }
 fieldset.dialog.Debug {
-    height:300px;
     opacity:0.8;
 }
 fieldset.dialog.Debug tr.hide {
@@ -233,11 +232,35 @@ fieldset.dialog.Debug tr.run {
 fieldset.dialog.Debug tr.key {
     background-color:lightyellow;
 }
+fieldset.dialog.Debug>div.output {
+    overflow:auto;
+    margin-top:50px;
+}
+fieldset.dialog.Debug>div.output table caption {
+    position:absolute;
+    top:50px;
+    left:20px;
+}
+fieldset.dialog.Debug>div.output table thead {
+    position:absolute;
+    top:72px;
+    left:18px;
+}
+fieldset.dialog.Debug>div.output table thead th {
+    border:solid 1px red;
+}
+fieldset.dialog.Debug>div.output table caption>span {
+    margin-right:4px;
+}
+fieldset.dialog.Debug>div.output table caption>span:hover {
+    cursor:pointer;
+    background-color:red;
+}
 fieldset.dialog.Debug>div.output table th {
-    min-width:30px;
+    min-width:60px;
 }
 fieldset.dialog.Debug>div.output table td {
-    min-width:10px;
+    min-width:60px;
 }
 
 fieldset.Login {
@@ -292,7 +315,11 @@ fieldset.Footer>div.output div.title {
     float:left;
 }
 fieldset.Footer>div.output div.magic {
-    float:left;
+    float:right;
+    margin-top:-6px;
+}
+fieldset.Footer>div.output div.magic>label {
+    margin-right:2px;
 }
 fieldset.Footer>div.output div.magic>input {
     background-color:black;
@@ -364,6 +391,9 @@ fieldset table caption {
     font-style:italic;
     border:solid 1px green;
 }
+fieldset table tbody {
+    overflow:auto;
+}
 fieldset table tr:hover {
     background-color:lightgreen;
 }
@@ -374,6 +404,7 @@ fieldset table th {
     font-family:monospace;
     background-color:lightgreen;
     cursor:pointer;
+    padding: 0 6px;
 }
 fieldset table th.order {
     background-color:red;
@@ -382,8 +413,7 @@ fieldset table th.order {
 fieldset table td {
     max-width:1200px;
     font-family:monospace;
-    padding-left: 6px;
-    padding-right: 6px;
+    padding: 0 6px;
 }
 fieldset table td.clip {
     background-color:red;
diff --git a/usr/librarys/example.js b/usr/librarys/example.js
index 321b6d7d..056c16a5 100644
--- a/usr/librarys/example.js
+++ b/usr/librarys/example.js
@@ -94,7 +94,7 @@ function Meta(zone, target, obj) {
                 case "field": text = JSON.parse(line.text)
                 case "plugin": if (!text.name) {return {}}
                     var id = "plugin"+meta.ID()
-                    list.push({view: ["item", "fieldset"], data: {id: id}, list: [
+                    list.push({view: ["item", "fieldset"], data: {id: id, draggable: true}, list: [
                         {text: [text.name+"("+text.help+")", "legend"]},
                         {view: ["option", "form"], list: [{type: "input", style: {"display": "none"}}]},
                         {view: ["output", "div"]},
@@ -102,7 +102,7 @@ function Meta(zone, target, obj) {
                     break
             }
 
-            var ui = kit.AppendChild(output, item? list: [{view: ["item"], list:list}])
+            var ui = kit.AppendChild(output, item? list: [{view: ["item"], data: {draggable: true}, list:list}])
             return ui.item.Meta = text, ui
         }),
         Include: shy("加载脚本", function(src, cb) {src = kit.List(src)
@@ -116,6 +116,7 @@ function Meta(zone, target, obj) {
         Event: shy("事件入口", {name: zone}, function(event, msg, proto) {
             return ctx.Event(event, msg, proto||arguments.callee.meta)
         }),
+        Zones: function(name) {return zone.concat(kit.List(arguments)).join(".")},
         Zone: function(name) {return zone.concat(kit.List(arguments))},
     }
 
@@ -127,7 +128,7 @@ function Meta(zone, target, obj) {
 }
 function Page(page) {
     var script = {}, record = ""
-    page = Meta([document.title], document.body, page, {__proto__: ctx,
+    page = Meta([document.title], document.body, page, {
         onload: function(event) {
             // Event入口 0
             page.Event(event, {})
@@ -237,6 +238,9 @@ function Page(page) {
                 }
             } else {
                 switch (event.key) {
+                    case " ":
+                        event.stopPropagation()
+                        return true
                     case "Escape":
                         target.blur()
                         break
@@ -342,19 +346,24 @@ function Page(page) {
             return true
         },
         Help: function(pane, type, action) {return []},
-        Jshy: function(event, args) {var msg = ctx.Event(event)
+        Jshy: shy("本地命令", function(event, args) {var msg = ctx.Event(event)
+            // 面板命令
             if (page[args[0]] && page[args[0]].type == "fieldset") {
-                if (args.length > 1) {
-                    return page[args[0]].Pane.Jshy(event, args.slice(1))
-                } else {
-                    msg.Echo("pane", args[0])
-                    return page[args[0]].Pane.Show()
-                }
+                return page[args[0]].Pane.Jshy(event, args.slice(1)) || page.Zone("select", args[0])
             }
+            // 控件命令
+            if (typeof page.Action[args[0]] == "function") {
+                return kit._call(page.Action[args[0]], [event, args[0]]) || page.Zone("action", args[0])
+            }
+
+            // 脚本命令
             if (script[args[0]]) {return page.script("replay", args[0])}
 
-            return typeof page[args[0]] == "function" && kit._call(page[args[0]], args.slice(1))
-        },
+            // 内部命令
+            if (typeof page[args[0]] == "function") {
+                return kit._call(page[args[0]], args.slice(1)) || page.Zone("function", args[0])
+            }
+        }),
         WSS: function(cb, onerror, onclose) {
             return page.socket || (page.socket = ctx.WSS(cb || (function(m) {
                 if (m.detail) {
@@ -421,7 +430,7 @@ function Page(page) {
             return {
                 Show: function(event, cb) {if (!cb.list || cb.list.length == 0) {return}
                     output.innerHTML = ""
-                    kit.AppendActions(output, cb.list, function(value, event) {
+                    kit.AppendActions(output, cb.list, function(event, value) {
                         kit._call(cb, [value, cb.meta, event]) && field.Pane.Hide()
                     }, true)
 
@@ -437,11 +446,12 @@ function Page(page) {
             }
         },
         initDebug: function(page, field, option, output) {
-            var list = kit.AppendChilds(output, "table")
-            var caption = kit.AppendChilds(list, [{type: "caption"}]).last
-            var head = kit.AppendChild(list, [{row: ["time", "type", "order", "action", "target", "args"], sub: "th"}]).last
-            kit.OrderTable(list)
-            var data, types = {all: 0, event: 0, run: 0, key: 0}
+            var table = kit.AppendChilds(output, "table")
+            var caption = kit.AppendChild(table, [{type: "caption"}]).last
+            var head = kit.AppendChild(table, [{type: "thead", list: [{row: ["time", "type", "order", "action", "target", "args"], sub: "th"}]}]).tr
+            var list = kit.AppendChild(table, "tbody")
+            kit.OrderTable(table)
+            var last, types = {all: 0, event: 0, run: 0, key: 0}
 
 
             kit.Log.meta.call.push(function(time, type, order, action, target) {var Choice = field.Pane && field.Pane.Choice || []
@@ -449,15 +459,26 @@ function Page(page) {
                 types[type]++
                 types.all++
 
-                data = kit.AppendChild(list, [{className: type, row: [time, type, order, action||"", target||"", kit.List(arguments, function(item) {
+                last = kit.AppendChild(list, [{className: type, row: [time, type, order, action||"", target||"", kit.List(arguments, function(item) {
                     return typeof item == "object"? "{...}": item
                 }).slice(5).join(" ")]}]).last
-                data.scrollIntoView()
-                caption.innerHTML = kit.List(Choice.slice(1), function(item) {return item+": "+types[item]}).join(" ")
+                field.Pane && field.Pane.Head()
+
+                kit.AppendChilds(caption, kit.List(Choice.slice(1), function(item) {return {text: [item+": "+types[item], "span"], click: function(event) {
+                    field.Pane.Action(event, item)
+                }}}))
             })
+            var layout
             return {
-                Show: function() {
+                Head: function() {if (kit.isNone(last)) {return}
+                    caption.style.width = last.offsetWidth+"px"
+                    kit.Selector(last, "td", function(item, index) {
+                        head.childNodes[index].style.width = item.offsetWidth-14+"px"
+                    })
+                },
+                Show: function() {layout || (layout = field.Pane.Action.meta["最大"](), 1)
                     kit.ModifyView(field, {display: field.style.display != "block"? "block": "none"})
+                    field.Pane.Head()
                 },
                 clear: function() {
                     var th = kit.AppendChilds(list, [{row: ["time", "type", "main", "arg", "args"], sub: "th"}]).last
@@ -467,24 +488,25 @@ function Page(page) {
                         field.Pane.Show()
                     },
                     "最大": function() {
-                        kit.size(field, document.body.clientWidth, document.body.clientHeight)
+                        kit.size(output, document.body.clientWidth, document.body.clientHeight-160)
                     },
                     "最小": function() {
-                        kit.size(field, document.body.clientWidth/2, document.body.clientHeight/2)
+                        kit.size(output, document.body.clientWidth/2, document.body.clientHeight/2)
                     },
                     "左边": function() {
                         field.style.left = "0px"
-                        kit.size(field, document.body.clientWidth/2, document.body.clientHeight)
+                        kit.size(output, document.body.clientWidth/2, document.body.clientHeight)
                     },
                     "右边": function() {
                         field.style.left = document.body.clientWidth/2+"px"
-                        kit.size(field, document.body.clientWidth/2, document.body.clientHeight)
+                        kit.size(output, document.body.clientWidth/2, document.body.clientHeight)
                     },
-                }, function(event, type) {
+                }, function(event, type) {last = null
                     kit.Selector(list, "tr", function(item, index) {
-                        index == 0 || type == "all" || kit.classList.has(item, type)?
-                            kit.classList.del(item, "hide"): kit.classList.add(item, "hide")
+                        type == "all" || kit.classList.has(item, type)?
+                            (kit.classList.del(item, "hide"), last = item): kit.classList.add(item, "hide")
                     })
+                    field.Pane.Head()
                 }),
                 Choice: ["关闭", "all", "event", "run", "key"],
                 Button: ["关闭", "最大", "最小", "左边", "右边"],
@@ -545,9 +567,13 @@ function Page(page) {
             var state = {title: "<a href='mailto:shylinux@163.com'>shylinux@163.com</>"}, list = [], cb = function(event, item, value) {}
             var ui = kit.AppendChilds(output, [
                 {"view": ["title", "div", state.title]},
-                {"view": ["magic"], list: [{label: "0", name: "count"}, {input: ["magic", function(event) {
+                {"view": ["state"]},
+                {"view": ["magic"], list: [{label: "0", name: "count"}, {input: ["magics", function(event) {
                     if (event.key == "Enter" || event.ctrlKey && event.key == "j") {
-                        page.action.Pane.Core(event, {}, ["_cmd", event.target.value]);
+                        page.action.Pane.Core(event, {}, ["_cmd", event.target.value], function(msg) {
+                            page.toast.Pane.Show(JSON.stringify(msg.result), event.target.value)
+                        });
+
                         (ui.magic.History.length == 0 || ui.magic.History[ui.magic.History.length-1] != event.target.value) && ui.magic.History.push(event.target.value)
                         ui.magic.Current = ui.magic.History.length
                         ui.count.innerHTML = ui.magic.Current
@@ -567,13 +593,12 @@ function Page(page) {
                     ui.count.innerHTML = ui.magic.Current || 0
                     field.Pane.Show()
                 }]}]},
-                {"view": ["state"]},
             ])
 
             ui.magic.History = []
 
             return {
-                Select: function() {ui.magic.focus()},
+                Select: function() {ui.magics.focus()},
                 Order: function(value, order, cbs) {
                     state = value, list = order, cb = cbs || cb, field.Pane.Show()
                 },
@@ -583,10 +608,10 @@ function Page(page) {
                 },
                 Size: function(width, height) {
                     kit.size(field, width, height)
-                    ui && kit.size(ui.magic, (width - ui.count.offsetWidth - ui.first.offsetWidth - ui.last.offsetWidth - 20), height-6)
+                    ui && kit.size(ui.magics, (width - ui.count.offsetWidth - ui.first.offsetWidth - ui.state.offsetWidth - 40), height-6)
                 },
                 Show: function() {
-                    kit.AppendChilds(ui.last, list.map(function(item) {return {text: [item+":"+state[item], "div"], click: function(item) {
+                    kit.AppendChilds(ui.state, list.map(function(item) {return {text: [item+":"+state[item], "div"], click: function(item) {
                         cb(event, item, state[item])
                     }}}))
                     field.Pane.Size(field.clientWidth, field.clientHeight)
@@ -638,12 +663,25 @@ function Pane(page, field) {
                 page.script("record", [name, line[key[0]]])
                 kit._call(cb, [line, index, event])
             }
-
             if (type == "plugin" && line.name || type == "field") {
+                ui.item.ondragstart = function(event) {
+                    event.stopPropagation()
+                    event.dataTransfer.setData("item", event.target.id)
+                }
+                ui.item.ondragover = function(event) {
+                    ui.item.Plugin && ui.item.Plugin.Select()
+                }
+                ui.item.ondrop = function(event) {
+                    event.stopPropagation()
+                    var item = pane[event.dataTransfer.getData("item")]
+                    output.insertBefore(item, event.target)
+                }
+
                 page.Require(line.init? line.group+"/"+line.init: "", function(init) {
                     page.Require(line.view? line.group+"/"+line.view: "", function(view) {
                         pane.Plugin(page, pane, ui.item, init, function(event, cmds, cbs) {
-                            kit._call(cb, [line, index, event, cmds, cbs])
+                            cb? kit._call(cb, [line, index, event, cmds, cbs]):
+                                kit._call(pane.Core, [event, line, cmds, cbs])
                         })
                     })
                 })
@@ -713,23 +751,30 @@ function Pane(page, field) {
             }
             return text
         },
-        Jshy: function(event, args) {var msg = ctx.Event(event)
+        Jshy: shy("本地命令", function(event, args) {var msg = ctx.Event(event)
+            if (kit.isNone(args) || args.length == 0) {
+                return kit.classList.has(field, "dialog") && pane.Show() || pane.Zone("show", args[0])
+            }
+
+            // 插件命令
             if (pane[args[0]] && pane[args[0]].type == "fieldset") {
-                msg.result = ["plugin", args[0]]
-                pane[args[0]].scrollIntoView(), pane[args[0]].Plugin.Select(true)
-                return pane[args[0]].Plugin.Jshy(event, args.slice(1))
+                return pane[args[0]].Plugin.Jshy(event, args.slice(1)) || pane.Zone("plugin", args[0])
             }
+            // 控件命令
             if (typeof pane.Action[args[0]] == "function") {
-                msg.result = ["action", args[0]]
-                return kit._call(pane.Action[args[0]], [event, args[0]])
+                return kit._call(pane.Action[args[0]], [event, args[0]]) || pane.Zone("action", args[0])
             }
-			if (member[args[0]] != undefined) {
-                msg.result = ["item", args[0]]
-				pane.Select(member[args[0]].index, member[args[0]].key)
-				return true
-			}
-            return typeof pane[args[0]] == "function" && kit._call(pane[args[0]], args.slice(1))
-        },
+            // 列表命令
+            var list = kit.Selector(output, itemkey, function(item) {
+                if (item.Meta.key == args[0] || item.Meta.name == args[0]) {return item}
+            })
+            if (list.length > 0) {list[0].click(); return pane.Zone("select", args[0])}
+
+            // 内部命令
+            if (typeof pane[args[0]] == "function") {
+                return kit._call(pane[args[0]], args.slice(1)) || pane.Zone("function", args[0])
+            }
+        }),
 
         Tickers: shy("定时刷新", function(time, cmds, cb) {
             pane.Ticker(time, cmds, function(msg) {msg.Table(function(line, index) {
@@ -759,6 +804,178 @@ function Pane(page, field) {
             } else if (typeof pane[value] == "function") {
                 kit._call(pane[value], [event, value])
             }
+
+            if (page.Action && page.Action.meta && typeof page.Action.meta[value] == "function") {
+                kit._call(page.Action.meta[value], [event, value])
+            } else if (page.Action && typeof page.Action[value] == "function") {
+                kit._call(page.Action[value], [event, value])
+            } else if (typeof page.Action == "function") {
+                kit._call(page.Action, [event, value])
+            } else if (typeof page[value] == "function") {
+                kit._call(page[value], [event, value])
+            }
+        }),
+        Tutor: function() {var pane = field.Pane
+            var event = window.event
+            function loop(list, index) {
+                if (index >= list.length) {return}
+                kit.Log(index, list[index])
+                pane.Core(event, {}, ["_cmd", list[index]])
+                setTimeout(function() {loop(list, index+1)}, 1000)
+            }
+            loop([
+                "聊天", "help", "最高", "最大", "聊天",
+                "工作", "串行", "清空", "并行", "help storm", "help storm list", "help action", "help action list",
+                "聊天", "help target", "help target list",
+            ], 0)
+        },
+        Core: shy("命令分发", {
+            wssid: function(id) {return id && (page.wssid = id)},
+        }, function(event, line, args, cbs) {var msg = pane.Event(event), meta = arguments.callee.meta
+            if (kit.isNone(args)) {return}
+            var plugin = event.Plugin || page.plugin && page.plugin.Plugin || {}, engine = {
+                share: function(args) {
+                    return ctx.Share({"group": option.dataset.group, "names": option.dataset.names, "cmds": [
+                        line.river, line.storm, line.action,  args[1]||"",
+                    ]})
+                },
+                pwd: function(name, value) {
+                    name && kit.Selector(page.action, "fieldset.item."+name, function(item) {
+                        item.Plugin.Select()
+                    })
+                    if (value) {return engine.set(value)}
+                    return [page.river.Pane.which.get(), page.storm.Pane.which.get(), page.plugin && page.plugin.Meta.name, page.input && page.input.name, page.input && page.input.value]
+                },
+                set: function(value, name) {
+                    try {
+                        if (value == undefined) {
+                            msg.append = ["name", "value"]
+                            msg.name = [], msg.value = []
+                            return kit.Selector(page.plugin, ".args", function(item) {
+                                msg.Push("name", item.name)
+                                msg.Push("value", item.value)
+                                return item.name+":"+item.value
+                            })
+
+                        } else if (name == undefined) {
+                            kit.Selector(page.plugin, "input[type=button]", function(item) {
+                                if (item.value == value) {item.click(); return value}
+                            }).length > 0 || (page.action.Pane.Action[value]?
+                                page.action.Pane.Action[value](event, value): (page.input.value = value))
+                        } else {
+                            page.plugin.Plugin.Inputs[name].value = value
+                        }
+                    } catch (e) {
+                        engine._cmd("_cmd", [value, name])
+                    }
+                },
+                dir: function(rid, sid, pid, uid) {
+                    if (!rid) {
+                        return kit.Selector(page.river, "div.output>div.item>div.text>span", function(item) {
+                            return item.innerText
+                        })
+                    }
+                    if (!sid) {
+                        return kit.Selector(page.storm, "div.output>div.item>div.text>span", function(item) {
+                            return item.innerText
+                        })
+                    }
+                    if (!pid) {
+                        return kit.Selector(page.action, "fieldset.item>legend", function(item) {
+                            msg.Push("name", item.parentNode.Meta.name)
+                            msg.Push("help", item.parentNode.Meta.help)
+                            return item.innerText
+                        })
+                    }
+                    if (!uid) {
+                        return kit.Selector(page.plugin, "input", function(item) {
+                            msg.Push("name", item.name)
+                            msg.Push("value", item.value)
+                            return item.name+":"+item.value
+                        })
+                    }
+                    return [river, storm, page.plugin && page.plugin.Meta.name, page.input && page.input.name]
+                },
+                echo: function(one, two) {
+                    kit.Log(one, two)
+                },
+                helps: function() {
+                    engine.help("river")
+                    engine.help("action")
+                    engine.help("storm")
+                },
+                help: function() {
+                    var args = kit.List(arguments), cb, target
+                    if (args.length > 0 && page.pane && page.pane.Pane[args[0]] && page.pane.Pane[args[0]].Plugin) {
+                        cb = page.pane.Pane[args[0]].Plugin.Help, target = page.pane.Pane[args[0]], args = args.slice(1)
+                    } else if (args.length > 1 && page[args[0]] && page[args[0]].Pane[args[1]]) {
+                        cb = page[args[0]].Pane[args[1]].Plugin.Help, target = page[args[0]].Pane[args[1]], args = args.slice(2)
+                    } else if (args.length > 0 && page[args[0]]) {
+                        cb = page[args[0]].Pane.Help, target = page[args[0]], args = args.slice(1)
+                    } else {
+                        cb = page.Help, target = document.body, args
+                    }
+
+                    if (kit.Selector(target, "div.Help", function(help) {
+                        target.removeChild(help)
+                        return help
+                    }).length > 0) {return}
+
+                    var text = kit._call(cb, args)
+                    var ui = kit.AppendChild(target, [{view: ["Help"], list: [{text: [text.join(""), "div"]}]}])
+                    setTimeout(function() {target.removeChild(ui.last)}, 30000)
+                },
+                _split: function(str) {return str.trim().split(" ")},
+                _cmd: function(arg) {
+                    var args = typeof arg[1] == "string"? engine._split(arg[1]): arg[1];
+                    kit.Log(["cmd"].concat(args))
+                    page.script("record", args)
+
+                    if (typeof meta[args[0]] == "function") {
+                        return kit._call(meta[args[0]], args.slice(1))
+                    }
+                    if (typeof engine[args[0]] == "function") {
+                        return kit._call(engine[args[0]], args.slice(1))
+                    }
+
+                    // if (page.output && typeof page.output.Output[args[0]] == "function") {
+                    //     return kit._call(page.output.Output[args[0]], args.slice(1))
+                    // }
+                    // if (page.input && typeof page.input.Input[args[0]] == "function") {
+                    //     return kit._call(page.input.Input[args[0]], args.slice(1))
+                    // }
+                    if (page.plugin && typeof page.plugin.Plugin[args[0]] == "function") {
+                        return kit._call(page.plugin.Plugin[args[0]], args.slice(1))
+                    }
+
+                    if (page.dialog && (res = page.dialog.Pane.Jshy(event, args))) {return res}
+                    if (page.pane && (res = page.pane.Pane.Jshy(event, args))) {return res}
+                    if (page.action && (res = page.action.Pane.Jshy(event, args))) {return res}
+                    if (page.storm && (res = page.storm.Pane.Jshy(event, args))) {return res}
+                    if (page.river && (res = page.river.Pane.Jshy(event, args))) {return res}
+
+                    if (page && (res = page.Jshy(event, args))) {return res}
+
+                    if (page.plugin && (res = page.plugin.Plugin.Jshy(event, args))) {return res}
+                    return kit.Log(["warn", "not", "find"].concat(args))
+                },
+                _msg: function(msg) {
+                    event.ctrlKey? kit._call(page.target.Pane.Send, msg.Format()):
+                        event.shiftKey && page.target.Pane.Send("field", plugin.Reveal())
+                    kit._call(cbs, [msg])
+                },
+                _run: function(msg) {
+                    var meta = plugin && plugin.target && plugin.target.Meta || {}
+                    pane.Run(event, [meta.river, meta.storm, meta.action].concat(args), function(msg) {
+                        kit._call(cbs, [msg]), engine._msg(msg)
+                    })
+                },
+            }
+
+            page.footer.Pane.State("ncmd", kit.History("cmd", -1, args))
+            return args.length > 0 && meta[args[0]]? kit._call(cbs, [msg.Echo(meta[args[0]](args))]):
+                    args.length > 0 && engine[args[0]]? kit._call(cbs, [msg.Echo(engine[args[0]](args))]):
+                        event.shiftKey? engine._msg(msg): engine._run(msg)
         }),
         Runs: shy("执行命令", function(event, cmds, cb) {
             pane.Run(event, cmds, function(msg) {msg.Table(function(line, index) {
@@ -771,6 +988,13 @@ function Pane(page, field) {
         }),
 
         onaction: shy("事件列表", {
+            ondragover: function(event) {
+                event.preventDefault()
+            },
+            ondrop: function(event) {
+                event.preventDefault()
+                console.log(event.dataTransfer.getData("index"), "drop")
+            },
             oncontextmenu: function(event) {
                 pane.Choice && page.carte.Pane.Show(event, shy({}, pane.Choice, function(value, meta, event) {
                     pane.Check(event, value)
@@ -798,7 +1022,7 @@ function Plugin(page, pane, field, inits, runs) {
     var feature = JSON.parse(meta.feature||'{}')
     kit.classList.add(field, meta.group, name, feature.style)
 
-    var plugin = Meta(pane.Zone(name), field, inits && inits(field, option, output) || {}, {Inputs: {},
+    var plugin = Meta(pane.Zone(name), field, inits && inits(field, option, output) || {}, {Inputs: {}, Outputs: {},
         Appends: shy("添加控件", function(inputs) {
             if (inputs) {return inputs.map(function(item) {plugin.Append(item)})}
 
@@ -835,6 +1059,8 @@ function Plugin(page, pane, field, inits, runs) {
             page.plugin = field, kit.classList.add(field, "select")
             pane.which.set(name)
 
+            if (kit.isNone(target)) {return}
+
             page.input = target || option.querySelectorAll("input")[1]
             plugin.which.set(page.input.name)
             page.input.focus()
@@ -893,15 +1119,21 @@ function Plugin(page, pane, field, inits, runs) {
             return text
         },
         Jshy: function(event, args) {
+            plugin.Select(), field.scrollIntoView()
+            // 显示命令
+            if (plugin.Outputs[args[0]]) {
+                return plugin.Outputs[args[0]].Output.Jshy(event, args.slice(1)) || plugin.Zone("output", args[0])
+            }
+            // 控件命令
+            if (plugin.Inputs[args[0]]) {
+                return plugin.Inputs[args[0]].Input.Jshy(event, args.slice(1)) || plugin.Zone("input", args[0])
+            }
+            // 内部命令
             if (typeof plugin[args[0]] == "function") {
-                return kit._call(plugin[args[0]], args.slice(1))
+                return kit._call(plugin[args[0]], args.slice(1)) || plugin.Zone("function", args[0])
             }
-            if (args.length > 0) {
-                kit.Selector(option, ".args", function(item, index) {
-                    index < args.length && (item.value = args[index])
-                })
-            }
-            return kit._call(plugin.Runs, [event])
+            // 远程命令
+            return kit._call(plugin.Runs, [event]) || plugin.Zone("remote", args[0])
         },
 
         ontoast: function() {kit._call(page.toast.Pane.Show, arguments)},
@@ -994,6 +1226,15 @@ function Inputs(plugin, meta, item, target) {
             })
         },
 
+        Jshy: function(event, args) {
+            // 内部命令
+            if (typeof plugin[args[0]] == "function") {
+                return kit._call(plugin[args[0]], args.slice(1)) || plugin.Zone("function", args[0])
+            }
+            // 内部命令
+            return (target.value = args[0]) || plugin.Zone("value", args[0])
+        },
+
         upload: function(event) {
             ctx.Upload({river: meta.river, table: plugin.Option("table")}, option.upload.files[0], function(event, msg) {
                 Output(plugin, "table", msg, null, output, option)
@@ -1112,11 +1353,11 @@ function Inputs(plugin, meta, item, target) {
 
     input.onimport()
     target.value = input.onformat(item.init, item.value)
-    plugin.Inputs[item.name] = target, target.Input = input
-    type == "text" && !target.placeholder && item.name && (target.placeholder = item.name)
-    !target.title && item.placeholder && (target.title = item.placeholder)
-    kit.Log("init", "input", plug+"."+name, input)
-    return input
+    type == "text" && !target.placeholder && (target.placeholder = item.name)
+    type == "text" && !target.title && (target.title = item.placeholder || item.name || "")
+
+    kit.Log("init", "input", input.Zones(), input)
+    return plugin.Inputs[item.name] = target, target.Input = input
 }
 function Output(plugin, type, msg, cb, target, option) {
     var exports = plugin.target.Meta.exports
@@ -1125,6 +1366,15 @@ function Output(plugin, type, msg, cb, target, option) {
         _canvas: function() {plugin.onfigure("canvas")},
         clear: function() {target.innerHTML = ""},
 
+        Jshy: function(event, args) {
+            // 内部命令
+            if (typeof plugin[args[0]] == "function") {
+                return kit._call(plugin[args[0]], args.slice(1)) || plugin.Zone("function", args[0])
+            }
+            // 内部命令
+            return (target.value = args[0]) || plugin.Zone("value", args[0])
+        },
+
         Download: function() {
             var type = ".csv", text = kit.Selector(output, "tr", function(tr) {
                 return kit.Selector(tr, "td,th", function(td) {
@@ -1213,5 +1463,7 @@ function Output(plugin, type, msg, cb, target, option) {
         }, function(event, key, cb) {cb(event)}),
     }, plugin)
     output.onimport(type, msg, cb)
-    return target.Output = output
+
+    kit.Log("init", "output", output.Zones(), output)
+    return plugin.Outputs[type] = target, target.Output = output
 }
diff --git a/usr/librarys/toolkit.js b/usr/librarys/toolkit.js
index 37738db2..2d104e3e 100644
--- a/usr/librarys/toolkit.js
+++ b/usr/librarys/toolkit.js
@@ -317,7 +317,9 @@ kit = toolkit = (function() {var kit = {__proto__: document,
         return table
     },
     RangeTable: function(table, index, sort_asc) {
-        var list = kit.Selector(table, "tr").slice(1)
+        var list = kit.Selector(table, "tr", function(tr) {
+            return tr.style.display == "none" || kit.classList.has(tr, "hide")? null: tr
+        }).slice(1)
 
         var is_time = true, is_number = true
         kit.List(list, function(tr) {
@@ -343,8 +345,9 @@ kit = toolkit = (function() {var kit = {__proto__: document,
                     list[j] = temp
                 }
             }
-            list[i].parentElement && list[i].parentElement.removeChild(list[i])
-            table.appendChild(list[i])
+            var tbody = list[i].parentElement
+            list[i].parentElement && tbody.removeChild(list[i])
+            tbody.appendChild(list[i])
         }
     },
     OrderTable: function(table, field, cb) {if (!table) {return}
@@ -502,7 +505,7 @@ kit = toolkit = (function() {var kit = {__proto__: document,
 		}
         return list
     },
-	Opacity: function(obj, interval, list) {
+    Opacity: function(obj, interval, list) {
 		kit.List(kit.Value(list, [0, 0.2, 0.4, 0.6, 1.0]), function(value) {
 			obj.style.opacity = value
 		}, kit.Value(interval, 150))
@@ -534,7 +537,7 @@ kit = toolkit = (function() {var kit = {__proto__: document,
         s = s.replace(/\033\[m/g, "</span>")
         return s
     },
-	Value: function() {
+    Value: function() {
         for (var i = 0; i < arguments.length; i++) {
             switch (arguments[i]) {
                 case undefined: