poi-plugin-kai-planner 1.0.12 → 1.0.14

package/README.md

@@ -1,52 +1,15 @@
-# poi-plugin-kai-planner
-
-## 本地数据
-
-- 静态原始数据：`src/data/static/*.json`
-- 运行时静态缓存：`runtime_data/static_data/cache/*.json`
-- 运行时缓存元数据：`runtime_data/static_data/meta.json`
-
-## 计划存储
-
-- 用户计划优先写入：
-  - 若 Electron 可提供 `userData` 目录，则写入 `<userData>/poi-plugin-kai-planner/userPlans/plans.v1.json`
-  - 若无法获取稳定用户目录，则回退到 `<plugin_root>/runtime_data/userPlans/plans.v1.json`
-- 文件存储不可用时回退 `localStorage`：`kai_planner_user_plans_v1`
-- 远端静态数据缓存：
-  - `runtime_data/static_data/meta.json`
-  - `runtime_data/static_data/cache/*.json`
-- bundled 静态数据基线：`src/data/static/*.json`
-
-## 常用命令
-
-- `npm test`
-- `npm run release:check`
-- `npm run release:pack`
-
-## 文档导航
-
-- 架构说明：[docs/ARCHITECTURE.md](docs/ARCHITECTURE.md)
-- 数据版本策略：[docs/DATA_VERSIONING.md](docs/DATA_VERSIONING.md)
-- 计划存储策略：[docs/STORAGE_POLICY.md](docs/STORAGE_POLICY.md)
-- Wishlist 状态字段：[docs/WISHLIST_STATE_FIELDS.md](docs/WISHLIST_STATE_FIELDS.md)
-- npm/POI 发布流程：[docs/RELEASE_POI_NPM.md](docs/RELEASE_POI_NPM.md)
-- 私有仓库更新流程：[docs/PRIVATE_REPO_UPDATE.md](docs/PRIVATE_REPO_UPDATE.md)
-- 远端静态数据更新流程：[docs/REMOTE_DATA_UPDATE.md](docs/REMOTE_DATA_UPDATE.md)
-
-## 2026-03 UI 更新
-
-- Daily 页面支持按装备类型筛选；类型名来自 POI 的 `$equipTypes[api_type[3]].api_name`
-- Daily 与 Wishlist 表格中的装备名称前都会显示装备类型 icon
-- Wishlist 主表中的优先级改为标签样式展示（P0-P5 固定颜色）
-- Wishlist 展开明细中的“当前持有”计数会去除改修星数大于 0 的装备以及计划起点装备
-- 页面顶部 tab、上一次数据源更新、检查更新与更新提示统一使用 `14px` 字号
-- Daily 与 Wishlist 主表的折叠箭头统一为：未展开 `▶`、已展开 `▼`
-- Daily 与 Wishlist 中的类型 filter 已调整为更接近 `poi-plugin-item-info` 的 `checkbox + icon` 轻量布局
-
-## 装备类型 icon 兼容性说明
-
-- 当前所有装备类型 icon 均直接使用 POI 宿主的 `SlotitemIcon` 默认渲染尺寸
-- Daily 表格、Wishlist 表格、类型 filter 现在都直接从 `views/components/etc/icon` 引入宿主 `SlotitemIcon`
-- 插件侧不再对 `SlotitemIcon` 做 `zoom`、`transform: scale(...)` 或其它自定义缩放处理
-- 原因是不同用户的 POI / Electron / 系统缩放环境下，非宿主默认缩放可能导致 icon 错位、放大或整页异常
-- 若后续仍需优化观感，优先参考 `poi-plugin-item-info` 的宿主友好结构，通过 checkbox / label 布局、外层 gap 、margin 等轻量样式调整观感
+# poi-plugin-kai-planner
+
+用于在 POI 浏览器里管理改修相关信息与个人规划。
+
+## 你可以用这个插件做什么
+
+- 在`每日改修`页面查看当天可改修装备、基础消耗、秘书舰要求与可进化状态。
+- 在`每日改修`页面把常看的装备标记为收藏，收藏项会优先排序并长期保存在本地。
+- 在`改修心愿清单`页面创建、编辑、刷新和追踪个人改修计划，查看实时完成进度与资源缺口。
+- 在`装备获取规划`页面管理想提前准备的装备，查看它们与未完成改修计划之间的待消耗关联。
+- 在`Debug`页面查看插件运行时数据与调试信息。
+
+## 技术文档
+
+技术设计、存储策略、页面行为和实现约束请看 [docs/README.md](docs/README.md)。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poi-plugin-kai-planner",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "main": "index.js",
   "author": "aulu",
   "contributors": ["aulu"],

