x/volcanos
1
0
Fork 1
mirror of https://shylinux.com/x/volcanos synced 2025-05-03 11:57:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

opt web.flows

Browse Source
This commit is contained in:
IT 老营长 @云轩领航-创始人 2023-07-30 23:35:12 +08:00
parent f756084084
commit 297c99ca10
3 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frame.js
View File

@ -446,6 +446,19 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) {
}) } return code.scrollBy && code.scrollBy(0, 10000), code
},
tools: function(can, msg, cb, target) { can.onimport.tool(can, can.base.Obj(msg.Option(ice.MSG_TOOLKIT), []), cb, target) },
toggle: function(can, target) {
var toggle = can.page.Append(can, target, [
{view: [[html.PROJECT, html.TOGGLE]], onclick: function() { can.onmotion.toggle(can, can.ui.project), can.onimport.layout(can) }},
{view: [[html.DISPLAY, html.TOGGLE]], onclick: function() { can.onmotion.toggle(can, can.ui.display), can.onimport.layout(can) }},
{view: [[html.PROFILE, html.TOGGLE]], onclick: function() { can.onmotion.toggle(can, can.ui.profile), can.onimport.layout(can) }},
])
toggle.layout = function() { var up = "\u25B2", down = "\u25BC", left = "\u25C0", right = "\u25B6"
can.page.Modify(can, toggle.project, can.page.isDisplay(can.ui.project)? left: right)
can.page.Modify(can, toggle.display, can.page.isDisplay(can.ui.display)? down: up)
can.page.Modify(can, toggle.profile, can.page.isDisplay(can.ui.profile)? right: left)
}
return toggle
},
layout: function(can, list, type, target) { const FLOW = html.FLOW, FLEX = html.FLEX
var count = 0, ui = {size: {}}; type = type||FLEX, target = target||can._output
function append(target, type, list) { can.page.ClassList.add(can, target, [html.LAYOUT, type]), can.core.List(list, function(item) {

8
index.css
View File

@ -207,6 +207,12 @@ fieldset>div.output div.project { border-right:var(--box-border); width:230px; }
/* fieldset>div.output div.profile { border-left:var(--box-border); max-width:320px; } */
fieldset>div.output div.profile { border-left:var(--box-border); }
fieldset>div.output div.display { border-top:var(--box-border); }
div.content { position:relative; }
div.content>div.toggle { position:absolute; }
div.content>div.toggle:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; }
div.content>div.toggle.project { top:20%; left:0; height:80px; width:unset; padding-top:25px; transform:scale(1, 3); border:none; }
div.content>div.toggle.profile { top:20%; right:0; height:80px; padding-top:25px; transform:scale(1, 3); border:none; }
div.content>div.toggle.display { left:20%; bottom:0; width:80px; text-align:center; transform:scale(3, 1); border:none; }
/* table card */
div.output.card>div.item.stop { color:var(--disable-fg-color); }
div.output.card>div.item { padding:10px; border:var(--box-border); margin:10px; width:320px; float:left; box-shadow:var(--box-shadow); }
@ -260,6 +266,7 @@ input:not([type=button]):hover { border:var(--input-border); }
input:not([type=button]):focus { border:var(--input-border); outline:none; }
textarea { background-color:var(--input-bg-color); color:var(--input-fg-color); }
table.content tr:hover { background-color:var(--tr-hover-bg-color); }
table.content tr.select { background-color:var(--tr-hover-bg-color); }
// table.content tr:hover { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
table.content th { background-color:var(--th-bg-color); color:var(--th-fg-color); }
table.content td:hover { background-color:var(--td-hover-bg-color); }
@ -349,6 +356,7 @@ fieldset.xterm>div.layout { clear:both; }
fieldset.xterm div.layout div.output { border-left:var(--box-border); border-top:var(--box-border); }
fieldset.xterm div.layout div.output.select { border:var(--box-border)}
fieldset.plan div.output div.content>table.content { height:100%; width:100%; }
fieldset.draw div.output svg { margin-bottom:-5px; }
fieldset.draw>form.option>div.item.pid>input { width:60px; }
// fieldset.draw div.output svg { margin-bottom:-4px; height:100%; width:100%; }
fieldset.draw.trend div.output svg { background-color:#1b5b738c; }

4
plugin/state.js
View File

@ -74,7 +74,7 @@ Volcanos(chat.ONIMPORT, {
})
Volcanos(chat.ONACTION, {list: [
"刷新界面", "刷新数据", "切换浮动", "切换全屏", "远程控制", "共享工具", "打开链接", "生成链接", "生成脚本", "生成图片",
["视图", "操作", "专注", "项目", "预览", "输出", "状态"],
["视图", "操作", "专注", "项目", "预览", "演示", "状态"],
["其它", "扩展参数", "保存参数", "清空参数", "复制数据", "下载数据", "清空数据", "删除工具"],
["调试", "查看文档", "查看脚本", "查看源码", "查看配置", "查看日志", "打包页面"],
],
@ -87,7 +87,7 @@ Volcanos(chat.ONACTION, {list: [
}) },
"项目": function(event, can) { can.onaction._view(event, can, function(sub) { sub.ui && sub.ui.project && can.onmotion.toggle(can, sub.ui.project) }) },
"预览": function(event, can) { can.onaction._view(event, can, function(sub) { sub.ui && sub.ui.project && can.onmotion.toggle(can, sub.ui.profile) }) },
"输出": function(event, can) { can.onaction._view(event, can, function(sub) { sub.ui && sub.ui.project && can.onmotion.toggle(can, sub.ui.display) }) },
"演示": function(event, can) { can.onaction._view(event, can, function(sub) { sub.ui && sub.ui.project && can.onmotion.toggle(can, sub.ui.display) }) },
"状态": function(event, can) { can.onaction._view(event, can, function(sub) { can.onmotion.toggle(can, can._status) }) },
_view: function(event, can, cb) { var sub = can.core.Value(can, chat._OUTPUTS_CURRENT); cb(sub), sub.onimport.layout(sub) },
_engine: function(event, can, button) { can.Update(event, [ctx.ACTION, button].concat(can.Input())) },