x/volcanos
1
0
Fork 1
mirror of https://shylinux.com/x/volcanos synced 2025-04-25 08:48:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

add some

Browse Source
This commit is contained in:
IT 老营长 @云轩领航-创始人 2024-04-22 10:34:18 +08:00
parent 3054e59506
commit 88f12f173f
5 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
panel/action.js
View File

@ -107,7 +107,7 @@ Volcanos(chat.ONACTION, {_init: function(can, target) { can.db.list = can.misc.S
can._root.River && can._river_show === false && can.onmotion.hidden(can, can._root.River._target), skip || can.onlayout._init(can)
can.getActionSize(function(height, width) { var cb = can.onlayout[button]; can.base.isFunc(cb) && cb(can, height, width) || can.onlayout._plugin(can, button) })
},
_menus: [[html.LAYOUT, ALL, TABS, TABVIEW, VERTICAL, HORIZON, GRID, FREE, FLOW, PAGE]],
// _menus: [[html.LAYOUT, ALL, TABS, TABVIEW, VERTICAL, HORIZON, GRID, FREE, FLOW, PAGE]],
_trans: kit.Dict(html.LAYOUT, "布局", ALL, "详情布局", TABS, "标签布局", TABVIEW, "标签分屏", VERTICAL, "上下分屏", HORIZON, "左右分屏", GRID, "网格布局", FREE, "自由布局", FLOW, "流动布局", PAGE, "网页布局"),
})
Volcanos(chat.ONLAYOUT, {

1
panel/footer.css
View File

@ -4,6 +4,7 @@ fieldset.Footer>div.output div.item { padding:7px; height:var(--footer-height);
fieldset.Footer:not(.tabview)>div.output div.title:first-child { font-weight:bold; text-align:center; width:var(--river-width); }
fieldset.Footer>div.output div.state { font-family:var(--status-font-family); float:right; line-height:18px; }
fieldset.Footer>div.output div.state label { font-size:var(--status-font-size); }
fieldset.Footer>div.output div.title:first-child { margin-left:var(--header-height); }
fieldset.Footer>div.output div.toast { font-family:var(--status-font-family); line-height:18px; max-width:var(--url-input-width); overflow:auto; float:right; }
fieldset.Footer>div.output div.cmd { padding:0; margin-left:20px; }
fieldset.Footer>div.output input[type=button] { background-color:transparent; border:0; }

21
panel/header.css
View File

@ -2,6 +2,7 @@ fieldset.Header>div.output { line-height:21px; height:var(--header-height); over
fieldset.Header>div.output div.item { background-color:var(--panel-output-bg-color); padding:13.5px; height:var(--header-height); float:left; }
fieldset.Header>div.output div.item.title:first-child { font-size:var(--legend-font-size); font-style:italic; font-weight:bold; white-space:pre; overflow:hidden; }
fieldset.Header>div.output div.item.title img { padding:0; height:var(--action-height); width:var(--action-height); }
fieldset.Header>div.output div.item.state { padding:13.5px 10px; float:right; }
fieldset.Header>div.output div.item.layout>i { margin-left:var(--input-padding); }
fieldset.Header>div.output div.item.layout:not(:hover)>i { visibility:hidden; }
fieldset.Header>div.output div.item.layout { padding-right:0; }
@ -15,15 +16,21 @@ fieldset.Header>div.output div.item.usernick>i { margin-left:var(--input-padding
fieldset.Header>div.output div.item.usernick:not(:hover)>i { visibility:hidden; }
fieldset.Header>div.output div.item.usernick { padding-right:0; }
fieldset.Header>div.output div.item.avatar { padding:0; }
body.mobile fieldset.Header>div.output div.item.usernick { display:none; }
fieldset.Header>div.output div.item.avatar>img { height:var(--header-height); clip-path:circle(40%); }
fieldset.Header>div.output div.state { float:right; }
fieldset.Header>div.output div.search.title { padding:7px 5px; margin-left:15px; }
fieldset.Header>div.output div.search>i { color:unset; padding:7px; left:3px; }
fieldset.Header>div.output div.search>input { padding-left:25px; }
fieldset.Header>div.output div.search>span.icon { padding:var(--input-padding) var(--button-padding); }
fieldset.Header>div.output div.Action>div.tabs { height:100%; display:flex; justify-content:center; flex-wrap:wrap; overflow:auto; white-space:pre; }
fieldset.Header>div.output div.item.search { padding:13.5px 5px; }
fieldset.Header>div.output div.item.search { padding:7px 5px; }
fieldset.Header>div.output div.item.search>i { color:unset; padding:7px; left:3px; }
fieldset.Header>div.output div.item.search>input { padding-left:25px; }
body.mobile fieldset.Header>div.output div.item.search>i { padding:0 10px; }
body.mobile fieldset.Header>div.output div.item.search>input { width:256px; }
body.mobile fieldset.Header>div.output div.item.search>input:not(:focus) { border-color:var(--disable-fg-color); }
fieldset.Header>div.output div.item.search>span.icon { padding:var(--input-padding) var(--button-padding); }
fieldset.Header>div.output div.Action>div.tabs { white-space:pre; padding-left:100px; height:100%; overflow:auto; display:flex; flex-wrap:wrap; }
/* fieldset.Header>div.output div.Action>div.tabs { justify-content:center; } */
fieldset.Header>div.output div.Action>div.tabs { padding-left:100px; }
fieldset.Header>div.output div.Action>div.tabs div.item { font-style:italic; }
fieldset.Header>div.output div.Action>div.tabs div.item.select { border-bottom:var(--box-notice3); }
/* fieldset.Header>div.output div.Action>div.tabs div.item.select { border-bottom:var(--box-notice3); } */
fieldset.Header>div.output div.Action>div.tabs div.item:only-child { display:none; }
body:not(.mobile) fieldset.Header>div.output div.title:first-child { width:var(--river-width); }
body:not(.mobile) fieldset.Header>div.output div.title img { margin-right:var(--button-margin); }

12
panel/header.js
View File

@ -23,11 +23,14 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) {
_theme: function(can, theme) { return can.ui.diy&&can.ui.diy[theme]||theme },
_avatar: function(can, msg) { can.user.isExtension || can.user.isLocalFile || can.page.Modify(can, "div.state.avatar>img", {src: can.onexport.avatar(can)}) },
_background: function(can, msg) { if (can.user.isExtension || can.user.isLocalFile) { return } can.onlayout.background(can, can.onexport.background(can)) },
_search: function(can, msg, target) {
if (!can.user.isTechOrRoot(can)) { return }
_search: function(can, msg, target) { if (!can.user.isTechOrRoot(can)) { return }
can.page.Append(can, target, [{view: [[html.ITEM, chat.STATE]], list: [{icon: mdb.SEARCH}], onclick: function(event) {
can.onengine.signal(can, chat.ONOPENSEARCH, can.request(event, {type: mdb.FOREACH}))
}}])
return
can._search = can.onappend.input(can, {type: html.TEXT, _className: "args trans", icon: icon.SEARCH, name: mdb.SEARCH, value: can.misc.Search(can, "_search"), onkeydown: function(event) { can.onkeymap.input(event, can)
event.key == code.ENTER && can.onengine.signal(can, chat.ONOPENSEARCH, can.request(event, {type: mdb.FOREACH, word: event.target.value||""}))
}}, "", target, [chat.TITLE])
}}, "", target, [chat.STATE])
can.onimport.menu(can, mdb.SEARCH, function() { can.onengine.signal(can, chat.ONOPENSEARCH, can.request(event, {type: mdb.FOREACH, word: can._search.value||""})) })
},
_const: function(can) {
@ -126,7 +129,8 @@ Volcanos(chat.ONACTION, {_init: function(can) {},
var msg = can.request(event); can.onengine.signal(can, "ontitle", msg), can.core.List(msg.Append(), function(key) { args[key] = msg.Append(key) })
can.user.jumps(can.misc.MergeURL(can, args, true))
},
avatar: function(event, can) { var src = can.onexport.avatar(can); can.onaction.carte(can.request(event, {_style: "header avatar"}), can, [`<img src="${src}">`]) },
avatar: function(event, can) { if (can.user.isMobile) { return can.onaction.usernick(event, can) }
var src = can.onexport.avatar(can); can.onaction.carte(can.request(event, {_style: "header avatar"}), can, [`<img src="${src}">`]) },
usernick: function(event, can) { can.onaction.carte(can.request(event, {_style: "header usernick"}), can, can.onaction._menus) },
shareuser: function(event, can) { can.user.share(can, can.request(event), [ctx.ACTION, chat.SHARE, mdb.TYPE, aaa.LOGIN, mdb.NAME, can.user.title()]) },
theme: function(event, can) { can.page.Select(can, can._output, "div.item.theme>i:first-child", function(target) {

2
panel/river.css
View File

@ -5,7 +5,7 @@ fieldset.River>div.action div.item:hover input { background-color:var(--notice-b
fieldset.River>div.output { transition:all .3s; }
/* fieldset.River>div.output { display:flex; flex-direction:column; align-items:center; } */
fieldset.River>div.output div.item { font-family:var(--legend-font-family); padding:var(--legend-padding); border-left:#00ffae solid 3px; }
fieldset.River>div.output div.item.select { color:var(--panel-hover-fg-color); border-right:var(--box-notice3); }
fieldset.River>div.output div.item.select { color:var(--panel-hover-fg-color); }
fieldset.River>div.output div.item:hover { color:var(--panel-hover-fg-color); }
fieldset.River>div.output div.item>i:first-child { margin-right:var(--button-margin); }
fieldset.River>div.output div.list div.item { border-left:#ccdc4c solid 3px; }