dsh-remote-web 0.5.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/client.js +930 -119
- package/lib/index.js +285 -20
- package/package.json +2 -2
package/lib/client.js
CHANGED
|
@@ -5,12 +5,20 @@
|
|
|
5
5
|
// factory 内只能 require shell 种子模块（react / react/jsx-runtime 等）。
|
|
6
6
|
//
|
|
7
7
|
// 功能：
|
|
8
|
-
// -
|
|
8
|
+
// - 双入口（2026-09 恢复侧栏注入，与官方共存不遮挡）：
|
|
9
|
+
// ① 官方「设置」→「远程访问」栏目（settings.section，位于「Agent 预设」下方，官方扩展点）；
|
|
10
|
+
// ② 左侧官方「设置」按钮旁注入独立「📱 远程访问」快捷按钮（id=dru-nav-remote，非 clone，
|
|
11
|
+
// 插在其前方、同布局不覆盖官方按钮；点击直达该栏目，首次带引导红点）
|
|
9
12
|
// - 栏目内联渲染配置面板（浅色高对比 UI，遵循主流登录体验）
|
|
10
13
|
// · 登录态：已登录显示账号 + 退出登录；未登录显示 登录/注册 tabs
|
|
14
|
+
// · 🔒 修改密码（账号卡）：已登录账号经 图形验证码+短信验证码 重置（/dsh-remote/password/reset 代理）；
|
|
15
|
+
// 成功后全部已授权设备/会话失效 → 本地登出并提示用新密码重新登录（覆盖本机 config 密码）
|
|
16
|
+
// · 忘记密码（登录卡）：未登录时登录表单内「忘记密码？」→ 同一套
|
|
17
|
+
// 图形验证码+短信验证码 表单（手机号预填当前输入、可改），成功后本地登出并提示「请用新密码登录」
|
|
11
18
|
// · 登录要求图形验证码；注册要求两次密码 + 图形验证码
|
|
12
|
-
// ·
|
|
13
|
-
//
|
|
19
|
+
// · 📱 远程访问卡：一次性访问密钥（扫码/直接打开/复制 + 到期倒计时自动刷新）与已授权设备管理
|
|
20
|
+
// · bridge 状态与启停开关 + 关于 dsh-remote 说明卡片
|
|
21
|
+
// - 首次安装引导：设置页「远程访问」栏目（官方导航 navCell）旁小红点（localStorage dsh-remote-seen-dot 控制）
|
|
14
22
|
// - shell.overlay：满意度弹窗（安装体验至少 1 小时后弹出，只弹一次）
|
|
15
23
|
// 所有数据经同源 /dsh-remote/* 宿主路由读写（node 半提供）。
|
|
16
24
|
window.__ModuleLoader__.load({
|
|
@@ -40,7 +48,7 @@ window.__ModuleLoader__.load({
|
|
|
40
48
|
".dru-settings-title{margin:0;font-size:17px;font-weight:600;color:var(--dsw-alias-label-primary,#e6edf3)}",
|
|
41
49
|
".dru-settings-sub{font-size:12px;color:var(--dsw-alias-label-tertiary,#8c959f);margin-top:2px}",
|
|
42
50
|
".dru-settings-body{display:flex;flex-direction:column;gap:14px}",
|
|
43
|
-
//
|
|
51
|
+
// 首次安装引导小红点（挂在设置页「远程访问」导航栏目右上角）
|
|
44
52
|
".dru-reddot{position:absolute;top:9px;right:12px;width:7px;height:7px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px var(--dsw-alias-bg-layer-2,#fff);pointer-events:none;z-index:1}",
|
|
45
53
|
".dru-card{background:#f6f8fa;border:1px solid #eaeef2;border-radius:10px;padding:14px 16px}",
|
|
46
54
|
".dru-card h3{margin:0 0 8px;font-size:13px;font-weight:700;color:#1f2328}",
|
|
@@ -60,6 +68,8 @@ window.__ModuleLoader__.load({
|
|
|
60
68
|
".dru-btn-ghost:hover:not(:disabled){background:#f6f8fa}",
|
|
61
69
|
".dru-btn-danger{background:#ffffff;color:#cf222e;border-color:#cf222e}",
|
|
62
70
|
".dru-btn-danger:hover:not(:disabled){background:#fff0f1}",
|
|
71
|
+
".dru-linkbtn{display:inline-block;padding:0;border:none;background:none;color:#0969da;font-size:12.5px;line-height:1.6;cursor:pointer;font-family:inherit;text-decoration:none}",
|
|
72
|
+
".dru-linkbtn:hover{text-decoration:underline}",
|
|
63
73
|
".dru-tabs{display:flex;gap:8px;margin-bottom:12px}",
|
|
64
74
|
".dru-tab{flex:1;padding:7px 0;text-align:center;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:#57606a;background:#f6f8fa;border:1px solid #d0d7de;user-select:none}",
|
|
65
75
|
".dru-tab.active{color:#0969da;background:#ffffff;border-color:#0969da}",
|
|
@@ -129,10 +139,34 @@ window.__ModuleLoader__.load({
|
|
|
129
139
|
".dru-ver-badge-new{color:#9a6700;background:#fff8c5;border:1px solid #eed888}",
|
|
130
140
|
".dru-ver-badge-ok{color:#1a7f37;background:#dafbe1;border:1px solid #aceebb}",
|
|
131
141
|
".dru-up-log{margin-top:8px;background:#0d1117;color:#e6edf3;border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow:auto}",
|
|
142
|
+
// ── 📱 远程访问（一次性访问密钥 + 已授权设备管理） ──
|
|
143
|
+
".dru-access-flex{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start;margin-top:10px}",
|
|
144
|
+
".dru-access-col{flex:1;min-width:230px;display:flex;flex-direction:column;gap:8px}",
|
|
145
|
+
".dru-qr-img{width:180px;height:180px;flex:none;border-radius:8px;border:1px solid #d0d7de;background:#ffffff;object-fit:contain}",
|
|
146
|
+
".dru-qr-ph{width:180px;height:180px;flex:none;border-radius:8px;border:1px dashed #d0d7de;background:#f6f8fa;color:#8c959f;font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;box-sizing:border-box}",
|
|
147
|
+
".dru-url.big{font-size:13.5px;font-weight:600}",
|
|
148
|
+
".dru-cd{font-size:12px;color:#9a6700;margin-top:2px}",
|
|
149
|
+
".dru-cd-ok{color:#1a7f37}",
|
|
150
|
+
".dru-key-note{font-size:12px;color:#57606a;line-height:1.6}",
|
|
151
|
+
".dru-dev{border:1px solid #eaeef2;border-radius:8px;background:#ffffff;padding:9px 11px;margin-bottom:8px}",
|
|
152
|
+
".dru-dev-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}",
|
|
153
|
+
".dru-dev-name{font-size:13px;font-weight:600;color:#1f2328;flex:1;min-width:130px}",
|
|
154
|
+
".dru-dev-meta{font-size:11.5px;color:#57606a}",
|
|
155
|
+
".dru-dev-sub{font-size:11px;color:#8c959f;margin-top:3px}",
|
|
156
|
+
".dru-dev-tag{font-size:10.5px;color:#8c959f;border:1px solid #d0d7de;border-radius:999px;padding:0 7px;flex:none;white-space:nowrap}",
|
|
157
|
+
".dru-dev-tag-off{color:#cf222e;border-color:#ffb3b6;background:#fff0f1}",
|
|
158
|
+
// Phase-5:端到端加密(E2EE)状态行 —— 启用=绿字绿点,未启用=灰字(纯文字状态行,不打扰)
|
|
159
|
+
".dru-e2ee-line{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:12px;line-height:1.5;color:#57606a}",
|
|
160
|
+
".dru-e2ee-line.ok{color:#1a7f37}",
|
|
161
|
+
// 侧栏「远程访问」快捷按钮(2026-09 恢复注入,与官方「设置」按钮共存不遮挡):
|
|
162
|
+
// 独立 button(非 clone),插在官方「设置」按钮之前,同源同布局不覆盖官方热区。
|
|
163
|
+
".dru-nav-remote{display:inline-flex;align-items:center;gap:6px;height:30px;margin:0 0 2px;padding:0 10px;border:1px solid #d0d7de;border-radius:8px;background:#ffffff;color:#0969da;font:500 12.5px/1 inherit;cursor:pointer;white-space:nowrap;user-select:none}",
|
|
164
|
+
".dru-nav-remote:hover:not(:disabled){background:#f0f6ff;border-color:#0969da}",
|
|
165
|
+
".dru-nav-remote-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px #fff;pointer-events:none}",
|
|
132
166
|
].join("\n");
|
|
133
167
|
document.head.appendChild(styleEl);
|
|
134
168
|
|
|
135
|
-
// ──
|
|
169
|
+
// ── 首次安装引导小红点（设置页「远程访问」栏目，localStorage 控制） ────
|
|
136
170
|
// 无 dsh-remote-seen-dot key 视为首次：在设置页导航栏目右上角显示 CSS 圆点；
|
|
137
171
|
// 点击栏目/红点后写入 key（之后不再显示），重启 DSH Web 不复发。
|
|
138
172
|
// 设置页由官方 shell 渲染（class 含 navCell 的导航按钮 + 栏目 label），
|
|
@@ -168,17 +202,17 @@ window.__ModuleLoader__.load({
|
|
|
168
202
|
});
|
|
169
203
|
} catch (e) {}
|
|
170
204
|
}
|
|
171
|
-
/**
|
|
205
|
+
/** 扫描设置页导航，找到「远程访问」栏目按钮后注入红点。 */
|
|
172
206
|
function dotScan() {
|
|
173
207
|
if (dotSeen()) return;
|
|
174
208
|
var cells = document.querySelectorAll("button");
|
|
175
209
|
for (var i = 0; i < cells.length; i++) {
|
|
176
210
|
var c = cells[i];
|
|
177
|
-
// 语义化匹配：设置页导航按钮（navCell）+
|
|
211
|
+
// 语义化匹配：设置页导航按钮（navCell）+ 栏目名「远程访问」。
|
|
178
212
|
// class 为 shell 的 hashed 类名，取子串匹配避免依赖具体 hash；
|
|
179
213
|
// 若未来 hash 变化导致匹配失败，仅红点不显示，栏目本身不受影响。
|
|
180
214
|
if (String(c.className || "").indexOf("navCell") === -1) continue;
|
|
181
|
-
if ((c.textContent || "").indexOf("
|
|
215
|
+
if ((c.textContent || "").indexOf("远程访问") === -1) continue;
|
|
182
216
|
dotInject(c);
|
|
183
217
|
}
|
|
184
218
|
}
|
|
@@ -195,6 +229,104 @@ window.__ModuleLoader__.load({
|
|
|
195
229
|
dotScan();
|
|
196
230
|
}
|
|
197
231
|
|
|
232
|
+
// ── 侧栏「远程访问」快捷按钮（2026-09 恢复注入：与官方「设置」按钮共存、不遮挡） ──
|
|
233
|
+
// 用户要求：左侧官方「设置」按钮旁保留「远程访问」入口。实现为独立 <button id=dru-nav-remote>
|
|
234
|
+
// （绝不 clone 官方按钮 → 不继承官方事件委托/点击热区），插在官方「设置」按钮之前；
|
|
235
|
+
// 点击 → 打开官方设置页「远程访问」栏目。全程不点工作区会话内容：
|
|
236
|
+
// - 候选一律限定为官方导航（class 含 navCell / 位于导航容器内）+ 短文本/aria 精确匹配；
|
|
237
|
+
// - 命中排除自身与“菜单/更多”语义节点；
|
|
238
|
+
// - 栏目未开时先点官方「设置」，再轮询(≤3s)补点「远程访问」栏目项。
|
|
239
|
+
var NAV_ENTRY_ID = "dru-nav-remote";
|
|
240
|
+
var NAV_TEXT_MAX = 10;
|
|
241
|
+
var NAV_POLL_MAX = 20;
|
|
242
|
+
var NAV_BAD_RE = /(^|[^a-z0-9])(menu|context|more|kebab|dropdown|popover|toolbar)($|[^a-z0-9])/i;
|
|
243
|
+
function navCleanText(el) { try { return (el.textContent || "").replace(/\s+/g, " ").trim(); } catch (e) { return ""; } }
|
|
244
|
+
function navAttrOf(el) {
|
|
245
|
+
try { return String(el.getAttribute("aria-label") || el.getAttribute("title") || "").trim(); } catch (e) { return ""; }
|
|
246
|
+
}
|
|
247
|
+
function navCellLike(el) {
|
|
248
|
+
try {
|
|
249
|
+
var cls = String(el.className || "");
|
|
250
|
+
if (cls.indexOf("navCell") !== -1) return true;
|
|
251
|
+
return !!el.closest('[role="navigation"], nav, [class*="sidebar" i], [class*="sidenav" i], [class*="appnav" i], [class*="navRail" i]');
|
|
252
|
+
} catch (e) { return false; }
|
|
253
|
+
}
|
|
254
|
+
function pickNavByToken(token) {
|
|
255
|
+
try {
|
|
256
|
+
var els = document.querySelectorAll("button, [role='tab'], [role='menuitem'], [role='button'], a, [aria-label]");
|
|
257
|
+
for (var i = 0; i < els.length; i++) {
|
|
258
|
+
var el = els[i];
|
|
259
|
+
if (!el || el.id === NAV_ENTRY_ID) continue; // 排除注入按钮自身(防递归)
|
|
260
|
+
if (!navCellLike(el)) continue;
|
|
261
|
+
if (NAV_BAD_RE.test(String(el.className || ""))) continue;
|
|
262
|
+
var t = navCleanText(el);
|
|
263
|
+
if (t && !/\r|\n/.test(t) && t.length <= NAV_TEXT_MAX &&
|
|
264
|
+
(t === token || t.indexOf(token) === 0 || t.indexOf(token) !== -1)) return el;
|
|
265
|
+
var at = navAttrOf(el);
|
|
266
|
+
if (at && (at === token || at.indexOf(token) === 0)) return el;
|
|
267
|
+
}
|
|
268
|
+
} catch (e) { /* 忽略 */ }
|
|
269
|
+
return null;
|
|
270
|
+
}
|
|
271
|
+
/** 打开「远程访问」设置栏目：栏目已渲染直接点；否则先点官方「设置」再 ≤3s 轮询补点。 */
|
|
272
|
+
function openRemoteSettings() {
|
|
273
|
+
try {
|
|
274
|
+
var cell = pickNavByToken("远程访问");
|
|
275
|
+
if (cell) { cell.click(); return; }
|
|
276
|
+
var st = pickNavByToken("设置");
|
|
277
|
+
if (!st) return;
|
|
278
|
+
st.click();
|
|
279
|
+
var tries = 0;
|
|
280
|
+
var iv = setInterval(function () {
|
|
281
|
+
tries++;
|
|
282
|
+
var c2 = pickNavByToken("远程访问");
|
|
283
|
+
if (c2) { clearInterval(iv); c2.click(); }
|
|
284
|
+
else if (tries >= NAV_POLL_MAX) clearInterval(iv);
|
|
285
|
+
}, 150);
|
|
286
|
+
} catch (e) { /* 忽略 */ }
|
|
287
|
+
}
|
|
288
|
+
/** 注入侧栏按钮到官方「设置」按钮之前（独立 button；首次未见过引导红点）。 */
|
|
289
|
+
function mountNavEntry(host) {
|
|
290
|
+
try {
|
|
291
|
+
if (document.getElementById(NAV_ENTRY_ID)) return;
|
|
292
|
+
var wrap = host && host.parentNode;
|
|
293
|
+
if (!wrap || !wrap.insertBefore || !wrap.contains) return;
|
|
294
|
+
var btn = document.createElement("button");
|
|
295
|
+
btn.type = "button";
|
|
296
|
+
btn.id = NAV_ENTRY_ID;
|
|
297
|
+
btn.className = "dru-nav-remote";
|
|
298
|
+
btn.setAttribute("data-dru-remote", "1");
|
|
299
|
+
btn.title = "打开「远程访问」设置(快捷入口)";
|
|
300
|
+
btn.style.position = "relative";
|
|
301
|
+
btn.textContent = "📱 远程访问";
|
|
302
|
+
btn.addEventListener("click", function (e) {
|
|
303
|
+
try { e.stopPropagation(); e.preventDefault(); } catch (err) {}
|
|
304
|
+
dotMarkSeen(); // 用过快捷入口=已了解入口位置 → 关闭首次红点(含官方栏目红点)
|
|
305
|
+
openRemoteSettings();
|
|
306
|
+
});
|
|
307
|
+
wrap.insertBefore(btn, host);
|
|
308
|
+
if (!dotSeen()) {
|
|
309
|
+
var d = document.createElement("span");
|
|
310
|
+
d.className = "dru-nav-remote-dot";
|
|
311
|
+
btn.appendChild(d);
|
|
312
|
+
}
|
|
313
|
+
} catch (e) { /* 忽略 */ }
|
|
314
|
+
}
|
|
315
|
+
/** 常驻确保：官方「设置」按钮出现后在它前面挂一次入口(去重；2s 心跳，成本极低)。 */
|
|
316
|
+
function navEnsureStart() {
|
|
317
|
+
if (window.__dshRemoteNavStarted) return;
|
|
318
|
+
window.__dshRemoteNavStarted = true;
|
|
319
|
+
try { window.__dshRemoteNav = { open: openRemoteSettings }; } catch (e) {}
|
|
320
|
+
var iv = setInterval(function () {
|
|
321
|
+
try {
|
|
322
|
+
if (document.getElementById(NAV_ENTRY_ID)) return; // 已注入
|
|
323
|
+
var host = pickNavByToken("设置");
|
|
324
|
+
if (host) mountNavEntry(host);
|
|
325
|
+
} catch (e) { /* 忽略 */ }
|
|
326
|
+
}, 2000);
|
|
327
|
+
try { if (iv && typeof iv.unref === "function") iv.unref(); } catch (e) {} // node 测试环境不阻塞退出
|
|
328
|
+
}
|
|
329
|
+
|
|
198
330
|
// ── 宿主 API ────────────────────────────────────────────────────────────
|
|
199
331
|
function api(path, options) {
|
|
200
332
|
return fetch(path, options).then(function (res) {
|
|
@@ -215,10 +347,28 @@ window.__ModuleLoader__.load({
|
|
|
215
347
|
return api(path, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(data || {}) });
|
|
216
348
|
};
|
|
217
349
|
|
|
350
|
+
/** 一次性访问 url → 升级/续费页 url（带同一 auth，进入后即登录态到 /app/promo）。 */
|
|
351
|
+
function promoUrlOf(u) {
|
|
352
|
+
var s = String(u || "");
|
|
353
|
+
if (/\/app\/\?auth=/i.test(s)) return s.replace(/\/app\/\?auth=/i, "/app/promo?auth=");
|
|
354
|
+
try {
|
|
355
|
+
var m = /auth=([^&#]+)/.exec(s);
|
|
356
|
+
var origin = s.split("/app")[0];
|
|
357
|
+
if (m && origin) return origin + "/app/promo?auth=" + m[1];
|
|
358
|
+
} catch (e) { /* fallthrough */ }
|
|
359
|
+
return s;
|
|
360
|
+
}
|
|
361
|
+
|
|
218
362
|
// ── 用户反馈模块：本地状态（thread 令牌 / 弹窗节流） ───────────────────
|
|
363
|
+
// 「我的反馈」双数据源：本地 dsh-feedback-threads(thread_token 凭据,匿名/本机未同步行)
|
|
364
|
+
// + 服务端 /api/feedback/mine(登录态账号历史,见 FeedbackCard loadMine/fbRows,合并去重展示)。
|
|
219
365
|
var FB_THREADS_KEY = "dsh-feedback-threads";
|
|
220
366
|
var FB_POPUP_KEY = "dsh-feedback-popup";
|
|
221
367
|
var FB_POPUP_DELAY_MS = 60 * 60 * 1000; // 安装/体验后至少 1 小时才弹窗(只弹一次)
|
|
368
|
+
// 评价去重(2026-09):弹窗状态按「账号(掩码手机号)或设备」分作用域 —— 换账号/换机不重复打扰;
|
|
369
|
+
// 服务端另有 user_id/device_id 409 already_rated 兜底(同一账号/设备只收集一次 rating)。
|
|
370
|
+
var fbPopScope = "anon";
|
|
371
|
+
function setFbPopScope(scope) { fbPopScope = String(scope || "anon"); }
|
|
222
372
|
var FB_CATEGORIES = [
|
|
223
373
|
{ value: "feature", label: "功能类" },
|
|
224
374
|
{ value: "bug", label: "Bug 类" },
|
|
@@ -245,10 +395,17 @@ window.__ModuleLoader__.load({
|
|
|
245
395
|
try { localStorage.removeItem(FB_THREADS_KEY); } catch (e) {}
|
|
246
396
|
}
|
|
247
397
|
function fbPopState() {
|
|
248
|
-
try { return JSON.parse(localStorage.getItem(FB_POPUP_KEY) || "null"); } catch (e) { return null; }
|
|
398
|
+
try { return JSON.parse(localStorage.getItem(FB_POPUP_KEY + ":" + fbPopScope) || "null"); } catch (e) { return null; }
|
|
249
399
|
}
|
|
250
400
|
function fbSavePopState(s) {
|
|
251
|
-
try { localStorage.setItem(FB_POPUP_KEY, JSON.stringify(s)); } catch (e) {}
|
|
401
|
+
try { localStorage.setItem(FB_POPUP_KEY + ":" + fbPopScope, JSON.stringify(s)); } catch (e) {}
|
|
402
|
+
}
|
|
403
|
+
/** 作用域清理:旧版无作用域键也一并视为已完成,避免老用户再次被打扰。 */
|
|
404
|
+
function fbClearPopScope(scopes) {
|
|
405
|
+
try {
|
|
406
|
+
localStorage.removeItem(FB_POPUP_KEY); // 兼容旧键(无后缀)
|
|
407
|
+
if (Array.isArray(scopes)) scopes.forEach(function (sc) { localStorage.removeItem(FB_POPUP_KEY + ":" + sc); });
|
|
408
|
+
} catch (e) {}
|
|
252
409
|
}
|
|
253
410
|
|
|
254
411
|
/** 同源反馈代理调用（浏览器 → /dsh-remote/feedback/* → 独立反馈服务）。 */
|
|
@@ -281,9 +438,17 @@ window.__ModuleLoader__.load({
|
|
|
281
438
|
var threadDataArr = useState(null); var threadData = threadDataArr[0]; var setThreadData = threadDataArr[1];
|
|
282
439
|
var busyArr = useState(""); var busy = busyArr[0]; var setBusy = busyArr[1];
|
|
283
440
|
var msgArr = useState(null); var fbMsg = msgArr[0]; var setFbMsg = msgArr[1];
|
|
441
|
+
// 账号历史（服务端 /feedback/mine 聚合列表）：null=未加载；登录态(SaaS 账号已配)打开「我的反馈」时拉取
|
|
442
|
+
var mineListArr = useState(null); var mineList = mineListArr[0]; var setMineList = mineListArr[1];
|
|
443
|
+
var mineErrArr = useState(false); var mineErr = mineErrArr[0]; var setMineErr = mineErrArr[1];
|
|
444
|
+
var mineBusyArr = useState(false); var mineBusy = mineBusyArr[0]; var setMineBusy = mineBusyArr[1];
|
|
284
445
|
|
|
285
446
|
function setMsg(kind, text) { setFbMsg({ kind: kind, text: text }); }
|
|
286
447
|
|
|
448
|
+
// 登录态(SaaS 且账号已配)→ 打开「我的反馈」拉账号历史(/mine 需要 JWT,节点半在登录态自动附加);
|
|
449
|
+
// 自建/未登录(cfg.phone 为空)→ 仍走本地 thread_token,不发 /mine。
|
|
450
|
+
var fbAccount = !!(cfg && cfg.phone && fbAuth === "account");
|
|
451
|
+
|
|
287
452
|
var loadCfg = useCallback(function () {
|
|
288
453
|
api("/dsh-remote/feedback-config").then(function (b) {
|
|
289
454
|
setCfg(b);
|
|
@@ -294,18 +459,68 @@ window.__ModuleLoader__.load({
|
|
|
294
459
|
}).catch(function (e) { setCfg({ reachable: false }); setMsg("warn", "反馈服务未连接：" + e.message); });
|
|
295
460
|
}, []);
|
|
296
461
|
|
|
462
|
+
/** 服务端账号历史行（mine 列表含该 id）→ 单条打开/回复走服务端(节点半自动附 JWT),无需本地 thread_token。 */
|
|
463
|
+
function fbRowIsAccount(id) {
|
|
464
|
+
return !!(mineList && mineList.some(function (x) { return x.id === id; }));
|
|
465
|
+
}
|
|
466
|
+
|
|
297
467
|
function loadThread(id) {
|
|
298
468
|
var t = threads.filter(function (x) { return x.id === id; })[0];
|
|
299
|
-
|
|
469
|
+
// 账号历史行:不带 thread_token(登录态由节点半自动附账号 JWT,服务端按账号归属放行);
|
|
470
|
+
// 匿名/纯本地行:仍按原 thread_token 逻辑(带本地凭据访问)。
|
|
471
|
+
var accountRow = fbRowIsAccount(id);
|
|
472
|
+
if (!accountRow && !t) return;
|
|
300
473
|
setBusy("thread:" + id);
|
|
301
|
-
fbApi("/feedback/" + id, { token: t.token }).then(function (b) {
|
|
474
|
+
fbApi("/feedback/" + id, accountRow ? {} : { token: t.token }).then(function (b) {
|
|
302
475
|
setThreadData(b.feedback);
|
|
303
476
|
}).catch(function (e) {
|
|
304
|
-
setMsg("err", "
|
|
477
|
+
if (e && e.status === 401) setMsg("err", "登录已过期，请退出后重新登录后再查看该反馈");
|
|
478
|
+
else setMsg("err", "加载反馈详情失败：" + (e && e.message));
|
|
305
479
|
}).finally(function () { setBusy(""); });
|
|
306
480
|
}
|
|
307
481
|
|
|
482
|
+
/** 登录态拉取账号历史(/feedback/mine,翻页参数可用;节点半在登录态自动附 JWT)。 */
|
|
483
|
+
function loadMine() {
|
|
484
|
+
if (!fbAccount) return;
|
|
485
|
+
setMineBusy(true); setMineErr(false);
|
|
486
|
+
fbApi("/feedback/mine?page=1&page_size=20").then(function (b) {
|
|
487
|
+
setMineList((b && b.items) || []);
|
|
488
|
+
}).catch(function (e) {
|
|
489
|
+
setMineErr(true);
|
|
490
|
+
var eb = e && e.body && e.body.error;
|
|
491
|
+
setMsg("err", e && e.status === 401
|
|
492
|
+
? "账号登录已过期，请退出后重新登录，再查看账号全部历史"
|
|
493
|
+
: "账号历史拉取失败：" + ((eb && eb.message) || (e && e.message)) + "（本机记录仍可查看）");
|
|
494
|
+
}).finally(function () { setMineBusy(false); });
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
/** 合并展示列表：账号历史(服务端 mine,新→旧)在前；本机 thread_token 行去重后保留
|
|
498
|
+
* （匿名/本机新增但服务端未聚合的行仍可见,打开继续走本地凭据）。 */
|
|
499
|
+
function fbRows() {
|
|
500
|
+
var out = [];
|
|
501
|
+
var seen = {};
|
|
502
|
+
(mineList || []).forEach(function (it) {
|
|
503
|
+
seen[it.id] = true;
|
|
504
|
+
out.push({
|
|
505
|
+
id: it.id, acct: true,
|
|
506
|
+
status: it.status || "", category: it.category || "", title: it.title || "",
|
|
507
|
+
created_at: it.created_at || 0, reply_count: it.reply_count || 0,
|
|
508
|
+
});
|
|
509
|
+
});
|
|
510
|
+
threads.slice().reverse().forEach(function (t) {
|
|
511
|
+
if (seen[t.id]) return;
|
|
512
|
+
seen[t.id] = true;
|
|
513
|
+
out.push({ id: t.id, acct: false, status: "", category: "", title: "", created_at: 0, reply_count: 0 });
|
|
514
|
+
});
|
|
515
|
+
return out;
|
|
516
|
+
}
|
|
517
|
+
|
|
308
518
|
useEffect(function () { loadCfg(); }, [loadCfg]);
|
|
519
|
+
// 登录态打开「我的反馈」→ 拉账号历史;仅在未加载且非错误态自动触发(失败后点 tab 重试,不无限重试)
|
|
520
|
+
useEffect(function () {
|
|
521
|
+
if (tab === "mine" && fbAccount && mineList === null && !mineErr && !mineBusy) loadMine();
|
|
522
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
523
|
+
}, [tab, fbAccount, mineList === null, mineErr, mineBusy]);
|
|
309
524
|
|
|
310
525
|
var doSubmit = function () {
|
|
311
526
|
if (!fbContent.trim()) { setMsg("err", "请填写反馈内容"); return; }
|
|
@@ -316,12 +531,13 @@ window.__ModuleLoader__.load({
|
|
|
316
531
|
category: cat,
|
|
317
532
|
title: fbTitle.trim(),
|
|
318
533
|
content: fbContent.trim(),
|
|
319
|
-
contact: contact.trim() || (cfg && cfg.phone ? cfg.phone : ""),
|
|
534
|
+
contact: contact.trim() || ((cfg && cfg.phone && cfg.phone.indexOf("*") === -1) ? cfg.phone : ""),
|
|
320
535
|
};
|
|
321
536
|
fbApi("/feedback", { method: "POST", body: JSON.stringify(payload) })
|
|
322
537
|
.then(function (b) {
|
|
323
538
|
fbRememberThread(b.feedback.id, b.thread_token);
|
|
324
539
|
setThreads(fbLoadThreads());
|
|
540
|
+
if (fbAccount) setMineList(null); // 账号态提交成功 → 回「我的反馈」时重新拉取(含本条)
|
|
325
541
|
setFbTitle(""); setFbContent(""); setContact("");
|
|
326
542
|
setMsg("ok", "✅ 反馈已提交，可在「我的反馈」查看回复");
|
|
327
543
|
setTab("mine");
|
|
@@ -339,9 +555,15 @@ window.__ModuleLoader__.load({
|
|
|
339
555
|
var text = input ? input.value.trim() : "";
|
|
340
556
|
if (!text) { setMsg("err", "请填写回复内容"); return; }
|
|
341
557
|
var t = threads.filter(function (x) { return x.id === id; })[0];
|
|
342
|
-
|
|
558
|
+
var accountRow = fbRowIsAccount(id);
|
|
559
|
+
// 账号历史行:服务端回复(节点半自动附 JWT,无需本地 thread_token);本地/匿名行:带 thread_token 回复
|
|
560
|
+
var replyOpts = { method: "POST", body: JSON.stringify({ content: text }) };
|
|
561
|
+
if (!accountRow) {
|
|
562
|
+
if (!t) return;
|
|
563
|
+
replyOpts.token = t.token;
|
|
564
|
+
}
|
|
343
565
|
setBusy("reply:" + id);
|
|
344
|
-
fbApi("/feedback/" + id + "/replies",
|
|
566
|
+
fbApi("/feedback/" + id + "/replies", replyOpts)
|
|
345
567
|
.then(function () {
|
|
346
568
|
if (input) input.value = "";
|
|
347
569
|
loadThread(id);
|
|
@@ -349,7 +571,8 @@ window.__ModuleLoader__.load({
|
|
|
349
571
|
})
|
|
350
572
|
.catch(function (e) {
|
|
351
573
|
var errBody = e.body && e.body.error;
|
|
352
|
-
if (
|
|
574
|
+
if (e && e.status === 401) setMsg("err", "登录已过期，请重新登录后再回复");
|
|
575
|
+
else if (errBody && errBody.code === "rate_limited") setMsg("err", "今天回复次数已达上限，请明天再试");
|
|
353
576
|
else setMsg("err", "回复失败：" + (errBody && errBody.message ? errBody.message : e.message));
|
|
354
577
|
})
|
|
355
578
|
.finally(function () { setBusy(""); });
|
|
@@ -361,11 +584,83 @@ window.__ModuleLoader__.load({
|
|
|
361
584
|
if (id !== openId) loadThread(id);
|
|
362
585
|
};
|
|
363
586
|
|
|
587
|
+
/** 「我的反馈」tab 内容：账号历史行直接用服务端字段渲染(状态/类别/标题/时间/回复数)，
|
|
588
|
+
* 并保留本机未同步的 thread_token 行；单条展开/回复由 loadThread/doReply 分流。 */
|
|
589
|
+
function renderMine() {
|
|
590
|
+
var rows = fbRows();
|
|
591
|
+
if (rows.length === 0) {
|
|
592
|
+
var emptyText = fbAccount
|
|
593
|
+
? (mineBusy ? "正在加载账号历史…" : (mineErr ? "账号历史加载失败，点上方「我的反馈」tab 重试" : "暂无反馈，提交第一条？"))
|
|
594
|
+
: "还没有提交过反馈。" + (cfg && cfg.reachable === false ? "（反馈服务未连接）" : "登录手机号账号后，可在任意设备查看账号全部历史。");
|
|
595
|
+
return h("div", null,
|
|
596
|
+
h("div", { className: "dru-fb-empty" }, emptyText),
|
|
597
|
+
fbMsg && h("div", { className: "dru-msg dru-msg-" + fbMsg.kind }, fbMsg.text)
|
|
598
|
+
);
|
|
599
|
+
}
|
|
600
|
+
return h("div", null,
|
|
601
|
+
rows.map(function (r) {
|
|
602
|
+
var open = openId === r.id;
|
|
603
|
+
var td = open ? threadData : null;
|
|
604
|
+
var st = td ? td.status : r.status;
|
|
605
|
+
var cat = td ? td.category : r.category;
|
|
606
|
+
var titleTxt = td ? (td.title || "") : r.title;
|
|
607
|
+
var ts = td ? td.created_at : r.created_at;
|
|
608
|
+
var catLbl = (function () {
|
|
609
|
+
var c = FB_CATEGORIES.filter(function (x) { return x.value === cat; })[0];
|
|
610
|
+
return c ? c.label : (cat || "反馈");
|
|
611
|
+
})();
|
|
612
|
+
return h("div", { key: r.id, className: "dru-fb-item" },
|
|
613
|
+
h("div", { className: "dru-fb-item-head" },
|
|
614
|
+
fbStatusBadge(st || "open"),
|
|
615
|
+
h("span", { className: "dru-fb-cat" }, catLbl),
|
|
616
|
+
h("span", { className: "dru-fb-item-title" }, titleTxt || ("反馈 #" + r.id.slice(-6))),
|
|
617
|
+
h("span", { className: "dru-fb-item-time" },
|
|
618
|
+
(ts ? new Date(ts).toLocaleString() : "") +
|
|
619
|
+
(r.acct && !open && r.reply_count > 0 ? " · " + r.reply_count + " 条回复" : ""))
|
|
620
|
+
),
|
|
621
|
+
open && td
|
|
622
|
+
? h("div", null,
|
|
623
|
+
h("div", { className: "dru-fb-item-content" }, td.content),
|
|
624
|
+
td.replies.map(function (reply) {
|
|
625
|
+
return h("div", { key: reply.id, className: "dru-fb-reply" },
|
|
626
|
+
h("div", { className: "dru-fb-reply-row" },
|
|
627
|
+
h("span", { className: "dru-fb-reply-who" + (reply.author === "user" ? " user" : "") }, reply.author === "admin" ? "管理员回复" : "我"),
|
|
628
|
+
h("span", { className: "dru-fb-reply-text" }, reply.content)
|
|
629
|
+
),
|
|
630
|
+
h("div", { className: "dru-fb-item-time" }, new Date(reply.created_at).toLocaleString())
|
|
631
|
+
);
|
|
632
|
+
}),
|
|
633
|
+
h("div", { className: "dru-fb-reply" },
|
|
634
|
+
h("textarea", { id: "dru-fb-reply-" + r.id, className: "dru-fb-reply-input", placeholder: "回复管理员…", maxLength: 2000 }),
|
|
635
|
+
h("div", { style: { textAlign: "right", marginTop: 6 } },
|
|
636
|
+
h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: function () { doReply(r.id); } }, busy === "reply:" + r.id ? "发送中…" : "回复")
|
|
637
|
+
)
|
|
638
|
+
),
|
|
639
|
+
h("div", { className: "dru-fb-item-time", style: { textAlign: "right", marginTop: 8 } },
|
|
640
|
+
h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, disabled: busy !== "", onClick: function () { loadThread(r.id); } }, "↻ 刷新"),
|
|
641
|
+
" ",
|
|
642
|
+
h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, onClick: function () { setOpenId(""); setThreadData(null); } }, "收起")
|
|
643
|
+
)
|
|
644
|
+
)
|
|
645
|
+
: h("div", { className: "dru-fb-item-time", style: { textAlign: "right" } },
|
|
646
|
+
h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, disabled: busy !== "", onClick: function () { openThread(r.id); } }, open ? "收起" : "查看 / 回复"))
|
|
647
|
+
);
|
|
648
|
+
}),
|
|
649
|
+
mineBusy ? h("div", { className: "dru-hint", style: { marginTop: 6 } }, "账号历史同步中…") : null,
|
|
650
|
+
fbMsg && h("div", { className: "dru-msg dru-msg-" + fbMsg.kind }, fbMsg.text)
|
|
651
|
+
);
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
var mineRows = fbRows(); // 「我的反馈」展示行数：账号历史 + 本机未同步线程（合并去重后）
|
|
364
655
|
return h("div", { className: "dru-card" },
|
|
365
656
|
h("h3", null, "💬 用户反馈"),
|
|
366
657
|
h("div", { className: "dru-fb-tabs" },
|
|
367
658
|
h("div", { className: "dru-fb-tab" + (tab === "submit" ? " active" : ""), onClick: function () { setTab("submit"); setFbMsg(null); } }, "提交反馈"),
|
|
368
|
-
h("div", { className: "dru-fb-tab" + (tab === "mine" ? " active" : ""), onClick: function () {
|
|
659
|
+
h("div", { className: "dru-fb-tab" + (tab === "mine" ? " active" : ""), onClick: function () {
|
|
660
|
+
setTab("mine"); setFbMsg(null); setThreads(fbLoadThreads());
|
|
661
|
+
// 登录态(账号已配)打开「我的反馈」→ 拉取账号历史(合并展示,换设备/重装也能看到)
|
|
662
|
+
if (fbAccount && mineList === null) loadMine();
|
|
663
|
+
} }, "我的反馈" + (mineRows.length ? "(" + mineRows.length + ")" : ""))
|
|
369
664
|
),
|
|
370
665
|
tab === "submit"
|
|
371
666
|
? h("div", null,
|
|
@@ -393,52 +688,7 @@ window.__ModuleLoader__.load({
|
|
|
393
688
|
h("button", { type: "button", className: "dru-btn dru-btn-primary", style: { width: "100%" }, disabled: busy !== "", onClick: doSubmit }, busy === "submit" ? "提交中…" : "提交反馈"),
|
|
394
689
|
fbMsg && h("div", { className: "dru-msg dru-msg-" + fbMsg.kind }, fbMsg.text)
|
|
395
690
|
)
|
|
396
|
-
:
|
|
397
|
-
threads.length === 0
|
|
398
|
-
? h("div", { className: "dru-fb-empty" }, "还没有提交过反馈。" + (cfg && cfg.reachable === false ? "（反馈服务未连接）" : ""))
|
|
399
|
-
: threads.slice().reverse().map(function (t) {
|
|
400
|
-
var open = openId === t.id;
|
|
401
|
-
var td = open ? threadData : null;
|
|
402
|
-
return h("div", { key: t.id, className: "dru-fb-item" },
|
|
403
|
-
h("div", { className: "dru-fb-item-head" },
|
|
404
|
-
fbStatusBadge(td ? td.status : "open"),
|
|
405
|
-
h("span", { className: "dru-fb-cat" }, (function () {
|
|
406
|
-
var c = FB_CATEGORIES.filter(function (x) { return x.value === (td ? td.category : ""); })[0];
|
|
407
|
-
return c ? c.label : (td ? td.category : "反馈");
|
|
408
|
-
})()),
|
|
409
|
-
h("span", { className: "dru-fb-item-title" }, td ? (td.title || "反馈") : "反馈 #" + t.id.slice(-6)),
|
|
410
|
-
h("span", { className: "dru-fb-item-time" }, td ? new Date(td.created_at).toLocaleString() : "")
|
|
411
|
-
),
|
|
412
|
-
open && td
|
|
413
|
-
? h("div", null,
|
|
414
|
-
h("div", { className: "dru-fb-item-content" }, td.content),
|
|
415
|
-
td.replies.map(function (r) {
|
|
416
|
-
return h("div", { key: r.id, className: "dru-fb-reply" },
|
|
417
|
-
h("div", { className: "dru-fb-reply-row" },
|
|
418
|
-
h("span", { className: "dru-fb-reply-who" + (r.author === "user" ? " user" : "") }, r.author === "admin" ? "管理员回复" : "我"),
|
|
419
|
-
h("span", { className: "dru-fb-reply-text" }, r.content)
|
|
420
|
-
),
|
|
421
|
-
h("div", { className: "dru-fb-item-time" }, new Date(r.created_at).toLocaleString())
|
|
422
|
-
);
|
|
423
|
-
}),
|
|
424
|
-
h("div", { className: "dru-fb-reply" },
|
|
425
|
-
h("textarea", { id: "dru-fb-reply-" + t.id, className: "dru-fb-reply-input", placeholder: "回复管理员…", maxLength: 2000 }),
|
|
426
|
-
h("div", { style: { textAlign: "right", marginTop: 6 } },
|
|
427
|
-
h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: function () { doReply(t.id); } }, busy === "reply:" + t.id ? "发送中…" : "回复")
|
|
428
|
-
)
|
|
429
|
-
),
|
|
430
|
-
h("div", { className: "dru-fb-item-time", style: { textAlign: "right", marginTop: 8 } },
|
|
431
|
-
h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, disabled: busy !== "", onClick: function () { loadThread(t.id); } }, "↻ 刷新"),
|
|
432
|
-
" ",
|
|
433
|
-
h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, onClick: function () { setOpenId(""); setThreadData(null); } }, "收起")
|
|
434
|
-
)
|
|
435
|
-
)
|
|
436
|
-
: h("div", { className: "dru-fb-item-time", style: { textAlign: "right" } },
|
|
437
|
-
h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { padding: "2px 10px", fontSize: 12 }, disabled: busy !== "", onClick: function () { openThread(t.id); } }, open ? "收起" : "查看 / 回复"))
|
|
438
|
-
);
|
|
439
|
-
}),
|
|
440
|
-
fbMsg && h("div", { className: "dru-msg dru-msg-" + fbMsg.kind }, fbMsg.text)
|
|
441
|
-
)
|
|
691
|
+
: renderMine()
|
|
442
692
|
);
|
|
443
693
|
}
|
|
444
694
|
|
|
@@ -524,7 +774,7 @@ window.__ModuleLoader__.load({
|
|
|
524
774
|
var payload = {
|
|
525
775
|
kind: "rating",
|
|
526
776
|
category: "satisfaction",
|
|
527
|
-
content: note.trim() || (rating >= 4 ? "
|
|
777
|
+
content: note.trim() || (rating >= 4 ? "对远程访问功能满意" : "对远程访问功能不太满意"),
|
|
528
778
|
rating: rating,
|
|
529
779
|
recommend: recommend === true ? 1 : 0,
|
|
530
780
|
};
|
|
@@ -536,6 +786,7 @@ window.__ModuleLoader__.load({
|
|
|
536
786
|
.catch(function (e) {
|
|
537
787
|
var errBody = e.body && e.body.error;
|
|
538
788
|
if (errBody && errBody.code === "rate_limited") { fbPopupLater(); setMessage({ kind: "err", text: "今日提交已达上限，明天再来吧" }); }
|
|
789
|
+
else if (errBody && errBody.code === "already_rated") { fbPopupDone(); setMessage({ kind: "ok", text: "你已评价过，感谢支持（同一账号/设备只收集一次）" }); }
|
|
539
790
|
else setMessage({ kind: "err", text: "提交失败：" + ((errBody && errBody.message) || e.message) + "（可稍后再试）" });
|
|
540
791
|
})
|
|
541
792
|
.finally(function () { setBusy(""); });
|
|
@@ -547,7 +798,7 @@ window.__ModuleLoader__.load({
|
|
|
547
798
|
step === "rate"
|
|
548
799
|
? h("div", null,
|
|
549
800
|
h("div", { className: "dru-popup-icon" }, "😊"),
|
|
550
|
-
h("div", { className: "dru-popup-title" }, "
|
|
801
|
+
h("div", { className: "dru-popup-title" }, "您对远程访问功能满意吗？"),
|
|
551
802
|
h("div", { className: "dru-popup-sub" }, "使用体验已满 1 小时，说说真实感受吧（1 分钟搞定）"),
|
|
552
803
|
h("div", { className: "dru-popup-rate" },
|
|
553
804
|
[ [5, "😄", "很满意"], [3, "😐", "一般"], [1, "😞", "不满意"] ].map(function (r) {
|
|
@@ -609,8 +860,8 @@ window.__ModuleLoader__.load({
|
|
|
609
860
|
}
|
|
610
861
|
|
|
611
862
|
// ── 图标 ────────────────────────────────────────────────────────────────
|
|
612
|
-
//
|
|
613
|
-
//
|
|
863
|
+
// 「远程访问」栏目图标沿用面板 emoji 图标体系：📱 更贴合“手机/另一台电脑远程访问”语义
|
|
864
|
+
// （原 🖥 已随入口迁移调整）；栏目导航 label 与栏目头部均使用它。
|
|
614
865
|
|
|
615
866
|
// ── 版本与更新卡片（自管理：市场没有更新按钮，这里提供在线一键更新/彻底卸载） ──
|
|
616
867
|
// 数据来自 node 半新增的 /dsh-remote/self* 路由；逻辑均在插件 node 半实现，
|
|
@@ -766,10 +1017,30 @@ window.__ModuleLoader__.load({
|
|
|
766
1017
|
selfMsg ? h("div", { className: "dru-msg dru-msg-" + selfMsg.kind }, selfMsg.text) : null,
|
|
767
1018
|
h("div", { className: "dru-hint", style: { marginTop: 8 } },
|
|
768
1019
|
armed ? "⚠ 再次点击后即开始彻底卸载：① 移除 dsh web 配置中的插件引用与本地文件；② 停止并移除 bridge 自启动服务（macOS com.dshremote.bridge / Linux dsh-bridge）并结束残留进程；③ 清空本地配置目录（~/.dsh-remote：账号、设备密钥、固化运行时等）。此操作不可撤销，如需再次使用请在插件市场重新安装。" :
|
|
769
|
-
"
|
|
1020
|
+
"检测新版、一键在线更新、彻底卸载都在本卡片完成。")
|
|
770
1021
|
);
|
|
771
1022
|
}
|
|
772
1023
|
|
|
1024
|
+
// ── 端到端加密（E2EE，Phase-5）：bridge 状态 → 可读文案映射 ─────────────
|
|
1025
|
+
// bridge 启停时把开关结果写入 <relayDir>/.e2ee-state.json（{enabled,reason,profile,epoch,caps}，
|
|
1026
|
+
// 见 clients/dsh-remote/e2ee-client.mjs），node 半随 /dsh-remote/status 以 service.e2ee 下发；
|
|
1027
|
+
// 此处只做“可读文案”映射（协议 docs/e2ee-protocol.md §2.3/§7.3）。
|
|
1028
|
+
var E2EE_DISABLED_COPY = {
|
|
1029
|
+
server_disabled: "端到端加密暂不可用（当前为普通安全连接 HTTPS）",
|
|
1030
|
+
params_unreachable: "当前为普通安全连接（HTTPS）",
|
|
1031
|
+
disabled_by_config: "当前为普通安全连接（HTTPS）",
|
|
1032
|
+
derive_failed: "账号密码已变更，需在「🔑 账号」重新登录后恢复端到端加密（当前为普通安全连接（HTTPS））",
|
|
1033
|
+
};
|
|
1034
|
+
var E2EE_DISABLED_FALLBACK = "当前为普通安全连接（HTTPS）";
|
|
1035
|
+
/** 把 service.e2ee 归一化为可读状态行；e2ee 缺失/旧 host 未下发 → null（不打扰）。 */
|
|
1036
|
+
function describeE2ee(e2ee) {
|
|
1037
|
+
if (!e2ee || typeof e2ee !== "object") return null;
|
|
1038
|
+
if (e2ee.enabled === true) return { kind: "ok", text: "🔒 端到端加密已启用（手机解锁后生效）" };
|
|
1039
|
+
var reason = typeof e2ee.reason === "string" && e2ee.reason ? e2ee.reason : "";
|
|
1040
|
+
var text = E2EE_DISABLED_COPY[reason] || E2EE_DISABLED_FALLBACK; // reason 未知 → 兜底
|
|
1041
|
+
return { kind: "off", text: text };
|
|
1042
|
+
}
|
|
1043
|
+
|
|
773
1044
|
// ── 面板主体（渲染于设置页 settings.section 栏目内） ─────────────────────
|
|
774
1045
|
function RemoteControlSection(props) {
|
|
775
1046
|
|
|
@@ -807,6 +1078,28 @@ window.__ModuleLoader__.load({
|
|
|
807
1078
|
var shArr = useState(""); var selfHost = shArr[0]; var setSelfHost = shArr[1];
|
|
808
1079
|
var lkArr = useState(""); var localKey = lkArr[0]; var setLocalKey = lkArr[1];
|
|
809
1080
|
|
|
1081
|
+
// ── 📱 远程访问卡（一次性访问密钥 + 已授权设备管理）——放在全部既有字段之后，保持既有 hook 序号 ──
|
|
1082
|
+
var akeyArr = useState(null); var akey = akeyArr[0]; var setAkey = akeyArr[1]; // {url,key,expires_at,ttl_ms,qr_data_url}
|
|
1083
|
+
var akeyBusyArr = useState(false); var akeyBusy = akeyBusyArr[0]; var setAkeyBusy = akeyBusyArr[1];
|
|
1084
|
+
var akeyMsgArr = useState(null); var akeyMsg = akeyMsgArr[0]; var setAkeyMsg = akeyMsgArr[1]; // {kind,text}
|
|
1085
|
+
var nowTickArr = useState(function () { return Date.now(); }); var nowTick = nowTickArr[0]; var setNowTick = nowTickArr[1];
|
|
1086
|
+
var copiedKeyArr = useState(false); var copiedKey = copiedKeyArr[0]; var setCopiedKey = copiedKeyArr[1];
|
|
1087
|
+
var devSessArr = useState(null); var devSessions = devSessArr[0]; var setDevSessions = devSessArr[1]; // null=未加载
|
|
1088
|
+
var devOpenArr = useState(false); var devOpen = devOpenArr[0]; var setDevOpen = devOpenArr[1];
|
|
1089
|
+
var devBusyArr = useState(""); var devBusy = devBusyArr[0]; var setDevBusy = devBusyArr[1];
|
|
1090
|
+
var devMsgArr = useState(null); var devMsg = devMsgArr[0]; var setDevMsg = devMsgArr[1];
|
|
1091
|
+
var armedDevArr = useState(null); var armedDev = armedDevArr[0]; var setArmedDev = armedDevArr[1]; // 待二次确认的 session id（取消配对）
|
|
1092
|
+
var armedDelArr = useState(null); var armedDel = armedDelArr[0]; var setArmedDel = armedDelArr[1]; // 待二次确认的 session id（删除记录）
|
|
1093
|
+
var purgeArmedArr = useState(false); var purgeArmed = purgeArmedArr[0]; var setPurgeArmed = purgeArmedArr[1]; // 清理已解绑二次确认
|
|
1094
|
+
// ── 🔒 修改密码（已登录 SaaS，短信重置）状态：放在全部既有字段之后，保持既有 hook 序号 ──
|
|
1095
|
+
// 成功后企业端使该账号全部授权设备/会话失效（含 E2EE 派生口令）→ 本地登出、用新密码重新登录。
|
|
1096
|
+
var pwdOpenArr = useState(false); var pwdOpen = pwdOpenArr[0]; var setPwdOpen = pwdOpenArr[1]; // 小表单展开
|
|
1097
|
+
var pwdCapArr = useState(null); var pwdCap = pwdCapArr[0]; var setPwdCap = pwdCapArr[1]; // {id,svg} 图形验证码
|
|
1098
|
+
var pwdCapTxtArr = useState(""); var pwdCapTxt = pwdCapTxtArr[0]; var setPwdCapTxt = pwdCapTxtArr[1];
|
|
1099
|
+
var pwdSmsArr = useState(""); var pwdSms = pwdSmsArr[0]; var setPwdSms = pwdSmsArr[1];
|
|
1100
|
+
var pwdSmsBtnArr = useState("获取验证码"); var pwdSmsBtn = pwdSmsBtnArr[0]; var setPwdSmsBtn = pwdSmsBtnArr[1];
|
|
1101
|
+
var pwdNewArr = useState(""); var pwdNew = pwdNewArr[0]; var setPwdNew = pwdNewArr[1]; // 新密码（≥8）
|
|
1102
|
+
|
|
810
1103
|
var refresh = useCallback(function () {
|
|
811
1104
|
setBusy("status");
|
|
812
1105
|
api("/dsh-remote/status").then(function (body) {
|
|
@@ -845,8 +1138,221 @@ window.__ModuleLoader__.load({
|
|
|
845
1138
|
|
|
846
1139
|
useEffect(function () { refresh(); }, [refresh]);
|
|
847
1140
|
useEffect(function () {
|
|
848
|
-
|
|
849
|
-
|
|
1141
|
+
// 展开「忘记密码」重置表单时不用预载登录表单验证码（收起的 reset 表单用独立 pwdCap）
|
|
1142
|
+
if (st !== null && !loggedIn && mode === "saas" && authTab === "login" && !pwdOpen && !lcap) loadCaptcha("login");
|
|
1143
|
+
}, [st, loggedIn, mode, authTab, pwdOpen, lcap]);
|
|
1144
|
+
|
|
1145
|
+
// ── 📱 远程访问卡：常量 / 轮询 / 一次性访问密钥 / 已授权设备 ─────────────────
|
|
1146
|
+
var KEY_AUTO_REFRESH_MS = 25000; // 停留栏目时约每 25s 自动轮换一把新的一次性密钥（防已用/过期）
|
|
1147
|
+
var STATUS_POLL_MS = 30000; // 连接状态行轮询间隔(审计降频:原 5s→30s;页面隐藏时暂停)
|
|
1148
|
+
|
|
1149
|
+
/** 轻量状态轮询：只更新 st，不改 mode（mode 由用户 Tab 选择决定，避免轮询把自建/云端来回切）。 */
|
|
1150
|
+
function pollStatus() {
|
|
1151
|
+
if (document.hidden) return; // 页面隐藏时不空转(审计:降低请求频率)
|
|
1152
|
+
api("/dsh-remote/status").then(function (body) {
|
|
1153
|
+
if (!body || !body.ok) return;
|
|
1154
|
+
setSt(body);
|
|
1155
|
+
}).catch(function () {});
|
|
1156
|
+
}
|
|
1157
|
+
|
|
1158
|
+
// 时间工具（兼容 epoch 毫秒 / ISO 字符串 / 数字字符串）
|
|
1159
|
+
function toMs(ts) {
|
|
1160
|
+
if (ts === null || ts === undefined || ts === "") return 0;
|
|
1161
|
+
var n = Number(ts);
|
|
1162
|
+
if (String(ts).trim() !== "" && isFinite(n)) return n;
|
|
1163
|
+
var d = new Date(ts);
|
|
1164
|
+
return isNaN(d.getTime()) ? 0 : d.getTime();
|
|
1165
|
+
}
|
|
1166
|
+
function pad2(n) { return String(n).padStart(2, "0"); }
|
|
1167
|
+
function fmtClock(ts) {
|
|
1168
|
+
var ms = toMs(ts);
|
|
1169
|
+
if (!ms) return "--:--:--";
|
|
1170
|
+
var d = new Date(ms);
|
|
1171
|
+
if (isNaN(d.getTime())) return "--:--:--";
|
|
1172
|
+
return pad2(d.getHours()) + ":" + pad2(d.getMinutes()) + ":" + pad2(d.getSeconds());
|
|
1173
|
+
}
|
|
1174
|
+
function fmtRemain(ms) {
|
|
1175
|
+
var s = Math.max(0, Math.floor((ms || 0) / 1000));
|
|
1176
|
+
var h = Math.floor(s / 3600), m = Math.floor((s % 3600) / 60), sec = s % 60;
|
|
1177
|
+
return (h > 0 ? pad2(h) + ":" : "") + pad2(m) + ":" + pad2(sec);
|
|
1178
|
+
}
|
|
1179
|
+
function fmtDT(ts) {
|
|
1180
|
+
var ms = toMs(ts);
|
|
1181
|
+
if (!ms) return "—";
|
|
1182
|
+
var d = new Date(ms);
|
|
1183
|
+
if (isNaN(d.getTime())) return "—";
|
|
1184
|
+
return d.getFullYear() + "-" + pad2(d.getMonth() + 1) + "-" + pad2(d.getDate()) + " " + pad2(d.getHours()) + ":" + pad2(d.getMinutes());
|
|
1185
|
+
}
|
|
1186
|
+
|
|
1187
|
+
/** 创建（或刷新）一次性访问密钥：GET /dsh-remote/access-key（node 半转发企业端 /api/auth-key）。 */
|
|
1188
|
+
function loadAccessKey() {
|
|
1189
|
+
if (akeyBusy) return;
|
|
1190
|
+
// 登录前不请求企业端（避免 401/404 噪音）；由账号登录成功后触发
|
|
1191
|
+
if (!(st && st.config && st.config.phone)) {
|
|
1192
|
+
setAkeyMsg(null);
|
|
1193
|
+
return;
|
|
1194
|
+
}
|
|
1195
|
+
setAkeyBusy(true);
|
|
1196
|
+
api("/dsh-remote/access-key").then(function (b) {
|
|
1197
|
+
if (!b || !b.ok) {
|
|
1198
|
+
var why = (b && (b.error || (b.body && b.body.error))) || "未知错误";
|
|
1199
|
+
setAkeyMsg({ kind: "err", text: "获取一次性访问地址失败：" + why });
|
|
1200
|
+
return;
|
|
1201
|
+
}
|
|
1202
|
+
// 契约容错：url 必须有；qr_data_url 取不到时仍展示链接/复制/直接打开
|
|
1203
|
+
if (!b.url) {
|
|
1204
|
+
setAkeyMsg({ kind: "err", text: "获取一次性访问地址失败：企业端未返回可用链接" });
|
|
1205
|
+
return;
|
|
1206
|
+
}
|
|
1207
|
+
setAkey({
|
|
1208
|
+
url: b.url || "",
|
|
1209
|
+
key: b.key != null ? b.key : null,
|
|
1210
|
+
expires_at: b.expires_at != null ? b.expires_at : null,
|
|
1211
|
+
ttl_ms: b.ttl_ms != null ? b.ttl_ms : null,
|
|
1212
|
+
qr_data_url: b.qr_data_url != null ? b.qr_data_url : null
|
|
1213
|
+
});
|
|
1214
|
+
setAkeyMsg(null);
|
|
1215
|
+
}).catch(function (e) {
|
|
1216
|
+
setAkeyMsg({ kind: "err", text: "获取一次性访问地址失败：" + e.message });
|
|
1217
|
+
}).finally(function () { setAkeyBusy(false); });
|
|
1218
|
+
}
|
|
1219
|
+
|
|
1220
|
+
var copyKeyUrl = function () {
|
|
1221
|
+
if (!(akey && akey.url)) return;
|
|
1222
|
+
try {
|
|
1223
|
+
navigator.clipboard.writeText(akey.url).then(function () {
|
|
1224
|
+
setCopiedKey(true);
|
|
1225
|
+
setTimeout(function () { setCopiedKey(false); }, 1500);
|
|
1226
|
+
});
|
|
1227
|
+
} catch (e) {}
|
|
1228
|
+
};
|
|
1229
|
+
/** 「直接打开」：浏览器新标签打开一次性访问地址（打开即扫码/点击进入）。 */
|
|
1230
|
+
var openKeyUrl = function () {
|
|
1231
|
+
if (!(akey && akey.url)) return;
|
|
1232
|
+
try { window.open(akey.url, "_blank", "noopener"); } catch (e) {}
|
|
1233
|
+
};
|
|
1234
|
+
|
|
1235
|
+
/** 加载已授权设备列表：GET /dsh-remote/mobile-sessions。 */
|
|
1236
|
+
function loadDevices() {
|
|
1237
|
+
if (devBusy !== "") return;
|
|
1238
|
+
setDevBusy("list");
|
|
1239
|
+
api("/dsh-remote/mobile-sessions").then(function (b) {
|
|
1240
|
+
if (!b || !b.ok) throw new Error((b && b.error) || "加载已授权设备失败");
|
|
1241
|
+
setDevSessions(Array.isArray(b.sessions) ? b.sessions : []);
|
|
1242
|
+
setDevMsg(null);
|
|
1243
|
+
}).catch(function (e) {
|
|
1244
|
+
setDevMsg({ kind: "err", text: "加载已授权设备失败：" + e.message });
|
|
1245
|
+
}).finally(function () { setDevBusy(""); });
|
|
1246
|
+
}
|
|
1247
|
+
/** 操作（取消配对/删除记录/清理已解绑）成功后静默重拉列表，覆盖行内状态。 */
|
|
1248
|
+
function refreshDeviceList() {
|
|
1249
|
+
api("/dsh-remote/mobile-sessions").then(function (b) {
|
|
1250
|
+
if (b && b.ok) setDevSessions(Array.isArray(b.sessions) ? b.sessions : []);
|
|
1251
|
+
}).catch(function () {});
|
|
1252
|
+
}
|
|
1253
|
+
|
|
1254
|
+
var toggleDevices = function () {
|
|
1255
|
+
var next = !devOpen;
|
|
1256
|
+
setDevOpen(next);
|
|
1257
|
+
if (next && devSessions === null && devBusy === "") loadDevices();
|
|
1258
|
+
if (!next) { setArmedDev(null); setArmedDel(null); setPurgeArmed(false); }
|
|
1259
|
+
};
|
|
1260
|
+
|
|
1261
|
+
/** 取消配对：先点一次进入确认态，再点一次才 POST revoke（同 SelfManageCard 二次确认风格）。 */
|
|
1262
|
+
var doRevokeDevice = function (id) {
|
|
1263
|
+
if (!id) return;
|
|
1264
|
+
if (armedDev !== id) { setArmedDev(id); setArmedDel(null); setPurgeArmed(false); return; }
|
|
1265
|
+
setDevBusy("revoke:" + id);
|
|
1266
|
+
post("/dsh-remote/mobile-sessions/revoke", { id: id }).then(function (b) {
|
|
1267
|
+
if (!b || !b.ok) throw new Error((b && (b.error || (b.body && b.body.error))) || "取消失败");
|
|
1268
|
+
setArmedDev(null);
|
|
1269
|
+
setDevMsg({ kind: "ok", text: "已取消，对方需重新扫码/登录" });
|
|
1270
|
+
refreshDeviceList();
|
|
1271
|
+
}).catch(function (e) {
|
|
1272
|
+
setArmedDev(null);
|
|
1273
|
+
setDevMsg({ kind: "err", text: "取消配对失败：" + e.message });
|
|
1274
|
+
}).finally(function () { setDevBusy(""); });
|
|
1275
|
+
};
|
|
1276
|
+
|
|
1277
|
+
/**
|
|
1278
|
+
* 删除设备记录：任意行（含已取消/历史）都可用，整行删除并拉黑 jti——
|
|
1279
|
+
* DELETE /dsh-remote/mobile-sessions/delete（body {id} → 企业端 DELETE /api/mobile-sessions/:id）。
|
|
1280
|
+
* 先点一次进入确认态，再点一次才发请求。
|
|
1281
|
+
*/
|
|
1282
|
+
var doDeleteDevice = function (id) {
|
|
1283
|
+
if (!id) return;
|
|
1284
|
+
if (armedDel !== id) { setArmedDel(id); setArmedDev(null); setPurgeArmed(false); return; }
|
|
1285
|
+
setDevBusy("delete:" + id);
|
|
1286
|
+
api("/dsh-remote/mobile-sessions/delete", {
|
|
1287
|
+
method: "DELETE",
|
|
1288
|
+
headers: { "content-type": "application/json" },
|
|
1289
|
+
body: JSON.stringify({ id: id })
|
|
1290
|
+
}).then(function (b) {
|
|
1291
|
+
if (!b || !b.ok) throw new Error((b && (b.error || (b.body && b.body.error))) || "删除失败");
|
|
1292
|
+
setArmedDel(null);
|
|
1293
|
+
setDevMsg({ kind: "ok", text: "已删除该设备的记录" });
|
|
1294
|
+
refreshDeviceList();
|
|
1295
|
+
}).catch(function (e) {
|
|
1296
|
+
setArmedDel(null);
|
|
1297
|
+
setDevMsg({ kind: "err", text: "删除记录失败：" + e.message });
|
|
1298
|
+
}).finally(function () { setDevBusy(""); });
|
|
1299
|
+
};
|
|
1300
|
+
|
|
1301
|
+
/**
|
|
1302
|
+
* 清理已解绑：删除本人全部 revoked 行——POST /dsh-remote/mobile-sessions/purge（企业端 purge）。
|
|
1303
|
+
* 先点一次进入确认态，再点一次才发请求；成功后刷新列表并提示清理条数。
|
|
1304
|
+
*/
|
|
1305
|
+
var doPurgeDevices = function () {
|
|
1306
|
+
if (!purgeArmed) { setPurgeArmed(true); setArmedDev(null); setArmedDel(null); return; }
|
|
1307
|
+
setDevBusy("purge");
|
|
1308
|
+
post("/dsh-remote/mobile-sessions/purge", {}).then(function (b) {
|
|
1309
|
+
if (!b || !b.ok) throw new Error((b && (b.error || (b.body && b.body.error))) || "清理失败");
|
|
1310
|
+
setPurgeArmed(false);
|
|
1311
|
+
var n = b.removed != null ? Number(b.removed) : 0;
|
|
1312
|
+
setDevMsg({ kind: "ok", text: n > 0 ? ("已清理 " + n + " 条已解绑记录") : "已清理全部已解绑记录" });
|
|
1313
|
+
refreshDeviceList();
|
|
1314
|
+
}).catch(function (e) {
|
|
1315
|
+
setPurgeArmed(false);
|
|
1316
|
+
setDevMsg({ kind: "err", text: "清理失败：" + e.message });
|
|
1317
|
+
}).finally(function () { setDevBusy(""); });
|
|
1318
|
+
};
|
|
1319
|
+
|
|
1320
|
+
/** 升级/续费带登录态打开：取一次性访问 url，改写为 /app/promo?auth=… 后在手机端进入续费页。 */
|
|
1321
|
+
var openUpgradeAuth = function () {
|
|
1322
|
+
setBusy("upgrade");
|
|
1323
|
+
api("/dsh-remote/access-key").then(function (b) {
|
|
1324
|
+
if (!b || !b.ok || !b.url) throw new Error((b && b.error) || "生成访问链接失败");
|
|
1325
|
+
var promo = promoUrlOf(b.url);
|
|
1326
|
+
try { window.open(promo, "_blank", "noopener"); } catch (e2) {}
|
|
1327
|
+
setMsg("ok", "✅ 升级/续费页已在新标签页打开（带登录态）");
|
|
1328
|
+
}).catch(function (e) {
|
|
1329
|
+
setMsg("err", "打开升级/续费页失败：" + e.message);
|
|
1330
|
+
}).finally(function () { setBusy(""); });
|
|
1331
|
+
};
|
|
1332
|
+
|
|
1333
|
+
// 停留主视图（home）时：轮询连接状态(15s,审计降频) + 每秒刷新倒计时;隐藏暂停、回前台立即刷新
|
|
1334
|
+
useEffect(function () {
|
|
1335
|
+
if (view !== "home") return;
|
|
1336
|
+
var pollIv = setInterval(function () { pollStatus(); }, STATUS_POLL_MS);
|
|
1337
|
+
var tickIv = setInterval(function () { setNowTick(Date.now()); }, 1000);
|
|
1338
|
+
var visFn = function () { if (!document.hidden) pollStatus(); };
|
|
1339
|
+
document.addEventListener("visibilitychange", visFn);
|
|
1340
|
+
return function () {
|
|
1341
|
+
clearInterval(pollIv);
|
|
1342
|
+
clearInterval(tickIv);
|
|
1343
|
+
document.removeEventListener("visibilitychange", visFn);
|
|
1344
|
+
};
|
|
1345
|
+
}, [view]);
|
|
1346
|
+
|
|
1347
|
+
// 已登录云端主视图停留期间：打开即取一把新 key + 已授权设备；之后每 ~25s 自动轮换
|
|
1348
|
+
// （未登录不轮询，避免 401 空转；离开栏目/切视图/退出登录即清理定时器）
|
|
1349
|
+
useEffect(function () {
|
|
1350
|
+
if (view !== "home" || mode !== "saas" || !loggedIn) return undefined;
|
|
1351
|
+
loadAccessKey();
|
|
1352
|
+
loadDevices();
|
|
1353
|
+
var rotateIv = setInterval(function () { loadAccessKey(); }, KEY_AUTO_REFRESH_MS);
|
|
1354
|
+
return function () { clearInterval(rotateIv); };
|
|
1355
|
+
}, [view, mode, loggedIn]);
|
|
850
1356
|
|
|
851
1357
|
function setMsg(kind, text) { setMessage({ kind: kind, text: text }); }
|
|
852
1358
|
|
|
@@ -862,6 +1368,7 @@ window.__ModuleLoader__.load({
|
|
|
862
1368
|
return post("/dsh-remote/config", { phone: phone.trim(), password: pass }).then(function (cfg) {
|
|
863
1369
|
// 切换连接账号（手机号与之前不同）：清除旧账号留下的反馈线程凭据
|
|
864
1370
|
if (prevPhone !== phone.trim()) fbClearThreads();
|
|
1371
|
+
setPwdOpen(false); // 登录成功（可能从「忘记密码」返回）→ 收起重置表单
|
|
865
1372
|
setSt(cfg); setPass(""); setLcapTxt(""); setLcap(null);
|
|
866
1373
|
setMsg("ok", "✅ 登录成功，账号已保存");
|
|
867
1374
|
});
|
|
@@ -912,6 +1419,7 @@ window.__ModuleLoader__.load({
|
|
|
912
1419
|
.then(function (body) {
|
|
913
1420
|
if (body.ok || body.status === 201 || (body.body && body.body.token)) {
|
|
914
1421
|
return post("/dsh-remote/config", { phone: rphone.trim(), password: rpass }).then(function (cfg) {
|
|
1422
|
+
setPwdOpen(false);
|
|
915
1423
|
setSt(cfg);
|
|
916
1424
|
setRphone(""); setRpass(""); setRpass2(""); setRsms(""); setRcap(null); setRcapTxt(""); setRInvite("");
|
|
917
1425
|
setMsg("ok", "✅ 注册成功，已自动登录");
|
|
@@ -928,15 +1436,120 @@ window.__ModuleLoader__.load({
|
|
|
928
1436
|
setBusy("logout");
|
|
929
1437
|
post("/dsh-remote/logout").then(function (body) {
|
|
930
1438
|
setSt(body); setAccount(null); setQuota(null);
|
|
1439
|
+
// 清空一次性访问密钥/二维码/授权设备等本地状态（退出后不得残留可见）
|
|
1440
|
+
setAkey(null); setAkeyMsg(null);
|
|
931
1441
|
// 退出登录：清除本机保存的用户反馈线程凭据（thread_token 见 FB_THREADS_KEY），
|
|
932
1442
|
// 反馈历史保留在服务端（按账号校验），账号身份变化后本机不再可见旧线程。
|
|
933
1443
|
fbClearThreads();
|
|
1444
|
+
setPwdOpen(false); // 退出登录后回到登录卡，收起重置/修改密码表单
|
|
934
1445
|
if (clearForm) { setPhone(""); setPass(""); setLcapTxt(""); setLcap(null); setRphone(""); setRpass(""); setRpass2(""); setRsms(""); setRsmsBtn("获取验证码"); setRcapTxt(""); setRcap(null); }
|
|
935
1446
|
setMessage(null);
|
|
936
1447
|
}).catch(function (e) { setMsg("err", "退出失败: " + e.message); })
|
|
937
1448
|
.finally(function () { setBusy(""); });
|
|
938
1449
|
};
|
|
939
1450
|
|
|
1451
|
+
// ---------- 🔒 修改密码 / 忘记密码（共用：短信验证码重置；企业端公开 POST /api/password/reset） ----------
|
|
1452
|
+
// 图形验证码 + 短信验证码复用既有 /dsh-remote/captcha、/dsh-remote/sms-code 防刷路径；
|
|
1453
|
+
// 新密码 ≥8 位。成功后企业端使全部授权设备/会话失效（含 E2EE 派生口令）→ 本地登出，
|
|
1454
|
+
// 提示用新密码重新登录（登录成功会把新密码写回本地 config，覆盖旧口令并重建 E2EE 派生）。
|
|
1455
|
+
// 两处入口共用同一组字段/函数（pwdOpen/pwdCap/pwdCapTxt/pwdSms/pwdSmsBtn/pwdNew 与
|
|
1456
|
+
// togglePwdForm/sendPwdSms/doResetPwd/renderResetPwdForm，避免重复实现）：
|
|
1457
|
+
// - 账号卡「🔒 修改密码」：fromLogin=false，手机号以当前登录账号为准（只读）；
|
|
1458
|
+
// - 登录卡「忘记密码？」：fromLogin=true，手机号预填登录输入、可改；成功后请用新密码登录。
|
|
1459
|
+
var PWD_RESET_WARN = "修改后所有已授权设备/会话将失效，需重新登录与解锁";
|
|
1460
|
+
|
|
1461
|
+
function pwdLoadCaptcha() {
|
|
1462
|
+
setPwdCap({ id: null, svg: '<span class="dru-hint">加载中</span>' });
|
|
1463
|
+
fetch("/dsh-remote/captcha").then(function (r) {
|
|
1464
|
+
return r.text().then(function (text) {
|
|
1465
|
+
if (!r.ok) throw new Error("http " + r.status);
|
|
1466
|
+
var body = null; try { body = JSON.parse(text); } catch (e) { body = null; }
|
|
1467
|
+
if (body && body.captcha_id) setPwdCap({ id: body.captcha_id, svg: body.svg || "" });
|
|
1468
|
+
else if (body && body.svg) setPwdCap({ id: null, svg: body.svg });
|
|
1469
|
+
else setPwdCap({ id: null, svg: null });
|
|
1470
|
+
});
|
|
1471
|
+
}).catch(function () { setPwdCap({ id: null, svg: null }); });
|
|
1472
|
+
}
|
|
1473
|
+
/** 展开/收起重置密码表单（账号卡「修改密码」与登录卡「忘记密码」共用开关）。 */
|
|
1474
|
+
var togglePwdForm = function () {
|
|
1475
|
+
var next = !pwdOpen;
|
|
1476
|
+
setPwdOpen(next);
|
|
1477
|
+
setMessage(null);
|
|
1478
|
+
if (next && !pwdCap) pwdLoadCaptcha();
|
|
1479
|
+
};
|
|
1480
|
+
/** 发送短信验证码（图形验证码防刷；captcha_invalid → 重载验证码提示重试）。ph 由调用方给出：
|
|
1481
|
+
* 账号卡=当前登录手机号；登录卡「忘记密码」=表单输入手机号。 */
|
|
1482
|
+
var sendPwdSms = function (ph) {
|
|
1483
|
+
ph = String(ph || "").trim();
|
|
1484
|
+
// 账号卡改密(隐私契约):phone 为空 = 由服务端取本机账号真号发码;仅当显式填了非法号才报错
|
|
1485
|
+
if (ph && !/^1\d{10}$/.test(ph)) { setMsg("err", "请输入正确的手机号"); return; }
|
|
1486
|
+
if (!pwdCap || !pwdCap.id || !pwdCapTxt.trim()) { setMsg("err", "请输入图中验证码（点击图片可刷新）"); return; }
|
|
1487
|
+
setBusy("pwd-sms");
|
|
1488
|
+
post("/dsh-remote/sms-code", { phone: ph, captcha_id: pwdCap.id, captcha_answer: pwdCapTxt.trim() })
|
|
1489
|
+
.then(function (body) {
|
|
1490
|
+
var testCode = body && (body.test_code || (body.body && body.body.test_code));
|
|
1491
|
+
setPwdCap(null); setPwdCapTxt(""); // 验证码一次性：发送后失效
|
|
1492
|
+
if (testCode) setMsg("ok", "验证码已发送(测试码: " + testCode + ")");
|
|
1493
|
+
else setMsg("ok", "验证码已发送");
|
|
1494
|
+
var s = 60; setPwdSmsBtn(s + "s");
|
|
1495
|
+
var t = setInterval(function () { s--; if (s <= 0) { clearInterval(t); setPwdSmsBtn("获取验证码"); } else setPwdSmsBtn(s + "s"); }, 1000);
|
|
1496
|
+
})
|
|
1497
|
+
.catch(function (e) {
|
|
1498
|
+
var relayError = e.body && e.body.body && e.body.body.error;
|
|
1499
|
+
if (relayError && relayError.code === "captcha_invalid") {
|
|
1500
|
+
setPwdCapTxt(""); pwdLoadCaptcha();
|
|
1501
|
+
setMsg("err", "发送次数较多，请输入图中验证码后重试");
|
|
1502
|
+
} else setMsg("err", "发送失败: " + e.message);
|
|
1503
|
+
})
|
|
1504
|
+
.finally(function () { setBusy(""); });
|
|
1505
|
+
};
|
|
1506
|
+
/**
|
|
1507
|
+
* 确认重置密码：POST /dsh-remote/password/reset → 成功后本地登出，提示用新密码登录。
|
|
1508
|
+
* @param {string} ph - 手机号（账号卡=当前登录账号；登录卡「忘记密码」=表单输入）。
|
|
1509
|
+
* @param {boolean} fromLogin - true=登录卡「忘记密码」；false=账号卡「修改密码」。
|
|
1510
|
+
*/
|
|
1511
|
+
var doResetPwd = function (ph, fromLogin) {
|
|
1512
|
+
ph = String(ph || "").trim();
|
|
1513
|
+
if (ph && !/^1\d{10}$/.test(ph)) { setMsg("err", "请输入正确的手机号"); return; }
|
|
1514
|
+
if (!ph && fromLogin) { setMsg("err", "请输入正确的手机号"); return; } // 登录卡忘记密码必须显式填号
|
|
1515
|
+
if (!pwdSms.trim()) { setMsg("err", "请填写短信验证码"); return; }
|
|
1516
|
+
if (pwdNew.length < 8) { setMsg("err", "新密码至少 8 位"); return; }
|
|
1517
|
+
setBusy("pwd-reset");
|
|
1518
|
+
post("/dsh-remote/password/reset", { phone: ph, sms_code: pwdSms.trim(), new_password: pwdNew })
|
|
1519
|
+
.then(function (body) {
|
|
1520
|
+
var ok = !!(body && (body.ok === true || (body.body && body.body.ok === true)));
|
|
1521
|
+
if (!ok) {
|
|
1522
|
+
var relayBody = (body && body.body) || body || {};
|
|
1523
|
+
var errText = (relayBody.error && (relayBody.error.message || relayBody.error))
|
|
1524
|
+
|| relayBody.detail || ("修改失败(" + ((body && body.status) || "?") + ")");
|
|
1525
|
+
setMsg("err", (fromLogin ? "重置失败：" : "修改失败：") + String(errText));
|
|
1526
|
+
setPwdSms(""); // 短信验证码一次性：失败后需重新获取
|
|
1527
|
+
return undefined;
|
|
1528
|
+
}
|
|
1529
|
+
// 成功：全部授权设备/会话已失效（含 E2EE）→ 本地登出清掉 config 旧口令与本地凭据，
|
|
1530
|
+
// 提示用新密码重新登录（登录会把新口令写入 config 并重启 bridge / 重建 E2EE）。
|
|
1531
|
+
setBusy("pwd-logout");
|
|
1532
|
+
return post("/dsh-remote/logout").then(function (lb) {
|
|
1533
|
+
setSt(lb); setAccount(null); setQuota(null);
|
|
1534
|
+
setAkey(null); setAkeyMsg(null);
|
|
1535
|
+
fbClearThreads();
|
|
1536
|
+
setPwdOpen(false); setPwdSms(""); setPwdNew(""); setPwdCap(null); setPwdCapTxt(""); setPwdSmsBtn("获取验证码");
|
|
1537
|
+
if (fromLogin) {
|
|
1538
|
+
// 「忘记密码」成功：本机登出完成 → 回到登录表单提示用新密码登录（手机号保留，便于直接重登）
|
|
1539
|
+
setPass(""); setLcapTxt(""); setLcap(null); loadCaptcha("login");
|
|
1540
|
+
setMsg("ok", "✅ 密码已重置成功：" + PWD_RESET_WARN + "，本机已退出登录。请用新密码登录。");
|
|
1541
|
+
} else {
|
|
1542
|
+
setMsg("ok", "✅ 密码已修改成功：所有已授权设备与会话已失效，本机已退出登录。" +
|
|
1543
|
+
"请在下方账号卡用「新密码」重新登录——登录会更新本机保存的密码并重新启用端到端加密（E2EE）。");
|
|
1544
|
+
}
|
|
1545
|
+
}).catch(function (e) {
|
|
1546
|
+
setMsg("err", "密码已" + (fromLogin ? "重置" : "修改") + "成功，但本机退出登录失败：" + e.message + "（建议手动「退出登录」后用新密码重新登录，以更新本机配置密码）");
|
|
1547
|
+
});
|
|
1548
|
+
})
|
|
1549
|
+
.catch(function (e) { setMsg("err", (fromLogin ? "重置失败: " : "修改失败: ") + e.message); })
|
|
1550
|
+
.finally(function () { setBusy(""); });
|
|
1551
|
+
};
|
|
1552
|
+
|
|
940
1553
|
var toggleBridge = function (start) {
|
|
941
1554
|
setBusy(start ? "start" : "stop");
|
|
942
1555
|
post(start ? "/dsh-remote/start" : "/dsh-remote/stop")
|
|
@@ -948,11 +1561,6 @@ window.__ModuleLoader__.load({
|
|
|
948
1561
|
.finally(function () { setBusy(""); });
|
|
949
1562
|
};
|
|
950
1563
|
|
|
951
|
-
var copyUrl = function () {
|
|
952
|
-
if (!st) return;
|
|
953
|
-
try { navigator.clipboard.writeText(st.remoteUrl).then(function () { setCopied(true); setTimeout(function () { setCopied(false); }, 1500); }); } catch (e) {}
|
|
954
|
-
};
|
|
955
|
-
|
|
956
1564
|
var saveLocal = function () {
|
|
957
1565
|
if (!selfHost.trim() || !localKey.trim()) { setMsg("err", "请填写服务器地址与访问密钥"); return; }
|
|
958
1566
|
setBusy("local");
|
|
@@ -960,6 +1568,7 @@ window.__ModuleLoader__.load({
|
|
|
960
1568
|
.then(function (body) {
|
|
961
1569
|
// 切换到自建服务（连接账号上下文变为本地无账号）：清除 SaaS 账号的反馈线程凭据
|
|
962
1570
|
fbClearThreads();
|
|
1571
|
+
setPwdOpen(false);
|
|
963
1572
|
setSt(body); setSelfHost(""); setLocalKey("");
|
|
964
1573
|
setMsg(body.ok ? "ok" : "err", body.ok ? "✅ 已切换到自建服务，bridge 已重启" : (body.error || (body.body && body.body.error) || "保存失败"));
|
|
965
1574
|
})
|
|
@@ -991,12 +1600,6 @@ window.__ModuleLoader__.load({
|
|
|
991
1600
|
if (!ts) return "—";
|
|
992
1601
|
try { var d = new Date(Number(ts)); return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0"); } catch (e) { return "—"; }
|
|
993
1602
|
}
|
|
994
|
-
/** 推广/升级页地址（/app/promo），取不到时返回空（按钮隐藏）。 */
|
|
995
|
-
function promoUrl() {
|
|
996
|
-
var base = (pub && pub.app_url) || (st && st.remoteUrl) || "";
|
|
997
|
-
if (!base) return "";
|
|
998
|
-
return base.replace(/\/+$/, "") + "/promo";
|
|
999
|
-
}
|
|
1000
1603
|
function renderAccount() {
|
|
1001
1604
|
var a = account;
|
|
1002
1605
|
var plan = a ? a.plan : "free";
|
|
@@ -1004,7 +1607,6 @@ window.__ModuleLoader__.load({
|
|
|
1004
1607
|
var isMember = plan === "pro" || plan === "pro_max";
|
|
1005
1608
|
var endsAt = a && (a.plan_ends_at || a.trial_expires_at) ? Number(a.plan_ends_at || a.trial_expires_at) : 0;
|
|
1006
1609
|
var quotaPct = quota && quota.limit_enabled ? quota.percent : null;
|
|
1007
|
-
var promo = promoUrl();
|
|
1008
1610
|
var planText;
|
|
1009
1611
|
if (!isMember) planText = "免费额度: 带宽 ≈1Mbps" + (quotaPct !== null ? " · 本月流量已用 " + quotaPct + "%" : " · 本月流量限额 1GB");
|
|
1010
1612
|
else if (source === "trial") planText = "试用 PRO 会员 · 到期 " + fmtDate(a.trial_expires_at);
|
|
@@ -1024,15 +1626,57 @@ window.__ModuleLoader__.load({
|
|
|
1024
1626
|
h("span", null, planText)
|
|
1025
1627
|
),
|
|
1026
1628
|
h("div", { className: "dru-actions", style: { marginTop: 10 } },
|
|
1027
|
-
|
|
1028
|
-
!isMember ? "🚀 升级 PRO" : source === "trial" ? "🚀 转正式 PRO" : "🔄 续费会员"),
|
|
1629
|
+
h("button", { type: "button", className: "dru-btn dru-btn-primary", style: { display: "inline-flex", alignItems: "center" }, disabled: busy !== "", title: "升级/续费（带登录态打开）", onClick: openUpgradeAuth },
|
|
1630
|
+
busy === "upgrade" ? "生成链接中…" : (!isMember ? "🚀 升级 PRO" : source === "trial" ? "🚀 转正式 PRO" : "🔄 续费会员")),
|
|
1029
1631
|
h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: function () { setView("invite"); loadInvite(); } }, "🎯 邀请好友赚会员"),
|
|
1030
1632
|
h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: function () { setView("feedback"); } }, "💬 用户反馈"),
|
|
1633
|
+
h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: busy !== "", onClick: togglePwdForm }, pwdOpen ? "收起修改密码" : "🔒 修改密码"),
|
|
1031
1634
|
h("button", { type: "button", className: "dru-btn dru-btn-danger", disabled: busy !== "", onClick: function () { doLogout(false); } }, "退出登录")
|
|
1032
1635
|
),
|
|
1033
|
-
|
|
1034
|
-
"
|
|
1035
|
-
|
|
1636
|
+
h("div", { className: "dru-hint", style: { marginTop: 8 } },
|
|
1637
|
+
"升级/续费以带登录态方式打开：点击后生成一次性访问链接并直接跳转，无需重新登录。" +
|
|
1638
|
+
(endsAt && isMember ? "到期后如需继续使用会员权益，请在到期前续费。" : "")),
|
|
1639
|
+
pwdOpen ? renderResetPwdForm(false) : null
|
|
1640
|
+
);
|
|
1641
|
+
}
|
|
1642
|
+
|
|
1643
|
+
// ---------- 🔒 修改密码 / 忘记密码 共用重置表单（图形验证码 + 短信验证码 + 新密码≥8） ----------
|
|
1644
|
+
// fromLogin=false：账号卡「修改密码」手机号以当前登录账号为准（只读）；
|
|
1645
|
+
// fromLogin=true：登录卡「忘记密码」手机号预填登录输入、可改（成功后返回登录表单请用新密码登录）。
|
|
1646
|
+
function renderResetPwdForm(fromLogin) {
|
|
1647
|
+
// 隐私审计(2026-09):账号卡「修改密码」手机号只展示掩码;发送/重置时由服务端取本机账号真实号,
|
|
1648
|
+
// 浏览器端不再出现明文手机号。登录卡「忘记密码」为用户自行输入,原样使用。
|
|
1649
|
+
var curPhone = ((st && st.config && st.config.phone) || "");
|
|
1650
|
+
var ph = fromLogin ? phone : "";
|
|
1651
|
+
return h("div", { className: "dru-card", style: { marginTop: 10, border: "1px dashed #d0d7de" } },
|
|
1652
|
+
h("h3", null, fromLogin ? "忘记密码（短信重置）" : "🔒 修改密码（短信验证）"),
|
|
1653
|
+
h("div", { className: "dru-hint", style: { marginBottom: 8 } },
|
|
1654
|
+
fromLogin
|
|
1655
|
+
? "手机号预填当前输入，可改为其它账号；" + PWD_RESET_WARN + "。"
|
|
1656
|
+
: PWD_RESET_WARN + "（E2EE 用新密码重新派生）。"),
|
|
1657
|
+
field("手机号", fromLogin
|
|
1658
|
+
? input({ type: "tel", value: ph, placeholder: "11 位手机号", autoComplete: "tel", onChange: function (e) { setPhone(e.target.value); } })
|
|
1659
|
+
: h("input", { className: "dru-input", type: "tel", value: curPhone, disabled: true, readOnly: true, title: "以当前登录账号为准" })),
|
|
1660
|
+
field("图形验证码", h("div", { className: "dru-captcha" },
|
|
1661
|
+
input({ value: pwdCapTxt, placeholder: "图中数字", autoComplete: "off", inputMode: "numeric", maxLength: 6, onChange: function (e) { setPwdCapTxt(e.target.value); } }),
|
|
1662
|
+
h("div", { className: "dru-captcha-box", title: "看不清？点击刷新", onClick: function () { pwdLoadCaptcha(); }, dangerouslySetInnerHTML: pwdCap && pwdCap.svg && pwdCap.svg.indexOf("<svg") === 0 ? { __html: pwdCap.svg } : void 0 },
|
|
1663
|
+
pwdCap && pwdCap.svg && pwdCap.svg.indexOf("<svg") !== 0 ? pwdCap.svg : null)
|
|
1664
|
+
)),
|
|
1665
|
+
field("短信验证码", h("div", { className: "dru-captcha" },
|
|
1666
|
+
input({ value: pwdSms, placeholder: "6 位验证码", autoComplete: "off", inputMode: "numeric", maxLength: 6, onChange: function (e) { setPwdSms(e.target.value); } }),
|
|
1667
|
+
h("button", { type: "button", className: "dru-btn dru-btn-ghost", style: { flex: "none", padding: "0 14px" }, disabled: busy !== "", onClick: function () { sendPwdSms(ph); } }, pwdSmsBtn)
|
|
1668
|
+
)),
|
|
1669
|
+
field("新密码（至少 8 位）", input({ type: "password", value: pwdNew, minLength: 8, autoComplete: "new-password", placeholder: "至少 8 位", onChange: function (e) { setPwdNew(e.target.value); } })),
|
|
1670
|
+
h("div", { className: "dru-hint", style: { marginBottom: 8 } },
|
|
1671
|
+
fromLogin
|
|
1672
|
+
? "重置成功后本机会退出登录（如有已保存的旧账号），请用新密码登录。"
|
|
1673
|
+
: "修改成功后，本机保存的旧密码会被清除并退出登录；请用新密码重新登录（登录会更新本机配置密码并重新启用远程访问与端到端加密）。"),
|
|
1674
|
+
h("button", { type: "button", className: "dru-btn dru-btn-danger", style: { width: "100%" }, disabled: busy !== "", onClick: function () { doResetPwd(ph, fromLogin); } },
|
|
1675
|
+
busy === "pwd-reset" ? "提交中…" : busy === "pwd-logout" ? "已重置，正在退出本地登录…" : (fromLogin ? "确认重置密码" : "确认修改密码")),
|
|
1676
|
+
fromLogin
|
|
1677
|
+
? h("div", { style: { textAlign: "right", marginTop: 6 } },
|
|
1678
|
+
h("button", { type: "button", className: "dru-linkbtn", onClick: function () { togglePwdForm(); } }, "← 返回登录"))
|
|
1679
|
+
: null
|
|
1036
1680
|
);
|
|
1037
1681
|
}
|
|
1038
1682
|
|
|
@@ -1087,6 +1731,162 @@ window.__ModuleLoader__.load({
|
|
|
1087
1731
|
);
|
|
1088
1732
|
}
|
|
1089
1733
|
|
|
1734
|
+
// ---------- 📱 远程访问卡：一次性访问地址 / 二维码 / 状态行 ----------
|
|
1735
|
+
function renderAccessCard() {
|
|
1736
|
+
var hasKey = !!(akey && akey.url);
|
|
1737
|
+
var expMs = akey ? toMs(akey.expires_at) : 0;
|
|
1738
|
+
var remainMs = expMs ? expMs - nowTick : 0;
|
|
1739
|
+
var loggedInSaaS = !!(st && st.config && st.config.phone);
|
|
1740
|
+
var statusTxt = st === null
|
|
1741
|
+
? "查询中…"
|
|
1742
|
+
: !loggedInSaaS
|
|
1743
|
+
? "请先登录（下方账号卡片）后启用远程访问"
|
|
1744
|
+
: serviceRunning ? "已连接（可远程访问）" : "等待设备连接";
|
|
1745
|
+
var dotCls = "dru-dot " + (loggedInSaaS && serviceRunning ? "dru-dot-on" : "dru-dot-off");
|
|
1746
|
+
// Phase-5:端到端加密(E2EE)状态行 —— 未登录/旧 host 未下发 e2ee 一律不渲染
|
|
1747
|
+
// （桌面宽屏与手机镜像共用同一面板：纯文字状态行、不弹层不打扰）；启用=绿点绿字（🔒已启用），
|
|
1748
|
+
// 未启用=灰字 + 中性原因文案（回退普通 HTTPS 连接，不宣称“灰度等待”）。
|
|
1749
|
+
function renderE2eeBadge() {
|
|
1750
|
+
if (!loggedInSaaS) return null;
|
|
1751
|
+
var e = describeE2ee(st && st.service && st.service.e2ee);
|
|
1752
|
+
if (!e) return null;
|
|
1753
|
+
return h("div", { className: "dru-e2ee-line" + (e.kind === "ok" ? " ok" : "") },
|
|
1754
|
+
h("span", { className: "dru-dot " + (e.kind === "ok" ? "dru-dot-on" : "dru-dot-off") }),
|
|
1755
|
+
h("span", null, e.text));
|
|
1756
|
+
}
|
|
1757
|
+
return card("📱 远程访问", [
|
|
1758
|
+
h("div", { className: "dru-status-line" },
|
|
1759
|
+
h("span", { className: dotCls }),
|
|
1760
|
+
h("span", null, statusTxt)
|
|
1761
|
+
),
|
|
1762
|
+
renderE2eeBadge(),
|
|
1763
|
+
akeyMsg ? h("div", { className: "dru-msg dru-msg-" + akeyMsg.kind, style: { marginTop: 8 } }, akeyMsg.text) : null,
|
|
1764
|
+
hasKey ? h("div", null, [
|
|
1765
|
+
h("div", { className: "dru-url big", style: { marginTop: 8 } },
|
|
1766
|
+
h("span", null, akey.url),
|
|
1767
|
+
h("button", { type: "button", onClick: copyKeyUrl }, copiedKey ? "已复制" : "复制")
|
|
1768
|
+
),
|
|
1769
|
+
h("div", { className: "dru-access-flex" },
|
|
1770
|
+
h("div", { className: "dru-access-col", style: { alignItems: "center" } },
|
|
1771
|
+
akey.qr_data_url
|
|
1772
|
+
? h("img", { className: "dru-qr-img", src: akey.qr_data_url, alt: "远程访问二维码" })
|
|
1773
|
+
: h("div", { className: "dru-qr-ph" }, "二维码生成中 / 暂不可用\n链接仍可复制或直接打开"),
|
|
1774
|
+
h("div", { className: "dru-cd" + (remainMs > 0 ? " dru-cd-ok" : "") },
|
|
1775
|
+
"有效至 " + fmtClock(akey.expires_at) + " · 剩余 " + fmtRemain(remainMs))
|
|
1776
|
+
),
|
|
1777
|
+
h("div", { className: "dru-access-col" },
|
|
1778
|
+
h("div", { className: "dru-key-note" },
|
|
1779
|
+
"扫码即进入，30 分钟有效、用一次即失效。"),
|
|
1780
|
+
h("div", { className: "dru-actions", style: { marginTop: 2 } },
|
|
1781
|
+
h("button", { type: "button", className: "dru-btn dru-btn-primary", disabled: akeyBusy, onClick: openKeyUrl }, "直接打开"),
|
|
1782
|
+
h("button", { type: "button", className: "dru-btn dru-btn-ghost", disabled: akeyBusy, onClick: loadAccessKey }, akeyBusy ? "生成中…" : "刷新二维码/访问链接")
|
|
1783
|
+
),
|
|
1784
|
+
h("div", { className: "dru-hint", style: { marginTop: 4 } },
|
|
1785
|
+
!serviceRunning
|
|
1786
|
+
? "本机 bridge 未运行：先在下方「🖥 Bridge 服务」卡启动。"
|
|
1787
|
+
: "打开链接/扫码进入即登录态；同设备重复扫码只更新授权，不新增设备。")
|
|
1788
|
+
)
|
|
1789
|
+
)
|
|
1790
|
+
]) : h("div", null, [
|
|
1791
|
+
h("div", { className: "dru-hint", style: { marginTop: 6 } },
|
|
1792
|
+
loggedInSaaS
|
|
1793
|
+
? "正在生成一次性访问链接…（手机或另一台电脑扫码/打开即可进入）"
|
|
1794
|
+
: "登录下方「🔑 账号」卡片中的手机号账号后，即可生成一次性访问链接，让手机或另一台电脑远程使用同一份 dsh web。"),
|
|
1795
|
+
h("div", { className: "dru-actions", style: { marginTop: 8 } },
|
|
1796
|
+
h("button", { type: "button", className: "dru-btn dru-btn-primary", disabled: akeyBusy, onClick: loadAccessKey },
|
|
1797
|
+
akeyBusy ? "生成中…" : "生成访问链接")
|
|
1798
|
+
)
|
|
1799
|
+
])
|
|
1800
|
+
]);
|
|
1801
|
+
}
|
|
1802
|
+
|
|
1803
|
+
// ---------- 📲 已授权设备卡（展开列表 + 行内 取消配对/删除记录 + 底部 清理已解绑） ----------
|
|
1804
|
+
function deviceLabel(s) {
|
|
1805
|
+
if (s && s.label) return String(s.label);
|
|
1806
|
+
var parts = [];
|
|
1807
|
+
if (s && s.os) parts.push(String(s.os));
|
|
1808
|
+
if (s && s.browser) parts.push(String(s.browser));
|
|
1809
|
+
return parts.length ? parts.join(" ") : "未知设备";
|
|
1810
|
+
}
|
|
1811
|
+
function deviceMeta(s) {
|
|
1812
|
+
var parts = [];
|
|
1813
|
+
if (s && s.os) parts.push(String(s.os));
|
|
1814
|
+
if (s && s.browser) parts.push(String(s.browser));
|
|
1815
|
+
return parts.join(" · ");
|
|
1816
|
+
}
|
|
1817
|
+
function renderDeviceList() {
|
|
1818
|
+
if (devSessions === null) {
|
|
1819
|
+
return h("div", { className: "dru-hint" }, devBusy === "list" ? "正在加载已授权设备…" : "加载已授权设备中，请稍候或点上方按钮重试");
|
|
1820
|
+
}
|
|
1821
|
+
if (devSessions.length === 0) {
|
|
1822
|
+
return h("div", { className: "dru-fb-empty" }, "暂无已授权设备（手机扫码后出现）");
|
|
1823
|
+
}
|
|
1824
|
+
var revokedCount = devSessions.filter(function (s) { return !!(s && s.revoked_at); }).length;
|
|
1825
|
+
return h("div", null, [
|
|
1826
|
+
devSessions.map(function (s) {
|
|
1827
|
+
var id = s && s.id;
|
|
1828
|
+
var revoked = !!(s && s.revoked_at);
|
|
1829
|
+
return h("div", { key: id, className: "dru-dev" },
|
|
1830
|
+
h("div", { className: "dru-dev-top" },
|
|
1831
|
+
h("span", { className: "dru-dev-name" }, deviceLabel(s)),
|
|
1832
|
+
deviceMeta(s) ? h("span", { className: "dru-dev-meta" }, deviceMeta(s)) : null,
|
|
1833
|
+
revoked ? h("span", { className: "dru-dev-tag dru-dev-tag-off" }, "已取消配对") : null
|
|
1834
|
+
),
|
|
1835
|
+
h("div", { className: "dru-dev-sub" },
|
|
1836
|
+
"首次配对 " + fmtDT(s && s.created_at) +
|
|
1837
|
+
(s && s.last_seen_at ? " · 最近活跃 " + fmtDT(s.last_seen_at) : "") +
|
|
1838
|
+
(revoked ? " · 取消于 " + fmtDT(s.revoked_at) : "")
|
|
1839
|
+
),
|
|
1840
|
+
h("div", { className: "dru-actions", style: { marginTop: 8 } },
|
|
1841
|
+
revoked ? null : h("button", {
|
|
1842
|
+
type: "button",
|
|
1843
|
+
className: "dru-btn dru-btn-danger",
|
|
1844
|
+
disabled: devBusy !== "",
|
|
1845
|
+
onClick: function () { doRevokeDevice(id); }
|
|
1846
|
+
}, devBusy === "revoke:" + id ? "取消中…" : armedDev === id ? "⚠ 再点一次确认取消配对" : "取消配对"),
|
|
1847
|
+
h("button", {
|
|
1848
|
+
type: "button",
|
|
1849
|
+
className: "dru-btn dru-btn-ghost",
|
|
1850
|
+
style: { color: "#cf222e", borderColor: "#cf222e" },
|
|
1851
|
+
disabled: devBusy !== "",
|
|
1852
|
+
onClick: function () { doDeleteDevice(id); }
|
|
1853
|
+
}, devBusy === "delete:" + id ? "删除中…" : armedDel === id ? "⚠ 再点一次确认删除记录" : "删除记录")
|
|
1854
|
+
)
|
|
1855
|
+
);
|
|
1856
|
+
}),
|
|
1857
|
+
h("div", { className: "dru-hint", style: { marginTop: 4 } },
|
|
1858
|
+
"取消配对后，对方需重新扫码/登录才能再次远程访问本机。"),
|
|
1859
|
+
h("div", { className: "dru-actions", style: { marginTop: 8, borderTop: "1px dashed #eaeef2", paddingTop: 8 } },
|
|
1860
|
+
h("button", {
|
|
1861
|
+
type: "button",
|
|
1862
|
+
className: "dru-btn dru-btn-ghost",
|
|
1863
|
+
disabled: devBusy !== "" || revokedCount === 0,
|
|
1864
|
+
onClick: doPurgeDevices,
|
|
1865
|
+
title: revokedCount > 0 ? ("清理 " + revokedCount + " 条已解绑记录") : "没有已解绑记录"
|
|
1866
|
+
}, devBusy === "purge" ? "清理中…" : purgeArmed ? "⚠ 再点一次确认清理已解绑" : "清理已解绑" + (revokedCount > 0 ? "（" + revokedCount + "）" : ""))
|
|
1867
|
+
)
|
|
1868
|
+
]);
|
|
1869
|
+
}
|
|
1870
|
+
function renderDevicesCard() {
|
|
1871
|
+
var count = devSessions === null ? null : devSessions.length;
|
|
1872
|
+
var btnLabel = devOpen
|
|
1873
|
+
? "收起已授权设备列表"
|
|
1874
|
+
: "已授权设备 " + (count === null ? "…" : count) + "（点击展开管理）";
|
|
1875
|
+
return card("📲 已授权设备", [
|
|
1876
|
+
h("div", { className: "dru-actions", style: { marginTop: 2 } },
|
|
1877
|
+
h("button", {
|
|
1878
|
+
type: "button",
|
|
1879
|
+
className: "dru-btn dru-btn-ghost",
|
|
1880
|
+
style: { width: "100%" },
|
|
1881
|
+
disabled: devBusy !== "",
|
|
1882
|
+
onClick: toggleDevices
|
|
1883
|
+
}, devBusy === "list" ? "加载中…" : btnLabel)
|
|
1884
|
+
),
|
|
1885
|
+
devOpen ? renderDeviceList() : null,
|
|
1886
|
+
devMsg ? h("div", { className: "dru-msg dru-msg-" + devMsg.kind, style: { marginTop: 6 } }, devMsg.text) : null
|
|
1887
|
+
]);
|
|
1888
|
+
}
|
|
1889
|
+
|
|
1090
1890
|
// ---------- 主视图 ----------
|
|
1091
1891
|
function renderHome() {
|
|
1092
1892
|
var isLocal = mode === "local";
|
|
@@ -1096,16 +1896,11 @@ window.__ModuleLoader__.load({
|
|
|
1096
1896
|
h("div", { className: "dru-tab" + (!isLocal ? " active" : ""), onClick: function () { setMode("saas"); setMessage(null); } }, "☁️ 云端服务"),
|
|
1097
1897
|
h("div", { className: "dru-tab" + (isLocal ? " active" : ""), onClick: function () { setMode("local"); setMessage(null); } }, "🖥 自建服务")
|
|
1098
1898
|
),
|
|
1099
|
-
// 云端 tab
|
|
1899
|
+
// 云端 tab：📱 远程访问（一次性扫码访问 + 已授权设备）+ 账号（手机号登录，官方托管）
|
|
1100
1900
|
!isLocal ? h("div", null,
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
h("button", { type: "button", onClick: copyUrl }, copied ? "已复制" : "复制")
|
|
1105
|
-
),
|
|
1106
|
-
h("div", { className: "dru-hint", style: { marginTop: 6 } },
|
|
1107
|
-
st && st.relayReachable === false ? "⚠ 云端服务不可达（地址可能不是最新）" : "手机浏览器打开此地址登录后即可远程控制本机。")
|
|
1108
|
-
),
|
|
1901
|
+
renderAccessCard(),
|
|
1902
|
+
// 已授权设备：仅登录后展示（登录前不显示，避免空列表/误导）
|
|
1903
|
+
loggedIn && st.config.phone ? renderDevicesCard() : null,
|
|
1109
1904
|
card("🔑 账号",
|
|
1110
1905
|
st === null
|
|
1111
1906
|
? h("div", { className: "dru-hint" }, "正在读取远控状态…")
|
|
@@ -1113,19 +1908,26 @@ window.__ModuleLoader__.load({
|
|
|
1113
1908
|
? renderAccount()
|
|
1114
1909
|
: h("div", null,
|
|
1115
1910
|
h("div", { className: "dru-tabs" },
|
|
1116
|
-
h("div", { className: "dru-tab" + (authTab === "login" ? " active" : ""), onClick: function () { setAuthTab("login"); setMessage(null); } }, "登录"),
|
|
1117
|
-
h("div", { className: "dru-tab" + (authTab === "register" ? " active" : ""), onClick: function () { setAuthTab("register"); setMessage(null); } }, "注册")
|
|
1911
|
+
h("div", { className: "dru-tab" + (authTab === "login" ? " active" : ""), onClick: function () { setAuthTab("login"); setPwdOpen(false); setMessage(null); } }, "登录"),
|
|
1912
|
+
h("div", { className: "dru-tab" + (authTab === "register" ? " active" : ""), onClick: function () { setAuthTab("register"); setPwdOpen(false); setMessage(null); } }, "注册")
|
|
1118
1913
|
),
|
|
1119
1914
|
authTab === "login"
|
|
1120
|
-
?
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1915
|
+
? (pwdOpen
|
|
1916
|
+
// 「忘记密码」展开：与账号卡「修改密码」共用同一重置表单（手机号可编辑、预填登录输入）
|
|
1917
|
+
? renderResetPwdForm(true)
|
|
1918
|
+
: h("div", null,
|
|
1919
|
+
field("手机号", input({ type: "tel", value: phone, placeholder: "11 位手机号", autoComplete: "tel", onChange: function (e) { setPhone(e.target.value); } })),
|
|
1920
|
+
field("密码", input({ type: "password", value: pass, placeholder: "密码", autoComplete: "current-password", onChange: function (e) { setPass(e.target.value); } })),
|
|
1921
|
+
field("验证码", h("div", { className: "dru-captcha" },
|
|
1922
|
+
input({ value: lcapTxt, placeholder: "图中数字", autoComplete: "off", inputMode: "numeric", maxLength: 6, onChange: function (e) { setLcapTxt(e.target.value); } }),
|
|
1923
|
+
h("div", { className: "dru-captcha-box", title: "看不清？点击刷新", onClick: function () { loadCaptcha("login"); }, dangerouslySetInnerHTML: lcap && lcap.svg && lcap.svg.indexOf("<svg") === 0 ? { __html: lcap.svg } : void 0 },
|
|
1924
|
+
lcap && lcap.svg && lcap.svg.indexOf("<svg") !== 0 ? lcap.svg : null)
|
|
1925
|
+
)),
|
|
1926
|
+
h("button", { type: "button", className: "dru-btn dru-btn-primary", style: { width: "100%" }, disabled: busy !== "", onClick: doLogin }, busy === "login" ? "登录中…" : "登录"),
|
|
1927
|
+
// 忘记密码：小字入口，点击展开短信验证码重置表单（不抢占任何官方按钮）
|
|
1928
|
+
h("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 8 } },
|
|
1929
|
+
h("button", { type: "button", className: "dru-linkbtn", disabled: busy !== "", onClick: togglePwdForm }, "忘记密码？"))
|
|
1930
|
+
)
|
|
1129
1931
|
)
|
|
1130
1932
|
: h("div", null,
|
|
1131
1933
|
field("手机号", input({ type: "tel", value: rphone, placeholder: "11 位手机号", autoComplete: "tel", onChange: function (e) { setRphone(e.target.value); } })),
|
|
@@ -1188,12 +1990,12 @@ window.__ModuleLoader__.load({
|
|
|
1188
1990
|
)
|
|
1189
1991
|
: null
|
|
1190
1992
|
),
|
|
1191
|
-
// 关于 dsh-remote
|
|
1993
|
+
// 关于 dsh-remote（v0.5+ 远程访问价值说明卡片）
|
|
1192
1994
|
card("📖 关于 dsh-remote", [
|
|
1193
|
-
h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "
|
|
1194
|
-
h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "
|
|
1195
|
-
h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "
|
|
1196
|
-
h("div", { className: "dru-hint" }, "
|
|
1995
|
+
h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "📱 远程访问：用手机或另一台电脑的浏览器，随时随地使用同一份 dsh web——人在哪都能用（免公网 IP、免内网穿透）；官方托管中继，4G/5G 即用，也可自建服务。"),
|
|
1996
|
+
h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "🛠 电脑端一键安装：bridge 与「远程访问」面板一次到位——云端/自建切换、账号登录、bridge 启停、一次性扫码访问、已授权设备管理、意见反馈都在这里。"),
|
|
1997
|
+
h("div", { className: "dru-hint", style: { marginBottom: 6 } }, "🔒 安全与通道：HTTP / WebSocket 全量透传，一次性访问密钥认证，面板实时显示设备与已授权设备列表；服务端可配置流量配额。"),
|
|
1998
|
+
h("div", { className: "dru-hint" }, "🛡 端到端加密：手机↔电脑之间的消息内容用「你的账号密码派生密钥」端到端加密——密钥与密码不落服务端（仅存校验值），中继只可见路径/大小/时间（详见 README「安全与隐私」）。")
|
|
1197
1999
|
]),
|
|
1198
2000
|
// 版本与更新（自管理：检测新版 / 一键在线更新 / 彻底卸载）
|
|
1199
2001
|
h(SelfManageCard, null),
|
|
@@ -1201,12 +2003,12 @@ window.__ModuleLoader__.load({
|
|
|
1201
2003
|
);
|
|
1202
2004
|
}
|
|
1203
2005
|
|
|
1204
|
-
return h("div", { className: "dru-settings-section", role: "region", "aria-label": "
|
|
2006
|
+
return h("div", { className: "dru-settings-section", role: "region", "aria-label": "远程访问" },
|
|
1205
2007
|
h("div", { className: "dru-settings-head" },
|
|
1206
|
-
h("span", { className: "dru-settings-icon" }, "
|
|
2008
|
+
h("span", { className: "dru-settings-icon" }, "📱"),
|
|
1207
2009
|
h("div", null,
|
|
1208
|
-
h("h2", { className: "dru-settings-title" }, "
|
|
1209
|
-
h("div", { className: "dru-settings-sub" }, "
|
|
2010
|
+
h("h2", { className: "dru-settings-title" }, "远程访问"),
|
|
2011
|
+
h("div", { className: "dru-settings-sub" }, "通过手机或另一台电脑远程使用同一份 dsh web，人在哪都能用（免公网 IP）")
|
|
1210
2012
|
)
|
|
1211
2013
|
),
|
|
1212
2014
|
h("div", { className: "dru-settings-body" },
|
|
@@ -1220,13 +2022,13 @@ window.__ModuleLoader__.load({
|
|
|
1220
2022
|
function apply(ctx) {
|
|
1221
2023
|
// 面板入口迁移：从侧边栏（sidebar.footer.action）移入「设置」页官方扩展点
|
|
1222
2024
|
// settings.section（列表槽，由 ui-settings-general 在 sidebar.settings 下声明）。
|
|
1223
|
-
// order 30 > Agent 预设(20)，栏目落在「Agent 预设」下方；label
|
|
2025
|
+
// order 30 > Agent 预设(20)，栏目落在「Agent 预设」下方；label 即栏目名（📱 远程访问）。
|
|
1224
2026
|
ctx.slots.inject("settings.section", function () {
|
|
1225
2027
|
return ctx.slots.register({
|
|
1226
2028
|
name: "settings.section",
|
|
1227
2029
|
id: "dsh-remote",
|
|
1228
2030
|
order: 30,
|
|
1229
|
-
label: function () { return "
|
|
2031
|
+
label: function () { return "📱 远程访问"; }
|
|
1230
2032
|
}, RemoteControlSection);
|
|
1231
2033
|
});
|
|
1232
2034
|
ctx.slots.inject("shell.overlay", function () {
|
|
@@ -1235,10 +2037,18 @@ window.__ModuleLoader__.load({
|
|
|
1235
2037
|
|
|
1236
2038
|
// 首次安装引导小红点（localStorage dsh-remote-seen-dot；点击后不再显示）
|
|
1237
2039
|
dotWatch();
|
|
2040
|
+
// 侧栏「远程访问」快捷入口（2026-09 恢复注入：与官方「设置」按钮共存不遮挡）
|
|
2041
|
+
navEnsureStart();
|
|
1238
2042
|
|
|
1239
2043
|
// 满意度弹窗调度：首次观察到 bridge 运行（即“安装完成并体验”）后约 10 分钟弹出；
|
|
1240
2044
|
// 每 60 秒复查一次，避免 dsh web 启动晚于到点时间。
|
|
2045
|
+
// 弹窗状态按「账号/设备」分作用域(见 fbPopScope);旧版无后缀键视为已完成并迁移,不再打扰老用户。
|
|
2046
|
+
var legacyPopState = null;
|
|
2047
|
+
try { legacyPopState = JSON.parse(localStorage.getItem(FB_POPUP_KEY) || "null"); } catch (e) { legacyPopState = null; }
|
|
2048
|
+
try { localStorage.removeItem(FB_POPUP_KEY); } catch (e) {}
|
|
1241
2049
|
api("/dsh-remote/status").then(function (body) {
|
|
2050
|
+
if (body && body.config) setFbPopScope(body.config.phone || body.config.deviceId || "anon");
|
|
2051
|
+
if (legacyPopState && legacyPopState.state === "done") fbSavePopState({ state: "done", firstSeen: legacyPopState.firstSeen || Date.now(), nextAt: 0 });
|
|
1242
2052
|
if (body && body.service && body.service.running) {
|
|
1243
2053
|
fbEnsureFirstSeen();
|
|
1244
2054
|
fbMaybeOpenPopup();
|
|
@@ -1249,6 +2059,7 @@ window.__ModuleLoader__.load({
|
|
|
1249
2059
|
if (!s || s.state !== "pending") { clearInterval(popupTimer); return; }
|
|
1250
2060
|
if (!fbFirstSeenAt) {
|
|
1251
2061
|
api("/dsh-remote/status").then(function (body) {
|
|
2062
|
+
if (body && body.config) setFbPopScope(body.config.phone || body.config.deviceId || "anon");
|
|
1252
2063
|
if (body && body.service && body.service.running) {
|
|
1253
2064
|
fbEnsureFirstSeen();
|
|
1254
2065
|
fbMaybeOpenPopup();
|