From cd011e788775a324b7b88c4fbce344e7cdd8c04a Mon Sep 17 00:00:00 2001
From: shylinux <shylinux@icloud.com>
Date: Sat, 21 Aug 2021 11:26:42 +0800
Subject: [PATCH] opt chat.div

---
 plugin/local/chat/div.css |  3 +++
 plugin/local/chat/div.js  | 23 +++++++++++++++++------
 2 files changed, 20 insertions(+), 6 deletions(-)
 create mode 100644 plugin/local/chat/div.css

diff --git a/plugin/local/chat/div.css b/plugin/local/chat/div.css
new file mode 100644
index 00000000..6a0cf6bd
--- /dev/null
+++ b/plugin/local/chat/div.css
@@ -0,0 +1,3 @@
+fieldset.div div.output td {
+    vertical-align:top;
+}
diff --git a/plugin/local/chat/div.js b/plugin/local/chat/div.js
index 3fe943a5..8e4c08c3 100644
--- a/plugin/local/chat/div.js
+++ b/plugin/local/chat/div.js
@@ -7,29 +7,40 @@ Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg,
         {type: "td", list: [{view: "project"}]},
         {type: "td", list: [{view: "display"}]},
         {type: "td", list: [{view: "profile"}]},
-    ]}]}]), can.onimport._item(can, can._meta, can.ui.project).click()
+    ]}]}])
+    can.ui.project._fieldset = can.onimport._field(can, can.ui.display, can._meta.meta)
+    can.onimport._item(can, can._meta, can.ui.project).click()
 
-}, _item: function(can, node, target) {
+}, _field: function(can, target, meta) {
+    return can.page.Append(can, target, [{type: "fieldset", style: {width: meta.width||200, height: meta.height||200}}]).first
+},_item: function(can, node, target) {
     var ui = can.page.Append(can, target, [{view: ["item", "div", node.meta.name]}, {view: ["list"]}])
     can.core.List(node.list, function(node) { can.onimport._item(can, node, ui.list) })
-    var msg = can.request({}); msg.Push(node.meta)
+    var msg = can.request({}); msg.Push(node.meta, "", true)
     ui.item.onclick = function(event) {
         can.onmotion.select(can, can.ui.project, "div.item", ui.item)
         can.current = ui.item
         can.onmotion.clear(can, can.ui.profile)
         can.onappend.table(can, msg, null, can.ui.profile)
     }
+    ui.list._fieldset = can.onimport._field(can, target._fieldset, node.meta)
     ui.item._add = function(data) {
         node.list.push(data)
         can.onimport._item(can, data, ui.list)
     }
     return ui.item
-}})
-Volcanos("onaction", {help: "操作数据", list: ["添加"],
+}}, ["/plugin/local/chat/div.css"])
+Volcanos("onaction", {help: "操作数据", list: ["添加", "保存"],
     "添加": function(event, can) {
-        can.user.input(event, can, ["name"], function(event, button, data, list, args) {
+        can.user.input(event, can, ["name", "index", "args", "width", "height"], function(event, button, data, list, args) {
             can.current._add({meta: data, list: []})
         })
     },
+    "保存": function(event, can) {
+        var msg = can.request(event, can.Option())
+        can.run(event, ["modify", "text", JSON.stringify(can._meta)], function(msg) {
+            can.user.toast(can, "保存成功")
+        }, true)
+    },
 })
 Volcanos("onexport", {help: "导出数据", list: []})