add some

index.css

@@ -938,7 +938,7 @@ fieldset.iframe.float.portal { background-color:var(--notice-bg-color); color:va
 fieldset.iframe.float.portal>legend { background-color:var(--notice-bg-color); color:var(--notice-fg-color); margin-right:10px; }
 fieldset.iframe.float.portal>div.action>div.item.full { display:none; }
 fieldset.desktop { border:0; }
-fieldset.desktop>legend { background-color:transparent; color:white; }
+fieldset.desktop>legend:not(:hover) { background-color:transparent; color:white; }
 fieldset.desktop>form.option>div.item:not(.delete) { display:none; }
 fieldset.desktop>form.option>div.item.delete { color:silver; }
 fieldset.desktop>div.action>div.item.text { display:none; }
@@ -997,6 +997,7 @@ fieldset.offer>div.output>table.content tr.invite { background-color:var(--notic
 fieldset.apply>div.output>table.content.detail.apply tr.action td.action { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
 fieldset.trans>div.output>fieldset { margin:var(--button-margin); }
 fieldset.config form.option input[name=key] { width:var(--project-width); }
+body.dark fieldset.spides>div.output>svg>text:hover { fill:white; }
 fieldset.rich>div.output>table.content { font-family:var(--code-font-family); }
 fieldset.plan div.output div.content>table.content { height:100%; width:100%; }
 fieldset.plan>div.output>div.layout>div.layout>div.profile:not(.toggle) { width:unset; flex:unset; }

plugin/story/spides.js

@@ -1,14 +1,13 @@
 Volcanos(chat.ONIMPORT, {
 	_init: function(can, msg, cb) { can.page.requireDraw(can, function() { msg.append && can.ConfDefault({field: msg.append[0], split: nfs.PS})
 		can.dir_root = can.Conf(nfs.DIR_ROOT)||msg.Option(nfs.DIR_ROOT), can._tree = can.onimport._tree(can, msg.Table(), can.Conf(mdb.FIELD), can.Conf(lex.SPLIT))
-		can.onaction.list = [], can.base.isFunc(cb) && cb(msg), can.onimport.layout(can), can.onmotion.toggle(can, can._action, true)
+		can.onaction.list = [], can.base.isFunc(cb) && cb(msg), can.onappend._status(can, msg.Option(ice.MSG_STATUS)), can.onimport.layout(can)
-		can.onappend._status(can, msg.Option(ice.MSG_STATUS))
+		can.onappend.style(can, "spides")
 	}) },
 	_tree: function(can, list, field, split) { var node = {}; can.core.List(list, function(item) { can.core.List(item[field].split(split), function(value, index, array) {
 		var last = array.slice(0, index).join(split)||can.dir_root, name = array.slice(0, index+1).join(split)
 		value && !node[name] && (node[last] = node[last]||{name: last, meta: {}, list: []}).list.push(node[name] = {
-			name: value+(index==array.length-1? "": split),
+			name: value+(index==array.length-1? "": split), file: item.file||item[field]||item.file, hide: true, meta: item, list: [], last: node[last],
-			file: item.file||item[field]||item.file, hide: true, meta: item, list: [], last: node[last],
 		})
 	}) }); return node },
 	_height: function(can, tree) { tree.height = 0; if (tree.list.length == 0 || tree.hide) { return tree.height = 1 }
@@ -17,7 +16,9 @@ Volcanos(chat.ONIMPORT, {
 	_width: function(can, tree) { tree.width = 0; if (tree.list.length == 0 || tree.hide) {
 		return tree.width = can.onimport.draw(can, {shape: html.TEXT, points: [{x: 0, y: 0}], style: {inner: tree.name}}).Val(svg.TEXT_LENGTH)+can.margin
 	} can.core.List(tree.list, function(item) { tree.width += can.onimport._width(can, item) }); return tree.width },
-	_color: function(can, tree) { return tree.meta.color || (tree.list == 0? cli.PURPLE: cli.YELLOW) },
+	_color: function(can, tree) {
+		return tree.meta.color || (tree.list == 0? cli.PURPLE: cli.YELLOW)
+	},
 	layout: function(can) {
 		can.ui.svg && can.ui.svg.Val(svg.FONT_SIZE, can.size = parseInt(can.Action(html.SIZE)||24)), can.margin = parseInt(can.Action(html.MARGIN)||10)
 		can._tree && can._tree[can.dir_root] && can.core.CallFunc(can.onaction[can.Action(html.VIEW)||"横向"], [event, can, can.Action(html.VIEW)])