dsh-calendar 0.10.2 → 0.10.4

package/CHANGELOG.md

@@ -4,6 +4,16 @@
 
 [历史英文记录](docs/CHANGELOG.en.md)
 
+## 0.10.4 (2026-10-17)
+
+- 日程与连接表单采用每个实例独立的字段标识，点击标签可聚焦输入框，并提供正确的可访问名称。
+- 修复英文服务商选项残留中文；首次连接摘要尚在加载时暂缓打开连接编辑器，避免快速点击看到空白配置。
+- 在官方 DSH 0.2.1-alpha.5 的隔离网页版检查本机 CalDAV 新建日程、连接测试、中英文表单及 390px 布局。
+
+## 0.10.3 (2026-10-05)
+
+- 修复窄窗口中日历悬浮按钮遮挡聊天发送按钮的问题；浮层宽度计入内边距，并限制在视口内，避免左侧内容被裁切。
+
 ## 0.10.2 (2026-10-05)
 
 - 严格验证真实 ISO 日期，拒绝不存在的日期、模糊地域格式与缺少时区的日期时间，防止日程悄悄改期。

package/README.en.md

@@ -8,6 +8,11 @@ View, create and reschedule CalDAV events from DSH.
 
 [![npm](https://img.shields.io/npm/v/dsh-calendar)](https://www.npmjs.com/package/dsh-calendar) [![downloads](https://raw.githubusercontent.com/STARDUSTLC666/dsh-suite/npm-downloads/assets/dsh-calendar-downloads.svg)](https://www.npmjs.com/package/dsh-calendar)
 
+Feedback and contributions are welcome: report [issues](https://github.com/STARDUSTLC666/dsh-calendar/issues) or submit [pull requests](https://github.com/STARDUSTLC666/dsh-calendar/pulls).
+
+
+See the [0.10.4 validation record](docs/validation/0.10.4.md) for DSH `0.2.1-alpha.5` browser checks and the remaining limits.
+
 ## What it does
 
 - Month, week and agenda views with drag and keyboard rescheduling.

package/README.md

@@ -8,6 +8,11 @@
 
 [![npm](https://img.shields.io/npm/v/dsh-calendar)](https://www.npmjs.com/package/dsh-calendar) [![downloads](https://raw.githubusercontent.com/STARDUSTLC666/dsh-suite/npm-downloads/assets/dsh-calendar-downloads.svg)](https://www.npmjs.com/package/dsh-calendar)
 
+欢迎使用，遇到问题或有改进建议，请提交 [issues](https://github.com/STARDUSTLC666/dsh-calendar/issues) 和 [PR](https://github.com/STARDUSTLC666/dsh-calendar/pulls)。
+
+
+DSH `0.2.1-alpha.5` 的本轮检查与未验收范围见 [0.10.4 验收记录](docs/validation/0.10.4.md)。
+
 ## 功能
 
 - 月、周与议程视图，支持拖拽和键盘改期。

package/docs/CHANGELOG.en.md

@@ -4,6 +4,10 @@
 
 These English notes preserve the earlier translations. The main changelog contains the consolidated version history.
 
+## 0.10.3 (2026-10-05)
+
+- Move the calendar launcher clear of the chat send button in narrow windows. Include panel padding in its width and keep its bounds inside the viewport.
+
 ## 0.10.2 (2026-10-05)
 
 - Validate real ISO calendar dates, rejecting nonexistent dates, ambiguous locale formats and datetimes without a timezone.

package/docs/VALIDATION.md

@@ -1,11 +1,14 @@
 # dsh-calendar 验证记录
 
+[0.10.4 · DSH 0.2.1-alpha.5 浏览器操作验收](validation/0.10.4.md)。
+
 [0.10.1 中英文界面验收](validation-language-2026-10-03.md)。
 
 本页整理原 README 的历史验证说明，保留当时的版本、日期与范围。自动测试、启动检查、浏览器操作和真实服务验收分别记录，不能相互替代。更详细的版本验收文件仍保留在仓库中。
 
 ## 当前版本
 
+- **0.10.3 / 2026-10-05**：Windows 自动测试 194 通过。官方 npm Harness `0.2.1-alpha.1` 网页实际操作完成日程创建（隔离 CalDAV 服务），并在 424×612 窗口复测浮层与发送按钮：浮层在视口内，按钮区域无交集，聊天消息可正常发送。外部 CalDAV 账号和桌面原生窗口未重新验收。
 - [0.10.0：ICS 导入、失败重试与窄屏操作验收](validation/0.10.0.md)
 
 ## 原中文记录

package/docs/validation/0.10.4.md

@@ -0,0 +1,11 @@
+# 0.10.4 · DSH alpha.5 网页验收
+
+宿主为公开 npm `@deepseek-ai/dsh@0.2.1-alpha.5`，Windows Node 24，系统 Chrome 无头浏览器。测试数据与 DSH profile 均位于 E 盘的隔离目录。
+
+- 194 项 Windows 自动测试通过。
+- 日程标题、日期、起止时间、重复、地点及备注可通过标签定位；实际点击日期标签后输入框获得焦点。
+- 新建日程经真实 HTTP CalDAV 客户端写入本机合成服务并重新读取；连接设置可测试该服务。
+- 英文服务商显示 Custom CalDAV，表单字段有英文名称；390px 英文弹窗保持在视口内。
+- 连接摘要请求完成前，连接入口保持禁用，避免编辑器以空配置初始化。
+
+未使用外部 CalDAV 账号，未操作桌面原生窗口；本机合成服务通过不等于云端账号验收。

package/lib/client.js

@@ -10,7 +10,7 @@ var module = { exports: {} }; var exports = module.exports;
 "use strict";
 
 const React = require("react");
-const { useState, useEffect, useMemo, useRef, useCallback } = React;
+const { useState, useEffect, useMemo, useRef, useCallback, useId } = React;
 const h = React.createElement;
 
 // Resolve against the Harness document base, including any reverse-proxy prefix.
@@ -183,6 +183,7 @@ const UI = {
     "conn.title": "CalDAV 连接设置",
     "conn.intro": "测试连接不会修改日历。连接成功后，点击“保存并启用”。",
     "conn.provider": "服务商",
+    "provider.custom": "自建 CalDAV",
     "conn.caldavUrl": "日历集合 URL",
     "conn.username": "账号",
     "conn.password": "密码 / 应用专用密码",
@@ -278,6 +279,7 @@ const UI = {
     "conn.title": "CalDAV connection",
     "conn.intro": "Testing the connection does not change your calendar. Once it succeeds, click Save and enable.",
     "conn.provider": "Provider",
+    "provider.custom": "Custom CalDAV",
     "conn.caldavUrl": "Calendar collection URL",
     "conn.username": "Account",
     "conn.password": "Password / app-specific password",
@@ -1155,16 +1157,16 @@ function AgendaView(props) {
 
 // ───────────────────────────── 悬浮面板的样式补充 ─────────────────────────────
 const CSS_EXTRA = [
-  ".dshc-fab{position:fixed;right:18px;bottom:18px;z-index:55;width:38px;height:38px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.12));background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#111);box-shadow:var(--dsw-elevation-prominent,0 6px 18px rgba(0,0,0,.18));cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.62;transition:opacity .15s,transform .15s}",
+  ".dshc-fab{position:fixed;right:18px;bottom:88px;z-index:55;width:38px;height:38px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.12));background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#111);box-shadow:var(--dsw-elevation-prominent,0 6px 18px rgba(0,0,0,.18));cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.62;transition:opacity .15s,transform .15s}",
   ".dshc-fab:hover{opacity:1;transform:translateY(-1px)}",
   ".dshc-fab.on{opacity:1;background:var(--dsw-alias-button-primary-fill,#2563eb);color:var(--dsw-alias-label-primary-foreground,#fff);border-color:transparent}",
-  ".dshc-float{position:fixed;right:18px;bottom:66px;z-index:56;width:min(760px,94vw);max-height:min(78vh,720px);overflow:auto;background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));border-radius:16px;box-shadow:var(--dsw-elevation-prominent,0 18px 48px rgba(0,0,0,.28));padding:14px}",
+  ".dshc-float{position:fixed;right:18px;bottom:136px;z-index:56;box-sizing:border-box;width:min(760px,calc(100vw - 36px));max-height:min(calc(100vh - 160px),720px);overflow:auto;background:var(--dsw-alias-bg-layer-1,#fff);border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));border-radius:16px;box-shadow:var(--dsw-elevation-prominent,0 18px 48px rgba(0,0,0,.28));padding:14px}",
   ".dshc-float .dshc-shell{border:0;padding:0;background:transparent}",
   ".dshc-steps{margin:2px 0 10px;font-size:12px;color:var(--dsw-alias-label-tertiary,#6b7280)}",
   ".dshc-steps summary{cursor:pointer;color:var(--dsw-alias-state-business-primary,#2563eb)}",
   ".dshc-steps ol{margin:6px 0 0;padding-left:18px;line-height:1.6}",
   ".dshc-link{color:var(--dsw-alias-state-business-primary,#2563eb);text-decoration:none}",
-  ".dshc-toast{position:fixed;right:18px;bottom:112px;z-index:57;background:var(--dsw-alias-label-primary,#111);color:var(--dsw-alias-label-primary-foreground,#fff);border-radius:10px;padding:8px 12px;font-size:12px;box-shadow:var(--dsw-elevation-prominent,0 8px 20px rgba(0,0,0,.25))}"
+  ".dshc-toast{position:fixed;right:18px;bottom:182px;z-index:57;background:var(--dsw-alias-label-primary,#111);color:var(--dsw-alias-label-primary-foreground,#fff);border-radius:10px;padding:8px 12px;font-size:12px;box-shadow:var(--dsw-elevation-prominent,0 8px 20px rgba(0,0,0,.25))}"
 ].join("");
 
 // ───────────────────────────── 数据 ─────────────────────────────
@@ -1310,6 +1312,7 @@ function asPseudoEvent(draft) {
 
 function EventForm(props) {
   const { draft, events, onCancel, onSubmit, busy, error } = props;
+  const formId = useId();
   const [form, setForm] = useState(draft);
   useEffect(() => { setForm(draft); }, [draft.uid, draft.date, draft.startTime, draft.summary]);
   const patch = (fields) => setForm((prev) => Object.assign({}, prev, fields));
@@ -1321,21 +1324,21 @@ function EventForm(props) {
   const body = h("div", null, [
     error ? h("div", { className: "dshc-alert error" }, error) : null,
     h("div", { className: "dshc-field" }, [
-      h("label", null, t("field.summary")),
-      h(Txt, { value: form.summary, autoFocus: true, onChange: (e) => patch({ summary: e.target.value }), placeholder: t("form.newTitle") })
+      h("label", { htmlFor: formId + "-summary" }, t("field.summary")),
+      h(Txt, { id: formId + "-summary", value: form.summary, autoFocus: true, onChange: (e) => patch({ summary: e.target.value }), placeholder: t("form.newTitle") })
     ]),
     h("div", { className: "dshc-field" }, [
-      h("label", null, t("field.date")),
-      h(Txt, { type: "date", value: form.date, onChange: (e) => patch({ date: e.target.value }) })
+      h("label", { htmlFor: formId + "-date" }, t("field.date")),
+      h(Txt, { id: formId + "-date", type: "date", value: form.date, onChange: (e) => patch({ date: e.target.value }) })
     ]),
     form.allDay === true ? null : h("div", { className: "dshc-two" }, [
-      h("div", { className: "dshc-field" }, [h("label", null, t("field.start")), h(Txt, { type: "time", value: form.startTime, onChange: (e) => patch({ startTime: e.target.value }) })]),
-      h("div", { className: "dshc-field" }, [h("label", null, t("field.end")), h(Txt, { type: "time", value: form.endTime, onChange: (e) => patch({ endTime: e.target.value }) })])
+      h("div", { className: "dshc-field" }, [h("label", { htmlFor: formId + "-start" }, t("field.start")), h(Txt, { id: formId + "-start", type: "time", value: form.startTime, onChange: (e) => patch({ startTime: e.target.value }) })]),
+      h("div", { className: "dshc-field" }, [h("label", { htmlFor: formId + "-end" }, t("field.end")), h(Txt, { id: formId + "-end", type: "time", value: form.endTime, onChange: (e) => patch({ endTime: e.target.value }) })])
     ]),
     h("div", { className: "dshc-field" }, [h(Chk, { checked: form.allDay === true, label: t("field.allDay"), onChange: (next) => patch({ allDay: next }) })]),
     h("div", { className: "dshc-field" }, [
-      h("label", null, t("field.repeat")),
-      h("select", { className: "dshc-input", value: form.repeat, onChange: (e) => patch({ repeat: e.target.value }) }, [
+      h("label", { htmlFor: formId + "-repeat" }, t("field.repeat")),
+      h("select", { id: formId + "-repeat", className: "dshc-input", value: form.repeat, onChange: (e) => patch({ repeat: e.target.value }) }, [
         h("option", { value: "", key: "none" }, t("repeat.none")),
         h("option", { value: "daily", key: "d" }, t("repeat.daily")),
         h("option", { value: "weekly", key: "w" }, t("repeat.weekly")),
@@ -1345,13 +1348,13 @@ function EventForm(props) {
       ])
     ]),
     form.repeat === "custom" ? h("div", { className: "dshc-field" }, [
-      h("label", null, "RRULE"),
-      h(Txt, { value: form.rrule, placeholder: "FREQ=WEEKLY;COUNT=10", onChange: (e) => patch({ rrule: e.target.value }) })
+      h("label", { htmlFor: formId + "-rrule" }, "RRULE"),
+      h(Txt, { id: formId + "-rrule", value: form.rrule, placeholder: "FREQ=WEEKLY;COUNT=10", onChange: (e) => patch({ rrule: e.target.value }) })
     ]) : null,
-    h("div", { className: "dshc-field" }, [h("label", null, t("field.location")), h(Txt, { value: form.location, onChange: (e) => patch({ location: e.target.value }) })]),
+    h("div", { className: "dshc-field" }, [h("label", { htmlFor: formId + "-location" }, t("field.location")), h(Txt, { id: formId + "-location", value: form.location, onChange: (e) => patch({ location: e.target.value }) })]),
     h("div", { className: "dshc-field" }, [
-      h("label", null, t("field.description")),
-      h("textarea", { className: "dshc-input", value: form.description, onChange: (e) => patch({ description: e.target.value }) })
+      h("label", { htmlFor: formId + "-description" }, t("field.description")),
+      h("textarea", { id: formId + "-description", className: "dshc-input", value: form.description, onChange: (e) => patch({ description: e.target.value }) })
     ]),
     conflicts.length > 0 ? h("div", { className: "dshc-alert warn" }, [
       h("div", null, [
@@ -1479,6 +1482,7 @@ function connectionSummary(connection) {
  */
 function ConnectionForm(props) {
   const { connection, onClose, onSaved } = props;
+  const formId = useId();
   const [form, setForm] = useState(() => connectionDraftOf(connection));
   const [busy, setBusy] = useState("");
   const [result, setResult] = useState(null);
@@ -1533,10 +1537,10 @@ function ConnectionForm(props) {
       ? h("div", { className: "dshc-alert warn" }, t("conn.noSettings"))
       : null,
     h("div", { className: "dshc-field" }, [
-      h("label", null, t("conn.provider")),
-      h("select", { className: "dshc-input", "aria-label": t("conn.provider"), value: form.provider, onChange: (e) => patch({ provider: e.target.value }) },
+      h("label", { htmlFor: formId + "-provider" }, t("conn.provider")),
+      h("select", { id: formId + "-provider", className: "dshc-input", "aria-label": t("conn.provider"), value: form.provider, onChange: (e) => patch({ provider: e.target.value }) },
         [h("option", { value: "", key: "__none" }, "— " + t("conn.needProvider") + " —")].concat(
-          PROVIDER_NAMES.map((name) => h("option", { value: name, key: name }, name === "custom" ? "自建 CalDAV" : name === "icloud" ? "iCloud" : name === "nextcloud" ? "Nextcloud" : "Google"))
+          PROVIDER_NAMES.map((name) => h("option", { value: name, key: name }, name === "custom" ? t("provider.custom") : name === "icloud" ? "iCloud" : name === "nextcloud" ? "Nextcloud" : "Google"))
         ))
     ]),
     PROVIDER_HINT[form.provider] ? h("div", { className: "dshc-sub", style: { marginBottom: "8px" } }, t(PROVIDER_HINT[form.provider])) : null,
@@ -1554,8 +1558,9 @@ function ConnectionForm(props) {
         || (key === "refreshToken" && connection.hasRefreshToken === true));
       const hintKey = FIELD_HINT[form.provider] ? FIELD_HINT[form.provider][key] : undefined;
       return h("div", { className: "dshc-field", key }, [
-        h("label", null, t(FIELD_LABEL[key])),
+        h("label", { htmlFor: formId + "-" + key }, t(FIELD_LABEL[key])),
         h(Txt, {
+          id: formId + "-" + key,
           type: secret ? "password" : "text",
           "aria-label": t(FIELD_LABEL[key]),
           value: form[key] || "",
@@ -2016,7 +2021,7 @@ function CalendarPanel(props) {
     h(Btn, { key: "prev", onClick: () => step(-1), "aria-label": t("action.prev") }, "\u2039"),
     h(Btn, { key: "today", onClick: () => setAnchor(new Date()) }, t("action.today")),
     h(Btn, { key: "next", onClick: () => step(1), "aria-label": t("action.next") }, "\u203a"),
-    h(Btn, { key: "conn", onClick: () => setConnOpen(true) }, t("conn.button")),
+    h(Btn, { key: "conn", disabled: configured === null, onClick: () => setConnOpen(true) }, t("conn.button")),
     h(Btn, { key: "import", disabled: demo === true || importBusy, onClick: () => setImportOpen(value => !value) }, t("import.open")),
     demo === true
       ? h(Btn, { key: "exitdemo", onClick: () => setDemo(false) }, t("action.exitDemo"))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-calendar",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "description": "连接 CalDAV 日历，在 DSH 中查看、创建和调整日程。",
   "type": "module",
   "main": "lib/index.js",