dsh-notify-say 0.4.40 → 0.4.44

package/lib/client.js

@@ -477,6 +477,9 @@ window.__ModuleLoader__.load({
           return {
             loaded: p.loaded, values: p.values, packs: p.packs, advOpen: p.advOpen, busy: p.busy, msg: p.msg, err: p.err,
             packs: { loading: true, list: null, error: null },
+            // ⚠️ 2026-10-18 第三轮审阅：原来 termsAck / termsPending
+            // 被写在这里（packs 子对象内层），层级错了 → 刷新列表后
+            // 顶层确认状态被清掉，用户被反复要求确认同一音色。
             termsAck: p.termsAck, termsPending: p.termsPending,
           }
         })
@@ -486,11 +489,12 @@ window.__ModuleLoader__.load({
             return {
               loaded: p.loaded, values: p.values, packs: p.packs, advOpen: p.advOpen, busy: p.busy, msg: p.msg, err: p.err,
               packs: {
-              termsAck: p.termsAck, termsPending: p.termsPending,
                 loading: false,
                 list: ok ? doc.packs : null,
                 error: ok ? null : ((doc && (doc.indexError || doc.reason)) || "无法获取"),
               },
+              // 顶层状态：必须与 packs 平级，不能被塞进 packs 内层
+              termsAck: p.termsAck, termsPending: p.termsPending,
             }
           })
         })