package/src/app/KaiPlannerApp.js

@@ -1,211 +1,228 @@
-// src/app/KaiPlannerApp.js
-const React = require("react");
-const { DailyTab } = require("./tabs/daily/DailyTab");
-const { checkAndUpdateData } = require("../services/static/version/dataUpdateManager");
-const { readMeta } = require("../services/static/version/versionStore");
-
-const placeholderStyle = {
-  padding: 12,
-  background: "#111827",
-  color: "#e5e7eb",
-  borderRadius: 8,
-};
-
-function pad2(n) {
-  return String(n).padStart(2, "0");
-}
-
-function formatSimpleTime(iso) {
-  if (!iso) return "-";
-  const d = new Date(iso);
-  if (!Number.isFinite(d.getTime())) return "-";
-  return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} ${pad2(d.getHours())}:${pad2(
-    d.getMinutes()
-  )}:${pad2(d.getSeconds())}`;
-}
-
-function readBundledManifestUpdatedAt() {
-  try {
-    // eslint-disable-next-line global-require
-    const m = require("../data/static/data_manifest.json");
-    if (m && m.updated_at) return String(m.updated_at);
-  } catch {}
-  return null;
-}
-
-function readEnableDebugFlag() {
-  try {
-    // eslint-disable-next-line global-require
-    const pkg = require("../../package.json");
-    const poiPlugin = pkg && pkg.poiPlugin ? pkg.poiPlugin : {};
-    if (poiPlugin.enableDebug == null) return true;
-    return !!poiPlugin.enableDebug;
-  } catch {
-    return true;
-  }
-}
-
-class KaiPlannerApp extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      tab: "daily", // daily | wishlist | debug
-      wishlistLoadError: null,
-      debugLoadError: null,
-      checkingUpdate: false,
-      lastUpdateAtText: "-",
-      updateTip: "",
-    };
-    this._WishlistTab = null;
-    this._DebugTab = null;
-    this.enableDebug = readEnableDebugFlag();
-    this.handleCheckUpdate = this.handleCheckUpdate.bind(this);
-  }
-
-  componentDidMount() {
-    this.syncUpdateMeta();
-    this.handleCheckUpdate(false);
-  }
-
-  syncUpdateMeta() {
-    try {
-      const meta = readMeta();
-      const fallback = readBundledManifestUpdatedAt();
-      this.setState({
-        lastUpdateAtText: formatSimpleTime((meta && meta.lastUpdateAt) || fallback),
-      });
-    } catch {}
-  }
-
-  async handleCheckUpdate(force) {
-    if (this.state.checkingUpdate) return;
-    this.setState({ checkingUpdate: true, updateTip: force ? "正在检查..." : "" });
-    try {
-      const res = await checkAndUpdateData({ force: !!force });
-      this.syncUpdateMeta();
-      if (force) {
-        if (res && res.ok && res.updated) this.setState({ updateTip: `已更新到数据版本 ${res.remoteVersion}` });
-        else if (res && res.ok && !res.updated) this.setState({ updateTip: "当前已是最新数据" });
-        else if (res && res.reason === "data_source_not_configured") this.setState({ updateTip: "未配置远端数据源" });
-        else this.setState({ updateTip: `检查失败${res && res.error ? `：${res.error}` : ""}` });
-      }
-    } catch (e) {
-      if (force) this.setState({ updateTip: `检查失败：${String(e && (e.stack || e))}` });
-    } finally {
-      this.setState({ checkingUpdate: false });
-    }
-  }
-
-  render() {
-    const tab = !this.enableDebug && this.state.tab === "debug" ? "daily" : this.state.tab;
-
-    const tabButtonStyle = (key) => ({
-      padding: "6px 10px",
-      borderRadius: 8,
-      cursor: "pointer",
-      border: "1px solid #374151",
-      background: tab === key ? "#1f2937" : "transparent",
-      color: "#e5e7eb",
-      marginRight: 8,
-      fontSize: 14,
-    });
-
-    let content = null;
-    if (tab === "daily") {
-      content = React.createElement(DailyTab, {
-        envWindow: this.props.envWindow,
-        envCtx: this.props.envCtx,
-      });
-    } else if (tab === "wishlist") {
-      if (!this._WishlistTab && !this.state.wishlistLoadError) {
-        try {
-          // eslint-disable-next-line global-require
-          this._WishlistTab = require("./tabs/wishlist/WishlistTab");
-        } catch (e) {
-          this.setState({ wishlistLoadError: String(e && e.stack ? e.stack : e) });
-        }
-      }
-
-      if (this.state.wishlistLoadError) {
-        content = React.createElement(
-          "div",
-          { style: { ...placeholderStyle, whiteSpace: "pre-wrap" } },
-          "【改修心愿清单】模块加载失败（已隔离，不影响 Daily/Debug）\n\n错误信息：\n" + this.state.wishlistLoadError
-        );
-      } else if (this._WishlistTab) {
-        content = React.createElement(this._WishlistTab, {
-          envWindow: this.props.envWindow,
-          envCtx: this.props.envCtx,
-        });
-      } else {
-        content = React.createElement("div", { style: placeholderStyle }, "【改修心愿清单】加载中...");
-      }
-    } else if (tab === "debug") {
-      if (!this._DebugTab && !this.state.debugLoadError) {
-        try {
-          // eslint-disable-next-line global-require
-          this._DebugTab = require("./tabs/debug/DebugTab");
-        } catch (e) {
-          this.setState({ debugLoadError: String(e && e.stack ? e.stack : e) });
-        }
-      }
-
-      if (this.state.debugLoadError) {
-        content = React.createElement(
-          "div",
-          { style: { ...placeholderStyle, whiteSpace: "pre-wrap" } },
-          "【Debug】模块加载失败（已隔离，不影响 Daily/Wishlist）\n\n错误信息：\n" + this.state.debugLoadError
-        );
-      } else if (this._DebugTab) {
-        content = React.createElement(this._DebugTab, {
-          envWindow: this.props.envWindow,
-          envCtx: this.props.envCtx,
-        });
-      } else {
-        content = React.createElement("div", { style: placeholderStyle }, "【Debug】加载中...");
-      }
-    } else {
-      content = React.createElement("div", { style: placeholderStyle }, "未知标签页");
-    }
-
-    return React.createElement(
-      "div",
-      { style: { padding: 12 } },
-      React.createElement(
-        "div",
-        { style: { marginBottom: 12, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12 } },
-        React.createElement(
-          "div",
-          null,
-          React.createElement("button", { style: tabButtonStyle("daily"), onClick: () => this.setState({ tab: "daily" }) }, "每日改修"),
-          React.createElement(
-            "button",
-            { style: tabButtonStyle("wishlist"), onClick: () => this.setState({ tab: "wishlist" }) },
-            "改修心愿清单"
-          ),
-          this.enableDebug
-            ? React.createElement(
-                "button",
-                { style: tabButtonStyle("debug"), onClick: () => this.setState({ tab: "debug" }) },
-                "Debug"
-              )
-            : null
-        ),
-        React.createElement(
-          "div",
-          { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", justifyContent: "flex-end" } },
-          React.createElement("span", { style: { fontSize: 14, opacity: 0.8 } }, `上一次数据源更新：${this.state.lastUpdateAtText}`),
-          React.createElement(
-            "button",
-            { style: tabButtonStyle("__check__"), onClick: () => this.handleCheckUpdate(true), disabled: this.state.checkingUpdate },
-            this.state.checkingUpdate ? "检查中..." : "检查更新"
-          ),
-          this.state.updateTip ? React.createElement("span", { style: { fontSize: 14, opacity: 0.85 } }, this.state.updateTip) : null
-        )
-      ),
-      content
-    );
-  }
-}
-
+const React = require("react");
+const { DailyTabV2 } = require("./tabs/daily/DailyTabV2");
+const { checkAndUpdateData } = require("../services/static/version/dataUpdateManager");
+const { readMeta } = require("../services/static/version/versionStore");
+
+const placeholderStyle = {
+  padding: 12,
+  background: "#111827",
+  color: "#e5e7eb",
+  borderRadius: 8,
+};
+
+function pad2(n) {
+  return String(n).padStart(2, "0");
+}
+
+function formatSimpleTime(iso) {
+  if (!iso) return "-";
+  const date = new Date(iso);
+  if (!Number.isFinite(date.getTime())) return "-";
+  return `${date.getFullYear()}-${pad2(date.getMonth() + 1)}-${pad2(date.getDate())} ${pad2(date.getHours())}:${pad2(
+    date.getMinutes()
+  )}:${pad2(date.getSeconds())}`;
+}
+
+function readBundledManifestUpdatedAt() {
+  try {
+    // eslint-disable-next-line global-require
+    const manifest = require("../data/static/data_manifest.json");
+    if (manifest && manifest.updated_at) return String(manifest.updated_at);
+  } catch {}
+  return null;
+}
+
+function readEnableDebugFlag() {
+  try {
+    // eslint-disable-next-line global-require
+    const pkg = require("../../package.json");
+    const poiPlugin = pkg && pkg.poiPlugin ? pkg.poiPlugin : {};
+    if (poiPlugin.enableDebug == null) return true;
+    return !!poiPlugin.enableDebug;
+  } catch {
+    return true;
+  }
+}
+
+class KaiPlannerApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      tab: "daily",
+      wishlistLoadError: null,
+      acquisitionLoadError: null,
+      debugLoadError: null,
+      checkingUpdate: false,
+      lastUpdateAtText: "-",
+      updateTip: "",
+    };
+    this._WishlistTab = null;
+    this._AcquisitionTab = null;
+    this._DebugTab = null;
+    this.enableDebug = readEnableDebugFlag();
+    this.handleCheckUpdate = this.handleCheckUpdate.bind(this);
+  }
+
+  componentDidMount() {
+    this.syncUpdateMeta();
+    this.handleCheckUpdate(false);
+  }
+
+  syncUpdateMeta() {
+    try {
+      const meta = readMeta();
+      const fallback = readBundledManifestUpdatedAt();
+      this.setState({
+        lastUpdateAtText: formatSimpleTime((meta && meta.lastUpdateAt) || fallback),
+      });
+    } catch {}
+  }
+
+  async handleCheckUpdate(force) {
+    if (this.state.checkingUpdate) return;
+    this.setState({ checkingUpdate: true, updateTip: force ? "正在检查..." : "" });
+    try {
+      const result = await checkAndUpdateData({ force: !!force });
+      this.syncUpdateMeta();
+      if (force) {
+        if (result && result.ok && result.updated) this.setState({ updateTip: `已更新到数据版本 ${result.remoteVersion}` });
+        else if (result && result.ok && !result.updated) this.setState({ updateTip: "当前已是最新数据。" });
+        else if (result && result.reason === "data_source_not_configured") this.setState({ updateTip: "未配置远端数据源。" });
+        else this.setState({ updateTip: `检查失败${result && result.error ? `：${result.error}` : ""}` });
+      }
+    } catch (error) {
+      if (force) this.setState({ updateTip: `检查失败：${String(error && (error.stack || error))}` });
+    } finally {
+      this.setState({ checkingUpdate: false });
+    }
+  }
+
+  render() {
+    const tab = !this.enableDebug && this.state.tab === "debug" ? "daily" : this.state.tab;
+    const tabButtonStyle = (key) => ({
+      padding: "6px 10px",
+      borderRadius: 8,
+      cursor: "pointer",
+      border: "1px solid #374151",
+      background: tab === key ? "#1f2937" : "transparent",
+      color: "#e5e7eb",
+      marginRight: 8,
+      fontSize: 14,
+    });
+
+    let content = null;
+    if (tab === "daily") {
+      content = React.createElement(DailyTabV2, {
+        envWindow: this.props.envWindow,
+        envCtx: this.props.envCtx,
+      });
+    } else if (tab === "wishlist") {
+      if (!this._WishlistTab && !this.state.wishlistLoadError) {
+        try {
+          // eslint-disable-next-line global-require
+          this._WishlistTab = require("./tabs/wishlist/WishlistTabV2");
+        } catch (error) {
+          this.setState({ wishlistLoadError: String(error && error.stack ? error.stack : error) });
+        }
+      }
+
+      if (this.state.wishlistLoadError) {
+        content = React.createElement(
+          "div",
+          { style: { ...placeholderStyle, whiteSpace: "pre-wrap" } },
+          "【改修规划】模块加载失败（已隔离，不影响 Daily/Debug）\n\n错误信息：\n" + this.state.wishlistLoadError
+        );
+      } else if (this._WishlistTab) {
+        content = React.createElement(this._WishlistTab, {
+          envWindow: this.props.envWindow,
+          envCtx: this.props.envCtx,
+        });
+      } else {
+        content = React.createElement("div", { style: placeholderStyle }, "【改修规划】加载中...");
+      }
+    } else if (tab === "acquisition") {
+      if (!this._AcquisitionTab && !this.state.acquisitionLoadError) {
+        try {
+          // eslint-disable-next-line global-require
+          this._AcquisitionTab = require("./tabs/acquisition/AcquisitionTab");
+        } catch (error) {
+          this.setState({ acquisitionLoadError: String(error && error.stack ? error.stack : error) });
+        }
+      }
+
+      if (this.state.acquisitionLoadError) {
+        content = React.createElement(
+          "div",
+          { style: { ...placeholderStyle, whiteSpace: "pre-wrap" } },
+          "【装备获取规划】模块加载失败（已隔离，不影响其他页面）\n\n错误信息：\n" + this.state.acquisitionLoadError
+        );
+      } else if (this._AcquisitionTab) {
+        content = React.createElement(this._AcquisitionTab, {
+          envWindow: this.props.envWindow,
+          envCtx: this.props.envCtx,
+        });
+      } else {
+        content = React.createElement("div", { style: placeholderStyle }, "【装备获取规划】加载中...");
+      }
+    } else if (tab === "debug") {
+      if (!this._DebugTab && !this.state.debugLoadError) {
+        try {
+          // eslint-disable-next-line global-require
+          this._DebugTab = require("./tabs/debug/DebugTab");
+        } catch (error) {
+          this.setState({ debugLoadError: String(error && error.stack ? error.stack : error) });
+        }
+      }
+
+      if (this.state.debugLoadError) {
+        content = React.createElement(
+          "div",
+          { style: { ...placeholderStyle, whiteSpace: "pre-wrap" } },
+          "【Debug】模块加载失败（已隔离，不影响 Daily/Wishlist/装备获取规划）\n\n错误信息：\n" + this.state.debugLoadError
+        );
+      } else if (this._DebugTab) {
+        content = React.createElement(this._DebugTab, {
+          envWindow: this.props.envWindow,
+          envCtx: this.props.envCtx,
+        });
+      } else {
+        content = React.createElement("div", { style: placeholderStyle }, "【Debug】加载中...");
+      }
+    } else {
+      content = React.createElement("div", { style: placeholderStyle }, "未知标签页。");
+    }
+
+    return React.createElement(
+      "div",
+      { style: { padding: 12 } },
+      React.createElement(
+        "div",
+        { style: { marginBottom: 12, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12 } },
+        React.createElement(
+          "div",
+          null,
+          React.createElement("button", { style: tabButtonStyle("daily"), onClick: () => this.setState({ tab: "daily" }) }, "每日改修"),
+          React.createElement("button", { style: tabButtonStyle("wishlist"), onClick: () => this.setState({ tab: "wishlist" }) }, "改修规划"),
+          React.createElement("button", { style: tabButtonStyle("acquisition"), onClick: () => this.setState({ tab: "acquisition" }) }, "装备获取规划"),
+          this.enableDebug
+            ? React.createElement("button", { style: tabButtonStyle("debug"), onClick: () => this.setState({ tab: "debug" }) }, "Debug")
+            : null
+        ),
+        React.createElement(
+          "div",
+          { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", justifyContent: "flex-end" } },
+          React.createElement("span", { style: { fontSize: 14, opacity: 0.8 } }, `上一次数据源更新：${this.state.lastUpdateAtText}`),
+          React.createElement(
+            "button",
+            { style: tabButtonStyle("__check__"), onClick: () => this.handleCheckUpdate(true), disabled: this.state.checkingUpdate },
+            this.state.checkingUpdate ? "检查中..." : "检查更新"
+          ),
+          this.state.updateTip ? React.createElement("span", { style: { fontSize: 14, opacity: 0.85 } }, this.state.updateTip) : null
+        )
+      ),
+      content
+    );
+  }
+}
+
 module.exports = { KaiPlannerApp };

package/src/app/tabs/acquisition/AcquisitionPlanForm.js

@@ -0,0 +1,135 @@
+const React = require("react");
+const { MouseComboBox } = require("../wishlist/components/MouseComboBox");
+const { EVENT_COMBO_CLOSE_ALL, isInComboRoot } = require("../../../services/wishlist/dropdownInteraction");
+const { countNoteUnits } = require("../../../services/common/noteText");
+
+const NOTE_MAX_UNITS = 100;
+
+function AcquisitionPlanForm({
+  visible,
+  mode,
+  form,
+  error,
+  equipOptions,
+  equipInputValue,
+  selectedEquipText,
+  onPatch,
+  onSelectEquip,
+  onClearEquip,
+  onSubmit,
+  onCancel,
+}) {
+  if (!visible) return null;
+
+  const panelStyle = {
+    marginTop: 10,
+    padding: 10,
+    border: "1px solid rgba(255,255,255,0.12)",
+    borderRadius: 8,
+    background: "rgba(0,0,0,0.12)",
+  };
+  const formRow = { display: "flex", gap: 8, alignItems: "center", flexWrap: "wrap", marginTop: 8 };
+  const labelStyle = { width: 96, opacity: 0.88, fontWeight: 700 };
+  const inputStyle = {
+    padding: "6px 8px",
+    borderRadius: 8,
+    border: "1px solid rgba(255,255,255,0.12)",
+    background: "rgba(0,0,0,0.15)",
+    color: "#e5e7eb",
+    minWidth: 180,
+  };
+  const noteCount = countNoteUnits(form.note || "");
+
+  return React.createElement(
+    "div",
+    {
+      style: panelStyle,
+      onMouseDownCapture: (event) => {
+        if (isInComboRoot(event && event.target)) return;
+        if (typeof document !== "undefined" && typeof CustomEvent === "function" && document.dispatchEvent) {
+          document.dispatchEvent(new CustomEvent(EVENT_COMBO_CLOSE_ALL));
+        }
+      },
+    },
+    React.createElement("div", { style: { fontWeight: 800 } }, mode === "edit" ? "编辑装备获取规划" : "新增装备获取规划"),
+    React.createElement(
+      "div",
+      { style: formRow },
+      React.createElement("div", { style: labelStyle }, "装备："),
+      React.createElement(MouseComboBox, {
+        inputStyle: { ...inputStyle, minWidth: 590 },
+        dropdownWidth: 590,
+        disabled: mode === "edit",
+        inputValue: equipInputValue,
+        placeholder: mode === "edit" ? "编辑模式下不可修改装备" : "搜索并选择装备（名称/equipId）",
+        onInputChange: (value) => onPatch({ equipQuery: value }),
+        options: equipOptions,
+        emptyText: "无匹配装备",
+        onSelect: (value, option) => onSelectEquip(value, option),
+      }),
+      selectedEquipText && mode !== "edit"
+        ? React.createElement(
+            "button",
+            {
+              type: "button",
+              onClick: () => onClearEquip && onClearEquip(),
+              style: {
+                border: "1px solid rgba(147,197,253,0.45)",
+                background: "rgba(59,130,246,0.14)",
+                color: "#93c5fd",
+                borderRadius: 8,
+                padding: "4px 8px",
+                cursor: "pointer",
+              },
+            },
+            `已选：${selectedEquipText} ×`
+          )
+        : null
+    ),
+    React.createElement(
+      "div",
+      { style: formRow },
+      React.createElement("div", { style: labelStyle }, "预期获取数量："),
+      React.createElement("input", {
+        style: { ...inputStyle, minWidth: 120 },
+        type: "number",
+        min: 1,
+        step: 1,
+        value: String(form.expectedCount || "1"),
+        onChange: (event) => onPatch({ expectedCount: event.target.value }),
+        placeholder: "必须大于 0",
+      })
+    ),
+    React.createElement(
+      "div",
+      { style: { ...formRow, alignItems: "flex-start" } },
+      React.createElement("div", { style: { ...labelStyle, marginTop: 6 } }, "备注："),
+      React.createElement(
+        "div",
+        { style: { minWidth: 590, flex: 1, maxWidth: 720 } },
+        React.createElement("textarea", {
+          style: { ...inputStyle, minWidth: 590, minHeight: 88, resize: "vertical", width: "100%", boxSizing: "border-box" },
+          rows: 4,
+          value: form.note || "",
+          onChange: (event) => onPatch({ note: event.target.value }),
+          placeholder: "可填写 常用开发公式+秘书舰 或 可通过什么路径获取（任务/改修进化）",
+        }),
+        React.createElement(
+          "div",
+          { style: { marginTop: 4, opacity: 0.7, fontSize: 12, textAlign: "right" } },
+          `当前字数 ${noteCount}/${NOTE_MAX_UNITS}`
+        )
+      )
+    ),
+    React.createElement(
+      "div",
+      { style: { ...formRow, marginTop: 10 } },
+      React.createElement("button", { onClick: onSubmit }, mode === "edit" ? "保存" : "确认新增"),
+      React.createElement("button", { onClick: onCancel }, "取消")
+    ),
+    error ? React.createElement("div", { style: { marginTop: 8, color: "#fca5a5" } }, error) : null
+  );
+}
+
+module.exports = { AcquisitionPlanForm };
+