@feiyang666/dsh-usage-plugin 1.11.0 → 1.11.1

package/CHANGELOG.md

@@ -23,6 +23,14 @@
 
 ---
 
+## v1.11.1 (2026-08-23)
+
+- **修复：数据加载后页面空白**：加载动画三目分支误用逗号表达式，只返回最后一个表达式值（`null`），导致加载完成后各子视图全部不渲染；改为将四个子视图作为容器 `div` 的并列子元素，加载完成后正常显示。
+- **计费说明改为面板级固定显示**：「高峰 / 空闲时段说明」固定在用量面板子页签下方，概览、用量日历、缓存命中列表、价格表四个页面切换时始终可见（含数据加载期间）。
+- **当前时段精确显示**：用量面板顶部徽标与价格表页顶部新增「当前 · 工作日高峰时段 / 工作日空闲时段 / 周末空闲时段」动态状态并附说明文字；周末（自 2026-08-23 起）全天按空闲价计费，规则生效前仍按原规则区分。
+
+---
+
 ## v1.11.0 (2026-08-23)
 
 - **高峰 / 空闲时段说明**：概览、用量日历、缓存命中列表、价格表四个页面顶部统一新增「高峰 / 空闲时段说明」，清楚区分**工作日高峰**（周一至周五 9:00–12:00、14:00–18:00）、**工作日空闲**（其余时间）与**周末全天空闲**（自 2026-08-23 起按空闲价，此前仍按原规则）。

package/lib/client.js