@@ -564,6 +568,113 @@ window.__ModuleLoader__.load({
       //   · 过很久后忘了条款内容
       // 每次都问又很烦。折中：**只在本次会话内记住**。
       // 浏览器刷新后重新问一次 —— 成本很低（点一下），收益是条款不会被遗忘。
+      // ── 条款确认弹窗（v0.4.43）──────────────────────────────────────
+      //
+      // ## 为什么从「内联面板」改成「居中覆盖」
+      //
+      // v0.4.40 把确认面板放在语音包列表**下面**。2026-10-18 用户实测反馈：
+      // 点列表上面几个音色时，面板在下面看不见 ——
+      // 用户以为已经在下载，实际在等一个他没看见的确认。
+      //
+      // 这不只是「位置靠下」，而是**不阻断**：后面所有按钮照常可点。
+      // 覆盖式遮罩能挡住交互，用户必须先处理这个确认。
+      //
+      // ## 为什么用 position:fixed 而不是 portal
+      //
+      // 这个渲染环境没有 portal API。fixed 相对视口居中，
+      // 不受设置卡片滚动影响。
+      //
+      // ## 为什么点遮罩就取消
+      //
+      // 弹窗惯例，也避免用户被「卡住不知道怎么办」。
+      // 只有点遮罩本身才关（判断 target === currentTarget），点卡片内部不关。
+      function renderTermsModal(tp) {
+        return h('div', {
+          key: 'terms-backdrop',
+          style: {
+            position: 'fixed',
+            top: 0, right: 0, bottom: 0, left: 0,
+            background: 'rgba(0,0,0,.45)',
+            display: 'flex', alignItems: 'center', justifyContent: 'center',
+            zIndex: 9999,
+          },
+          onClick: function (e) {
+            if (e && e.target === e.currentTarget) cancelTerms()
+          },
+        },
+          h('div', {
+            key: 'terms-card',
+            style: {
+              width: 'min(430px, calc(100vw - 48px))',
+              maxHeight: 'calc(100vh - 64px)',
+              overflowY: 'auto',
+              background: '#2b2b2b',
+              color: '#eee',
+              border: '1px solid rgba(255,200,80,.5)',
+              borderRadius: '8px',
+              padding: '16px',
+              boxShadow: '0 12px 48px rgba(0,0,0,.55)',
+              display: 'flex', flexDirection: 'column', gap: '8px',
+            },
+          },
+            h('div', { style: { fontSize: '15px', fontWeight: 600 } },
+              '下载前请先看条款'),
+            h('div', { style: { fontSize: '13px', opacity: 0.85 } },
+              (tp.name || tp.key) + '（' + tp.key + '）'),
+
+            // 条款区：只给署名 + 官方链接，不写我们自己转述的摘要（转述会失真）
+            h('div', {
+              style: {
+                marginTop: '4px', padding: '10px',
+                background: 'rgba(255,200,80,.10)',
+                border: '1px solid rgba(255,200,80,.28)',
+                borderRadius: '5px',
+                display: 'flex', flexDirection: 'column', gap: '6px',
+                fontSize: '12.5px',
+              },
+            },
+              h('div', null,
+                tp.credit
+                  ? ('署名要求：' + tp.credit)
+                  : h('span', { style: { color: '#e0a030' } }, '该音色未标注署名要求')),
+              tp.termsUrl
+                ? h('div', null,
+                  '官方条款：',
+                  h('a', {
+                    href: tp.termsUrl,
+                    target: '_blank',
+                    rel: 'noreferrer noopener',
+                    style: { color: '#6cf', wordBreak: 'break-all' },
+                  }, tp.termsUrl),
+                )
+                : h('div', { style: { color: '#e0a030' } },
+                  '该音色没有登记官方条款链接 —— 使用前请自行查证作者条款。'),
+              h('div', { style: { opacity: 0.7 } },
+                '下载后 zip 内也带 TERMS.md。你用它做的内容（视频、直播等）仍需遵守上述条款。'),
+            ),
+
+            h('div', { style: { opacity: 0.6, fontSize: '11.5px' } },
+              '插件已按官方原文审核过该音色可用于本插件；'
+                + '这里确认的是「你自己使用这些语音时也要守上述条款」。'),
+
+            h('div', { style: { display: 'flex', justifyContent: 'flex-end', gap: '8px', marginTop: '6px' } },
+              h('button', {
+                type: 'button',
+                style: S.btn,
+                onClick: function () { cancelTerms() },
+              }, '取消'),
+              h('button', {
+                type: 'button',
+                style: Object.assign({}, S.btn, {
+                  background: '#3a6', color: '#fff', border: '1px solid #3a6',
+                }),
+                onClick: function () { ackTerms() },
+              }, '我已阅读，开始下载'),
+            ),
+          ),
+        )
+      }
+
       function askTerms(pack) {
         set(function (p) {
           return {
@@ -876,7 +987,13 @@ window.__ModuleLoader__.load({
                   p.installed ? h('span', { style: { color: '#2a7' } }, '已安装') : null,
                   h('button', {
                     type: 'button',
-                    disabled: s.busy || !p.downloadable,
+                    // ⚠️ 2026-10-18 第三轮审阅指出：原来的条件是
+                    // `s.busy || !p.downloadable`，而离线时远程索引拿不到，
+                    // 本地已装的包会是 installed=true / downloadable=false
+                    // → **连卸载按钮都被禁用**。
+                    //
+                    // 卸载动的是本地文件，不该依赖 GitHub 在线状态。
+                    disabled: s.busy || (!p.installed && !p.downloadable),
                     style: S.btn,
                     onClick: function () {
                       if (p.installed) { removePack(p.key, p.name || p.key); return }
@@ -904,44 +1021,6 @@ window.__ModuleLoader__.load({
           ))
           rows.push(h('div', { key: 'vp-hint', style: S.subHint },
             '这些语音由 VOICEVOX 生成，各有各的署名与用途限制；下载后会附 TERMS.md。'))
-          // ── 下载前条款确认面板（v0.4.40）─────────────────────────────
-          //
-          // 只在用户点了某个未确认音色的「下载」时出现。
-          // 内容刻意只放：署名 + 官方条款链接 + 明确的确认动作。
-          // 不放我们自己转述的条款摘要 —— 转述会失真，用户该看原文。
-          if (s.termsPending) {
-            var tp = s.termsPending
-            rows.push(h('div', {
-              key: 'vp-terms-box',
-              style: {
-                marginTop: '6px', padding: '8px', borderRadius: '4px',
-                background: 'rgba(255,200,80,.10)',
-                border: '1px solid rgba(255,200,80,.35)',
-                display: 'flex', flexDirection: 'column', gap: '4px',
-              },
-            },
-              h('div', { style: { fontWeight: 600 } }, '下载前请先看条款：' + (tp.name || tp.key)),
-              h('div', { style: S.subHint },
-                tp.credit ? ('署名要求：' + tp.credit) : '该音色未标注署名要求'),
-              tp.termsUrl
-                ? h('div', { style: S.subHint },
-                  '官方条款：',
-                  h('a', {
-                    href: tp.termsUrl,
-                    target: '_blank',
-                    rel: 'noreferrer noopener',
-                    style: { color: '#4a9' },
-                  }, tp.termsUrl),
-                )
-                : h('div', { style: S.subHint }, '该音色没有登记官方条款链接 —— 请谨慎使用。'),
-              h('div', { style: S.subHint },
-                '下载后 zip 内也带 TERMS.md。你用它做的内容（视频、直播等）仍需遵守上述条款。'),
-              h('div', { style: S.row },
-                h('button', { type: 'button', style: S.btn, onClick: function () { ackTerms() } }, '我已阅读，下载'),
-                h('button', { type: 'button', style: S.btn, onClick: function () { cancelTerms() } }, '取消'),
-              ),
-            ))
-          }
         }
       }
       // ── 语音包专属设置（仅 bundled 时显示）──────────────────────────────
@@ -1642,7 +1721,14 @@ window.__ModuleLoader__.load({
       rows.push(h('div', { key: 'foot', style: S.foot },
         '改动立即生效，无需重启。以上为运行时覆盖，优先级高于 cordis.patch.yml。'))
 
-      return h('div', { style: S.box }, rows)
+      // ── 根渲染：设置本体 + 可能出现的确认弹窗（v0.4.43）──────────────
+      //
+      // 弹窗作为**兄弟节点**挂在这里，而不是塞进 rows：
+      //   · 塞进 rows 会跟着设置卡片滚动，位置不固定（这正是 v0.4.40 的问题）
+      //   · 用 position:fixed 才能稳定居中覆盖
+      var rootKids = [h('div', { key: 'root-box', style: S.box }, rows)]
+      if (s.termsPending) rootKids.push(renderTermsModal(s.termsPending))
+      return h('div', { key: 'root-wrap' }, rootKids)
     }
 
     /**