opt some

frame.js

@@ -94,7 +94,7 @@ Volcanos("ondaemon", {help: "推荐引擎", list: [], _init: function(can, name)
 Volcanos("onappend", {help: "渲染引擎", list: [], _init: function(can, meta, list, cb, target, field) {
         meta.name = meta.name || "", meta.name = meta.name.split(" ")[0].split(".").pop()
         field = field || can.onappend.field(can, meta.type, meta, target).first
-        var legend = can.page.Select(can, field, "legend")[0]
+        var legend = can.page.Select(can, field, ".legend")[0]||can.page.Select(can, field, "legend")[0]
         var option = can.page.Select(can, field, "form.option")[0]
         var action = can.page.Select(can, field, "div.action")[0]
         var output = can.page.Select(can, field, "div.output")[0]
@@ -297,8 +297,10 @@ Volcanos("onappend", {help: "渲染引擎", list: [], _init: function(can, meta,
     },
     field: function(can, type, item, target) { type = type || html.INPUT, item = item || {}
         var name = (item.nick||item.name||"").split(" ")[0]
-        return can.page.Append(can, target||can._output, [{view: [(type||"")+" "+(item.name||"")+" "+(item.pos||""), "fieldset"], list: [
+        var title = item.help? name+"("+item.help.split(" ")[0]+")": name
-            name && {text: [name+"("+(item.help||"").split(" ")[0]+")", html.LEGEND]},
+        return can.page.Append(can, target||can._output, [{view: [(type||"")+" "+(item.name||"")+" "+(item.pos||""), html.FIELDSET], list: [
+            name && {text: [title, html.LEGEND]},
+            can.user.isCmd && type == "plugin" && {view: [html.LEGEND, html.DIV, title]},
             {view: ["option", "form"]}, {view: ["action"]}, {view: ["output"]}, {view: ["status"]},
         ]}])
     },

panel/cmd.css

@@ -1,6 +1,15 @@
+fieldset.plugin>div.legend {
+    float:left; padding:0 10px; margin-right:3px;
+    height:25px; font-size:18px;
+    background-color:darkcyan;
+    cursor:pointer;
+}
 fieldset.panel.cmd>div.output>fieldset.plugin>legend {
     display:none;
 }
 fieldset.panel.cmd>div.output>fieldset.plugin {
     margin:0; padding:0;
 }
+body.white fieldset.plugin>div.legend {
+    background-color:honeydew;
+}

plugin/story/trend.js

@@ -4,7 +4,7 @@ Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg,
         if (msg.Option("branch")) { return can.onappend.table(can, msg) }
 
         can.msg = msg, can.data = msg.Table(), can.onimport._sum(can)
-        can.Action("height", parseInt(msg.Option("height")||can.user.isMobile&&can.user.isLandscape? "200": "400"))
+        can.Action("height", msg.Option("height")||can.user.isCmd? "max": can.user.isMobile&&can.user.isLandscape? "200": "400")
         can.Action("speed", parseInt(msg.Option("speed")||"100"))
 
         can.onappend.plugins(can, {index: "web.wiki.draw"}, function(sub) {
@@ -44,15 +44,17 @@ Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg,
         can.Status({"from": begin, "commit": count, "total": add+del, "max": max})
     },
 })
-Volcanos("onaction", {help: "组件菜单", list: ["编辑", ["view", "趋势图", "柱状图", "数据源"], ["height", "100", "200", "400", "600", "800"], ["speed", "10", "20", "50", "100"]],
+Volcanos("onaction", {help: "组件菜单", list: ["编辑", ["view", "趋势图", "柱状图", "数据源"], ["height", "100", "200", "400", "600", "800", "max"], ["speed", "10", "20", "50", "100"]],
     "编辑": function(event, can) {
         can.onmotion.toggle(can, can.draw._action)
         can.onmotion.toggle(can, can.draw._status)
     },
-    "趋势图": function(event, can) {
+    "趋势图": function(event, can) { var height = can.Action("height")
+        if (height == "max") { height = can.Conf("height") - chat.CMD_MARGIN }
+        height = parseInt(height)
+
         var space = 10
         var width = parseInt(can.Conf("width"))
-        var height = parseInt(can.Action("height"))
         var step = parseInt((width-2*space) / can.list.length)
 
         can.onmotion.clear(can, can.draw.svg)

proto.js

@@ -113,6 +113,7 @@ const chat = {
     CHECK: "check",
     SHARE: "share",
     GRANT: "grant",
+    CMD_MARGIN: 53,
 }
 const team = {
     TASK: "task",
@@ -133,6 +134,7 @@ const html = {
     BUTTON: "button",
     LEGEND: "legend",
     TEXTAREA: "textarea",
+    FIELDSET: "fieldset",
     SELECT: "select",
     OPTION: "option",
     INPUT: "input",