烧饼论坛 LZ.SB
登录

komari 主题 ink 更新:支持三网延迟显示

846
  • jlthzy
    UID 3767Lv.5 小有收获

    历史发帖:https://www.nodeseek.com/post-905288-1

    1. 更新内容

    1. 可用性时间线(新功能)
    详情页新增 uptime 历史柱状图——按天估算:正常/降级/宕机/无数据 四态 + 每日悬浮详情 + 滚动平均可用率摘要;复用图表共享缓存,零额外网络请求。
    
    2. 三网延迟明细(新功能)
    节点卡接入 taskLatencies 任务级延迟——三网延迟数值/柱状图完整数据链路(前端细节全打通)。
    
    3. Tooltip 全面可用化(修复)
    * 延迟/丢包柱 hover 悬浮提示:从"原生 title(实际永远不显示)"→ DataTooltip(纯 CSS、触屏可用)
    * 定位机制重建(Teleport + 实测坐标):气泡紧贴元素、不受祖先裁切、窄卡不再"拽飞"
    
    4. 移动端交互修复(修复)
    * 触摸下 tooltip 点击展开/再点收起 + 单例(不再叠加卡死)
    * 三网数值/消息图标的点击不再冒泡误跳详情页
    
    5. 数据新鲜度真实化(修复)
    Ns 前更新"从挂钟计时 → 真实轮询到达时间(收到数据才更新;未收到显示"等待数据")
    
    6. 加载性能(优化)
    * 移除 Google Fonts CDN → 自托管 Inter(跨域/国内不稳定根除)
    * 118 个图标构建期本地打包 → 运行时零 iconify 请求
    * echarts 死组件移除 → 主 chunk 565KB → 527KB(-7%)
    
    7. 渲染性能(优化)
    * 节点卡网格虚拟滚动(大数据集流畅)
    * 列表 backdrop-blur 合成层 N → 1(统一容器层)
    * 死代码/重复汇率请求清理
    
    8. 稳定性(优化)
    * Header 新鲜度定时器泄漏修复(onUnmounted 清理)
    
    9. 架构精简(取舍)
    * 移除交互式地球(-1449 行 + D3 下架)——"少而精"、聚焦核心监控体验
    

    2. 项目地址

    https://github.com/jacob-bytes/komari-theme-ink

    3.ui 展示

    pz7CNlnFnzvXdMG5O0J8rB92ksHYAn2f.webp
    Y1F0C6rdhV3yTx7d2mx7ot4Rc8TDLCNd.webp
    Vh2lfmG4B16CskJ3sKYeqhscMRYOph67.webp
    tnIyvihfDq35Gg5r9S81LkswPNXnV5b0.webp

  • 收藏支持反对打赏

6 条回复

  • Kadis
    UID 2125Lv.2 新手上路
    #1

    大佬,最好有个预览

  • nara
    UID 6517Lv.3 初识社区
    #2

    建议三网的延迟单独分开显示下

  • BSD
    UID 755Lv.3 初识社区
    #3

    三网延迟,不错

  • 社死码农
    UID 8145Lv.1 初来乍到
    #4

    我自己写监控面板每次都烂尾,后来干脆不写了。uptime 历史柱状图这个实用,以后看线路好坏不用再自己拿电脑 ping 半天了哈哈

  • lanlan
    UID 4369Lv.2 新手上路
    #5

    腾讯云硅谷好用吗,本来也想买一个

  • ninuan
    UID 495Lv.4 渐入佳境
    #6

    这个吃小鸡的性能吗?没有部署过,不太了解

发表回复