Repository navigation
Releases: WAOR/Komari-Theme-SAO
Releases · WAOR/Komari-Theme-SAO
Release list
v1.1.4
🎮 方格矩阵点阵预设体系扩充与视觉重塑 (v1.1.4)
本次更新重点丰富了首页方格矩阵开屏动画与主题管理点阵画板的预设生态,新增多个兼具极客运维文化、硬核网络指标与复古游戏情怀的高辨识度系统点阵预设,并完善全流程测试体系与预览排版。
🌟 重点新特性与设计重塑
- 扩充方格矩阵系统预设生态:
- 新增「PING」网络指标预设:严谨遵循 4 字母 5px 等宽像素字模,字符间距与中柱对称对齐,契合探针核心网络延迟属性;
- 新增「OPS」运维代号预设:采用 3 字母宽幅排版与硬朗工业风笔画,气场舒展,与现有 SAO / EVA 主题风格完美契合;
- 新增「FAST」极速性能预设:两端绝对居中对称,笔画方正有力,象征集群极致吞吐与低时延响应;
- 新增「〰️ 心电脉冲」存活心跳预设:高仿真标准医学 QRS 脉冲波形与贯穿健康基线,像素无断笔平滑衔接,开屏扫光时极具监护仪与节点心跳(Heartbeat / Alive)的科技质感;
- 新增「🕹️ 吃豆人」复古街机预设:重塑经典圆润弧度吃豆人(四角削圆 + 60° 锐角大张嘴),并携能量金豆与经典幽灵角色(Blinky 双眼与波浪裙摆)一同登场,故事感与街机辨识度拉满。
⚡ 质量保障与细节优化
- 测试体系同步补全:全面覆盖新增点阵预设的单元测试断言,确保点阵编辑器渲染与解析稳定可靠;
- 版本与底栏同步更新:同步升级全站版本标识与微胶囊底栏芯片至 v1.1.4。
v1.1.3
🛡️ 访客权限细分与卡片扩展入口重构 (v1.1.3)
本次更新重点重塑了总览卡片扩展入口与访客权限配置架构,提供精细化的访客入口可见性控制,消除重复与冲突的角标提示,提升未登录视角的纯净度。
🌟 重点特性与架构重塑
- 重构「总览卡片扩展入口与访客权限」面板:
- 在主题设置「首页」Tab 中重塑整合为全新专属管理面板,将功能明确清晰地拆分为**「卡片操作入口」与「公开与可见性权限」**两个逻辑分区;
- 新增「向访客公开流量详情统计入口」独立开关:支持针对访客单独控制今日流量卡片右上角流量详情入口的呈现状态;
- 访客视角极致纯净化:在默认未登录或未授权状态下,首页 6 张总览卡片右上角均无任何操作入口图标,消除访客视觉杂音;
- 逻辑解耦与文案精准化:精准校正「向访客公开价格与资产」等设置项文案,明确数据脱敏与入口表现层的单向独立联动;消除卡片内主入口与独立悬浮入口的备用角标冲突。
⚡ 体验优化与细节调优
- 设置项指引说明升级:补充卡片扩展入口与悬浮按钮的互斥与备用关系提示,指引更明确直观。
v1.1.2
🚀 扩展入口与微胶囊底栏升级 (v1.1.2)
本次更新带来了更清晰集中的总览入口管控体系,并全新上线了具有 SAO 标志性科技质感的「终端全息微胶囊底栏」,进一步打磨深浅模式下的光影细节与移动端排版体验。
🌟 重点新特性与设计重塑
- 新增「总览卡片扩展入口」管理面板:
- 在主题设置「首页」Tab 中新增专属面板,集中收拢顶部各项指标卡片的二级跳转与快捷交互;
- 新增「显示今日流量页入口按钮」:支持独立开启/关闭今日流量卡片右上角的流量详情统计图表按钮;
- 设置结构纯净化:将资产统计卡内入口与右下角备用悬浮入口并列迁移至此,使「花费」Tab 彻底聚焦于续费价格、折算汇率与溢价摊销配置。
- 全新上线「SAO 终端全息微胶囊底栏」:
- 告别苍白的纯文字页脚,全新打造悬浮毛玻璃质感的轻量级状态微胶囊(Cyber Status Capsule);
- 集成实时运行呼吸绿点、等宽字体版本微芯片(Micro-Chip)与带有上浮微动效的 GitHub 跃迁链接;
- 鼠标悬停时触发一道平缓丝滑(1.6s 贝塞尔曲线)的对角全息扫光,彻底去除杂色描边,改用高级克制的中性高光轮廓。
⚡ 细节优化与交互完善
- 入口文案指引清晰化:在流量入口、资产卡内入口与悬浮按钮的说明中,明确补充“若关闭,首页则暂无其他途径进入详情页”的指引,并清晰表达卡内主入口与悬浮球之间的互斥备用关系;
- 底栏留白大幅收紧:重构底部边距计算,彻底消除外层容器多余的垂直冗余空间,让胶囊贴底呈现出适度、舒适的安全留白;
- 修复设置页底部截断遮挡:微调主容器与全局样式 padding-bottom 边距(对齐 CFSM 参考版本规范),彻底消除 PC 端设置页底部过度截断遮挡问题;
- 移动端排版防御:全端样式锁定强制单行,并在窄屏(≤480px)下按比例微调字号与内边距,确保在主流手机乃至极限小屏下坚决不换行。
v1.1.1
🚀 界面质感与组件化升级 (v1.1.1)
-
🎨 首页顶部指标卡片全面组件化与色彩体系重构:
- 标准化指标组件(StatMetricIcon):将首页 6 张概览卡片的图标与样式全量组件化,封装建立清晰严谨的 7 维指标语义体系(活跃连接、CPU、内存、硬盘、流量、资产),杜绝内联样式与散落选择器。
- 经典标准多维色彩体系:告别单调同质化,为经典 SAO 风格构建了 6 维互不冲突的专属标准色盘,关键监控指标一目了然。
- EVA 初号机配色调优:
- 全面适配机能风格色彩(荧光绿、装甲橙、机能青蓝等);
- 内存用量卡片重构:将原紫色调整为深沉稳重的「机能科技蓝」(深色
#3b82f6/ 浅色#2563eb),视觉体验更严肃专业、杜绝浮躁感。
-
✨ 深浅模式分立特化与 HUD 机能光效:
- 深色模式(HUD 微底框 + 微发光):卡片图标启用专属科技感微底框与轻量霓虹高光光晕;鼠标悬停时触发微动效与微妙提亮,营造更沉浸的机甲立体交互质感。
- 浅色模式(纯净矢量):移除底框与发光投影,保持纯粹通透的矢量图形展示;同时针对浅色底色进行对比度调优,清晰耐看且舒适护眼。
-
📐 排版与视觉细节微调:
- 留白与呼吸感优化:微调了指标卡片数值与标题栏、图标的上下边距,消除原有视觉贴合过紧的压抑局促感,版面更加舒展自然。
v1.1.0
🚀 全新功能与优化更新 (v1.1.0)
-
🔲 大集群全景监控更优解:全新推出「方格矩阵」集群状态模式:
- 专为海量服务器节点打造:针对多节点、大集群用户的监控痛点量身设计,打破单行进度条的空间局限,采用 20 列高密度机架热力矩阵整屏呈现;超过 100 台服务器时自动启用平滑无痕垂直滚动,让大规模集群的健康与流量全貌一览无余。
- 实时带宽吞吐梯级动态变色:每个单元格直观反映节点的在线状态与实时网络吞吐梯级(空闲/活跃传输/高吞吐),高带宽吞吐节点状态清晰醒目。
- 双端交互深度适配:桌面端悬停即时展示详细指标浮层并支持点击平滑定位卡片;移动端轻触首次展开详细悬浮卡、再次点击直达节点,浏览与运维兼顾。
- 模拟机位填充(Mock Fill):支持开启闲置插槽模拟数据填充,不仅页面加载时随机分布,在运行期间更具备灵动呼吸机制,未刷新状态下也会周期性动态随机变幻「空闲待机」、「活跃传输」与「高吞吐」状态及吞吐速率,机架视觉更显灵动鲜活。
-
✨ SAO 正体开屏扫描动效与自定义点阵图案画板:
- 经典机架激光扫光:进入首页时可播放自左向右横扫机架的激光束,点亮专属字符并在呼吸聚能后平滑溶解切入实时数据;可在设置中一键开启或关闭。
- 可视化微型像素画板:在主题管理中内置 20×5 点阵绘制画布,支持用户自由绘制专属图案,并提供「动效预览」、「清空」与「应用到首页」功能。
- 云端预设同步漫游:内置 SAO、EVA、❤️ 爱心、404 等经典图案,支持将画板设计保存为用户自定义预设(最多保存 12 个),随主题设置自动漫游至云端,跨设备不丢失。
-
🟣 新增「EVA 初号机」机能主题风格:
- 专属初号机配色重塑:方格矩阵支持「经典标准(绿·橙·红)」与「EVA 初号机(机体紫·荧光绿·装甲橙·暴走红)」一键换装,集群健康徽章与开屏呼吸动效全链路联动。
-
🛠️ 体验优化与文案修正:
- 经典布局大集群排版修复:彻底解决了大集群用户在集群状态经典布局中,当服务器节点较多或处于特定屏幕尺寸时,在线状态胶囊可能超出卡片范围的排版异常,多节点场景下的布局更加稳健自适应。
- 修正主题设置文案描述:修正主题设置中「集群状态展示模式」说明,移除已废弃的右上角手动切换按钮提示;同步更新「模拟数据填充」说明文案,准确反映未刷新状态下的灵动随机变幻特性。
- 消除深浅模式切换方格闪烁抖动:优化集群方格矩阵容器动画与属性过渡策略,彻底杜绝切换深浅色外观时因动画重置引发的 3px 位移抖动及颜色频闪。
v1.0.10
✨ 优化与修复 (v1.0.10)
- 🖥️ 消除 PC 端首屏骨架屏阶段顶栏 LOGO 与站点名称抖动:
- 稳定常驻滚动槽(scrollbar-gutter):在
html根层级引入scrollbar-gutter: stable;,在 PC 端常驻预留右侧垂直滚动条槽位,彻底消除首屏骨架屏过渡至真实数据时因滚动条出现而导致的视口宽度变化及居中顶栏横向跳动(Layout Shift)。 - 优化顶栏品牌区过渡动效作用域:将
.mao-nav-brand-left的transition动效严格收敛至移动端/平板折叠展开媒体查询(@media (max-width: 1023px))内部;PC 桌面端(>= 1024px)保持纯静态稳定呈现,杜绝初次挂载与断点计算时的微小位移动画抖动。
- 稳定常驻滚动槽(scrollbar-gutter):在
- 🧹 彻底移除上游遗留的自定义背景媒体功能与内置视频:
- 精简设置项与底层渲染架构:作为高密度运维信息看板,复杂背景图与动态视频容易影响数字和图表的可读性。彻底移除主题配置中的「自定义背景图与动态视频」设置项,全面清除背景图层、视频会话及首帧缓存等相关实现代码。
- 大幅瘦身主题包体积:删除了预设内置的动态壁纸视频文件(
LanternRivers_1080p15fps2Mbps3s.mp4),安装包体积显著缩小,发布与分发更加纯净轻量。
- 🧭 精简主题设置导航与分类结构:
- 移除了原有的独立「外观」Tab,将精简后的「默认外观」与「默认卡片视图」无缝合并至「首页」设置面板顶部;彻底清除了侧栏导航中关于“背景媒体、透明度”的过时描述,分类结构更加直观聚焦。
- 🏷️ 全面清除端侧上游遗留名称与优化打包输出:
- 规范化端侧命名体系:将错误兜底 UI(ErrorBoundary)、API 降级日志及本地存储键名中残留的上游 Lumina/LuminaPlus 标识彻底替换为标准 SAO 命名体系,同时保持数据读取向后兼容。
- 净化发布包产物:打包脚本自动过滤
.DS_Store等系统文件,保证 Release 结构与体积规范纯净。
v1.0.9
✨ 新增与优化功能 (v1.0.9)
-
🎨 国旗图标全面升级为纯正圆 Circle Flags 矢量集:
- 视觉美化与纯正圆呈现:彻底移除原先的方形国旗图标集,全面换装为精致细腻的纯正圆 Circle Flags 矢量图标集。
- 轻量精准打包:精确保留项目实际支持的地区旗帜图标,坚决不引入多余无用的冗余图标,有效控制包体体积。
- 组件架构优化:重构
Flag旗帜组件,支持 1:1 正圆形比例自适应(rounded-full与object-fit: cover),优化边缘防溢出和居中对齐,大幅提升仪表盘与各卡片的整体视觉一致性。 - 优雅平滑降级:完善旗帜多级加载兜底容错机制,在未匹配到地区或特殊异常情况下,自动平滑降级至中立未知地区圆形图标(
xx.svg),彻底避免图片加载破损或排版坍塌。
-
📖 文档同步与完善:
- 同步更新仓库
README.md,保持与最新探针环境及特性说明完全对齐。
- 同步更新仓库
v1.0.8
✨ 新增与优化功能 (v1.0.8)
-
⚡ 极致加载速度与首屏秒开优化:
- 首屏早期数据超前预取(Early Data Prefetching):在 HTML
<head>头部内联脚本中与 CSS/JS 资源下载完全并行同步发起/api/public、/api/me与/api/nodes请求挂载至window.__EARLY_DATA__,彻底打破传统 SPA “HTML ➡️ 下载 JS ➡️ 执行 JS ➡️ 发起 API” 的漫长串行瀑布流,数据与应用几乎同时就绪。 - 核心 API 早期数据透明消费与自动回收:前端
getPublic()、getMe()和getNodes()首次执行时优先秒级消费早期 Promise(0ms 往返耗时),并在消费后自动重置,无缝兼容后续定时轮询和手动刷新。 - 首页并发直出管线(Parallel Hydration Pipeline):优化
AppShell加载依赖,消除权限检查与节点加载之间的串行排队阻断,首屏进入即全速并行直出。 - 磨砂立体骨架屏秒级占位(Instant Skeleton Render):首屏彻底消除让人烦躁的“大白屏”与“转圈等待”,核心框架就绪后瞬间呈现 1:1 严格对齐 SAO 仪表盘的立体呼吸骨架;配合早期数据预取,数据落地后平滑无缝蜕变为真实界面。
- 首屏早期数据超前预取(Early Data Prefetching):在 HTML
-
🧹 代码梳理与架构优化:
- 提取统一的
parseApiResponse响应解析处理函数,精简并消除早期数据与常规网络数据解析中的冗余代码。 - 补全早期数据预取消费机制的完整单元测试套件,保证向后兼容性与稳定性。
- 提取统一的