@@ -82,6 +82,7 @@ window.__ModuleLoader__.load({
       selDayTitle: { fontSize: fs(13), fontWeight: 600, marginTop: 14 },
       billHint: { border: "1px solid rgba(90,140,255,.35)", background: "rgba(90,140,255,.08)", borderRadius: 8, padding: "10px 14px", marginTop: 10, fontSize: fs(12), lineHeight: 1.9 },
       billHintTitle: { fontWeight: 600, marginBottom: 4, color: "#5a8cff" },
+      nowPeriod: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", marginTop: 10, fontSize: fs(12) },
       loading: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 12, padding: "48px 0", color: "inherit" },
       spinner: { width: 28, height: 28, borderRadius: "50%", border: "3px solid rgba(90,140,255,.22)", borderTopColor: "#5a8cff", animation: "dshUsageSpin .8s linear infinite", flexShrink: 0 },
       loadText: { fontSize: fs(12), opacity: 0.65 }
@@ -141,6 +142,24 @@ window.__ModuleLoader__.load({
       var t = d.getUTCHours() * 60 + d.getUTCMinutes();
       return (t >= 9 * 60 && t < 12 * 60) || (t >= 14 * 60 && t < 18 * 60);
     };
+    // 返回当前计费时段 { peak, label, desc }，区分：工作日高峰 / 工作日空闲 / 周末空闲（周末自 2026-08-23 起全天按空闲价）
+    var periodNow = function (ts) {
+      ts = ts || Date.now();
+      var d = new Date(ts + 8 * 3600 * 1000);
+      var wd = d.getUTCDay(); // 0=周日 1=周一 … 6=周六
+      var isWeekend = wd === 0 || wd === 6;
+      var t = d.getUTCHours() * 60 + d.getUTCMinutes();
+      var inPeakHours = (t >= 9 * 60 && t < 12 * 60) || (t >= 14 * 60 && t < 18 * 60);
+      if (isWeekend) {
+        if (ts >= WEEKEND_FLAT_AT) return { peak: false, label: "周末空闲时段", desc: "周末（周六、周日）全天按空闲价计费" };
+        return inPeakHours
+          ? { peak: true, label: "周末高峰时段", desc: "2026-08-23 前仍按原规则分峰谷" }
+          : { peak: false, label: "周末空闲时段", desc: "2026-08-23 前仍按原规则分峰谷" };
+      }
+      return inPeakHours
+        ? { peak: true, label: "工作日高峰时段", desc: "周一至周五 9:00–12:00、14:00–18:00" }
+        : { peak: false, label: "工作日空闲时段", desc: "工作日其余时间" };
+    };
     // 计费档位选择：auto 用 autoCost（按生效日期自动切换），base 用 baseCost，其余用 peakValleyCost
     // 计费档位显示文案
     var regimeLabel = function (regime) {
@@ -592,7 +611,6 @@ window.__ModuleLoader__.load({
       function setCustomTo(v) { setToDate(v); setPreset("custom"); }
 
       return el("div", null,
-        el(BillingHint, null),
         el("div", { style: st.calBar },
           el("div", { style: st.seg },
             presetBtn("today", "今天"), presetBtn("7d", "近7天"), presetBtn("30d", "近30天"), presetBtn("all", "全部")
@@ -774,7 +792,6 @@ window.__ModuleLoader__.load({
       function goToday() { setYm({ y: nowY, m: nowM }); setSelectedDay(bjKey(Date.now())); }
 
       return el("div", null,
-        el(BillingHint, null),
         el("div", { style: st.calBar },
           el("button", { style: st.btn, onClick: prevMonth }, "‹ 上月"),
           el("span", { style: { fontSize: fs(14), fontWeight: 600, minWidth: 120, textAlign: "center" } }, y + "年" + (m + 1) + "月"),
@@ -924,7 +941,6 @@ window.__ModuleLoader__.load({
       var sums = splitTotals(filtered, regime);
 
       return el("div", null,
-        el(BillingHint, null),
         el("div", { style: st.calBar },
           el("div", { style: st.seg },
             presetBtn("today", "今天"), presetBtn("7d", "近7天"), presetBtn("30d", "近30天"), presetBtn("all", "全部")
@@ -1041,7 +1057,10 @@ window.__ModuleLoader__.load({
       });
 
       return el("div", null,
-        el(BillingHint, null),
+        el("div", { style: st.nowPeriod },
+          el("span", { style: periodNow().peak ? st.badgePeak : st.badgeValley }, "当前 · " + periodNow().label),
+          el("span", { style: st.sub }, periodNow().desc)
+        ),
         el("div", { style: st.sec }, "今日 $ / ¥ 汇率"),
         el("div", { style: st.cards, marginTop: 8 },
           el(Card, { label: "$ → ¥", value: fx.rate ? ("$1 = ¥" + Number(fx.rate).toFixed(4)) : "暂不可用", hint: fx.date ? ("汇率日期 " + fx.date) : "等待获取" }),
@@ -1232,7 +1251,7 @@ window.__ModuleLoader__.load({
 
       var records = data.records || [];
       var dataPath = data.dataPath || "";
-      var nowPeak = isPeakNow(Date.now());
+      var nowPeriod = periodNow(Date.now());
       var effectiveAt = data.effectiveAt || 0;
       var nowEffective = effectiveAt ? (Date.now() >= effectiveAt) : true;
       return el("div", { style: st.root },
@@ -1243,7 +1262,7 @@ window.__ModuleLoader__.load({
               el("div", { style: st.title }, "用量与消耗"),
               el("div", { style: st.sub }, "记录插件激活后的每一次模型调用")
             ),
-            el("span", { style: nowPeak ? st.badgePeak : st.badgeValley }, nowPeak ? "当前 · 高峰时段" : "当前 · 空闲时段"),
+            el("span", { style: nowPeriod.peak ? st.badgePeak : st.badgeValley }, "当前 · " + nowPeriod.label),
               el("span", { style: nowEffective ? st.badgeHit : st.badgeValley }, nowEffective ? "新价格已生效" : "新价格未生效")
           ),
           el("div", { style: st.actions },
@@ -1260,15 +1279,18 @@ window.__ModuleLoader__.load({
             }, t.t);
           })
         ),
+        el(BillingHint, null),
         el("div", { style: st.note, marginTop: 6 },
           "计价说明：DeepSeek 官方与 SiliconFlow 按人民币价格；DigitalOcean 按美元官方价 × USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud DeepSeek V4 Flash 免费按 ¥0。"
         ),
         loading
           ? el(LoadingView, null)
-          : (tab === "overview" ? el(OverviewView, { records: records, regime: "auto" }) : null,
-             tab === "calendar" ? el(CalendarView, { records: records, regime: "auto", days: data.days || [] }) : null,
-             tab === "cache" ? el(CacheListView, { records: records, regime: "auto" }) : null,
-             tab === "prices" ? el(PriceView, { pricing: data.pricing, effectiveAt: data.effectiveAt, fx: data.fx || {}, onFxRefresh: function () { api({ action: "fxRefresh" }).then(refresh).catch(function () {}); }, onChanged: refresh }) : null),
+          : el("div", null,
+            tab === "overview" ? el(OverviewView, { records: records, regime: "auto" }) : null,
+            tab === "calendar" ? el(CalendarView, { records: records, regime: "auto", days: data.days || [] }) : null,
+            tab === "cache" ? el(CacheListView, { records: records, regime: "auto" }) : null,
+            tab === "prices" ? el(PriceView, { pricing: data.pricing, effectiveAt: data.effectiveAt, fx: data.fx || {}, onFxRefresh: function () { api({ action: "fxRefresh" }).then(refresh).catch(function () {}); }, onChanged: refresh }) : null
+          ),
         el("div", { style: st.actions, marginTop: 4 },
           el("button", { style: st.btn, onClick: function () { doExport("csv"); } }, "导出 CSV"),
           el("button", { style: st.btn, onClick: function () { doExport("json"); } }, "导出 JSON"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feiyang666/dsh-usage-plugin",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "description": "DeepSeek Harness usage & cost tracker plugin: per-call token/cache-hit stats, peak/off-peak billing, DeepSeek balance query, CSV/JSON/PNG export with custom destination, and persistent local storage. Ships a host half plus a web client half in one npm package; installs into a DSH profile as a dsh.bundle with one command (dsh plugin --profile web add @feiyang666/dsh-usage-plugin).",
   "keywords": [
     "deepseek",

package/scripts/release.mjs

@@ -4,7 +4,7 @@ import fs from 'node:fs'
 import path from 'node:path'
 
 const REPO = 'feiyang-dev/dsh-usage-plugin'
-const TAG = 'v1.11.0'
+const TAG = 'v1.11.1'
 
 function getCredential() {
   const input = 'protocol=https\nhost=github.com\n\n'
@@ -76,9 +76,9 @@ if (created.status !== 201) {
 const release = JSON.parse(created.body)
 console.log('release id:', release.id, 'url:', release.html_url)
 
-// 打包并上传 tarball 作为附件（Windows 下 npm 命令名为 npm.cmd，spawnSync 需要完整命令名）
+// 打包并上传 tarball 作为附件（Windows 下 npm 为 npm.cmd 批处理脚本，需经 shell 执行）
 const npmCmd = process.platform === 'win32' ? 'npm.cmd' : 'npm'
-const pack = spawnSync(npmCmd, ['pack'], { encoding: 'utf8' })
+const pack = spawnSync(npmCmd, ['pack'], { encoding: 'utf8', shell: process.platform === 'win32' })
 const tgzName = (pack.stdout || '').trim().split('\n').pop()
 if (tgzName && fs.existsSync(tgzName)) {
   const buf = fs.readFileSync(tgzName)

package/scripts/upload-asset.mjs

@@ -3,7 +3,7 @@ import https from 'node:https'
 import fs from 'node:fs'
 
 const REPO = 'feiyang-dev/dsh-usage-plugin'
-const RELEASE_ID = 375097521
+const RELEASE_ID = 375098880
 
 function getCredential() {
   const input = 'protocol=https\nhost=github.com\n\n'