add some

README.md

@@ -1,4 +1,3 @@
-# volcanos
+# Volcanos
-
+Volcanos 是一个前端框架，通过集群化、模块化、自动化的方式，快速的开发、创建、共享各种应用程序和数据。
-volcanos 是一个前端框架，通过集群化、模块化、自动化的方式，快速的开发、创建、共享应用程序和数据。
 

const.js

@@ -288,7 +288,7 @@ var http = {
 var html = {value: {
 	RIVER_WIDTH: 230, PROJECT_WIDTH: 230,
 	ACTION_HEIGHT: 32, STATUS_HEIGHT: 32,
-	PLUG_WIDTH: 800, PLUG_HEIGHT: 320, STORY_HEIGHT: 480, FLOAT_HEIGHT: 480, FLOAT_WIDTH: 1200, DESKTOP_WIDTH: 1200, DESKTOP_HEIGHT: 684,
+	PLUG_WIDTH: 800, PLUG_HEIGHT: 480, STORY_HEIGHT: 480, FLOAT_HEIGHT: 480, FLOAT_WIDTH: 1200, DESKTOP_WIDTH: 1200, DESKTOP_HEIGHT: 684,
 	RIVER_MARGIN: 80, ACTION_MARGIN: 200,
 	PLUGIN_PADDING: 0, PLUGIN_MARGIN: 0,
 	ACTION_BUTTON: 3, TABLE_BUTTON: 5},

index.css

@@ -1,13 +1,13 @@
 body {
-	--danger-bg-color:red; --danger-fg-color:var(--notice-fg-color);
 	--notice-bg-color:blue; --notice-fg-color:white;
+	--danger-bg-color:red; --danger-fg-color:var(--notice-fg-color);
 	--create-bg-color:var(--notice-bg-color); --create-fg-color:var(--notice-fg-color);
-	--progress-bg-color:red; --disable-fg-color:gray;
-	--hover-bg-color:#5066b945; --hover-fg-color:var(--notice-fg-color);
 	--box-border:#404141 solid 1px; --box-shadow:var(--body-fg-color) 2px 2px 8px; --box-notice:var(--notice-bg-color) solid 1px;
+	--hover-bg-color:#5066b945; --hover-fg-color:var(--notice-fg-color);
+	--progress-bg-color:red; --disable-fg-color:gray;
 	--body-bg-color:var(--plugin-bg-color); --body-fg-color:var(--plugin-fg-color);
-
 	--plugin-bg-color:black; --plugin-fg-color:silver; --plugin-border-color:var(--box-border);
+
 	--legend-bg-color:var(--plugin-bg-color);
 	--input-bg-color:var(--plugin-fg-color); --input-fg-color: var(--plugin-fg-color); --input-border:var(--box-border);
 	--output-bg-color:var(--input-bg-color); --output-fg-color:var(--input-fg-color); --status-border:var(--box-border);
@@ -35,7 +35,7 @@ body {
 
 	--river-width:var(--project-width); --project-width:230px; --input-width:120px; --button-width:60px;
 	--action-height:32px; --status-height:var(--action-height); --footer-height:var(--action-height); --header-height:48px;
-	--plug-width:800px; --plug-height:240px; --story-height:480px; --float-height:480px; --float-width:1000px; --desktop-width:1200px; --desktop-height:684px;
+	--plug-width:800px; --plug-height:480px; --story-height:var(--plug-height); --float-height:var(--story-height); --float-width:1000px; --desktop-width:1200px; --desktop-height:684px;
 	--textarea-height:96px; --qrcode-height:320px; --iframe-height:420px; --desktop-icon-size:80px;
 	--river-margin:80px; --action-margin:200px;
 	--plugin-padding:10px; --plugin-margin:var(--plugin-padding);
@@ -576,6 +576,7 @@ fieldset.plan>div.output>div.layout>div.layout>div.profile:not(.toggle) { width:
 fieldset.plan>div.output>div.layout>div.layout>div.profile input { box-shadow:var(--box-shadow); }
 fieldset.plan>div.output>div.layout>div.layout>div.profile input:not(:last-child) { margin-right:var(--button-margin); }
 fieldset.plan>div.output>div.layout>div.layout { align-items:flex-start; }
+fieldset.plan>div.output>div.layout { height:100%; }
 fieldset.draw div.output svg { margin-bottom:-5px; }
 fieldset.draw>div.output>div.layout>div.layout>div.profile table { width:100%; }
 fieldset.draw>form.option>div.item.pid>input { width:var(--button-width) !important; }

lib/page.js

@@ -224,6 +224,7 @@ Volcanos("page", {
 		if (text.indexOf(ice.HTTP) == 0 && text.length > 10) { var ls = text.split(lex.SP); text = "<a href='"+ls[0]+"' target='_blank'>"+decodeURI(ls[0])+"</a>"+ls.slice(1).join(lex.SP) }
 		if (text.indexOf("export ctx_dev=") == 0 && text.length > 10) { return "<div class='story' data-type='spark' data-name='shell'><div>"+"<span>"+text+"</span>"+"</div></div>" }
 		if (text.indexOf("\033\[") == -1) { return text }
+		text = text.replace(/\033\[41m/g, "<span style='background-color:#f00'>")
 		text = text.replace(/\033\[31m/g, "<span style='color:#f00'>")
 		text = text.replace(/\033\[32m/g, "<span style='color:#0f0'>")
 		text = text.replace(/\033\[33m/g, "<span style='color:#ff0'>")