okooooooo/biliup
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,042 Commits 1 Branch 0 Tags
master
Commit Graph
7 Commits
Author SHA1 Message Date
Noah 45ab54ba90 fix(ui): 修复新 UI 侧栏被顶出与平台设置页导航重复 (#1706) 
* fix(ui): 去掉 html/body 的 overflow-x: hidden，恢复侧栏与页头吸顶

#1704 引入的 bg-global.css 给 html、body 加了 overflow-x: hidden，任何非 visible
的 overflow 都会把 body 变成滚动容器，侧栏（layout.module.scss .sider）和
PageHeader 的 position: sticky 于是相对 body 而不是视口定位——主内容一长，
整页滚动就把左侧导航和「保存」按钮一起顶出视口。

- 删除 html/body 的 overflow-x: hidden，并在两处样式注明这条约束
- 两个 position: fixed 的背景层改用 inset: 0 铺满视口，不再依赖 100vw，
  也不会撑出横向滚动条

问题 1 of #1705（侧边导航被顶出）。

* fix(ui): 空间配置「平台设置」只保留左侧平台列表一套导航

#1704 把平台设置改成「左列平台列表 + 右栏 Collapse」后，右栏的手风琴仍然
为每个平台渲染一条带平台名的折叠栏，与左列重复（#1705 第二点）。

- 新增 app/ui/plugins/PlatformPanel.tsx：各平台插件的外壳，传入 bare 时只
  输出字段，否则保持原来的 Collapse.Panel（配置覆写弹窗仍在用）
- 10 个平台插件把 Collapse.Panel 换成 PlatformPanel，并透传 bare
- dashboard 右栏不再用 Collapse，改为每个平台一个 <section hidden>：所有
  字段始终挂载，只切换 hidden，保证 PUT /v1/configuration 整表覆盖时其他
  平台的参数与凭据不会因为字段卸载而丢失
- 左列平台列表在页头下方吸顶（position: sticky），右栏面板很长时列表不再
  随内容滚出视口；PageHeader 把自身高度写入 --page-header-height 供其取用；
  Tabs 关闭 tabPaneMotion 并放开 .semi-tabs-pane 的 overflow，否则 pane 会
  成为 sticky 的滚动容器。移动端横排 chip 行保持随内容滚动
- 左列按钮补 aria-pressed，nav 补 aria-label

Fixes #1705

* feat(ui): 空间配置保存校验失败时自动定位到第一个出错字段

平台设置的字段全部挂载、只切换 hidden，未选中的 Tab / 平台面板里的校验
错误用户看不到，表现为点「保存」没有任何反应。

- Form 加 onSubmitFail：把 Semi 的嵌套 errors 拍平成字段路径，按 DOM 顺序
  找到第一个出错字段，切到它所在的 Tab（Tabs 改为受控）与平台面板，再
  scrollIntoView 并聚焦，同时 Toast 提示未通过的项数
- TabPane 内容加 data-tab、平台 section 加 data-platform，供定位使用；
  不改插件接口

Refs #1705

* refactor(ui): 改用应用壳布局解决侧栏被顶出，移除 sticky 补救与 tabPaneMotion 取舍

按 review 意见（#1706）不再靠 position: sticky 解决问题一，改成简单的应用壳：

- layout.module.scss：.app 改为 height: 100vh（100dvh）+ overflow: hidden 的 flex 容器，
  页面本身不滚动；.sider 是固定宽度的普通子元素（撑满壳高，去掉 sticky/top/100vh）；
  .main 加 min-height: 0 + overflow: auto，成为唯一的滚动容器。侧栏、页脚服务灯
  自然留在视口内，PageHeader 原有的 position: sticky 相对 .main 吸顶，无需改动
- 去掉为让平台列表在 Tab 面板内 sticky 而加的补救：.platformNav 的 sticky /
  --page-header-height / max-height、PageHeader 的 ResizeObserver、Tabs 的
  tabPaneMotion={false} 以及 .semi-tabs-pane 的 overflow 覆盖，Tab 切换动画恢复。
  平台列表改回随内容滚动
- bg-global.css：文档不再滚动，html/body 不需要 overflow 规则，注释改为说明现状；
  两个 fixed 背景层保持 inset: 0

验证：tsc 0 错误、next build 通过；13 页 × 浅色 / 深色 / 折叠 / 移动端 390 / 平板 760，
主区滚到底后 document.scrollHeight == innerHeight（文档不滚）、aside top 0、页脚
bottom == innerHeight、header top 0、main 无横向溢出；Semi Select 下拉（主区预滚 1.2k px
及打开后继续滚动）、Popconfirm、配置覆写 Modal 及其内部 Select、Toast 位置全部正确；
切遍 10 个平台后保存 PUT 73/73 键（3 次）；校验失败自动定位三场景通过（2 轮）。

Refs #1705

* refactor(ui): 平台设置去掉外层嵌套卡片，改两栏独立滚动布局

按 review 第二条意见（#1706）：平台列表不用 sticky，也不随内容滚走——去掉包在
「平台列表 + 面板」外面的嵌套卡片，让两栏并排、各自独立滚动。

- dashboard/page.tsx：删掉 dc.content / rootConfigPanel / main / content 四层包裹和
  平台设置里的 framePlatformConfig 卡片与重复的「平台设置」标题；页面主体改为
  .page（占满页头以下的剩余高度）→ Form → Tabs，每个 Tab 面板在自己内部滚动，
  页面本身不滚，页头「保存」始终可见。去掉底部两个 Space 占位
- dashboard.module.scss：重写。删除 #1704 之前遗留的整段 .rootConfigPanel 嵌套规则
  （其中 frameInside / group / lineStory 等类早已无人引用）；Form / Tabs /
  semi-tabs-content / semi-tabs-pane（含开启动画时的 motion-overlay）改为
  flex: 1 + min-height: 0 的列容器，把高度让给当前面板，并补回
  .semi-tabs-pane-inactive 的 display: none（本模块选择器特异性更高）
- 平台设置：.platformLayout 两栏，.platformNav 160px、align-self: flex-start、
  max-height: 100% + overflow-y: auto（矮视口时列表自己滚），.platformBody
  flex: 1 + overflow-y: auto。右栏再长列表也不动
- 全局设置 / 开发者选项一致处理：frameDownload / frameUpload / frameDeveloper 不再是
  带边框和 50px 内边距的卡片，改为分区标题 + 分隔线的普通分区，面板 .pane 自身滚动
- 移动端（≤680px）：两栏改为上下堆叠，平台列表是横向滑动的标签行，固定在面板顶部
  不随字段滚走
- 自定义背景开启时给两个滚动面板垫一层 75% 的 bg-1 半透明底色，保证文字可读

验证：tsc 0 错误、next build 通过；空间配置页在 1440 / 760 / 390 × 浅 / 深 / 折叠 /
520px 矮视口下：文档与 <main> 均不滚动，页头与「保存」始终在视口内，右栏滚到底
（哔哩哔哩面板 1223px）时平台列表位置不变，矮视口下列表自身可滚；全局设置面板独立
滚动；切遍 10 个平台后保存 PUT 73/73 键（4 次）；校验失败自动定位三场景通过（3 轮，
scrollIntoView 在嵌套滚动容器内正常）；Select 下拉在面板预滚 1k px 及滚动中跟随触发器，
Popconfirm / Modal / Toast 位置正确；其余 12 页布局探针与上一提交一致。

Refs #1705

* fix(ui): 更新日志页内容不再覆盖导航顶栏

应用壳布局下页头真正吸顶后暴露出来的问题（review 第三条，#1706）：更新日志页把
PageHeader 又包在一层 position: sticky; z-index: 1 的 Semi Layout.Header 里，
形成一个层级只有 1 的 stacking context，PageHeader 自己的 z-index: 10 只在这层
内部生效；而版本卡片流 .feed 又设了 position: relative; z-index: 1，DOM 顺序在
后，滚动时就画在页头之上。

- changelog/page.tsx：去掉外层 Header，与其它页一样直接渲染 PageHeader
- changelog.module.scss：删掉 .feed / .center 的 position: relative; z-index: 1

验证：10 个带页头的页面滚到底后对页头内 6 个点做 elementFromPoint 命中测试，
全部命中页头自身（修前 /changelog 有 4 个点命中版本卡片头）；/history 播放器
Modal 居中且在最上层；/logviewer、/status 等无层叠。

Refs #1705
 2026-09-22 04:20:48 +00:00
NoahandAluneu f06efbb3b9 feat(ui): 前端整体重设计与统一（接手 #1653） (#1704) 
* feat(ui): 前端整体重设计与统一（接手 #1653）

来自 Aluneu 的 PR #1653（head bdcfbea），在 master 4e156ac 上重新落地。
相对原 PR 的差异：
- 剔除 logo / favicon / logo.svg 品牌资产变更，侧栏与登录页仍用 public/logo.png
- 解决与 master 的三处冲突：upload-manager add/edit 的 studioEntity 补回 #1699 的 tid_v2；
  global.tsx 下载插件说明补上 mesio（9d02856）
- README.md 相关提交在原 PR 合并上游时已归零，此处不含

主要内容：
- PageHeader / SectionTitle / data-card 统一页头与卡片容器，status.tsx 作为状态视觉的唯一来源
- 侧栏自绘重写：5 组 9 项、服务状态指示、折叠偏好持久化、移动端抽屉
- 首页从外链 iframe 改为本地数据的控制台（KPI / 进行中 / 未开播 / 24h 事件流）
- 直播管理：搜索、平台筛选、网格/列表双视图、批量暂停/删除；接口失败不再被当作空列表
- 新增 /changelog 页，运行时拉取官方 CHANGELOG，带 localStorage 离线缓存
- 全局自定义背景：仅本地图片，canvas 重绘为 JPEG data URL，2MB 上限
- 修复：根 layout 与 (app)/layout 双重 <html>/<body>、主题水合闪烁、扫码登录无保护取值崩溃、
  弹窗内 width:1000 横向溢出、移动端抽屉被遮罩拦截
- 后处理 {cmd,value} ↔ HookStep 转换抽成 lib/postprocessor.ts
- 12 个平台插件文案精简

* fix(ui): 空间配置平台列表改为遍历插件注册表

dashboard 里硬编码的 PLATFORM_LIST 让新增平台插件要改第三个地方，漏了就在 UI 里静默消失。
把顺序与文案登记到 app/ui/plugins/index.ts 的 PlatformPanels，dashboard 只负责渲染。

* fix(ui): 控制台断连判定改为全部接口失败才触发，并放宽轮询频率

- /v1/status 单独失败时原先把整个控制台替换成「无法连接后端」，主播卡片全部消失；
  现在只有四个接口全部失败才判定断连，单个接口失败只显示对应提示条
- 主播状态 4s → 10s；streamer-info（全表）、videos（扫目录）、status（序列化整份配置）
  30s → 60s；侧栏与直播管理页共用同一组常量
- 事件流的平台名复用 status.tsx 的 platformName，删掉 use-dashboard 里的重复实现
- 首页「文档」链接对齐 README 里的 biliup.github.io 地址

* fix(ui): 直播状态文案与配色在卡片和列表视图保持一致

- 列表视图的「未开播」原是红底白字，与卡片的灰色徽章不一致；改为同一套三色
- 补回 Pending →「检测中」（原页面就有，重设计后被吞成「未开播」）
- OutOfSchedule 不再归到绿色录制组，绿色只留给 Working
- 删除无人引用的 statusMeta / platformTag

* fix(ui): 编辑投稿模板页在分区列表加载失败时给出原因而不是空白

/bili/archive/pre 需要可用的 B 站 cookie，没有账号时后端返回 500；原先 isError 为真但
error 为 undefined，页面渲染成一个空 div。现在保留页头并显示服务端返回的 message。

* fix(ui): 更新日志页不再把过时的最后一条标成「最新」

仓库里的 CHANGELOG.md 停在 1.2.1，而运行版本已是 1.2.5。页面现在读取 /v1/status 的版本号：
运行版本比日志最新一条还新时去掉「最新」标签并在顶部如实说明；日志里有当前版本时标「当前运行」。

* chore(ui): 清理重设计遗留的重复代码与死代码

- 直播管理页网格 / 列表两份完全相同的操作按钮合并为一处
- 去掉源码里面向评审工具的注释（「相对 PR 版本的增强」「保留 PR 逻辑」等）
- useGlobalBackground 删除 URL 模式残留的 validateBg / isRemoteUrl，遮罩透明度钳制与滑块范围对齐（0.05–0.8）
- 删除无人引用的 (app)/page.module.css 与 BiliupStatus 类型
- 移除 react-use（useWindowSize 已由 useIsMobile 替代，代码里已无引用）

* fix(ui): 全局设置里 sync_save_dir 输入框随下载插件下拉框即时显示

原先用 useFormApi().getValue() 做条件渲染，useFormApi 不订阅表单值变化，
选了 sync-downloader 之后输入框要先保存再刷新才出现。改用 useFormState 订阅 values。

* chore(ui): 删除原 PR 已移除的两个无人引用样式文件

app/page.module.css 与 app/styles/Home.module.css 是脚手架遗留，#1653 已删除；
接手时从合并树导入文件没有带上删除，这里补齐。

* fix(ui): 按 review 意见重审设置页文案，优先清晰无歧义

回应 #1704 的 review：设置页文案不再追求字数少，改为直观、清晰、无歧义。
逐条对照 master 原文与 Rust 实现重写，凡是精简后丢失默认值、单位、取值格式、
生效条件、依赖关系或风险提示的条目一律补回，用换行分点、加粗标出风险项。

- 12 个平台面板 + 全局「下载插件」说明：恢复多行结构，补回默认值 / 单位 / 格式 /
  生效条件（如 douyin_true_origin 需画质为原画且协议为 flv、twitch_disable_ads /
  twitch_cookie 仅 streamlink / ffmpeg 生效、youtube_cookie 填的是文件路径、
  日期格式 YYYYMMDD、大小格式 100M/5G、编码多选用 | 分隔）
- 与实现对齐并修正原文：bilibili 弹幕不再限定非 stream-gears、且随录像分段；
  bili_cookie 与 bili_cookie_file 同时填写时以文本为准；youtube_prefer_vcodec /
  acodec 是编码而非封装格式；streamlink 现可直接下载 FLV 直链；
  youtube_enable_download_playback「只想录直播的可以开启」笔误改为「关闭」；
  bili_qn 占位符改为 25000（原画），与实现默认值一致
- 空间配置页头描述改为准确描述三个 Tab 并提示需点「保存」
- 链接颜色改用 var(--semi-color-link)（原 rgb(var(...)) 为无效 CSS）

不涉及任何逻辑改动。

---------

Co-authored-by: Aluneu <19215190873@163.com>
 2026-09-21 13:46:15 +00:00
ForgQi 55ebbfee61 Bumping version 2024-05-13 23:29:32 +08:00
XuanRan_Nyan 3062d84621 一些更新 (#837) 
* 一些更新

* 支持虎牙CDN回退

* 清理调试代码

* 合并前端修改

* 适配快手API更改

* 推迟 twitcasting，更新 Bililive

* 修正错误的变量名

* Resolve

* 遗漏
 2024-03-17 14:08:37 +00:00
Monine Melolaris fdf0e02dee UI代码组件化，修复部分选项BUG，文字表述优化，新增日志配置项。 (#822) 
主要修改：
拆分各平台配置项代码为单个组件，方便后续维护；
修改了部分文字表述，并优化文字排版，使其更易于理解；
优化部分文字显示以及排版；
修复部分功能默认开启，但前端显示为关闭的BUG。
新增：
添加开发者模式，可用于控制日志输出等级。
 2024-02-28 02:37:30 +00:00
Monine Melolaris 08769e8917 Fix: refined the webui. (#817) 
主要改动：
优化了「空间配置」页的外观，并修正了部分有可能导致歧义的文字表述；
重新排版了部分交互项；
更改了部分交互的类型，如：部分填写项修改为选择项，部分输入框修改为密码框；
其他：
将HTML语言标志由「en」更改为「zh-Hans」。
（为了满足强迫症）导航页面添加了「Home」选项卡，并修改文字为60px的「Hello, Welcome to biliup!」。
（为了满足强迫症）格式化并整理了部分代码。
 2024-02-23 18:09:31 +00:00
ForgQi 16303af983 Bumping version 2024-01-12 00:54:14 +08:00